@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.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}.border-white\\/20{border-color:#fff3}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.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}
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 De, { useState as v, useRef as X, useCallback as O, useEffect as _, useMemo as j, useReducer as $t, useContext as Wt, createContext as jt } from "react";
13
- import { RampApi as Ke } from "@nowramp/sdk";
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 Vt(t, n) {
16
- const [a, r] = v(null), [l, u] = v(!0), [m, s] = v(null), i = X(null);
17
- (!i.current || i.current !== t) && (i.current = new Ke({ apiKey: "", ...t }));
18
- const h = O(async () => {
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
- s(new Error("projectId is required")), u(!1);
20
+ i(new Error("projectId is required")), u(!1);
21
21
  return;
22
22
  }
23
- u(!0), s(null);
23
+ u(!0), i(null);
24
24
  try {
25
- const p = await i.current.getSupported(n);
26
- r(p);
27
- } catch (p) {
28
- s(p instanceof Error ? p : new Error("Failed to fetch config"));
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
- h();
35
- }, [h]), { config: a, loading: l, error: m, refetch: h };
34
+ p();
35
+ }, [p]), { config: a, loading: l, error: m, refetch: p };
36
36
  }
37
37
  function Gt(t, n) {
38
- const [a, r] = v(null), [l, u] = v(!1), [m, s] = v(null), i = X(null), h = X(""), p = `${t.apiUrl}|${t.projectId}`;
39
- (!i.current || h.current !== p) && (i.current = new Ke({ apiKey: "", ...t }), h.current = p);
40
- const d = X(0);
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), s(null), i.current.getQuotes(n).then(
48
- (w) => {
49
- d.current === y && (r(w), u(!1));
47
+ u(!0), i(null), s.current.getQuotes(n).then(
48
+ (A) => {
49
+ d.current === y && (r(A), u(!1));
50
50
  },
51
- (w) => {
52
- d.current === y && (s(w instanceof Error ? w : new Error("Failed to fetch quotes")), r(null), u(!1));
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), s(null);
58
+ u(!0), i(null);
59
59
  try {
60
- const y = await i.current.getQuotes(n);
60
+ const y = await s.current.getQuotes(n);
61
61
  r(y);
62
62
  } catch (y) {
63
- s(y instanceof Error ? y : new Error("Failed to fetch quotes"));
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 Yt(t) {
72
- const [n, a] = v(null), [r, l] = v(!1), [u, m] = v(null), s = X(null), i = X(""), h = `${t.apiUrl}|${t.projectId}`;
73
- (!s.current || i.current !== h) && (s.current = new Ke({ apiKey: "", ...t }), i.current = h);
74
- const p = O(async (f) => {
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 s.current.createCheckoutIntent(f);
77
+ const y = await i.current.createCheckoutIntent(f);
78
78
  return a(y), y;
79
79
  } catch (y) {
80
- const w = y instanceof Error ? y : new Error("Failed to create checkout intent");
81
- throw m(w), w;
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: p, reset: d };
88
+ return { order: n, loading: r, error: u, createOrder: h, reset: d };
89
89
  }
90
- function Qt(t, n, a) {
91
- const [r, l] = v(null), [u, m] = v(!1), [s, i] = v(null), h = X(null);
92
- h.current || (h.current = new Ke({ apiKey: "", projectId: "", ...t }));
93
- const p = O(async () => {
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), i(null);
95
+ m(!0), s(null);
96
96
  try {
97
- const d = await h.current.getTransaction(n);
97
+ const d = await p.current.getTransaction(n);
98
98
  l(d);
99
99
  } catch (d) {
100
- i(d instanceof Error ? d : new Error("Failed to fetch status"));
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(p, d);
110
+ const f = setTimeout(h, d);
111
111
  return () => clearTimeout(f);
112
112
  }
113
- p();
114
- }, [p, n, a == null ? void 0 : a.initialDelay]), _(() => {
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(p, a.pollInterval);
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, p]), { status: r, loading: u, error: s, refetch: p };
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 Zt(t, n) {
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 zt({
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: s = "BTC",
211
- defaultNetwork: i = "",
212
- defaultFiatAmount: h = "",
213
- defaultCryptoAmount: p = "",
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: w = 5e3,
217
+ statusPollInterval: A = 5e3,
218
218
  onComplete: b,
219
219
  onError: T,
220
- children: Q
220
+ children: Y
221
221
  }) {
222
- const Z = j(() => ({ apiUrl: n, projectId: t }), [n, t]), q = i || (s ? s.toLowerCase() : ""), ee = r === "sell", se = ee ? !!p : !!h, L = (ee ? !!(se && s && q) : !!(se && s && q && d)) && f ? "confirm" : "amount", S = h || (r === "buy" ? "250" : ""), [c, C] = $t(Zt, {
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: L,
224
+ step: k,
225
225
  flowType: r,
226
226
  fiatCurrency: m,
227
- cryptoCurrency: s,
227
+ cryptoCurrency: i,
228
228
  network: q,
229
229
  fiatAmount: xt(S, 2),
230
- cryptoAmount: xt(p, 6),
230
+ cryptoAmount: xt(h, 6),
231
231
  walletAddress: d,
232
232
  customerId: l
233
- }), P = c.flowType === "sell", {
233
+ }), H = c.flowType === "sell", {
234
234
  config: I,
235
235
  loading: Se,
236
- error: ie
237
- } = Vt(Z, c.flowType);
238
- De.useEffect(() => {
239
- var U, K, M;
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 N = (U = I.cryptos) == null ? void 0 : U.find((F) => F.code === c.cryptoCurrency), A = ((K = N == null ? void 0 : N.networks) == null ? void 0 : K.find((F) => F.isDefault)) || ((M = N == null ? void 0 : N.networks) == null ? void 0 : M[0]);
242
- A != null && A.id && C({ type: "SET_NETWORK", network: A.id });
243
- }, [I, c.cryptoCurrency, c.network]), De.useEffect(() => {
244
- var M, F;
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 N = c.fiatCurrency, A = I.paymentMethods;
247
- if (c.paymentMethodId && A.some(
248
- (D) => D.id === c.paymentMethodId && D.supportedFiats.includes(N)
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 K = A.find(
252
- (W) => W.supportedFiats.includes(N) && (W.id.includes("card") || W.id.includes("debit"))
253
- ) || A.find((W) => W.supportedFiats.includes(N));
254
- C({ type: "SET_PAYMENT_METHOD", methodId: (K == null ? void 0 : K.id) || ((F = A[0]) == null ? void 0 : F.id) || "" });
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 $ = j(() => {
257
- if (P) {
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 N = parseFloat(c.fiatAmount);
264
- if (isNaN(N)) return null;
265
- const A = I.fiats.find((M) => M.code === c.fiatCurrency);
266
- if (!A) return null;
267
- const U = parseFloat(A.minAmount), K = parseFloat(A.maxAmount);
268
- return !isNaN(U) && N < U ? `Minimum amount is ${A.minAmount} ${c.fiatCurrency}` : !isNaN(K) && N > K ? `Maximum amount is ${A.maxAmount} ${c.fiatCurrency}` : null;
269
- }, [I, c.fiatAmount, c.fiatCurrency, c.cryptoAmount, P]), ue = j(() => {
270
- const N = P ? !!c.cryptoAmount : !!c.fiatAmount;
271
- return !I || !N || !c.cryptoCurrency || !c.network || $ ? null : {
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
- ...P ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
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, $, P, c.flowType]), {
281
- quotes: k,
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: V,
283
+ error: W,
284
284
  refetch: ne
285
- } = Gt(Z, ue), {
285
+ } = Gt(Q, ue), {
286
286
  order: ae,
287
- loading: ge,
287
+ loading: Ce,
288
288
  error: Re,
289
289
  createOrder: me
290
- } = Yt(Z), G = 15e3, {
291
- status: Y,
290
+ } = Zt(Q), G = 15e3, {
291
+ status: Z,
292
292
  loading: Me
293
- } = Qt(
293
+ } = Yt(
294
294
  { apiUrl: n },
295
295
  (ae == null ? void 0 : ae.orderId) ?? null,
296
- { pollInterval: w, initialDelay: G }
296
+ { pollInterval: A, initialDelay: G }
297
297
  );
298
- De.useEffect(() => {
299
- (Y == null ? void 0 : Y.status) === "completed" && b && b(Y);
300
- }, [Y == null ? void 0 : Y.status, b]), De.useEffect(() => {
301
- const N = ie || Re;
302
- N && T && T(N);
303
- }, [ie, Re, T]);
304
- const ve = f || (I == null ? void 0 : I.defaultGateway) || null, Te = X(ve);
305
- Te.current = ve;
306
- const Ne = X(k);
307
- Ne.current = k;
308
- const be = X(u);
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 A, U, K;
312
- const N = ((A = c.selectedQuote) == null ? void 0 : A.gatewayId) || ((K = (U = Ne.current) == null ? void 0 : U.bestQuote) == null ? void 0 : K.gatewayId) || Te.current;
313
- if (!N || !c.walletAddress) {
314
- const M = [!N && "gateway", !c.walletAddress && "walletAddress"].filter(Boolean).join(", ");
315
- C({ type: "SET_ERROR", message: `Missing required fields: ${M}` });
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: N,
320
+ gateway: v,
321
321
  customerId: c.customerId || void 0,
322
322
  fiatCurrency: c.fiatCurrency,
323
- ...P ? { cryptoAmount: c.cryptoAmount } : { fiatAmount: c.fiatAmount },
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
- }), C({ type: "SET_STEP", step: "checkout" });
331
+ }), N({ type: "SET_STEP", step: "checkout" });
332
332
  } catch (M) {
333
- const F = M instanceof Error ? M.message : "Failed to create order";
334
- /wallet|address/i.test(F) ? C({ type: "SET_WALLET_ERROR", message: F.replace(/^Failed to create checkout intent:\s*/i, "") }) : C({ type: "SET_ERROR", message: F });
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, P]), pe = O((N) => {
337
- C({ type: "SET_STEP", step: N });
338
- }, []), ke = O(() => {
339
- const N = ["confirm", "amount", "quotes", "wallet", "checkout", "processing", "complete"], A = N.indexOf(c.step);
340
- A > 0 && C({ type: "SET_STEP", step: N[A - 1] });
341
- }, [c.step, P]), Xe = j(() => {
342
- const N = P ? !!c.cryptoAmount : !!c.fiatAmount;
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 !!(N && c.cryptoCurrency && c.network && c.walletAddress && !$);
345
+ return !!(v && c.cryptoCurrency && c.network && c.walletAddress && !X);
346
346
  case "amount":
347
- return !!(N && c.cryptoCurrency && c.network && !$);
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, $, P]), $e = {
356
- apiConfig: Z,
355
+ }, [c, X, H]), Xe = {
356
+ apiConfig: Q,
357
357
  assetBaseUrl: a,
358
358
  config: I,
359
359
  configLoading: Se,
360
- configError: ie,
360
+ configError: se,
361
361
  state: c,
362
- dispatch: C,
363
- quotes: k,
362
+ dispatch: N,
363
+ quotes: L,
364
364
  quotesLoading: xe,
365
- quotesError: V,
365
+ quotesError: W,
366
366
  fetchQuotes: ne,
367
367
  order: ae,
368
- orderLoading: ge,
368
+ orderLoading: Ce,
369
369
  orderError: Re,
370
370
  createOrder: _e,
371
- orderStatus: Y,
371
+ orderStatus: Z,
372
372
  orderStatusLoading: Me,
373
373
  fieldLocks: y || null,
374
- defaultGateway: ve,
375
- amountError: $,
376
- goToStep: pe,
377
- goBack: ke,
378
- canProceed: Xe
374
+ defaultGateway: ge,
375
+ amountError: X,
376
+ goToStep: he,
377
+ goBack: Le,
378
+ canProceed: Ve
379
379
  };
380
- return /* @__PURE__ */ e(Rt.Provider, { value: $e, children: Q });
380
+ return /* @__PURE__ */ e(Rt.Provider, { value: Xe, children: Y });
381
381
  }
382
- function we() {
383
- const t = Wt(Rt);
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 Ze = {
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
- ], Jt = Object.fromEntries(
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 kt(t, n = "") {
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 Ze[t] || Ze[t.toUpperCase()] || Ze[t.toUpperCase().replace(/-/g, "_")];
760
+ return Qe[t] || Qe[t.toUpperCase()] || Qe[t.toUpperCase().replace(/-/g, "_")];
761
761
  }
762
- function ze(t, n = "") {
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 gt = [
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
- ], vt = [
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
- ], Nt = {
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 Xn(t, n) {
796
+ function $n(t, n) {
797
797
  var a, r;
798
- return ((a = Nt[t]) == null ? void 0 : a[n]) ?? ((r = Nt.USDC) == null ? void 0 : r[n]) ?? 1;
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 $n(t) {
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, Ct = 1e-4, nn = (() => {
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 Lt({
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] = v(!1), [s, i] = v(!1), h = O(() => m(!0), []), p = O(() => i(!0), []);
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 && !s && /* @__PURE__ */ e(
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
- s ? /* @__PURE__ */ e(
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: h,
859
- onError: p,
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
- Lt,
870
+ kt,
871
871
  {
872
- src: kt(t, a),
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 Je({ currencyCode: t, size: n = 16, baseUrl: a = "" }) {
879
+ function ze({ currencyCode: t, size: n = 16, baseUrl: a = "" }) {
880
880
  return /* @__PURE__ */ e(
881
- Lt,
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__ */ o("svg", { width: t, height: t, viewBox: "0 0 32 32", fill: "none", children: [
897
- /* @__PURE__ */ e("circle", { cx: "16", cy: "16", r: "16", fill: "#0077FF" }),
898
- /* @__PURE__ */ e("path", { d: "M8 15l8-6 8 6H8z", fill: "white" }),
899
- /* @__PURE__ */ e("rect", { x: "10", y: "16", width: "2", height: "6", fill: "white" }),
900
- /* @__PURE__ */ e("rect", { x: "15", y: "16", width: "2", height: "6", fill: "white" }),
901
- /* @__PURE__ */ e("rect", { x: "20", y: "16", width: "2", height: "6", fill: "white" }),
902
- /* @__PURE__ */ e("rect", { x: "8", y: "22", width: "16", height: "2", rx: "0.5", fill: "white" })
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: "rounded-full bg-black border border-white/20 flex items-center justify-center text-white shrink-0",
920
- style: { width: t, height: t, fontSize: t * 0.3 },
921
- children: /* @__PURE__ */ e("span", { style: { fontFamily: "-apple-system, system-ui, sans-serif", fontWeight: 600 }, children: "Pay" })
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__ */ o(
939
+ return /* @__PURE__ */ e(
927
940
  "div",
928
941
  {
929
- className: "rounded-full bg-white flex items-center justify-center shrink-0",
930
- style: { width: t, height: t, fontSize: t * 0.28, fontWeight: 700, color: "#333" },
931
- children: [
932
- "G",
933
- /* @__PURE__ */ e("span", { style: { color: "#4285F4", fontSize: t * 0.2 }, children: "Pay" })
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: "rounded-full flex items-center justify-center shrink-0",
953
- style: { width: t, height: t, background: "var(--t-card-icon-bg)" },
954
- children: /* @__PURE__ */ o("svg", { width: t * 0.55, height: t * 0.55, viewBox: "0 0 18 14", fill: "none", children: [
955
- /* @__PURE__ */ e("rect", { x: "0.5", y: "0.5", width: "17", height: "13", rx: "2", stroke: "var(--t-card-icon-stroke)" }),
956
- /* @__PURE__ */ e("rect", { y: "3", width: "18", height: "3", fill: "var(--t-card-icon-stroke)" })
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 Le() {
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 dn() {
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 un({ onClick: t }) {
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 mn({ size: t = 40 }) {
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 pn(t, n = 32) {
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(cn, { size: n });
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 hn = {
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
- }, fn = {
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 fn[t] || n;
1125
+ return xn[t] || n;
1036
1126
  }
1037
1127
  function Mt(t, n, a = 24) {
1038
- const r = hn[t];
1039
- return r ? pn(r, a) : n ? /* @__PURE__ */ e("img", { src: n, alt: "", width: a, height: a, style: { borderRadius: "50%" } }) : /* @__PURE__ */ e(qe, { size: a });
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 yn({
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(Le, {})
1177
+ /* @__PURE__ */ e(ke, {})
1088
1178
  ] })
1089
1179
  ]
1090
1180
  }
1091
1181
  ) });
1092
1182
  }
1093
- function xn({
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 } = we(), [s, i] = v(!1), [h, p] = v(null), d = r != null && r.checkout.expiresAt ? Date.now() > r.checkout.expiresAt : !1;
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
- p(Math.ceil(a / 1e3));
1192
+ h(Math.ceil(a / 1e3));
1103
1193
  const y = setTimeout(() => {
1104
1194
  window.location.href = r.checkout.url;
1105
- }, a), w = setInterval(() => {
1106
- p((b) => b && b > 1 ? b - 1 : null);
1195
+ }, a), A = setInterval(() => {
1196
+ h((b) => b && b > 1 ? b - 1 : null);
1107
1197
  }, 1e3);
1108
1198
  return () => {
1109
- clearTimeout(y), clearInterval(w);
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, w = ((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";
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
- !s && /* @__PURE__ */ o(
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: s ? "block" : "none",
1332
+ display: i ? "block" : "none",
1243
1333
  width: "100%",
1244
1334
  height: "100%",
1245
1335
  border: "none"
1246
1336
  },
1247
- allow: w,
1248
- onLoad: () => i(!0),
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
- h !== null && /* @__PURE__ */ o("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: [
1363
+ p !== null && /* @__PURE__ */ o("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: [
1274
1364
  "Redirecting in ",
1275
- h,
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 = gn(r.checkout.url, r.widgetConfig);
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
- !s && /* @__PURE__ */ o(
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: s ? "block" : "none",
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: () => i(!0),
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 gn(t, n) {
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 vn({ className: t = "" }) {
1441
- const { orderStatus: n, orderStatusLoading: a, goToStep: r } = we();
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(Ae, { label: "Order ID", value: n.orderId, mono: !0 }),
1462
- /* @__PURE__ */ e(Ae, { label: "Provider", value: n.gateway }),
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
- Ae,
1554
+ we,
1465
1555
  {
1466
1556
  label: "Amount",
1467
1557
  value: `${n.fiatAmount} ${n.fiatCurrency}`
1468
1558
  }
1469
1559
  ),
1470
1560
  /* @__PURE__ */ e(
1471
- Ae,
1561
+ we,
1472
1562
  {
1473
1563
  label: "Receiving",
1474
1564
  value: `${n.cryptoAmount || "..."} ${n.cryptoCurrency}`
1475
1565
  }
1476
1566
  ),
1477
- /* @__PURE__ */ e(Ae, { label: "Network", value: n.network }),
1567
+ /* @__PURE__ */ e(we, { label: "Network", value: n.network }),
1478
1568
  /* @__PURE__ */ e(
1479
- Ae,
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 Ae({ label: t, value: n, mono: a }) {
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 } = we(), s = u.flowType === "sell", i = () => {
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
- }, h = () => {
1626
+ }, p = () => {
1537
1627
  a ? a() : m({ type: "RESET" });
1538
- }, p = i();
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: s ? "Sale Complete!" : "Purchase Complete!" }),
1549
- /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: s ? `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.` }),
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: s ? "Amount Sold" : "Amount Received",
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: s ? "Payout Amount" : "Amount Paid",
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
- p && /* @__PURE__ */ e(
1684
+ h && /* @__PURE__ */ e(
1595
1685
  "a",
1596
1686
  {
1597
- href: p,
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: h,
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 bn({
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 } = we(), s = r.flowType === "sell", i = () => {
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
- }, h = () => {
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 s ? "Your sale could not be processed. Please try again." : "Your payment could not be processed. Please try again or use a different payment method.";
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 s ? "Your sale was cancelled. No crypto was transferred." : "Your order was cancelled. No payment was processed.";
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 s ? "Your order has expired. Please start a new sale." : "Your order has expired. Please start a new purchase.";
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 s ? "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.";
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
- }, p = () => {
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: i() }),
1688
- /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: h() }),
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: p,
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 At(t) {
1824
+ function wt(t) {
1735
1825
  return t.length <= 12 ? t : `${t.slice(0, 6)}...${t.slice(-6)}`;
1736
1826
  }
1737
- function Cn({ className: t = "" }) {
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: s
1746
- } = we(), i = r.flowType === "sell", [h, p] = v(null), d = n == null ? void 0 : n.gateways.find((y) => y.id === l), f = async () => {
1747
- p(null);
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 w = y instanceof Error ? y.message : "Failed to create order";
1752
- p(w);
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: i ? "Confirm Sale" : "Confirm Purchase" }),
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
- i ? /* @__PURE__ */ o(te, { children: [
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: At(r.walletAddress), mono: !0 })
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
- i && r.walletAddress && /* @__PURE__ */ e(ye, { label: "Refund address", value: At(r.walletAddress), mono: !0 })
1867
+ s && r.walletAddress && /* @__PURE__ */ e(ye, { label: "Refund address", value: wt(r.walletAddress), mono: !0 })
1778
1868
  ] }),
1779
- h && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: h }),
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: s ? 0.7 : 1 },
1785
- disabled: s,
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: s ? /* @__PURE__ */ o(te, { children: [
1877
+ children: i ? /* @__PURE__ */ o(te, { children: [
1788
1878
  /* @__PURE__ */ e("span", { className: "nramp-spinner-inline" }),
1789
1879
  "Processing..."
1790
- ] }) : i ? "Confirm & Sell" : "Confirm & Pay"
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 He({
1898
+ function De({
1809
1899
  isOpen: t,
1810
1900
  onClose: n,
1811
1901
  children: a
1812
1902
  }) {
1813
- const [r, l] = v(!1), [u, m] = v(!1);
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 i = setTimeout(() => l(!1), 250);
1820
- return () => clearTimeout(i);
1909
+ const s = setTimeout(() => l(!1), 250);
1910
+ return () => clearTimeout(s);
1821
1911
  }
1822
1912
  }, [t]);
1823
- const s = O(() => {
1913
+ const i = O(() => {
1824
1914
  m(!1), setTimeout(() => n(), 250);
1825
1915
  }, [n]);
1826
1916
  return _(() => {
1827
1917
  if (!t) return;
1828
- const i = (h) => {
1829
- h.key === "Escape" && s();
1918
+ const s = (p) => {
1919
+ p.key === "Escape" && i();
1830
1920
  };
1831
- return window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i);
1832
- }, [t, s]), r ? /* @__PURE__ */ e(
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(s) : a
1932
+ children: typeof a == "function" ? a(i) : a
1843
1933
  }
1844
1934
  )
1845
1935
  }
1846
1936
  ) : null;
1847
1937
  }
1848
- function En({ char: t, height: n = 38 }) {
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 An({
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(En, { char: l, height: n }, u)) });
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 wn() {
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 Fe({
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 Sn({
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] = v(""), s = j(() => {
1945
- if (!a || a.length === 0) return gt;
1946
- const h = new Map(gt.map((p) => [p.code, p.name]));
1947
- return a.map((p) => ({
1948
- code: p.code,
1949
- name: p.name || h.get(p.code) || p.code
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]), i = j(() => {
1952
- const h = u.trim().toLowerCase();
1953
- if (!h) {
2041
+ }, [a]), s = j(() => {
2042
+ const p = u.trim().toLowerCase();
2043
+ if (!p) {
1954
2044
  if (l) {
1955
- const p = s.find((d) => d.code === l);
1956
- if (p) {
1957
- const d = s.filter((f) => f.code !== l);
1958
- return [p, ...d];
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 s;
2051
+ return i;
1962
2052
  }
1963
- return s.filter(
1964
- (p) => p.code.toLowerCase().includes(h) || p.name.toLowerCase().includes(h)
2053
+ return i.filter(
2054
+ (h) => h.code.toLowerCase().includes(p) || h.name.toLowerCase().includes(p)
1965
2055
  );
1966
- }, [s, u, l]);
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(Fe, { value: u, onChange: m }),
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
- i.map((h, p) => {
1986
- const d = h.name !== h.code ? h.name : "", f = l === h.code;
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(h.code),
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(Je, { currencyCode: h.code, size: 32, baseUrl: r }),
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: h.code }),
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
- p < i.length - 1 && /* @__PURE__ */ e(
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
- ] }, h.code);
2109
+ ] }, p.code);
2020
2110
  }),
2021
- i.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
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 wt({ src: t, alt: n, size: a, className: r, style: l }) {
2026
- const [u, m] = v(!1), [s, i] = v(!1), h = O(() => m(!0), []), p = O(() => i(!0), []);
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 && !s && /* @__PURE__ */ e(
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
- s ? /* @__PURE__ */ e(
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: h,
2051
- onError: p,
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 Rn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selectedCode: l, selectedChain: u }) {
2059
- const [m, s] = v(""), i = j(() => {
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 || [], w = f.name || Jt[f.code] || f.code;
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: w, chain: f.code, popular: !1 });
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: w,
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]), h = O((d, f) => l === d && u === f, [l, u]), p = j(() => {
2080
- var w;
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 = i.find((T) => T.code === l && T.chain === u);
2174
+ const b = s.find((T) => T.code === l && T.chain === u);
2085
2175
  if (b) {
2086
- const T = i.filter((Q) => !(Q.code === l && Q.chain === u));
2176
+ const T = s.filter((Y) => !(Y.code === l && Y.chain === u));
2087
2177
  return [b, ...T];
2088
2178
  }
2089
2179
  }
2090
- return i;
2180
+ return s;
2091
2181
  }
2092
2182
  const f = d.split(/\s+/), y = [];
2093
- for (const b of i) {
2094
- const T = Ue(b.chain), Q = T ? T.name.toLowerCase() : "", Z = ((w = T == null ? void 0 : T.shortName) == null ? void 0 : w.toLowerCase()) || "", q = b.chain.toLowerCase(), ee = b.code.toLowerCase(), se = b.name.toLowerCase(), g = [ee, se, Q, Z, q];
2095
- if (!f.every((c) => g.some((C) => C.includes(c)))) continue;
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 && (Q.includes(f[1]) || Z.includes(f[1]) || q.includes(f[1])) && (S += 25), y.push({ item: b, score: S });
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
- }, [i, m, l, u]);
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(Fe, { value: m, onChange: s }),
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
- p.map((d, f) => {
2114
- const y = Ue(d.chain), w = (y == null ? void 0 : y.name) || d.chainName || d.chain, b = d.name !== d.code ? d.name : "", T = h(d.code, 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
- wt,
2220
+ At,
2131
2221
  {
2132
- src: kt(d.code, r),
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
- wt,
2241
+ At,
2152
2242
  {
2153
- src: ze(d.chain, r),
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: w }),
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 < p.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
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
- p.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
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 Tn({
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] = v(""), m = j(() => {
2209
- const s = l.trim().toLowerCase();
2210
- if (!s) {
2298
+ const [l, u] = g(""), m = j(() => {
2299
+ const i = l.trim().toLowerCase();
2300
+ if (!i) {
2211
2301
  if (n) {
2212
- const i = t.find((h) => h.id === n);
2213
- if (i) {
2214
- const h = t.filter((p) => p.id !== n);
2215
- return [i, ...h];
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
- (i) => i.id.toLowerCase().includes(s) || i.name.toLowerCase().includes(s) || i.description && i.description.toLowerCase().includes(s)
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(Fe, { value: l, onChange: u }),
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((s, i) => {
2237
- const h = s.id === n, p = It(s.id, s.name);
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(s.id),
2243
- className: `flex w-full transition-colors rounded-lg hover-item ${s.description ? "items-start" : "items-center"}`,
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 ${s.description ? "mt-0.5" : ""}`,
2339
+ className: `flex items-center justify-center shrink-0 ${i.description ? "mt-0.5" : ""}`,
2250
2340
  style: { width: 32, height: 32 },
2251
- children: Mt(s.id, s.icon, 32)
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: p
2350
+ children: h
2261
2351
  }
2262
2352
  ),
2263
- s.description && /* @__PURE__ */ e(
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: s.description
2358
+ children: i.description
2269
2359
  }
2270
2360
  )
2271
2361
  ] }),
2272
- h && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0 mt-1", children: /* @__PURE__ */ e(
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
- i < m.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
2286
- ] }, s.id);
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 kn({
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 Ln = [
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 In({
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(mn, { size: 40 }),
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(kn, { checked: n, onChange: a, accentColor: "#4CD964" })
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
- Ln.map((m) => /* @__PURE__ */ o("div", { children: [
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(dn, {})
2462
+ /* @__PURE__ */ e(mn, {})
2373
2463
  ]
2374
2464
  }
2375
2465
  ),
@@ -2378,7 +2468,7 @@ function In({
2378
2468
  ] })
2379
2469
  ] });
2380
2470
  }
2381
- function Mn({
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: s,
2390
- surfaceColor: i,
2391
- inputBgColor: h,
2392
- textColor: p,
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: w = !0,
2486
+ showFlowToggle: A = !0,
2397
2487
  showSettings: b = !0,
2398
2488
  showThemeToggle: T = !0,
2399
- autoRedirect: Q = !1,
2400
- explorerUrl: Z,
2489
+ autoRedirect: Y = !1,
2490
+ explorerUrl: Q,
2401
2491
  doneButtonText: q = "Done",
2402
2492
  supportEmail: ee,
2403
- onDone: se
2493
+ onDone: ie
2404
2494
  }) {
2405
- var it, ct, dt, ut, mt, pt, ht, ft;
2495
+ var st, ct, dt, ut, mt, ht, pt, ft;
2406
2496
  const {
2407
- state: g,
2408
- dispatch: L,
2497
+ state: C,
2498
+ dispatch: k,
2409
2499
  config: S,
2410
2500
  configLoading: c,
2411
- quotes: C,
2412
- quotesLoading: P,
2501
+ quotes: N,
2502
+ quotesLoading: H,
2413
2503
  quotesError: I,
2414
2504
  fetchQuotes: Se,
2415
- createOrder: ie,
2416
- orderLoading: $,
2505
+ createOrder: se,
2506
+ orderLoading: X,
2417
2507
  amountError: ue,
2418
- fieldLocks: k,
2508
+ fieldLocks: L,
2419
2509
  apiConfig: xe,
2420
- assetBaseUrl: V
2421
- } = we(), [ne, ae] = v(n === "dark"), [ge, Re] = v(a), [me, G] = v(null), [Y, Me] = v(!1), [ve, Te] = v(!1), [Ne, be] = v(!1), [_e, pe] = v(null), [ke, Xe] = v(!0), [$e, N] = v(!1), [A, U] = v(!1), K = X(null), M = X(), F = X(g.flowType);
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(() => Xe(!1), c ? 0 : 800);
2515
+ const x = setTimeout(() => Ve(!1), c ? 0 : 800);
2426
2516
  return () => clearTimeout(x);
2427
2517
  }, [c]), _(() => {
2428
- if (F.current !== g.flowType && !ke) {
2429
- F.current = g.flowType, N(!0), Me(!1), Te(!1);
2430
- const x = setTimeout(() => N(!1), 350);
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
- F.current = g.flowType;
2434
- }, [g.flowType, ke]);
2435
- const W = g.flowType, D = W === "buy", z = g.cryptoCurrency || "BTC", re = g.fiatCurrency || "USD", We = D ? g.fiatAmount : g.cryptoAmount, he = tn(We), Ce = (it = C == null ? void 0 : C.bestQuote) != null && it.exchangeRate ? parseFloat(C.bestQuote.exchangeRate) : null, Be = X(null);
2436
- Ce && z && re && (Be.current = { rate: Ce, crypto: z, fiat: re });
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 (C != null && C.bestQuote) {
2439
- const x = D ? C.bestQuote.cryptoAmount : C.bestQuote.fiatAmount;
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
- }, [C, D]), Ot = j(() => {
2444
- var H, ce, Ge;
2445
- const x = Ce || ((H = Be.current) == null ? void 0 : H.rate), E = Ce ? z : (ce = Be.current) == null ? void 0 : ce.crypto, R = Ce ? re : (Ge = Be.current) == null ? void 0 : Ge.fiat;
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
- }, [z, re, Ce]);
2537
+ }, [J, re, Ne]);
2448
2538
  _(() => {
2449
- const x = g.walletAddress.trim(), E = g.network;
2539
+ const x = C.walletAddress.trim(), E = C.network;
2450
2540
  if (!x || x.length < 10) {
2451
- pe(null), L({ type: "SET_WALLET_ERROR", message: "" });
2541
+ he(null), k({ type: "SET_WALLET_ERROR", message: "" });
2452
2542
  return;
2453
2543
  }
2454
- return be(!0), pe(null), clearTimeout(M.current), M.current = setTimeout(async () => {
2455
- var R, H, ce;
2544
+ return be(!0), he(null), clearTimeout(M.current), M.current = setTimeout(async () => {
2545
+ var R, D, ce;
2456
2546
  try {
2457
- const Ye = await (await fetch(`${xe.apiUrl}/public/validate/address`, {
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(), Qe = ((R = Ye.data) == null ? void 0 : R.attributes) || Ye.data || Ye;
2462
- if (Qe.isValid)
2463
- pe(!0), L({ type: "SET_WALLET_ERROR", message: "" });
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
- pe(!1);
2466
- const Xt = ((H = Qe.errors) == null ? void 0 : H[0]) || ((ce = Qe.details) == null ? void 0 : ce.formatMessage) || "Invalid wallet address";
2467
- L({ type: "SET_WALLET_ERROR", message: Xt });
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
- pe(null);
2560
+ he(null);
2471
2561
  } finally {
2472
2562
  be(!1);
2473
2563
  }
2474
2564
  }, 500), () => clearTimeout(M.current);
2475
- }, [g.walletAddress, g.network, xe.apiUrl]);
2476
- const et = !We || he === 0, tt = he > 0 && (D ? he < bt : he < Ct), nt = !!ue || tt || Y && et, Pt = he > 0 && !ue && !tt, je = g.walletAddress.trim().length >= 10 && _e !== !1 && !Ne, Oe = Pt && je && !!g.cryptoCurrency && !!g.network, Dt = (x) => {
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 = D ? 2 : 6, H = E.indexOf(".");
2479
- H !== -1 && E.length - H - 1 > R && (E = E.slice(0, H + R + 1)), L(D ? { type: "SET_FIAT_AMOUNT", amount: E } : { type: "SET_CRYPTO_AMOUNT", amount: E });
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 !== W && L({ type: "SET_FLOW_TYPE", flowType: x });
2482
- }, Ht = O(
2571
+ x !== $ && k({ type: "SET_FLOW_TYPE", flowType: x });
2572
+ }, Dt = O(
2483
2573
  (x) => {
2484
- L({ type: "SET_FIAT_CURRENCY", currency: x });
2574
+ k({ type: "SET_FIAT_CURRENCY", currency: x });
2485
2575
  },
2486
- [L]
2576
+ [k]
2487
2577
  ), Ut = O(
2488
2578
  (x, E) => {
2489
- L({ type: "SET_CRYPTO_CURRENCY", currency: x }), L({ type: "SET_CRYPTO_CHAIN", chain: E });
2579
+ k({ type: "SET_CRYPTO_CURRENCY", currency: x }), k({ type: "SET_CRYPTO_CHAIN", chain: E });
2490
2580
  },
2491
- [L]
2492
- ), Kt = O(
2581
+ [k]
2582
+ ), Ft = O(
2493
2583
  (x) => {
2494
- L({ type: "SET_PAYMENT_METHOD", methodId: x });
2584
+ k({ type: "SET_PAYMENT_METHOD", methodId: x });
2495
2585
  },
2496
- [L]
2497
- ), Ft = () => {
2586
+ [k]
2587
+ ), Kt = () => {
2498
2588
  Oe && (U(!0), Se());
2499
2589
  };
2500
2590
  _(() => {
2501
2591
  var x;
2502
- if (!(!A || P)) {
2503
- if (C != null && C.bestQuote)
2504
- U(!1), L({ type: "SELECT_QUOTE", quote: C.bestQuote }), ie().catch(() => {
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), L({ type: "SET_ERROR", message: I.message || "No quotes available" });
2508
- else if (C && !C.bestQuote) {
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 = C.unavailableGateways) == null ? void 0 : x.map((H) => H.reason).filter(Boolean), R = E != null && E.length ? `No providers available: ${E.join("; ")}` : "No providers available for this currency/network combination";
2511
- L({ type: "SET_ERROR", message: R });
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
- }, [A, C, P, I, L, ie]);
2515
- const rt = ne ? "theme-dark" : "theme-light", Ve = vt.find((x) => x.id === ge) || vt[0], _t = Ve.accent === null, ot = (r ? le(r) : !1) ? { "--t-accent": r, "--t-cta-bg": r, "--t-cta-text": "#ffffff" } : _t ? {
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": Ve.accent,
2521
- "--t-cta-bg": Ve.accent,
2610
+ "--t-accent": We.accent,
2611
+ "--t-cta-bg": We.accent,
2522
2612
  "--t-cta-text": "#ffffff"
2523
- }, J = {};
2524
- i && le(i) && (J["--t-surface"] = i, J["--t-modal-bg"] = i), h && le(h) && (J["--t-pill-bg"] = h, J["--t-close-bg"] = h), p && le(p) && (J["--t-text"] = p), d && le(d) && (J["--t-text-secondary"] = d), f && le(f) && (J["--t-text-muted"] = f, J["--t-text-tertiary"] = f), y && le(y) && (J["--t-success"] = y);
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 Pe = {};
2528
- m && le(m) && (Pe.border = `1px solid ${m}`), s && (Pe.borderRadius = s);
2529
- const lt = g.step === "checkout" ? /* @__PURE__ */ e(xn, { autoRedirect: Q }) : g.step === "processing" ? /* @__PURE__ */ e(vn, {}) : g.step === "complete" ? /* @__PURE__ */ e(Nn, { explorerUrl: Z, doneButtonText: q, onDone: se }) : g.step === "error" ? /* @__PURE__ */ e(bn, { supportEmail: ee }) : g.step === "confirm" ? /* @__PURE__ */ e(Cn, {}) : null;
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
- ...J,
2540
- ...Pe
2629
+ ...z,
2630
+ ...He
2541
2631
  },
2542
2632
  children: lt
2543
2633
  }
2544
2634
  );
2545
- const oe = g.network, Ee = oe ? Ue(oe) : null, st = (Ee == null ? void 0 : Ee.shortName) || (Ee == null ? void 0 : Ee.name) || 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
- ...J,
2555
- ...Pe
2644
+ ...z,
2645
+ ...He
2556
2646
  },
2557
2647
  children: [
2558
- b && /* @__PURE__ */ e("div", { className: `flex justify-end items-center px-5 pt-3 ${w ? "pb-1" : "pb-5"}`, children: /* @__PURE__ */ e(un, { onClick: () => G("settings") }) }),
2559
- w ? /* @__PURE__ */ o("div", { className: "flex flex-col items-center pt-3 pb-5", children: [
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: W === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
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: W === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
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: W === "buy" ? "0%" : "50%",
2678
+ left: $ === "buy" ? "0%" : "50%",
2589
2679
  background: "var(--t-accent)"
2590
2680
  }
2591
2681
  }
2592
2682
  )
2593
2683
  ] })
2594
2684
  ] }) : null,
2595
- ke || $e || c ? /* @__PURE__ */ e(wn, {}) : /* @__PURE__ */ o("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
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: Y && nt ? "1px solid #EF4444" : "1px solid transparent",
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: K,
2702
+ ref: F,
2613
2703
  type: "text",
2614
- value: We,
2615
- onChange: Dt,
2704
+ value: $e,
2705
+ onChange: Pt,
2616
2706
  onBlur: () => Me(!0),
2617
- placeholder: D ? "250" : "0.01",
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 = k == null ? void 0 : k.sourceAmount) != null && ct.locked)
2711
+ disabled: !!((ct = L == null ? void 0 : L.sourceAmount) != null && ct.locked)
2622
2712
  }
2623
2713
  ),
2624
- D ? /* @__PURE__ */ o(
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 = k == null ? void 0 : k.sourceCurrency) != null && dt.locked),
2726
+ disabled: !!((dt = L == null ? void 0 : L.sourceCurrency) != null && dt.locked),
2637
2727
  children: [
2638
- /* @__PURE__ */ e(Je, { currencyCode: re, size: 16, baseUrl: V }),
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(Le, {})
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 = k == null ? void 0 : k.destinationCurrency) != null && ut.locked),
2746
+ disabled: !!((ut = L == null ? void 0 : L.destinationCurrency) != null && ut.locked),
2657
2747
  children: [
2658
- /* @__PURE__ */ e(Et, { ticker: z, size: 16, baseUrl: V }),
2659
- /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: z }),
2660
- /* @__PURE__ */ e(Le, {})
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: ze(oe, V),
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: st })
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
- Y && nt && /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5 px-[2px]", style: { color: "#EF4444" }, children: ue || (et ? "Amount should be more than 0" : D ? `Minimum amount is ${bt} ${re}` : `Minimum amount is ${Ct} ${z}`) }),
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
- P && !A ? /* @__PURE__ */ e(B, { w: 180, h: 32 }) : /* @__PURE__ */ e(
2701
- An,
2790
+ H && !w ? /* @__PURE__ */ e(B, { w: 180, h: 32 }) : /* @__PURE__ */ e(
2791
+ Sn,
2702
2792
  {
2703
- value: he > 0 ? Bt : "0",
2793
+ value: pe > 0 ? Bt : "0",
2704
2794
  height: 32,
2705
2795
  className: "font-semibold",
2706
- style: { color: he > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
2796
+ style: { color: pe > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
2707
2797
  }
2708
2798
  ),
2709
- D ? /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
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 = k == null ? void 0 : k.destinationCurrency) != null && mt.locked),
2812
+ disabled: !!((mt = L == null ? void 0 : L.destinationCurrency) != null && mt.locked),
2723
2813
  children: [
2724
- /* @__PURE__ */ e(Et, { ticker: z, size: 16, baseUrl: V }),
2725
- /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: z }),
2726
- /* @__PURE__ */ e(Le, {})
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: ze(oe, V),
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: st })
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: !!((pt = k == null ? void 0 : k.sourceCurrency) != null && pt.locked),
2846
+ disabled: !!((ht = L == null ? void 0 : L.sourceCurrency) != null && ht.locked),
2757
2847
  children: [
2758
- /* @__PURE__ */ e(Je, { currencyCode: re, size: 16, baseUrl: V }),
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(Le, {})
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
- ...(ht = S == null ? void 0 : S.paymentMethods) != null && ht.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
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
- yn,
2870
+ Cn,
2781
2871
  {
2782
2872
  methods: S.paymentMethods,
2783
- selectedId: g.paymentMethodId,
2873
+ selectedId: C.paymentMethodId,
2784
2874
  onOpenModal: () => G("payment"),
2785
- fiatCurrency: g.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: D ? "Receiving wallet address" : "Sending wallet address" }),
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: g.walletAddress,
2795
- onChange: (x) => L({ type: "SET_WALLET_ADDRESS", address: x.target.value }),
2884
+ value: C.walletAddress,
2885
+ onChange: (x) => k({ type: "SET_WALLET_ADDRESS", address: x.target.value }),
2796
2886
  onBlur: () => Te(!0),
2797
- placeholder: D ? "Enter your receiving address" : "Enter your sending address",
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: g.walletError || ve && !je ? "1px solid #EF4444" : "1px solid var(--t-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 = k == null ? void 0 : k.destinationAddress) != null && ft.locked)
2900
+ disabled: !!((ft = L == null ? void 0 : L.destinationAddress) != null && ft.locked)
2811
2901
  }
2812
2902
  ),
2813
- g.walletError ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: g.walletError }) : ve && !je && !Ne ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "#EF4444" }, children: "Enter a valid wallet address" }) : Ne && g.walletAddress.trim().length >= 10 ? /* @__PURE__ */ e("div", { className: "text-[12px] mt-1.5", style: { color: "var(--t-text-muted)" }, children: "Validating address..." }) : null
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 || $ || A,
2820
- onClick: Ft,
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 && !$ && !A ? 1 : 0.4,
2828
- cursor: Oe && !$ && !A ? "pointer" : "not-allowed"
2917
+ opacity: Oe && !X && !w ? 1 : 0.4,
2918
+ cursor: Oe && !X && !w ? "pointer" : "not-allowed"
2829
2919
  },
2830
- children: A ? "Getting best price..." : $ ? "Processing..." : D ? `Buy ${z}` : `Sell ${z}`
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
- ] }, W),
2835
- /* @__PURE__ */ e(He, { isOpen: me === "fiat", onClose: () => G(null), children: (x) => {
2924
+ ] }, $),
2925
+ /* @__PURE__ */ e(De, { isOpen: me === "fiat", onClose: () => G(null), children: (x) => {
2836
2926
  var E;
2837
2927
  return /* @__PURE__ */ e(
2838
- Sn,
2928
+ Tn,
2839
2929
  {
2840
2930
  onClose: x,
2841
2931
  onSelect: (R) => {
2842
- Ht(R), x();
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: V,
2846
- selectedCode: g.fiatCurrency
2935
+ assetBaseUrl: W,
2936
+ selectedCode: C.fiatCurrency
2847
2937
  }
2848
2938
  );
2849
2939
  } }),
2850
- /* @__PURE__ */ e(He, { isOpen: me === "crypto", onClose: () => G(null), children: (x) => {
2940
+ /* @__PURE__ */ e(De, { isOpen: me === "crypto", onClose: () => G(null), children: (x) => {
2851
2941
  var E;
2852
2942
  return /* @__PURE__ */ e(
2853
- Rn,
2943
+ Ln,
2854
2944
  {
2855
2945
  onClose: x,
2856
- onSelect: (R, H) => {
2857
- Ut(R, H), x();
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 H;
2950
+ var D;
2861
2951
  return {
2862
2952
  code: R.code,
2863
2953
  name: R.code,
2864
- networks: (H = R.networks) == null ? void 0 : H.map((ce) => ({ code: ce.id, name: ce.name }))
2954
+ networks: (D = R.networks) == null ? void 0 : D.map((ce) => ({ code: ce.id, name: ce.name }))
2865
2955
  };
2866
2956
  }),
2867
- assetBaseUrl: V,
2868
- selectedCode: g.cryptoCurrency,
2869
- selectedChain: g.network
2957
+ assetBaseUrl: W,
2958
+ selectedCode: C.cryptoCurrency,
2959
+ selectedChain: C.network
2870
2960
  }
2871
2961
  );
2872
2962
  } }),
2873
- /* @__PURE__ */ e(He, { isOpen: me === "payment", onClose: () => G(null), children: (x) => {
2963
+ /* @__PURE__ */ e(De, { isOpen: me === "payment", onClose: () => G(null), children: (x) => {
2874
2964
  var E;
2875
2965
  return /* @__PURE__ */ e(
2876
- Tn,
2966
+ kn,
2877
2967
  {
2878
- methods: ((E = S == null ? void 0 : S.paymentMethods) == null ? void 0 : E.filter((R) => R.supportedFiats.includes(g.fiatCurrency))) || [],
2879
- selectedId: g.paymentMethodId,
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
- Kt(R), x();
2971
+ Ft(R), x();
2882
2972
  },
2883
2973
  onClose: x
2884
2974
  }
2885
2975
  );
2886
2976
  } }),
2887
- /* @__PURE__ */ e(He, { isOpen: me === "settings", onClose: () => G(null), children: (x) => /* @__PURE__ */ e(
2888
- In,
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: ge,
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 Bn({
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: s,
2913
- defaultNetwork: i,
2914
- defaultFiatAmount: h,
2915
- defaultCryptoAmount: p,
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: w,
3009
+ statusPollInterval: A,
2920
3010
  onComplete: b,
2921
3011
  onError: T,
2922
- className: Q,
2923
- theme: Z,
3012
+ className: Y,
3013
+ theme: Q,
2924
3014
  skinId: q,
2925
3015
  accentColor: ee,
2926
- bgColor: se,
2927
- bgImage: g,
2928
- borderColor: L,
3016
+ bgColor: ie,
3017
+ bgImage: C,
3018
+ borderColor: k,
2929
3019
  borderRadius: S,
2930
3020
  surfaceColor: c,
2931
- inputBgColor: C,
2932
- textColor: P,
3021
+ inputBgColor: N,
3022
+ textColor: H,
2933
3023
  textSecondaryColor: I,
2934
3024
  textMutedColor: Se,
2935
- successColor: ie,
2936
- showFlowToggle: $,
3025
+ successColor: se,
3026
+ showFlowToggle: X,
2937
3027
  showSettings: ue,
2938
- showThemeToggle: k,
3028
+ showThemeToggle: L,
2939
3029
  autoRedirect: xe,
2940
- explorerUrl: V,
3030
+ explorerUrl: W,
2941
3031
  doneButtonText: ne,
2942
3032
  supportEmail: ae,
2943
- onDone: ge
3033
+ onDone: Ce
2944
3034
  }) {
2945
3035
  return /* @__PURE__ */ e(
2946
- zt,
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: s,
2956
- defaultNetwork: i,
2957
- defaultFiatAmount: h,
2958
- defaultCryptoAmount: p,
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: w,
3052
+ statusPollInterval: A,
2963
3053
  onComplete: b,
2964
3054
  onError: T,
2965
3055
  children: /* @__PURE__ */ e(
2966
- Mn,
3056
+ On,
2967
3057
  {
2968
- className: Q,
2969
- theme: Z,
3058
+ className: Y,
3059
+ theme: Q,
2970
3060
  skinId: q,
2971
3061
  accentColor: ee,
2972
- bgColor: se,
2973
- bgImage: g,
2974
- borderColor: L,
3062
+ bgColor: ie,
3063
+ bgImage: C,
3064
+ borderColor: k,
2975
3065
  borderRadius: S,
2976
3066
  surfaceColor: c,
2977
- inputBgColor: C,
2978
- textColor: P,
3067
+ inputBgColor: N,
3068
+ textColor: H,
2979
3069
  textSecondaryColor: I,
2980
3070
  textMutedColor: Se,
2981
- successColor: ie,
2982
- showFlowToggle: $,
3071
+ successColor: se,
3072
+ showFlowToggle: X,
2983
3073
  showSettings: ue,
2984
- showThemeToggle: k,
3074
+ showThemeToggle: L,
2985
3075
  autoRedirect: xe,
2986
- explorerUrl: V,
3076
+ explorerUrl: W,
2987
3077
  doneButtonText: ne,
2988
3078
  supportEmail: ae,
2989
- onDone: ge
3079
+ onDone: Ce
2990
3080
  }
2991
3081
  )
2992
3082
  }
2993
3083
  );
2994
3084
  }
2995
- function jn({
3085
+ function Gn({
2996
3086
  submitButtonText: t,
2997
3087
  rateRefreshInterval: n,
2998
3088
  ...a
2999
3089
  }) {
3000
- return /* @__PURE__ */ e(Bn, { ...a });
3090
+ return /* @__PURE__ */ e(Hn, { ...a });
3001
3091
  }
3002
- function Vn({
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 On({ quote: t }) {
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 Pn({ quote: t }) {
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 Dn() {
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 Gn({
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] = v(""), s = j(() => {
3178
+ const [u, m] = g(""), i = j(() => {
3089
3179
  if (!(a != null && a.quotes)) return [];
3090
- const i = u.trim().toLowerCase();
3091
- return i ? a.quotes.filter((h) => h.gatewayName.toLowerCase().includes(i)) : a.quotes;
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(Fe, { value: u, onChange: m }),
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(Dn, {}) : s.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" }) : s.map((i, h) => {
3106
- const p = h === 0, d = parseFloat(i.cryptoAmount), f = d >= 1 ? d.toFixed(4) : d.toPrecision(6);
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(i),
3200
+ onClick: () => n(s),
3111
3201
  className: "w-full flex items-center gap-3.5 transition-colors",
3112
3202
  style: {
3113
- borderRadius: p ? 4.5 : 5,
3114
- height: p ? 63 : 64,
3203
+ borderRadius: h ? 4.5 : 5,
3204
+ height: h ? 63 : 64,
3115
3205
  paddingLeft: 16,
3116
3206
  paddingRight: 16,
3117
- border: p ? "1px solid var(--t-border)" : "1px solid transparent",
3118
- background: p ? "transparent" : "var(--t-surface)"
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(Pn, { quote: i }),
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: i.gatewayName }),
3124
- /* @__PURE__ */ e(On, { quote: i })
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
- i.gatewayId
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((i) => /* @__PURE__ */ o(
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: i.gatewayName }),
3146
- /* @__PURE__ */ e("span", { children: i.reason })
3235
+ /* @__PURE__ */ e("span", { children: s.gatewayName }),
3236
+ /* @__PURE__ */ e("span", { children: s.reason })
3147
3237
  ]
3148
3238
  },
3149
- i.gatewayId
3239
+ s.gatewayId
3150
3240
  )) })
3151
3241
  ] })
3152
3242
  ] });
3153
3243
  }
3154
3244
  export {
3155
- En as AnimatedDigit,
3156
- An as AnimatedNumber,
3245
+ An as AnimatedDigit,
3246
+ Sn as AnimatedNumber,
3157
3247
  on as ApplePayIcon,
3158
- Ze as BLOCKCHAINS,
3248
+ Qe as BLOCKCHAINS,
3159
3249
  an as BankIcon,
3160
3250
  nn as CRYPTO_CHAIN_COMBOS,
3161
3251
  Tt as CRYPTO_CURRENCIES,
3162
- cn as CardIcon,
3163
- jn as CheckoutForm,
3164
- xn as CheckoutStep,
3165
- Le as ChevronDown,
3166
- dn as ChevronRight,
3167
- Gn as ChooseRampModal,
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
- Cn as ConfirmStep,
3172
- Rn as CryptoCurrencyModal,
3261
+ wn as ConfirmStep,
3262
+ Ln as CryptoCurrencyModal,
3173
3263
  Et as CryptoIcon,
3174
- mn as DarkModeIcon,
3175
- bn as ErrorStep,
3176
- gt as FIAT_CURRENCIES,
3264
+ pn as DarkModeIcon,
3265
+ En as ErrorStep,
3266
+ Ct as FIAT_CURRENCIES,
3177
3267
  qt as FIAT_TO_COUNTRY,
3178
- Sn as FiatCurrencyModal,
3179
- Je as FiatFlag,
3180
- wn as FormSkeleton,
3268
+ Tn as FiatCurrencyModal,
3269
+ ze as FiatFlag,
3270
+ Rn as FormSkeleton,
3181
3271
  qe as GenericCoinIcon,
3182
3272
  ln as GooglePayIcon,
3183
- Nt as MOCK_RATES,
3184
- un as MenuIcon,
3185
- He as Modal,
3273
+ vt as MOCK_RATES,
3274
+ hn as MenuIcon,
3275
+ De as Modal,
3186
3276
  sn as PayPalIcon,
3187
- yn as PaymentMethodSelector,
3188
- vn as ProcessingStep,
3189
- Bn as RampForm,
3190
- zt as RampProvider,
3277
+ Cn as PaymentMethodSelector,
3278
+ bn as ProcessingStep,
3279
+ Hn as RampForm,
3280
+ Jt as RampProvider,
3191
3281
  rn as RevolutIcon,
3192
- vt as SKINS,
3193
- Fe as SearchInput,
3194
- In as SettingsScreen,
3282
+ gt as SKINS,
3283
+ Ke as SearchInput,
3284
+ Bn as SettingsScreen,
3195
3285
  B as Skeleton,
3196
- Vn as SkinSwatch,
3197
- kn as ToggleSwitch,
3198
- $n as formatOutput,
3199
- ze as getChainIconUrl,
3200
- kt as getCryptoIconUrl,
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
- Xn as getMockRate,
3203
- pn as getPaymentIcon,
3292
+ $n as getMockRate,
3293
+ fn as getPaymentIcon,
3204
3294
  tn as parseAmount,
3205
- Yt as useCheckoutIntent,
3295
+ Zt as useCheckoutIntent,
3206
3296
  Gt as useQuotes,
3207
- we as useRamp,
3208
- Vt as useRampConfig,
3209
- Qt as useTransaction
3297
+ Ae as useRamp,
3298
+ Wt as useRampConfig,
3299
+ Yt as useTransaction
3210
3300
  };
3211
3301
  //# sourceMappingURL=index.js.map