@dcl/shop 0.0.1 → 0.1.0-28686241684.commit-5598576

package/assets/onramp-BWZmvxEv.js

@@ -0,0 +1,422 @@
+import{i as b,b as u}from"./lit-element-B3y9oplH.js";import{o as m,r as l,n as p}from"./class-map-CxwNmq0D.js";import{d as O,O as c}from"./index-CYxXj61Q.js";import{c as g}from"./index-CueuNwh4.js";import"./index-DnGFbN29.js";import{O as T}from"./index-BY5wyqXS.js";import{L as C,O as j,M as $,C as I,q as E,R as L,b as B,E as z,l as V,W as M,k as K,T as q,S as W}from"./W3MFrameProviderSingleton-CDHIKQXl.js";import"./index-xEvdgHfO.js";import"./index-BaP8MVTp.js";import"./index-BHvRwQg7.js";import"./index-GrWkulGG.js";import"./index-wL3_hwwz.js";import"./index-Bff277o0.js";import"./index-DJ21T-qG.js";import"./index-CCcg8dXv.js";import"./index-B8NQc7SV.js";import"./react-E8ng6RF2.js";import"./ethers-BxoDGoYp.js";import"./index-VfF1wHns.js";import"./index-Dh9TVpdt.js";import"./index-BwWuCRvy.js";import"./index-nibyPLVP.js";import"./index-BYAPkd1k.js";import"./index.es-BXhWAdl8.js";import"./browser-ponyfill-DgNUJw98.js";import"./NetworkUtil-DRBYr7tG.js";import"./ref-BsAZ42-h.js";import"./async-directive-BRxn_Py3.js";const F=O`
+  :host > wui-grid {
+    max-height: 360px;
+    overflow: auto;
+  }
+
+  wui-flex {
+    transition: opacity ${({easings:t})=>t["ease-out-power-1"]}
+      ${({durations:t})=>t.md};
+    will-change: opacity;
+  }
+
+  wui-grid::-webkit-scrollbar {
+    display: none;
+  }
+
+  wui-flex.disabled {
+    opacity: 0.3;
+    pointer-events: none;
+    user-select: none;
+  }
+`;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`
+      <w3m-legal-checkbox></w3m-legal-checkbox>
+      <wui-flex
+        flexDirection="column"
+        .padding=${["0","3","3","3"]}
+        gap="2"
+        class=${m(s?"disabled":void 0)}
+      >
+        ${this.currenciesTemplate(s)}
+      </wui-flex>
+    `}currenciesTemplate(e=!1){return this.currencies.map(i=>{var o;return u`
+        <wui-list-item
+          imageSrc=${m((o=this.currencyImages)==null?void 0:o[i.id])}
+          @click=${()=>this.selectCurrency(i)}
+          variant="image"
+          tabIdx=${m(e?-1:void 0)}
+        >
+          <wui-text variant="md-medium" color="primary">${i.id}</wui-text>
+        </wui-list-item>
+      `})}selectCurrency(e){e&&(c.setPaymentCurrency(e),$.close())}};P.styles=F;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 N=O`
+  button {
+    padding: ${({spacing:t})=>t[3]};
+    border-radius: ${({borderRadius:t})=>t[4]};
+    border: none;
+    outline: none;
+    background-color: ${({tokens:t})=>t.core.glass010};
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    gap: ${({spacing:t})=>t[3]};
+    transition: background-color ${({easings:t})=>t["ease-out-power-1"]}
+      ${({durations:t})=>t.md};
+    will-change: background-color;
+    cursor: pointer;
+  }
+
+  button:hover {
+    background-color: ${({tokens:t})=>t.theme.foregroundPrimary};
+  }
+
+  .provider-image {
+    width: ${({spacing:t})=>t[10]};
+    min-width: ${({spacing:t})=>t[10]};
+    height: ${({spacing:t})=>t[10]};
+    border-radius: calc(
+      ${({borderRadius:t})=>t[4]} - calc(${({spacing:t})=>t[3]} / 2)
+    );
+    position: relative;
+    overflow: hidden;
+  }
+
+  .network-icon {
+    width: ${({spacing:t})=>t[3]};
+    height: ${({spacing:t})=>t[3]};
+    border-radius: calc(${({spacing:t})=>t[3]} / 2);
+    overflow: hidden;
+    box-shadow:
+      0 0 0 3px ${({tokens:t})=>t.theme.foregroundPrimary},
+      0 0 0 3px ${({tokens:t})=>t.theme.backgroundPrimary};
+    transition: box-shadow ${({easings:t})=>t["ease-out-power-1"]}
+      ${({durations:t})=>t.md};
+    will-change: box-shadow;
+  }
+
+  button:hover .network-icon {
+    box-shadow:
+      0 0 0 3px ${({tokens:t})=>t.core.glass010},
+      0 0 0 3px ${({tokens:t})=>t.theme.backgroundPrimary};
+  }
+`;var 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`
+      <button ?disabled=${this.disabled} @click=${this.onClick} ontouchstart>
+        <wui-visual name=${m(this.name)} class="provider-image"></wui-visual>
+        <wui-flex flexDirection="column" gap="01">
+          <wui-text variant="md-regular" color="primary">${this.label}</wui-text>
+          <wui-flex alignItems="center" justifyContent="flex-start" gap="4">
+            <wui-text variant="sm-medium" color="primary">
+              <wui-text variant="sm-regular" color="secondary">Fees</wui-text>
+              ${this.feeRange}
+            </wui-text>
+            <wui-flex gap="2">
+              <wui-icon name="bank" size="sm" color="default"></wui-icon>
+              <wui-icon name="card" size="sm" color="default"></wui-icon>
+            </wui-flex>
+            ${this.networksTemplate()}
+          </wui-flex>
+        </wui-flex>
+        ${this.loading?u`<wui-loading-spinner color="secondary" size="md"></wui-loading-spinner>`:u`<wui-icon name="chevronRight" color="default" size="sm"></wui-icon>`}
+      </button>
+    `}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`
+      <wui-flex class="networks">
+        ${i==null?void 0:i.map(n=>u`
+            <wui-flex class="network-icon">
+              <wui-image src=${m(E.getNetworkImage(n))}></wui-image>
+            </wui-flex>
+          `)}
+      </wui-flex>
+    `}};h.styles=[N];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 D=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`
+      <wui-flex flexDirection="column" .padding=${["0","3","3","3"]} gap="2">
+        ${this.onRampProvidersTemplate()}
+      </wui-flex>
+    `}onRampProvidersTemplate(){return this.providers.filter(e=>e.supportedChains.includes(I.state.activeChain??"eip155")).map(e=>u`
+          <w3m-onramp-provider-item
+            label=${e.label}
+            name=${e.name}
+            feeRange=${e.feeRange}
+            @click=${()=>{this.onClickProvider(e)}}
+            ?disabled=${!e.url}
+            data-testid=${`onramp-provider-${e.name}`}
+          ></w3m-onramp-provider-item>
+        `)}onClickProvider(e){var i;c.setSelectedProvider(e),L.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)===M.ACCOUNT_TYPES.SMART_ACCOUNT}})}};D([l()],U.prototype,"providers",void 0);U=D([g("w3m-onramp-providers-view")],U);const Y=O`
+  :host > wui-grid {
+    max-height: 360px;
+    overflow: auto;
+  }
+
+  wui-flex {
+    transition: opacity ${({easings:t})=>t["ease-out-power-1"]}
+      ${({durations:t})=>t.md};
+    will-change: opacity;
+  }
+
+  wui-grid::-webkit-scrollbar {
+    display: none;
+  }
+
+  wui-flex.disabled {
+    opacity: 0.3;
+    pointer-events: none;
+    user-select: none;
+  }
+`;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`
+      <w3m-legal-checkbox></w3m-legal-checkbox>
+      <wui-flex
+        flexDirection="column"
+        .padding=${["0","3","3","3"]}
+        gap="2"
+        class=${m(s?"disabled":void 0)}
+      >
+        ${this.currenciesTemplate(s)}
+      </wui-flex>
+    `}currenciesTemplate(e=!1){return this.tokens.map(i=>{var o;return u`
+        <wui-list-item
+          imageSrc=${m((o=this.tokenImages)==null?void 0:o[i.symbol])}
+          @click=${()=>this.selectToken(i)}
+          variant="image"
+          tabIdx=${m(e?-1:void 0)}
+        >
+          <wui-flex gap="1" alignItems="center">
+            <wui-text variant="md-medium" color="primary">${i.name}</wui-text>
+            <wui-text variant="sm-regular" color="secondary">${i.symbol}</wui-text>
+          </wui-flex>
+        </wui-list-item>
+      `})}selectToken(e){e&&(c.setPurchaseCurrency(e),$.close())}};k.styles=Y;_([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`
+  @keyframes shake {
+    0% {
+      transform: translateX(0);
+    }
+    25% {
+      transform: translateX(3px);
+    }
+    50% {
+      transform: translateX(-3px);
+    }
+    75% {
+      transform: translateX(3px);
+    }
+    100% {
+      transform: translateX(0);
+    }
+  }
+
+  wui-flex:first-child:not(:only-child) {
+    position: relative;
+  }
+
+  wui-loading-thumbnail {
+    position: absolute;
+  }
+
+  wui-visual {
+    border-radius: calc(
+      ${({borderRadius:t})=>t[1]} * 9 - ${({borderRadius:t})=>t[3]}
+    );
+    position: relative;
+    overflow: hidden;
+  }
+
+  wui-icon-box {
+    position: absolute;
+    right: calc(${({spacing:t})=>t[1]} * -1);
+    bottom: calc(${({spacing:t})=>t[1]} * -1);
+    opacity: 0;
+    transform: scale(0.5);
+    transition:
+      opacity ${({durations:t})=>t.lg} ${({easings:t})=>t["ease-out-power-2"]},
+      transform ${({durations:t})=>t.lg}
+        ${({easings:t})=>t["ease-out-power-2"]};
+    will-change: opacity, transform;
+  }
+
+  wui-text[align='center'] {
+    width: 100%;
+    padding: 0px ${({spacing:t})=>t[4]};
+  }
+
+  [data-error='true'] wui-icon-box {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  [data-error='true'] > wui-flex:first-child {
+    animation: shake 250ms ${({easings:t})=>t["ease-out-power-2"]} both;
+  }
+
+  [data-retry='false'] wui-link {
+    display: none;
+  }
+
+  [data-retry='true'] wui-link {
+    display: block;
+    opacity: 1;
+  }
+
+  wui-link {
+    padding: ${({spacing:t})=>t["01"]} ${({spacing:t})=>t[2]};
+  }
+`;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=K.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`
+      <wui-flex
+        data-error=${m(this.error)}
+        data-retry=${this.showRetry}
+        flexDirection="column"
+        alignItems="center"
+        .padding=${["10","5","5","5"]}
+        gap="5"
+      >
+        <wui-flex justifyContent="center" alignItems="center">
+          <wui-visual
+            name=${m((n=this.selectedOnRampProvider)==null?void 0:n.name)}
+            size="lg"
+            class="provider-image"
+          >
+          </wui-visual>
+
+          ${this.error?null:this.loaderTemplate()}
+
+          <wui-icon-box
+            color="error"
+            icon="close"
+            size="sm"
+            border
+            borderColor="wui-color-bg-125"
+          ></wui-icon-box>
+        </wui-flex>
+
+        <wui-flex
+          flexDirection="column"
+          alignItems="center"
+          gap="2"
+          .padding=${["4","0","0","0"]}
+        >
+          <wui-text variant="md-medium" color=${this.error?"error":"primary"}>
+            ${e}
+          </wui-text>
+          <wui-text align="center" variant="sm-medium" color="secondary">${i}</wui-text>
+        </wui-flex>
+
+        ${this.error?this.tryAgainTemplate():null}
+      </wui-flex>
+
+      <wui-flex .padding=${["0","5","5","5"]} justifyContent="center">
+        <wui-link @click=${this.onCopyUri} color="secondary">
+          <wui-icon size="sm" color="default" slot="iconLeft" name="copy"></wui-icon>
+          Copy link
+        </wui-link>
+      </wui-flex>
+    `}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)}>
+      <wui-icon color="inherit" slot="iconLeft" name="refresh"></wui-icon>
+      Try again
+    </wui-button>`:null}loaderTemplate(){const e=q.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"),L.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 S=class extends b{render(){return u`
+      <wui-flex
+        flexDirection="column"
+        .padding=${["6","10","5","10"]}
+        alignItems="center"
+        gap="5"
+      >
+        <wui-visual name="onrampCard"></wui-visual>
+        <wui-flex flexDirection="column" gap="2" alignItems="center">
+          <wui-text align="center" variant="md-medium" color="primary">
+            Quickly and easily buy digital assets!
+          </wui-text>
+          <wui-text align="center" variant="sm-regular" color="secondary">
+            Simply select your preferred onramp provider and add digital assets to your account
+            using your credit card or bank transfer
+          </wui-text>
+        </wui-flex>
+        <wui-button @click=${L.goBack}>
+          <wui-icon size="sm" color="inherit" name="add" slot="iconLeft"></wui-icon>
+          Buy
+        </wui-button>
+      </wui-flex>
+    `}};S=X([g("w3m-what-is-a-buy-view")],S);const H=O`
+  :host {
+    width: 100%;
+  }
+
+  wui-loading-spinner {
+    position: absolute;
+    top: 50%;
+    right: 20px;
+    transform: translateY(-50%);
+  }
+
+  .currency-container {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    right: ${({spacing:t})=>t[2]};
+    height: 40px;
+    padding: ${({spacing:t})=>t[2]} ${({spacing:t})=>t[2]}
+      ${({spacing:t})=>t[2]} ${({spacing:t})=>t[2]};
+    min-width: 95px;
+    border-radius: ${({borderRadius:t})=>t.round};
+    border: 1px solid ${({tokens:t})=>t.theme.foregroundPrimary};
+    background: ${({tokens:t})=>t.theme.foregroundPrimary};
+    cursor: pointer;
+  }
+
+  .currency-container > wui-image {
+    height: 24px;
+    width: 24px;
+    border-radius: 50%;
+  }
+`;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}>
+      ${this.selectedCurrency?u` <wui-flex
+            class="currency-container"
+            justifyContent="space-between"
+            alignItems="center"
+            gap="1"
+            @click=${()=>$.open({view:`OnRamp${this.type}Select`})}
+          >
+            <wui-image src=${m(i)}></wui-image>
+            <wui-text color="primary">${this.selectedCurrency.symbol}</wui-text>
+          </wui-flex>`:u`<wui-loading-spinner></wui-loading-spinner>`}
+    </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`
+  :host > wui-flex {
+    width: 100%;
+    max-width: 360px;
+  }
+
+  :host > wui-flex > wui-flex {
+    border-radius: ${({borderRadius:t})=>t[8]};
+    width: 100%;
+  }
+
+  .amounts-container {
+    width: 100%;
+  }
+`;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};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`
+      <wui-flex flexDirection="column" justifyContent="center" alignItems="center">
+        <wui-flex flexDirection="column" alignItems="center" gap="2">
+          <w3m-onramp-input
+            type="Fiat"
+            @inputChange=${this.onPaymentAmountChange.bind(this)}
+            .value=${this.paymentAmount||0}
+          ></w3m-onramp-input>
+          <w3m-onramp-input
+            type="Token"
+            .value=${this.purchaseAmount||0}
+            .loading=${this.quoteLoading}
+          ></w3m-onramp-input>
+          <wui-flex justifyContent="space-evenly" class="amounts-container" gap="2">
+            ${Z.map(e=>{var i;return u`<wui-button
+                  variant=${this.paymentAmount===e?"accent-secondary":"neutral-secondary"}
+                  size="md"
+                  textVariant="md-medium"
+                  fullWidth
+                  @click=${()=>this.selectPresetAmount(e)}
+                  >${`${J[((i=this.paymentCurrency)==null?void 0:i.id)||"USD"]} ${e}`}</wui-button
+                >`})}
+          </wui-flex>
+          ${this.templateButton()}
+        </wui-flex>
+      </wui-flex>
+    `}templateButton(){return this.caipAddress?u`<wui-button
+          @click=${this.getQuotes.bind(this)}
+          variant="accent-primary"
+          fullWidth
+          size="lg"
+          borderRadius="xs"
+        >
+          Get quotes
+        </wui-button>`:u`<wui-button
+          @click=${this.openModal.bind(this)}
+          variant="accent"
+          fullWidth
+          size="lg"
+          borderRadius="xs"
+        >
+          Connect wallet
+        </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,S as W3mWhatIsABuyView};

