@dcl/governance-site 2.0.0 → 2.0.1-20995780683.commit-d6baf5e

package/assets/pay-with-exchange-a64f18a3.js

@@ -0,0 +1,280 @@
+import{j as A,r as D,k as T,l as $,m as u,C as y,R as w,H as E,S as b,x as z,h as S}from"./index-48bd3fca.js";import{n as h,c as v,r as m}from"./index-84e8ecf6.js";import{o as P}from"./if-defined-0a35f675.js";import"./index-42ce7246.js";import"./index-d9c55c27.js";import"./index-db5b7889.js";import"./index-d7a6ceea.js";import"./index-47e87339.js";import"./index-5da565ce.js";import"./index-a59b6662.js";import{E as r}from"./ExchangeController-d2354ec6.js";import"./index-ff4dea43.js";import"./index-9d970383.js";import"./index-e3222791.js";import"./index-b65e06cc.js";import"./index-d70e4ab8.js";import"./NetworkUtil-220ea128.js";import"./BlockOverrides-9837a6f9.js";import"./index-4243d275.js";import"./index-07a61b45.js";import"./ref-88e1be05.js";const _=A`
+  button {
+    border: none;
+    border-radius: ${({borderRadius:t})=>t[20]};
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding: ${({spacing:t})=>t[1]};
+    transition:
+      background-color ${({durations:t})=>t.lg}
+        ${({easings:t})=>t["ease-out-power-2"]},
+      box-shadow ${({durations:t})=>t.lg}
+        ${({easings:t})=>t["ease-out-power-2"]};
+    will-change: background-color, box-shadow;
+  }
+
+  /* -- Variants --------------------------------------------------------------- */
+  button[data-type='accent'] {
+    background-color: ${({tokens:t})=>t.core.backgroundAccentPrimary};
+    color: ${({tokens:t})=>t.theme.textPrimary};
+  }
+
+  button[data-type='neutral'] {
+    background-color: ${({tokens:t})=>t.theme.foregroundSecondary};
+    color: ${({tokens:t})=>t.theme.textPrimary};
+  }
+
+  /* -- Sizes --------------------------------------------------------------- */
+  button[data-size='sm'] {
+    height: 24px;
+  }
+
+  button[data-size='md'] {
+    height: 28px;
+  }
+
+  button[data-size='lg'] {
+    height: 32px;
+  }
+
+  button[data-size='sm'] > wui-image,
+  button[data-size='sm'] > wui-icon {
+    width: 16px;
+    height: 16px;
+  }
+
+  button[data-size='md'] > wui-image,
+  button[data-size='md'] > wui-icon {
+    width: 20px;
+    height: 20px;
+  }
+
+  button[data-size='lg'] > wui-image,
+  button[data-size='lg'] > wui-icon {
+    width: 24px;
+    height: 24px;
+  }
+
+  wui-text {
+    padding-left: ${({spacing:t})=>t[1]};
+    padding-right: ${({spacing:t})=>t[1]};
+  }
+
+  wui-image {
+    border-radius: ${({borderRadius:t})=>t[3]};
+    overflow: hidden;
+    user-drag: none;
+    user-select: none;
+    -moz-user-select: none;
+    -webkit-user-drag: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+  }
+
+  /* -- States --------------------------------------------------------------- */
+  @media (hover: hover) and (pointer: fine) {
+    button[data-type='accent']:not(:disabled):hover {
+      background-color: ${({tokens:t})=>t.core.foregroundAccent060};
+    }
+
+    button[data-type='neutral']:not(:disabled):hover {
+      background-color: ${({tokens:t})=>t.theme.foregroundTertiary};
+    }
+  }
+
+  button[data-type='accent']:not(:disabled):focus-visible,
+  button[data-type='accent']:not(:disabled):active {
+    box-shadow: 0 0 0 4px ${({tokens:t})=>t.core.foregroundAccent020};
+  }
+
+  button[data-type='neutral']:not(:disabled):focus-visible,
+  button[data-type='neutral']:not(:disabled):active {
+    box-shadow: 0 0 0 4px ${({tokens:t})=>t.core.foregroundAccent020};
+  }
+
+  button:disabled {
+    opacity: 0.5;
+  }
+`;var g=globalThis&&globalThis.__decorate||function(t,e,o,n){var s=arguments.length,i=s<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,o):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,o,n);else for(var c=t.length-1;c>=0;c--)(a=t[c])&&(i=(s<3?a(i):s>3?a(e,o,i):a(e,o))||i);return s>3&&i&&Object.defineProperty(e,o,i),i};const L={sm:"sm-regular",md:"md-regular",lg:"lg-regular"};let p=class extends ${constructor(){super(...arguments),this.type="accent",this.size="md",this.imageSrc="",this.disabled=!1,this.leftIcon=void 0,this.rightIcon=void 0,this.text=""}render(){return u`
+      <button ?disabled=${this.disabled} data-type=${this.type} data-size=${this.size}>
+        ${this.imageSrc?u`<wui-image src=${this.imageSrc}></wui-image>`:null}
+        ${this.leftIcon?u`<wui-icon name=${this.leftIcon} color="inherit" size="inherit"></wui-icon>`:null}
+        <wui-text variant=${L[this.size]} color="inherit">${this.text}</wui-text>
+        ${this.rightIcon?u`<wui-icon name=${this.rightIcon} color="inherit" size="inherit"></wui-icon>`:null}
+      </button>
+    `}};p.styles=[D,T,_];g([h()],p.prototype,"type",void 0);g([h()],p.prototype,"size",void 0);g([h()],p.prototype,"imageSrc",void 0);g([h({type:Boolean})],p.prototype,"disabled",void 0);g([h()],p.prototype,"leftIcon",void 0);g([h()],p.prototype,"rightIcon",void 0);g([h()],p.prototype,"text",void 0);p=g([v("wui-chip-button")],p);var I=globalThis&&globalThis.__decorate||function(t,e,o,n){var s=arguments.length,i=s<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,o):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,o,n);else for(var c=t.length-1;c>=0;c--)(a=t[c])&&(i=(s<3?a(i):s>3?a(e,o,i):a(e,o))||i);return s>3&&i&&Object.defineProperty(e,o,i),i};let f=class extends ${constructor(){super(...arguments),this.maxDecimals=void 0,this.maxIntegers=void 0}render(){return u`
+      <wui-flex alignItems="center" gap="1">
+        <wui-input-amount
+          widthVariant="fit"
+          fontSize="h2"
+          .maxDecimals=${P(this.maxDecimals)}
+          .maxIntegers=${P(this.maxIntegers)}
+          .value=${this.amount?String(this.amount):""}
+        ></wui-input-amount>
+        <wui-text variant="md-regular" color="secondary">USD</wui-text>
+      </wui-flex>
+    `}};I([h({type:Number})],f.prototype,"amount",void 0);I([h({type:Number})],f.prototype,"maxDecimals",void 0);I([h({type:Number})],f.prototype,"maxIntegers",void 0);f=I([v("w3m-fund-input")],f);const R=A`
+  .amount-input-container {
+    border-radius: ${({borderRadius:t})=>t[6]};
+    border-top-right-radius: 0;
+    border-top-left-radius: 0;
+    background-color: ${({tokens:t})=>t.theme.foregroundPrimary};
+    padding: ${({spacing:t})=>t[1]};
+  }
+
+  .container {
+    border-radius: 30px;
+  }
+`;var d=globalThis&&globalThis.__decorate||function(t,e,o,n){var s=arguments.length,i=s<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,o):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,o,n);else for(var c=t.length-1;c>=0;c--)(a=t[c])&&(i=(s<3?a(i):s>3?a(e,o,i):a(e,o))||i);return s>3&&i&&Object.defineProperty(e,o,i),i};const C=[10,50,100],j=6,N=10;let l=class extends ${constructor(){super(),this.unsubscribe=[],this.network=y.state.activeCaipNetwork,this.exchanges=r.state.exchanges,this.isLoading=r.state.isLoading,this.amount=r.state.amount,this.tokenAmount=r.state.tokenAmount,this.priceLoading=r.state.priceLoading,this.isPaymentInProgress=r.state.isPaymentInProgress,this.currentPayment=r.state.currentPayment,this.paymentId=r.state.paymentId,this.paymentAsset=r.state.paymentAsset,this.unsubscribe.push(y.subscribeKey("activeCaipNetwork",e=>{this.network=e,this.setDefaultPaymentAsset()}),r.subscribe(e=>{var n,s;this.exchanges=e.exchanges,this.isLoading=e.isLoading,this.amount=e.amount,this.tokenAmount=e.tokenAmount,this.priceLoading=e.priceLoading,this.paymentId=e.paymentId,this.isPaymentInProgress=e.isPaymentInProgress,this.currentPayment=e.currentPayment,this.paymentAsset=e.paymentAsset,e.isPaymentInProgress&&((n=e.currentPayment)==null?void 0:n.exchangeId)&&((s=e.currentPayment)==null?void 0:s.sessionId)&&e.paymentId&&this.handlePaymentInProgress()}))}disconnectedCallback(){this.unsubscribe.forEach(o=>o()),r.state.isPaymentInProgress||r.reset()}async firstUpdated(){await this.getPaymentAssets(),this.paymentAsset||await this.setDefaultPaymentAsset(),r.setAmount(C[0]),await r.fetchExchanges()}render(){return u`
+      <wui-flex flexDirection="column" class="container">
+        ${this.amountInputTemplate()} ${this.exchangesTemplate()}
+      </wui-flex>
+    `}exchangesLoadingTemplate(){return Array.from({length:2}).map(()=>u`<wui-shimmer width="100%" height="65px" borderRadius="xxs"></wui-shimmer>`)}_exchangesTemplate(){return this.exchanges.length>0?this.exchanges.map(e=>u`<wui-list-item
+              @click=${()=>this.onExchangeClick(e)}
+              chevron
+              variant="image"
+              imageSrc=${e.imageUrl}
+              ?loading=${this.isLoading}
+            >
+              <wui-text variant="md-regular" color="primary">
+                Deposit from ${e.name}
+              </wui-text>
+            </wui-list-item>`):u`<wui-flex flexDirection="column" alignItems="center" gap="4" padding="4">
+          <wui-text variant="lg-medium" align="center" color="primary">
+            No exchanges support this asset on this network
+          </wui-text>
+        </wui-flex>`}exchangesTemplate(){return u`<wui-flex
+      flexDirection="column"
+      gap="2"
+      .padding=${["3","3","3","3"]}
+      class="exchanges-container"
+    >
+      ${this.isLoading?this.exchangesLoadingTemplate():this._exchangesTemplate()}
+    </wui-flex>`}amountInputTemplate(){var e,o;return u`
+      <wui-flex
+        flexDirection="column"
+        .padding=${["0","3","3","3"]}
+        class="amount-input-container"
+      >
+        <wui-flex
+          justifyContent="space-between"
+          alignItems="center"
+          .margin=${["0","0","6","0"]}
+        >
+          <wui-text variant="md-medium" color="secondary">Asset</wui-text>
+          <wui-token-button
+            data-testid="deposit-from-exchange-asset-button"
+            flexDirection="row-reverse"
+            text=${((e=this.paymentAsset)==null?void 0:e.metadata.symbol)||""}
+            imageSrc=${((o=this.paymentAsset)==null?void 0:o.metadata.iconUrl)||""}
+            @click=${()=>w.push("PayWithExchangeSelectAsset")}
+            size="lg"
+            .chainImageSrc=${P(E.getNetworkImage(this.network))}
+          >
+          </wui-token-button>
+        </wui-flex>
+        <wui-flex
+          flexDirection="column"
+          alignItems="center"
+          justifyContent="center"
+          .margin=${["0","0","4","0"]}
+        >
+          <w3m-fund-input
+            @inputChange=${this.onAmountChange.bind(this)}
+            .amount=${this.amount}
+            .maxDecimals=${j}
+            .maxIntegers=${N}
+          >
+          </w3m-fund-input>
+          ${this.tokenAmountTemplate()}
+        </wui-flex>
+        <wui-flex justifyContent="center" gap="2">
+          ${C.map(n=>u`<wui-chip-button
+                @click=${()=>r.setAmount(n)}
+                type="neutral"
+                size="lg"
+                text=${`$${n}`}
+              ></wui-chip-button>`)}
+        </wui-flex>
+      </wui-flex>
+    `}tokenAmountTemplate(){var e;return this.priceLoading?u`<wui-shimmer
+        width="65px"
+        height="20px"
+        borderRadius="xxs"
+        variant="light"
+      ></wui-shimmer>`:u`
+      <wui-text variant="md-regular" color="secondary">
+        ${this.tokenAmount.toFixed(4)} ${(e=this.paymentAsset)==null?void 0:e.metadata.symbol}
+      </wui-text>
+    `}async onExchangeClick(e){if(!this.amount){b.showError("Please enter an amount");return}await r.handlePayWithExchange(e.id)}handlePaymentInProgress(){var n,s;const e=y.state.activeChain,{redirectView:o="Account"}=w.state.data??{};this.isPaymentInProgress&&((n=this.currentPayment)!=null&&n.exchangeId)&&((s=this.currentPayment)!=null&&s.sessionId)&&this.paymentId&&(r.waitUntilComplete({exchangeId:this.currentPayment.exchangeId,sessionId:this.currentPayment.sessionId,paymentId:this.paymentId}).then(i=>{i.status==="SUCCESS"?(b.showSuccess("Deposit completed"),r.reset(),e&&(y.fetchTokenBalance(),z.updateBalance(e)),w.replace("Transactions")):i.status==="FAILED"&&b.showError("Deposit failed")}),b.showLoading("Deposit in progress..."),w.replace(o))}onAmountChange({detail:e}){r.setAmount(e?Number(e):null)}async getPaymentAssets(){this.network&&await r.getAssetsForNetwork(this.network.caipNetworkId)}async setDefaultPaymentAsset(){if(this.network){const e=await r.getAssetsForNetwork(this.network.caipNetworkId);e[0]&&r.setPaymentAsset(e[0])}}};l.styles=R;d([m()],l.prototype,"network",void 0);d([m()],l.prototype,"exchanges",void 0);d([m()],l.prototype,"isLoading",void 0);d([m()],l.prototype,"amount",void 0);d([m()],l.prototype,"tokenAmount",void 0);d([m()],l.prototype,"priceLoading",void 0);d([m()],l.prototype,"isPaymentInProgress",void 0);d([m()],l.prototype,"currentPayment",void 0);d([m()],l.prototype,"paymentId",void 0);d([m()],l.prototype,"paymentAsset",void 0);l=d([v("w3m-deposit-from-exchange-view")],l);const O=A`
+  .contentContainer {
+    height: 440px;
+    overflow: scroll;
+    scrollbar-width: none;
+  }
+
+  .contentContainer::-webkit-scrollbar {
+    display: none;
+  }
+
+  wui-icon-box {
+    width: 40px;
+    height: 40px;
+    border-radius: ${({borderRadius:t})=>t[3]};
+  }
+`;var k=globalThis&&globalThis.__decorate||function(t,e,o,n){var s=arguments.length,i=s<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,o):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,o,n);else for(var c=t.length-1;c>=0;c--)(a=t[c])&&(i=(s<3?a(i):s>3?a(e,o,i):a(e,o))||i);return s>3&&i&&Object.defineProperty(e,o,i),i};let x=class extends ${constructor(){super(),this.unsubscribe=[],this.assets=r.state.assets,this.search="",this.onDebouncedSearch=S.debounce(e=>{this.search=e}),this.unsubscribe.push(r.subscribe(e=>{this.assets=e.assets}))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){return u`
+      <wui-flex flexDirection="column">
+        ${this.templateSearchInput()} <wui-separator></wui-separator> ${this.templateTokens()}
+      </wui-flex>
+    `}templateSearchInput(){return u`
+      <wui-flex gap="2" padding="3">
+        <wui-input-text
+          @inputChange=${this.onInputChange.bind(this)}
+          class="network-search-input"
+          size="sm"
+          placeholder="Search token"
+          icon="search"
+        ></wui-input-text>
+      </wui-flex>
+    `}templateTokens(){const e=this.assets.filter(n=>n.metadata.name.toLowerCase().includes(this.search.toLowerCase())),o=e.length>0;return u`
+      <wui-flex
+        class="contentContainer"
+        flexDirection="column"
+        .padding=${["0","3","0","3"]}
+      >
+        <wui-flex justifyContent="flex-start" .padding=${["4","3","3","3"]}>
+          <wui-text variant="md-medium" color="secondary">Available tokens</wui-text>
+        </wui-flex>
+        <wui-flex flexDirection="column" gap="2">
+          ${o?e.map(n=>u`<wui-list-item
+                    .imageSrc=${n.metadata.iconUrl}
+                    ?clickable=${!0}
+                    @click=${this.handleTokenClick.bind(this,n)}
+                  >
+                    <wui-text variant="md-medium" color="primary">${n.metadata.name}</wui-text>
+                    <wui-text variant="md-regular" color="secondary"
+                      >${n.metadata.symbol}</wui-text
+                    >
+                  </wui-list-item>`):u`<wui-flex
+                .padding=${["20","0","0","0"]}
+                alignItems="center"
+                flexDirection="column"
+                gap="4"
+              >
+                <wui-icon-box icon="coinPlaceholder" color="default" size="lg"></wui-icon-box>
+                <wui-flex
+                  class="textContent"
+                  gap="2"
+                  flexDirection="column"
+                  justifyContent="center"
+                >
+                  <wui-text variant="lg-medium" align="center" color="primary">
+                    No tokens found
+                  </wui-text>
+                </wui-flex>
+                <wui-link @click=${this.onBuyClick.bind(this)}>Buy</wui-link>
+              </wui-flex>`}
+        </wui-flex>
+      </wui-flex>
+    `}onBuyClick(){w.push("OnRampProviders")}onInputChange(e){this.onDebouncedSearch(e.detail)}handleTokenClick(e){r.setPaymentAsset(e),w.goBack()}};x.styles=O;k([m()],x.prototype,"assets",void 0);k([m()],x.prototype,"search",void 0);x=k([v("w3m-deposit-from-exchange-select-asset-view")],x);export{x as W3mDepositFromExchangeSelectAssetView,l as W3mDepositFromExchangeView};

