@nowramp/form 0.1.49 → 0.1.51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +712 -622
- package/dist/index.js.map +1 -1
- package/dist/nowramp-form.iife.js +12 -12
- package/dist/nowramp-form.iife.js.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -4,63 +4,63 @@
|
|
|
4
4
|
if(document.getElementById(id))return;
|
|
5
5
|
var s=document.createElement('style');
|
|
6
6
|
s.id=id;
|
|
7
|
-
s.textContent=`@layer nowramp-form{.theme-dark{--t-bg: #000000;--t-surface: rgba(255,255,255,.1);--t-surface-hover: rgba(255,255,255,.14);--t-text: #ffffff;--t-text-secondary: rgba(255,255,255,.4);--t-text-tertiary: rgba(255,255,255,.3);--t-text-muted: rgba(255,255,255,.5);--t-border: rgba(255,255,255,.2);--t-border-focus: rgba(255,255,255,.5);--t-pill-bg: rgba(255,255,255,.1);--t-pill-hover: rgba(255,255,255,.15);--t-badge-bg: rgba(255,255,255,.15);--t-divider: rgba(255,255,255,.2);--t-close-bg: rgba(255,255,255,.1);--t-close-hover: rgba(255,255,255,.2);--t-icon-stroke: rgba(255,255,255,.4);--t-icon-close: rgba(255,255,255,.6);--t-accent: #0077FF;--t-cta-bg: var(--t-accent);--t-cta-text: #ffffff;--t-cta-hover: rgba(255,255,255,.9);--t-cta-active: rgba(255,255,255,.8);--t-modal-bg: #000000;--t-chain-border: #000000;--t-skeleton-from: rgba(255,255,255,.06);--t-skeleton-mid: rgba(255,255,255,.12);--t-scrollbar: rgba(255,255,255,.15);--t-card-icon-bg: rgba(255,255,255,.1);--t-card-icon-stroke: rgba(255,255,255,.6);--t-success: #10b981;--t-error: #EF4444}.theme-light{--t-bg: #F2F3F5;--t-surface: rgba(0,0,0,.05);--t-surface-hover: rgba(0,0,0,.08);--t-text: #111111;--t-text-secondary: rgba(0,0,0,.45);--t-text-tertiary: rgba(0,0,0,.3);--t-text-muted: rgba(0,0,0,.5);--t-border: rgba(0,0,0,.12);--t-border-focus: rgba(0,0,0,.3);--t-pill-bg: rgba(0,0,0,.06);--t-pill-hover: rgba(0,0,0,.1);--t-badge-bg: rgba(0,0,0,.08);--t-divider: rgba(0,0,0,.1);--t-close-bg: rgba(0,0,0,.06);--t-close-hover: rgba(0,0,0,.12);--t-icon-stroke: rgba(0,0,0,.35);--t-icon-close: rgba(0,0,0,.5);--t-accent: #0077FF;--t-cta-bg: var(--t-accent);--t-cta-text: #ffffff;--t-cta-hover: #222222;--t-cta-active: #333333;--t-modal-bg: #F2F3F5;--t-chain-border: #F2F3F5;--t-skeleton-from: rgba(0,0,0,.04);--t-skeleton-mid: rgba(0,0,0,.08);--t-scrollbar: rgba(0,0,0,.12);--t-card-icon-bg: rgba(0,0,0,.06);--t-card-icon-stroke: rgba(0,0,0,.5);--t-success: #10b981;--t-error: #EF4444}.custom-scroll::-webkit-scrollbar{width:4px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background:var(--t-scrollbar);border-radius:2px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--t-skeleton-from) 25%,var(--t-skeleton-mid) 50%,var(--t-skeleton-from) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tab-fade-in{animation:fadeIn .3s ease-out both}.digit-slot{display:inline-block;overflow:hidden;vertical-align:top}.digit-slot-inner{transition:transform .35s cubic-bezier(.33,1,.68,1)}@keyframes nramp-spin{to{transform:rotate(360deg)}}.nramp-spinner{width:40px;height:40px;border:3px solid var(--t-border);border-top-color:var(--t-accent);border-radius:50%;animation:nramp-spin .8s linear infinite;margin:0 auto}.nramp-spinner-large{width:60px;height:60px;border-width:4px}.nramp-spinner-inline{width:16px;height:16px;border-width:2px;display:inline-block}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-0{left:0}.right-3{right:.75rem}.top-0{top:0}.top-1\\/2{top:50%}.top-\\[3px\\]{top:3px}.z-20{z-index:20}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mb-1\\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-2\\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mr-0\\.5{margin-right:.125rem}.mr-3{margin-right:.75rem}.mt-0\\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\\[2px\\]{margin-top:2px}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-\\[640px\\]{height:640px}.h-full{height:100%}.min-h-\\[640px\\]{min-height:640px}.w-0{width:0px}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-\\[390px\\]{max-width:390px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-3\\.5{gap:.875rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.
|
|
7
|
+
s.textContent=`@layer nowramp-form{.theme-dark{--t-bg: #000000;--t-surface: rgba(255,255,255,.1);--t-surface-hover: rgba(255,255,255,.14);--t-text: #ffffff;--t-text-secondary: rgba(255,255,255,.4);--t-text-tertiary: rgba(255,255,255,.3);--t-text-muted: rgba(255,255,255,.5);--t-border: rgba(255,255,255,.2);--t-border-focus: rgba(255,255,255,.5);--t-pill-bg: rgba(255,255,255,.1);--t-pill-hover: rgba(255,255,255,.15);--t-badge-bg: rgba(255,255,255,.15);--t-divider: rgba(255,255,255,.2);--t-close-bg: rgba(255,255,255,.1);--t-close-hover: rgba(255,255,255,.2);--t-icon-stroke: rgba(255,255,255,.4);--t-icon-close: rgba(255,255,255,.6);--t-accent: #0077FF;--t-cta-bg: var(--t-accent);--t-cta-text: #ffffff;--t-cta-hover: rgba(255,255,255,.9);--t-cta-active: rgba(255,255,255,.8);--t-modal-bg: #000000;--t-chain-border: #000000;--t-skeleton-from: rgba(255,255,255,.06);--t-skeleton-mid: rgba(255,255,255,.12);--t-scrollbar: rgba(255,255,255,.15);--t-card-icon-bg: rgba(255,255,255,.1);--t-card-icon-stroke: rgba(255,255,255,.6);--t-success: #10b981;--t-error: #EF4444}.theme-light{--t-bg: #F2F3F5;--t-surface: rgba(0,0,0,.05);--t-surface-hover: rgba(0,0,0,.08);--t-text: #111111;--t-text-secondary: rgba(0,0,0,.45);--t-text-tertiary: rgba(0,0,0,.3);--t-text-muted: rgba(0,0,0,.5);--t-border: rgba(0,0,0,.12);--t-border-focus: rgba(0,0,0,.3);--t-pill-bg: rgba(0,0,0,.06);--t-pill-hover: rgba(0,0,0,.1);--t-badge-bg: rgba(0,0,0,.08);--t-divider: rgba(0,0,0,.1);--t-close-bg: rgba(0,0,0,.06);--t-close-hover: rgba(0,0,0,.12);--t-icon-stroke: rgba(0,0,0,.35);--t-icon-close: rgba(0,0,0,.5);--t-accent: #0077FF;--t-cta-bg: var(--t-accent);--t-cta-text: #ffffff;--t-cta-hover: #222222;--t-cta-active: #333333;--t-modal-bg: #F2F3F5;--t-chain-border: #F2F3F5;--t-skeleton-from: rgba(0,0,0,.04);--t-skeleton-mid: rgba(0,0,0,.08);--t-scrollbar: rgba(0,0,0,.12);--t-card-icon-bg: rgba(0,0,0,.06);--t-card-icon-stroke: rgba(0,0,0,.5);--t-success: #10b981;--t-error: #EF4444}.custom-scroll::-webkit-scrollbar{width:4px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background:var(--t-scrollbar);border-radius:2px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--t-skeleton-from) 25%,var(--t-skeleton-mid) 50%,var(--t-skeleton-from) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tab-fade-in{animation:fadeIn .3s ease-out both}.digit-slot{display:inline-block;overflow:hidden;vertical-align:top}.digit-slot-inner{transition:transform .35s cubic-bezier(.33,1,.68,1)}@keyframes nramp-spin{to{transform:rotate(360deg)}}.nramp-spinner{width:40px;height:40px;border:3px solid var(--t-border);border-top-color:var(--t-accent);border-radius:50%;animation:nramp-spin .8s linear infinite;margin:0 auto}.nramp-spinner-large{width:60px;height:60px;border-width:4px}.nramp-spinner-inline{width:16px;height:16px;border-width:2px;display:inline-block}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-0{left:0}.right-3{right:.75rem}.top-0{top:0}.top-1\\/2{top:50%}.top-\\[3px\\]{top:3px}.z-20{z-index:20}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mb-1\\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-2\\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mr-0\\.5{margin-right:.125rem}.mr-3{margin-right:.75rem}.mt-0\\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\\[2px\\]{margin-top:2px}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-\\[640px\\]{height:640px}.h-full{height:100%}.min-h-\\[640px\\]{min-height:640px}.w-0{width:0px}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-\\[390px\\]{max-width:390px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-3\\.5{gap:.875rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-12{padding:3rem}.p-8{padding:2rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\\[18px\\]{padding-left:18px;padding-right:18px}.px-\\[2px\\]{padding-left:2px;padding-right:2px}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-1{padding-bottom:.25rem}.pb-2\\.5{padding-bottom:.625rem}.pb-5{padding-bottom:1.25rem}.pb-\\[14px\\]{padding-bottom:14px}.pb-\\[18px\\]{padding-bottom:18px}.pt-3{padding-top:.75rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-\\[12px\\]{padding-top:12px}.pt-\\[14px\\]{padding-top:14px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[48px\\]{font-size:48px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.lowercase{text-transform:lowercase}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover-item{transition:background-color .15s ease}.hover-item:hover{background-color:var(--t-hover-bg, rgba(255, 255, 255, .05))}.hover\\:opacity-70:hover{opacity:.7}
|
|
8
8
|
}`;
|
|
9
9
|
document.head.appendChild(s);
|
|
10
10
|
})();
|
|
11
11
|
import { jsx as e, jsxs as o, Fragment as te } from "react/jsx-runtime";
|
|
12
|
-
import
|
|
13
|
-
import { RampApi as
|
|
12
|
+
import Pe, { useState as g, useRef as V, useCallback as O, useEffect as _, useMemo as j, useReducer as Xt, useContext as $t, createContext as jt } from "react";
|
|
13
|
+
import { RampApi as Fe } from "@nowramp/sdk";
|
|
14
14
|
import { createPortal as yt } from "react-dom";
|
|
15
|
-
function
|
|
16
|
-
const [a, r] =
|
|
17
|
-
(!
|
|
18
|
-
const
|
|
15
|
+
function Wt(t, n) {
|
|
16
|
+
const [a, r] = g(null), [l, u] = g(!0), [m, i] = g(null), s = V(null);
|
|
17
|
+
(!s.current || s.current !== t) && (s.current = new Fe({ apiKey: "", ...t }));
|
|
18
|
+
const p = O(async () => {
|
|
19
19
|
if (!t.projectId) {
|
|
20
|
-
|
|
20
|
+
i(new Error("projectId is required")), u(!1);
|
|
21
21
|
return;
|
|
22
22
|
}
|
|
23
|
-
u(!0),
|
|
23
|
+
u(!0), i(null);
|
|
24
24
|
try {
|
|
25
|
-
const
|
|
26
|
-
r(
|
|
27
|
-
} catch (
|
|
28
|
-
|
|
25
|
+
const h = await s.current.getSupported(n);
|
|
26
|
+
r(h);
|
|
27
|
+
} catch (h) {
|
|
28
|
+
i(h instanceof Error ? h : new Error("Failed to fetch config"));
|
|
29
29
|
} finally {
|
|
30
30
|
u(!1);
|
|
31
31
|
}
|
|
32
32
|
}, [t.projectId, n]);
|
|
33
33
|
return _(() => {
|
|
34
|
-
|
|
35
|
-
}, [
|
|
34
|
+
p();
|
|
35
|
+
}, [p]), { config: a, loading: l, error: m, refetch: p };
|
|
36
36
|
}
|
|
37
37
|
function Gt(t, n) {
|
|
38
|
-
const [a, r] =
|
|
39
|
-
(!
|
|
40
|
-
const d =
|
|
38
|
+
const [a, r] = g(null), [l, u] = g(!1), [m, i] = g(null), s = V(null), p = V(""), h = `${t.apiUrl}|${t.projectId}`;
|
|
39
|
+
(!s.current || p.current !== h) && (s.current = new Fe({ apiKey: "", ...t }), p.current = h);
|
|
40
|
+
const d = V(0);
|
|
41
41
|
_(() => {
|
|
42
42
|
const y = ++d.current;
|
|
43
43
|
if (!n || !t.projectId) {
|
|
44
44
|
r(null), u(!1);
|
|
45
45
|
return;
|
|
46
46
|
}
|
|
47
|
-
u(!0),
|
|
48
|
-
(
|
|
49
|
-
d.current === y && (r(
|
|
47
|
+
u(!0), i(null), s.current.getQuotes(n).then(
|
|
48
|
+
(A) => {
|
|
49
|
+
d.current === y && (r(A), u(!1));
|
|
50
50
|
},
|
|
51
|
-
(
|
|
52
|
-
d.current === y && (
|
|
51
|
+
(A) => {
|
|
52
|
+
d.current === y && (i(A instanceof Error ? A : new Error("Failed to fetch quotes")), r(null), u(!1));
|
|
53
53
|
}
|
|
54
54
|
);
|
|
55
55
|
}, [t.projectId, n == null ? void 0 : n.fiatCurrency, n == null ? void 0 : n.fiatAmount, n == null ? void 0 : n.cryptoAmount, n == null ? void 0 : n.cryptoCurrency, n == null ? void 0 : n.network, n == null ? void 0 : n.paymentMethodId, n == null ? void 0 : n.country, n == null ? void 0 : n.orderType]);
|
|
56
56
|
const f = O(async () => {
|
|
57
57
|
if (!(!n || !t.projectId)) {
|
|
58
|
-
u(!0),
|
|
58
|
+
u(!0), i(null);
|
|
59
59
|
try {
|
|
60
|
-
const y = await
|
|
60
|
+
const y = await s.current.getQuotes(n);
|
|
61
61
|
r(y);
|
|
62
62
|
} catch (y) {
|
|
63
|
-
|
|
63
|
+
i(y instanceof Error ? y : new Error("Failed to fetch quotes"));
|
|
64
64
|
} finally {
|
|
65
65
|
u(!1);
|
|
66
66
|
}
|
|
@@ -68,36 +68,36 @@ function Gt(t, n) {
|
|
|
68
68
|
}, [t.projectId, n]);
|
|
69
69
|
return { quotes: a, loading: l, error: m, refetch: f };
|
|
70
70
|
}
|
|
71
|
-
function
|
|
72
|
-
const [n, a] =
|
|
73
|
-
(!
|
|
74
|
-
const
|
|
71
|
+
function Zt(t) {
|
|
72
|
+
const [n, a] = g(null), [r, l] = g(!1), [u, m] = g(null), i = V(null), s = V(""), p = `${t.apiUrl}|${t.projectId}`;
|
|
73
|
+
(!i.current || s.current !== p) && (i.current = new Fe({ apiKey: "", ...t }), s.current = p);
|
|
74
|
+
const h = O(async (f) => {
|
|
75
75
|
l(!0), m(null);
|
|
76
76
|
try {
|
|
77
|
-
const y = await
|
|
77
|
+
const y = await i.current.createCheckoutIntent(f);
|
|
78
78
|
return a(y), y;
|
|
79
79
|
} catch (y) {
|
|
80
|
-
const
|
|
81
|
-
throw m(
|
|
80
|
+
const A = y instanceof Error ? y : new Error("Failed to create checkout intent");
|
|
81
|
+
throw m(A), A;
|
|
82
82
|
} finally {
|
|
83
83
|
l(!1);
|
|
84
84
|
}
|
|
85
85
|
}, []), d = O(() => {
|
|
86
86
|
a(null), m(null);
|
|
87
87
|
}, []);
|
|
88
|
-
return { order: n, loading: r, error: u, createOrder:
|
|
88
|
+
return { order: n, loading: r, error: u, createOrder: h, reset: d };
|
|
89
89
|
}
|
|
90
|
-
function
|
|
91
|
-
const [r, l] =
|
|
92
|
-
|
|
93
|
-
const
|
|
90
|
+
function Yt(t, n, a) {
|
|
91
|
+
const [r, l] = g(null), [u, m] = g(!1), [i, s] = g(null), p = V(null);
|
|
92
|
+
p.current || (p.current = new Fe({ apiKey: "", projectId: "", ...t }));
|
|
93
|
+
const h = O(async () => {
|
|
94
94
|
if (n) {
|
|
95
|
-
m(!0),
|
|
95
|
+
m(!0), s(null);
|
|
96
96
|
try {
|
|
97
|
-
const d = await
|
|
97
|
+
const d = await p.current.getTransaction(n);
|
|
98
98
|
l(d);
|
|
99
99
|
} catch (d) {
|
|
100
|
-
|
|
100
|
+
s(d instanceof Error ? d : new Error("Failed to fetch status"));
|
|
101
101
|
} finally {
|
|
102
102
|
m(!1);
|
|
103
103
|
}
|
|
@@ -107,16 +107,16 @@ function Qt(t, n, a) {
|
|
|
107
107
|
if (!n) return;
|
|
108
108
|
const d = (a == null ? void 0 : a.initialDelay) ?? 0;
|
|
109
109
|
if (d > 0) {
|
|
110
|
-
const f = setTimeout(
|
|
110
|
+
const f = setTimeout(h, d);
|
|
111
111
|
return () => clearTimeout(f);
|
|
112
112
|
}
|
|
113
|
-
|
|
114
|
-
}, [
|
|
113
|
+
h();
|
|
114
|
+
}, [h, n, a == null ? void 0 : a.initialDelay]), _(() => {
|
|
115
115
|
if (!n || !(a != null && a.pollInterval) || !r || ["completed", "failed", "cancelled", "expired", "refunded"].includes(r.status))
|
|
116
116
|
return;
|
|
117
|
-
const f = setInterval(
|
|
117
|
+
const f = setInterval(h, a.pollInterval);
|
|
118
118
|
return () => clearInterval(f);
|
|
119
|
-
}, [n, a == null ? void 0 : a.pollInterval, r == null ? void 0 : r.status,
|
|
119
|
+
}, [n, a == null ? void 0 : a.pollInterval, r == null ? void 0 : r.status, h]), { status: r, loading: u, error: i, refetch: h };
|
|
120
120
|
}
|
|
121
121
|
function xt(t, n) {
|
|
122
122
|
if (!t) return t;
|
|
@@ -143,7 +143,7 @@ const St = {
|
|
|
143
143
|
country: "",
|
|
144
144
|
errorMessage: null
|
|
145
145
|
};
|
|
146
|
-
function
|
|
146
|
+
function Qt(t, n) {
|
|
147
147
|
switch (n.type) {
|
|
148
148
|
case "SET_STEP":
|
|
149
149
|
return { ...t, step: n.step, errorMessage: null };
|
|
@@ -199,7 +199,7 @@ function Zt(t, n) {
|
|
|
199
199
|
}
|
|
200
200
|
}
|
|
201
201
|
const Rt = jt(null);
|
|
202
|
-
function
|
|
202
|
+
function Jt({
|
|
203
203
|
projectId: t,
|
|
204
204
|
apiUrl: n = "https://api.nowramp.com",
|
|
205
205
|
assetBaseUrl: a = "",
|
|
@@ -207,120 +207,120 @@ function zt({
|
|
|
207
207
|
customerId: l = "",
|
|
208
208
|
brandId: u,
|
|
209
209
|
defaultFiatCurrency: m = "USD",
|
|
210
|
-
defaultCryptoCurrency:
|
|
211
|
-
defaultNetwork:
|
|
212
|
-
defaultFiatAmount:
|
|
213
|
-
defaultCryptoAmount:
|
|
210
|
+
defaultCryptoCurrency: i = "BTC",
|
|
211
|
+
defaultNetwork: s = "",
|
|
212
|
+
defaultFiatAmount: p = "",
|
|
213
|
+
defaultCryptoAmount: h = "",
|
|
214
214
|
defaultWalletAddress: d = "",
|
|
215
215
|
defaultGateway: f,
|
|
216
216
|
fieldLocks: y,
|
|
217
|
-
statusPollInterval:
|
|
217
|
+
statusPollInterval: A = 5e3,
|
|
218
218
|
onComplete: b,
|
|
219
219
|
onError: T,
|
|
220
|
-
children:
|
|
220
|
+
children: Y
|
|
221
221
|
}) {
|
|
222
|
-
const
|
|
222
|
+
const Q = j(() => ({ apiUrl: n, projectId: t }), [n, t]), q = s || (i ? i.toLowerCase() : ""), ee = r === "sell", ie = ee ? !!h : !!p, k = (ee ? !!(ie && i && q) : !!(ie && i && q && d)) && f ? "confirm" : "amount", S = p || (r === "buy" ? "250" : ""), [c, N] = Xt(Qt, {
|
|
223
223
|
...St,
|
|
224
|
-
step:
|
|
224
|
+
step: k,
|
|
225
225
|
flowType: r,
|
|
226
226
|
fiatCurrency: m,
|
|
227
|
-
cryptoCurrency:
|
|
227
|
+
cryptoCurrency: i,
|
|
228
228
|
network: q,
|
|
229
229
|
fiatAmount: xt(S, 2),
|
|
230
|
-
cryptoAmount: xt(
|
|
230
|
+
cryptoAmount: xt(h, 6),
|
|
231
231
|
walletAddress: d,
|
|
232
232
|
customerId: l
|
|
233
|
-
}),
|
|
233
|
+
}), H = c.flowType === "sell", {
|
|
234
234
|
config: I,
|
|
235
235
|
loading: Se,
|
|
236
|
-
error:
|
|
237
|
-
} =
|
|
238
|
-
|
|
239
|
-
var U,
|
|
236
|
+
error: se
|
|
237
|
+
} = Wt(Q, c.flowType);
|
|
238
|
+
Pe.useEffect(() => {
|
|
239
|
+
var U, F, M;
|
|
240
240
|
if (!I || !c.cryptoCurrency || c.network) return;
|
|
241
|
-
const
|
|
242
|
-
|
|
243
|
-
}, [I, c.cryptoCurrency, c.network]),
|
|
244
|
-
var M,
|
|
241
|
+
const v = (U = I.cryptos) == null ? void 0 : U.find((K) => K.code === c.cryptoCurrency), w = ((F = v == null ? void 0 : v.networks) == null ? void 0 : F.find((K) => K.isDefault)) || ((M = v == null ? void 0 : v.networks) == null ? void 0 : M[0]);
|
|
242
|
+
w != null && w.id && N({ type: "SET_NETWORK", network: w.id });
|
|
243
|
+
}, [I, c.cryptoCurrency, c.network]), Pe.useEffect(() => {
|
|
244
|
+
var M, K;
|
|
245
245
|
if (!((M = I == null ? void 0 : I.paymentMethods) != null && M.length)) return;
|
|
246
|
-
const
|
|
247
|
-
if (c.paymentMethodId &&
|
|
248
|
-
(
|
|
246
|
+
const v = c.fiatCurrency, w = I.paymentMethods;
|
|
247
|
+
if (c.paymentMethodId && w.some(
|
|
248
|
+
(P) => P.id === c.paymentMethodId && P.supportedFiats.includes(v)
|
|
249
249
|
))
|
|
250
250
|
return;
|
|
251
|
-
const
|
|
252
|
-
(
|
|
253
|
-
) ||
|
|
254
|
-
|
|
251
|
+
const F = w.find(
|
|
252
|
+
($) => $.supportedFiats.includes(v) && ($.id.includes("card") || $.id.includes("debit"))
|
|
253
|
+
) || w.find(($) => $.supportedFiats.includes(v));
|
|
254
|
+
N({ type: "SET_PAYMENT_METHOD", methodId: (F == null ? void 0 : F.id) || ((K = w[0]) == null ? void 0 : K.id) || "" });
|
|
255
255
|
}, [I, c.fiatCurrency, c.paymentMethodId]);
|
|
256
|
-
const
|
|
257
|
-
if (
|
|
256
|
+
const X = j(() => {
|
|
257
|
+
if (H) {
|
|
258
258
|
if (!c.cryptoAmount) return null;
|
|
259
259
|
const M = parseFloat(c.cryptoAmount);
|
|
260
260
|
return isNaN(M) || M <= 0 ? "Enter a valid amount" : null;
|
|
261
261
|
}
|
|
262
262
|
if (!I || !c.fiatAmount) return null;
|
|
263
|
-
const
|
|
264
|
-
if (isNaN(
|
|
265
|
-
const
|
|
266
|
-
if (!
|
|
267
|
-
const U = parseFloat(
|
|
268
|
-
return !isNaN(U) &&
|
|
269
|
-
}, [I, c.fiatAmount, c.fiatCurrency, c.cryptoAmount,
|
|
270
|
-
const
|
|
271
|
-
return !I || !
|
|
263
|
+
const v = parseFloat(c.fiatAmount);
|
|
264
|
+
if (isNaN(v)) return null;
|
|
265
|
+
const w = I.fiats.find((M) => M.code === c.fiatCurrency);
|
|
266
|
+
if (!w) return null;
|
|
267
|
+
const U = parseFloat(w.minAmount), F = parseFloat(w.maxAmount);
|
|
268
|
+
return !isNaN(U) && v < U ? `Minimum amount is ${w.minAmount} ${c.fiatCurrency}` : !isNaN(F) && v > F ? `Maximum amount is ${w.maxAmount} ${c.fiatCurrency}` : null;
|
|
269
|
+
}, [I, c.fiatAmount, c.fiatCurrency, c.cryptoAmount, H]), ue = j(() => {
|
|
270
|
+
const v = H ? !!c.cryptoAmount : !!c.fiatAmount;
|
|
271
|
+
return !I || !v || !c.cryptoCurrency || !c.network || X ? null : {
|
|
272
272
|
fiatCurrency: c.fiatCurrency,
|
|
273
|
-
...
|
|
273
|
+
...H ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
|
|
274
274
|
cryptoCurrency: c.cryptoCurrency,
|
|
275
275
|
network: c.network,
|
|
276
276
|
paymentMethodId: c.paymentMethodId || void 0,
|
|
277
277
|
country: c.country || void 0,
|
|
278
278
|
orderType: c.flowType
|
|
279
279
|
};
|
|
280
|
-
}, [I, c.fiatCurrency, c.fiatAmount, c.cryptoAmount, c.cryptoCurrency, c.network, c.paymentMethodId, c.country,
|
|
281
|
-
quotes:
|
|
280
|
+
}, [I, c.fiatCurrency, c.fiatAmount, c.cryptoAmount, c.cryptoCurrency, c.network, c.paymentMethodId, c.country, X, H, c.flowType]), {
|
|
281
|
+
quotes: L,
|
|
282
282
|
loading: xe,
|
|
283
|
-
error:
|
|
283
|
+
error: W,
|
|
284
284
|
refetch: ne
|
|
285
|
-
} = Gt(
|
|
285
|
+
} = Gt(Q, ue), {
|
|
286
286
|
order: ae,
|
|
287
|
-
loading:
|
|
287
|
+
loading: Ce,
|
|
288
288
|
error: Re,
|
|
289
289
|
createOrder: me
|
|
290
|
-
} =
|
|
291
|
-
status:
|
|
290
|
+
} = Zt(Q), G = 15e3, {
|
|
291
|
+
status: Z,
|
|
292
292
|
loading: Me
|
|
293
|
-
} =
|
|
293
|
+
} = Yt(
|
|
294
294
|
{ apiUrl: n },
|
|
295
295
|
(ae == null ? void 0 : ae.orderId) ?? null,
|
|
296
|
-
{ pollInterval:
|
|
296
|
+
{ pollInterval: A, initialDelay: G }
|
|
297
297
|
);
|
|
298
|
-
|
|
299
|
-
(
|
|
300
|
-
}, [
|
|
301
|
-
const
|
|
302
|
-
|
|
303
|
-
}, [
|
|
304
|
-
const
|
|
305
|
-
Te.current =
|
|
306
|
-
const
|
|
307
|
-
|
|
308
|
-
const be =
|
|
298
|
+
Pe.useEffect(() => {
|
|
299
|
+
(Z == null ? void 0 : Z.status) === "completed" && b && b(Z);
|
|
300
|
+
}, [Z == null ? void 0 : Z.status, b]), Pe.useEffect(() => {
|
|
301
|
+
const v = se || Re;
|
|
302
|
+
v && T && T(v);
|
|
303
|
+
}, [se, Re, T]);
|
|
304
|
+
const ge = f || (I == null ? void 0 : I.defaultGateway) || null, Te = V(ge);
|
|
305
|
+
Te.current = ge;
|
|
306
|
+
const ve = V(L);
|
|
307
|
+
ve.current = L;
|
|
308
|
+
const be = V(u);
|
|
309
309
|
be.current = u;
|
|
310
310
|
const _e = O(async () => {
|
|
311
|
-
var
|
|
312
|
-
const
|
|
313
|
-
if (!
|
|
314
|
-
const M = [!
|
|
315
|
-
|
|
311
|
+
var w, U, F;
|
|
312
|
+
const v = ((w = c.selectedQuote) == null ? void 0 : w.gatewayId) || ((F = (U = ve.current) == null ? void 0 : U.bestQuote) == null ? void 0 : F.gatewayId) || Te.current;
|
|
313
|
+
if (!v || !c.walletAddress) {
|
|
314
|
+
const M = [!v && "gateway", !c.walletAddress && "walletAddress"].filter(Boolean).join(", ");
|
|
315
|
+
N({ type: "SET_ERROR", message: `Missing required fields: ${M}` });
|
|
316
316
|
return;
|
|
317
317
|
}
|
|
318
318
|
try {
|
|
319
319
|
await me({
|
|
320
|
-
gateway:
|
|
320
|
+
gateway: v,
|
|
321
321
|
customerId: c.customerId || void 0,
|
|
322
322
|
fiatCurrency: c.fiatCurrency,
|
|
323
|
-
...
|
|
323
|
+
...H ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
|
|
324
324
|
cryptoCurrency: c.cryptoCurrency,
|
|
325
325
|
network: c.network,
|
|
326
326
|
walletAddress: c.walletAddress,
|
|
@@ -328,23 +328,23 @@ function zt({
|
|
|
328
328
|
email: c.email || void 0,
|
|
329
329
|
orderType: c.flowType,
|
|
330
330
|
...be.current ? { metadata: { brand: be.current } } : {}
|
|
331
|
-
}),
|
|
331
|
+
}), N({ type: "SET_STEP", step: "checkout" });
|
|
332
332
|
} catch (M) {
|
|
333
|
-
const
|
|
334
|
-
/wallet|address/i.test(
|
|
333
|
+
const K = M instanceof Error ? M.message : "Failed to create order";
|
|
334
|
+
/wallet|address/i.test(K) ? N({ type: "SET_WALLET_ERROR", message: K.replace(/^Failed to create checkout intent:\s*/i, "") }) : N({ type: "SET_ERROR", message: K });
|
|
335
335
|
}
|
|
336
|
-
}, [c, me,
|
|
337
|
-
|
|
338
|
-
}, []),
|
|
339
|
-
const
|
|
340
|
-
|
|
341
|
-
}, [c.step,
|
|
342
|
-
const
|
|
336
|
+
}, [c, me, H]), he = O((v) => {
|
|
337
|
+
N({ type: "SET_STEP", step: v });
|
|
338
|
+
}, []), Le = O(() => {
|
|
339
|
+
const v = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], w = v.indexOf(c.step);
|
|
340
|
+
w > 0 && N({ type: "SET_STEP", step: v[w - 1] });
|
|
341
|
+
}, [c.step, H]), Ve = j(() => {
|
|
342
|
+
const v = H ? !!c.cryptoAmount : !!c.fiatAmount;
|
|
343
343
|
switch (c.step) {
|
|
344
344
|
case "confirm":
|
|
345
|
-
return !!(
|
|
345
|
+
return !!(v && c.cryptoCurrency && c.network && c.walletAddress && !X);
|
|
346
346
|
case "amount":
|
|
347
|
-
return !!(
|
|
347
|
+
return !!(v && c.cryptoCurrency && c.network && !X);
|
|
348
348
|
case "quotes":
|
|
349
349
|
return !!c.selectedQuote;
|
|
350
350
|
case "wallet":
|
|
@@ -352,40 +352,40 @@ function zt({
|
|
|
352
352
|
default:
|
|
353
353
|
return !1;
|
|
354
354
|
}
|
|
355
|
-
}, [c,
|
|
356
|
-
apiConfig:
|
|
355
|
+
}, [c, X, H]), Xe = {
|
|
356
|
+
apiConfig: Q,
|
|
357
357
|
assetBaseUrl: a,
|
|
358
358
|
config: I,
|
|
359
359
|
configLoading: Se,
|
|
360
|
-
configError:
|
|
360
|
+
configError: se,
|
|
361
361
|
state: c,
|
|
362
|
-
dispatch:
|
|
363
|
-
quotes:
|
|
362
|
+
dispatch: N,
|
|
363
|
+
quotes: L,
|
|
364
364
|
quotesLoading: xe,
|
|
365
|
-
quotesError:
|
|
365
|
+
quotesError: W,
|
|
366
366
|
fetchQuotes: ne,
|
|
367
367
|
order: ae,
|
|
368
|
-
orderLoading:
|
|
368
|
+
orderLoading: Ce,
|
|
369
369
|
orderError: Re,
|
|
370
370
|
createOrder: _e,
|
|
371
|
-
orderStatus:
|
|
371
|
+
orderStatus: Z,
|
|
372
372
|
orderStatusLoading: Me,
|
|
373
373
|
fieldLocks: y || null,
|
|
374
|
-
defaultGateway:
|
|
375
|
-
amountError:
|
|
376
|
-
goToStep:
|
|
377
|
-
goBack:
|
|
378
|
-
canProceed:
|
|
374
|
+
defaultGateway: ge,
|
|
375
|
+
amountError: X,
|
|
376
|
+
goToStep: he,
|
|
377
|
+
goBack: Le,
|
|
378
|
+
canProceed: Ve
|
|
379
379
|
};
|
|
380
|
-
return /* @__PURE__ */ e(Rt.Provider, { value:
|
|
380
|
+
return /* @__PURE__ */ e(Rt.Provider, { value: Xe, children: Y });
|
|
381
381
|
}
|
|
382
|
-
function
|
|
383
|
-
const t =
|
|
382
|
+
function Ae() {
|
|
383
|
+
const t = $t(Rt);
|
|
384
384
|
if (!t)
|
|
385
385
|
throw new Error("useRamp must be used within a RampProvider");
|
|
386
386
|
return t;
|
|
387
387
|
}
|
|
388
|
-
const
|
|
388
|
+
const Qe = {
|
|
389
389
|
ETH: { name: "Ethereum (ERC20)", shortName: "Ethereum", icon: "eth" },
|
|
390
390
|
BSC: { name: "Binance Smart Chain (BEP20)", shortName: "Binance", icon: "bnb" },
|
|
391
391
|
BTC: { name: "Bitcoin", icon: "btc" },
|
|
@@ -712,7 +712,7 @@ const Ze = {
|
|
|
712
712
|
{ code: "ZCHF", name: "Frankencoin", chains: ["ETH"], popular: !1 },
|
|
713
713
|
{ code: "ZETA", name: "Zeta", chains: ["ETH", "ZETACHAIN"], popular: !1 },
|
|
714
714
|
{ code: "ZTG", name: "Zeitgeist", chains: ["ZTG"], popular: !1 }
|
|
715
|
-
],
|
|
715
|
+
], zt = Object.fromEntries(
|
|
716
716
|
Tt.map((t) => [t.code, t.name])
|
|
717
717
|
), qt = {
|
|
718
718
|
AED: "ae",
|
|
@@ -749,7 +749,7 @@ const Ze = {
|
|
|
749
749
|
VND: "vn",
|
|
750
750
|
ZAR: "za"
|
|
751
751
|
};
|
|
752
|
-
function
|
|
752
|
+
function Lt(t, n = "") {
|
|
753
753
|
return `${n}/crypto-icons/${t.toLowerCase()}.svg`;
|
|
754
754
|
}
|
|
755
755
|
function en(t, n = "") {
|
|
@@ -757,13 +757,13 @@ function en(t, n = "") {
|
|
|
757
757
|
return `${n}/flags/${a}.svg`;
|
|
758
758
|
}
|
|
759
759
|
function Ue(t) {
|
|
760
|
-
return
|
|
760
|
+
return Qe[t] || Qe[t.toUpperCase()] || Qe[t.toUpperCase().replace(/-/g, "_")];
|
|
761
761
|
}
|
|
762
|
-
function
|
|
762
|
+
function Je(t, n = "") {
|
|
763
763
|
const a = Ue(t);
|
|
764
764
|
return a ? `${n}/crypto-icons/${a.icon}.svg` : `${n}/crypto-icons/${t.toLowerCase()}.svg`;
|
|
765
765
|
}
|
|
766
|
-
const
|
|
766
|
+
const Ct = [
|
|
767
767
|
{ code: "ALL", name: "Albania Lek" },
|
|
768
768
|
{ code: "ARS", name: "Argentina Peso" },
|
|
769
769
|
{ code: "AUD", name: "Australian Dollar" },
|
|
@@ -776,14 +776,14 @@ const gt = [
|
|
|
776
776
|
{ code: "CHF", name: "Swiss Franc" },
|
|
777
777
|
{ code: "MXN", name: "Mexican Peso" },
|
|
778
778
|
{ code: "INR", name: "Indian Rupee" }
|
|
779
|
-
],
|
|
779
|
+
], gt = [
|
|
780
780
|
{ id: "blue", name: "Blue", accent: "#0077FF" },
|
|
781
781
|
{ id: "violet", name: "Violet", accent: "#7C3AED" },
|
|
782
782
|
{ id: "green", name: "Green", accent: "#10B981" },
|
|
783
783
|
{ id: "orange", name: "Orange", accent: "#F59E0B" },
|
|
784
784
|
{ id: "rose", name: "Rose", accent: "#F43F5E" },
|
|
785
785
|
{ id: "mono", name: "Mono", accent: null }
|
|
786
|
-
],
|
|
786
|
+
], vt = {
|
|
787
787
|
USDC: { USD: 0.9962, EUR: 1.0814, GBP: 1.2573, JPY: 667e-5, CAD: 0.7198, AUD: 0.6384, BRL: 0.1726, CHF: 1.1306, MXN: 0.0487, INR: 0.01187, ARS: 855e-6, ALL: 0.01058 },
|
|
788
788
|
USDT: { USD: 0.9958, EUR: 1.081, GBP: 1.2568, JPY: 666e-5, CAD: 0.7194, AUD: 0.638, BRL: 0.1724, CHF: 1.1301, MXN: 0.0486, INR: 0.01186, ARS: 854e-6, ALL: 0.01057 },
|
|
789
789
|
BTC: { USD: 104e-7, EUR: 1129e-8, GBP: 1313e-8, JPY: 696e-10, CAD: 751e-8, AUD: 666e-8, BRL: 18e-7, CHF: 118e-7, MXN: 508e-9, INR: 124e-9, ARS: 892e-11, ALL: 11e-8 },
|
|
@@ -793,14 +793,14 @@ const gt = [
|
|
|
793
793
|
DOGE: { USD: 3.896, EUR: 4.232, GBP: 4.92, JPY: 0.02607, CAD: 2.815, AUD: 2.496, BRL: 0.675, CHF: 4.421, MXN: 0.1902, INR: 0.04641, ARS: 3345e-6, ALL: 0.04134 },
|
|
794
794
|
ADA: { USD: 1.333, EUR: 1.448, GBP: 1.683, JPY: 892e-5, CAD: 0.963, AUD: 0.854, BRL: 0.2309, CHF: 1.512, MXN: 0.0651, INR: 0.01588, ARS: 1145e-6, ALL: 0.01414 }
|
|
795
795
|
};
|
|
796
|
-
function
|
|
796
|
+
function $n(t, n) {
|
|
797
797
|
var a, r;
|
|
798
|
-
return ((a =
|
|
798
|
+
return ((a = vt[t]) == null ? void 0 : a[n]) ?? ((r = vt.USDC) == null ? void 0 : r[n]) ?? 1;
|
|
799
799
|
}
|
|
800
800
|
function tn(t) {
|
|
801
801
|
return parseFloat(t.replace(/,/g, "")) || 0;
|
|
802
802
|
}
|
|
803
|
-
function
|
|
803
|
+
function jn(t) {
|
|
804
804
|
if (t === 0) return "0";
|
|
805
805
|
if (t >= 1e3) return t.toLocaleString("en-US", { maximumFractionDigits: 2 });
|
|
806
806
|
if (t >= 1) return t.toFixed(2);
|
|
@@ -808,35 +808,35 @@ function $n(t) {
|
|
|
808
808
|
const n = t.toPrecision(4);
|
|
809
809
|
return parseFloat(n).toString();
|
|
810
810
|
}
|
|
811
|
-
const le = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), bt = 10,
|
|
811
|
+
const le = (t) => /^#([0-9A-Fa-f]{3}){1,2}$/.test(t), bt = 10, Nt = 1e-4, nn = (() => {
|
|
812
812
|
const t = [];
|
|
813
813
|
for (const n of Tt)
|
|
814
814
|
for (const a of n.chains)
|
|
815
815
|
t.push({ code: n.code, name: n.name, chain: a, popular: n.popular });
|
|
816
816
|
return t;
|
|
817
817
|
})();
|
|
818
|
-
function
|
|
818
|
+
function kt({
|
|
819
819
|
src: t,
|
|
820
820
|
alt: n,
|
|
821
821
|
size: a,
|
|
822
822
|
className: r = "",
|
|
823
823
|
background: l
|
|
824
824
|
}) {
|
|
825
|
-
const [u, m] =
|
|
825
|
+
const [u, m] = g(!1), [i, s] = g(!1), p = O(() => m(!0), []), h = O(() => s(!0), []);
|
|
826
826
|
return /* @__PURE__ */ o(
|
|
827
827
|
"div",
|
|
828
828
|
{
|
|
829
829
|
className: `relative rounded-full shrink-0 ${r}`,
|
|
830
830
|
style: { width: a, height: a, background: l },
|
|
831
831
|
children: [
|
|
832
|
-
!u && !
|
|
832
|
+
!u && !i && /* @__PURE__ */ e(
|
|
833
833
|
"div",
|
|
834
834
|
{
|
|
835
835
|
className: "absolute inset-0 rounded-full animate-pulse",
|
|
836
836
|
style: { background: "var(--t-pill-bg, #333)" }
|
|
837
837
|
}
|
|
838
838
|
),
|
|
839
|
-
|
|
839
|
+
i ? /* @__PURE__ */ e(
|
|
840
840
|
"div",
|
|
841
841
|
{
|
|
842
842
|
className: "absolute inset-0 rounded-full flex items-center justify-center font-bold",
|
|
@@ -855,8 +855,8 @@ function Lt({
|
|
|
855
855
|
width: a,
|
|
856
856
|
height: a,
|
|
857
857
|
loading: "lazy",
|
|
858
|
-
onLoad:
|
|
859
|
-
onError:
|
|
858
|
+
onLoad: p,
|
|
859
|
+
onError: h,
|
|
860
860
|
className: `rounded-full ${u ? "opacity-100" : "opacity-0"}`,
|
|
861
861
|
style: { width: a, height: a, transition: "opacity 0.15s ease-in" }
|
|
862
862
|
}
|
|
@@ -867,18 +867,18 @@ function Lt({
|
|
|
867
867
|
}
|
|
868
868
|
function Et({ ticker: t, size: n = 32, baseUrl: a = "" }) {
|
|
869
869
|
return /* @__PURE__ */ e(
|
|
870
|
-
|
|
870
|
+
kt,
|
|
871
871
|
{
|
|
872
|
-
src:
|
|
872
|
+
src: Lt(t, a),
|
|
873
873
|
alt: t,
|
|
874
874
|
size: n,
|
|
875
875
|
background: "#ffffff"
|
|
876
876
|
}
|
|
877
877
|
);
|
|
878
878
|
}
|
|
879
|
-
function
|
|
879
|
+
function ze({ currencyCode: t, size: n = 16, baseUrl: a = "" }) {
|
|
880
880
|
return /* @__PURE__ */ e(
|
|
881
|
-
|
|
881
|
+
kt,
|
|
882
882
|
{
|
|
883
883
|
src: en(t, a),
|
|
884
884
|
alt: t,
|
|
@@ -893,14 +893,21 @@ function qe({ size: t = 32, color: n = "#888" }) {
|
|
|
893
893
|
] });
|
|
894
894
|
}
|
|
895
895
|
function an({ size: t = 24 }) {
|
|
896
|
-
return /* @__PURE__ */
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
896
|
+
return /* @__PURE__ */ e(
|
|
897
|
+
"div",
|
|
898
|
+
{
|
|
899
|
+
className: "rounded-full flex items-center justify-center shrink-0",
|
|
900
|
+
style: { width: t, height: t, background: "var(--t-card-icon-bg)" },
|
|
901
|
+
children: /* @__PURE__ */ o("svg", { width: t * 0.6, height: t * 0.58, viewBox: "0 0 25 24", fill: "none", children: [
|
|
902
|
+
/* @__PURE__ */ e("path", { d: "M23.292 7.5H1.70801L12.5 0.592773L23.292 7.5Z", stroke: "var(--t-card-icon-stroke)", strokeWidth: "1" }),
|
|
903
|
+
/* @__PURE__ */ e("rect", { x: "3", y: "10", width: "1.5", height: "11", fill: "var(--t-card-icon-stroke)" }),
|
|
904
|
+
/* @__PURE__ */ e("rect", { x: "9", y: "10", width: "1.5", height: "11", fill: "var(--t-card-icon-stroke)" }),
|
|
905
|
+
/* @__PURE__ */ e("rect", { x: "15", y: "10", width: "1.5", height: "11", fill: "var(--t-card-icon-stroke)" }),
|
|
906
|
+
/* @__PURE__ */ e("rect", { x: "21", y: "10", width: "1.5", height: "11", fill: "var(--t-card-icon-stroke)" }),
|
|
907
|
+
/* @__PURE__ */ e("rect", { y: "23", width: "25", height: "1", fill: "var(--t-card-icon-stroke)" })
|
|
908
|
+
] })
|
|
909
|
+
}
|
|
910
|
+
);
|
|
904
911
|
}
|
|
905
912
|
function rn({ size: t = 32 }) {
|
|
906
913
|
return /* @__PURE__ */ e(
|
|
@@ -916,22 +923,30 @@ function on({ size: t = 32 }) {
|
|
|
916
923
|
return /* @__PURE__ */ e(
|
|
917
924
|
"div",
|
|
918
925
|
{
|
|
919
|
-
className: "
|
|
920
|
-
style: { width: t, height: t,
|
|
921
|
-
children: /* @__PURE__ */ e("
|
|
926
|
+
className: "flex items-center justify-center shrink-0",
|
|
927
|
+
style: { width: t, height: t, background: "#000", borderRadius: t * 0.2 },
|
|
928
|
+
children: /* @__PURE__ */ e("svg", { width: t * 0.72, height: t * 0.288, viewBox: "0 0 50 20", fill: "none", children: /* @__PURE__ */ e(
|
|
929
|
+
"path",
|
|
930
|
+
{
|
|
931
|
+
d: "M9.14529 2.57901C8.55528 3.25398 7.61984 3.7887 6.68351 3.70976C6.56186 2.7971 7.02999 1.82591 7.55883 1.23105C8.14846 0.535892 9.166 0.0403839 9.9999 0C10.1017 0.952461 9.71518 1.88488 9.14529 2.57901ZM9.98932 3.88805C10.5171 3.92756 12.0384 4.08587 13.0125 5.48951C12.9312 5.54899 11.2066 6.51813 11.2267 8.55562C11.247 10.9883 13.4176 11.7995 13.4379 11.8193C13.4176 11.8787 13.0939 12.9667 12.3023 14.0939C11.6126 15.083 10.902 16.052 9.76606 16.0717C8.67023 16.0915 8.30483 15.4389 7.04742 15.4389C5.78949 15.4389 5.38394 16.052 4.34875 16.0915C3.25329 16.1307 2.42185 15.0429 1.73195 14.054C0.310872 12.0564 -0.764097 8.41705 0.696758 5.96431C1.40722 4.73809 2.70553 3.96677 4.10507 3.94695C5.18064 3.92756 6.17501 4.63962 6.82446 4.63962C7.47376 4.63962 8.62918 3.80889 9.98932 3.88805ZM23.544 1.13133C26.4989 1.13133 28.5569 3.11593 28.5569 6.00514C28.5569 8.90473 26.4567 10.8997 23.4702 10.8997H20.1987V15.9694H17.8349V1.13133H23.544ZM20.1987 8.96648H22.9108C24.9692 8.96648 26.1402 7.88694 26.1402 6.01552C26.1402 4.14448 24.9688 3.07467 22.9212 3.07467H20.1987V8.96648ZM29.1434 12.8945C29.1434 10.9923 30.6314 9.90226 33.375 9.7378L36.3194 9.56295V8.74027C36.3194 7.53753 35.5071 6.87939 34.0613 6.87939C32.8683 6.87939 32.0028 7.47564 31.8242 8.39042H29.6919C29.7556 6.46802 31.6126 5.06972 34.1246 5.06972C36.8262 5.06972 38.5886 6.44746 38.5886 8.58634V15.969H36.4042V14.1901H36.3515C35.7287 15.3518 34.3565 16.0817 32.8683 16.0817C30.6734 16.0817 29.1434 14.8072 29.1434 12.8945ZM36.3195 11.9385V11.1054L33.6918 11.27C32.2138 11.3624 31.4442 11.897 31.4442 12.8325C31.4442 13.7375 32.2459 14.3238 33.5018 14.3238C35.1055 14.3238 36.3195 13.3262 36.3195 11.9385ZM40.597 19.9377V18.1592C40.7449 18.1794 41.1032 18.1999 41.2935 18.1999C42.3381 18.1999 42.9291 17.7688 43.288 16.6575L43.4992 15.9997L39.4992 5.20338H41.9686L44.7548 13.9638H44.8077L47.5936 5.20338H50L45.8524 16.5445C44.9024 19.1463 43.8155 20 41.515 20C41.3354 20 40.7549 19.9793 40.597 19.9377Z",
|
|
932
|
+
fill: "white"
|
|
933
|
+
}
|
|
934
|
+
) })
|
|
922
935
|
}
|
|
923
936
|
);
|
|
924
937
|
}
|
|
925
938
|
function ln({ size: t = 32 }) {
|
|
926
|
-
return /* @__PURE__ */
|
|
939
|
+
return /* @__PURE__ */ e(
|
|
927
940
|
"div",
|
|
928
941
|
{
|
|
929
|
-
className: "
|
|
930
|
-
style: { width: t, height: t,
|
|
931
|
-
children: [
|
|
932
|
-
"
|
|
933
|
-
/* @__PURE__ */ e("
|
|
934
|
-
|
|
942
|
+
className: "flex items-center justify-center shrink-0",
|
|
943
|
+
style: { width: t, height: t, background: "#3C4043", borderRadius: t * 0.2 },
|
|
944
|
+
children: /* @__PURE__ */ o("svg", { width: t * 0.72, height: t * 0.296, viewBox: "0 0 51 21", fill: "none", children: [
|
|
945
|
+
/* @__PURE__ */ e("path", { d: "M50.9156 5.87122L44.6406 20.2837H42.6992L45.0289 15.2416L40.9009 5.87122H42.9451L45.929 13.0573H45.9689L48.8714 5.87122H50.9156Z", fill: "white" }),
|
|
946
|
+
/* @__PURE__ */ e("path", { d: "M39.3906 6.65832C38.5866 5.91563 37.4895 5.54547 36.0995 5.54547C34.314 5.54547 32.9657 6.19816 32.0513 7.50532L33.7084 8.54664C34.3211 7.66089 35.1512 7.21951 36.2011 7.21951C36.8967 7.21951 37.5008 7.44661 38.0194 7.9023C38.538 8.35948 38.7964 8.91352 38.7964 9.5665V9.99507C38.0751 9.58796 37.1536 9.38381 36.0366 9.38381C34.7297 9.38381 33.6839 9.68959 32.8998 10.3023C32.1172 10.9151 31.7256 11.738 31.7256 12.7706C31.7256 13.8033 32.0969 14.5675 32.8396 15.2216C33.5808 15.8758 34.5065 16.2016 35.6092 16.2016C36.9033 16.2016 37.9389 15.6302 38.7147 14.4876H38.7976V15.8761H40.5944V9.70955C40.5944 8.4167 40.1944 7.39982 39.3903 6.65862L39.3906 6.65832ZM37.8665 13.6501C37.2451 14.2343 36.5424 14.5272 35.7511 14.5272C35.1926 14.5272 34.7068 14.3645 34.2913 14.0387C33.8741 13.7103 33.6673 13.3032 33.6673 12.8132C33.6673 12.2675 33.923 11.8134 34.4344 11.4462C34.9443 11.079 35.5815 10.8948 36.3442 10.8948C37.3926 10.8948 38.211 11.1249 38.7967 11.5889C38.7967 12.3775 38.4867 13.0645 37.8668 13.6501H37.8665Z", fill: "white" }),
|
|
947
|
+
/* @__PURE__ */ e("path", { d: "M30.4166 2.52282C29.5296 1.67999 28.4552 1.25739 27.1883 1.25739H22.2017V15.8758H24.0813V9.95362H27.188C28.4678 9.95362 29.5448 9.53936 30.4163 8.70815C31.3175 7.87962 31.7661 6.84397 31.7661 5.60565C31.7661 4.36733 31.3175 3.36744 30.4163 2.52312L30.4166 2.52282ZM29.0895 7.40248C28.598 7.90525 27.9781 8.15798 27.2297 8.15798H24.0816V3.05272H27.2297C27.9781 3.05272 28.5983 3.31141 29.0895 3.82849C29.5937 4.33276 29.845 4.92554 29.845 5.60535C29.845 6.28516 29.5934 6.8994 29.0895 7.40218V7.40248Z", fill: "white" }),
|
|
948
|
+
/* @__PURE__ */ e("path", { d: "M16.2663 11.4026C15.8887 12.6964 15.1901 13.9058 14.2131 14.8354C14.1815 14.8655 14.1496 14.895 14.1178 14.9245C14.116 14.9263 14.1148 14.9277 14.113 14.9292C13.1524 15.8144 11.9487 16.4295 10.6737 16.7272C10.6621 16.7302 10.6502 16.7329 10.6385 16.7356C10.2484 16.8241 9.85204 16.8888 9.45357 16.929C8.81668 16.9928 8.17293 16.9928 7.53723 16.9222C7.22102 16.8873 6.9063 16.8348 6.59546 16.7639C6.49293 16.7407 6.39101 16.7156 6.28938 16.6882C5.16759 16.3884 4.11256 15.8564 3.20476 15.1337C3.0018 14.971 2.80599 14.7987 2.61823 14.6184C2.61257 14.613 2.60721 14.6077 2.60154 14.6026C1.93962 13.9657 1.38081 13.22 0.956413 12.4034C0.938829 12.3691 0.921246 12.3352 0.90396 12.3009C0.717393 11.9319 0.559138 11.5493 0.429793 11.1574C0.364822 10.9618 0.307302 10.7634 0.257233 10.5631C0.226834 10.443 0.199117 10.3226 0.174678 10.2013C0.141299 10.0397 0.112986 9.87702 0.0894411 9.714C-0.0509314 8.75165 -0.0267907 7.76517 0.166929 6.81118C0.176168 6.76468 0.185705 6.71879 0.195838 6.6723C0.345748 5.97997 0.582981 5.31 0.903662 4.67698C1.53102 3.42525 2.48025 2.33983 3.62498 1.53514H3.62528C3.73704 1.45616 3.85029 1.38076 3.96533 1.30775C3.99424 1.28957 4.02345 1.27169 4.05206 1.25351C4.11018 1.21774 4.16889 1.18257 4.2276 1.148C4.34562 1.07945 4.46513 1.01329 4.58643 0.950111C4.64723 0.918519 4.70773 0.887822 4.76912 0.858018C5.0755 0.707811 5.39111 0.576975 5.71418 0.466108C5.77021 0.446438 5.82624 0.427961 5.88227 0.409781C5.96661 0.38266 6.05095 0.356731 6.13619 0.332292C6.19312 0.315603 6.25064 0.300106 6.30786 0.284906C6.36448 0.269707 6.4217 0.255401 6.47863 0.241393C6.51111 0.233346 6.5433 0.225895 6.57579 0.218146C6.62764 0.206225 6.6792 0.194901 6.73136 0.183874C6.73464 0.183278 6.73762 0.182681 6.7406 0.181787C6.90481 0.147216 7.06992 0.117711 7.23593 0.093273C7.25262 0.0905907 7.2693 0.088205 7.28629 0.0861187C8.67482 -0.111774 10.114 0.0309834 11.4319 0.518561C12.4443 0.889311 13.3712 1.47882 14.1651 2.21048C13.899 2.4957 13.6138 2.76661 13.3378 3.04705C12.8151 3.56533 12.2971 4.08807 11.774 4.60605C11.7734 4.60545 11.7723 4.60486 11.7717 4.60367L11.7645 4.61082C11.2465 4.11639 10.6192 3.74564 9.9346 3.53642C9.1314 3.29412 8.26652 3.26044 7.44425 3.43658C7.14741 3.49946 6.85772 3.59066 6.57847 3.70779C6.57519 3.70898 6.57221 3.71047 6.56893 3.71166C5.95231 3.97393 5.38843 4.36047 4.92022 4.83881C4.3638 5.39941 3.94089 6.09352 3.68906 6.83979C3.68727 6.8386 3.68548 6.83711 3.68369 6.83591C3.31831 7.89571 3.32308 9.07889 3.68399 10.1384C3.68191 10.1402 3.67982 10.1417 3.67773 10.1435C3.67833 10.1446 3.67863 10.1458 3.67893 10.147C3.68071 10.1461 3.6822 10.1446 3.68399 10.1435C4.03567 11.1892 4.72501 12.1158 5.62835 12.7482C6.19371 13.1473 6.84014 13.428 7.51995 13.5654C8.18545 13.6987 8.87927 13.6844 9.54477 13.5705C10.2103 13.4564 10.8519 13.209 11.4128 12.8338C11.4128 12.8338 11.413 12.834 11.4134 12.8344C11.4164 12.8326 11.4194 12.8308 11.4221 12.8287C12.3081 12.2294 12.9301 11.2691 13.1095 10.2147H8.48467V6.90178H8.48944V6.89701H16.4797C16.7458 8.38955 16.6889 9.94378 16.2657 11.4029L16.2663 11.4026Z", fill: "white" })
|
|
949
|
+
] })
|
|
935
950
|
}
|
|
936
951
|
);
|
|
937
952
|
}
|
|
@@ -949,15 +964,84 @@ function cn({ size: t = 32 }) {
|
|
|
949
964
|
return /* @__PURE__ */ e(
|
|
950
965
|
"div",
|
|
951
966
|
{
|
|
952
|
-
className: "
|
|
953
|
-
style: { width: t, height: t, background: "
|
|
954
|
-
children: /* @__PURE__ */ o("svg", { width: t * 0.
|
|
955
|
-
/* @__PURE__ */ e("
|
|
956
|
-
/* @__PURE__ */ e("
|
|
967
|
+
className: "flex items-center justify-center shrink-0",
|
|
968
|
+
style: { width: t, height: t, background: "#1A1F71", borderRadius: t * 0.2 },
|
|
969
|
+
children: /* @__PURE__ */ o("svg", { width: t * 0.72, height: t * 0.234, viewBox: "0 0 43 14", fill: "none", children: [
|
|
970
|
+
/* @__PURE__ */ e("path", { d: "M18.3629 13.5165H14.9302L17.0772 0.240662H20.5097L18.3629 13.5165Z", fill: "white" }),
|
|
971
|
+
/* @__PURE__ */ e("path", { d: "M30.806 0.565203C30.1289 0.296586 29.055 0 27.7271 0C24.3372 0 21.95 1.80767 21.9354 4.3921C21.9072 6.29889 23.6445 7.35796 24.9439 7.99375C26.2719 8.64342 26.7234 9.06747 26.7234 9.64656C26.7099 10.5359 25.6502 10.9459 24.6619 10.9459C23.2914 10.9459 22.5571 10.7345 21.4412 10.2397L20.9891 10.0276L20.5088 13.0077C21.3139 13.3745 22.7972 13.7 24.3372 13.7143C27.939 13.7143 30.2839 11.9346 30.3117 9.18047C30.3254 7.66919 29.4081 6.51119 27.4303 5.56493C26.2297 4.95749 25.4944 4.54791 25.4944 3.92639C25.5085 3.36137 26.1163 2.78265 27.4716 2.78265C28.5876 2.75431 29.4075 3.02255 30.0286 3.29098L30.3391 3.43195L30.806 0.565203Z", fill: "white" }),
|
|
972
|
+
/* @__PURE__ */ e("path", { d: "M35.3681 8.81332C35.6508 8.05064 36.7386 5.09886 36.7386 5.09886C36.7243 5.1272 37.0207 4.3221 37.1902 3.82785L37.4301 4.97178C37.4301 4.97178 38.0802 8.14956 38.2213 8.81332C37.6848 8.81332 36.0461 8.81332 35.3681 8.81332ZM39.6053 0.240662H36.9501C36.1313 0.240662 35.5092 0.480559 35.156 1.34216L30.0571 13.5163H33.659C33.659 13.5163 34.2519 11.8777 34.3794 11.5248C34.7745 11.5248 38.2784 11.5248 38.7867 11.5248C38.8853 11.9909 39.1963 13.5163 39.1963 13.5163H42.3747L39.6053 0.240662Z", fill: "white" }),
|
|
973
|
+
/* @__PURE__ */ e("path", { d: "M12.0629 0.240662L8.70119 9.29349L8.33383 7.45747C7.71232 5.33894 5.76311 3.03721 3.58789 1.89272L6.66713 13.5024H10.2971L15.6927 0.240662H12.0629Z", fill: "white" }),
|
|
974
|
+
/* @__PURE__ */ e("path", { d: "M5.57939 0.240662H0.0565013L0 0.508903C4.3082 1.61059 7.16143 4.26616 8.3337 7.45803L7.13309 1.35661C6.93542 0.508715 6.32798 0.268631 5.57939 0.240662Z", fill: "white" })
|
|
957
975
|
] })
|
|
958
976
|
}
|
|
959
977
|
);
|
|
960
978
|
}
|
|
979
|
+
function dn({ size: t = 32 }) {
|
|
980
|
+
const n = t * 0.8;
|
|
981
|
+
return /* @__PURE__ */ e(
|
|
982
|
+
"div",
|
|
983
|
+
{
|
|
984
|
+
className: "flex items-center justify-center shrink-0",
|
|
985
|
+
style: { width: t, height: t },
|
|
986
|
+
children: /* @__PURE__ */ o("svg", { width: n, height: n * 0.625, viewBox: "0 0 48 30", fill: "none", children: [
|
|
987
|
+
/* @__PURE__ */ e("circle", { cx: "18", cy: "15", r: "14", fill: "#EB001B" }),
|
|
988
|
+
/* @__PURE__ */ e("circle", { cx: "30", cy: "15", r: "14", fill: "#F79E1B" }),
|
|
989
|
+
/* @__PURE__ */ e("path", { d: "M24 2.35A14 14 0 0 1 24 27.65A14 14 0 0 1 24 2.35Z", fill: "#FF5F00" })
|
|
990
|
+
] })
|
|
991
|
+
}
|
|
992
|
+
);
|
|
993
|
+
}
|
|
994
|
+
function un({ size: t = 32 }) {
|
|
995
|
+
const n = t * 0.56, a = n * 0.65, r = Math.max(2, n * 0.1), l = n * 0.2;
|
|
996
|
+
return /* @__PURE__ */ o("div", { className: "flex items-center justify-center shrink-0", style: { width: t, height: t }, children: [
|
|
997
|
+
/* @__PURE__ */ e(
|
|
998
|
+
"div",
|
|
999
|
+
{
|
|
1000
|
+
style: {
|
|
1001
|
+
width: n,
|
|
1002
|
+
height: a,
|
|
1003
|
+
background: "#1A1F71",
|
|
1004
|
+
borderRadius: r,
|
|
1005
|
+
position: "relative",
|
|
1006
|
+
zIndex: 2,
|
|
1007
|
+
display: "flex",
|
|
1008
|
+
alignItems: "center",
|
|
1009
|
+
justifyContent: "center"
|
|
1010
|
+
},
|
|
1011
|
+
children: /* @__PURE__ */ o("svg", { width: n * 0.7, height: a * 0.35, viewBox: "0 0 43 14", fill: "none", children: [
|
|
1012
|
+
/* @__PURE__ */ e("path", { d: "M18.3629 13.5165H14.9302L17.0772 0.240662H20.5097L18.3629 13.5165Z", fill: "white" }),
|
|
1013
|
+
/* @__PURE__ */ e("path", { d: "M12.0629 0.240662L8.70119 9.29349L8.33383 7.45747C7.71232 5.33894 5.76311 3.03721 3.58789 1.89272L6.66713 13.5024H10.2971L15.6927 0.240662H12.0629Z", fill: "white" }),
|
|
1014
|
+
/* @__PURE__ */ e("path", { d: "M5.57939 0.240662H0.0565013L0 0.508903C4.3082 1.61059 7.16143 4.26616 8.3337 7.45803L7.13309 1.35661C6.93542 0.508715 6.32798 0.268631 5.57939 0.240662Z", fill: "white" }),
|
|
1015
|
+
/* @__PURE__ */ e("path", { d: "M30.806 0.565203C30.1289 0.296586 29.055 0 27.7271 0C24.3372 0 21.95 1.80767 21.9354 4.3921C21.9072 6.29889 23.6445 7.35796 24.9439 7.99375C26.2719 8.64342 26.7234 9.06747 26.7234 9.64656C26.7099 10.5359 25.6502 10.9459 24.6619 10.9459C23.2914 10.9459 22.5571 10.7345 21.4412 10.2397L20.9891 10.0276L20.5088 13.0077C21.3139 13.3745 22.7972 13.7 24.3372 13.7143C27.939 13.7143 30.2839 11.9346 30.3117 9.18047C30.3254 7.66919 29.4081 6.51119 27.4303 5.56493C26.2297 4.95749 25.4944 4.54791 25.4944 3.92639C25.5085 3.36137 26.1163 2.78265 27.4716 2.78265C28.5876 2.75431 29.4075 3.02255 30.0286 3.29098L30.3391 3.43195L30.806 0.565203Z", fill: "white" }),
|
|
1016
|
+
/* @__PURE__ */ e("path", { d: "M35.3681 8.81332C35.6508 8.05064 36.7386 5.09886 36.7386 5.09886C36.7243 5.1272 37.0207 4.3221 37.1902 3.82785L37.4301 4.97178C37.4301 4.97178 38.0802 8.14956 38.2213 8.81332C37.6848 8.81332 36.0461 8.81332 35.3681 8.81332ZM39.6053 0.240662H36.9501C36.1313 0.240662 35.5092 0.480559 35.156 1.34216L30.0571 13.5163H33.659C33.659 13.5163 34.2519 11.8777 34.3794 11.5248C34.7745 11.5248 38.2784 11.5248 38.7867 11.5248C38.8853 11.9909 39.1963 13.5163 39.1963 13.5163H42.3747L39.6053 0.240662Z", fill: "white" })
|
|
1017
|
+
] })
|
|
1018
|
+
}
|
|
1019
|
+
),
|
|
1020
|
+
/* @__PURE__ */ e(
|
|
1021
|
+
"div",
|
|
1022
|
+
{
|
|
1023
|
+
style: {
|
|
1024
|
+
width: n,
|
|
1025
|
+
height: a,
|
|
1026
|
+
background: "#252525",
|
|
1027
|
+
borderRadius: r,
|
|
1028
|
+
marginLeft: -l,
|
|
1029
|
+
position: "relative",
|
|
1030
|
+
zIndex: 1,
|
|
1031
|
+
display: "flex",
|
|
1032
|
+
alignItems: "center",
|
|
1033
|
+
justifyContent: "center",
|
|
1034
|
+
overflow: "hidden"
|
|
1035
|
+
},
|
|
1036
|
+
children: /* @__PURE__ */ o("svg", { width: a * 0.85, height: a * 0.6, viewBox: "0 0 48 30", fill: "none", children: [
|
|
1037
|
+
/* @__PURE__ */ e("circle", { cx: "18", cy: "15", r: "14", fill: "#EB001B" }),
|
|
1038
|
+
/* @__PURE__ */ e("circle", { cx: "30", cy: "15", r: "14", fill: "#F79E1B" }),
|
|
1039
|
+
/* @__PURE__ */ e("path", { d: "M24 2.35A14 14 0 0 1 24 27.65A14 14 0 0 1 24 2.35Z", fill: "#FF5F00" })
|
|
1040
|
+
] })
|
|
1041
|
+
}
|
|
1042
|
+
)
|
|
1043
|
+
] });
|
|
1044
|
+
}
|
|
961
1045
|
function Wn({ size: t = 18 }) {
|
|
962
1046
|
return /* @__PURE__ */ e(
|
|
963
1047
|
"div",
|
|
@@ -968,13 +1052,13 @@ function Wn({ size: t = 18 }) {
|
|
|
968
1052
|
}
|
|
969
1053
|
);
|
|
970
1054
|
}
|
|
971
|
-
function
|
|
1055
|
+
function ke() {
|
|
972
1056
|
return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ e("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "var(--t-text-secondary)", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
973
1057
|
}
|
|
974
|
-
function
|
|
1058
|
+
function mn() {
|
|
975
1059
|
return /* @__PURE__ */ e("svg", { width: "8", height: "14", viewBox: "0 0 8 14", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1 1L7 7L1 13", stroke: "var(--t-icon-stroke)", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) });
|
|
976
1060
|
}
|
|
977
|
-
function
|
|
1061
|
+
function hn({ onClick: t }) {
|
|
978
1062
|
return /* @__PURE__ */ e("button", { onClick: t, className: "hover:opacity-70 transition-opacity", children: /* @__PURE__ */ e("svg", { width: "24", height: "16", viewBox: "0 0 24 16", fill: "none", children: /* @__PURE__ */ e(
|
|
979
1063
|
"path",
|
|
980
1064
|
{
|
|
@@ -983,7 +1067,7 @@ function un({ onClick: t }) {
|
|
|
983
1067
|
}
|
|
984
1068
|
) }) });
|
|
985
1069
|
}
|
|
986
|
-
function
|
|
1070
|
+
function pn({ size: t = 40 }) {
|
|
987
1071
|
return /* @__PURE__ */ e(
|
|
988
1072
|
"div",
|
|
989
1073
|
{
|
|
@@ -996,32 +1080,38 @@ function mn({ size: t = 40 }) {
|
|
|
996
1080
|
}
|
|
997
1081
|
);
|
|
998
1082
|
}
|
|
999
|
-
function
|
|
1083
|
+
function fn(t, n = 32) {
|
|
1000
1084
|
switch (t) {
|
|
1001
1085
|
case "revolut":
|
|
1002
1086
|
return /* @__PURE__ */ e(rn, { size: n });
|
|
1003
1087
|
case "applepay":
|
|
1004
1088
|
return /* @__PURE__ */ e(on, { size: n });
|
|
1005
1089
|
case "card":
|
|
1006
|
-
return /* @__PURE__ */ e(
|
|
1090
|
+
return /* @__PURE__ */ e(un, { size: n });
|
|
1007
1091
|
case "googlepay":
|
|
1008
1092
|
return /* @__PURE__ */ e(ln, { size: n });
|
|
1009
1093
|
case "paypal":
|
|
1010
1094
|
return /* @__PURE__ */ e(sn, { size: n });
|
|
1011
1095
|
case "bank":
|
|
1012
1096
|
return /* @__PURE__ */ e(an, { size: n });
|
|
1097
|
+
case "visa":
|
|
1098
|
+
return /* @__PURE__ */ e(cn, { size: n });
|
|
1099
|
+
case "mastercard":
|
|
1100
|
+
return /* @__PURE__ */ e(dn, { size: n });
|
|
1013
1101
|
default:
|
|
1014
1102
|
return /* @__PURE__ */ e(qe, { size: n });
|
|
1015
1103
|
}
|
|
1016
1104
|
}
|
|
1017
|
-
const
|
|
1105
|
+
const yn = {
|
|
1018
1106
|
"debit-credit-card": "card",
|
|
1019
1107
|
"bank-transfer": "bank",
|
|
1108
|
+
"ach-bank-transfer": "bank",
|
|
1109
|
+
"payid-bank-transfer": "bank",
|
|
1020
1110
|
"apple-pay": "applepay",
|
|
1021
1111
|
"google-pay": "googlepay",
|
|
1022
1112
|
paypal: "paypal",
|
|
1023
1113
|
revolut: "revolut"
|
|
1024
|
-
},
|
|
1114
|
+
}, xn = {
|
|
1025
1115
|
"debit-credit-card": "Card",
|
|
1026
1116
|
"bank-transfer": "Bank Transfer",
|
|
1027
1117
|
"ach-bank-transfer": "ACH",
|
|
@@ -1032,13 +1122,13 @@ const hn = {
|
|
|
1032
1122
|
revolut: "Revolut"
|
|
1033
1123
|
};
|
|
1034
1124
|
function It(t, n) {
|
|
1035
|
-
return
|
|
1125
|
+
return xn[t] || n;
|
|
1036
1126
|
}
|
|
1037
1127
|
function Mt(t, n, a = 24) {
|
|
1038
|
-
const r =
|
|
1039
|
-
return r ?
|
|
1128
|
+
const r = yn[t];
|
|
1129
|
+
return r ? fn(r, a) : n ? /* @__PURE__ */ e("img", { src: n, alt: "", width: a, height: a, style: { borderRadius: "50%" } }) : /* @__PURE__ */ e(qe, { size: a });
|
|
1040
1130
|
}
|
|
1041
|
-
function
|
|
1131
|
+
function Cn({
|
|
1042
1132
|
methods: t,
|
|
1043
1133
|
selectedId: n,
|
|
1044
1134
|
onOpenModal: a,
|
|
@@ -1084,29 +1174,29 @@ function yn({
|
|
|
1084
1174
|
/* @__PURE__ */ o("span", { className: "flex items-center gap-2", children: [
|
|
1085
1175
|
/* @__PURE__ */ e("span", { className: "flex items-center justify-center", style: { width: 20, height: 20 }, children: u && Mt(u.id, u.icon, 20) }),
|
|
1086
1176
|
/* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: u ? It(u.id, u.name) : "Select" }),
|
|
1087
|
-
/* @__PURE__ */ e(
|
|
1177
|
+
/* @__PURE__ */ e(ke, {})
|
|
1088
1178
|
] })
|
|
1089
1179
|
]
|
|
1090
1180
|
}
|
|
1091
1181
|
) });
|
|
1092
1182
|
}
|
|
1093
|
-
function
|
|
1183
|
+
function gn({
|
|
1094
1184
|
className: t = "",
|
|
1095
1185
|
autoRedirect: n = !1,
|
|
1096
1186
|
redirectDelay: a = 3e3
|
|
1097
1187
|
}) {
|
|
1098
1188
|
var f;
|
|
1099
|
-
const { order: r, orderStatus: l, goToStep: u, goBack: m } =
|
|
1189
|
+
const { order: r, orderStatus: l, goToStep: u, goBack: m } = Ae(), [i, s] = g(!1), [p, h] = g(null), d = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
|
|
1100
1190
|
if (_(() => {
|
|
1101
1191
|
if ((r == null ? void 0 : r.checkout.method) === "redirect" && n && !d) {
|
|
1102
|
-
|
|
1192
|
+
h(Math.ceil(a / 1e3));
|
|
1103
1193
|
const y = setTimeout(() => {
|
|
1104
1194
|
window.location.href = r.checkout.url;
|
|
1105
|
-
}, a),
|
|
1106
|
-
|
|
1195
|
+
}, a), A = setInterval(() => {
|
|
1196
|
+
h((b) => b && b > 1 ? b - 1 : null);
|
|
1107
1197
|
}, 1e3);
|
|
1108
1198
|
return () => {
|
|
1109
|
-
clearTimeout(y), clearInterval(
|
|
1199
|
+
clearTimeout(y), clearInterval(A);
|
|
1110
1200
|
};
|
|
1111
1201
|
}
|
|
1112
1202
|
}, [r, n, a, d]), _(() => {
|
|
@@ -1165,7 +1255,7 @@ function xn({
|
|
|
1165
1255
|
}
|
|
1166
1256
|
);
|
|
1167
1257
|
if (r.checkout.method === "iframe") {
|
|
1168
|
-
const y = r.checkout.url,
|
|
1258
|
+
const y = r.checkout.url, A = ((f = r.checkout.allowedFeatures) == null ? void 0 : f.join("; ")) || "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share";
|
|
1169
1259
|
return yt(
|
|
1170
1260
|
/* @__PURE__ */ o(
|
|
1171
1261
|
"div",
|
|
@@ -1217,7 +1307,7 @@ function xn({
|
|
|
1217
1307
|
}
|
|
1218
1308
|
),
|
|
1219
1309
|
/* @__PURE__ */ o("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
|
|
1220
|
-
!
|
|
1310
|
+
!i && /* @__PURE__ */ o(
|
|
1221
1311
|
"div",
|
|
1222
1312
|
{
|
|
1223
1313
|
style: {
|
|
@@ -1239,13 +1329,13 @@ function xn({
|
|
|
1239
1329
|
{
|
|
1240
1330
|
src: y,
|
|
1241
1331
|
style: {
|
|
1242
|
-
display:
|
|
1332
|
+
display: i ? "block" : "none",
|
|
1243
1333
|
width: "100%",
|
|
1244
1334
|
height: "100%",
|
|
1245
1335
|
border: "none"
|
|
1246
1336
|
},
|
|
1247
|
-
allow:
|
|
1248
|
-
onLoad: () =>
|
|
1337
|
+
allow: A,
|
|
1338
|
+
onLoad: () => s(!0),
|
|
1249
1339
|
title: "Provider Checkout"
|
|
1250
1340
|
}
|
|
1251
1341
|
)
|
|
@@ -1270,9 +1360,9 @@ function xn({
|
|
|
1270
1360
|
r.gateway,
|
|
1271
1361
|
" to complete your payment."
|
|
1272
1362
|
] }),
|
|
1273
|
-
|
|
1363
|
+
p !== null && /* @__PURE__ */ o("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: [
|
|
1274
1364
|
"Redirecting in ",
|
|
1275
|
-
|
|
1365
|
+
p,
|
|
1276
1366
|
"..."
|
|
1277
1367
|
] }),
|
|
1278
1368
|
/* @__PURE__ */ o(
|
|
@@ -1313,7 +1403,7 @@ function xn({
|
|
|
1313
1403
|
}
|
|
1314
1404
|
);
|
|
1315
1405
|
if (r.checkout.method === "widget" && r.widgetConfig) {
|
|
1316
|
-
const y =
|
|
1406
|
+
const y = vn(r.checkout.url, r.widgetConfig);
|
|
1317
1407
|
return yt(
|
|
1318
1408
|
/* @__PURE__ */ o(
|
|
1319
1409
|
"div",
|
|
@@ -1365,7 +1455,7 @@ function xn({
|
|
|
1365
1455
|
}
|
|
1366
1456
|
),
|
|
1367
1457
|
/* @__PURE__ */ o("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
|
|
1368
|
-
!
|
|
1458
|
+
!i && /* @__PURE__ */ o(
|
|
1369
1459
|
"div",
|
|
1370
1460
|
{
|
|
1371
1461
|
style: {
|
|
@@ -1387,13 +1477,13 @@ function xn({
|
|
|
1387
1477
|
{
|
|
1388
1478
|
src: y,
|
|
1389
1479
|
style: {
|
|
1390
|
-
display:
|
|
1480
|
+
display: i ? "block" : "none",
|
|
1391
1481
|
width: "100%",
|
|
1392
1482
|
height: "100%",
|
|
1393
1483
|
border: "none"
|
|
1394
1484
|
},
|
|
1395
1485
|
allow: "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share",
|
|
1396
|
-
onLoad: () =>
|
|
1486
|
+
onLoad: () => s(!0),
|
|
1397
1487
|
title: "Payment Checkout"
|
|
1398
1488
|
}
|
|
1399
1489
|
)
|
|
@@ -1431,14 +1521,14 @@ function xn({
|
|
|
1431
1521
|
}
|
|
1432
1522
|
);
|
|
1433
1523
|
}
|
|
1434
|
-
function
|
|
1524
|
+
function vn(t, n) {
|
|
1435
1525
|
const a = new URL("/en/partner/widget", t);
|
|
1436
1526
|
for (const [r, l] of Object.entries(n))
|
|
1437
1527
|
l != null && l !== "" && a.searchParams.set(r, String(l));
|
|
1438
1528
|
return a.toString();
|
|
1439
1529
|
}
|
|
1440
|
-
function
|
|
1441
|
-
const { orderStatus: n, orderStatusLoading: a, goToStep: r } =
|
|
1530
|
+
function bn({ className: t = "" }) {
|
|
1531
|
+
const { orderStatus: n, orderStatusLoading: a, goToStep: r } = Ae();
|
|
1442
1532
|
_(() => {
|
|
1443
1533
|
n && (n.status === "completed" ? r("complete") : ["failed", "cancelled", "expired", "refunded"].includes(n.status) && r("error"));
|
|
1444
1534
|
}, [n == null ? void 0 : n.status, r]);
|
|
@@ -1458,25 +1548,25 @@ function vn({ className: t = "" }) {
|
|
|
1458
1548
|
/* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-3", style: { color: "var(--t-text)" }, children: l() }),
|
|
1459
1549
|
a && /* @__PURE__ */ e("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: "Checking status..." }),
|
|
1460
1550
|
n && /* @__PURE__ */ o("div", { className: "w-full mt-6 text-left", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
|
|
1461
|
-
/* @__PURE__ */ e(
|
|
1462
|
-
/* @__PURE__ */ e(
|
|
1551
|
+
/* @__PURE__ */ e(we, { label: "Order ID", value: n.orderId, mono: !0 }),
|
|
1552
|
+
/* @__PURE__ */ e(we, { label: "Provider", value: n.gateway }),
|
|
1463
1553
|
/* @__PURE__ */ e(
|
|
1464
|
-
|
|
1554
|
+
we,
|
|
1465
1555
|
{
|
|
1466
1556
|
label: "Amount",
|
|
1467
1557
|
value: `${n.fiatAmount} ${n.fiatCurrency}`
|
|
1468
1558
|
}
|
|
1469
1559
|
),
|
|
1470
1560
|
/* @__PURE__ */ e(
|
|
1471
|
-
|
|
1561
|
+
we,
|
|
1472
1562
|
{
|
|
1473
1563
|
label: "Receiving",
|
|
1474
1564
|
value: `${n.cryptoAmount || "..."} ${n.cryptoCurrency}`
|
|
1475
1565
|
}
|
|
1476
1566
|
),
|
|
1477
|
-
/* @__PURE__ */ e(
|
|
1567
|
+
/* @__PURE__ */ e(we, { label: "Network", value: n.network }),
|
|
1478
1568
|
/* @__PURE__ */ e(
|
|
1479
|
-
|
|
1569
|
+
we,
|
|
1480
1570
|
{
|
|
1481
1571
|
label: "To Address",
|
|
1482
1572
|
value: `${n.walletAddress.slice(0, 10)}...${n.walletAddress.slice(-8)}`,
|
|
@@ -1490,7 +1580,7 @@ function vn({ className: t = "" }) {
|
|
|
1490
1580
|
] })
|
|
1491
1581
|
] });
|
|
1492
1582
|
}
|
|
1493
|
-
function
|
|
1583
|
+
function we({ label: t, value: n, mono: a }) {
|
|
1494
1584
|
return /* @__PURE__ */ o(
|
|
1495
1585
|
"div",
|
|
1496
1586
|
{
|
|
@@ -1516,7 +1606,7 @@ function Nn({
|
|
|
1516
1606
|
onDone: a,
|
|
1517
1607
|
doneButtonText: r = "Done"
|
|
1518
1608
|
}) {
|
|
1519
|
-
const { orderStatus: l, state: u, dispatch: m } =
|
|
1609
|
+
const { orderStatus: l, state: u, dispatch: m } = Ae(), i = u.flowType === "sell", s = () => {
|
|
1520
1610
|
if (!(l != null && l.transactionHash)) return null;
|
|
1521
1611
|
if (!n) {
|
|
1522
1612
|
const d = {
|
|
@@ -1533,9 +1623,9 @@ function Nn({
|
|
|
1533
1623
|
return (d[u.network] || d.ethereum).replace("{txHash}", l.transactionHash);
|
|
1534
1624
|
}
|
|
1535
1625
|
return n.replace("{txHash}", l.transactionHash);
|
|
1536
|
-
},
|
|
1626
|
+
}, p = () => {
|
|
1537
1627
|
a ? a() : m({ type: "RESET" });
|
|
1538
|
-
},
|
|
1628
|
+
}, h = s();
|
|
1539
1629
|
return /* @__PURE__ */ o("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
|
|
1540
1630
|
/* @__PURE__ */ e(
|
|
1541
1631
|
"div",
|
|
@@ -1545,13 +1635,13 @@ function Nn({
|
|
|
1545
1635
|
children: /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: "32", height: "32", fill: "white", children: /* @__PURE__ */ e("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z" }) })
|
|
1546
1636
|
}
|
|
1547
1637
|
),
|
|
1548
|
-
/* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children:
|
|
1549
|
-
/* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children:
|
|
1638
|
+
/* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: i ? "Sale Complete!" : "Purchase Complete!" }),
|
|
1639
|
+
/* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: i ? `Your ${(l == null ? void 0 : l.fiatCurrency) || u.fiatCurrency} payout is being processed.` : `Your ${(l == null ? void 0 : l.cryptoCurrency) || u.cryptoCurrency} has been sent to your wallet.` }),
|
|
1550
1640
|
l && /* @__PURE__ */ o("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
|
|
1551
1641
|
/* @__PURE__ */ e(
|
|
1552
1642
|
de,
|
|
1553
1643
|
{
|
|
1554
|
-
label:
|
|
1644
|
+
label: i ? "Amount Sold" : "Amount Received",
|
|
1555
1645
|
value: `${l.cryptoAmount} ${l.cryptoCurrency}`,
|
|
1556
1646
|
highlight: !0
|
|
1557
1647
|
}
|
|
@@ -1559,7 +1649,7 @@ function Nn({
|
|
|
1559
1649
|
/* @__PURE__ */ e(
|
|
1560
1650
|
de,
|
|
1561
1651
|
{
|
|
1562
|
-
label:
|
|
1652
|
+
label: i ? "Payout Amount" : "Amount Paid",
|
|
1563
1653
|
value: `${l.fiatAmount} ${l.fiatCurrency}`
|
|
1564
1654
|
}
|
|
1565
1655
|
),
|
|
@@ -1591,10 +1681,10 @@ function Nn({
|
|
|
1591
1681
|
)
|
|
1592
1682
|
] }),
|
|
1593
1683
|
/* @__PURE__ */ o("div", { className: "w-full flex flex-col gap-2", children: [
|
|
1594
|
-
|
|
1684
|
+
h && /* @__PURE__ */ e(
|
|
1595
1685
|
"a",
|
|
1596
1686
|
{
|
|
1597
|
-
href:
|
|
1687
|
+
href: h,
|
|
1598
1688
|
target: "_blank",
|
|
1599
1689
|
rel: "noopener noreferrer",
|
|
1600
1690
|
className: "w-full font-semibold text-[14px] flex items-center justify-center transition-all",
|
|
@@ -1607,7 +1697,7 @@ function Nn({
|
|
|
1607
1697
|
{
|
|
1608
1698
|
className: "w-full font-semibold text-[16px] transition-all",
|
|
1609
1699
|
style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)" },
|
|
1610
|
-
onClick:
|
|
1700
|
+
onClick: p,
|
|
1611
1701
|
children: r
|
|
1612
1702
|
}
|
|
1613
1703
|
)
|
|
@@ -1634,12 +1724,12 @@ function de({ label: t, value: n, mono: a, highlight: r }) {
|
|
|
1634
1724
|
}
|
|
1635
1725
|
);
|
|
1636
1726
|
}
|
|
1637
|
-
function
|
|
1727
|
+
function En({
|
|
1638
1728
|
className: t = "",
|
|
1639
1729
|
onRetry: n,
|
|
1640
1730
|
supportEmail: a = "support@nowramp.com"
|
|
1641
1731
|
}) {
|
|
1642
|
-
const { state: r, orderStatus: l, dispatch: u, goToStep: m } =
|
|
1732
|
+
const { state: r, orderStatus: l, dispatch: u, goToStep: m } = Ae(), i = r.flowType === "sell", s = () => {
|
|
1643
1733
|
if (l)
|
|
1644
1734
|
switch (l.status) {
|
|
1645
1735
|
case "failed":
|
|
@@ -1654,23 +1744,23 @@ function bn({
|
|
|
1654
1744
|
return "Something Went Wrong";
|
|
1655
1745
|
}
|
|
1656
1746
|
return "Something Went Wrong";
|
|
1657
|
-
},
|
|
1747
|
+
}, p = () => {
|
|
1658
1748
|
if (r.errorMessage) return r.errorMessage;
|
|
1659
1749
|
if (l)
|
|
1660
1750
|
switch (l.status) {
|
|
1661
1751
|
case "failed":
|
|
1662
|
-
return
|
|
1752
|
+
return i ? "Your sale could not be processed. Please try again." : "Your payment could not be processed. Please try again or use a different payment method.";
|
|
1663
1753
|
case "cancelled":
|
|
1664
|
-
return
|
|
1754
|
+
return i ? "Your sale was cancelled. No crypto was transferred." : "Your order was cancelled. No payment was processed.";
|
|
1665
1755
|
case "expired":
|
|
1666
|
-
return
|
|
1756
|
+
return i ? "Your order has expired. Please start a new sale." : "Your order has expired. Please start a new purchase.";
|
|
1667
1757
|
case "refunded":
|
|
1668
|
-
return
|
|
1758
|
+
return i ? "Your crypto has been returned. The funds should appear in your wallet shortly." : "Your payment has been refunded. The funds should appear in your account within 5-10 business days.";
|
|
1669
1759
|
default:
|
|
1670
1760
|
return "An unexpected error occurred. Please try again.";
|
|
1671
1761
|
}
|
|
1672
1762
|
return "An unexpected error occurred. Please try again.";
|
|
1673
|
-
},
|
|
1763
|
+
}, h = () => {
|
|
1674
1764
|
u({ type: "CLEAR_ERROR" }), n ? n() : (u({ type: "RESET" }), m("amount"));
|
|
1675
1765
|
}, d = () => {
|
|
1676
1766
|
u({ type: "RESET" }), m("amount");
|
|
@@ -1684,8 +1774,8 @@ function bn({
|
|
|
1684
1774
|
children: /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", width: "32", height: "32", fill: "white", children: /* @__PURE__ */ e("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" }) })
|
|
1685
1775
|
}
|
|
1686
1776
|
),
|
|
1687
|
-
/* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children:
|
|
1688
|
-
/* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children:
|
|
1777
|
+
/* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: s() }),
|
|
1778
|
+
/* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: p() }),
|
|
1689
1779
|
l && /* @__PURE__ */ e("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: /* @__PURE__ */ o("div", { className: "flex justify-between items-center py-2", children: [
|
|
1690
1780
|
/* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: "Order ID" }),
|
|
1691
1781
|
/* @__PURE__ */ e("span", { className: "text-[13px] font-medium font-mono", style: { color: "var(--t-text)" }, children: l.orderId })
|
|
@@ -1696,7 +1786,7 @@ function bn({
|
|
|
1696
1786
|
{
|
|
1697
1787
|
className: "w-full font-semibold text-[16px] transition-all",
|
|
1698
1788
|
style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)" },
|
|
1699
|
-
onClick:
|
|
1789
|
+
onClick: h,
|
|
1700
1790
|
children: "Try Again"
|
|
1701
1791
|
}
|
|
1702
1792
|
),
|
|
@@ -1731,10 +1821,10 @@ function bn({
|
|
|
1731
1821
|
] })
|
|
1732
1822
|
] });
|
|
1733
1823
|
}
|
|
1734
|
-
function
|
|
1824
|
+
function wt(t) {
|
|
1735
1825
|
return t.length <= 12 ? t : `${t.slice(0, 6)}...${t.slice(-6)}`;
|
|
1736
1826
|
}
|
|
1737
|
-
function
|
|
1827
|
+
function wn({ className: t = "" }) {
|
|
1738
1828
|
const {
|
|
1739
1829
|
config: n,
|
|
1740
1830
|
configLoading: a,
|
|
@@ -1742,21 +1832,21 @@ function Cn({ className: t = "" }) {
|
|
|
1742
1832
|
defaultGateway: l,
|
|
1743
1833
|
fetchQuotes: u,
|
|
1744
1834
|
createOrder: m,
|
|
1745
|
-
orderLoading:
|
|
1746
|
-
} =
|
|
1747
|
-
|
|
1835
|
+
orderLoading: i
|
|
1836
|
+
} = Ae(), s = r.flowType === "sell", [p, h] = g(null), d = n == null ? void 0 : n.gateways.find((y) => y.id === l), f = async () => {
|
|
1837
|
+
h(null);
|
|
1748
1838
|
try {
|
|
1749
1839
|
u(), await m();
|
|
1750
1840
|
} catch (y) {
|
|
1751
|
-
const
|
|
1752
|
-
|
|
1841
|
+
const A = y instanceof Error ? y.message : "Failed to create order";
|
|
1842
|
+
h(A);
|
|
1753
1843
|
}
|
|
1754
1844
|
};
|
|
1755
1845
|
return a ? /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
|
|
1756
1846
|
/* @__PURE__ */ e("div", { className: "nramp-spinner" }),
|
|
1757
1847
|
/* @__PURE__ */ e("p", { className: "text-[14px] mt-4", style: { color: "var(--t-text-secondary)" }, children: "Loading..." })
|
|
1758
1848
|
] }) : /* @__PURE__ */ o("div", { className: `flex flex-col items-center px-8 py-12 ${t}`, children: [
|
|
1759
|
-
/* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-6", style: { color: "var(--t-text)" }, children:
|
|
1849
|
+
/* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-6", style: { color: "var(--t-text)" }, children: s ? "Confirm Sale" : "Confirm Purchase" }),
|
|
1760
1850
|
/* @__PURE__ */ o("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
|
|
1761
1851
|
d && /* @__PURE__ */ o("div", { className: "flex justify-between items-center py-2", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
|
|
1762
1852
|
/* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: "Provider" }),
|
|
@@ -1765,29 +1855,29 @@ function Cn({ className: t = "" }) {
|
|
|
1765
1855
|
/* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: d.name })
|
|
1766
1856
|
] })
|
|
1767
1857
|
] }),
|
|
1768
|
-
|
|
1858
|
+
s ? /* @__PURE__ */ o(te, { children: [
|
|
1769
1859
|
/* @__PURE__ */ e(ye, { label: "You sell", value: `${r.cryptoAmount} ${r.cryptoCurrency}`, highlight: !0 }),
|
|
1770
1860
|
/* @__PURE__ */ e(ye, { label: "You receive", value: `${r.fiatCurrency} payout` })
|
|
1771
1861
|
] }) : /* @__PURE__ */ o(te, { children: [
|
|
1772
1862
|
/* @__PURE__ */ e(ye, { label: "You pay", value: `${r.fiatAmount} ${r.fiatCurrency}`, highlight: !0 }),
|
|
1773
1863
|
/* @__PURE__ */ e(ye, { label: "You receive", value: `${r.cryptoCurrency} on ${r.network}` }),
|
|
1774
|
-
/* @__PURE__ */ e(ye, { label: "Wallet", value:
|
|
1864
|
+
/* @__PURE__ */ e(ye, { label: "Wallet", value: wt(r.walletAddress), mono: !0 })
|
|
1775
1865
|
] }),
|
|
1776
1866
|
/* @__PURE__ */ e(ye, { label: "Network", value: r.network }),
|
|
1777
|
-
|
|
1867
|
+
s && r.walletAddress && /* @__PURE__ */ e(ye, { label: "Refund address", value: wt(r.walletAddress), mono: !0 })
|
|
1778
1868
|
] }),
|
|
1779
|
-
|
|
1869
|
+
p && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: p }),
|
|
1780
1870
|
/* @__PURE__ */ e(
|
|
1781
1871
|
"button",
|
|
1782
1872
|
{
|
|
1783
1873
|
className: "w-full font-semibold text-[16px] transition-all flex items-center justify-center gap-2",
|
|
1784
|
-
style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)", opacity:
|
|
1785
|
-
disabled:
|
|
1874
|
+
style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)", opacity: i ? 0.7 : 1 },
|
|
1875
|
+
disabled: i,
|
|
1786
1876
|
onClick: f,
|
|
1787
|
-
children:
|
|
1877
|
+
children: i ? /* @__PURE__ */ o(te, { children: [
|
|
1788
1878
|
/* @__PURE__ */ e("span", { className: "nramp-spinner-inline" }),
|
|
1789
1879
|
"Processing..."
|
|
1790
|
-
] }) :
|
|
1880
|
+
] }) : s ? "Confirm & Sell" : "Confirm & Pay"
|
|
1791
1881
|
}
|
|
1792
1882
|
)
|
|
1793
1883
|
] });
|
|
@@ -1805,31 +1895,31 @@ function ye({ label: t, value: n, mono: a, highlight: r }) {
|
|
|
1805
1895
|
)
|
|
1806
1896
|
] });
|
|
1807
1897
|
}
|
|
1808
|
-
function
|
|
1898
|
+
function De({
|
|
1809
1899
|
isOpen: t,
|
|
1810
1900
|
onClose: n,
|
|
1811
1901
|
children: a
|
|
1812
1902
|
}) {
|
|
1813
|
-
const [r, l] =
|
|
1903
|
+
const [r, l] = g(!1), [u, m] = g(!1);
|
|
1814
1904
|
_(() => {
|
|
1815
1905
|
if (t)
|
|
1816
1906
|
l(!0), requestAnimationFrame(() => requestAnimationFrame(() => m(!0)));
|
|
1817
1907
|
else if (r) {
|
|
1818
1908
|
m(!1);
|
|
1819
|
-
const
|
|
1820
|
-
return () => clearTimeout(
|
|
1909
|
+
const s = setTimeout(() => l(!1), 250);
|
|
1910
|
+
return () => clearTimeout(s);
|
|
1821
1911
|
}
|
|
1822
1912
|
}, [t]);
|
|
1823
|
-
const
|
|
1913
|
+
const i = O(() => {
|
|
1824
1914
|
m(!1), setTimeout(() => n(), 250);
|
|
1825
1915
|
}, [n]);
|
|
1826
1916
|
return _(() => {
|
|
1827
1917
|
if (!t) return;
|
|
1828
|
-
const
|
|
1829
|
-
|
|
1918
|
+
const s = (p) => {
|
|
1919
|
+
p.key === "Escape" && i();
|
|
1830
1920
|
};
|
|
1831
|
-
return window.addEventListener("keydown",
|
|
1832
|
-
}, [t,
|
|
1921
|
+
return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
|
|
1922
|
+
}, [t, i]), r ? /* @__PURE__ */ e(
|
|
1833
1923
|
"div",
|
|
1834
1924
|
{
|
|
1835
1925
|
className: "absolute inset-0 z-20 transition-opacity duration-250",
|
|
@@ -1839,23 +1929,23 @@ function He({
|
|
|
1839
1929
|
{
|
|
1840
1930
|
className: "absolute inset-0 flex flex-col transition-transform duration-250 ease-out",
|
|
1841
1931
|
style: { background: "var(--t-modal-bg)", transform: u ? "translateY(0)" : "translateY(24px)" },
|
|
1842
|
-
children: typeof a == "function" ? a(
|
|
1932
|
+
children: typeof a == "function" ? a(i) : a
|
|
1843
1933
|
}
|
|
1844
1934
|
)
|
|
1845
1935
|
}
|
|
1846
1936
|
) : null;
|
|
1847
1937
|
}
|
|
1848
|
-
function
|
|
1938
|
+
function An({ char: t, height: n = 38 }) {
|
|
1849
1939
|
const a = "0123456789", r = a.indexOf(t);
|
|
1850
1940
|
return r === -1 ? /* @__PURE__ */ e("span", { children: t }) : /* @__PURE__ */ e("span", { className: "digit-slot", style: { height: n, lineHeight: `${n}px` }, children: /* @__PURE__ */ e("span", { className: "digit-slot-inner block", style: { transform: `translateY(-${r * n}px)` }, children: a.split("").map((l) => /* @__PURE__ */ e("span", { className: "block", style: { height: n, lineHeight: `${n}px` }, children: l }, l)) }) });
|
|
1851
1941
|
}
|
|
1852
|
-
function
|
|
1942
|
+
function Sn({
|
|
1853
1943
|
value: t,
|
|
1854
1944
|
height: n = 38,
|
|
1855
1945
|
className: a = "",
|
|
1856
1946
|
style: r = {}
|
|
1857
1947
|
}) {
|
|
1858
|
-
return /* @__PURE__ */ e("span", { className: a, style: { display: "inline-flex", ...r }, children: t.split("").map((l, u) => /* @__PURE__ */ e(
|
|
1948
|
+
return /* @__PURE__ */ e("span", { className: a, style: { display: "inline-flex", ...r }, children: t.split("").map((l, u) => /* @__PURE__ */ e(An, { char: l, height: n }, u)) });
|
|
1859
1949
|
}
|
|
1860
1950
|
function B({
|
|
1861
1951
|
w: t,
|
|
@@ -1864,7 +1954,7 @@ function B({
|
|
|
1864
1954
|
}) {
|
|
1865
1955
|
return /* @__PURE__ */ e("div", { className: `skeleton ${a}`, style: { width: t, height: n } });
|
|
1866
1956
|
}
|
|
1867
|
-
function
|
|
1957
|
+
function Rn() {
|
|
1868
1958
|
return /* @__PURE__ */ o("div", { className: "flex-1 px-5 flex flex-col", children: [
|
|
1869
1959
|
/* @__PURE__ */ o("div", { className: "px-[18px] pt-[14px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5 }, children: [
|
|
1870
1960
|
/* @__PURE__ */ e(B, { w: 70, h: 14, className: "mb-3" }),
|
|
@@ -1906,7 +1996,7 @@ function Ie({ onClick: t }) {
|
|
|
1906
1996
|
}
|
|
1907
1997
|
);
|
|
1908
1998
|
}
|
|
1909
|
-
function
|
|
1999
|
+
function Ke({
|
|
1910
2000
|
value: t,
|
|
1911
2001
|
onChange: n,
|
|
1912
2002
|
placeholder: a = ""
|
|
@@ -1934,36 +2024,36 @@ function Fe({
|
|
|
1934
2024
|
)
|
|
1935
2025
|
] });
|
|
1936
2026
|
}
|
|
1937
|
-
function
|
|
2027
|
+
function Tn({
|
|
1938
2028
|
onClose: t,
|
|
1939
2029
|
onSelect: n,
|
|
1940
2030
|
currencies: a,
|
|
1941
2031
|
assetBaseUrl: r = "",
|
|
1942
2032
|
selectedCode: l
|
|
1943
2033
|
}) {
|
|
1944
|
-
const [u, m] =
|
|
1945
|
-
if (!a || a.length === 0) return
|
|
1946
|
-
const
|
|
1947
|
-
return a.map((
|
|
1948
|
-
code:
|
|
1949
|
-
name:
|
|
2034
|
+
const [u, m] = g(""), i = j(() => {
|
|
2035
|
+
if (!a || a.length === 0) return Ct;
|
|
2036
|
+
const p = new Map(Ct.map((h) => [h.code, h.name]));
|
|
2037
|
+
return a.map((h) => ({
|
|
2038
|
+
code: h.code,
|
|
2039
|
+
name: h.name || p.get(h.code) || h.code
|
|
1950
2040
|
}));
|
|
1951
|
-
}, [a]),
|
|
1952
|
-
const
|
|
1953
|
-
if (!
|
|
2041
|
+
}, [a]), s = j(() => {
|
|
2042
|
+
const p = u.trim().toLowerCase();
|
|
2043
|
+
if (!p) {
|
|
1954
2044
|
if (l) {
|
|
1955
|
-
const
|
|
1956
|
-
if (
|
|
1957
|
-
const d =
|
|
1958
|
-
return [
|
|
2045
|
+
const h = i.find((d) => d.code === l);
|
|
2046
|
+
if (h) {
|
|
2047
|
+
const d = i.filter((f) => f.code !== l);
|
|
2048
|
+
return [h, ...d];
|
|
1959
2049
|
}
|
|
1960
2050
|
}
|
|
1961
|
-
return
|
|
2051
|
+
return i;
|
|
1962
2052
|
}
|
|
1963
|
-
return
|
|
1964
|
-
(
|
|
2053
|
+
return i.filter(
|
|
2054
|
+
(h) => h.code.toLowerCase().includes(p) || h.name.toLowerCase().includes(p)
|
|
1965
2055
|
);
|
|
1966
|
-
}, [
|
|
2056
|
+
}, [i, u, l]);
|
|
1967
2057
|
return /* @__PURE__ */ o(te, { children: [
|
|
1968
2058
|
/* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Ie, { onClick: t }) }),
|
|
1969
2059
|
/* @__PURE__ */ e(
|
|
@@ -1980,21 +2070,21 @@ function Sn({
|
|
|
1980
2070
|
children: "Select fiat currency"
|
|
1981
2071
|
}
|
|
1982
2072
|
),
|
|
1983
|
-
/* @__PURE__ */ e(
|
|
2073
|
+
/* @__PURE__ */ e(Ke, { value: u, onChange: m }),
|
|
1984
2074
|
/* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
|
|
1985
|
-
|
|
1986
|
-
const d =
|
|
2075
|
+
s.map((p, h) => {
|
|
2076
|
+
const d = p.name !== p.code ? p.name : "", f = l === p.code;
|
|
1987
2077
|
return /* @__PURE__ */ o("div", { children: [
|
|
1988
2078
|
/* @__PURE__ */ o(
|
|
1989
2079
|
"button",
|
|
1990
2080
|
{
|
|
1991
|
-
onClick: () => n(
|
|
2081
|
+
onClick: () => n(p.code),
|
|
1992
2082
|
className: "flex items-center w-full transition-colors rounded-lg hover-item",
|
|
1993
2083
|
style: { color: "var(--t-text)", gap: 14, padding: "18px 8px", margin: "0 -8px" },
|
|
1994
2084
|
children: [
|
|
1995
|
-
/* @__PURE__ */ e(
|
|
2085
|
+
/* @__PURE__ */ e(ze, { currencyCode: p.code, size: 32, baseUrl: r }),
|
|
1996
2086
|
/* @__PURE__ */ o("div", { className: "text-left flex-1 flex items-center gap-2", children: [
|
|
1997
|
-
/* @__PURE__ */ e("span", { className: "font-semibold text-[15px]", children:
|
|
2087
|
+
/* @__PURE__ */ e("span", { className: "font-semibold text-[15px]", children: p.code }),
|
|
1998
2088
|
d && /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: d })
|
|
1999
2089
|
] }),
|
|
2000
2090
|
f && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: /* @__PURE__ */ e(
|
|
@@ -2010,29 +2100,29 @@ function Sn({
|
|
|
2010
2100
|
]
|
|
2011
2101
|
}
|
|
2012
2102
|
),
|
|
2013
|
-
|
|
2103
|
+
h < s.length - 1 && /* @__PURE__ */ e(
|
|
2014
2104
|
"div",
|
|
2015
2105
|
{
|
|
2016
2106
|
style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" }
|
|
2017
2107
|
}
|
|
2018
2108
|
)
|
|
2019
|
-
] },
|
|
2109
|
+
] }, p.code);
|
|
2020
2110
|
}),
|
|
2021
|
-
|
|
2111
|
+
s.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
|
|
2022
2112
|
] })
|
|
2023
2113
|
] });
|
|
2024
2114
|
}
|
|
2025
|
-
function
|
|
2026
|
-
const [u, m] =
|
|
2115
|
+
function At({ src: t, alt: n, size: a, className: r, style: l }) {
|
|
2116
|
+
const [u, m] = g(!1), [i, s] = g(!1), p = O(() => m(!0), []), h = O(() => s(!0), []);
|
|
2027
2117
|
return /* @__PURE__ */ o("div", { className: r, style: { ...l, width: a, height: a, position: "relative" }, children: [
|
|
2028
|
-
!u && !
|
|
2118
|
+
!u && !i && /* @__PURE__ */ e(
|
|
2029
2119
|
"div",
|
|
2030
2120
|
{
|
|
2031
2121
|
className: "absolute inset-0 rounded-full animate-pulse",
|
|
2032
2122
|
style: { background: "var(--t-pill-bg, #333)" }
|
|
2033
2123
|
}
|
|
2034
2124
|
),
|
|
2035
|
-
|
|
2125
|
+
i ? /* @__PURE__ */ e(
|
|
2036
2126
|
"div",
|
|
2037
2127
|
{
|
|
2038
2128
|
className: "absolute inset-0 rounded-full flex items-center justify-center text-[10px] font-bold",
|
|
@@ -2047,28 +2137,28 @@ function wt({ src: t, alt: n, size: a, className: r, style: l }) {
|
|
|
2047
2137
|
width: a,
|
|
2048
2138
|
height: a,
|
|
2049
2139
|
loading: "lazy",
|
|
2050
|
-
onLoad:
|
|
2051
|
-
onError:
|
|
2140
|
+
onLoad: p,
|
|
2141
|
+
onError: h,
|
|
2052
2142
|
className: `rounded-full ${u ? "opacity-100" : "opacity-0"}`,
|
|
2053
2143
|
style: { width: a, height: a, transition: "opacity 0.15s ease-in" }
|
|
2054
2144
|
}
|
|
2055
2145
|
)
|
|
2056
2146
|
] });
|
|
2057
2147
|
}
|
|
2058
|
-
function
|
|
2059
|
-
const [m,
|
|
2148
|
+
function Ln({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selectedCode: l, selectedChain: u }) {
|
|
2149
|
+
const [m, i] = g(""), s = j(() => {
|
|
2060
2150
|
if (!a || a.length === 0) return nn;
|
|
2061
2151
|
const d = [];
|
|
2062
2152
|
for (const f of a) {
|
|
2063
|
-
const y = f.networks || [],
|
|
2153
|
+
const y = f.networks || [], A = f.name || zt[f.code] || f.code;
|
|
2064
2154
|
if (y.length === 0)
|
|
2065
|
-
d.push({ code: f.code, name:
|
|
2155
|
+
d.push({ code: f.code, name: A, chain: f.code, popular: !1 });
|
|
2066
2156
|
else
|
|
2067
2157
|
for (const b of y) {
|
|
2068
2158
|
const T = b.code || b.id || b.name || f.code;
|
|
2069
2159
|
d.push({
|
|
2070
2160
|
code: f.code,
|
|
2071
|
-
name:
|
|
2161
|
+
name: A,
|
|
2072
2162
|
chain: T,
|
|
2073
2163
|
chainName: b.name,
|
|
2074
2164
|
popular: !1
|
|
@@ -2076,28 +2166,28 @@ function Rn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selecte
|
|
|
2076
2166
|
}
|
|
2077
2167
|
}
|
|
2078
2168
|
return d;
|
|
2079
|
-
}, [a]),
|
|
2080
|
-
var
|
|
2169
|
+
}, [a]), p = O((d, f) => l === d && u === f, [l, u]), h = j(() => {
|
|
2170
|
+
var A;
|
|
2081
2171
|
const d = m.trim().toLowerCase();
|
|
2082
2172
|
if (!d) {
|
|
2083
2173
|
if (l && u) {
|
|
2084
|
-
const b =
|
|
2174
|
+
const b = s.find((T) => T.code === l && T.chain === u);
|
|
2085
2175
|
if (b) {
|
|
2086
|
-
const T =
|
|
2176
|
+
const T = s.filter((Y) => !(Y.code === l && Y.chain === u));
|
|
2087
2177
|
return [b, ...T];
|
|
2088
2178
|
}
|
|
2089
2179
|
}
|
|
2090
|
-
return
|
|
2180
|
+
return s;
|
|
2091
2181
|
}
|
|
2092
2182
|
const f = d.split(/\s+/), y = [];
|
|
2093
|
-
for (const b of
|
|
2094
|
-
const T = Ue(b.chain),
|
|
2095
|
-
if (!f.every((c) =>
|
|
2183
|
+
for (const b of s) {
|
|
2184
|
+
const T = Ue(b.chain), Y = T ? T.name.toLowerCase() : "", Q = ((A = T == null ? void 0 : T.shortName) == null ? void 0 : A.toLowerCase()) || "", q = b.chain.toLowerCase(), ee = b.code.toLowerCase(), ie = b.name.toLowerCase(), C = [ee, ie, Y, Q, q];
|
|
2185
|
+
if (!f.every((c) => C.some((N) => N.includes(c)))) continue;
|
|
2096
2186
|
let S = 0;
|
|
2097
|
-
ee === d ? S += 100 : ee.startsWith(f[0]) && (S += 50), b.popular && (S += 10), f.length > 1 && (
|
|
2187
|
+
ee === d ? S += 100 : ee.startsWith(f[0]) && (S += 50), b.popular && (S += 10), f.length > 1 && (Y.includes(f[1]) || Q.includes(f[1]) || q.includes(f[1])) && (S += 25), y.push({ item: b, score: S });
|
|
2098
2188
|
}
|
|
2099
2189
|
return y.sort((b, T) => T.score - b.score), y.map((b) => b.item);
|
|
2100
|
-
}, [
|
|
2190
|
+
}, [s, m, l, u]);
|
|
2101
2191
|
return /* @__PURE__ */ o(te, { children: [
|
|
2102
2192
|
/* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Ie, { onClick: t }) }),
|
|
2103
2193
|
/* @__PURE__ */ e(
|
|
@@ -2108,10 +2198,10 @@ function Rn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selecte
|
|
|
2108
2198
|
children: "Select crypto currency"
|
|
2109
2199
|
}
|
|
2110
2200
|
),
|
|
2111
|
-
/* @__PURE__ */ e(
|
|
2201
|
+
/* @__PURE__ */ e(Ke, { value: m, onChange: i }),
|
|
2112
2202
|
/* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
|
|
2113
|
-
|
|
2114
|
-
const y = Ue(d.chain),
|
|
2203
|
+
h.map((d, f) => {
|
|
2204
|
+
const y = Ue(d.chain), A = (y == null ? void 0 : y.name) || d.chainName || d.chain, b = d.name !== d.code ? d.name : "", T = p(d.code, d.chain);
|
|
2115
2205
|
return /* @__PURE__ */ o("div", { children: [
|
|
2116
2206
|
/* @__PURE__ */ o(
|
|
2117
2207
|
"button",
|
|
@@ -2127,9 +2217,9 @@ function Rn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selecte
|
|
|
2127
2217
|
className: "absolute top-0 left-0",
|
|
2128
2218
|
style: { background: "#ffffff", borderRadius: "50%" },
|
|
2129
2219
|
children: /* @__PURE__ */ e(
|
|
2130
|
-
|
|
2220
|
+
At,
|
|
2131
2221
|
{
|
|
2132
|
-
src:
|
|
2222
|
+
src: Lt(d.code, r),
|
|
2133
2223
|
alt: d.code,
|
|
2134
2224
|
size: 32
|
|
2135
2225
|
}
|
|
@@ -2148,9 +2238,9 @@ function Rn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selecte
|
|
|
2148
2238
|
background: "#ffffff"
|
|
2149
2239
|
},
|
|
2150
2240
|
children: /* @__PURE__ */ e(
|
|
2151
|
-
|
|
2241
|
+
At,
|
|
2152
2242
|
{
|
|
2153
|
-
src:
|
|
2243
|
+
src: Je(d.chain, r),
|
|
2154
2244
|
alt: d.chain,
|
|
2155
2245
|
size: 16
|
|
2156
2246
|
}
|
|
@@ -2177,7 +2267,7 @@ function Rn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selecte
|
|
|
2177
2267
|
)
|
|
2178
2268
|
] }) }),
|
|
2179
2269
|
/* @__PURE__ */ o("div", { className: "flex items-center gap-2 shrink-0", children: [
|
|
2180
|
-
/* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children:
|
|
2270
|
+
/* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: A }),
|
|
2181
2271
|
T && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
|
|
2182
2272
|
"path",
|
|
2183
2273
|
{
|
|
@@ -2192,33 +2282,33 @@ function Rn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selecte
|
|
|
2192
2282
|
]
|
|
2193
2283
|
}
|
|
2194
2284
|
),
|
|
2195
|
-
f <
|
|
2285
|
+
f < h.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
|
|
2196
2286
|
] }, `${d.code}-${d.chain}`);
|
|
2197
2287
|
}),
|
|
2198
|
-
|
|
2288
|
+
h.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
|
|
2199
2289
|
] })
|
|
2200
2290
|
] });
|
|
2201
2291
|
}
|
|
2202
|
-
function
|
|
2292
|
+
function kn({
|
|
2203
2293
|
methods: t,
|
|
2204
2294
|
selectedId: n,
|
|
2205
2295
|
onSelect: a,
|
|
2206
2296
|
onClose: r
|
|
2207
2297
|
}) {
|
|
2208
|
-
const [l, u] =
|
|
2209
|
-
const
|
|
2210
|
-
if (!
|
|
2298
|
+
const [l, u] = g(""), m = j(() => {
|
|
2299
|
+
const i = l.trim().toLowerCase();
|
|
2300
|
+
if (!i) {
|
|
2211
2301
|
if (n) {
|
|
2212
|
-
const
|
|
2213
|
-
if (
|
|
2214
|
-
const
|
|
2215
|
-
return [
|
|
2302
|
+
const s = t.find((p) => p.id === n);
|
|
2303
|
+
if (s) {
|
|
2304
|
+
const p = t.filter((h) => h.id !== n);
|
|
2305
|
+
return [s, ...p];
|
|
2216
2306
|
}
|
|
2217
2307
|
}
|
|
2218
2308
|
return t;
|
|
2219
2309
|
}
|
|
2220
2310
|
return t.filter(
|
|
2221
|
-
(
|
|
2311
|
+
(s) => s.id.toLowerCase().includes(i) || s.name.toLowerCase().includes(i) || s.description && s.description.toLowerCase().includes(i)
|
|
2222
2312
|
);
|
|
2223
2313
|
}, [t, l, n]);
|
|
2224
2314
|
return /* @__PURE__ */ o(te, { children: [
|
|
@@ -2231,24 +2321,24 @@ function Tn({
|
|
|
2231
2321
|
children: "Choose payment method"
|
|
2232
2322
|
}
|
|
2233
2323
|
),
|
|
2234
|
-
/* @__PURE__ */ e(
|
|
2324
|
+
/* @__PURE__ */ e(Ke, { value: l, onChange: u }),
|
|
2235
2325
|
/* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5", children: [
|
|
2236
|
-
m.map((
|
|
2237
|
-
const
|
|
2326
|
+
m.map((i, s) => {
|
|
2327
|
+
const p = i.id === n, h = It(i.id, i.name);
|
|
2238
2328
|
return /* @__PURE__ */ o("div", { children: [
|
|
2239
2329
|
/* @__PURE__ */ o(
|
|
2240
2330
|
"button",
|
|
2241
2331
|
{
|
|
2242
|
-
onClick: () => a(
|
|
2243
|
-
className: `flex w-full transition-colors rounded-lg hover-item ${
|
|
2332
|
+
onClick: () => a(i.id),
|
|
2333
|
+
className: `flex w-full transition-colors rounded-lg hover-item ${i.description ? "items-start" : "items-center"}`,
|
|
2244
2334
|
style: { color: "var(--t-text)", gap: 14, padding: "18px 8px", margin: "0 -8px" },
|
|
2245
2335
|
children: [
|
|
2246
2336
|
/* @__PURE__ */ e(
|
|
2247
2337
|
"span",
|
|
2248
2338
|
{
|
|
2249
|
-
className: `flex items-center justify-center shrink-0 ${
|
|
2339
|
+
className: `flex items-center justify-center shrink-0 ${i.description ? "mt-0.5" : ""}`,
|
|
2250
2340
|
style: { width: 32, height: 32 },
|
|
2251
|
-
children: Mt(
|
|
2341
|
+
children: Mt(i.id, i.icon, 32)
|
|
2252
2342
|
}
|
|
2253
2343
|
),
|
|
2254
2344
|
/* @__PURE__ */ o("div", { className: "text-left flex-1", children: [
|
|
@@ -2257,19 +2347,19 @@ function Tn({
|
|
|
2257
2347
|
{
|
|
2258
2348
|
className: "font-semibold text-[15px] leading-tight",
|
|
2259
2349
|
style: { color: "var(--t-text)" },
|
|
2260
|
-
children:
|
|
2350
|
+
children: h
|
|
2261
2351
|
}
|
|
2262
2352
|
),
|
|
2263
|
-
|
|
2353
|
+
i.description && /* @__PURE__ */ e(
|
|
2264
2354
|
"div",
|
|
2265
2355
|
{
|
|
2266
2356
|
className: "text-[13px] leading-snug mt-1",
|
|
2267
2357
|
style: { color: "var(--t-text-secondary)" },
|
|
2268
|
-
children:
|
|
2358
|
+
children: i.description
|
|
2269
2359
|
}
|
|
2270
2360
|
)
|
|
2271
2361
|
] }),
|
|
2272
|
-
|
|
2362
|
+
p && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0 mt-1", children: /* @__PURE__ */ e(
|
|
2273
2363
|
"path",
|
|
2274
2364
|
{
|
|
2275
2365
|
d: "M13.5 4.5L6 12L2.5 8.5",
|
|
@@ -2282,14 +2372,14 @@ function Tn({
|
|
|
2282
2372
|
]
|
|
2283
2373
|
}
|
|
2284
2374
|
),
|
|
2285
|
-
|
|
2286
|
-
] },
|
|
2375
|
+
s < m.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
|
|
2376
|
+
] }, i.id);
|
|
2287
2377
|
}),
|
|
2288
2378
|
m.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No payment methods found" })
|
|
2289
2379
|
] })
|
|
2290
2380
|
] });
|
|
2291
2381
|
}
|
|
2292
|
-
function
|
|
2382
|
+
function In({
|
|
2293
2383
|
checked: t,
|
|
2294
2384
|
onChange: n,
|
|
2295
2385
|
accentColor: a = "var(--t-accent)"
|
|
@@ -2319,11 +2409,11 @@ function kn({
|
|
|
2319
2409
|
}
|
|
2320
2410
|
);
|
|
2321
2411
|
}
|
|
2322
|
-
const
|
|
2412
|
+
const Mn = [
|
|
2323
2413
|
{ label: "Privacy policy", href: "https://nowramp.com/privacy-policy" },
|
|
2324
2414
|
{ label: "Terms of use", href: "https://nowramp.com/terms-and-conditions" }
|
|
2325
2415
|
];
|
|
2326
|
-
function
|
|
2416
|
+
function Bn({
|
|
2327
2417
|
onClose: t,
|
|
2328
2418
|
darkMode: n,
|
|
2329
2419
|
onToggleDarkMode: a,
|
|
@@ -2337,7 +2427,7 @@ function In({
|
|
|
2337
2427
|
u && /* @__PURE__ */ o(te, { children: [
|
|
2338
2428
|
/* @__PURE__ */ e("div", { style: { borderTop: "1px solid var(--t-divider)" }, children: /* @__PURE__ */ o("div", { className: "flex items-center justify-between w-full py-5", children: [
|
|
2339
2429
|
/* @__PURE__ */ o("div", { className: "flex items-center gap-3.5", children: [
|
|
2340
|
-
/* @__PURE__ */ e(
|
|
2430
|
+
/* @__PURE__ */ e(pn, { size: 40 }),
|
|
2341
2431
|
/* @__PURE__ */ e(
|
|
2342
2432
|
"span",
|
|
2343
2433
|
{
|
|
@@ -2347,11 +2437,11 @@ function In({
|
|
|
2347
2437
|
}
|
|
2348
2438
|
)
|
|
2349
2439
|
] }),
|
|
2350
|
-
/* @__PURE__ */ e(
|
|
2440
|
+
/* @__PURE__ */ e(In, { checked: n, onChange: a, accentColor: "#4CD964" })
|
|
2351
2441
|
] }) }),
|
|
2352
2442
|
/* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider)" } })
|
|
2353
2443
|
] }),
|
|
2354
|
-
|
|
2444
|
+
Mn.map((m) => /* @__PURE__ */ o("div", { children: [
|
|
2355
2445
|
/* @__PURE__ */ o(
|
|
2356
2446
|
"a",
|
|
2357
2447
|
{
|
|
@@ -2369,7 +2459,7 @@ function In({
|
|
|
2369
2459
|
children: m.label
|
|
2370
2460
|
}
|
|
2371
2461
|
),
|
|
2372
|
-
/* @__PURE__ */ e(
|
|
2462
|
+
/* @__PURE__ */ e(mn, {})
|
|
2373
2463
|
]
|
|
2374
2464
|
}
|
|
2375
2465
|
),
|
|
@@ -2378,7 +2468,7 @@ function In({
|
|
|
2378
2468
|
] })
|
|
2379
2469
|
] });
|
|
2380
2470
|
}
|
|
2381
|
-
function
|
|
2471
|
+
function On({
|
|
2382
2472
|
className: t = "",
|
|
2383
2473
|
theme: n = "dark",
|
|
2384
2474
|
skinId: a = "mono",
|
|
@@ -2386,147 +2476,147 @@ function Mn({
|
|
|
2386
2476
|
bgColor: l,
|
|
2387
2477
|
bgImage: u,
|
|
2388
2478
|
borderColor: m,
|
|
2389
|
-
borderRadius:
|
|
2390
|
-
surfaceColor:
|
|
2391
|
-
inputBgColor:
|
|
2392
|
-
textColor:
|
|
2479
|
+
borderRadius: i,
|
|
2480
|
+
surfaceColor: s,
|
|
2481
|
+
inputBgColor: p,
|
|
2482
|
+
textColor: h,
|
|
2393
2483
|
textSecondaryColor: d,
|
|
2394
2484
|
textMutedColor: f,
|
|
2395
2485
|
successColor: y,
|
|
2396
|
-
showFlowToggle:
|
|
2486
|
+
showFlowToggle: A = !0,
|
|
2397
2487
|
showSettings: b = !0,
|
|
2398
2488
|
showThemeToggle: T = !0,
|
|
2399
|
-
autoRedirect:
|
|
2400
|
-
explorerUrl:
|
|
2489
|
+
autoRedirect: Y = !1,
|
|
2490
|
+
explorerUrl: Q,
|
|
2401
2491
|
doneButtonText: q = "Done",
|
|
2402
2492
|
supportEmail: ee,
|
|
2403
|
-
onDone:
|
|
2493
|
+
onDone: ie
|
|
2404
2494
|
}) {
|
|
2405
|
-
var
|
|
2495
|
+
var st, ct, dt, ut, mt, ht, pt, ft;
|
|
2406
2496
|
const {
|
|
2407
|
-
state:
|
|
2408
|
-
dispatch:
|
|
2497
|
+
state: C,
|
|
2498
|
+
dispatch: k,
|
|
2409
2499
|
config: S,
|
|
2410
2500
|
configLoading: c,
|
|
2411
|
-
quotes:
|
|
2412
|
-
quotesLoading:
|
|
2501
|
+
quotes: N,
|
|
2502
|
+
quotesLoading: H,
|
|
2413
2503
|
quotesError: I,
|
|
2414
2504
|
fetchQuotes: Se,
|
|
2415
|
-
createOrder:
|
|
2416
|
-
orderLoading:
|
|
2505
|
+
createOrder: se,
|
|
2506
|
+
orderLoading: X,
|
|
2417
2507
|
amountError: ue,
|
|
2418
|
-
fieldLocks:
|
|
2508
|
+
fieldLocks: L,
|
|
2419
2509
|
apiConfig: xe,
|
|
2420
|
-
assetBaseUrl:
|
|
2421
|
-
} =
|
|
2510
|
+
assetBaseUrl: W
|
|
2511
|
+
} = Ae(), [ne, ae] = g(n === "dark"), [Ce, Re] = g(a), [me, G] = g(null), [Z, Me] = g(!1), [ge, Te] = g(!1), [ve, be] = g(!1), [_e, he] = g(null), [Le, Ve] = g(!0), [Xe, v] = g(!1), [w, U] = g(!1), F = V(null), M = V(), K = V(C.flowType);
|
|
2422
2512
|
_(() => {
|
|
2423
2513
|
ae(n === "dark");
|
|
2424
2514
|
}, [n]), _(() => {
|
|
2425
|
-
const x = setTimeout(() =>
|
|
2515
|
+
const x = setTimeout(() => Ve(!1), c ? 0 : 800);
|
|
2426
2516
|
return () => clearTimeout(x);
|
|
2427
2517
|
}, [c]), _(() => {
|
|
2428
|
-
if (
|
|
2429
|
-
|
|
2430
|
-
const x = setTimeout(() =>
|
|
2518
|
+
if (K.current !== C.flowType && !Le) {
|
|
2519
|
+
K.current = C.flowType, v(!0), Me(!1), Te(!1);
|
|
2520
|
+
const x = setTimeout(() => v(!1), 350);
|
|
2431
2521
|
return () => clearTimeout(x);
|
|
2432
2522
|
}
|
|
2433
|
-
|
|
2434
|
-
}, [
|
|
2435
|
-
const
|
|
2436
|
-
|
|
2523
|
+
K.current = C.flowType;
|
|
2524
|
+
}, [C.flowType, Le]);
|
|
2525
|
+
const $ = C.flowType, P = $ === "buy", J = C.cryptoCurrency || "BTC", re = C.fiatCurrency || "USD", $e = P ? C.fiatAmount : C.cryptoAmount, pe = tn($e), Ne = (st = N == null ? void 0 : N.bestQuote) != null && st.exchangeRate ? parseFloat(N.bestQuote.exchangeRate) : null, Be = V(null);
|
|
2526
|
+
Ne && J && re && (Be.current = { rate: Ne, crypto: J, fiat: re });
|
|
2437
2527
|
const Bt = j(() => {
|
|
2438
|
-
if (
|
|
2439
|
-
const x =
|
|
2528
|
+
if (N != null && N.bestQuote) {
|
|
2529
|
+
const x = P ? N.bestQuote.cryptoAmount : N.bestQuote.fiatAmount;
|
|
2440
2530
|
if (x) return x;
|
|
2441
2531
|
}
|
|
2442
2532
|
return "0";
|
|
2443
|
-
}, [
|
|
2444
|
-
var
|
|
2445
|
-
const x =
|
|
2533
|
+
}, [N, P]), Ot = j(() => {
|
|
2534
|
+
var D, ce, Ge;
|
|
2535
|
+
const x = Ne || ((D = Be.current) == null ? void 0 : D.rate), E = Ne ? J : (ce = Be.current) == null ? void 0 : ce.crypto, R = Ne ? re : (Ge = Be.current) == null ? void 0 : Ge.fiat;
|
|
2446
2536
|
return !x || !E || !R ? "" : `1 ${E} ≈ ${x.toFixed(2)} ${R}`;
|
|
2447
|
-
}, [
|
|
2537
|
+
}, [J, re, Ne]);
|
|
2448
2538
|
_(() => {
|
|
2449
|
-
const x =
|
|
2539
|
+
const x = C.walletAddress.trim(), E = C.network;
|
|
2450
2540
|
if (!x || x.length < 10) {
|
|
2451
|
-
|
|
2541
|
+
he(null), k({ type: "SET_WALLET_ERROR", message: "" });
|
|
2452
2542
|
return;
|
|
2453
2543
|
}
|
|
2454
|
-
return be(!0),
|
|
2455
|
-
var R,
|
|
2544
|
+
return be(!0), he(null), clearTimeout(M.current), M.current = setTimeout(async () => {
|
|
2545
|
+
var R, D, ce;
|
|
2456
2546
|
try {
|
|
2457
|
-
const
|
|
2547
|
+
const Ze = await (await fetch(`${xe.apiUrl}/public/validate/address`, {
|
|
2458
2548
|
method: "POST",
|
|
2459
2549
|
headers: { "Content-Type": "application/json" },
|
|
2460
2550
|
body: JSON.stringify({ address: x, ...E ? { network: E } : {} })
|
|
2461
|
-
})).json(),
|
|
2462
|
-
if (
|
|
2463
|
-
|
|
2551
|
+
})).json(), Ye = ((R = Ze.data) == null ? void 0 : R.attributes) || Ze.data || Ze;
|
|
2552
|
+
if (Ye.isValid)
|
|
2553
|
+
he(!0), k({ type: "SET_WALLET_ERROR", message: "" });
|
|
2464
2554
|
else {
|
|
2465
|
-
|
|
2466
|
-
const
|
|
2467
|
-
|
|
2555
|
+
he(!1);
|
|
2556
|
+
const Vt = ((D = Ye.errors) == null ? void 0 : D[0]) || ((ce = Ye.details) == null ? void 0 : ce.formatMessage) || "Invalid wallet address";
|
|
2557
|
+
k({ type: "SET_WALLET_ERROR", message: Vt });
|
|
2468
2558
|
}
|
|
2469
2559
|
} catch {
|
|
2470
|
-
|
|
2560
|
+
he(null);
|
|
2471
2561
|
} finally {
|
|
2472
2562
|
be(!1);
|
|
2473
2563
|
}
|
|
2474
2564
|
}, 500), () => clearTimeout(M.current);
|
|
2475
|
-
}, [
|
|
2476
|
-
const et =
|
|
2565
|
+
}, [C.walletAddress, C.network, xe.apiUrl]);
|
|
2566
|
+
const et = !$e || pe === 0, tt = pe > 0 && (P ? pe < bt : pe < Nt), nt = !!ue || tt || Z && et, Ht = pe > 0 && !ue && !tt, je = C.walletAddress.trim().length >= 10 && _e !== !1 && !ve, Oe = Ht && je && !!C.cryptoCurrency && !!C.network, Pt = (x) => {
|
|
2477
2567
|
let E = x.target.value.replace(/[^0-9.,]/g, "");
|
|
2478
|
-
const R =
|
|
2479
|
-
|
|
2568
|
+
const R = P ? 2 : 6, D = E.indexOf(".");
|
|
2569
|
+
D !== -1 && E.length - D - 1 > R && (E = E.slice(0, D + R + 1)), k(P ? { type: "SET_FIAT_AMOUNT", amount: E } : { type: "SET_CRYPTO_AMOUNT", amount: E });
|
|
2480
2570
|
}, at = (x) => {
|
|
2481
|
-
x !==
|
|
2482
|
-
},
|
|
2571
|
+
x !== $ && k({ type: "SET_FLOW_TYPE", flowType: x });
|
|
2572
|
+
}, Dt = O(
|
|
2483
2573
|
(x) => {
|
|
2484
|
-
|
|
2574
|
+
k({ type: "SET_FIAT_CURRENCY", currency: x });
|
|
2485
2575
|
},
|
|
2486
|
-
[
|
|
2576
|
+
[k]
|
|
2487
2577
|
), Ut = O(
|
|
2488
2578
|
(x, E) => {
|
|
2489
|
-
|
|
2579
|
+
k({ type: "SET_CRYPTO_CURRENCY", currency: x }), k({ type: "SET_CRYPTO_CHAIN", chain: E });
|
|
2490
2580
|
},
|
|
2491
|
-
[
|
|
2492
|
-
),
|
|
2581
|
+
[k]
|
|
2582
|
+
), Ft = O(
|
|
2493
2583
|
(x) => {
|
|
2494
|
-
|
|
2584
|
+
k({ type: "SET_PAYMENT_METHOD", methodId: x });
|
|
2495
2585
|
},
|
|
2496
|
-
[
|
|
2497
|
-
),
|
|
2586
|
+
[k]
|
|
2587
|
+
), Kt = () => {
|
|
2498
2588
|
Oe && (U(!0), Se());
|
|
2499
2589
|
};
|
|
2500
2590
|
_(() => {
|
|
2501
2591
|
var x;
|
|
2502
|
-
if (!(!
|
|
2503
|
-
if (
|
|
2504
|
-
U(!1),
|
|
2592
|
+
if (!(!w || H)) {
|
|
2593
|
+
if (N != null && N.bestQuote)
|
|
2594
|
+
U(!1), k({ type: "SELECT_QUOTE", quote: N.bestQuote }), se().catch(() => {
|
|
2505
2595
|
});
|
|
2506
2596
|
else if (I)
|
|
2507
|
-
U(!1),
|
|
2508
|
-
else if (
|
|
2597
|
+
U(!1), k({ type: "SET_ERROR", message: I.message || "No quotes available" });
|
|
2598
|
+
else if (N && !N.bestQuote) {
|
|
2509
2599
|
U(!1);
|
|
2510
|
-
const E = (x =
|
|
2511
|
-
|
|
2600
|
+
const E = (x = N.unavailableGateways) == null ? void 0 : x.map((D) => D.reason).filter(Boolean), R = E != null && E.length ? `No providers available: ${E.join("; ")}` : "No providers available for this currency/network combination";
|
|
2601
|
+
k({ type: "SET_ERROR", message: R });
|
|
2512
2602
|
}
|
|
2513
2603
|
}
|
|
2514
|
-
}, [
|
|
2515
|
-
const rt = ne ? "theme-dark" : "theme-light",
|
|
2604
|
+
}, [w, N, H, I, k, se]);
|
|
2605
|
+
const rt = ne ? "theme-dark" : "theme-light", We = gt.find((x) => x.id === Ce) || gt[0], _t = We.accent === null, ot = (r ? le(r) : !1) ? { "--t-accent": r, "--t-cta-bg": r, "--t-cta-text": "#ffffff" } : _t ? {
|
|
2516
2606
|
"--t-accent": ne ? "#ffffff" : "#111111",
|
|
2517
2607
|
"--t-cta-bg": ne ? "#ffffff" : "#111111",
|
|
2518
2608
|
"--t-cta-text": ne ? "#000000" : "#ffffff"
|
|
2519
2609
|
} : {
|
|
2520
|
-
"--t-accent":
|
|
2521
|
-
"--t-cta-bg":
|
|
2610
|
+
"--t-accent": We.accent,
|
|
2611
|
+
"--t-cta-bg": We.accent,
|
|
2522
2612
|
"--t-cta-text": "#ffffff"
|
|
2523
|
-
},
|
|
2524
|
-
|
|
2613
|
+
}, z = {};
|
|
2614
|
+
s && le(s) && (z["--t-surface"] = s, z["--t-modal-bg"] = s), p && le(p) && (z["--t-pill-bg"] = p, z["--t-close-bg"] = p), h && le(h) && (z["--t-text"] = h), d && le(d) && (z["--t-text-secondary"] = d), f && le(f) && (z["--t-text-muted"] = f, z["--t-text-tertiary"] = f), y && le(y) && (z["--t-success"] = y);
|
|
2525
2615
|
const fe = {};
|
|
2526
2616
|
l && le(l) ? fe.backgroundColor = l : fe.backgroundColor = "var(--t-bg)", u && (fe.backgroundImage = `url(${u})`, fe.backgroundSize = "cover", fe.backgroundPosition = "center");
|
|
2527
|
-
const
|
|
2528
|
-
m && le(m) && (
|
|
2529
|
-
const lt =
|
|
2617
|
+
const He = {};
|
|
2618
|
+
m && le(m) && (He.border = `1px solid ${m}`), i && (He.borderRadius = i);
|
|
2619
|
+
const lt = C.step === "checkout" ? /* @__PURE__ */ e(gn, { autoRedirect: Y }) : C.step === "processing" ? /* @__PURE__ */ e(bn, {}) : C.step === "complete" ? /* @__PURE__ */ e(Nn, { explorerUrl: Q, doneButtonText: q, onDone: ie }) : C.step === "error" ? /* @__PURE__ */ e(En, { supportEmail: ee }) : C.step === "confirm" ? /* @__PURE__ */ e(wn, {}) : null;
|
|
2530
2620
|
if (lt)
|
|
2531
2621
|
return /* @__PURE__ */ e(
|
|
2532
2622
|
"div",
|
|
@@ -2536,13 +2626,13 @@ function Mn({
|
|
|
2536
2626
|
fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
2537
2627
|
...fe,
|
|
2538
2628
|
...ot,
|
|
2539
|
-
...
|
|
2540
|
-
...
|
|
2629
|
+
...z,
|
|
2630
|
+
...He
|
|
2541
2631
|
},
|
|
2542
2632
|
children: lt
|
|
2543
2633
|
}
|
|
2544
2634
|
);
|
|
2545
|
-
const oe =
|
|
2635
|
+
const oe = C.network, Ee = oe ? Ue(oe) : null, it = (Ee == null ? void 0 : Ee.shortName) || (Ee == null ? void 0 : Ee.name) || oe;
|
|
2546
2636
|
return /* @__PURE__ */ o(
|
|
2547
2637
|
"div",
|
|
2548
2638
|
{
|
|
@@ -2551,19 +2641,19 @@ function Mn({
|
|
|
2551
2641
|
fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
2552
2642
|
...fe,
|
|
2553
2643
|
...ot,
|
|
2554
|
-
...
|
|
2555
|
-
...
|
|
2644
|
+
...z,
|
|
2645
|
+
...He
|
|
2556
2646
|
},
|
|
2557
2647
|
children: [
|
|
2558
|
-
b && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${
|
|
2559
|
-
|
|
2648
|
+
b && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${A ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(hn, { onClick: () => G("settings") }) }),
|
|
2649
|
+
A ? /* @__PURE__ */ o("div", { className: "flex flex-col items-center pt-3 pb-5", children: [
|
|
2560
2650
|
/* @__PURE__ */ o("div", { className: "flex", style: { width: 165 }, children: [
|
|
2561
2651
|
/* @__PURE__ */ e(
|
|
2562
2652
|
"button",
|
|
2563
2653
|
{
|
|
2564
2654
|
onClick: () => at("buy"),
|
|
2565
2655
|
className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
|
|
2566
|
-
style: { color:
|
|
2656
|
+
style: { color: $ === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
|
|
2567
2657
|
children: "Buy"
|
|
2568
2658
|
}
|
|
2569
2659
|
),
|
|
@@ -2572,7 +2662,7 @@ function Mn({
|
|
|
2572
2662
|
{
|
|
2573
2663
|
onClick: () => at("sell"),
|
|
2574
2664
|
className: "flex-1 pb-2.5 text-[16px] font-medium text-center transition-colors duration-200",
|
|
2575
|
-
style: { color:
|
|
2665
|
+
style: { color: $ === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
|
|
2576
2666
|
children: "Sell"
|
|
2577
2667
|
}
|
|
2578
2668
|
)
|
|
@@ -2585,14 +2675,14 @@ function Mn({
|
|
|
2585
2675
|
className: "absolute top-0 h-full transition-all duration-300 ease-in-out",
|
|
2586
2676
|
style: {
|
|
2587
2677
|
width: "50%",
|
|
2588
|
-
left:
|
|
2678
|
+
left: $ === "buy" ? "0%" : "50%",
|
|
2589
2679
|
background: "var(--t-accent)"
|
|
2590
2680
|
}
|
|
2591
2681
|
}
|
|
2592
2682
|
)
|
|
2593
2683
|
] })
|
|
2594
2684
|
] }) : null,
|
|
2595
|
-
|
|
2685
|
+
Le || Xe || c ? /* @__PURE__ */ e(Rn, {}) : /* @__PURE__ */ o("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
|
|
2596
2686
|
/* @__PURE__ */ o(
|
|
2597
2687
|
"div",
|
|
2598
2688
|
{
|
|
@@ -2600,7 +2690,7 @@ function Mn({
|
|
|
2600
2690
|
style: {
|
|
2601
2691
|
background: "var(--t-surface)",
|
|
2602
2692
|
borderRadius: 5,
|
|
2603
|
-
border:
|
|
2693
|
+
border: Z && nt ? "1px solid #EF4444" : "1px solid transparent",
|
|
2604
2694
|
minHeight: 102
|
|
2605
2695
|
},
|
|
2606
2696
|
children: [
|
|
@@ -2609,19 +2699,19 @@ function Mn({
|
|
|
2609
2699
|
/* @__PURE__ */ e(
|
|
2610
2700
|
"input",
|
|
2611
2701
|
{
|
|
2612
|
-
ref:
|
|
2702
|
+
ref: F,
|
|
2613
2703
|
type: "text",
|
|
2614
|
-
value:
|
|
2615
|
-
onChange:
|
|
2704
|
+
value: $e,
|
|
2705
|
+
onChange: Pt,
|
|
2616
2706
|
onBlur: () => Me(!0),
|
|
2617
|
-
placeholder:
|
|
2707
|
+
placeholder: P ? "250" : "0.01",
|
|
2618
2708
|
className: "bg-transparent outline-none w-0 flex-1 mr-3",
|
|
2619
2709
|
style: { color: "var(--t-text)", fontSize: 24, fontWeight: 600, lineHeight: "32px", padding: 0, border: "none", borderRadius: 0, backgroundColor: "transparent", height: "auto", width: 0 },
|
|
2620
2710
|
inputMode: "decimal",
|
|
2621
|
-
disabled: !!((ct =
|
|
2711
|
+
disabled: !!((ct = L == null ? void 0 : L.sourceAmount) != null && ct.locked)
|
|
2622
2712
|
}
|
|
2623
2713
|
),
|
|
2624
|
-
|
|
2714
|
+
P ? /* @__PURE__ */ o(
|
|
2625
2715
|
"button",
|
|
2626
2716
|
{
|
|
2627
2717
|
onClick: () => G("fiat"),
|
|
@@ -2633,11 +2723,11 @@ function Mn({
|
|
|
2633
2723
|
paddingLeft: 10,
|
|
2634
2724
|
paddingRight: 10
|
|
2635
2725
|
},
|
|
2636
|
-
disabled: !!((dt =
|
|
2726
|
+
disabled: !!((dt = L == null ? void 0 : L.sourceCurrency) != null && dt.locked),
|
|
2637
2727
|
children: [
|
|
2638
|
-
/* @__PURE__ */ e(
|
|
2728
|
+
/* @__PURE__ */ e(ze, { currencyCode: re, size: 16, baseUrl: W }),
|
|
2639
2729
|
/* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: re }),
|
|
2640
|
-
/* @__PURE__ */ e(
|
|
2730
|
+
/* @__PURE__ */ e(ke, {})
|
|
2641
2731
|
]
|
|
2642
2732
|
}
|
|
2643
2733
|
) : /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
|
|
@@ -2653,11 +2743,11 @@ function Mn({
|
|
|
2653
2743
|
paddingLeft: 10,
|
|
2654
2744
|
paddingRight: 10
|
|
2655
2745
|
},
|
|
2656
|
-
disabled: !!((ut =
|
|
2746
|
+
disabled: !!((ut = L == null ? void 0 : L.destinationCurrency) != null && ut.locked),
|
|
2657
2747
|
children: [
|
|
2658
|
-
/* @__PURE__ */ e(Et, { ticker:
|
|
2659
|
-
/* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children:
|
|
2660
|
-
/* @__PURE__ */ e(
|
|
2748
|
+
/* @__PURE__ */ e(Et, { ticker: J, size: 16, baseUrl: W }),
|
|
2749
|
+
/* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: J }),
|
|
2750
|
+
/* @__PURE__ */ e(ke, {})
|
|
2661
2751
|
]
|
|
2662
2752
|
}
|
|
2663
2753
|
),
|
|
@@ -2665,7 +2755,7 @@ function Mn({
|
|
|
2665
2755
|
/* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
|
|
2666
2756
|
"img",
|
|
2667
2757
|
{
|
|
2668
|
-
src:
|
|
2758
|
+
src: Je(oe, W),
|
|
2669
2759
|
alt: oe,
|
|
2670
2760
|
width: 14,
|
|
2671
2761
|
height: 14,
|
|
@@ -2673,14 +2763,14 @@ function Mn({
|
|
|
2673
2763
|
style: { width: 14, height: 14 }
|
|
2674
2764
|
}
|
|
2675
2765
|
) }),
|
|
2676
|
-
/* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children:
|
|
2766
|
+
/* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: it })
|
|
2677
2767
|
] })
|
|
2678
2768
|
] })
|
|
2679
2769
|
] })
|
|
2680
2770
|
]
|
|
2681
2771
|
}
|
|
2682
2772
|
),
|
|
2683
|
-
|
|
2773
|
+
Z && nt && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: ue || (et ? "Amount should be more than 0" : P ? `Minimum amount is ${bt} ${re}` : `Minimum amount is ${Nt} ${J}`) }),
|
|
2684
2774
|
/* @__PURE__ */ o(
|
|
2685
2775
|
"div",
|
|
2686
2776
|
{
|
|
@@ -2697,16 +2787,16 @@ function Mn({
|
|
|
2697
2787
|
children: [
|
|
2698
2788
|
/* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
|
|
2699
2789
|
/* @__PURE__ */ o("div", { className: "flex items-start justify-between", children: [
|
|
2700
|
-
|
|
2701
|
-
|
|
2790
|
+
H && !w ? /* @__PURE__ */ e(B, { w: 180, h: 32 }) : /* @__PURE__ */ e(
|
|
2791
|
+
Sn,
|
|
2702
2792
|
{
|
|
2703
|
-
value:
|
|
2793
|
+
value: pe > 0 ? Bt : "0",
|
|
2704
2794
|
height: 32,
|
|
2705
2795
|
className: "font-semibold",
|
|
2706
|
-
style: { color:
|
|
2796
|
+
style: { color: pe > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
|
|
2707
2797
|
}
|
|
2708
2798
|
),
|
|
2709
|
-
|
|
2799
|
+
P ? /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
|
|
2710
2800
|
/* @__PURE__ */ o(
|
|
2711
2801
|
"button",
|
|
2712
2802
|
{
|
|
@@ -2719,11 +2809,11 @@ function Mn({
|
|
|
2719
2809
|
paddingLeft: 10,
|
|
2720
2810
|
paddingRight: 10
|
|
2721
2811
|
},
|
|
2722
|
-
disabled: !!((mt =
|
|
2812
|
+
disabled: !!((mt = L == null ? void 0 : L.destinationCurrency) != null && mt.locked),
|
|
2723
2813
|
children: [
|
|
2724
|
-
/* @__PURE__ */ e(Et, { ticker:
|
|
2725
|
-
/* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children:
|
|
2726
|
-
/* @__PURE__ */ e(
|
|
2814
|
+
/* @__PURE__ */ e(Et, { ticker: J, size: 16, baseUrl: W }),
|
|
2815
|
+
/* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: J }),
|
|
2816
|
+
/* @__PURE__ */ e(ke, {})
|
|
2727
2817
|
]
|
|
2728
2818
|
}
|
|
2729
2819
|
),
|
|
@@ -2731,7 +2821,7 @@ function Mn({
|
|
|
2731
2821
|
/* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
|
|
2732
2822
|
"img",
|
|
2733
2823
|
{
|
|
2734
|
-
src:
|
|
2824
|
+
src: Je(oe, W),
|
|
2735
2825
|
alt: oe,
|
|
2736
2826
|
width: 14,
|
|
2737
2827
|
height: 14,
|
|
@@ -2739,7 +2829,7 @@ function Mn({
|
|
|
2739
2829
|
style: { width: 14, height: 14 }
|
|
2740
2830
|
}
|
|
2741
2831
|
) }),
|
|
2742
|
-
/* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children:
|
|
2832
|
+
/* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: it })
|
|
2743
2833
|
] })
|
|
2744
2834
|
] }) : /* @__PURE__ */ o(
|
|
2745
2835
|
"button",
|
|
@@ -2753,11 +2843,11 @@ function Mn({
|
|
|
2753
2843
|
paddingLeft: 10,
|
|
2754
2844
|
paddingRight: 10
|
|
2755
2845
|
},
|
|
2756
|
-
disabled: !!((
|
|
2846
|
+
disabled: !!((ht = L == null ? void 0 : L.sourceCurrency) != null && ht.locked),
|
|
2757
2847
|
children: [
|
|
2758
|
-
/* @__PURE__ */ e(
|
|
2848
|
+
/* @__PURE__ */ e(ze, { currencyCode: re, size: 16, baseUrl: W }),
|
|
2759
2849
|
/* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: re }),
|
|
2760
|
-
/* @__PURE__ */ e(
|
|
2850
|
+
/* @__PURE__ */ e(ke, {})
|
|
2761
2851
|
]
|
|
2762
2852
|
}
|
|
2763
2853
|
)
|
|
@@ -2771,35 +2861,35 @@ function Mn({
|
|
|
2771
2861
|
className: "flex items-center justify-between mt-[2px] px-[18px] pt-[12px] pb-[14px]",
|
|
2772
2862
|
style: {
|
|
2773
2863
|
background: "var(--t-surface)",
|
|
2774
|
-
...(
|
|
2864
|
+
...(pt = S == null ? void 0 : S.paymentMethods) != null && pt.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
|
|
2775
2865
|
},
|
|
2776
2866
|
children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: y ? "var(--t-success)" : "var(--t-text-secondary)" }, children: Ot || " " })
|
|
2777
2867
|
}
|
|
2778
2868
|
),
|
|
2779
2869
|
(S == null ? void 0 : S.paymentMethods) && S.paymentMethods.length > 0 && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: /* @__PURE__ */ e(
|
|
2780
|
-
|
|
2870
|
+
Cn,
|
|
2781
2871
|
{
|
|
2782
2872
|
methods: S.paymentMethods,
|
|
2783
|
-
selectedId:
|
|
2873
|
+
selectedId: C.paymentMethodId,
|
|
2784
2874
|
onOpenModal: () => G("payment"),
|
|
2785
|
-
fiatCurrency:
|
|
2875
|
+
fiatCurrency: C.fiatCurrency
|
|
2786
2876
|
}
|
|
2787
2877
|
) }),
|
|
2788
2878
|
/* @__PURE__ */ o("div", { className: "mt-8", children: [
|
|
2789
|
-
/* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children:
|
|
2879
|
+
/* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: P ? "Receiving wallet address" : "Sending wallet address" }),
|
|
2790
2880
|
/* @__PURE__ */ e(
|
|
2791
2881
|
"input",
|
|
2792
2882
|
{
|
|
2793
2883
|
type: "text",
|
|
2794
|
-
value:
|
|
2795
|
-
onChange: (x) =>
|
|
2884
|
+
value: C.walletAddress,
|
|
2885
|
+
onChange: (x) => k({ type: "SET_WALLET_ADDRESS", address: x.target.value }),
|
|
2796
2886
|
onBlur: () => Te(!0),
|
|
2797
|
-
placeholder:
|
|
2887
|
+
placeholder: P ? "Enter your receiving address" : "Enter your sending address",
|
|
2798
2888
|
spellCheck: !1,
|
|
2799
2889
|
autoComplete: "off",
|
|
2800
2890
|
className: "w-full bg-transparent text-[13px] outline-none transition-colors",
|
|
2801
2891
|
style: {
|
|
2802
|
-
border:
|
|
2892
|
+
border: C.walletError || ge && !je ? "1px solid #EF4444" : "1px solid var(--t-border)",
|
|
2803
2893
|
borderRadius: 3.5,
|
|
2804
2894
|
height: 47,
|
|
2805
2895
|
padding: "0 14px",
|
|
@@ -2807,90 +2897,90 @@ function Mn({
|
|
|
2807
2897
|
fontSize: 13,
|
|
2808
2898
|
backgroundColor: "transparent"
|
|
2809
2899
|
},
|
|
2810
|
-
disabled: !!((ft =
|
|
2900
|
+
disabled: !!((ft = L == null ? void 0 : L.destinationAddress) != null && ft.locked)
|
|
2811
2901
|
}
|
|
2812
2902
|
),
|
|
2813
|
-
|
|
2903
|
+
C.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: C.walletError }) : ge && !je && !ve ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : ve && C.walletAddress.trim().length >= 10 ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "var(--t-text-muted)" }, children: "Validating address..." }) : null
|
|
2814
2904
|
] }),
|
|
2815
2905
|
/* @__PURE__ */ e("div", { className: "flex-1" }),
|
|
2816
2906
|
/* @__PURE__ */ e(
|
|
2817
2907
|
"button",
|
|
2818
2908
|
{
|
|
2819
|
-
disabled: !Oe ||
|
|
2820
|
-
onClick:
|
|
2909
|
+
disabled: !Oe || X || w,
|
|
2910
|
+
onClick: Kt,
|
|
2821
2911
|
className: "w-full font-semibold text-[16px] transition-all",
|
|
2822
2912
|
style: {
|
|
2823
2913
|
height: 60,
|
|
2824
2914
|
borderRadius: 5,
|
|
2825
2915
|
background: "var(--t-cta-bg)",
|
|
2826
2916
|
color: "var(--t-cta-text)",
|
|
2827
|
-
opacity: Oe &&
|
|
2828
|
-
cursor: Oe &&
|
|
2917
|
+
opacity: Oe && !X && !w ? 1 : 0.4,
|
|
2918
|
+
cursor: Oe && !X && !w ? "pointer" : "not-allowed"
|
|
2829
2919
|
},
|
|
2830
|
-
children:
|
|
2920
|
+
children: w ? "Getting best price..." : X ? "Processing..." : P ? `Buy ${J}` : `Sell ${J}`
|
|
2831
2921
|
}
|
|
2832
2922
|
),
|
|
2833
2923
|
/* @__PURE__ */ e("div", { className: "text-center py-3", children: /* @__PURE__ */ e("span", { className: "text-[11px]", style: { color: "var(--t-text-tertiary)" }, children: "Powered by NowRamp" }) })
|
|
2834
|
-
] },
|
|
2835
|
-
/* @__PURE__ */ e(
|
|
2924
|
+
] }, $),
|
|
2925
|
+
/* @__PURE__ */ e(De, { isOpen: me === "fiat", onClose: () => G(null), children: (x) => {
|
|
2836
2926
|
var E;
|
|
2837
2927
|
return /* @__PURE__ */ e(
|
|
2838
|
-
|
|
2928
|
+
Tn,
|
|
2839
2929
|
{
|
|
2840
2930
|
onClose: x,
|
|
2841
2931
|
onSelect: (R) => {
|
|
2842
|
-
|
|
2932
|
+
Dt(R), x();
|
|
2843
2933
|
},
|
|
2844
2934
|
currencies: (E = S == null ? void 0 : S.fiats) == null ? void 0 : E.map((R) => ({ code: R.code, name: R.code })),
|
|
2845
|
-
assetBaseUrl:
|
|
2846
|
-
selectedCode:
|
|
2935
|
+
assetBaseUrl: W,
|
|
2936
|
+
selectedCode: C.fiatCurrency
|
|
2847
2937
|
}
|
|
2848
2938
|
);
|
|
2849
2939
|
} }),
|
|
2850
|
-
/* @__PURE__ */ e(
|
|
2940
|
+
/* @__PURE__ */ e(De, { isOpen: me === "crypto", onClose: () => G(null), children: (x) => {
|
|
2851
2941
|
var E;
|
|
2852
2942
|
return /* @__PURE__ */ e(
|
|
2853
|
-
|
|
2943
|
+
Ln,
|
|
2854
2944
|
{
|
|
2855
2945
|
onClose: x,
|
|
2856
|
-
onSelect: (R,
|
|
2857
|
-
Ut(R,
|
|
2946
|
+
onSelect: (R, D) => {
|
|
2947
|
+
Ut(R, D), x();
|
|
2858
2948
|
},
|
|
2859
2949
|
cryptos: (E = S == null ? void 0 : S.cryptos) == null ? void 0 : E.map((R) => {
|
|
2860
|
-
var
|
|
2950
|
+
var D;
|
|
2861
2951
|
return {
|
|
2862
2952
|
code: R.code,
|
|
2863
2953
|
name: R.code,
|
|
2864
|
-
networks: (
|
|
2954
|
+
networks: (D = R.networks) == null ? void 0 : D.map((ce) => ({ code: ce.id, name: ce.name }))
|
|
2865
2955
|
};
|
|
2866
2956
|
}),
|
|
2867
|
-
assetBaseUrl:
|
|
2868
|
-
selectedCode:
|
|
2869
|
-
selectedChain:
|
|
2957
|
+
assetBaseUrl: W,
|
|
2958
|
+
selectedCode: C.cryptoCurrency,
|
|
2959
|
+
selectedChain: C.network
|
|
2870
2960
|
}
|
|
2871
2961
|
);
|
|
2872
2962
|
} }),
|
|
2873
|
-
/* @__PURE__ */ e(
|
|
2963
|
+
/* @__PURE__ */ e(De, { isOpen: me === "payment", onClose: () => G(null), children: (x) => {
|
|
2874
2964
|
var E;
|
|
2875
2965
|
return /* @__PURE__ */ e(
|
|
2876
|
-
|
|
2966
|
+
kn,
|
|
2877
2967
|
{
|
|
2878
|
-
methods: ((E = S == null ? void 0 : S.paymentMethods) == null ? void 0 : E.filter((R) => R.supportedFiats.includes(
|
|
2879
|
-
selectedId:
|
|
2968
|
+
methods: ((E = S == null ? void 0 : S.paymentMethods) == null ? void 0 : E.filter((R) => R.supportedFiats.includes(C.fiatCurrency))) || [],
|
|
2969
|
+
selectedId: C.paymentMethodId,
|
|
2880
2970
|
onSelect: (R) => {
|
|
2881
|
-
|
|
2971
|
+
Ft(R), x();
|
|
2882
2972
|
},
|
|
2883
2973
|
onClose: x
|
|
2884
2974
|
}
|
|
2885
2975
|
);
|
|
2886
2976
|
} }),
|
|
2887
|
-
/* @__PURE__ */ e(
|
|
2888
|
-
|
|
2977
|
+
/* @__PURE__ */ e(De, { isOpen: me === "settings", onClose: () => G(null), children: (x) => /* @__PURE__ */ e(
|
|
2978
|
+
Bn,
|
|
2889
2979
|
{
|
|
2890
2980
|
onClose: x,
|
|
2891
2981
|
darkMode: ne,
|
|
2892
2982
|
onToggleDarkMode: ae,
|
|
2893
|
-
skinId:
|
|
2983
|
+
skinId: Ce,
|
|
2894
2984
|
onSelectSkin: (E) => {
|
|
2895
2985
|
Re(E);
|
|
2896
2986
|
},
|
|
@@ -2901,7 +2991,7 @@ function Mn({
|
|
|
2901
2991
|
}
|
|
2902
2992
|
);
|
|
2903
2993
|
}
|
|
2904
|
-
function
|
|
2994
|
+
function Hn({
|
|
2905
2995
|
projectId: t,
|
|
2906
2996
|
apiUrl: n,
|
|
2907
2997
|
assetBaseUrl: a,
|
|
@@ -2909,41 +2999,41 @@ function Bn({
|
|
|
2909
2999
|
customerId: l,
|
|
2910
3000
|
brandId: u,
|
|
2911
3001
|
defaultFiatCurrency: m,
|
|
2912
|
-
defaultCryptoCurrency:
|
|
2913
|
-
defaultNetwork:
|
|
2914
|
-
defaultFiatAmount:
|
|
2915
|
-
defaultCryptoAmount:
|
|
3002
|
+
defaultCryptoCurrency: i,
|
|
3003
|
+
defaultNetwork: s,
|
|
3004
|
+
defaultFiatAmount: p,
|
|
3005
|
+
defaultCryptoAmount: h,
|
|
2916
3006
|
defaultWalletAddress: d,
|
|
2917
3007
|
defaultGateway: f,
|
|
2918
3008
|
fieldLocks: y,
|
|
2919
|
-
statusPollInterval:
|
|
3009
|
+
statusPollInterval: A,
|
|
2920
3010
|
onComplete: b,
|
|
2921
3011
|
onError: T,
|
|
2922
|
-
className:
|
|
2923
|
-
theme:
|
|
3012
|
+
className: Y,
|
|
3013
|
+
theme: Q,
|
|
2924
3014
|
skinId: q,
|
|
2925
3015
|
accentColor: ee,
|
|
2926
|
-
bgColor:
|
|
2927
|
-
bgImage:
|
|
2928
|
-
borderColor:
|
|
3016
|
+
bgColor: ie,
|
|
3017
|
+
bgImage: C,
|
|
3018
|
+
borderColor: k,
|
|
2929
3019
|
borderRadius: S,
|
|
2930
3020
|
surfaceColor: c,
|
|
2931
|
-
inputBgColor:
|
|
2932
|
-
textColor:
|
|
3021
|
+
inputBgColor: N,
|
|
3022
|
+
textColor: H,
|
|
2933
3023
|
textSecondaryColor: I,
|
|
2934
3024
|
textMutedColor: Se,
|
|
2935
|
-
successColor:
|
|
2936
|
-
showFlowToggle:
|
|
3025
|
+
successColor: se,
|
|
3026
|
+
showFlowToggle: X,
|
|
2937
3027
|
showSettings: ue,
|
|
2938
|
-
showThemeToggle:
|
|
3028
|
+
showThemeToggle: L,
|
|
2939
3029
|
autoRedirect: xe,
|
|
2940
|
-
explorerUrl:
|
|
3030
|
+
explorerUrl: W,
|
|
2941
3031
|
doneButtonText: ne,
|
|
2942
3032
|
supportEmail: ae,
|
|
2943
|
-
onDone:
|
|
3033
|
+
onDone: Ce
|
|
2944
3034
|
}) {
|
|
2945
3035
|
return /* @__PURE__ */ e(
|
|
2946
|
-
|
|
3036
|
+
Jt,
|
|
2947
3037
|
{
|
|
2948
3038
|
projectId: t,
|
|
2949
3039
|
apiUrl: n,
|
|
@@ -2952,54 +3042,54 @@ function Bn({
|
|
|
2952
3042
|
customerId: l,
|
|
2953
3043
|
brandId: u,
|
|
2954
3044
|
defaultFiatCurrency: m,
|
|
2955
|
-
defaultCryptoCurrency:
|
|
2956
|
-
defaultNetwork:
|
|
2957
|
-
defaultFiatAmount:
|
|
2958
|
-
defaultCryptoAmount:
|
|
3045
|
+
defaultCryptoCurrency: i,
|
|
3046
|
+
defaultNetwork: s,
|
|
3047
|
+
defaultFiatAmount: p,
|
|
3048
|
+
defaultCryptoAmount: h,
|
|
2959
3049
|
defaultWalletAddress: d,
|
|
2960
3050
|
defaultGateway: f,
|
|
2961
3051
|
fieldLocks: y,
|
|
2962
|
-
statusPollInterval:
|
|
3052
|
+
statusPollInterval: A,
|
|
2963
3053
|
onComplete: b,
|
|
2964
3054
|
onError: T,
|
|
2965
3055
|
children: /* @__PURE__ */ e(
|
|
2966
|
-
|
|
3056
|
+
On,
|
|
2967
3057
|
{
|
|
2968
|
-
className:
|
|
2969
|
-
theme:
|
|
3058
|
+
className: Y,
|
|
3059
|
+
theme: Q,
|
|
2970
3060
|
skinId: q,
|
|
2971
3061
|
accentColor: ee,
|
|
2972
|
-
bgColor:
|
|
2973
|
-
bgImage:
|
|
2974
|
-
borderColor:
|
|
3062
|
+
bgColor: ie,
|
|
3063
|
+
bgImage: C,
|
|
3064
|
+
borderColor: k,
|
|
2975
3065
|
borderRadius: S,
|
|
2976
3066
|
surfaceColor: c,
|
|
2977
|
-
inputBgColor:
|
|
2978
|
-
textColor:
|
|
3067
|
+
inputBgColor: N,
|
|
3068
|
+
textColor: H,
|
|
2979
3069
|
textSecondaryColor: I,
|
|
2980
3070
|
textMutedColor: Se,
|
|
2981
|
-
successColor:
|
|
2982
|
-
showFlowToggle:
|
|
3071
|
+
successColor: se,
|
|
3072
|
+
showFlowToggle: X,
|
|
2983
3073
|
showSettings: ue,
|
|
2984
|
-
showThemeToggle:
|
|
3074
|
+
showThemeToggle: L,
|
|
2985
3075
|
autoRedirect: xe,
|
|
2986
|
-
explorerUrl:
|
|
3076
|
+
explorerUrl: W,
|
|
2987
3077
|
doneButtonText: ne,
|
|
2988
3078
|
supportEmail: ae,
|
|
2989
|
-
onDone:
|
|
3079
|
+
onDone: Ce
|
|
2990
3080
|
}
|
|
2991
3081
|
)
|
|
2992
3082
|
}
|
|
2993
3083
|
);
|
|
2994
3084
|
}
|
|
2995
|
-
function
|
|
3085
|
+
function Gn({
|
|
2996
3086
|
submitButtonText: t,
|
|
2997
3087
|
rateRefreshInterval: n,
|
|
2998
3088
|
...a
|
|
2999
3089
|
}) {
|
|
3000
|
-
return /* @__PURE__ */ e(
|
|
3090
|
+
return /* @__PURE__ */ e(Hn, { ...a });
|
|
3001
3091
|
}
|
|
3002
|
-
function
|
|
3092
|
+
function Zn({
|
|
3003
3093
|
skin: t,
|
|
3004
3094
|
active: n,
|
|
3005
3095
|
onClick: a,
|
|
@@ -3032,13 +3122,13 @@ function Vn({
|
|
|
3032
3122
|
}
|
|
3033
3123
|
);
|
|
3034
3124
|
}
|
|
3035
|
-
function
|
|
3125
|
+
function Pn({ quote: t }) {
|
|
3036
3126
|
return t.isBestRate ? /* @__PURE__ */ e("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Best price" }) : t.isRecommended ? /* @__PURE__ */ e("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: "Recommended" }) : t.rank && t.rank <= 3 ? /* @__PURE__ */ o("div", { className: "text-[12px]", style: { color: "var(--t-text-secondary)" }, children: [
|
|
3037
3127
|
"#",
|
|
3038
3128
|
t.rank
|
|
3039
3129
|
] }) : null;
|
|
3040
3130
|
}
|
|
3041
|
-
function
|
|
3131
|
+
function Dn({ quote: t }) {
|
|
3042
3132
|
return t.gatewayLogo ? /* @__PURE__ */ e(
|
|
3043
3133
|
"img",
|
|
3044
3134
|
{
|
|
@@ -3051,7 +3141,7 @@ function Pn({ quote: t }) {
|
|
|
3051
3141
|
}
|
|
3052
3142
|
) : /* @__PURE__ */ e(qe, { size: 36 });
|
|
3053
3143
|
}
|
|
3054
|
-
function
|
|
3144
|
+
function Un() {
|
|
3055
3145
|
return /* @__PURE__ */ e("div", { className: "space-y-2", children: [0, 1, 2].map((t) => /* @__PURE__ */ o(
|
|
3056
3146
|
"div",
|
|
3057
3147
|
{
|
|
@@ -3078,17 +3168,17 @@ function Dn() {
|
|
|
3078
3168
|
t
|
|
3079
3169
|
)) });
|
|
3080
3170
|
}
|
|
3081
|
-
function
|
|
3171
|
+
function Yn({
|
|
3082
3172
|
onClose: t,
|
|
3083
3173
|
onSelect: n,
|
|
3084
3174
|
quotes: a,
|
|
3085
3175
|
quotesLoading: r,
|
|
3086
3176
|
cryptoCurrency: l
|
|
3087
3177
|
}) {
|
|
3088
|
-
const [u, m] =
|
|
3178
|
+
const [u, m] = g(""), i = j(() => {
|
|
3089
3179
|
if (!(a != null && a.quotes)) return [];
|
|
3090
|
-
const
|
|
3091
|
-
return
|
|
3180
|
+
const s = u.trim().toLowerCase();
|
|
3181
|
+
return s ? a.quotes.filter((p) => p.gatewayName.toLowerCase().includes(s)) : a.quotes;
|
|
3092
3182
|
}, [a, u]);
|
|
3093
3183
|
return /* @__PURE__ */ o(te, { children: [
|
|
3094
3184
|
/* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Ie, { onClick: t }) }),
|
|
@@ -3100,28 +3190,28 @@ function Gn({
|
|
|
3100
3190
|
children: "Choose Ramp"
|
|
3101
3191
|
}
|
|
3102
3192
|
),
|
|
3103
|
-
/* @__PURE__ */ e(
|
|
3193
|
+
/* @__PURE__ */ e(Ke, { value: u, onChange: m }),
|
|
3104
3194
|
/* @__PURE__ */ o("div", { className: "flex-1 overflow-y-auto custom-scroll px-5 space-y-2", children: [
|
|
3105
|
-
r ? /* @__PURE__ */ e(
|
|
3106
|
-
const
|
|
3195
|
+
r ? /* @__PURE__ */ e(Un, {}) : i.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: a && a.quotes.length === 0 ? "No quotes available for this request" : "No providers found" }) : i.map((s, p) => {
|
|
3196
|
+
const h = p === 0, d = parseFloat(s.cryptoAmount), f = d >= 1 ? d.toFixed(4) : d.toPrecision(6);
|
|
3107
3197
|
return /* @__PURE__ */ o(
|
|
3108
3198
|
"button",
|
|
3109
3199
|
{
|
|
3110
|
-
onClick: () => n(
|
|
3200
|
+
onClick: () => n(s),
|
|
3111
3201
|
className: "w-full flex items-center gap-3.5 transition-colors",
|
|
3112
3202
|
style: {
|
|
3113
|
-
borderRadius:
|
|
3114
|
-
height:
|
|
3203
|
+
borderRadius: h ? 4.5 : 5,
|
|
3204
|
+
height: h ? 63 : 64,
|
|
3115
3205
|
paddingLeft: 16,
|
|
3116
3206
|
paddingRight: 16,
|
|
3117
|
-
border:
|
|
3118
|
-
background:
|
|
3207
|
+
border: h ? "1px solid var(--t-border)" : "1px solid transparent",
|
|
3208
|
+
background: h ? "transparent" : "var(--t-surface)"
|
|
3119
3209
|
},
|
|
3120
3210
|
children: [
|
|
3121
|
-
/* @__PURE__ */ e(
|
|
3211
|
+
/* @__PURE__ */ e(Dn, { quote: s }),
|
|
3122
3212
|
/* @__PURE__ */ o("div", { className: "text-left flex-1 min-w-0", children: [
|
|
3123
|
-
/* @__PURE__ */ e("div", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children:
|
|
3124
|
-
/* @__PURE__ */ e(
|
|
3213
|
+
/* @__PURE__ */ e("div", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: s.gatewayName }),
|
|
3214
|
+
/* @__PURE__ */ e(Pn, { quote: s })
|
|
3125
3215
|
] }),
|
|
3126
3216
|
/* @__PURE__ */ o("div", { className: "text-right shrink-0", children: [
|
|
3127
3217
|
/* @__PURE__ */ e("div", { className: "text-[11px]", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
|
|
@@ -3133,79 +3223,79 @@ function Gn({
|
|
|
3133
3223
|
] })
|
|
3134
3224
|
]
|
|
3135
3225
|
},
|
|
3136
|
-
|
|
3226
|
+
s.gatewayId
|
|
3137
3227
|
);
|
|
3138
3228
|
}),
|
|
3139
|
-
!r && (a == null ? void 0 : a.unavailableGateways) && a.unavailableGateways.length > 0 && /* @__PURE__ */ e("div", { className: "pt-3", children: a.unavailableGateways.map((
|
|
3229
|
+
!r && (a == null ? void 0 : a.unavailableGateways) && a.unavailableGateways.length > 0 && /* @__PURE__ */ e("div", { className: "pt-3", children: a.unavailableGateways.map((s) => /* @__PURE__ */ o(
|
|
3140
3230
|
"div",
|
|
3141
3231
|
{
|
|
3142
3232
|
className: "flex items-center justify-between py-2 text-[12px]",
|
|
3143
3233
|
style: { color: "var(--t-text-muted)" },
|
|
3144
3234
|
children: [
|
|
3145
|
-
/* @__PURE__ */ e("span", { children:
|
|
3146
|
-
/* @__PURE__ */ e("span", { children:
|
|
3235
|
+
/* @__PURE__ */ e("span", { children: s.gatewayName }),
|
|
3236
|
+
/* @__PURE__ */ e("span", { children: s.reason })
|
|
3147
3237
|
]
|
|
3148
3238
|
},
|
|
3149
|
-
|
|
3239
|
+
s.gatewayId
|
|
3150
3240
|
)) })
|
|
3151
3241
|
] })
|
|
3152
3242
|
] });
|
|
3153
3243
|
}
|
|
3154
3244
|
export {
|
|
3155
|
-
|
|
3156
|
-
|
|
3245
|
+
An as AnimatedDigit,
|
|
3246
|
+
Sn as AnimatedNumber,
|
|
3157
3247
|
on as ApplePayIcon,
|
|
3158
|
-
|
|
3248
|
+
Qe as BLOCKCHAINS,
|
|
3159
3249
|
an as BankIcon,
|
|
3160
3250
|
nn as CRYPTO_CHAIN_COMBOS,
|
|
3161
3251
|
Tt as CRYPTO_CURRENCIES,
|
|
3162
|
-
|
|
3163
|
-
|
|
3164
|
-
|
|
3165
|
-
|
|
3166
|
-
|
|
3167
|
-
|
|
3252
|
+
un as CardIcon,
|
|
3253
|
+
Gn as CheckoutForm,
|
|
3254
|
+
gn as CheckoutStep,
|
|
3255
|
+
ke as ChevronDown,
|
|
3256
|
+
mn as ChevronRight,
|
|
3257
|
+
Yn as ChooseRampModal,
|
|
3168
3258
|
Ie as CloseButton,
|
|
3169
3259
|
Wn as CoinifyIcon,
|
|
3170
3260
|
Nn as CompleteStep,
|
|
3171
|
-
|
|
3172
|
-
|
|
3261
|
+
wn as ConfirmStep,
|
|
3262
|
+
Ln as CryptoCurrencyModal,
|
|
3173
3263
|
Et as CryptoIcon,
|
|
3174
|
-
|
|
3175
|
-
|
|
3176
|
-
|
|
3264
|
+
pn as DarkModeIcon,
|
|
3265
|
+
En as ErrorStep,
|
|
3266
|
+
Ct as FIAT_CURRENCIES,
|
|
3177
3267
|
qt as FIAT_TO_COUNTRY,
|
|
3178
|
-
|
|
3179
|
-
|
|
3180
|
-
|
|
3268
|
+
Tn as FiatCurrencyModal,
|
|
3269
|
+
ze as FiatFlag,
|
|
3270
|
+
Rn as FormSkeleton,
|
|
3181
3271
|
qe as GenericCoinIcon,
|
|
3182
3272
|
ln as GooglePayIcon,
|
|
3183
|
-
|
|
3184
|
-
|
|
3185
|
-
|
|
3273
|
+
vt as MOCK_RATES,
|
|
3274
|
+
hn as MenuIcon,
|
|
3275
|
+
De as Modal,
|
|
3186
3276
|
sn as PayPalIcon,
|
|
3187
|
-
|
|
3188
|
-
|
|
3189
|
-
|
|
3190
|
-
|
|
3277
|
+
Cn as PaymentMethodSelector,
|
|
3278
|
+
bn as ProcessingStep,
|
|
3279
|
+
Hn as RampForm,
|
|
3280
|
+
Jt as RampProvider,
|
|
3191
3281
|
rn as RevolutIcon,
|
|
3192
|
-
|
|
3193
|
-
|
|
3194
|
-
|
|
3282
|
+
gt as SKINS,
|
|
3283
|
+
Ke as SearchInput,
|
|
3284
|
+
Bn as SettingsScreen,
|
|
3195
3285
|
B as Skeleton,
|
|
3196
|
-
|
|
3197
|
-
|
|
3198
|
-
|
|
3199
|
-
|
|
3200
|
-
|
|
3286
|
+
Zn as SkinSwatch,
|
|
3287
|
+
In as ToggleSwitch,
|
|
3288
|
+
jn as formatOutput,
|
|
3289
|
+
Je as getChainIconUrl,
|
|
3290
|
+
Lt as getCryptoIconUrl,
|
|
3201
3291
|
en as getFiatFlagUrl,
|
|
3202
|
-
|
|
3203
|
-
|
|
3292
|
+
$n as getMockRate,
|
|
3293
|
+
fn as getPaymentIcon,
|
|
3204
3294
|
tn as parseAmount,
|
|
3205
|
-
|
|
3295
|
+
Zt as useCheckoutIntent,
|
|
3206
3296
|
Gt as useQuotes,
|
|
3207
|
-
|
|
3208
|
-
|
|
3209
|
-
|
|
3297
|
+
Ae as useRamp,
|
|
3298
|
+
Wt as useRampConfig,
|
|
3299
|
+
Yt as useTransaction
|
|
3210
3300
|
};
|
|
3211
3301
|
//# sourceMappingURL=index.js.map
|