package/assets/openzeppelin-BJJVpzFo.js

@@ -0,0 +1 @@
+import{j as p,o as y,b as c,r as w}from"./signing-DKkAEdyU.js";import"./utils-CtSpY5KY.js";import"./ethers-BxoDGoYp.js";import"./react-E8ng6RF2.js";import"./index-B8NQc7SV.js";async function u({account:e,serializableTransaction:a,transaction:n,gasless:s}){const t=c({address:s.relayerForwarderAddress,chain:n.chain,client:n.client}),r=await w({contract:t,method:"function getNonce(address) view returns (uint256)",params:[e.address]}),[o,m]=await(async()=>{if(!a.to)throw new Error("OpenZeppelin transactions must have a 'to' address");if(!a.gas)throw new Error("OpenZeppelin transactions must have a 'gas' value");if(!a.data)throw new Error("OpenZeppelin transactions must have a 'data' value");if(s.experimentalChainlessSupport){const i={chainid:BigInt(n.chain.id),data:a.data,from:e.address,gas:a.gas,nonce:r,to:a.to,value:0n};return[await e.signTypedData({domain:{name:"GSNv2 Forwarder",verifyingContract:t.address,version:"0.0.1"},message:i,primaryType:"ForwardRequest",types:{ForwardRequest:h}}),i]}const d={data:a.data,from:e.address,gas:a.gas,nonce:r,to:a.to,value:0n};return[await e.signTypedData({domain:{chainId:n.chain.id,name:s.domainName??"GSNv2 Forwarder",verifyingContract:t.address,version:s.domainVersion??"0.0.1"},message:d,primaryType:"ForwardRequest",types:{ForwardRequest:g}}),d]})();return{message:m,messageType:"forward",signature:o}}const g=[{name:"from",type:"address"},{name:"to",type:"address"},{name:"value",type:"uint256"},{name:"gas",type:"uint256"},{name:"nonce",type:"uint256"},{name:"data",type:"bytes"}],h=[{name:"from",type:"address"},{name:"to",type:"address"},{name:"value",type:"uint256"},{name:"gas",type:"uint256"},{name:"nonce",type:"uint256"},{name:"data",type:"bytes"},{name:"chainid",type:"uint256"}];async function q(e){const{message:a,messageType:n,signature:s}=await u(e),t=await fetch(e.gasless.relayerUrl,{body:p({forwarderAddress:e.gasless.relayerForwarderAddress,request:a,signature:s,type:n}),method:"POST"});if(!t.ok)throw new Error(`Failed to send transaction: ${await t.text()}`);const r=await t.json();if(!r.result)throw new Error(`Relay transaction failed: ${r.message}`);const o=JSON.parse(r.result).txHash;if(y(o))return{chain:e.transaction.chain,client:e.transaction.client,transactionHash:o};throw new Error(`Failed to send transaction: ${p(r)}`)}export{u as prepareOpenZeppelinTransaction,q as relayOpenZeppelinTransaction};

