@nowramp/form 0.1.50 → 0.1.52

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.
Files changed (7) hide show
  1. package/dist/index.cjs +2 -2
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +714 -622
  4. package/dist/index.js.map +1 -1
  5. package/dist/nowramp-form.iife.js +12 -12
  6. package/dist/nowramp-form.iife.js.map +1 -1
  7. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -4,63 +4,63 @@
4
4
  if(document.getElementById(id))return;
5
5
  var s=document.createElement('style');
6
6
  s.id=id;
7
- s.textContent=`@layer nowramp-form{.theme-dark{--t-bg: #000000;--t-surface: rgba(255,255,255,.1);--t-surface-hover: rgba(255,255,255,.14);--t-text: #ffffff;--t-text-secondary: rgba(255,255,255,.4);--t-text-tertiary: rgba(255,255,255,.3);--t-text-muted: rgba(255,255,255,.5);--t-border: rgba(255,255,255,.2);--t-border-focus: rgba(255,255,255,.5);--t-pill-bg: rgba(255,255,255,.1);--t-pill-hover: rgba(255,255,255,.15);--t-badge-bg: rgba(255,255,255,.15);--t-divider: rgba(255,255,255,.2);--t-close-bg: rgba(255,255,255,.1);--t-close-hover: rgba(255,255,255,.2);--t-icon-stroke: rgba(255,255,255,.4);--t-icon-close: rgba(255,255,255,.6);--t-accent: #0077FF;--t-cta-bg: var(--t-accent);--t-cta-text: #ffffff;--t-cta-hover: rgba(255,255,255,.9);--t-cta-active: rgba(255,255,255,.8);--t-modal-bg: #000000;--t-chain-border: #000000;--t-skeleton-from: rgba(255,255,255,.06);--t-skeleton-mid: rgba(255,255,255,.12);--t-scrollbar: rgba(255,255,255,.15);--t-card-icon-bg: rgba(255,255,255,.1);--t-card-icon-stroke: rgba(255,255,255,.6);--t-success: #10b981;--t-error: #EF4444}.theme-light{--t-bg: #F2F3F5;--t-surface: rgba(0,0,0,.05);--t-surface-hover: rgba(0,0,0,.08);--t-text: #111111;--t-text-secondary: rgba(0,0,0,.45);--t-text-tertiary: rgba(0,0,0,.3);--t-text-muted: rgba(0,0,0,.5);--t-border: rgba(0,0,0,.12);--t-border-focus: rgba(0,0,0,.3);--t-pill-bg: rgba(0,0,0,.06);--t-pill-hover: rgba(0,0,0,.1);--t-badge-bg: rgba(0,0,0,.08);--t-divider: rgba(0,0,0,.1);--t-close-bg: rgba(0,0,0,.06);--t-close-hover: rgba(0,0,0,.12);--t-icon-stroke: rgba(0,0,0,.35);--t-icon-close: rgba(0,0,0,.5);--t-accent: #0077FF;--t-cta-bg: var(--t-accent);--t-cta-text: #ffffff;--t-cta-hover: #222222;--t-cta-active: #333333;--t-modal-bg: #F2F3F5;--t-chain-border: #F2F3F5;--t-skeleton-from: rgba(0,0,0,.04);--t-skeleton-mid: rgba(0,0,0,.08);--t-scrollbar: rgba(0,0,0,.12);--t-card-icon-bg: rgba(0,0,0,.06);--t-card-icon-stroke: rgba(0,0,0,.5);--t-success: #10b981;--t-error: #EF4444}.custom-scroll::-webkit-scrollbar{width:4px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background:var(--t-scrollbar);border-radius:2px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--t-skeleton-from) 25%,var(--t-skeleton-mid) 50%,var(--t-skeleton-from) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tab-fade-in{animation:fadeIn .3s ease-out both}.digit-slot{display:inline-block;overflow:hidden;vertical-align:top}.digit-slot-inner{transition:transform .35s cubic-bezier(.33,1,.68,1)}@keyframes nramp-spin{to{transform:rotate(360deg)}}.nramp-spinner{width:40px;height:40px;border:3px solid var(--t-border);border-top-color:var(--t-accent);border-radius:50%;animation:nramp-spin .8s linear infinite;margin:0 auto}.nramp-spinner-large{width:60px;height:60px;border-width:4px}.nramp-spinner-inline{width:16px;height:16px;border-width:2px;display:inline-block}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-0{left:0}.right-3{right:.75rem}.top-0{top:0}.top-1\\/2{top:50%}.top-\\[3px\\]{top:3px}.z-20{z-index:20}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mb-1\\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-2\\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mr-0\\.5{margin-right:.125rem}.mr-3{margin-right:.75rem}.mt-0\\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\\[2px\\]{margin-top:2px}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-\\[640px\\]{height:640px}.h-full{height:100%}.min-h-\\[640px\\]{min-height:640px}.w-0{width:0px}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-\\[390px\\]{max-width:390px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-3\\.5{gap:.875rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.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,40 @@ 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",
1110
+ "sepa-bank-transfer": "bank",
1111
+ sepa: "bank",
1020
1112
  "apple-pay": "applepay",
1021
1113
  "google-pay": "googlepay",
1022
1114
  paypal: "paypal",
1023
1115
  revolut: "revolut"
1024
- }, fn = {
1116
+ }, xn = {
1025
1117
  "debit-credit-card": "Card",
1026
1118
  "bank-transfer": "Bank Transfer",
1027
1119
  "ach-bank-transfer": "ACH",
@@ -1032,13 +1124,13 @@ const hn = {
1032
1124
  revolut: "Revolut"
1033
1125
  };
1034
1126
  function It(t, n) {
1035
- return fn[t] || n;
1127
+ return xn[t] || n;
1036
1128
  }
1037
1129
  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 });
1130
+ const r = yn[t];
1131
+ 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
1132
  }
1041
- function yn({
1133
+ function Cn({
1042
1134
  methods: t,
1043
1135
  selectedId: n,
1044
1136
  onOpenModal: a,
@@ -1084,29 +1176,29 @@ function yn({
1084
1176
  /* @__PURE__ */ o("span", { className: "flex items-center gap-2", children: [
1085
1177
  /* @__PURE__ */ e("span", { className: "flex items-center justify-center", style: { width: 20, height: 20 }, children: u && Mt(u.id, u.icon, 20) }),
1086
1178
  /* @__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, {})
1179
+ /* @__PURE__ */ e(ke, {})
1088
1180
  ] })
1089
1181
  ]
1090
1182
  }
1091
1183
  ) });
1092
1184
  }
1093
- function xn({
1185
+ function gn({
1094
1186
  className: t = "",
1095
1187
  autoRedirect: n = !1,
1096
1188
  redirectDelay: a = 3e3
1097
1189
  }) {
1098
1190
  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;
1191
+ 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
1192
  if (_(() => {
1101
1193
  if ((r == null ? void 0 : r.checkout.method) === "redirect" && n && !d) {
1102
- p(Math.ceil(a / 1e3));
1194
+ h(Math.ceil(a / 1e3));
1103
1195
  const y = setTimeout(() => {
1104
1196
  window.location.href = r.checkout.url;
1105
- }, a), w = setInterval(() => {
1106
- p((b) => b && b > 1 ? b - 1 : null);
1197
+ }, a), A = setInterval(() => {
1198
+ h((b) => b && b > 1 ? b - 1 : null);
1107
1199
  }, 1e3);
1108
1200
  return () => {
1109
- clearTimeout(y), clearInterval(w);
1201
+ clearTimeout(y), clearInterval(A);
1110
1202
  };
1111
1203
  }
1112
1204
  }, [r, n, a, d]), _(() => {
@@ -1165,7 +1257,7 @@ function xn({
1165
1257
  }
1166
1258
  );
1167
1259
  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";
1260
+ 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
1261
  return yt(
1170
1262
  /* @__PURE__ */ o(
1171
1263
  "div",
@@ -1217,7 +1309,7 @@ function xn({
1217
1309
  }
1218
1310
  ),
1219
1311
  /* @__PURE__ */ o("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
1220
- !s && /* @__PURE__ */ o(
1312
+ !i && /* @__PURE__ */ o(
1221
1313
  "div",
1222
1314
  {
1223
1315
  style: {
@@ -1239,13 +1331,13 @@ function xn({
1239
1331
  {
1240
1332
  src: y,
1241
1333
  style: {
1242
- display: s ? "block" : "none",
1334
+ display: i ? "block" : "none",
1243
1335
  width: "100%",
1244
1336
  height: "100%",
1245
1337
  border: "none"
1246
1338
  },
1247
- allow: w,
1248
- onLoad: () => i(!0),
1339
+ allow: A,
1340
+ onLoad: () => s(!0),
1249
1341
  title: "Provider Checkout"
1250
1342
  }
1251
1343
  )
@@ -1270,9 +1362,9 @@ function xn({
1270
1362
  r.gateway,
1271
1363
  " to complete your payment."
1272
1364
  ] }),
1273
- h !== null && /* @__PURE__ */ o("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: [
1365
+ p !== null && /* @__PURE__ */ o("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: [
1274
1366
  "Redirecting in ",
1275
- h,
1367
+ p,
1276
1368
  "..."
1277
1369
  ] }),
1278
1370
  /* @__PURE__ */ o(
@@ -1313,7 +1405,7 @@ function xn({
1313
1405
  }
1314
1406
  );
1315
1407
  if (r.checkout.method === "widget" && r.widgetConfig) {
1316
- const y = gn(r.checkout.url, r.widgetConfig);
1408
+ const y = vn(r.checkout.url, r.widgetConfig);
1317
1409
  return yt(
1318
1410
  /* @__PURE__ */ o(
1319
1411
  "div",
@@ -1365,7 +1457,7 @@ function xn({
1365
1457
  }
1366
1458
  ),
1367
1459
  /* @__PURE__ */ o("div", { style: { flex: 1, position: "relative", overflow: "hidden" }, children: [
1368
- !s && /* @__PURE__ */ o(
1460
+ !i && /* @__PURE__ */ o(
1369
1461
  "div",
1370
1462
  {
1371
1463
  style: {
@@ -1387,13 +1479,13 @@ function xn({
1387
1479
  {
1388
1480
  src: y,
1389
1481
  style: {
1390
- display: s ? "block" : "none",
1482
+ display: i ? "block" : "none",
1391
1483
  width: "100%",
1392
1484
  height: "100%",
1393
1485
  border: "none"
1394
1486
  },
1395
1487
  allow: "payment; camera; microphone; geolocation; clipboard-read; clipboard-write; accelerometer; gyroscope; magnetometer; fullscreen; autoplay; encrypted-media; web-share",
1396
- onLoad: () => i(!0),
1488
+ onLoad: () => s(!0),
1397
1489
  title: "Payment Checkout"
1398
1490
  }
1399
1491
  )
@@ -1431,14 +1523,14 @@ function xn({
1431
1523
  }
1432
1524
  );
1433
1525
  }
1434
- function gn(t, n) {
1526
+ function vn(t, n) {
1435
1527
  const a = new URL("/en/partner/widget", t);
1436
1528
  for (const [r, l] of Object.entries(n))
1437
1529
  l != null && l !== "" && a.searchParams.set(r, String(l));
1438
1530
  return a.toString();
1439
1531
  }
1440
- function vn({ className: t = "" }) {
1441
- const { orderStatus: n, orderStatusLoading: a, goToStep: r } = we();
1532
+ function bn({ className: t = "" }) {
1533
+ const { orderStatus: n, orderStatusLoading: a, goToStep: r } = Ae();
1442
1534
  _(() => {
1443
1535
  n && (n.status === "completed" ? r("complete") : ["failed", "cancelled", "expired", "refunded"].includes(n.status) && r("error"));
1444
1536
  }, [n == null ? void 0 : n.status, r]);
@@ -1458,25 +1550,25 @@ function vn({ className: t = "" }) {
1458
1550
  /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-3", style: { color: "var(--t-text)" }, children: l() }),
1459
1551
  a && /* @__PURE__ */ e("p", { className: "text-[13px] mb-4", style: { color: "var(--t-text-muted)" }, children: "Checking status..." }),
1460
1552
  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 }),
1553
+ /* @__PURE__ */ e(we, { label: "Order ID", value: n.orderId, mono: !0 }),
1554
+ /* @__PURE__ */ e(we, { label: "Provider", value: n.gateway }),
1463
1555
  /* @__PURE__ */ e(
1464
- Ae,
1556
+ we,
1465
1557
  {
1466
1558
  label: "Amount",
1467
1559
  value: `${n.fiatAmount} ${n.fiatCurrency}`
1468
1560
  }
1469
1561
  ),
1470
1562
  /* @__PURE__ */ e(
1471
- Ae,
1563
+ we,
1472
1564
  {
1473
1565
  label: "Receiving",
1474
1566
  value: `${n.cryptoAmount || "..."} ${n.cryptoCurrency}`
1475
1567
  }
1476
1568
  ),
1477
- /* @__PURE__ */ e(Ae, { label: "Network", value: n.network }),
1569
+ /* @__PURE__ */ e(we, { label: "Network", value: n.network }),
1478
1570
  /* @__PURE__ */ e(
1479
- Ae,
1571
+ we,
1480
1572
  {
1481
1573
  label: "To Address",
1482
1574
  value: `${n.walletAddress.slice(0, 10)}...${n.walletAddress.slice(-8)}`,
@@ -1490,7 +1582,7 @@ function vn({ className: t = "" }) {
1490
1582
  ] })
1491
1583
  ] });
1492
1584
  }
1493
- function Ae({ label: t, value: n, mono: a }) {
1585
+ function we({ label: t, value: n, mono: a }) {
1494
1586
  return /* @__PURE__ */ o(
1495
1587
  "div",
1496
1588
  {
@@ -1516,7 +1608,7 @@ function Nn({
1516
1608
  onDone: a,
1517
1609
  doneButtonText: r = "Done"
1518
1610
  }) {
1519
- const { orderStatus: l, state: u, dispatch: m } = we(), s = u.flowType === "sell", i = () => {
1611
+ const { orderStatus: l, state: u, dispatch: m } = Ae(), i = u.flowType === "sell", s = () => {
1520
1612
  if (!(l != null && l.transactionHash)) return null;
1521
1613
  if (!n) {
1522
1614
  const d = {
@@ -1533,9 +1625,9 @@ function Nn({
1533
1625
  return (d[u.network] || d.ethereum).replace("{txHash}", l.transactionHash);
1534
1626
  }
1535
1627
  return n.replace("{txHash}", l.transactionHash);
1536
- }, h = () => {
1628
+ }, p = () => {
1537
1629
  a ? a() : m({ type: "RESET" });
1538
- }, p = i();
1630
+ }, h = s();
1539
1631
  return /* @__PURE__ */ o("div", { className: `flex flex-col items-center px-8 py-12 text-center ${t}`, children: [
1540
1632
  /* @__PURE__ */ e(
1541
1633
  "div",
@@ -1545,13 +1637,13 @@ function Nn({
1545
1637
  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
1638
  }
1547
1639
  ),
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.` }),
1640
+ /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: i ? "Sale Complete!" : "Purchase Complete!" }),
1641
+ /* @__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
1642
  l && /* @__PURE__ */ o("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
1551
1643
  /* @__PURE__ */ e(
1552
1644
  de,
1553
1645
  {
1554
- label: s ? "Amount Sold" : "Amount Received",
1646
+ label: i ? "Amount Sold" : "Amount Received",
1555
1647
  value: `${l.cryptoAmount} ${l.cryptoCurrency}`,
1556
1648
  highlight: !0
1557
1649
  }
@@ -1559,7 +1651,7 @@ function Nn({
1559
1651
  /* @__PURE__ */ e(
1560
1652
  de,
1561
1653
  {
1562
- label: s ? "Payout Amount" : "Amount Paid",
1654
+ label: i ? "Payout Amount" : "Amount Paid",
1563
1655
  value: `${l.fiatAmount} ${l.fiatCurrency}`
1564
1656
  }
1565
1657
  ),
@@ -1591,10 +1683,10 @@ function Nn({
1591
1683
  )
1592
1684
  ] }),
1593
1685
  /* @__PURE__ */ o("div", { className: "w-full flex flex-col gap-2", children: [
1594
- p && /* @__PURE__ */ e(
1686
+ h && /* @__PURE__ */ e(
1595
1687
  "a",
1596
1688
  {
1597
- href: p,
1689
+ href: h,
1598
1690
  target: "_blank",
1599
1691
  rel: "noopener noreferrer",
1600
1692
  className: "w-full font-semibold text-[14px] flex items-center justify-center transition-all",
@@ -1607,7 +1699,7 @@ function Nn({
1607
1699
  {
1608
1700
  className: "w-full font-semibold text-[16px] transition-all",
1609
1701
  style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)" },
1610
- onClick: h,
1702
+ onClick: p,
1611
1703
  children: r
1612
1704
  }
1613
1705
  )
@@ -1634,12 +1726,12 @@ function de({ label: t, value: n, mono: a, highlight: r }) {
1634
1726
  }
1635
1727
  );
1636
1728
  }
1637
- function bn({
1729
+ function En({
1638
1730
  className: t = "",
1639
1731
  onRetry: n,
1640
1732
  supportEmail: a = "support@nowramp.com"
1641
1733
  }) {
1642
- const { state: r, orderStatus: l, dispatch: u, goToStep: m } = we(), s = r.flowType === "sell", i = () => {
1734
+ const { state: r, orderStatus: l, dispatch: u, goToStep: m } = Ae(), i = r.flowType === "sell", s = () => {
1643
1735
  if (l)
1644
1736
  switch (l.status) {
1645
1737
  case "failed":
@@ -1654,23 +1746,23 @@ function bn({
1654
1746
  return "Something Went Wrong";
1655
1747
  }
1656
1748
  return "Something Went Wrong";
1657
- }, h = () => {
1749
+ }, p = () => {
1658
1750
  if (r.errorMessage) return r.errorMessage;
1659
1751
  if (l)
1660
1752
  switch (l.status) {
1661
1753
  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.";
1754
+ 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
1755
  case "cancelled":
1664
- return s ? "Your sale was cancelled. No crypto was transferred." : "Your order was cancelled. No payment was processed.";
1756
+ return i ? "Your sale was cancelled. No crypto was transferred." : "Your order was cancelled. No payment was processed.";
1665
1757
  case "expired":
1666
- return s ? "Your order has expired. Please start a new sale." : "Your order has expired. Please start a new purchase.";
1758
+ return i ? "Your order has expired. Please start a new sale." : "Your order has expired. Please start a new purchase.";
1667
1759
  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.";
1760
+ 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
1761
  default:
1670
1762
  return "An unexpected error occurred. Please try again.";
1671
1763
  }
1672
1764
  return "An unexpected error occurred. Please try again.";
1673
- }, p = () => {
1765
+ }, h = () => {
1674
1766
  u({ type: "CLEAR_ERROR" }), n ? n() : (u({ type: "RESET" }), m("amount"));
1675
1767
  }, d = () => {
1676
1768
  u({ type: "RESET" }), m("amount");
@@ -1684,8 +1776,8 @@ function bn({
1684
1776
  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
1777
  }
1686
1778
  ),
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() }),
1779
+ /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-2", style: { color: "var(--t-text)" }, children: s() }),
1780
+ /* @__PURE__ */ e("p", { className: "text-[14px] mb-6", style: { color: "var(--t-text-secondary)" }, children: p() }),
1689
1781
  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
1782
  /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: "Order ID" }),
1691
1783
  /* @__PURE__ */ e("span", { className: "text-[13px] font-medium font-mono", style: { color: "var(--t-text)" }, children: l.orderId })
@@ -1696,7 +1788,7 @@ function bn({
1696
1788
  {
1697
1789
  className: "w-full font-semibold text-[16px] transition-all",
1698
1790
  style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)" },
1699
- onClick: p,
1791
+ onClick: h,
1700
1792
  children: "Try Again"
1701
1793
  }
1702
1794
  ),
@@ -1731,10 +1823,10 @@ function bn({
1731
1823
  ] })
1732
1824
  ] });
1733
1825
  }
1734
- function At(t) {
1826
+ function wt(t) {
1735
1827
  return t.length <= 12 ? t : `${t.slice(0, 6)}...${t.slice(-6)}`;
1736
1828
  }
1737
- function Cn({ className: t = "" }) {
1829
+ function wn({ className: t = "" }) {
1738
1830
  const {
1739
1831
  config: n,
1740
1832
  configLoading: a,
@@ -1742,21 +1834,21 @@ function Cn({ className: t = "" }) {
1742
1834
  defaultGateway: l,
1743
1835
  fetchQuotes: u,
1744
1836
  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);
1837
+ orderLoading: i
1838
+ } = Ae(), s = r.flowType === "sell", [p, h] = g(null), d = n == null ? void 0 : n.gateways.find((y) => y.id === l), f = async () => {
1839
+ h(null);
1748
1840
  try {
1749
1841
  u(), await m();
1750
1842
  } catch (y) {
1751
- const w = y instanceof Error ? y.message : "Failed to create order";
1752
- p(w);
1843
+ const A = y instanceof Error ? y.message : "Failed to create order";
1844
+ h(A);
1753
1845
  }
1754
1846
  };
1755
1847
  return a ? /* @__PURE__ */ o("div", { className: `flex flex-col items-center justify-center p-12 ${t}`, children: [
1756
1848
  /* @__PURE__ */ e("div", { className: "nramp-spinner" }),
1757
1849
  /* @__PURE__ */ e("p", { className: "text-[14px] mt-4", style: { color: "var(--t-text-secondary)" }, children: "Loading..." })
1758
1850
  ] }) : /* @__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" }),
1851
+ /* @__PURE__ */ e("h2", { className: "text-[20px] font-semibold mb-6", style: { color: "var(--t-text)" }, children: s ? "Confirm Sale" : "Confirm Purchase" }),
1760
1852
  /* @__PURE__ */ o("div", { className: "w-full text-left mb-6", style: { background: "var(--t-surface)", borderRadius: 5, padding: 16 }, children: [
1761
1853
  d && /* @__PURE__ */ o("div", { className: "flex justify-between items-center py-2", style: { borderBottom: "1px solid var(--t-divider)" }, children: [
1762
1854
  /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: "Provider" }),
@@ -1765,29 +1857,29 @@ function Cn({ className: t = "" }) {
1765
1857
  /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: d.name })
1766
1858
  ] })
1767
1859
  ] }),
1768
- i ? /* @__PURE__ */ o(te, { children: [
1860
+ s ? /* @__PURE__ */ o(te, { children: [
1769
1861
  /* @__PURE__ */ e(ye, { label: "You sell", value: `${r.cryptoAmount} ${r.cryptoCurrency}`, highlight: !0 }),
1770
1862
  /* @__PURE__ */ e(ye, { label: "You receive", value: `${r.fiatCurrency} payout` })
1771
1863
  ] }) : /* @__PURE__ */ o(te, { children: [
1772
1864
  /* @__PURE__ */ e(ye, { label: "You pay", value: `${r.fiatAmount} ${r.fiatCurrency}`, highlight: !0 }),
1773
1865
  /* @__PURE__ */ e(ye, { label: "You receive", value: `${r.cryptoCurrency} on ${r.network}` }),
1774
- /* @__PURE__ */ e(ye, { label: "Wallet", value: At(r.walletAddress), mono: !0 })
1866
+ /* @__PURE__ */ e(ye, { label: "Wallet", value: wt(r.walletAddress), mono: !0 })
1775
1867
  ] }),
1776
1868
  /* @__PURE__ */ e(ye, { label: "Network", value: r.network }),
1777
- i && r.walletAddress && /* @__PURE__ */ e(ye, { label: "Refund address", value: At(r.walletAddress), mono: !0 })
1869
+ s && r.walletAddress && /* @__PURE__ */ e(ye, { label: "Refund address", value: wt(r.walletAddress), mono: !0 })
1778
1870
  ] }),
1779
- h && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: h }),
1871
+ p && /* @__PURE__ */ e("p", { className: "text-[12px] mb-4", style: { color: "#EF4444" }, children: p }),
1780
1872
  /* @__PURE__ */ e(
1781
1873
  "button",
1782
1874
  {
1783
1875
  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,
1876
+ style: { height: 60, borderRadius: 5, background: "var(--t-cta-bg)", color: "var(--t-cta-text)", opacity: i ? 0.7 : 1 },
1877
+ disabled: i,
1786
1878
  onClick: f,
1787
- children: s ? /* @__PURE__ */ o(te, { children: [
1879
+ children: i ? /* @__PURE__ */ o(te, { children: [
1788
1880
  /* @__PURE__ */ e("span", { className: "nramp-spinner-inline" }),
1789
1881
  "Processing..."
1790
- ] }) : i ? "Confirm & Sell" : "Confirm & Pay"
1882
+ ] }) : s ? "Confirm & Sell" : "Confirm & Pay"
1791
1883
  }
1792
1884
  )
1793
1885
  ] });