package/assets/receive-ca7bc867.js

@@ -0,0 +1,131 @@
+import{j as k,r as v,k as N,l as x,m as u,C as c,S as h,H as w,T as f,y as R,W as T,R as A,h as S}from"./index-48bd3fca.js";import{n as $,c as C,U as I,r as b}from"./index-84e8ecf6.js";import{o as O}from"./if-defined-0a35f675.js";import"./index-42ce7246.js";import"./index-3b861a37.js";import"./index-d70e4ab8.js";import"./NetworkUtil-220ea128.js";import"./BlockOverrides-9837a6f9.js";import"./index-4243d275.js";const _=k`
+  button {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: ${({spacing:e})=>e[4]};
+    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
+    border-radius: ${({borderRadius:e})=>e[3]};
+    border: none;
+    padding: ${({spacing:e})=>e[3]};
+    transition: background-color ${({durations:e})=>e.lg}
+      ${({easings:e})=>e["ease-out-power-2"]};
+    will-change: background-color;
+  }
+
+  /* -- Hover & Active states ----------------------------------------------------------- */
+  button:hover:enabled,
+  button:active:enabled {
+    background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
+  }
+
+  wui-text {
+    flex: 1;
+    color: ${({tokens:e})=>e.theme.textSecondary};
+  }
+
+  wui-flex {
+    width: auto;
+    display: flex;
+    align-items: center;
+    gap: ${({spacing:e})=>e["01"]};
+  }
+
+  wui-icon {
+    color: ${({tokens:e})=>e.theme.iconDefault};
+  }
+
+  .network-icon {
+    position: relative;
+    width: 20px;
+    height: 20px;
+    border-radius: ${({borderRadius:e})=>e[4]};
+    overflow: hidden;
+    margin-left: -8px;
+  }
+
+  .network-icon:first-child {
+    margin-left: 0px;
+  }
+
+  .network-icon:after {
+    position: absolute;
+    inset: 0;
+    content: '';
+    display: block;
+    height: 100%;
+    width: 100%;
+    border-radius: ${({borderRadius:e})=>e[4]};
+    box-shadow: inset 0 0 0 1px ${({tokens:e})=>e.core.glass010};
+  }
+`;var g=globalThis&&globalThis.__decorate||function(e,t,o,i){var s=arguments.length,r=s<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,o):i,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};let p=class extends x{constructor(){super(...arguments),this.networkImages=[""],this.text=""}render(){return u`
+      <button>
+        <wui-text variant="md-regular" color="inherit">${this.text}</wui-text>
+        <wui-flex>
+          ${this.networksTemplate()}
+          <wui-icon name="chevronRight" size="sm" color="inherit"></wui-icon>
+        </wui-flex>
+      </button>
+    `}networksTemplate(){const t=this.networkImages.slice(0,5);return u` <wui-flex class="networks">
+      ${t==null?void 0:t.map(o=>u` <wui-flex class="network-icon"> <wui-image src=${o}></wui-image> </wui-flex>`)}
+    </wui-flex>`}};p.styles=[v,N,_];g([$({type:Array})],p.prototype,"networkImages",void 0);g([$()],p.prototype,"text",void 0);p=g([C("wui-compatible-network")],p);const E=k`
+  wui-compatible-network {
+    margin-top: ${({spacing:e})=>e[4]};
+    width: 100%;
+  }
+
+  wui-qr-code {
+    width: unset !important;
+    height: unset !important;
+  }
+
+  wui-icon {
+    align-items: normal;
+  }
+`;var m=globalThis&&globalThis.__decorate||function(e,t,o,i){var s=arguments.length,r=s<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,o):i,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};let d=class extends x{constructor(){var t,o;super(),this.unsubscribe=[],this.address=(t=c.getAccountData())==null?void 0:t.address,this.profileName=(o=c.getAccountData())==null?void 0:o.profileName,this.network=c.state.activeCaipNetwork,this.unsubscribe.push(c.subscribeChainProp("accountState",i=>{i?(this.address=i.address,this.profileName=i.profileName):h.showError("Account not found")}),c.subscribeKey("activeCaipNetwork",i=>{i!=null&&i.id&&(this.network=i)}))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){if(!this.address)throw new Error("w3m-wallet-receive-view: No account provided");const t=w.getNetworkImage(this.network);return u` <wui-flex
+      flexDirection="column"
+      .padding=${["0","4","4","4"]}
+      alignItems="center"
+    >
+      <wui-chip-button
+        data-testid="receive-address-copy-button"
+        @click=${this.onCopyClick.bind(this)}
+        text=${I.getTruncateString({string:this.profileName||this.address||"",charsStart:this.profileName?18:4,charsEnd:this.profileName?0:4,truncate:this.profileName?"end":"middle"})}
+        icon="copy"
+        size="sm"
+        imageSrc=${t||""}
+        variant="gray"
+      ></wui-chip-button>
+      <wui-flex
+        flexDirection="column"
+        .padding=${["4","0","0","0"]}
+        alignItems="center"
+        gap="4"
+      >
+        <wui-qr-code
+          size=${232}
+          theme=${f.state.themeMode}
+          uri=${this.address}
+          ?arenaClear=${!0}
+          color=${O(f.state.themeVariables["--apkt-qr-color"]??f.state.themeVariables["--w3m-qr-color"])}
+          data-testid="wui-qr-code"
+        ></wui-qr-code>
+        <wui-text variant="lg-regular" color="primary" align="center">
+          Copy your address or scan this QR code
+        </wui-text>
+        <wui-button @click=${this.onCopyClick.bind(this)} size="sm" variant="neutral-secondary">
+          <wui-icon slot="iconLeft" size="sm" color="inherit" name="copy"></wui-icon>
+          <wui-text variant="md-regular" color="inherit">Copy address</wui-text>
+        </wui-button>
+      </wui-flex>
+      ${this.networkTemplate()}
+    </wui-flex>`}networkTemplate(){var a;const t=c.getAllRequestedCaipNetworks(),o=c.checkIfSmartAccountEnabled(),i=c.state.activeCaipNetwork,s=t.filter(l=>(l==null?void 0:l.chainNamespace)===(i==null?void 0:i.chainNamespace));if(R(i==null?void 0:i.chainNamespace)===T.ACCOUNT_TYPES.SMART_ACCOUNT&&o)return i?u`<wui-compatible-network
+        @click=${this.onReceiveClick.bind(this)}
+        text="Only receive assets on this network"
+        .networkImages=${[w.getNetworkImage(i)??""]}
+      ></wui-compatible-network>`:null;const n=((a=s==null?void 0:s.filter(l=>{var y;return(y=l==null?void 0:l.assets)==null?void 0:y.imageId}))==null?void 0:a.slice(0,5)).map(w.getNetworkImage).filter(Boolean);return u`<wui-compatible-network
+      @click=${this.onReceiveClick.bind(this)}
+      text="Only receive assets on these networks"
+      .networkImages=${n}
+    ></wui-compatible-network>`}onReceiveClick(){A.push("WalletCompatibleNetworks")}onCopyClick(){try{this.address&&(S.copyToClopboard(this.address),h.showSuccess("Address copied"))}catch{h.showError("Failed to copy")}}};d.styles=E;m([b()],d.prototype,"address",void 0);m([b()],d.prototype,"profileName",void 0);m([b()],d.prototype,"network",void 0);d=m([C("w3m-wallet-receive-view")],d);export{d as W3mWalletReceiveView};