package/assets/ownerOf-B61t6tOC.js

@@ -0,0 +1 @@
+import{d as o,e as c,r as d}from"./signing-DKkAEdyU.js";import{d as a}from"./detectExtension-BxpAq-4M.js";import"./utils-CtSpY5KY.js";import"./ethers-BxoDGoYp.js";import"./react-E8ng6RF2.js";import"./index-B8NQc7SV.js";const t="0x6352211e",r=[{name:"tokenId",type:"uint256"}],n=[{type:"address"}];function w(e){return a({availableSelectors:e,method:[t,r,n]})}function s(e){return c(r,[e.tokenId])}function P(e){return t+s(e).slice(2)}function I(e){return o(n,e)[0]}async function N(e){return d({contract:e.contract,method:[t,r,n],params:[e.tokenId]})}export{t as FN_SELECTOR,I as decodeOwnerOfResult,P as encodeOwnerOf,s as encodeOwnerOfParams,w as isOwnerOfSupported,N as ownerOf};

package/assets/parseNft-BJAwgagz.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/getNFT-BfNqhkf2.js","assets/index-B8NQc7SV.js","assets/react-E8ng6RF2.js","assets/ethers-BxoDGoYp.js","assets/index-C--hbOLp.css","assets/fetchTokenMetadata-CH20KFsM.js","assets/uint8-array-CjVHUazS.js","assets/signing-DKkAEdyU.js","assets/utils-CtSpY5KY.js","assets/thirdweb-DCN5XvvJ.js","assets/wait-for-tx-receipt-CnKJOy9L.js","assets/transactionReceipt-CAYGS1Va.js","assets/sleep-mAKpSMLY.js","assets/eth_estimateGas-CLbAZ98x.js","assets/eth_getStorageAt-Bo8frBA7.js","assets/eth_getTransactionCount-xLBYIamZ.js","assets/decimals-qxqyC86F.js","assets/decimals-D8_a8Br3.js","assets/zora-sepolia-9dBUmZVP.js","assets/send-batch-transaction-BXtWRElE.js","assets/getNFT-Dhrf_cAI.js","assets/totalSupply-BFNNbWCV.js","assets/detectExtension-BxpAq-4M.js"])))=>i.map(i=>d[i]);
+import{_ as w}from"./index-B8NQc7SV.js";import{a as m}from"./utils-CtSpY5KY.js";import{i as h,b as E}from"./signing-DKkAEdyU.js";import"./react-E8ng6RF2.js";import"./ethers-BxoDGoYp.js";function C(t,e){switch(e.type){case"ERC721":return{chainId:e.chainId,id:e.tokenId,metadata:t,owner:(e==null?void 0:e.owner)??null,tokenAddress:e.tokenAddress,tokenURI:e.tokenUri,type:e.type};case"ERC1155":return{chainId:e.chainId,id:e.tokenId,metadata:t,owner:(e==null?void 0:e.owner)??null,supply:e.supply,tokenAddress:e.tokenAddress,tokenURI:e.tokenUri,type:e.type};default:throw new Error("Invalid NFT type")}}async function R(t){let e=t.uri;e.startsWith("did:nft:")&&(e=e.replace("did:nft:","").replace(/_/g,"/"));const[l="",u="",r=""]=e.split("/"),[a,i]=l.split(":"),[s,n]=u.split(":");if(!a||a.toLowerCase()!=="eip155")throw new Error(`Invalid EIP namespace, expected EIP155, got: "${a}"`);if(!i)throw new Error("Chain ID not found");if(!n||!h(n))throw new Error("Contract address not found");if(!r)throw new Error("Token ID not found");const f=m(Number(i)),o=E({address:n,chain:f,client:t.client});switch(s){case"erc721":{const{getNFT:c}=await w(async()=>{const{getNFT:d}=await import("./getNFT-BfNqhkf2.js");return{getNFT:d}},__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]));return(await c({contract:o,tokenId:BigInt(r)})).metadata.image??null}case"erc1155":{const{getNFT:c}=await w(async()=>{const{getNFT:d}=await import("./getNFT-Dhrf_cAI.js");return{getNFT:d}},__vite__mapDeps([20,9,8,3,2,7,1,4,10,11,12,13,14,15,16,17,18,19,5,6,21,22]));return(await c({contract:o,tokenId:BigInt(r)})).metadata.image??null}default:throw new Error(`Invalid ERC namespace, expected ERC721 or ERC1155, got: "${s}"`)}}export{C as parseNFT,R as parseNftUri};