@@ -1805,31 +1897,31 @@ function ye({ label: t, value: n, mono: a, highlight: r }) {
1805
1897
  )
1806
1898
  ] });
1807
1899
  }
1808
- function He({
1900
+ function De({
1809
1901
  isOpen: t,
1810
1902
  onClose: n,
1811
1903
  children: a
1812
1904
  }) {
1813
- const [r, l] = v(!1), [u, m] = v(!1);
1905
+ const [r, l] = g(!1), [u, m] = g(!1);
1814
1906
  _(() => {
1815
1907
  if (t)
1816
1908
  l(!0), requestAnimationFrame(() => requestAnimationFrame(() => m(!0)));
1817
1909
  else if (r) {
1818
1910
  m(!1);
1819
- const i = setTimeout(() => l(!1), 250);
1820
- return () => clearTimeout(i);
1911
+ const s = setTimeout(() => l(!1), 250);
1912
+ return () => clearTimeout(s);
1821
1913
  }
1822
1914
  }, [t]);
1823
- const s = O(() => {
1915
+ const i = O(() => {
1824
1916
  m(!1), setTimeout(() => n(), 250);
1825
1917
  }, [n]);
1826
1918
  return _(() => {
1827
1919
  if (!t) return;
1828
- const i = (h) => {
1829
- h.key === "Escape" && s();
1920
+ const s = (p) => {
1921
+ p.key === "Escape" && i();
1830
1922
  };
1831
- return window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i);
1832
- }, [t, s]), r ? /* @__PURE__ */ e(
1923
+ return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
1924
+ }, [t, i]), r ? /* @__PURE__ */ e(
1833
1925
  "div",
1834
1926
  {
1835
1927
  className: "absolute inset-0 z-20 transition-opacity duration-250",
@@ -1839,23 +1931,23 @@ function He({
1839
1931
  {
1840
1932
  className: "absolute inset-0 flex flex-col transition-transform duration-250 ease-out",
1841
1933
  style: { background: "var(--t-modal-bg)", transform: u ? "translateY(0)" : "translateY(24px)" },
1842
- children: typeof a == "function" ? a(s) : a
1934
+ children: typeof a == "function" ? a(i) : a
1843
1935
  }
1844
1936
  )
1845
1937
  }
1846
1938
  ) : null;
1847
1939
  }
1848
- function En({ char: t, height: n = 38 }) {
1940
+ function An({ char: t, height: n = 38 }) {
1849
1941
  const a = "0123456789", r = a.indexOf(t);
1850
1942
  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
1943
  }
1852
- function An({
1944
+ function Sn({
1853
1945
  value: t,
1854
1946
  height: n = 38,
1855
1947
  className: a = "",
1856
1948
  style: r = {}
1857
1949
  }) {
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)) });
1950
+ 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
1951
  }
1860
1952
  function B({
1861
1953
  w: t,
@@ -1864,7 +1956,7 @@ function B({
1864
1956
  }) {
1865
1957
  return /* @__PURE__ */ e("div", { className: `skeleton ${a}`, style: { width: t, height: n } });
1866
1958
  }
1867
- function wn() {
1959
+ function Rn() {
1868
1960
  return /* @__PURE__ */ o("div", { className: "flex-1 px-5 flex flex-col", children: [
1869
1961
  /* @__PURE__ */ o("div", { className: "px-[18px] pt-[14px] pb-[18px]", style: { background: "var(--t-surface)", borderRadius: 5 }, children: [
1870
1962
  /* @__PURE__ */ e(B, { w: 70, h: 14, className: "mb-3" }),
@@ -1906,7 +1998,7 @@ function Ie({ onClick: t }) {
1906
1998
  }
1907
1999
  );
1908
2000
  }
1909
- function Fe({
2001
+ function Ke({
1910
2002
  value: t,
1911
2003
  onChange: n,
1912
2004
  placeholder: a = ""
@@ -1934,36 +2026,36 @@ function Fe({
1934
2026
  )
1935
2027
  ] });
1936
2028
  }
1937
- function Sn({
2029
+ function Tn({
1938
2030
  onClose: t,
1939
2031
  onSelect: n,
1940
2032
  currencies: a,
1941
2033
  assetBaseUrl: r = "",
1942
2034
  selectedCode: l
1943
2035
  }) {
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
2036
+ const [u, m] = g(""), i = j(() => {
2037
+ if (!a || a.length === 0) return Ct;
2038
+ const p = new Map(Ct.map((h) => [h.code, h.name]));
2039
+ return a.map((h) => ({
2040
+ code: h.code,
2041
+ name: h.name || p.get(h.code) || h.code
1950
2042
  }));
1951
- }, [a]), i = j(() => {
1952
- const h = u.trim().toLowerCase();
1953
- if (!h) {
2043
+ }, [a]), s = j(() => {
2044
+ const p = u.trim().toLowerCase();
2045
+ if (!p) {
1954
2046
  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];
2047
+ const h = i.find((d) => d.code === l);
2048
+ if (h) {
2049
+ const d = i.filter((f) => f.code !== l);
2050
+ return [h, ...d];
1959
2051
  }
1960
2052
  }
1961
- return s;
2053
+ return i;
1962
2054
  }
1963
- return s.filter(
1964
- (p) => p.code.toLowerCase().includes(h) || p.name.toLowerCase().includes(h)
2055
+ return i.filter(
2056
+ (h) => h.code.toLowerCase().includes(p) || h.name.toLowerCase().includes(p)
1965
2057
  );
1966
- }, [s, u, l]);
2058
+ }, [i, u, l]);
1967
2059
  return /* @__PURE__ */ o(te, { children: [
1968
2060
  /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Ie, { onClick: t }) }),
1969
2061
  /* @__PURE__ */ e(
@@ -1980,21 +2072,21 @@ function Sn({
1980
2072
  children: "Select fiat currency"
1981
2073
  }
1982
2074
  ),
1983
- /* @__PURE__ */ e(Fe, { value: u, onChange: m }),
2075
+ /* @__PURE__ */ e(Ke, { value: u, onChange: m }),
1984
2076
  /* @__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;
2077
+ s.map((p, h) => {
2078
+ const d = p.name !== p.code ? p.name : "", f = l === p.code;
1987
2079
  return /* @__PURE__ */ o("div", { children: [
1988
2080
  /* @__PURE__ */ o(
1989
2081
  "button",
1990
2082
  {
1991
- onClick: () => n(h.code),
2083
+ onClick: () => n(p.code),
1992
2084
  className: "flex items-center w-full transition-colors rounded-lg hover-item",
1993
2085
  style: { color: "var(--t-text)", gap: 14, padding: "18px 8px", margin: "0 -8px" },
1994
2086
  children: [
1995
- /* @__PURE__ */ e(Je, { currencyCode: h.code, size: 32, baseUrl: r }),
2087
+ /* @__PURE__ */ e(ze, { currencyCode: p.code, size: 32, baseUrl: r }),
1996
2088
  /* @__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 }),
2089
+ /* @__PURE__ */ e("span", { className: "font-semibold text-[15px]", children: p.code }),
1998
2090
  d && /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: d })
1999
2091
  ] }),
2000
2092
  f && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: /* @__PURE__ */ e(
@@ -2010,29 +2102,29 @@ function Sn({
2010
2102
  ]
2011
2103
  }
2012
2104
  ),
2013
- p < i.length - 1 && /* @__PURE__ */ e(
2105
+ h < s.length - 1 && /* @__PURE__ */ e(
2014
2106
  "div",
2015
2107
  {
2016
2108
  style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" }
2017
2109
  }
2018
2110
  )
2019
- ] }, h.code);
2111
+ ] }, p.code);
2020
2112
  }),
2021
- i.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
2113
+ s.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
2022
2114
  ] })
2023
2115
  ] });
2024
2116
  }
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), []);
2117
+ function At({ src: t, alt: n, size: a, className: r, style: l }) {
2118
+ const [u, m] = g(!1), [i, s] = g(!1), p = O(() => m(!0), []), h = O(() => s(!0), []);
2027
2119
  return /* @__PURE__ */ o("div", { className: r, style: { ...l, width: a, height: a, position: "relative" }, children: [
2028
- !u && !s && /* @__PURE__ */ e(
2120
+ !u && !i && /* @__PURE__ */ e(
2029
2121
  "div",
2030
2122
  {
2031
2123
  className: "absolute inset-0 rounded-full animate-pulse",
2032
2124
  style: { background: "var(--t-pill-bg, #333)" }
2033
2125
  }
2034
2126
  ),
2035
- s ? /* @__PURE__ */ e(
2127
+ i ? /* @__PURE__ */ e(
2036
2128
  "div",
2037
2129
  {
2038
2130
  className: "absolute inset-0 rounded-full flex items-center justify-center text-[10px] font-bold",
@@ -2047,28 +2139,28 @@ function wt({ src: t, alt: n, size: a, className: r, style: l }) {
2047
2139
  width: a,
2048
2140
  height: a,
2049
2141
  loading: "lazy",
2050
- onLoad: h,
2051
- onError: p,
2142
+ onLoad: p,
2143
+ onError: h,
2052
2144
  className: `rounded-full ${u ? "opacity-100" : "opacity-0"}`,
2053
2145
  style: { width: a, height: a, transition: "opacity 0.15s ease-in" }
2054
2146
  }
2055
2147
  )
2056
2148
  ] });
2057
2149
  }
2058
- function Rn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selectedCode: l, selectedChain: u }) {
2059
- const [m, s] = v(""), i = j(() => {
2150
+ function Ln({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selectedCode: l, selectedChain: u }) {
2151
+ const [m, i] = g(""), s = j(() => {
2060
2152
  if (!a || a.length === 0) return nn;
2061
2153
  const d = [];
2062
2154
  for (const f of a) {
2063
- const y = f.networks || [], w = f.name || Jt[f.code] || f.code;
2155
+ const y = f.networks || [], A = f.name || zt[f.code] || f.code;
2064
2156
  if (y.length === 0)
2065
- d.push({ code: f.code, name: w, chain: f.code, popular: !1 });
2157
+ d.push({ code: f.code, name: A, chain: f.code, popular: !1 });
2066
2158
  else
2067
2159
  for (const b of y) {
2068
2160
  const T = b.code || b.id || b.name || f.code;
2069
2161
  d.push({
2070
2162
  code: f.code,
2071
- name: w,
2163
+ name: A,
2072
2164
  chain: T,
2073
2165
  chainName: b.name,
2074
2166
  popular: !1
@@ -2076,28 +2168,28 @@ function Rn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selecte
2076
2168
  }
2077
2169
  }
2078
2170
  return d;
2079
- }, [a]), h = O((d, f) => l === d && u === f, [l, u]), p = j(() => {
2080
- var w;
2171
+ }, [a]), p = O((d, f) => l === d && u === f, [l, u]), h = j(() => {
2172
+ var A;
2081
2173
  const d = m.trim().toLowerCase();
2082
2174
  if (!d) {
2083
2175
  if (l && u) {
2084
- const b = i.find((T) => T.code === l && T.chain === u);
2176
+ const b = s.find((T) => T.code === l && T.chain === u);
2085
2177
  if (b) {
2086
- const T = i.filter((Q) => !(Q.code === l && Q.chain === u));
2178
+ const T = s.filter((Y) => !(Y.code === l && Y.chain === u));
2087
2179
  return [b, ...T];
2088
2180
  }
2089
2181
  }
2090
- return i;
2182
+ return s;
2091
2183
  }
2092
2184
  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;
2185
+ for (const b of s) {
2186
+ 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];
2187
+ if (!f.every((c) => C.some((N) => N.includes(c)))) continue;
2096
2188
  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 });
2189
+ 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
2190
  }
2099
2191
  return y.sort((b, T) => T.score - b.score), y.map((b) => b.item);
2100
- }, [i, m, l, u]);
2192
+ }, [s, m, l, u]);
2101
2193
  return /* @__PURE__ */ o(te, { children: [
2102
2194
  /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Ie, { onClick: t }) }),
2103
2195
  /* @__PURE__ */ e(
@@ -2108,10 +2200,10 @@ function Rn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selecte
2108
2200
  children: "Select crypto currency"
2109
2201
  }
2110
2202
  ),
2111
- /* @__PURE__ */ e(Fe, { value: m, onChange: s }),
2203
+ /* @__PURE__ */ e(Ke, { value: m, onChange: i }),
2112
2204
  /* @__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);
2205
+ h.map((d, f) => {
2206
+ 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
2207
  return /* @__PURE__ */ o("div", { children: [
2116
2208
  /* @__PURE__ */ o(
2117
2209
  "button",
@@ -2127,9 +2219,9 @@ function Rn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selecte
2127
2219
  className: "absolute top-0 left-0",
2128
2220
  style: { background: "#ffffff", borderRadius: "50%" },
2129
2221
  children: /* @__PURE__ */ e(
2130
- wt,
2222
+ At,
2131
2223
  {
2132
- src: kt(d.code, r),
2224
+ src: Lt(d.code, r),
2133
2225
  alt: d.code,
2134
2226
  size: 32
2135
2227
  }
@@ -2148,9 +2240,9 @@ function Rn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selecte
2148
2240
  background: "#ffffff"
2149
2241
  },
2150
2242
  children: /* @__PURE__ */ e(
2151
- wt,
2243
+ At,
2152
2244
  {
2153
- src: ze(d.chain, r),
2245
+ src: Je(d.chain, r),
2154
2246
  alt: d.chain,
2155
2247
  size: 16
2156
2248
  }
@@ -2177,7 +2269,7 @@ function Rn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selecte
2177
2269
  )
2178
2270
  ] }) }),
