1import{i as b,b as u,n as p}from"../lit-element-CpNPWCG2.js";import{c as O,O as c,a as T,o as m,r as l,b as g}from"./react-D5Per-_S.js";import{e as C,y as j,w as $,i as I,f as E,J as D,r as B,u as z,ae as V,a1 as K,j as M,W as F,T as W}from"../W3MFrameProviderSingleton-BdBaQAFy.js";import"../chunk-4N6VE7H7-CYH4PXiQ.js";import"../NetworkUtil-CUGywhye.js";import"../preload-helper-ckwbz45p.js";import"./secp256k1-BdFLBRCS.js";import"../createBatchScheduler-DaBFsaCf.js";import"../rpc-CIWWEHu4.js";import"../http-BQzPmmQW.js";const N=O` 2 :host > wui-grid { 3 max-height: 360px; 4 overflow: auto; 5 } 6 7 wui-flex { 8 transition: opacity ${({easings:t})=>t["ease-out-power-1"]} 9 ${({durations:t})=>t.md}; 10 will-change: opacity; 11 } 12 13 wui-grid::-webkit-scrollbar { 14 display: none; 15 } 16 17 wui-flex.disabled { 18 opacity: 0.3; 19 pointer-events: none; 20 user-select: none; 21 } 22`;var A=function(t,e,i,o){var n=arguments.length,r=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};let P=class extends b{constructor(){super(),this.unsubscribe=[],this.selectedCurrency=c.state.paymentCurrency,this.currencies=c.state.paymentCurrencies,this.currencyImages=C.state.currencyImages,this.checked=T.state.isLegalCheckboxChecked,this.unsubscribe.push(c.subscribe(e=>{this.selectedCurrency=e.paymentCurrency,this.currencies=e.paymentCurrencies}),C.subscribeKey("currencyImages",e=>this.currencyImages=e),T.subscribeKey("isLegalCheckboxChecked",e=>{this.checked=e}))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){var a;const{termsConditionsUrl:e,privacyPolicyUrl:i}=j.state,o=(a=j.state.features)==null?void 0:a.legalCheckbox,s=!!(e||i)&&!!o&&!this.checked;return u` 23 <w3m-legal-checkbox></w3m-legal-checkbox> 24 <wui-flex 25 flexDirection="column" 26 .padding=${["0","3","3","3"]} 27 gap="2" 28 class=${m(s?"disabled":void 0)} 29 > 30 ${this.currenciesTemplate(s)} 31 </wui-flex> 32 `}currenciesTemplate(e=!1){return this.currencies.map(i=>{var o;return u` 33 <wui-list-item 34 imageSrc=${m((o=this.currencyImages)==null?void 0:o[i.id])} 35 @click=${()=>this.selectCurrency(i)} 36 variant="image" 37 tabIdx=${m(e?-1:void 0)} 38 > 39 <wui-text variant="md-medium" color="primary">${i.id}</wui-text> 40 </wui-list-item> 41 `})}selectCurrency(e){e&&(c.setPaymentCurrency(e),$.close())}};P.styles=N;A([l()],P.prototype,"selectedCurrency",void 0);A([l()],P.prototype,"currencies",void 0);A([l()],P.prototype,"currencyImages",void 0);A([l()],P.prototype,"checked",void 0);P=A([g("w3m-onramp-fiat-select-view")],P);const Y=O` 42 button { 43 padding: ${({spacing:t})=>t[3]}; 44 border-radius: ${({borderRadius:t})=>t[4]}; 45 border: none; 46 outline: none; 47 background-color: ${({tokens:t})=>t.core.glass010}; 48 width: 100%; 49 display: flex; 50 align-items: center; 51 justify-content: flex-start; 52 gap: ${({spacing:t})=>t[3]}; 53 transition: background-color ${({easings:t})=>t["ease-out-power-1"]} 54 ${({durations:t})=>t.md}; 55 will-change: background-color; 56 cursor: pointer; 57 } 58 59 button:hover { 60 background-color: ${({tokens:t})=>t.theme.foregroundPrimary}; 61 } 62 63 .provider-image { 64 width: ${({spacing:t})=>t[10]}; 65 min-width: ${({spacing:t})=>t[10]}; 66 height: ${({spacing:t})=>t[10]}; 67 border-radius: calc( 68 ${({borderRadius:t})=>t[4]} - calc(${({spacing:t})=>t[3]} / 2) 69 ); 70 position: relative; 71 overflow: hidden; 72 } 73 74 .network-icon { 75 width: ${({spacing:t})=>t[3]}; 76 height: ${({spacing:t})=>t[3]}; 77 border-radius: calc(${({spacing:t})=>t[3]} / 2); 78 overflow: hidden; 79 box-shadow: 80 0 0 0 3px ${({tokens:t})=>t.theme.foregroundPrimary}, 81 0 0 0 3px ${({tokens:t})=>t.theme.backgroundPrimary}; 82 transition: box-shadow ${({easings:t})=>t["ease-out-power-1"]} 83 ${({durations:t})=>t.md}; 84 will-change: box-shadow; 85 } 86 87 button:hover .network-icon { 88 box-shadow: 89 0 0 0 3px ${({tokens:t})=>t.core.glass010}, 90 0 0 0 3px ${({tokens:t})=>t.theme.backgroundPrimary}; 91 } 92`;
92var v=function(t,e,i,o){var n=arguments.length,r=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};let h=class extends b{constructor(){super(...arguments),this.disabled=!1,this.color="inherit",this.label="",this.feeRange="",this.loading=!1,this.onClick=null}render(){return u` 93 <button ?disabled=${this.disabled} @click=${this.onClick} ontouchstart> 94 <wui-visual name=${m(this.name)} class="provider-image"></wui-visual> 95 <wui-flex flexDirection="column" gap="01"> 96 <wui-text variant="md-regular" color="primary">${this.label}</wui-text> 97 <wui-flex alignItems="center" justifyContent="flex-start" gap="4"> 98 <wui-text variant="sm-medium" color="primary"> 99 <wui-text variant="sm-regular" color="secondary">Fees</wui-text> 100 ${this.feeRange} 101 </wui-text> 102 <wui-flex gap="2"> 103 <wui-icon name="bank" size="sm" color="default"></wui-icon> 104 <wui-icon name="card" size="sm" color="default"></wui-icon> 105 </wui-flex> 106 ${this.networksTemplate()} 107 </wui-flex> 108 </wui-flex> 109 ${this.loading?u`<wui-loading-spinner color="secondary" size="md"></wui-loading-spinner>`:u`<wui-icon name="chevronRight" color="default" size="sm"></wui-icon>`} 110 </button> 111 `}networksTemplate(){var o;const e=I.getAllRequestedCaipNetworks(),i=(o=e==null?void 0:e.filter(n=>{var r;return(r=n==null?void 0:n.assets)==null?void 0:r.imageId}))==null?void 0:o.slice(0,5);return u` 112 <wui-flex class="networks"> 113 ${i==null?void 0:i.map(n=>u` 114 <wui-flex class="network-icon"> 115 <wui-image src=${m(E.getNetworkImage(n))}></wui-image> 116 </wui-flex> 117 `)} 118 </wui-flex> 119 `}};h.styles=[Y];v([p({type:Boolean})],h.prototype,"disabled",void 0);v([p()],h.prototype,"color",void 0);v([p()],h.prototype,"name",void 0);v([p()],h.prototype,"label",void 0);v([p()],h.prototype,"feeRange",void 0);v([p({type:Boolean})],h.prototype,"loading",void 0);v([p()],h.prototype,"onClick",void 0);h=v([g("w3m-onramp-provider-item")],h);var S=function(t,e,i,o){var n=arguments.length,r=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};let U=class extends b{constructor(){super(),this.unsubscribe=[],this.providers=c.state.providers,this.unsubscribe.push(c.subscribeKey("providers",e=>{this.providers=e}))}render(){return u` 120 <wui-flex flexDirection="column" .padding=${["0","3","3","3"]} gap="2"> 121 ${this.onRampProvidersTemplate()} 122 </wui-flex> 123 `}onRampProvidersTemplate(){return this.providers.filter(e=>e.supportedChains.includes(I.state.activeChain??"eip155")).map(e=>u` 124 <w3m-onramp-provider-item 125 label=${e.label} 126 name=${e.name} 127 feeRange=${e.feeRange} 128 @click=${()=>{this.onClickProvider(e)}} 129 ?disabled=${!e.url} 130 data-testid=${`onramp-provider-${e.name}`} 131 ></w3m-onramp-provider-item> 132 `)}onClickProvider(e){var i;c.setSelectedProvider(e),D.push("BuyInProgress"),B.openHref(((i=c.state.selectedProvider)==null?void 0:i.url)||e.url,"popupWindow","width=600,height=800,scrollbars=yes"),z.sendEvent({type:"track",event:"SELECT_BUY_PROVIDER",properties:{provider:e.name,isSmartAccount:V(I.state.activeChain)===K.ACCOUNT_TYPES.SMART_ACCOUNT}})}};S([l()],U.prototype,"providers",void 0);U=S([g("w3m-onramp-providers-view")],U);const q=O` 133 :host > wui-grid { 134 max-height: 360px; 135 overflow: auto; 136 } 137 138 wui-flex { 139 transition: opacity ${({easings:t})=>t["ease-out-power-1"]} 140 ${({durations:t})=>t.md}; 141 will-change: opacity; 142 } 143 144 wui-grid::-webkit-scrollbar {
145 display: none; 146 } 147 148 wui-flex.disabled { 149 opacity: 0.3; 150 pointer-events: none; 151 user-select: none; 152 } 153`;var _=function(t,e,i,o){var n=arguments.length,r=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};let k=class extends b{constructor(){super(),this.unsubscribe=[],this.selectedCurrency=c.state.purchaseCurrencies,this.tokens=c.state.purchaseCurrencies,this.tokenImages=C.state.tokenImages,this.checked=T.state.isLegalCheckboxChecked,this.unsubscribe.push(c.subscribe(e=>{this.selectedCurrency=e.purchaseCurrencies,this.tokens=e.purchaseCurrencies}),C.subscribeKey("tokenImages",e=>this.tokenImages=e),T.subscribeKey("isLegalCheckboxChecked",e=>{this.checked=e}))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){var a;const{termsConditionsUrl:e,privacyPolicyUrl:i}=j.state,o=(a=j.state.features)==null?void 0:a.legalCheckbox,s=!!(e||i)&&!!o&&!this.checked;return u` 154 <w3m-legal-checkbox></w3m-legal-checkbox> 155 <wui-flex 156 flexDirection="column" 157 .padding=${["0","3","3","3"]} 158 gap="2" 159 class=${m(s?"disabled":void 0)} 160 > 161 ${this.currenciesTemplate(s)} 162 </wui-flex> 163 `}currenciesTemplate(e=!1){return this.tokens.map(i=>{var o;return u` 164 <wui-list-item 165 imageSrc=${m((o=this.tokenImages)==null?void 0:o[i.symbol])} 166 @click=${()=>this.selectToken(i)} 167 variant="image" 168 tabIdx=${m(e?-1:void 0)} 169 > 170 <wui-flex gap="1" alignItems="center"> 171 <wui-text variant="md-medium" color="primary">${i.name}</wui-text> 172 <wui-text variant="sm-regular" color="secondary">${i.symbol}</wui-text> 173 </wui-flex> 174 </wui-list-item> 175 `})}selectToken(e){e&&(c.setPurchaseCurrency(e),$.close())}};k.styles=q;_([l()],k.prototype,"selectedCurrency",void 0);_([l()],k.prototype,"tokens",void 0);_([l()],k.prototype,"tokenImages",void 0);_([l()],k.prototype,"checked",void 0);k=_([g("w3m-onramp-token-select-view")],k);const Q=O` 176 @keyframes shake { 177 0% { 178 transform: translateX(0); 179 } 180 25% { 181 transform: translateX(3px); 182 } 183 50% { 184 transform: translateX(-3px); 185 } 186 75% { 187 transform: translateX(3px); 188 } 189 100% { 190 transform: translateX(0); 191 } 192 } 193 194 wui-flex:first-child:not(:only-child) { 195 position: relative; 196 } 197 198 wui-loading-thumbnail { 199 position: absolute; 200 } 201 202 wui-visual { 203 border-radius: calc( 204 ${({borderRadius:t})=>t[1]} * 9 - ${({borderRadius:t})=>t[3]} 205 ); 206 position: relative; 207 overflow: hidden; 208 } 209 210 wui-icon-box { 211 position: absolute; 212 right: calc(${({spacing:t})=>t[1]} * -1); 213 bottom: calc(${({spacing:t})=>t[1]} * -1); 214 opacity: 0; 215 transform: scale(0.5); 216 transition: 217 opacity ${({durations:t})=>t.lg} ${({easings:t})=>t["ease-out-power-2"]}, 218 transform ${({durations:t})=>t.lg} 219 ${({easings:t})=>t["ease-out-power-2"]}; 220 will-change: opacity, transform; 221 } 222 223 wui-text[align='center'] { 224 width: 100%; 225 padding: 0px ${({spacing:t})=>t[4]}; 226 } 227 228 [data-error='true'] wui-icon-box { 229 opacity: 1; 230 transform: scale(1); 231 } 232 233 [data-error='true'] > wui-flex:first-child { 234 animation: shake 250ms ${({easings:t})=>t["ease-out-power-2"]} both; 235 } 236 237 [data-retry='false'] wui-link { 238 display: none; 239 } 240 241 [data-retry='true'] wui-link { 242 display: block; 243 opacity: 1; 244 } 245 246 wui-link { 247 padding: ${({spacing:t})=>t["01"]} ${({spacing:t})=>t[2]}; 248 } 249`;var y=function(t,e,i,o){var n=arguments.length,r=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};let d=class extends b{constructor(){super(),this.unsubscribe=[],this.selectedOnRampProvider=c.state.selectedProvider,this.uri=M.state.wcUri,this.ready=!1,this.showRetry=!1,this.buffering=!1,this.error=!1,this.isMobile=!1,this.onRetry=void 0,this.unsubscribe.push(c.subscribeKey("selectedProvider",e=>{this.selectedOnRampProvider=e}))}disconnectedCallback(){this.intervalId&&clearInterval(this.intervalId)}render(){var o,n;let e="Continue in external window";this.error?e="Buy failed":this.selectedOnRampProvider&&(e=`Buy in ${(o=this.selectedOnRampProvider)==null?void 0:o.label}`);const i=this.error?"Buy can be declined from your side or due to and error on the provider app":"Weâll notify you once your Buy is processed";return u` 250 <wui-flex 251 data-error=${m(this.error)} 252 data-retry=${this.showRetry} 253 flexDirection="column" 254 alignItems="center" 255 .padding=${["10","5","5","5"]} 256 gap="5" 257 > 258 <wui-flex justifyContent="center" alignItems="center"> 259 <wui-visual 260 name=${m((n=this.selectedOnRampProvider)==null?void 0:n.name)} 261 size="lg" 262 class="provider-image" 263 > 264 </wui-visual> 265 266 ${this.error?null:this.loaderTemplate()} 267 268 <wui-icon-box 269 color="error" 270 icon="close" 271 size="sm" 272 border 273 borderColor="wui-color-bg-125" 274 ></wui-icon-box> 275 </wui-flex> 276 277 <wui-flex 278 flexDirection="column" 279 alignItems="center" 280 gap="2" 281 .padding=${["4","0","0","0"]} 282 > 283 <wui-text variant="md-medium" color=${this.error?"error":"primary"}> 284 ${e} 285 </wui-text> 286 <wui-text align="center" variant="sm-medium" color="secondary">${i}</wui-text> 287 </wui-flex> 288 289 ${this.error?this.tryAgainTemplate():null} 290 </wui-flex> 291 292 <wui-flex .padding=${["0","5","5","5"]} justifyContent="center"> 293 <wui-link @click=${this.onCopyUri} color="secondary"> 294 <wui-icon size="sm" color="default" slot="iconLeft" name="copy"></wui-icon> 295 Copy link 296 </wui-link> 297 </wui-flex> 298 `}onTryAgain(){this.selectedOnRampProvider&&(this.error=!1,B.openHref(this.selectedOnRampProvider.url,"popupWindow","width=600,height=800,scrollbars=yes"))}tryAgainTemplate(){var e;return(e=this.selectedOnRampProvider)!=null&&e.url?u`<wui-button size="md" variant="accent" @click=${this.onTryAgain.bind(this)}> 299 <wui-icon color="inherit" slot="iconLeft" name="refresh"></wui-icon> 300 Try again 301 </wui-button>
301`:null}loaderTemplate(){const e=F.state.themeVariables["--w3m-border-radius-master"],i=e?parseInt(e.replace("px",""),10):4;return u`<wui-loading-thumbnail radius=${i*9}></wui-loading-thumbnail>`}onCopyUri(){var e;if(!((e=this.selectedOnRampProvider)!=null&&e.url)){W.showError("No link found"),D.goBack();return}try{B.copyToClopboard(this.selectedOnRampProvider.url),W.showSuccess("Link copied")}catch{W.showError("Failed to copy")}}};d.styles=Q;y([l()],d.prototype,"intervalId",void 0);y([l()],d.prototype,"selectedOnRampProvider",void 0);y([l()],d.prototype,"uri",void 0);y([l()],d.prototype,"ready",void 0);y([l()],d.prototype,"showRetry",void 0);y([l()],d.prototype,"buffering",void 0);y([l()],d.prototype,"error",void 0);y([p({type:Boolean})],d.prototype,"isMobile",void 0);y([p()],d.prototype,"onRetry",void 0);d=y([g("w3m-buy-in-progress-view")],d);var X=function(t,e,i,o){var n=arguments.length,r=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};let L=class extends b{render(){return u` 302 <wui-flex 303 flexDirection="column" 304 .padding=${["6","10","5","10"]} 305 alignItems="center" 306 gap="5" 307 > 308 <wui-visual name="onrampCard"></wui-visual> 309 <wui-flex flexDirection="column" gap="2" alignItems="center"> 310 <wui-text align="center" variant="md-medium" color="primary"> 311 Quickly and easily buy digital assets! 312 </wui-text> 313 <wui-text align="center" variant="sm-regular" color="secondary"> 314 Simply select your preferred onramp provider and add digital assets to your account 315 using your credit card or bank transfer 316 </wui-text> 317 </wui-flex> 318 <wui-button @click=${D.goBack}> 319 <wui-icon size="sm" color="inherit" name="add" slot="iconLeft"></wui-icon> 320 Buy 321 </wui-button> 322 </wui-flex> 323 `}};L=X([g("w3m-what-is-a-buy-view")],L);const H=O` 324 :host { 325 width: 100%; 326 } 327 328 wui-loading-spinner { 329 position: absolute; 330 top: 50%; 331 right: 20px; 332 transform: translateY(-50%); 333 } 334 335 .currency-container { 336 position: absolute; 337 top: 50%; 338 transform: translateY(-50%); 339 right: ${({spacing:t})=>t[2]}; 340 height: 40px; 341 padding: ${({spacing:t})=>t[2]} ${({spacing:t})=>t[2]} 342 ${({spacing:t})=>t[2]} ${({spacing:t})=>t[2]}; 343 min-width: 95px; 344 border-radius: ${({borderRadius:t})=>t.round}; 345 border: 1px solid ${({tokens:t})=>t.theme.foregroundPrimary}; 346 background: ${({tokens:t})=>t.theme.foregroundPrimary}; 347 cursor: pointer; 348 } 349 350 .currency-container > wui-image { 351 height: 24px; 352 width: 24px; 353 border-radius: 50%; 354 } 355`;var R=function(t,e,i,o){var n=arguments.length,r=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};let w=class extends b{constructor(){var e;super(),this.unsubscribe=[],this.type="Token",this.value=0,this.currencies=[],this.selectedCurrency=(e=this.currencies)==null?void 0:e[0],this.currencyImages=C.state.currencyImages,this.tokenImages=C.state.tokenImages,this.unsubscribe.push(c.subscribeKey("purchaseCurrency",i=>{!i||this.type==="Fiat"||(this.selectedCurrency=this.formatPurchaseCurrency(i))}),c.subscribeKey("paymentCurrency",i=>{!i||this.type==="Token"||(this.selectedCurrency=this.formatPaymentCurrency(i))}),c.subscribe(i=>{this.type==="Fiat"?this.currencies=i.purchaseCurrencies.map(this.formatPurchaseCurrency):this.currencies=i.paymentCurrencies.map(this.formatPaymentCurrency)}),C.subscribe(i=>{this.currencyImages={...i.currencyImages},this.tokenImages={...i.tokenImages}}))}firstUpdated(){c.getAvailableCurrencies()}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){var o;const e=((o=this.selectedCurrency)==null?void 0:o.symbol)||"",i=this.currencyImages[e]||this.tokenImages[e];return u`<wui-input-text type="number" size="lg" value=${this.value}> 356 ${this.selectedCurrency?u` <wui-flex 357 class="currency-container" 358 justifyContent="space-between" 359 alignItems="center" 360 gap="1" 361 @click=${()=>$.open({view:`OnRamp${this.type}Select`})} 362 > 363 <wui-image src=${m(i)}></wui-image> 364 <wui-text color="primary">${this.selectedCurrency.symbol}</wui-text> 365 </wui-flex>`:u`<wui-loading-spinner></wui-loading-spinner>`} 366 </wui-input-text>`}formatPaymentCurrency(e){return{name:e.id,symbol:e.id}}formatPurchaseCurrency(e){return{name:e.name,symbol:e.symbol}}};w.styles=H;R([p({type:String})],w.prototype,"type",void 0);R([p({type:Number})],w.prototype,"value",void 0);R([l()],w.prototype,"currencies",void 0);R([l()],w.prototype,"selectedCurrency",void 0);R([l()],w.prototype,"currencyImages",void 0);R([l()],w.prototype,"tokenImages",void 0);w=R([g("w3m-onramp-input")],w);const G=O` 367 :host > wui-flex { 368 width: 100%; 369 max-width: 360px; 370 } 371 372 :host > wui-flex > wui-flex { 373 border-radius: ${({borderRadius:t})=>t[8]}; 374 width: 100%; 375 } 376 377 .amounts-container { 378 width: 100%; 379 } 380`;
380var x=function(t,e,i,o){var n=arguments.length,r=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r};const J={USD:"$",EUR:"â¬",GBP:"£"},Z=[100,250,500,1e3];let f=class extends b{constructor(){super(),this.unsubscribe=[],this.disabled=!1,this.caipAddress=I.state.activeCaipAddress,this.loading=$.state.loading,this.paymentCurrency=c.state.paymentCurrency,this.paymentAmount=c.state.paymentAmount,this.purchaseAmount=c.state.purchaseAmount,this.quoteLoading=c.state.quotesLoading,this.unsubscribe.push(I.subscribeKey("activeCaipAddress",e=>this.caipAddress=e),$.subscribeKey("loading",e=>{this.loading=e}),c.subscribe(e=>{this.paymentCurrency=e.paymentCurrency,this.paymentAmount=e.paymentAmount,this.purchaseAmount=e.purchaseAmount,this.quoteLoading=e.quotesLoading}))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){return u` 381 <wui-flex flexDirection="column" justifyContent="center" alignItems="center"> 382 <wui-flex flexDirection="column" alignItems="center" gap="2"> 383 <w3m-onramp-input 384 type="Fiat" 385 @inputChange=${this.onPaymentAmountChange.bind(this)} 386 .value=${this.paymentAmount||0} 387 ></w3m-onramp-input> 388 <w3m-onramp-input 389 type="Token" 390 .value=${this.purchaseAmount||0} 391 .loading=${this.quoteLoading} 392 ></w3m-onramp-input> 393 <wui-flex justifyContent="space-evenly" class="amounts-container" gap="2"> 394 ${Z.map(e=>{var i;return u`<wui-button 395 variant=${this.paymentAmount===e?"accent-secondary":"neutral-secondary"} 396 size="md" 397 textVariant="md-medium" 398 fullWidth 399 @click=${()=>this.selectPresetAmount(e)} 400 >${`${J[((i=this.paymentCurrency)==null?void 0:i.id)||"USD"]} ${e}`}</wui-button 401 >`})} 402 </wui-flex> 403 ${this.templateButton()} 404 </wui-flex> 405 </wui-flex> 406 `}templateButton(){return this.caipAddress?u`<wui-button 407 @click=${this.getQuotes.bind(this)} 408 variant="accent-primary" 409 fullWidth 410 size="lg" 411 borderRadius="xs" 412 > 413 Get quotes 414 </wui-button>`:u`<wui-button 415 @click=${this.openModal.bind(this)} 416 variant="accent" 417 fullWidth 418 size="lg" 419 borderRadius="xs" 420 > 421 Connect wallet 422 </wui-button>`}getQuotes(){this.loading||$.open({view:"OnRampProviders"})}openModal(){$.open({view:"Connect"})}async onPaymentAmountChange(e){c.setPaymentAmount(Number(e.detail)),await c.getQuote()}async selectPresetAmount(e){c.setPaymentAmount(e),await c.getQuote()}};f.styles=G;x([p({type:Boolean})],f.prototype,"disabled",void 0);x([l()],f.prototype,"caipAddress",void 0);x([l()],f.prototype,"loading",void 0);x([l()],f.prototype,"paymentCurrency",void 0);x([l()],f.prototype,"paymentAmount",void 0);x([l()],f.prototype,"purchaseAmount",void 0);x([l()],f.prototype,"quoteLoading",void 0);f=x([g("w3m-onramp-widget")],f);export{d as W3mBuyInProgressView,U as W3mOnRampProvidersView,P as W3mOnrampFiatSelectView,k as W3mOnrampTokensView,f as W3mOnrampWidget,L as W3mWhatIsABuyView}; 423!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(new Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="8401dff3-a9e8-5860-8e26-1e9672c14a4d")}catch(e){}}() 424//# debugId=8401dff3-a9e8-5860-8e26-1e9672c14a4d 425//# sourceMappingURL=onramp-W3eU6Ndh.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.