1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[396,943],{20943:(e,t,i)=>{var r,a=i(83138),s=i(98410),o=i(12232),n=i(93481),l=i(24369),c=i(12319),u=i(67869),d=i(67074),p=i(70417),h=i(71305),m=i(36211);i(40575),i(90721),i(48352),i(41163);var g=i(78964);i(24772);var w=i(71084);!function(e){e.approve="approved",e.bought="bought",e.borrow="borrowed",e.burn="burnt",e.cancel="canceled",e.claim="claimed",e.deploy="deployed",e.deposit="deposited",e.execute="executed",e.mint="minted",e.receive="received",e.repay="repaid",e.send="sent",e.sell="sold",e.stake="staked",e.trade="swapped",e.unstake="unstaked",e.withdraw="withdrawn"}(r||(r={}));var f=i(47327);i(91404),i(45166),i(84042);var y=i(20296);let x=(0,y.AH)` 2 :host > wui-flex { 3 display: flex; 4 justify-content: center; 5 align-items: center; 6 position: relative; 7 width: 40px; 8 height: 40px; 9 box-shadow: inset 0 0 0 1px ${({tokens:e})=>e.core.glass010}; 10 background-color: ${({tokens:e})=>e.theme.foregroundPrimary}; 11 } 12 13 :host([data-no-images='true']) > wui-flex { 14 background-color: ${({tokens:e})=>e.theme.foregroundPrimary}; 15 border-radius: ${({borderRadius:e})=>e[3]} !important; 16 } 17 18 :host > wui-flex wui-image { 19 display: block; 20 } 21 22 :host > wui-flex, 23 :host > wui-flex wui-image, 24 .swap-images-container, 25 .swap-images-container.nft, 26 wui-image.nft { 27 border-top-left-radius: var(--local-left-border-radius); 28 border-top-right-radius: var(--local-right-border-radius); 29 border-bottom-left-radius: var(--local-left-border-radius); 30 border-bottom-right-radius: var(--local-right-border-radius); 31 } 32 33 .swap-images-container { 34 position: relative; 35 width: 40px; 36 height: 40px; 37 overflow: hidden; 38 } 39 40 .swap-images-container wui-image:first-child { 41 position: absolute; 42 width: 40px; 43 height: 40px; 44 top: 0; 45 left: 0%; 46 clip-path: inset(0px calc(50% + 2px) 0px 0%); 47 } 48 49 .swap-images-container wui-image:last-child { 50 clip-path: inset(0px 0px 0px calc(50% + 2px)); 51 } 52 53 .swap-fallback-container { 54 position: absolute; 55 inset: 0; 56 width: 40px; 57 height: 40px; 58 display: flex; 59 align-items: center; 60 justify-content: center; 61 } 62 63 .swap-fallback-container.first { 64 clip-path: inset(0px calc(50% + 2px) 0px 0%); 65 } 66 67 .swap-fallback-container.last { 68 clip-path: inset(0px 0px 0px calc(50% + 2px)); 69 } 70 71 wui-flex.status-box { 72 position: absolute; 73 right: 0; 74 bottom: 0; 75 transform: translate(20%, 20%); 76 border-radius: ${({borderRadius:e})=>e[4]}; 77 background-color: ${({tokens:e})=>e.theme.backgroundPrimary}; 78 box-shadow: 0 0 0 2px ${({tokens:e})=>e.theme.backgroundPrimary}; 79 overflow: hidden; 80 width: 16px; 81 height: 16px; 82 } 83`;var b=function(e,t,i,r){var a,s=arguments.length,o=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(o=(s<3?a(o):s>3?a(t,i,o):a(t,i))||o);return s>3&&o&&Object.defineProperty(t,i,o),o};let v=class extends a.WF{constructor(){super(...arguments),this.images=[],this.secondImage={type:void 0,url:""},this.failedImageUrls=new Set}handleImageError(e){return t=>{t.stopPropagation(),this.failedImageUrls.add(e),this.requestUpdate()}}render(){let[e,t]=this.images;this.images.length||(this.dataset.noImages="true");let i=e?.type==="NFT",r=t?.url?"NFT"===t.type:i;return this.style.cssText=` 84 --local-left-border-radius: ${i?"var(--apkt-borderRadius-3)":"var(--apkt-borderRadius-5)"}; 85 --local-right-border-radius: ${r?"var(--apkt-borderRadius-3)":"var(--apkt-borderRadius-5)"}; 86 `,(0,a.qy)`<wui-flex> ${this.templateVisual()} ${this.templateIcon()} </wui-flex>`}templateVisual(){let[e,t]=this.images;return 2===this.images.length&&(e?.url||t?.url)?this.renderSwapImages(e,t):e?.url&&!this.failedImageUrls.has(e.url)?this.renderSingleImage(e):e?.type==="NFT"?this.renderPlaceholderIcon("nftPlaceholder"):this.renderPlaceholderIcon("coinPlaceholder")}renderSwapImages(e,t){return(0,a.qy)`<div class="swap-images-container"> 87 ${e?.url?this.renderImageOrFallback(e,"first",!0):null} 88 ${t?.url?this.renderImageOrFallback(t,"last",!0):null} 89 </div>`}renderSingleImage(e){return this.renderImageOrFallback(e,void 0,!1)}renderImageOrFallback(e,t,i=!1){return e.url?this.failedImageUrls.has(e.url)?i&&t?this.renderFallbackIconInContainer(t):this.renderFallbackIcon():(0,a.qy)`<wui-image 90 src=${e.url} 91 alt="Transaction image" 92 @onLoadError=${this.handleImageError(e.url)} 93 ></wui-image>`:null}renderFallbackIconInContainer(e){return(0,a.qy)`<div class="swap-fallback-container ${e}">${this.renderFallbackIcon()}</div>`}renderFallbackIcon(){return(0,a.qy)`<wui-icon 94 size="xl" 95 weight="regular" 96 color="default" 97 name="networkPlaceholder" 98 ></wui-icon>`}renderPlaceholderIcon(e){return(0,a.qy)`<wui-icon size="xl" weight="regular" color="default" name=${e}></wui-icon>`}templateIcon(){let e,t="accent-primary";return(e=this.getIcon(),this.status&&(t=this.getStatusColor()),e)?(0,a.qy)` 99 <wui-flex alignItems="center" justifyContent="center" class="status-box"> 100 <wui-icon-box size="sm" color=${t} icon=${e}></wui-icon-box> 101 </wui-flex> 102 `:null}getDirectionIcon(){switch(this.direction){case"in":return"arrowBottom";case"out":return"arrowTop";default:return}}getIcon(){return this.onlyDirectionIcon?this.getDirectionIcon():"trade"===this.type?"swapHorizontal":"approve"===this.type?"checkmark":"cancel"===this.type?"close":this.getDirectionIcon()}getStatusColor(){switch(this.status){case"confirmed":return"success";case"failed":return"error";
102case"pending":return"inverse";default:return"accent-primary"}}};v.styles=[x],b([(0,s.MZ)()],v.prototype,"type",void 0),b([(0,s.MZ)()],v.prototype,"status",void 0),b([(0,s.MZ)()],v.prototype,"direction",void 0),b([(0,s.MZ)({type:Boolean})],v.prototype,"onlyDirectionIcon",void 0),b([(0,s.MZ)({type:Array})],v.prototype,"images",void 0),b([(0,s.MZ)({type:Object})],v.prototype,"secondImage",void 0),b([(0,s.wk)()],v.prototype,"failedImageUrls",void 0),v=b([(0,f.E)("wui-transaction-visual")],v);let $=(0,y.AH)` 103 :host { 104 width: 100%; 105 } 106 107 :host > wui-flex:first-child { 108 align-items: center; 109 column-gap: ${({spacing:e})=>e[2]}; 110 padding: ${({spacing:e})=>e[1]} ${({spacing:e})=>e[2]}; 111 width: 100%; 112 } 113 114 :host > wui-flex:first-child wui-text:nth-child(1) { 115 text-transform: capitalize; 116 } 117 118 wui-transaction-visual { 119 width: 40px; 120 height: 40px; 121 } 122 123 wui-flex { 124 flex: 1; 125 } 126 127 :host wui-flex wui-flex { 128 overflow: hidden; 129 } 130 131 :host .description-container wui-text span { 132 word-break: break-all; 133 } 134 135 :host .description-container wui-text { 136 overflow: hidden; 137 } 138 139 :host .description-separator-icon { 140 margin: 0px 6px; 141 } 142 143 :host wui-text > span { 144 overflow: hidden; 145 display: -webkit-box; 146 -webkit-box-orient: vertical; 147 -webkit-line-clamp: 1; 148 } 149`;var k=function(e,t,i,r){var a,s=arguments.length,o=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(o=(s<3?a(o):s>3?a(t,i,o):a(t,i))||o);return s>3&&o&&Object.defineProperty(t,i,o),o};let I=class extends a.WF{constructor(){super(...arguments),this.type="approve",this.onlyDirectionIcon=!1,this.images=[]}render(){return(0,a.qy)` 150 <wui-flex> 151 <wui-transaction-visual 152 .status=${this.status} 153 direction=${(0,g.J)(this.direction)} 154 type=${this.type} 155 .onlyDirectionIcon=${this.onlyDirectionIcon} 156 .images=${this.images} 157 ></wui-transaction-visual> 158 <wui-flex flexDirection="column" gap="1"> 159 <wui-text variant="lg-medium" color="primary"> 160 ${r[this.type]||this.type} 161 </wui-text> 162 <wui-flex class="description-container"> 163 ${this.templateDescription()} ${this.templateSecondDescription()} 164 </wui-flex> 165 </wui-flex> 166 <wui-text variant="sm-medium" color="secondary"><span>${this.date}</span></wui-text> 167 </wui-flex> 168 `}templateDescription(){let e=this.descriptions?.[0];return e?(0,a.qy)` 169 <wui-text variant="md-regular" color="secondary"> 170 <span>${e}</span> 171 </wui-text> 172 `:null}templateSecondDescription(){let e=this.descriptions?.[1];return e?(0,a.qy)` 173 <wui-icon class="description-separator-icon" size="sm" name="arrowRight"></wui-icon> 174 <wui-text variant="md-regular" color="secondary"> 175 <span>${e}</span> 176 </wui-text> 177 `:null}};I.styles=[w.W5,$],k([(0,s.MZ)()],I.prototype,"type",void 0),k([(0,s.MZ)({type:Array})],I.prototype,"descriptions",void 0),k([(0,s.MZ)()],I.prototype,"date",void 0),k([(0,s.MZ)({type:Boolean})],I.prototype,"onlyDirectionIcon",void 0),k([(0,s.MZ)()],I.prototype,"status",void 0),k([(0,s.MZ)()],I.prototype,"direction",void 0),k([(0,s.MZ)({type:Array})],I.prototype,"images",void 0),I=k([(0,f.E)("wui-transaction-list-item")],I),i(40396),i(38534);let T=(0,y.AH)` 178 wui-flex { 179 position: relative; 180 display: inline-flex; 181 justify-content: center; 182 align-items: center; 183 } 184 185 wui-image { 186 border-radius: ${({borderRadius:e})=>e[128]}; 187 } 188 189 .fallback-icon { 190 color: ${({tokens:e})=>e.theme.iconInverse}; 191 border-radius: ${({borderRadius:e})=>e[3]}; 192 background-color: ${({tokens:e})=>e.theme.foregroundPrimary}; 193 } 194 195 .direction-icon, 196 .status-image { 197 position: absolute; 198 right: 0; 199 bottom: 0; 200 border-radius: ${({borderRadius:e})=>e[128]}; 201 border: 2px solid ${({tokens:e})=>e.theme.backgroundPrimary}; 202 } 203 204 .direction-icon { 205 padding: ${({spacing:e})=>e["01"]}; 206 color: ${({tokens:e})=>e.core.iconSuccess}; 207 208 background-color: color-mix( 209 in srgb, 210 ${({tokens:e})=>e.core.textSuccess} 30%, 211 ${({tokens:e})=>e.theme.backgroundPrimary} 70% 212 ); 213 } 214 215 /* -- Sizes --------------------------------------------------- */ 216 :host([data-size='sm']) > wui-image:not(.status-image), 217 :host([data-size='sm']) > wui-flex { 218 width: 24px; 219 height: 24px; 220 } 221 222 :host([data-size='lg']) > wui-image:not(.status-image), 223 :host([data-size='lg']) > wui-flex { 224 width: 40px; 225 height: 40px; 226 } 227 228 :host([data-size='sm']) .fallback-icon { 229 height: 16px; 230 width: 16px; 231 padding: ${({spacing:e})=>e[1]}; 232 } 233 234 :host([data-size='lg']) .fallback-icon { 235 height: 32px; 236 width: 32px; 237 padding: ${({spacing:e})=>e[1]}; 238 } 239 240 :host([data-size='sm']) .direction-icon, 241 :host([data-size='sm']) .status-image { 242 transform: translate(40%, 30%); 243 } 244 245 :host([data-size='lg']) .direction-icon, 246 :host([data-size='lg']) .status-image { 247 transform: translate(40%, 10%); 248 } 249 250 :host([data-size='sm']) .status-image { 251 height: 14px; 252 width: 14px; 253 } 254 255 :host([data-size='lg']) .status-image { 256 height: 20px;
257 width: 20px; 258 } 259 260 /* -- Crop effects --------------------------------------------------- */ 261 .swap-crop-left-image, 262 .swap-crop-right-image { 263 position: absolute; 264 top: 0; 265 bottom: 0; 266 } 267 268 .swap-crop-left-image { 269 left: 0; 270 clip-path: inset(0px calc(50% + 1.5px) 0px 0%); 271 } 272 273 .swap-crop-right-image { 274 right: 0; 275 clip-path: inset(0px 0px 0px calc(50% + 1.5px)); 276 } 277`;var P=function(e,t,i,r){var a,s=arguments.length,o=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(o=(s<3?a(o):s>3?a(t,i,o):a(t,i))||o);return s>3&&o&&Object.defineProperty(t,i,o),o};let O={sm:"xxs",lg:"md"},A=class extends a.WF{constructor(){super(...arguments),this.type="approve",this.size="lg",this.statusImageUrl="",this.images=[]}render(){return(0,a.qy)`<wui-flex>${this.templateVisual()} ${this.templateIcon()}</wui-flex>`}templateVisual(){switch(this.dataset.size=this.size,this.type){case"trade":return this.swapTemplate();case"fiat":return this.fiatTemplate();case"unknown":return this.unknownTemplate();default:return this.tokenTemplate()}}swapTemplate(){let[e,t]=this.images;return 2===this.images.length&&(e||t)?(0,a.qy)` 278 <wui-image class="swap-crop-left-image" src=${e} alt="Swap image"></wui-image> 279 <wui-image class="swap-crop-right-image" src=${t} alt="Swap image"></wui-image> 280 `:e?(0,a.qy)`<wui-image src=${e} alt="Swap image"></wui-image>`:null}fiatTemplate(){return(0,a.qy)`<wui-icon 281 class="fallback-icon" 282 size=${O[this.size]} 283 name="dollar" 284 ></wui-icon>`}unknownTemplate(){return(0,a.qy)`<wui-icon 285 class="fallback-icon" 286 size=${O[this.size]} 287 name="questionMark" 288 ></wui-icon>`}tokenTemplate(){let[e]=this.images;return e?(0,a.qy)`<wui-image src=${e} alt="Token image"></wui-image> `:(0,a.qy)`<wui-icon 289 class="fallback-icon" 290 name=${"nft"===this.type?"image":"coinPlaceholder"} 291 ></wui-icon>`}templateIcon(){return this.statusImageUrl?(0,a.qy)`<wui-image 292 class="status-image" 293 src=${this.statusImageUrl} 294 alt="Status image" 295 ></wui-image>`:(0,a.qy)`<wui-icon 296 class="direction-icon" 297 size=${O[this.size]} 298 name=${this.getTemplateIcon()} 299 ></wui-icon>`}getTemplateIcon(){return"trade"===this.type?"arrowClockWise":"arrowBottom"}};A.styles=[T],P([(0,s.MZ)()],A.prototype,"type",void 0),P([(0,s.MZ)()],A.prototype,"size",void 0),P([(0,s.MZ)()],A.prototype,"statusImageUrl",void 0),P([(0,s.MZ)({type:Array})],A.prototype,"images",void 0),A=P([(0,f.E)("wui-transaction-thumbnail")],A);let D=(0,y.AH)` 300 :host > wui-flex:first-child { 301 gap: ${({spacing:e})=>e[2]}; 302 padding: ${({spacing:e})=>e[3]}; 303 width: 100%; 304 } 305 306 wui-flex { 307 display: flex; 308 flex: 1; 309 } 310`,q=class extends a.WF{render(){return(0,a.qy)` 311 <wui-flex alignItems="center" .padding=${["1","2","1","2"]}> 312 <wui-shimmer width="40px" height="40px" rounded></wui-shimmer> 313 <wui-flex flexDirection="column" gap="1"> 314 <wui-shimmer width="124px" height="16px" rounded></wui-shimmer> 315 <wui-shimmer width="60px" height="14px" rounded></wui-shimmer> 316 </wui-flex> 317 <wui-shimmer width="24px" height="12px" rounded></wui-shimmer> 318 </wui-flex> 319 `}};q.styles=[w.W5,D],q=function(e,t,i,r){var a,s=arguments.length,o=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(o=(s<3?a(o):s>3?a(t,i,o):a(t,i))||o);return s>3&&o&&Object.defineProperty(t,i,o),o}([(0,f.E)("wui-transaction-list-item-loader")],q);var z=i(73537);let C=(0,m.AH)` 320 :host { 321 min-height: 100%; 322 } 323 324 .group-container[last-group='true'] { 325 padding-bottom: ${({spacing:e})=>e["3"]}; 326 } 327 328 .contentContainer { 329 height: 280px; 330 } 331 332 .contentContainer > wui-icon-box { 333 width: 40px; 334 height: 40px; 335 border-radius: ${({borderRadius:e})=>e["3"]}; 336 } 337 338 .contentContainer > .textContent { 339 width: 65%; 340 } 341 342 .emptyContainer { 343 height: 100%; 344 } 345`;var R=function(e,t,i,r){var a,s=arguments.length,o=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(o=(s<3?a(o):s>3?a(t,i,o):a(t,i))||o);return s>3&&o&&Object.defineProperty(t,i,o),o};let j="last-transaction",S=class extends a.WF{constructor(){super(),this.unsubscribe=[],this.paginationObserver=void 0,this.page="activity",this.caipAddress=n.W.state.activeCaipAddress,this.transactionsByYear=l.W.state.transactionsByYear,this.loading=l.W.state.loading,this.empty=l.W.state.empty,this.next=l.W.state.next,l.W.clearCursor(
345),this.unsubscribe.push(n.W.subscribeKey("activeCaipAddress",e=>{e&&this.caipAddress!==e&&(l.W.resetTransactions(),l.W.fetchTransactions(e)),this.caipAddress=e}),n.W.subscribeKey("activeCaipNetwork",()=>{this.updateTransactionView()}),l.W.subscribe(e=>{this.transactionsByYear=e.transactionsByYear,this.loading=e.loading,this.empty=e.empty,this.next=e.next}))}firstUpdated(){this.updateTransactionView(),this.createPaginationObserver()}updated(){this.setPaginationObserver()}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){return(0,a.qy)` ${this.empty?null:this.templateTransactionsByYear()} 346 ${this.loading?this.templateLoading():null} 347 ${!this.loading&&this.empty?this.templateEmpty():null}`}updateTransactionView(){l.W.resetTransactions(),this.caipAddress&&l.W.fetchTransactions(c.w.getPlainAddress(this.caipAddress))}templateTransactionsByYear(){return Object.keys(this.transactionsByYear).sort().reverse().map(e=>{let t=parseInt(e,10),i=Array(12).fill(null).map((e,i)=>({groupTitle:m.tt.getTransactionGroupTitle(t,i),transactions:this.transactionsByYear[t]?.[i]})).filter(({transactions:e})=>e).reverse();return i.map(({groupTitle:e,transactions:t},r)=>{let s=r===i.length-1;return t?(0,a.qy)` 348 <wui-flex 349 flexDirection="column" 350 class="group-container" 351 last-group="${s?"true":"false"}" 352 data-testid="month-indexes" 353 > 354 <wui-flex 355 alignItems="center" 356 flexDirection="row" 357 .padding=${["2","3","3","3"]} 358 > 359 <wui-text variant="md-medium" color="secondary" data-testid="group-title"> 360 ${e} 361 </wui-text> 362 </wui-flex> 363 <wui-flex flexDirection="column" gap="2"> 364 ${this.templateTransactions(t,s)} 365 </wui-flex> 366 </wui-flex> 367 `:null})})}templateRenderTransaction(e,t){let{date:i,descriptions:r,direction:s,images:o,status:n,type:l,transfers:c,isAllNFT:u}=this.getTransactionListItemProps(e);return(0,a.qy)` 368 <wui-transaction-list-item 369 date=${i} 370 .direction=${s} 371 id=${t&&this.next?j:""} 372 status=${n} 373 type=${l} 374 .images=${o} 375 .onlyDirectionIcon=${u||1===c.length} 376 .descriptions=${r} 377 ></wui-transaction-list-item> 378 `}templateTransactions(e,t){return e.map((i,r)=>{let s=t&&r===e.length-1;return(0,a.qy)`${this.templateRenderTransaction(i,s)}`})}emptyStateActivity(){return(0,a.qy)`<wui-flex 379 class="emptyContainer" 380 flexGrow="1" 381 flexDirection="column" 382 justifyContent="center" 383 alignItems="center" 384 .padding=${["10","5","10","5"]} 385 gap="5" 386 data-testid="empty-activity-state" 387 > 388 <wui-icon-box color="default" icon="wallet" size="xl"></wui-icon-box> 389 <wui-flex flexDirection="column" alignItems="center" gap="2"> 390 <wui-text align="center" variant="lg-medium" color="primary">No Transactions yet</wui-text> 391 <wui-text align="center" variant="lg-regular" color="secondary" 392 >Start trading on dApps <br /> 393 to grow your wallet!</wui-text 394 > 395 </wui-flex> 396 </wui-flex>`}emptyStateAccount(){return(0,a.qy)`<wui-flex 397 class="contentContainer" 398 alignItems="center" 399 justifyContent="center" 400 flexDirection="column" 401 gap="4" 402 data-testid="empty-account-state" 403 > 404 <wui-icon-box icon="swapHorizontal" size="lg" color="default"></wui-icon-box> 405 <wui-flex 406 class="textContent" 407 gap="2" 408 flexDirection="column" 409 justifyContent="center" 410 flexDirection="column" 411 > 412 <wui-text variant="md-regular" align="center" color="primary">No activity yet</wui-text> 413 <wui-text variant="sm-regular" align="center" color="secondary" 414 >Your next transactions will appear here</wui-text 415 > 416 </wui-flex> 417 <wui-link @click=${this.onReceiveClick.bind(this)}>Trade</wui-link> 418 </wui-flex>`}templateEmpty(){return"account"===this.page?(0,a.qy)`${this.emptyStateAccount()}`:(0,a.qy)`${this.emptyStateActivity()}`}templateLoading(){return"activity"===this.page?(0,a.qy)` <wui-flex flexDirection="column" width="100%"> 419 <wui-flex .padding=${["2","3","3","3"]}>
420 <wui-shimmer width="70px" height="16px" rounded></wui-shimmer> 421 </wui-flex> 422 <wui-flex flexDirection="column" gap="2" width="100%"> 423 ${Array(7).fill((0,a.qy)` <wui-transaction-list-item-loader></wui-transaction-list-item-loader> `).map(e=>e)} 424 </wui-flex> 425 </wui-flex>`:null}onReceiveClick(){u.I.push("WalletReceive")}createPaginationObserver(){let{projectId:e}=d.H.state;this.paginationObserver=new IntersectionObserver(([t])=>{t?.isIntersecting&&!this.loading&&(l.W.fetchTransactions(c.w.getPlainAddress(this.caipAddress)),p.E.sendEvent({type:"track",event:"LOAD_MORE_TRANSACTIONS",properties:{address:c.w.getPlainAddress(this.caipAddress),projectId:e,cursor:this.next,isSmartAccount:(0,h.lj)(n.W.state.activeChain)===z.Vl.ACCOUNT_TYPES.SMART_ACCOUNT}}))},{}),this.setPaginationObserver()}setPaginationObserver(){this.paginationObserver?.disconnect();let e=this.shadowRoot?.querySelector(`#${j}`);e&&this.paginationObserver?.observe(e)}getTransactionListItemProps(e){let t=o.r.formatDate(e?.metadata?.minedAt),i=m.tt.mergeTransfers(e?.transfers||[]),r=m.tt.getTransactionDescriptions(e,i),a=i?.[0],s=!!a&&i?.every(e=>!!e.nft_info),n=m.tt.getTransactionImages(i);return{date:t,direction:a?.direction,descriptions:r,isAllNFT:s,images:n,status:e.metadata?.status,transfers:i,type:e.metadata?.operationType}}};S.styles=C,R([(0,s.MZ)()],S.prototype,"page",void 0),R([(0,s.wk)()],S.prototype,"caipAddress",void 0),R([(0,s.wk)()],S.prototype,"transactionsByYear",void 0),R([(0,s.wk)()],S.prototype,"loading",void 0),R([(0,s.wk)()],S.prototype,"empty",void 0),R([(0,s.wk)()],S.prototype,"next",void 0),S=R([(0,m.EM)("w3m-activity-list")],S)},40396:(e,t,i)=>{var r=i(83138),a=i(98410),s=i(47327),o=i(20296);let n=(0,o.AH)` 426 :host { 427 display: block; 428 background: linear-gradient( 429 90deg, 430 ${({tokens:e})=>e.theme.foregroundPrimary} 0%, 431 ${({tokens:e})=>e.theme.foregroundSecondary} 50%, 432 ${({tokens:e})=>e.theme.foregroundPrimary} 100% 433 ); 434 background-size: 200% 100%; 435 animation: shimmer 2s linear infinite; 436 border-radius: ${({borderRadius:e})=>e[1]}; 437 } 438 439 :host([data-rounded='true']) { 440 border-radius: ${({borderRadius:e})=>e[16]}; 441 } 442 443 @keyframes shimmer { 444 0% { 445 background-position: 100% 0; 446 } 447 100% { 448 background-position: -100% 0; 449 } 450 } 451`;var l=function(e,t,i,r){var a,s=arguments.length,o=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var n=e.length-1;n>=0;n--)(a=e[n])&&(o=(s<3?a(o):s>3?a(t,i,o):a(t,i))||o);return s>3&&o&&Object.defineProperty(t,i,o),o};let c=class extends r.WF{constructor(){super(...arguments),this.width="",this.height="",this.variant="default",this.rounded=!1}render(){return this.style.cssText=` 452 width: ${this.width}; 453 height: ${this.height}; 454 `,this.dataset.rounded=this.rounded?"true":"false",(0,r.qy)`<slot></slot>`}};c.styles=[n],l([(0,a.MZ)()],c.prototype,"width",void 0),l([(0,a.MZ)()],c.prototype,"height",void 0),l([(0,a.MZ)()],c.prototype,"variant",void 0),l([(0,a.MZ)({type:Boolean})],c.prototype,"rounded",void 0),c=l([(0,s.E)("wui-shimmer")],c)}}]);
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.