2179
2271
  /* @__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 }),
2272
+ /* @__PURE__ */ e("span", { className: "text-[13px]", style: { color: "var(--t-text-secondary)" }, children: A }),
2181
2273
  T && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
2182
2274
  "path",
2183
2275
  {
@@ -2192,33 +2284,33 @@ function Rn({ onClose: t, onSelect: n, cryptos: a, assetBaseUrl: r = "", selecte
2192
2284
  ]
2193
2285
  }
2194
2286
  ),
2195
- f < p.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
2287
+ f < h.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
2196
2288
  ] }, `${d.code}-${d.chain}`);
2197
2289
  }),
2198
- p.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
2290
+ h.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-10 text-[14px]", style: { color: "var(--t-text-muted)" }, children: "No currencies found" })
2199
2291
  ] })
2200
2292
  ] });
2201
2293
  }
2202
- function Tn({
2294
+ function kn({
2203
2295
  methods: t,
2204
2296
  selectedId: n,
2205
2297
  onSelect: a,
2206
2298
  onClose: r
2207
2299
  }) {
2208
- const [l, u] = v(""), m = j(() => {
2209
- const s = l.trim().toLowerCase();
2210
- if (!s) {
2300
+ const [l, u] = g(""), m = j(() => {
2301
+ const i = l.trim().toLowerCase();
2302
+ if (!i) {
2211
2303
  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];
2304
+ const s = t.find((p) => p.id === n);
2305
+ if (s) {
2306
+ const p = t.filter((h) => h.id !== n);
2307
+ return [s, ...p];
2216
2308
  }
2217
2309
  }
2218
2310
  return t;
2219
2311
  }
2220
2312
  return t.filter(
2221
- (i) => i.id.toLowerCase().includes(s) || i.name.toLowerCase().includes(s) || i.description && i.description.toLowerCase().includes(s)
2313
+ (s) => s.id.toLowerCase().includes(i) || s.name.toLowerCase().includes(i) || s.description && s.description.toLowerCase().includes(i)
2222
2314
  );
2223
2315
  }, [t, l, n]);
2224
2316
  return /* @__PURE__ */ o(te, { children: [
@@ -2231,24 +2323,24 @@ function Tn({
2231
2323
  children: "Choose payment method"
2232
2324
  }
2233
2325
  ),
2234
- /* @__PURE__ */ e(Fe, { value: l, onChange: u }),
2326
+ /* @__PURE__ */ e(Ke, { value: l, onChange: u }),
2235
2327
  /* @__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);
2328
+ m.map((i, s) => {
2329
+ const p = i.id === n, h = It(i.id, i.name);
2238
2330
  return /* @__PURE__ */ o("div", { children: [
2239
2331
  /* @__PURE__ */ o(
2240
2332
  "button",
2241
2333
  {
2242
- onClick: () => a(s.id),
2243
- className: `flex w-full transition-colors rounded-lg hover-item ${s.description ? "items-start" : "items-center"}`,
2334
+ onClick: () => a(i.id),
2335
+ className: `flex w-full transition-colors rounded-lg hover-item ${i.description ? "items-start" : "items-center"}`,
2244
2336
  style: { color: "var(--t-text)", gap: 14, padding: "18px 8px", margin: "0 -8px" },
2245
2337
  children: [
2246
2338
  /* @__PURE__ */ e(
2247
2339
  "span",
2248
2340
  {
2249
- className: `flex items-center justify-center shrink-0 ${s.description ? "mt-0.5" : ""}`,
2341
+ className: `flex items-center justify-center shrink-0 ${i.description ? "mt-0.5" : ""}`,
2250
2342
  style: { width: 32, height: 32 },
2251
- children: Mt(s.id, s.icon, 32)
2343
+ children: Mt(i.id, i.icon, 32)
2252
2344
  }
2253
2345
  ),
2254
2346
  /* @__PURE__ */ o("div", { className: "text-left flex-1", children: [
@@ -2257,19 +2349,19 @@ function Tn({
2257
2349
  {
2258
2350
  className: "font-semibold text-[15px] leading-tight",
2259
2351
  style: { color: "var(--t-text)" },
2260
- children: p
2352
+ children: h
2261
2353
  }
2262
2354
  ),
2263
- s.description && /* @__PURE__ */ e(
2355
+ i.description && /* @__PURE__ */ e(
2264
2356
  "div",
2265
2357
  {
2266
2358
  className: "text-[13px] leading-snug mt-1",
2267
2359
  style: { color: "var(--t-text-secondary)" },
2268
- children: s.description
2360
+ children: i.description
2269
2361
  }
2270
2362
  )
2271
2363
  ] }),
2272
- h && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0 mt-1", children: /* @__PURE__ */ e(
2364
+ p && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0 mt-1", children: /* @__PURE__ */ e(
2273
2365
  "path",
2274
2366
  {
2275
2367
  d: "M13.5 4.5L6 12L2.5 8.5",
@@ -2282,14 +2374,14 @@ function Tn({
2282
2374
  ]
2283
2375
  }
2284
2376
  ),
2285
- i < m.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
2286
- ] }, s.id);
2377
+ s < m.length - 1 && /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider, rgba(255,255,255,0.08))" } })
2378
+ ] }, i.id);
2287
2379
  }),
2288
2380
  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
2381
  ] })
2290
2382
  ] });