package/assets/ref-88e1be05.js

@@ -0,0 +1,13 @@
+import{A as d}from"./index-48bd3fca.js";import{i as $,t as _,e as A}from"./index-84e8ecf6.js";/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const a=t=>t.strings===void 0;/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const o=(t,s)=>{var i;const e=t._$AN;if(e===void 0)return!1;for(const h of e)(i=h._$AO)==null||i.call(h,s,!1),o(h,s);return!0},c=t=>{let s,e;do{if((s=t._$AM)===void 0)break;e=s._$AN,e.delete(t),t=s}while((e==null?void 0:e.size)===0)},l=t=>{for(let s;s=t._$AM;t=s){let e=s._$AN;if(e===void 0)s._$AN=e=new Set;else if(e.has(t))break;e.add(t),v(s)}};function f(t){this._$AN!==void 0?(c(this),this._$AM=t,l(this)):this._$AM=t}function u(t,s=!1,e=0){const i=this._$AH,h=this._$AN;if(h!==void 0&&h.size!==0)if(s)if(Array.isArray(i))for(let n=e;n<i.length;n++)o(i[n],!1),c(i[n]);else i!=null&&(o(i,!1),c(i));else o(this,t)}const v=t=>{t.type==_.CHILD&&(t._$AP??(t._$AP=u),t._$AQ??(t._$AQ=f))};class p extends ${constructor(){super(...arguments),this._$AN=void 0}_$AT(s,e,i){super._$AT(s,e,i),l(this),this.isConnected=s._$AU}_$AO(s,e=!0){var i,h;s!==this.isConnected&&(this.isConnected=s,s?(i=this.reconnected)==null||i.call(this):(h=this.disconnected)==null||h.call(this)),e&&(o(this,s),c(this))}setValue(s){if(a(this._$Ct))this._$Ct._$AI(s,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=s,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const N=()=>new G;class G{}const r=new WeakMap,m=A(class extends p{render(t){return d}update(t,[s]){var i;const e=s!==this.G;return e&&this.G!==void 0&&this.rt(void 0),(e||this.lt!==this.ct)&&(this.G=s,this.ht=(i=t.options)==null?void 0:i.host,this.rt(this.ct=t.element)),d}rt(t){if(this.isConnected||(t=void 0),typeof this.G=="function"){const s=this.ht??globalThis;let e=r.get(s);e===void 0&&(e=new WeakMap,r.set(s,e)),e.get(this.G)!==void 0&&this.G.call(this.ht,void 0),e.set(this.G,t),t!==void 0&&this.G.call(this.ht,t)}else this.G.value=t}get lt(){var t,s;return typeof this.G=="function"?(t=r.get(this.ht??globalThis))==null?void 0:t.get(this.G):(s=this.G)==null?void 0:s.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});export{N as e,m as n};