1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2609],{12609:(e,t,a)=>{a.r(t),a.d(t,{W3mWalletReceiveView:()=>k});var r=a(1850),i=a(58446),o=a(12689),s=a(85859),n=a(933),c=a(82570),l=a(11464),d=a(90889),u=a(51105),w=a(21159),p=a(44458);a(94213),a(23456),a(56349),a(53059),a(18341);var h=a(54684),g=a(51127);let v=(0,r.AH)` 2 button { 3 display: flex; 4 gap: var(--wui-spacing-xl); 5 width: 100%; 6 background-color: var(--wui-color-gray-glass-002); 7 border-radius: var(--wui-border-radius-xxs); 8 padding: var(--wui-spacing-m) var(--wui-spacing-s); 9 } 10 11 wui-text { 12 width: 100%; 13 } 14 15 wui-flex { 16 width: auto; 17 } 18 19 .network-icon { 20 width: var(--wui-spacing-2l); 21 height: var(--wui-spacing-2l); 22 border-radius: calc(var(--wui-spacing-2l) / 2); 23 overflow: hidden; 24 box-shadow: 25 0 0 0 3px var(--wui-color-gray-glass-002), 26 0 0 0 3px var(--wui-color-modal-bg); 27 } 28`;var b=function(e,t,a,r){var i,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,a):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,a,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(o<3?i(s):o>3?i(t,a,s):i(t,a))||s);return o>3&&s&&Object.defineProperty(t,a,s),s};let m=class extends r.WF{constructor(){super(...arguments),this.networkImages=[""],this.text=""}render(){return(0,r.qy)` 29 <button> 30 <wui-text variant="small-400" color="fg-200">${this.text}</wui-text> 31 <wui-flex gap="3xs" alignItems="center"> 32 ${this.networksTemplate()} 33 <wui-icon name="chevronRight" size="sm" color="fg-200"></wui-icon> 34 </wui-flex> 35 </button> 36 `}networksTemplate(){let e=this.networkImages.slice(0,5);return(0,r.qy)` <wui-flex class="networks"> 37 ${e?.map(e=>r.qy` <wui-flex class="network-icon"> <wui-image src=${e}></wui-image> </wui-flex>`)} 38 </wui-flex>`}};m.styles=[h.W5,h.fD,v],b([(0,i.MZ)({type:Array})],m.prototype,"networkImages",void 0),b([(0,i.MZ)()],m.prototype,"text",void 0),m=b([(0,g.E)("wui-compatible-network")],m),a(85479),a(82780),a(60347);var f=a(36421);let y=(0,r.AH)` 39 wui-compatible-network { 40 margin-top: var(--wui-spacing-l); 41 } 42`;var x=function(e,t,a,r){var i,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,a):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,a,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(o<3?i(s):o>3?i(t,a,s):i(t,a))||s);return o>3&&s&&Object.defineProperty(t,a,s),s};let k=class extends r.WF{constructor(){super(),this.unsubscribe=[],this.address=s.U.state.address,this.profileName=s.U.state.profileName,this.network=n.W.state.activeCaipNetwork,this.preferredAccountType=s.U.state.preferredAccountType,this.unsubscribe.push(s.U.subscribe(e=>{e.address?(this.address=e.address,this.profileName=e.profileName,this.preferredAccountType=e.preferredAccountType):c.P.showError("Account not found")}),n.W.subscribeKey("activeCaipNetwork",e=>{e?.id&&(this.network=e)}))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){if(!this.address)throw Error("w3m-wallet-receive-view: No account provided");let e=l.$.getNetworkImage(this.network);return(0,r.qy)` <wui-flex 43 flexDirection="column" 44 .padding=${["0","l","l","l"]} 45 alignItems="center" 46 > 47 <wui-chip-button 48 data-testid="receive-address-copy-button" 49 @click=${this.onCopyClick.bind(this)} 50 text=${p.Zv.getTruncateString({string:this.profileName||this.address||"",charsStart:this.profileName?18:4,charsEnd:4*!this.profileName,truncate:this.profileName?"end":"middle"})} 51 icon="copy" 52 size="sm" 53 imageSrc=${e||""} 54 variant="gray" 55 ></wui-chip-button> 56 <wui-flex 57 flexDirection="column" 58 .padding=${["l","0","0","0"]} 59 alignItems="center" 60 gap="s" 61 > 62 <wui-qr-code 63 size=${232} 64 theme=${d.W.state.themeMode} 65 uri=${this.address} 66 ?arenaClear=${!0} 67 color=${(0,o.J)(d.W.state.themeVariables["--w3m-qr-color"])} 68 data-testid="wui-qr-code" 69 ></wui-qr-code> 70 <wui-text variant="paragraph-500" color="fg-100" align="center"> 71 Copy your address or scan this QR code 72 </wui-text> 73 </wui-flex> 74 ${this.networkTemplate()} 75 </wui-flex>`}networkTemplate(){let e=n.W.getAllRequestedCaipNetworks(),t=n.W.checkIfSmartAccountEnabled(),a=n.W.state.activeCaipNetwork;if(this.preferredAccountType===f.Vl.ACCOUNT_TYPES.SMART_ACCOUNT&&t)return a?(0,r.qy)`<wui-compatible-network 76 @click=${this.onReceiveClick.bind(this)} 77 text="Only receive assets on this network" 78 .networkImages=${[l.$.getNetworkImage(a)??""]} 79 ></wui-compatible-network>`:null;let i=(e?.filter(e=>e?.assets?.imageId)?.slice(0,5)).map(l.$.getNetworkImage).filter(
79Boolean);return(0,r.qy)`<wui-compatible-network 80 @click=${this.onReceiveClick.bind(this)} 81 text="Only receive assets on these networks" 82 .networkImages=${i} 83 ></wui-compatible-network>`}onReceiveClick(){u.I.push("WalletCompatibleNetworks")}onCopyClick(){try{this.address&&(w.w.copyToClopboard(this.address),c.P.showSuccess("Address copied"))}catch{c.P.showError("Failed to copy")}}};k.styles=y,x([(0,i.wk)()],k.prototype,"address",void 0),x([(0,i.wk)()],k.prototype,"profileName",void 0),x([(0,i.wk)()],k.prototype,"network",void 0),x([(0,i.wk)()],k.prototype,"preferredAccountType",void 0),k=x([(0,p.EM)("w3m-wallet-receive-view")],k)},94213:(e,t,a)=>{var r=a(1850),i=a(58446);a(23456),a(56349),a(53059);var o=a(54684),s=a(51127);let n=(0,r.AH)` 84 button { 85 border: none; 86 border-radius: var(--wui-border-radius-3xl); 87 } 88 89 button[data-variant='main'] { 90 background-color: var(--wui-color-accent-100); 91 color: var(--wui-color-inverse-100); 92 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010); 93 } 94 95 button[data-variant='accent'] { 96 background-color: var(--wui-color-accent-glass-010); 97 color: var(--wui-color-accent-100); 98 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005); 99 } 100 101 button[data-variant='gray'] { 102 background-color: transparent; 103 color: var(--wui-color-fg-200); 104 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010); 105 } 106 107 button[data-variant='shade'] { 108 background-color: transparent; 109 color: var(--wui-color-accent-100); 110 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010); 111 } 112 113 button[data-size='sm'] { 114 height: 32px; 115 padding: 0 var(--wui-spacing-s); 116 } 117 118 button[data-size='md'] { 119 height: 40px; 120 padding: 0 var(--wui-spacing-l); 121 } 122 123 button[data-size='sm'] > wui-image { 124 width: 16px; 125 height: 16px; 126 } 127 128 button[data-size='md'] > wui-image { 129 width: 24px; 130 height: 24px; 131 } 132 133 button[data-size='sm'] > wui-icon { 134 width: 12px; 135 height: 12px; 136 } 137 138 button[data-size='md'] > wui-icon { 139 width: 14px; 140 height: 14px; 141 } 142 143 wui-image { 144 border-radius: var(--wui-border-radius-3xl); 145 overflow: hidden; 146 } 147 148 button.disabled > wui-icon, 149 button.disabled > wui-image { 150 filter: grayscale(1); 151 } 152 153 button[data-variant='main'] > wui-image { 154 box-shadow: inset 0 0 0 1px var(--wui-color-accent-090); 155 } 156 157 button[data-variant='shade'] > wui-image, 158 button[data-variant='gray'] > wui-image { 159 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010); 160 } 161 162 @media (hover: hover) and (pointer: fine) { 163 button[data-variant='main']:focus-visible { 164 background-color: var(--wui-color-accent-090); 165 } 166 167 button[data-variant='main']:hover:enabled { 168 background-color: var(--wui-color-accent-090); 169 } 170 171 button[data-variant='main']:active:enabled { 172 background-color: var(--wui-color-accent-080); 173 } 174 175 button[data-variant='accent']:hover:enabled { 176 background-color: var(--wui-color-accent-glass-015); 177 } 178 179 button[data-variant='accent']:active:enabled { 180 background-color: var(--wui-color-accent-glass-020); 181 } 182 183 button[data-variant='shade']:focus-visible, 184 button[data-variant='gray']:focus-visible, 185 button[data-variant='shade']:hover, 186 button[data-variant='gray']:hover { 187 background-color: var(--wui-color-gray-glass-002); 188 } 189 190 button[data-variant='gray']:active, 191 button[data-variant='shade']:active { 192 background-color: var(--wui-color-gray-glass-005); 193 } 194 } 195 196 button.disabled { 197 color: var(--wui-color-gray-glass-020); 198 background-color: var(--wui-color-gray-glass-002); 199 box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002); 200 pointer-events: none; 201 } 202`;var c=function(e,t,a,r){var i,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,a):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,a,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(o<3?i(s):o>3?i(t,a,s):i(t,a))||s);return o>3&&s&&Object.defineProperty(t,a,s),s};let l=class extends r.WF{constructor(){super(...arguments),this.variant="accent",this.imageSrc="",this.disabled=!1,this.icon="externalLink",this.size="md",this.text=""}render(){let e="sm"===this.size?"small-600":"paragraph-600";return(0,r.qy)` 203 <button 204 class=${this.disabled?"disabled":""} 205 data-variant=${this.variant} 206 data-size=${this.size} 207 > 208 ${this.imageSrc?(0,r.qy)`<wui-image src=${this.imageSrc}></wui-image>`:null} 209 <wui-text variant=${e} color="inherit"> ${this.text} </wui-text> 210 <wui-icon name=${this.icon} color="inherit" size="inherit"></wui-icon> 211 </button> 212 `}};l.styles=[o.W5,o.fD,n],c([(0,i.MZ)()],l.prototype,"variant",void 0),c([(0,i.MZ)()],l.prototype,"imageSrc",void 0),c([(0,i.MZ)({type:Boolean})],l.prototype,"disabled",void 0),c([(0,i.MZ)()],l.prototype,"icon",void 0),c([(0,i.MZ)()],l.prototype,"size",void 0),c([(0,i.MZ)()],l.prototype,"text",void 0),l=c([(0,s.E)("wui-chip-button")],l)}}]); 213//# sourceMappingURL=2609.62a22c56c3fe02b1.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.