2291
2383
  }
2292
- function kn({
2384
+ function In({
2293
2385
  checked: t,
2294
2386
  onChange: n,
2295
2387
  accentColor: a = "var(--t-accent)"
@@ -2319,11 +2411,11 @@ function kn({
2319
2411
  }
2320
2412
  );
2321
2413
  }
2322
- const Ln = [
2414
+ const Mn = [
2323
2415
  { label: "Privacy policy", href: "https://nowramp.com/privacy-policy" },
2324
2416
  { label: "Terms of use", href: "https://nowramp.com/terms-and-conditions" }
2325
2417
  ];
2326
- function In({
2418
+ function Bn({
2327
2419
  onClose: t,
2328
2420
  darkMode: n,
2329
2421
  onToggleDarkMode: a,
@@ -2337,7 +2429,7 @@ function In({
2337
2429
  u && /* @__PURE__ */ o(te, { children: [
2338
2430
  /* @__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
2431
  /* @__PURE__ */ o("div", { className: "flex items-center gap-3.5", children: [
2340
- /* @__PURE__ */ e(mn, { size: 40 }),
2432
+ /* @__PURE__ */ e(pn, { size: 40 }),
2341
2433
  /* @__PURE__ */ e(
2342
2434
  "span",
2343
2435
  {
@@ -2347,11 +2439,11 @@ function In({
2347
2439
  }
2348
2440
  )
2349
2441
  ] }),
2350
- /* @__PURE__ */ e(kn, { checked: n, onChange: a, accentColor: "#4CD964" })
2442
+ /* @__PURE__ */ e(In, { checked: n, onChange: a, accentColor: "#4CD964" })
2351
2443
  ] }) }),
2352
2444
  /* @__PURE__ */ e("div", { style: { height: 1, background: "var(--t-divider)" } })
2353
2445
  ] }),
2354
- Ln.map((m) => /* @__PURE__ */ o("div", { children: [
2446
+ Mn.map((m) => /* @__PURE__ */ o("div", { children: [
2355
2447
  /* @__PURE__ */ o(
2356
2448
  "a",
2357
2449
  {
@@ -2369,7 +2461,7 @@ function In({
2369
2461
  children: m.label
2370
2462
  }
2371
2463
  ),
2372
- /* @__PURE__ */ e(dn, {})
2464
+ /* @__PURE__ */ e(mn, {})
2373
2465
  ]
2374
2466
  }
2375
2467
  ),
@@ -2378,7 +2470,7 @@ function In({
2378
2470
  ] })
2379
2471
  ] });
2380
2472
  }
2381
- function Mn({
2473
+ function On({
2382
2474
  className: t = "",
2383
2475
  theme: n = "dark",
2384
2476
  skinId: a = "mono",
@@ -2386,147 +2478,147 @@ function Mn({
2386
2478
  bgColor: l,
2387
2479
  bgImage: u,
2388
2480
  borderColor: m,
2389
- borderRadius: s,
2390
- surfaceColor: i,
2391
- inputBgColor: h,
2392
- textColor: p,
2481
+ borderRadius: i,
2482
+ surfaceColor: s,
2483
+ inputBgColor: p,
2484
+ textColor: h,
2393
2485
  textSecondaryColor: d,
2394
2486
  textMutedColor: f,
2395
2487
  successColor: y,
2396
- showFlowToggle: w = !0,
2488
+ showFlowToggle: A = !0,
2397
2489
  showSettings: b = !0,
2398
2490
  showThemeToggle: T = !0,
2399
- autoRedirect: Q = !1,
2400
- explorerUrl: Z,
2491
+ autoRedirect: Y = !1,
2492
+ explorerUrl: Q,
2401
2493
  doneButtonText: q = "Done",
2402
2494
  supportEmail: ee,
2403
- onDone: se
2495
+ onDone: ie
2404
2496
  }) {
2405
- var it, ct, dt, ut, mt, pt, ht, ft;
2497
+ var st, ct, dt, ut, mt, ht, pt, ft;
2406
2498
  const {
2407
- state: g,
2408
- dispatch: L,
2499
+ state: C,
2500
+ dispatch: k,
2409
2501
  config: S,
2410
2502
  configLoading: c,
2411
- quotes: C,
2412
- quotesLoading: P,
2503
+ quotes: N,
2504
+ quotesLoading: H,
2413
2505
  quotesError: I,
2414
2506
  fetchQuotes: Se,
2415
- createOrder: ie,
2416
- orderLoading: $,
2507
+ createOrder: se,
2508
+ orderLoading: X,
2417
2509
  amountError: ue,
2418
- fieldLocks: k,
2510
+ fieldLocks: L,
2419
2511
  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);
2512
+ assetBaseUrl: W
2513
+ } = 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
2514
  _(() => {
2423
2515
  ae(n === "dark");
2424
2516
  }, [n]), _(() => {
2425
- const x = setTimeout(() => Xe(!1), c ? 0 : 800);
2517
+ const x = setTimeout(() => Ve(!1), c ? 0 : 800);
2426
2518
  return () => clearTimeout(x);
2427
2519
  }, [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);
2520
+ if (K.current !== C.flowType && !Le) {
2521
+ K.current = C.flowType, v(!0), Me(!1), Te(!1);
2522
+ const x = setTimeout(() => v(!1), 350);
2431
2523
  return () => clearTimeout(x);
2432
2524
  }
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 });
2525
+ K.current = C.flowType;
2526
+ }, [C.flowType, Le]);
2527
+ 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);
2528
+ Ne && J && re && (Be.current = { rate: Ne, crypto: J, fiat: re });
2437
2529
  const Bt = j(() => {
2438
- if (C != null && C.bestQuote) {
2439
- const x = D ? C.bestQuote.cryptoAmount : C.bestQuote.fiatAmount;
2530
+ if (N != null && N.bestQuote) {
2531
+ const x = P ? N.bestQuote.cryptoAmount : N.bestQuote.fiatAmount;
2440
2532
  if (x) return x;
2441
2533
  }
2442
2534
  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;
2535
+ }, [N, P]), Ot = j(() => {
2536
+ var D, ce, Ge;
2537
+ 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
2538
  return !x || !E || !R ? "" : `1 ${E} ≈ ${x.toFixed(2)} ${R}`;
2447
- }, [z, re, Ce]);
2539
+ }, [J, re, Ne]);
2448
2540
  _(() => {
2449
- const x = g.walletAddress.trim(), E = g.network;
2541
+ const x = C.walletAddress.trim(), E = C.network;
2450
2542
  if (!x || x.length < 10) {
2451
- pe(null), L({ type: "SET_WALLET_ERROR", message: "" });
2543
+ he(null), k({ type: "SET_WALLET_ERROR", message: "" });
2452
2544
  return;
2453
2545
  }
2454
- return be(!0), pe(null), clearTimeout(M.current), M.current = setTimeout(async () => {
2455
- var R, H, ce;
2546
+ return be(!0), he(null), clearTimeout(M.current), M.current = setTimeout(async () => {
2547
+ var R, D, ce;
2456
2548
  try {
2457
- const Ye = await (await fetch(`${xe.apiUrl}/public/validate/address`, {
2549
+ const Ze = await (await fetch(`${xe.apiUrl}/public/validate/address`, {
2458
2550
  method: "POST",
2459
2551
  headers: { "Content-Type": "application/json" },
2460
2552
  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: "" });
2553
+ })).json(), Ye = ((R = Ze.data) == null ? void 0 : R.attributes) || Ze.data || Ze;
2554
+ if (Ye.isValid)
2555
+ he(!0), k({ type: "SET_WALLET_ERROR", message: "" });
2464
2556
  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 });
2557
+ he(!1);
2558
+ const Vt = ((D = Ye.errors) == null ? void 0 : D[0]) || ((ce = Ye.details) == null ? void 0 : ce.formatMessage) || "Invalid wallet address";
2559
+ k({ type: "SET_WALLET_ERROR", message: Vt });
2468
2560
  }
2469
2561
  } catch {
2470
- pe(null);
2562
+ he(null);
2471
2563
  } finally {
2472
2564
  be(!1);
2473
2565
  }
2474
2566
  }, 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) => {
2567
+ }, [C.walletAddress, C.network, xe.apiUrl]);
2568
+ 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
2569
  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 });
2570
+ const R = P ? 2 : 6, D = E.indexOf(".");
2571
+ 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
2572
  }, at = (x) => {
2481
- x !== W && L({ type: "SET_FLOW_TYPE", flowType: x });
2482
- }, Ht = O(
2573
+ x !== $ && k({ type: "SET_FLOW_TYPE", flowType: x });
2574
+ }, Dt = O(
2483
2575
  (x) => {
2484
- L({ type: "SET_FIAT_CURRENCY", currency: x });
2576
+ k({ type: "SET_FIAT_CURRENCY", currency: x });
2485
2577
  },
2486
- [L]
2578
+ [k]
2487
2579
  ), Ut = O(
2488
2580
  (x, E) => {
2489
- L({ type: "SET_CRYPTO_CURRENCY", currency: x }), L({ type: "SET_CRYPTO_CHAIN", chain: E });
2581
+ k({ type: "SET_CRYPTO_CURRENCY", currency: x }), k({ type: "SET_CRYPTO_CHAIN", chain: E });
2490
2582
  },
2491
- [L]
2492
- ), Kt = O(
2583
+ [k]
2584
+ ), Ft = O(
2493
2585
  (x) => {
2494
- L({ type: "SET_PAYMENT_METHOD", methodId: x });
2586
+ k({ type: "SET_PAYMENT_METHOD", methodId: x });
2495
2587
  },
2496
- [L]
2497
- ), Ft = () => {
2588
+ [k]
2589
+ ), Kt = () => {
2498
2590
  Oe && (U(!0), Se());
2499
2591
  };
2500
2592
  _(() => {
2501
2593
  var x;
2502
- if (!(!A || P)) {
2503
- if (C != null && C.bestQuote)
2504
- U(!1), L({ type: "SELECT_QUOTE", quote: C.bestQuote }), ie().catch(() => {
2594
+ if (!(!w || H)) {
2595
+ if (N != null && N.bestQuote)
2596
+ U(!1), k({ type: "SELECT_QUOTE", quote: N.bestQuote }), se().catch(() => {
2505
2597
  });
2506
2598
  else if (I)
2507
- U(!1), L({ type: "SET_ERROR", message: I.message || "No quotes available" });
2508
- else if (C && !C.bestQuote) {
2599
+ U(!1), k({ type: "SET_ERROR", message: I.message || "No quotes available" });
2600
+ else if (N && !N.bestQuote) {
2509
2601
  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 });
2602
+ 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";
2603
+ k({ type: "SET_ERROR", message: R });
2512
2604
  }
2513
2605
  }
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 ? {
2606
+ }, [w, N, H, I, k, se]);
2607
+ 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
2608
  "--t-accent": ne ? "#ffffff" : "#111111",
2517
2609
  "--t-cta-bg": ne ? "#ffffff" : "#111111",
2518
2610
  "--t-cta-text": ne ? "#000000" : "#ffffff"
2519
2611
  } : {
2520
- "--t-accent": Ve.accent,
2521
- "--t-cta-bg": Ve.accent,
2612
+ "--t-accent": We.accent,
2613
+ "--t-cta-bg": We.accent,
2522
2614
  "--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);
2615
+ }, z = {};
2616
+ 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
2617
  const fe = {};
2526
2618
  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;
2619
+ const He = {};
2620
+ m && le(m) && (He.border = `1px solid ${m}`), i && (He.borderRadius = i);
2621
+ 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
2622
  if (lt)
2531
2623
  return /* @__PURE__ */ e(
2532
2624
  "div",
@@ -2536,13 +2628,13 @@ function Mn({
2536
2628
  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
2537
2629
  ...fe,
2538
2630
  ...ot,
2539
- ...J,
2540
- ...Pe
2631
+ ...z,
2632
+ ...He
2541
2633
  },
2542
2634
  children: lt
2543
2635
  }
2544
2636
  );
2545
- const oe = g.network, Ee = oe ? Ue(oe) : null, st = (Ee == null ? void 0 : Ee.shortName) || (Ee == null ? void 0 : Ee.name) || oe;
2637
+ const oe = C.network, Ee = oe ? Ue(oe) : null, it = (Ee == null ? void 0 : Ee.shortName) || (Ee == null ? void 0 : Ee.name) || oe;
2546
2638
  return /* @__PURE__ */ o(
2547
2639
  "div",
2548
2640
  {
@@ -2551,19 +2643,19 @@ function Mn({
2551
2643
  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
2552
2644
  ...fe,
2553
2645
  ...ot,
2554
- ...J,
2555
- ...Pe
2646
+ ...z,
2647
+ ...He
2556
2648
  },
2557
2649
  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: [
2650
+ 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") }) }),
2651
+ A ? /* @__PURE__ */ o("div", { className: "flex flex-col items-center pt-3 pb-5", children: [
2560
2652
  /* @__PURE__ */ o("div", { className: "flex", style: { width: 165 }, children: [
2561
2653
  /* @__PURE__ */ e(
2562
2654
  "button",
2563
2655
  {
2564
2656
  onClick: () => at("buy"),
2565
2657
  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)" },
2658
+ style: { color: $ === "buy" ? "var(--t-text)" : "var(--t-text-secondary)" },
2567
2659
  children: "Buy"
2568
2660
  }
2569
2661
  ),
@@ -2572,7 +2664,7 @@ function Mn({
2572
2664
  {
2573
2665
  onClick: () => at("sell"),
2574
2666
  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)" },
2667
+ style: { color: $ === "sell" ? "var(--t-text)" : "var(--t-text-secondary)" },
2576
2668
  children: "Sell"
2577
2669
  }
2578
2670
  )
@@ -2585,14 +2677,14 @@ function Mn({
2585
2677
  className: "absolute top-0 h-full transition-all duration-300 ease-in-out",
2586
2678
  style: {
2587
2679
  width: "50%",
2588
- left: W === "buy" ? "0%" : "50%",
2680
+ left: $ === "buy" ? "0%" : "50%",
2589
2681
  background: "var(--t-accent)"
2590
2682
  }
2591
2683
  }
2592
2684
  )
2593
2685
  ] })
2594
2686
  ] }) : 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: [
2687
+ Le || Xe || c ? /* @__PURE__ */ e(Rn, {}) : /* @__PURE__ */ o("div", { className: "flex-1 overflow-hidden px-5 flex flex-col tab-fade-in", children: [
2596
2688
  /* @__PURE__ */ o(
2597
2689
  "div",
2598
2690
  {
@@ -2600,7 +2692,7 @@ function Mn({
2600
2692
  style: {
2601
2693
  background: "var(--t-surface)",
2602
2694
  borderRadius: 5,
2603
- border: Y && nt ? "1px solid #EF4444" : "1px solid transparent",
2695
+ border: Z && nt ? "1px solid #EF4444" : "1px solid transparent",
2604
2696
  minHeight: 102
2605
2697
  },
2606
2698
  children: [
@@ -2609,19 +2701,19 @@ function Mn({
2609
2701
  /* @__PURE__ */ e(
2610
2702
  "input",
2611
2703
  {
2612
- ref: K,
2704
+ ref: F,
2613
2705
  type: "text",
2614
- value: We,
2615
- onChange: Dt,
2706
+ value: $e,
2707
+ onChange: Pt,
2616
2708
  onBlur: () => Me(!0),
2617
- placeholder: D ? "250" : "0.01",
2709
+ placeholder: P ? "250" : "0.01",
2618
2710
  className: "bg-transparent outline-none w-0 flex-1 mr-3",
2619
2711
  style: { color: "var(--t-text)", fontSize: 24, fontWeight: 600, lineHeight: "32px", padding: 0, border: "none", borderRadius: 0, backgroundColor: "transparent", height: "auto", width: 0 },
2620
2712
  inputMode: "decimal",
2621
- disabled: !!((ct = k == null ? void 0 : k.sourceAmount) != null && ct.locked)
2713
+ disabled: !!((ct = L == null ? void 0 : L.sourceAmount) != null && ct.locked)
2622
2714
  }
2623
2715
  ),
2624
- D ? /* @__PURE__ */ o(
2716
+ P ? /* @__PURE__ */ o(
2625
2717
  "button",
2626
2718
  {
2627
2719
  onClick: () => G("fiat"),
@@ -2633,11 +2725,11 @@ function Mn({
2633
2725
  paddingLeft: 10,
2634
2726
  paddingRight: 10
2635
2727
  },
2636
- disabled: !!((dt = k == null ? void 0 : k.sourceCurrency) != null && dt.locked),
2728
+ disabled: !!((dt = L == null ? void 0 : L.sourceCurrency) != null && dt.locked),
2637
2729
  children: [
2638
- /* @__PURE__ */ e(Je, { currencyCode: re, size: 16, baseUrl: V }),
2730
+ /* @__PURE__ */ e(ze, { currencyCode: re, size: 16, baseUrl: W }),
2639
2731
  /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: re }),
2640
- /* @__PURE__ */ e(Le, {})
2732
+ /* @__PURE__ */ e(ke, {})
2641
2733
  ]
2642
2734
  }
2643
2735
  ) : /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
@@ -2653,11 +2745,11 @@ function Mn({
2653
2745
  paddingLeft: 10,
2654
2746
  paddingRight: 10
2655
2747
  },
2656
- disabled: !!((ut = k == null ? void 0 : k.destinationCurrency) != null && ut.locked),
2748
+ disabled: !!((ut = L == null ? void 0 : L.destinationCurrency) != null && ut.locked),
2657
2749
  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, {})
2750
+ /* @__PURE__ */ e(Et, { ticker: J, size: 16, baseUrl: W }),
2751
+ /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: J }),
2752
+ /* @__PURE__ */ e(ke, {})
2661
2753
  ]
2662
2754
  }
2663
2755
  ),
@@ -2665,7 +2757,7 @@ function Mn({
2665
2757
  /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
2666
2758
  "img",
2667
2759
  {
2668
- src: ze(oe, V),
2760
+ src: Je(oe, W),
2669
2761
  alt: oe,
2670
2762
  width: 14,
2671
2763
  height: 14,
@@ -2673,14 +2765,14 @@ function Mn({
2673
2765
  style: { width: 14, height: 14 }
2674
2766
  }
2675
2767
  ) }),
2676
- /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: st })
2768
+ /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: it })
2677
2769
  ] })
2678
2770
  ] })
2679
2771
  ] })
2680
2772
  ]
2681
2773
  }
2682
2774
  ),
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}`) }),
2775
+ 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
2776
  /* @__PURE__ */ o(
2685
2777
  "div",
2686
2778
  {
@@ -2697,16 +2789,16 @@ function Mn({
2697
2789
  children: [
2698
2790
  /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
2699
2791
  /* @__PURE__ */ o("div", { className: "flex items-start justify-between", children: [
2700
- P && !A ? /* @__PURE__ */ e(B, { w: 180, h: 32 }) : /* @__PURE__ */ e(
2701
- An,
2792
+ H && !w ? /* @__PURE__ */ e(B, { w: 180, h: 32 }) : /* @__PURE__ */ e(
2793
+ Sn,
2702
2794
  {
2703
- value: he > 0 ? Bt : "0",
2795
+ value: pe > 0 ? Bt : "0",
2704
2796
  height: 32,
2705
2797
  className: "font-semibold",
2706
- style: { color: he > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
2798
+ style: { color: pe > 0 ? "var(--t-text)" : "var(--t-text-muted)", fontSize: 24 }
2707
2799
  }
2708
2800
  ),
2709
- D ? /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
2801
+ P ? /* @__PURE__ */ o("div", { className: "flex flex-col items-end shrink-0", children: [
2710
2802
  /* @__PURE__ */ o(
2711
2803
  "button",
2712
2804
  {
@@ -2719,11 +2811,11 @@ function Mn({
2719
2811
  paddingLeft: 10,
2720
2812
  paddingRight: 10
2721
2813
  },
2722
- disabled: !!((mt = k == null ? void 0 : k.destinationCurrency) != null && mt.locked),
2814
+ disabled: !!((mt = L == null ? void 0 : L.destinationCurrency) != null && mt.locked),
2723
2815
  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, {})
2816
+ /* @__PURE__ */ e(Et, { ticker: J, size: 16, baseUrl: W }),
2817
+ /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: J }),
2818
+ /* @__PURE__ */ e(ke, {})
2727
2819
  ]
2728
2820
  }
2729
2821
  ),
@@ -2731,7 +2823,7 @@ function Mn({
2731
2823
  /* @__PURE__ */ e("div", { className: "rounded-full", style: { width: 14, height: 14, background: "#ffffff" }, children: /* @__PURE__ */ e(
2732
2824
  "img",
2733
2825
  {
2734
- src: ze(oe, V),
2826
+ src: Je(oe, W),
2735
2827
  alt: oe,
2736
2828
  width: 14,
2737
2829
  height: 14,
@@ -2739,7 +2831,7 @@ function Mn({
2739
2831
  style: { width: 14, height: 14 }
2740
2832
  }
2741
2833
  ) }),
2742
- /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: st })
2834
+ /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: "var(--t-text-muted)" }, children: it })
2743
2835
  ] })
2744
2836
  ] }) : /* @__PURE__ */ o(
2745
2837
  "button",
@@ -2753,11 +2845,11 @@ function Mn({
2753
2845
  paddingLeft: 10,
2754
2846
  paddingRight: 10
2755
2847
  },
2756
- disabled: !!((pt = k == null ? void 0 : k.sourceCurrency) != null && pt.locked),
2848
+ disabled: !!((ht = L == null ? void 0 : L.sourceCurrency) != null && ht.locked),
2757
2849
  children: [
2758
- /* @__PURE__ */ e(Je, { currencyCode: re, size: 16, baseUrl: V }),
2850
+ /* @__PURE__ */ e(ze, { currencyCode: re, size: 16, baseUrl: W }),
2759
2851
  /* @__PURE__ */ e("span", { className: "text-[13px] font-medium", style: { color: "var(--t-text)" }, children: re }),
2760
- /* @__PURE__ */ e(Le, {})
2852
+ /* @__PURE__ */ e(ke, {})
2761
2853
  ]
2762
2854
  }
2763
2855
  )
@@ -2771,35 +2863,35 @@ function Mn({
2771
2863
  className: "flex items-center justify-between mt-[2px] px-[18px] pt-[12px] pb-[14px]",
2772
2864
  style: {
2773
2865
  background: "var(--t-surface)",
2774
- ...(ht = S == null ? void 0 : S.paymentMethods) != null && ht.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
2866
+ ...(pt = S == null ? void 0 : S.paymentMethods) != null && pt.length ? {} : { borderBottomLeftRadius: 5, borderBottomRightRadius: 5 }
2775
2867
  },
2776
2868
  children: /* @__PURE__ */ e("span", { className: "text-[12px]", style: { color: y ? "var(--t-success)" : "var(--t-text-secondary)" }, children: Ot || " " })
2777
2869
  }
2778
2870
  ),
2779
2871
  (S == null ? void 0 : S.paymentMethods) && S.paymentMethods.length > 0 && /* @__PURE__ */ e("div", { className: "mt-[2px]", children: /* @__PURE__ */ e(
2780
- yn,
2872
+ Cn,
2781
2873
  {
2782
2874
  methods: S.paymentMethods,
2783
- selectedId: g.paymentMethodId,
2875
+ selectedId: C.paymentMethodId,
2784
2876
  onOpenModal: () => G("payment"),
2785
- fiatCurrency: g.fiatCurrency
2877
+ fiatCurrency: C.fiatCurrency
2786
2878
  }
2787
2879
  ) }),
2788
2880
  /* @__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" }),
2881
+ /* @__PURE__ */ e("div", { className: "text-[13px] mb-2.5", style: { color: "var(--t-text-secondary)" }, children: P ? "Receiving wallet address" : "Sending wallet address" }),
2790
2882
  /* @__PURE__ */ e(
2791
2883
  "input",
2792
2884
  {
2793
2885
  type: "text",
2794
- value: g.walletAddress,
2795
- onChange: (x) => L({ type: "SET_WALLET_ADDRESS", address: x.target.value }),
2886
+ value: C.walletAddress,
2887
+ onChange: (x) => k({ type: "SET_WALLET_ADDRESS", address: x.target.value }),
2796
2888
  onBlur: () => Te(!0),
2797
- placeholder: D ? "Enter your receiving address" : "Enter your sending address",
2889
+ placeholder: P ? "Enter your receiving address" : "Enter your sending address",
2798
2890
  spellCheck: !1,
2799
2891
  autoComplete: "off",
2800
2892
  className: "w-full bg-transparent text-[13px] outline-none transition-colors",
2801
2893
  style: {
2802
- border: g.walletError || ve && !je ? "1px solid #EF4444" : "1px solid var(--t-border)",
2894
+ border: C.walletError || ge && !je ? "1px solid #EF4444" : "1px solid var(--t-border)",
2803
2895
  borderRadius: 3.5,
2804
2896
  height: 47,
2805
2897
  padding: "0 14px",
@@ -2807,90 +2899,90 @@ function Mn({
2807
2899
  fontSize: 13,
2808
2900
  backgroundColor: "transparent"
2809
2901
  },
2810
- disabled: !!((ft = k == null ? void 0 : k.destinationAddress) != null && ft.locked)
2902
+ disabled: !!((ft = L == null ? void 0 : L.destinationAddress) != null && ft.locked)
2811
2903
  }
2812
2904
  ),
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
2905
+ 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
2906
  ] }),
2815
2907
  /* @__PURE__ */ e("div", { className: "flex-1" }),
2816
2908
  /* @__PURE__ */ e(
2817
2909
  "button",
2818
2910
  {
2819
- disabled: !Oe || $ || A,
2820
- onClick: Ft,
2911
+ disabled: !Oe || X || w,
2912
+ onClick: Kt,
2821
2913
  className: "w-full font-semibold text-[16px] transition-all",
2822
2914
  style: {
2823
2915
  height: 60,
2824
2916
  borderRadius: 5,
2825
2917
  background: "var(--t-cta-bg)",
2826
2918
  color: "var(--t-cta-text)",
2827
- opacity: Oe && !$ && !A ? 1 : 0.4,
2828
- cursor: Oe && !$ && !A ? "pointer" : "not-allowed"
2919
+ opacity: Oe && !X && !w ? 1 : 0.4,
2920
+ cursor: Oe && !X && !w ? "pointer" : "not-allowed"
2829
2921
  },
2830
- children: A ? "Getting best price..." : $ ? "Processing..." : D ? `Buy ${z}` : `Sell ${z}`
2922
+ children: w ? "Getting best price..." : X ? "Processing..." : P ? `Buy ${J}` : `Sell ${J}`
2831
2923
  }
2832
2924
  ),
2833
2925
  /* @__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) => {
2926
+ ] }, $),
2927
+ /* @__PURE__ */ e(De, { isOpen: me === "fiat", onClose: () => G(null), children: (x) => {
2836
2928
  var E;
2837
2929
  return /* @__PURE__ */ e(
2838
- Sn,
2930
+ Tn,
2839
2931
  {
2840
2932
  onClose: x,
2841
2933
  onSelect: (R) => {
2842
- Ht(R), x();
2934
+ Dt(R), x();
2843
2935
  },
2844
2936
  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
2937
+ assetBaseUrl: W,
2938
+ selectedCode: C.fiatCurrency
2847
2939
  }
2848
2940
  );
2849
2941
  } }),
2850
- /* @__PURE__ */ e(He, { isOpen: me === "crypto", onClose: () => G(null), children: (x) => {
2942
+ /* @__PURE__ */ e(De, { isOpen: me === "crypto", onClose: () => G(null), children: (x) => {
2851
2943
  var E;
2852
2944
  return /* @__PURE__ */ e(
2853
- Rn,
2945
+ Ln,
2854
2946
  {
2855
2947
  onClose: x,
2856
- onSelect: (R, H) => {
2857
- Ut(R, H), x();
2948
+ onSelect: (R, D) => {
2949
+ Ut(R, D), x();
2858
2950
  },
2859
2951
  cryptos: (E = S == null ? void 0 : S.cryptos) == null ? void 0 : E.map((R) => {
2860
- var H;
2952
+ var D;
2861
2953
  return {
2862
2954
  code: R.code,
2863
2955
  name: R.code,
2864
- networks: (H = R.networks) == null ? void 0 : H.map((ce) => ({ code: ce.id, name: ce.name }))
2956
+ networks: (D = R.networks) == null ? void 0 : D.map((ce) => ({ code: ce.id, name: ce.name }))
2865
2957
  };
2866
2958
  }),
2867
- assetBaseUrl: V,
2868
- selectedCode: g.cryptoCurrency,
2869
- selectedChain: g.network
2959
+ assetBaseUrl: W,
2960
+ selectedCode: C.cryptoCurrency,
2961
+ selectedChain: C.network
2870
2962
  }
2871
2963
  );
2872
2964
  } }),
2873
- /* @__PURE__ */ e(He, { isOpen: me === "payment", onClose: () => G(null), children: (x) => {
2965
+ /* @__PURE__ */ e(De, { isOpen: me === "payment", onClose: () => G(null), children: (x) => {
2874
2966
  var E;
2875
2967
  return /* @__PURE__ */ e(
2876
- Tn,
2968
+ kn,
2877
2969
  {
2878
- methods: ((E = S == null ? void 0 : S.paymentMethods) == null ? void 0 : E.filter((R) => R.supportedFiats.includes(g.fiatCurrency))) || [],
2879
- selectedId: g.paymentMethodId,
2970
+ methods: ((E = S == null ? void 0 : S.paymentMethods) == null ? void 0 : E.filter((R) => R.supportedFiats.includes(C.fiatCurrency))) || [],
2971
+ selectedId: C.paymentMethodId,
2880
2972
  onSelect: (R) => {
2881
- Kt(R), x();
2973
+ Ft(R), x();
2882
2974
  },
2883
2975
  onClose: x
2884
2976
  }
2885
2977
  );
2886
2978
  } }),
2887
- /* @__PURE__ */ e(He, { isOpen: me === "settings", onClose: () => G(null), children: (x) => /* @__PURE__ */ e(
2888
- In,
2979
+ /* @__PURE__ */ e(De, { isOpen: me === "settings", onClose: () => G(null), children: (x) => /* @__PURE__ */ e(
2980
+ Bn,
2889
2981
  {
2890
2982
  onClose: x,
2891
2983
  darkMode: ne,
2892
2984
  onToggleDarkMode: ae,
2893
- skinId: ge,
2985
+ skinId: Ce,
2894
2986
  onSelectSkin: (E) => {
2895
2987
  Re(E);
2896
2988
  },
@@ -2901,7 +2993,7 @@ function Mn({
2901
2993
  }
2902
2994
  );
2903
2995
  }
2904
- function Bn({
2996
+ function Hn({
2905
2997
  projectId: t,
2906
2998
  apiUrl: n,
2907
2999
  assetBaseUrl: a,
@@ -2909,41 +3001,41 @@ function Bn({
2909
3001
  customerId: l,
2910
3002
  brandId: u,
2911
3003
  defaultFiatCurrency: m,
2912
- defaultCryptoCurrency: s,
2913
- defaultNetwork: i,
2914
- defaultFiatAmount: h,
2915
- defaultCryptoAmount: p,
3004
+ defaultCryptoCurrency: i,
3005
+ defaultNetwork: s,
3006
+ defaultFiatAmount: p,
3007
+ defaultCryptoAmount: h,
2916
3008
  defaultWalletAddress: d,
2917
3009
  defaultGateway: f,
2918
3010
  fieldLocks: y,
2919
- statusPollInterval: w,
3011
+ statusPollInterval: A,
2920
3012
  onComplete: b,
2921
3013
  onError: T,
2922
- className: Q,
2923
- theme: Z,
3014
+ className: Y,
3015
+ theme: Q,
2924
3016
  skinId: q,
2925
3017
  accentColor: ee,
2926
- bgColor: se,
2927
- bgImage: g,
2928
- borderColor: L,
3018
+ bgColor: ie,
3019
+ bgImage: C,
3020
+ borderColor: k,
2929
3021
  borderRadius: S,
2930
3022
  surfaceColor: c,
2931
- inputBgColor: C,
2932
- textColor: P,
3023
+ inputBgColor: N,
3024
+ textColor: H,
2933
3025
  textSecondaryColor: I,
2934
3026
  textMutedColor: Se,
2935
- successColor: ie,
2936
- showFlowToggle: $,
3027
+ successColor: se,
3028
+ showFlowToggle: X,
2937
3029
  showSettings: ue,
2938
- showThemeToggle: k,
3030
+ showThemeToggle: L,
2939
3031
  autoRedirect: xe,
2940
- explorerUrl: V,
3032
+ explorerUrl: W,
2941
3033
  doneButtonText: ne,
2942
3034
  supportEmail: ae,
2943
- onDone: ge
3035
+ onDone: Ce
2944
3036
  }) {
2945
3037
  return /* @__PURE__ */ e(
2946
- zt,
3038
+ Jt,
2947
3039
  {
2948
3040
  projectId: t,
2949
3041
  apiUrl: n,
@@ -2952,54 +3044,54 @@ function Bn({
2952
3044
  customerId: l,
2953
3045
  brandId: u,
2954
3046
  defaultFiatCurrency: m,
2955
- defaultCryptoCurrency: s,
2956
- defaultNetwork: i,
2957
- defaultFiatAmount: h,
2958
- defaultCryptoAmount: p,
3047
+ defaultCryptoCurrency: i,
3048
+ defaultNetwork: s,
3049
+ defaultFiatAmount: p,
3050
+ defaultCryptoAmount: h,
2959
3051
  defaultWalletAddress: d,
2960
3052
  defaultGateway: f,
2961
3053
  fieldLocks: y,
2962
- statusPollInterval: w,
3054
+ statusPollInterval: A,
2963
3055
  onComplete: b,
2964
3056
  onError: T,
2965
3057
  children: /* @__PURE__ */ e(
2966
- Mn,
3058
+ On,
2967
3059
  {
2968
- className: Q,
2969
- theme: Z,
3060
+ className: Y,
3061
+ theme: Q,
2970
3062
  skinId: q,
2971
3063
  accentColor: ee,
2972
- bgColor: se,
2973
- bgImage: g,
2974
- borderColor: L,
3064
+ bgColor: ie,
3065
+ bgImage: C,
3066
+ borderColor: k,
2975
3067
  borderRadius: S,
2976
3068
  surfaceColor: c,
2977
- inputBgColor: C,
2978
- textColor: P,
3069
+ inputBgColor: N,
3070
+ textColor: H,
2979
3071
  textSecondaryColor: I,
2980
3072
  textMutedColor: Se,
2981
- successColor: ie,
2982
- showFlowToggle: $,
3073
+ successColor: se,
3074
+ showFlowToggle: X,
2983
3075
  showSettings: ue,
2984
- showThemeToggle: k,
3076
+ showThemeToggle: L,
2985
3077
  autoRedirect: xe,
2986
- explorerUrl: V,
3078
+ explorerUrl: W,
2987
3079
  doneButtonText: ne,
2988
3080
  supportEmail: ae,
2989
- onDone: ge
3081
+ onDone: Ce
2990
3082
  }
2991
3083
  )
2992
3084
  }
2993
3085
  );
2994
3086
  }
2995
- function jn({
3087
+ function Gn({
2996
3088
  submitButtonText: t,
2997
3089
  rateRefreshInterval: n,
2998
3090
  ...a
2999
3091
  }) {
3000
- return /* @__PURE__ */ e(Bn, { ...a });
3092
+ return /* @__PURE__ */ e(Hn, { ...a });
3001
3093
  }
3002
- function Vn({
3094
+ function Zn({
3003
3095
  skin: t,
3004
3096
  active: n,
3005
3097
  onClick: a,
@@ -3032,13 +3124,13 @@ function Vn({
3032
3124
  }
3033
3125
  );
3034
3126
  }
3035
- function On({ quote: t }) {
3127
+ function Pn({ quote: t }) {
3036
3128
  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
3129
  "#",
3038
3130
  t.rank
3039
3131
  ] }) : null;
3040
3132
  }
3041
- function Pn({ quote: t }) {
3133
+ function Dn({ quote: t }) {
3042
3134
  return t.gatewayLogo ? /* @__PURE__ */ e(
3043
3135
  "img",
3044
3136
  {
@@ -3051,7 +3143,7 @@ function Pn({ quote: t }) {
3051
3143
  }
3052
3144
  ) : /* @__PURE__ */ e(qe, { size: 36 });
3053
3145
  }
3054
- function Dn() {
3146
+ function Un() {
3055
3147
  return /* @__PURE__ */ e("div", { className: "space-y-2", children: [0, 1, 2].map((t) => /* @__PURE__ */ o(
3056
3148
  "div",
3057
3149
  {
@@ -3078,17 +3170,17 @@ function Dn() {
3078
3170
  t
3079
3171
  )) });
3080
3172
  }
3081
- function Gn({
3173
+ function Yn({
3082
3174
  onClose: t,
3083
3175
  onSelect: n,
3084
3176
  quotes: a,
3085
3177
  quotesLoading: r,
3086
3178
  cryptoCurrency: l
3087
3179
  }) {
3088
- const [u, m] = v(""), s = j(() => {
3180
+ const [u, m] = g(""), i = j(() => {
3089
3181
  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;
3182
+ const s = u.trim().toLowerCase();
3183
+ return s ? a.quotes.filter((p) => p.gatewayName.toLowerCase().includes(s)) : a.quotes;
3092
3184
  }, [a, u]);
3093
3185
  return /* @__PURE__ */ o(te, { children: [
3094
3186
  /* @__PURE__ */ e("div", { className: "flex justify-end px-5 pt-5", children: /* @__PURE__ */ e(Ie, { onClick: t }) }),
@@ -3100,28 +3192,28 @@ function Gn({
3100
3192
  children: "Choose Ramp"
3101
3193
  }
3102
3194
  ),
3103
- /* @__PURE__ */ e(Fe, { value: u, onChange: m }),
3195
+ /* @__PURE__ */ e(Ke, { value: u, onChange: m }),
3104
3196
  /* @__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);
3197
+ 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) => {
3198
+ const h = p === 0, d = parseFloat(s.cryptoAmount), f = d >= 1 ? d.toFixed(4) : d.toPrecision(6);
3107
3199
  return /* @__PURE__ */ o(
3108
3200
  "button",
3109
3201
  {
3110
- onClick: () => n(i),
3202
+ onClick: () => n(s),
3111
3203
  className: "w-full flex items-center gap-3.5 transition-colors",
3112
3204
  style: {
3113
- borderRadius: p ? 4.5 : 5,
3114
- height: p ? 63 : 64,
3205
+ borderRadius: h ? 4.5 : 5,
3206
+ height: h ? 63 : 64,
3115
3207
  paddingLeft: 16,
3116
3208
  paddingRight: 16,
3117
- border: p ? "1px solid var(--t-border)" : "1px solid transparent",
3118
- background: p ? "transparent" : "var(--t-surface)"
3209
+ border: h ? "1px solid var(--t-border)" : "1px solid transparent",
3210
+ background: h ? "transparent" : "var(--t-surface)"
3119
3211
  },
3120
3212
  children: [
3121
- /* @__PURE__ */ e(Pn, { quote: i }),
3213
+ /* @__PURE__ */ e(Dn, { quote: s }),
3122
3214
  /* @__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 })
3215
+ /* @__PURE__ */ e("div", { className: "font-medium text-[15px]", style: { color: "var(--t-text)" }, children: s.gatewayName }),
3216
+ /* @__PURE__ */ e(Pn, { quote: s })
3125
3217
  ] }),
3126
3218
  /* @__PURE__ */ o("div", { className: "text-right shrink-0", children: [
3127
3219
  /* @__PURE__ */ e("div", { className: "text-[11px]", style: { color: "var(--t-text-secondary)" }, children: "You get" }),
@@ -3133,79 +3225,79 @@ function Gn({
3133
3225
  ] })
3134
3226
  ]
3135
3227
  },
3136
- i.gatewayId
3228
+ s.gatewayId
3137
3229
  );
3138
3230
  }),
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(
3231
+ !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
3232
  "div",
3141
3233
  {
3142
3234
  className: "flex items-center justify-between py-2 text-[12px]",
3143
3235
  style: { color: "var(--t-text-muted)" },
3144
3236
  children: [
3145
- /* @__PURE__ */ e("span", { children: i.gatewayName }),
3146
- /* @__PURE__ */ e("span", { children: i.reason })
3237
+ /* @__PURE__ */ e("span", { children: s.gatewayName }),
3238
+ /* @__PURE__ */ e("span", { children: s.reason })
3147
3239
  ]
3148
3240
  },
3149
- i.gatewayId
3241
+ s.gatewayId
3150
3242
  )) })
3151
3243
  ] })
3152
3244
  ] });
3153
3245
  }
3154
3246
  export {
3155
- En as AnimatedDigit,
3156
- An as AnimatedNumber,
3247
+ An as AnimatedDigit,
3248
+ Sn as AnimatedNumber,
3157
3249
  on as ApplePayIcon,
3158
- Ze as BLOCKCHAINS,
3250
+ Qe as BLOCKCHAINS,
3159
3251
  an as BankIcon,
3160
3252
  nn as CRYPTO_CHAIN_COMBOS,
3161
3253
  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,
3254
+ un as CardIcon,
3255
+ Gn as CheckoutForm,
3256
+ gn as CheckoutStep,
3257
+ ke as ChevronDown,
3258
+ mn as ChevronRight,
3259
+ Yn as ChooseRampModal,
3168
3260
  Ie as CloseButton,
3169
3261
  Wn as CoinifyIcon,
3170
3262
  Nn as CompleteStep,
3171
- Cn as ConfirmStep,
3172
- Rn as CryptoCurrencyModal,
3263
+ wn as ConfirmStep,
3264
+ Ln as CryptoCurrencyModal,
3173
3265
  Et as CryptoIcon,
3174
- mn as DarkModeIcon,
3175
- bn as ErrorStep,
3176
- gt as FIAT_CURRENCIES,
3266
+ pn as DarkModeIcon,
3267
+ En as ErrorStep,
3268
+ Ct as FIAT_CURRENCIES,
3177
3269
  qt as FIAT_TO_COUNTRY,
3178
- Sn as FiatCurrencyModal,
3179
- Je as FiatFlag,
3180
- wn as FormSkeleton,
3270
+ Tn as FiatCurrencyModal,
3271
+ ze as FiatFlag,
3272
+ Rn as FormSkeleton,
3181
3273
  qe as GenericCoinIcon,
3182
3274
  ln as GooglePayIcon,
3183
- Nt as MOCK_RATES,
3184
- un as MenuIcon,
3185
- He as Modal,
3275
+ vt as MOCK_RATES,
3276
+ hn as MenuIcon,
3277
+ De as Modal,
3186
3278
  sn as PayPalIcon,
3187
- yn as PaymentMethodSelector,
3188
- vn as ProcessingStep,
3189
- Bn as RampForm,
3190
- zt as RampProvider,
3279
+ Cn as PaymentMethodSelector,
3280
+ bn as ProcessingStep,
3281
+ Hn as RampForm,
3282
+ Jt as RampProvider,
3191
3283
  rn as RevolutIcon,
3192
- vt as SKINS,
3193
- Fe as SearchInput,
3194
- In as SettingsScreen,
3284
+ gt as SKINS,
3285
+ Ke as SearchInput,
3286
+ Bn as SettingsScreen,
3195
3287
  B as Skeleton,
3196
- Vn as SkinSwatch,
3197
- kn as ToggleSwitch,
3198
- $n as formatOutput,
3199
- ze as getChainIconUrl,
3200
- kt as getCryptoIconUrl,
3288
+ Zn as SkinSwatch,
3289
+ In as ToggleSwitch,
3290
+ jn as formatOutput,
3291
+ Je as getChainIconUrl,
3292
+ Lt as getCryptoIconUrl,
3201
3293
  en as getFiatFlagUrl,
3202
- Xn as getMockRate,
3203
- pn as getPaymentIcon,
3294
+ $n as getMockRate,
3295
+ fn as getPaymentIcon,
3204
3296
  tn as parseAmount,
3205
- Yt as useCheckoutIntent,
3297
+ Zt as useCheckoutIntent,
3206
3298
  Gt as useQuotes,
3207
- we as useRamp,
3208
- Vt as useRampConfig,
3209
- Qt as useTransaction
3299
+ Ae as useRamp,
3300
+ Wt as useRampConfig,
3301
+ Yt as useTransaction
3210
3302
  };
3211
3303
  //# sourceMappingURL=index.js.map