vendor: 4,755 bytes, line 1
1import{c as nt,i as st,b as m,r as At,d as pt,ac as R,f as xt,R as Ct,O as kt,E as Rt,g as Lt,W as jt}from"./@chunk/index~e9700c08";import{U as _t,n as _,c as at,r as ot}from"./@chunk/index~eaa6fad7";import{g as yt}from"./@chunk/cjs-helpers";import"./@chunk/index~4bdc1026";import"./@chunk/index~d2b196a9";import{o as Nt}from"./@chunk/if-defined~7f09ff3b";import"./@chunk/index~a5279b22";import"./@chunk/index~eeb500b4";var ft={exports:{}},zt=ft.exports,It;function Ft(){return It||(It=1,(function(t,e){(function(i,s){t.exports=s()})(zt,(function(){var i=1e3,s=6e4,u=36e5,r="millisecond",c="second",d="minute",w="hour",g="day",v="week",$="month",U="quarter",M="year",C="date",j="Invalid Date",B=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,X=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,tt={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(p){var o=["th","st","nd","rd"],n=p%100;return"["+p+(o[(n-20)%10]||o[n]||o[0])+"]"}},et=function(p,o,n){var l=String(p);return!l||l.length>=o?p:""+Array(o+1-l.length).join(n)+p},E={s:et,z:function(p){var o=-p.utcOffset(),n=Math.abs(o),l=Math.floor(n/60),a=n%60;return(o<=0?"+":"-")+et(l,2,"0")+":"+et(a,2,"0")},m:function p(o,n){if(o.date()<n.date())return-p(n,o);var l=12*(n.year()-o.year())+(n.month()-o.month()),a=o.clone().add(l,$),h=n-a<0,f=o.clone().add(l+(h?-1:1),$);return+(-(l+(n-a)/(h?a-f:f-a))||0)},a:function(p){return p<0?Math.ceil(p)||0:Math.floor(p)},p:function(p){return{M:$,y:M,w:v,d:g,D:C,h:w,m:d,s:c,ms:r,Q:U}[p]||String(p||"").toLowerCase().replace(/s$/,"")},u:function(p){return p===void 0}},O="en",S={};S[O]=tt;var G="$isDayjsObject",W=function(p){return p instanceof lt||!(!p||!p[G])},ct=function p(o,n,l){var a;if(!o)return O;if(typeof o=="string"){var h=o.toLowerCase();S[h]&&(a=h),n&&(S[h]=n,a=h);var f=o.split("-");if(!a&&f.length>1)return p(f[0])}else{var x=o.name;S[x]=o,a=x}return!l&&a&&(O=a),a||!l&&O},T=function(p,o){if(W(p))return p.clone();var n=typeof o=="object"?o:{};return n.date=p,n.args=arguments,new lt(n)},y=E;y.l=ct,y.i=W,y.w=function(p,o){return T(p,{locale:o.$L,utc:o.$u,x:o.$x,$offset:o.$offset})};var lt=(function(){function p(n){this.$L=ct(n.locale,null,!0),this.parse(n),this.$x=this.$x||n.x||{},this[G]=!0}var o=p.prototype;return o.parse=function(n){this.$d=(function(l){var a=l.date,h=l.utc;if(a===null)return new Date(NaN);if(y.u(a))return new Date;if(a instanceof Date)return new Date(a);if(typeof a=="string"&&!/Z$/i.test(a)){var f=a.match(B);if(f){var x=f[2]-1||0,b=(f[7]||"0").substring(0,3);return h?new Date(Date.UTC(f[1],x,f[3]||1,f[4]||0,f[5]||0,f[6]||0,b)):new Date(f[1],x,f[3]||1,f[4]||0,f[5]||0,f[6]||0,b)}}return new Date(a)})(n),this.init()},o.init=function(){var n=this.$d;this.$y=n.getFullYear(),this.$M=n.getMonth(),this.$D=n.getDate(),this.$W=n.getDay(),this.$H=n.getHours(),this.$m=n.getMinutes(),this.$s=n.getSeconds(),this.$ms=n.getMilliseconds()},o.$utils=function(){return y},o.isValid=function(){return this.$d.toString()!==j},o.isSame=function(n,l){var a=T(n);return this.startOf(l)<=a&&a<=this.endOf(l)},o.isAfter=function(n,l){return T(n)<this.startOf(l)},o.isBefore=function(n,l){return this.endOf(l)<T(n)},o.$g=function(n,l,a){return y.u(n)?this[l]:this.set(a,n)},o.unix=function(){return Math.floor(this.valueOf()/1e3)},o.valueOf=function(){return this.$d.getTime()},o.startOf=function(n,l){var a=this,h=!!y.u(l)||l,f=y.p(n),x=function(P,A){var F=y.w(a.$u?Date.UTC(a.$y,A,P):new Date(a.$y,A,P),a);return h?F:F.endOf(g)},b=function(P,A){return y.w(a.toDate()[P].apply(a.toDate("s"),(h?[0,0,0,0]:[23,59,59,999]).slice(A)),a)},D=this.$W,I=this.$M,k=this.$D,Z="set"+(this.$u?"UTC":"");switch(f){case M:return h?x(1,0):x(31,11);case $:return h?x(1,I):x(0,I+1);case v:var H=this.$locale().weekStart||0,it=(D<H?D+7:D)-H;return x(h?k-it:k+(6-it),I);case g:case C:return b(Z+"Hours",0);case w:return b(Z+"Minutes",1);case d:return b(Z+"Seconds",2);case c:return b(Z+"Milliseconds",3);default:return this.clone()}},o.endOf=function(n){return this.startOf(n,!1)},o.$set=function(n,l){var a,h=y.p(n),f="set"+(this.$u?"UTC":""),x=(a={},a[g]=f+"Date",a[C]=f+"Date",a[$]=f+"Month",a[M]=f+"FullYear",a[w]=f+"Hours",a[d]=f+"Minutes",a[c]=f+"Seconds",a[r]=f+"Milliseconds",a)[h],b=h===g?this.$D+(l-this.$W):l;if(h===$||h===M){var D=this.clone().set(C,1);D.$d[x](b),D.init(),this.$d=D.set(C,Math.min(this.$D,D.daysInMonth())).$d}else x&&this.$d[x](b);return this.init(),this},o.set=function(n,l){return this.clone().$set(n,l)},o.get=function(n){return this[y.p(n)]()},o.add=function(n,l){var a,h=this;
vendor: 1,419 bytes, line 1
1n=Number(n);var f=y.p(l),x=function(I){var k=T(h);return y.w(k.date(k.date()+Math.round(I*n)),h)};if(f===$)return this.set($,this.$M+n);if(f===M)return this.set(M,this.$y+n);if(f===g)return x(1);if(f===v)return x(7);var b=(a={},a[d]=s,a[w]=u,a[c]=i,a)[f]||1,D=this.$d.getTime()+n*b;return y.w(D,this)},o.subtract=function(n,l){return this.add(-1*n,l)},o.format=function(n){var l=this,a=this.$locale();if(!this.isValid())return a.invalidDate||j;var h=n||"YYYY-MM-DDTHH:mm:ssZ",f=y.z(this),x=this.$H,b=this.$m,D=this.$M,I=a.weekdays,k=a.months,Z=a.meridiem,H=function(A,F,rt,dt){return A&&(A[F]||A(l,h))||rt[F].slice(0,dt)},it=function(A){return y.s(x%12||12,A,"0")},P=Z||function(A,F,rt){var dt=A<12?"AM":"PM";return rt?dt.toLowerCase():dt};return h.replace(X,(function(A,F){return F||(function(rt){switch(rt){case"YY":return String(l.$y).slice(-2);case"YYYY":return y.s(l.$y,4,"0");case"M":return D+1;case"MM":return y.s(D+1,2,"0");case"MMM":return H(a.monthsShort,D,k,3);case"MMMM":return H(k,D);case"D":return l.$D;case"DD":return y.s(l.$D,2,"0");case"d":return String(l.$W);case"dd":return H(a.weekdaysMin,l.$W,I,2);case"ddd":return H(a.weekdaysShort,l.$W,I,3);case"dddd":return I[l.$W];case"H":return String(x);case"HH":return y.s(x,2,"0");case"h":return it(1);case"hh":return it(2);case"a":return P(x,b,!0);case"A":return P(x,b,!1);case"m":return String(b);case"mm":return y.s(b,2,"0");case"s":return String(l.$s);
1case"ss":return y.s(l.$s,2,"0");case"SSS":return y.s(l.$ms,3,"0");case"Z":return f}return null})(A)||f.replace(":","")}))},o.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},o.diff=function(n,l,a){var h,f=this,x=y.p(l),b=T(n),D=(b.utcOffset()-this.utcOffset())*s,I=this-b,k=function(){return y.m(f,b)};switch(x){case M:h=k()/12;break;case $:h=k();break;case U:h=k()/3;break;case v:h=(I-D)/6048e5;break;case g:h=(I-D)/864e5;break;case w:h=I/u;break;case d:h=I/s;break;case c:h=I/i;break;default:h=I}return a?h:y.a(h)},o.daysInMonth=function(){return this.endOf($).$D},o.$locale=function(){return S[this.$L]},o.locale=function(n,l){if(!n)return this.$L;var a=this.clone(),h=ct(n,l,!0);return h&&(a.$L=h),a},o.clone=function(){return y.w(this.$d,this)},o.toDate=function(){return new Date(this.valueOf())},o.toJSON=function(){return this.isValid()?this.toISOString():null},o.toISOString=function(){return this.$d.toISOString()},o.toString=function(){return this.$d.toUTCString()},p})(),Dt=lt.prototype;return T.prototype=Dt,[["$ms",r],["$s",c],["$m",d],["$H",w],["$W",g],["$M",$],["$y",M],["$D",C]].forEach((function(p){Dt[p[1]]=function(o){return this.$g(o,p[0],p[1])}})),T.extend=function(p,o){return p.$i||(p(o,lt,T),p.$i=!0),T},T.locale=ct,T.isDayjs=W,T.unix=function(p){return T(1e3*p)},T.en=S[O],T.Ls=S,T.p={},T}))})(ft)),ft.exports}var Yt=Ft();const Q=yt(Yt);var mt={exports:{}},Ut=mt.exports,Mt;function Bt(){return Mt||(Mt=1,(function(t,e){(function(i,s){t.exports=s()})(Ut,(function(){return{name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(i){var s=["th","st","nd","rd"],u=i%100;return"["+i+(s[(u-20)%10]||s[u]||s[0])+"]"}}}))})(mt)),mt.exports}var Et=Bt();const Wt=yt(Et);var gt={exports:{}},Ht=gt.exports,Ot;function Pt(){return Ot||(Ot=1,(function(t,e){(function(i,s){t.exports=s()})(Ht,(function(){return function(i,s,u){i=i||{};var r=s.prototype,c={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function d(g,v,$,U){return r.fromToBase(g,v,$,U)}u.en.relativeTime=c,r.fromToBase=function(g,v,$,U,M){for(var C,j,B,X=$.$locale().relativeTime||c,tt=i.thresholds||[{l:"s",r:44,d:"second"},{l:"m",r:89},{l:"mm",r:44,d:"minute"},{l:"h",r:89},{l:"hh",r:21,d:"hour"},{l:"d",r:35},{l:"dd",r:25,d:"day"},{l:"M",r:45},{l:"MM",r:10,d:"month"},{l:"y",r:17},{l:"yy",d:"year"}],et=tt.length,E=0;E<et;E+=1){var O=tt[E];O.d&&(C=U?u(g).diff($,O.d,!0):$.diff(g,O.d,!0));var S=(i.rounding||Math.round)(Math.abs(C));if(B=C>0,S<=O.r||!O.r){S<=1&&E>0&&(O=tt[E-1]);var G=X[O.l];M&&(S=M(""+S)),j=typeof G=="string"?G.replace("%d",S):G(S,v,O.l,B);break}}if(v)return j;var W=B?X.future:X.past;return typeof W=="function"?W(j):W.replace("%s",j)},r.to=function(g,v){return d(g,v,this,!0)},r.from=function(g,v){return d(g,v,this)};var w=function(g){return g.$u?u.utc():u()};r.toNow=function(g){return this.to(w(this),g)},r.fromNow=function(g){return this.from(w(this),g)}}}))})(gt)),gt.exports}var Vt=Pt();const qt=yt(Vt);var wt={exports:{}},Jt=wt.exports,St;function Gt(){return St||(St=1,(function(t,e){(function(i,s){t.exports=s()})(Jt,(function(){return function(i,s,u){u.updateLocale=function(r,c){var d=u.Ls[r];if(d)return(c?Object.keys(c):[]).forEach((function(w){d[w]=c[w]})),d}}}))})(wt)),wt.exports}var Zt=Gt();const Kt=yt(Zt);Q.extend(qt);Q.extend(Kt);const Qt={...Wt,name:"en-web3-modal",relativeTime:{future:"in %s",past:"%s ago",s:"%d sec",m:"1 min",mm:"%d min",h:"1 hr",hh:"%d hrs",d:"1 d",dd:"%d d",M:"1 mo",MM:"%d mo",y:"1 yr",yy:"%d yr"}},Xt=["January","February","March","April","May","June","July","August","September","October","November","December"];Q.locale("en-web3-modal",Qt);const vt={getMonthNameByIndex(t){return Xt[t]},getYear(t=new Date().toISOString()){return Q(t).year()},getRelativeDateFromNow(t){return Q(t).locale("en-web3-modal").fromNow(!0)},formatDate(t,e="DD MMM"){return Q(t).format(e)}},te=3,ee=["receive","deposit","borrow","claim"],ie=["withdraw","repay","burn"],K={getTransactionGroupTitle(t,e){const i=vt.getYear(),s=vt.getMonthNameByIndex(e);return t===i?s:`${s} ${t}`},getTransactionImages(t){const[e,i]=t,s=!!e&&t?.every(c=>!!c.nft_info),u=t?.length>1;return t?.length===2&&!s?[this.getTransactionImage(i),this.getTransactionImage(e)]:u?t.map(c=>this.getTransactionImage(c)):[this.getTransactionImage(e)]},getTransactionImage(t){return{type:K.getTransactionTransferTokenType(t),url:K.getTransactionImageURL(t)}},getTransactionImageURL(t){let e;const i=!!t?.nft_info,s=!!t?.fungible_info;return t&&i?e=t?.nft_info?.content?.preview?.url:t&&s&&(e=t?.fungible_info?.icon?.url),e},getTransactionTransferTokenType(t){if(t?.fungible_info)return"FUNGIBLE";if(t?.nft_info)return"NFT"},getTransactionDescriptions(t){const e=t?.metadata?.operationType,i=t?.transfers,s=t?.transfers?.length>0,u=t?.transfers?.length>1,r=s&&i?.every($=>!!$?.fungible_info),[c,d]=i;let w=this.getTransferDescription(c),g=this.getTransferDescription(d);if(!s)return(e==="send"||e==="receive")&&r?(w=_t.getTruncateString({string:t?.metadata.sentFrom,charsStart:4,charsEnd:6,truncate:"middle"}),g=_t.getTruncateString({string:t?.metadata.sentTo,charsStart:4,charsEnd:6,truncate:"middle"}),[w,g]):[t.metadata.status];if(u)return i.map($=>this.getTransferDescription($)).reverse();let v="";return ee.includes(e)?v="+":ie.includes(e)&&(v="-"),w=v.concat(w),[w]},getTransferDescription(t){let e="";return t&&(t?.nft_info?e=t?.nft_info?.name||"-":t?.fungible_info&&(e=this.getFungibleTransferDescription(t)||"
1-")),e},getFungibleTransferDescription(t){return t?[this.getQuantityFixedValue(t?.quantity.numeric),t?.fungible_info?.symbol].join(" ").trim():null},getQuantityFixedValue(t){return t?parseFloat(t).toFixed(te):null}};var bt;(function(t){t.approve="approved",t.bought="bought",t.borrow="borrowed",t.burn="burnt",t.cancel="canceled",t.claim="claimed",t.deploy="deployed",t.deposit="deposited",t.execute="executed",t.mint="minted",t.receive="received",t.repay="repaid",t.send="sent",t.sell="sold",t.stake="staked",t.trade="swapped",t.unstake="unstaked",t.withdraw="withdrawn"})(bt||(bt={}));const re=nt` 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:t})=>t.core.glass010}; 10 background-color: ${({tokens:t})=>t.core.glass010}; 11 } 12 13 :host([data-no-images='true']) > wui-flex { 14 background-color: ${({tokens:t})=>t.theme.foregroundPrimary}; 15 border-radius: ${({borderRadius:t})=>t[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 wui-icon { 34 width: 20px; 35 height: 20px; 36 } 37 38 .swap-images-container { 39 position: relative; 40 width: 40px; 41 height: 40px; 42 overflow: hidden; 43 } 44 45 .swap-images-container wui-image:first-child { 46 position: absolute; 47 width: 40px; 48 height: 40px; 49 top: 0; 50 left: 0%; 51 clip-path: inset(0px calc(50% + 2px) 0px 0%); 52 } 53 54 .swap-images-container wui-image:last-child { 55 clip-path: inset(0px 0px 0px calc(50% + 2px)); 56 } 57 58 wui-flex.status-box { 59 position: absolute; 60 right: 0; 61 bottom: 0; 62 transform: translate(20%, 20%); 63 border-radius: ${({borderRadius:t})=>t[4]}; 64 background-color: ${({tokens:t})=>t.theme.backgroundPrimary}; 65 box-shadow: 0 0 0 2px ${({tokens:t})=>t.theme.backgroundPrimary}; 66 overflow: hidden; 67 width: 16px; 68 height: 16px; 69 } 70`;var q=function(t,e,i,s){var u=arguments.length,r=u<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,i):s,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,i,s);else for(var d=t.length-1;d>=0;d--)(c=t[d])&&(r=(u<3?c(r):u>3?c(e,i,r):c(e,i))||r);return u>3&&r&&Object.defineProperty(e,i,r),r};let N=class extends st{constructor(){super(...arguments),this.images=[],this.secondImage={type:void 0,url:""}}render(){const[e,i]=this.images;this.images.length||(this.dataset.noImages="true");const s=e?.type==="NFT",u=i?.url?i.type==="NFT":s,r=s?"var(--apkt-borderRadius-3)":"var(--apkt-borderRadius-5)",c=u?"var(--apkt-borderRadius-3)":"var(--apkt-borderRadius-5)";return this.style.cssText=` 71 --local-left-border-radius: ${r}; 72 --local-right-border-radius: ${c}; 73 `,m`<wui-flex> ${this.templateVisual()} ${this.templateIcon()} </wui-flex>`}templateVisual(){const[e,i]=this.images,s=e?.type;return this.images.length===2&&(e?.url||i?.url)?m`<div class="swap-images-container"> 74 ${e?.url?m`<wui-image src=${e.url} alt="Transaction image"></wui-image>`:null} 75 ${i?.url?m`<wui-image src=${i.url} alt="Transaction image"></wui-image>`:null} 76 </div>`:e?.url?m`<wui-image src=${e.url} alt="Transaction image"></wui-image>`:s==="NFT"?m`<wui-icon size="inherit" color="default" name="nftPlaceholder"></wui-icon>`:m`<wui-icon size="inherit" color="default" name="coinPlaceholder"></wui-icon>`}templateIcon(){let e="accent-primary",i;return i=this.getIcon(),this.status&&(e=this.getStatusColor()),i?m` 77 <wui-flex alignItems="center" justifyContent="center" class="status-box"> 78 <wui-icon-box size="sm" color=${e} icon=${i}></wui-icon-box> 79 </wui-flex> 80 `:null}getDirectionIcon(){switch(this.direction){case"in":return"arrowBottom";case"out":return"arrowTop";default:return}}getIcon(){return this.onlyDirectionIcon?this.getDirectionIcon():this.type==="trade"?"swapHorizontal":this.t
80ype==="approve"?"checkmark":this.type==="cancel"?"close":this.getDirectionIcon()}getStatusColor(){switch(this.status){case"confirmed":return"success";case"failed":return"error";case"pending":return"inverse";default:return"accent-primary"}}};N.styles=[re];q([_()],N.prototype,"type",void 0);q([_()],N.prototype,"status",void 0);q([_()],N.prototype,"direction",void 0);q([_({type:Boolean})],N.prototype,"onlyDirectionIcon",void 0);q([_({type:Array})],N.prototype,"images",void 0);q([_({type:Object})],N.prototype,"secondImage",void 0);N=q([at("wui-transaction-visual")],N);const ne=nt` 81 :host { 82 width: 100%; 83 } 84 85 :host > wui-flex:first-child { 86 align-items: center; 87 column-gap: ${({spacing:t})=>t[2]}; 88 padding: ${({spacing:t})=>t[1]} ${({spacing:t})=>t[2]}; 89 width: 100%; 90 } 91 92 :host > wui-flex:first-child wui-text:nth-child(1) { 93 text-transform: capitalize; 94 } 95 96 wui-transaction-visual { 97 width: 40px; 98 height: 40px; 99 } 100 101 wui-flex { 102 flex: 1; 103 } 104 105 :host wui-flex wui-flex { 106 overflow: hidden; 107 } 108 109 :host .description-container wui-text span { 110 word-break: break-all; 111 } 112 113 :host .description-container wui-text { 114 overflow: hidden; 115 } 116 117 :host .description-separator-icon { 118 margin: 0px 6px; 119 } 120 121 :host wui-text > span { 122 overflow: hidden; 123 display: -webkit-box; 124 -webkit-box-orient: vertical; 125 -webkit-line-clamp: 1; 126 } 127`;var Y=function(t,e,i,s){var u=arguments.length,r=u<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,i):s,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,i,s);else for(var d=t.length-1;d>=0;d--)(c=t[d])&&(r=(u<3?c(r):u>3?c(e,i,r):c(e,i))||r);return u>3&&r&&Object.defineProperty(e,i,r),r};let L=class extends st{constructor(){super(...arguments),this.type="approve",this.onlyDirectionIcon=!1,this.images=[]}render(){return m` 128 <wui-flex> 129 <wui-transaction-visual 130 .status=${this.status} 131 direction=${Nt(this.direction)} 132 type=${this.type} 133 .onlyDirectionIcon=${this.onlyDirectionIcon} 134 .images=${this.images} 135 ></wui-transaction-visual> 136 <wui-flex flexDirection="column" gap="1"> 137 <wui-text variant="lg-medium" color="primary"> 138 ${bt[this.type]||this.type} 139 </wui-text> 140 <wui-flex class="description-container"> 141 ${this.templateDescription()} ${this.templateSecondDescription()} 142 </wui-flex> 143 </wui-flex> 144 <wui-text variant="sm-medium" color="secondary"><span>${this.date}</span></wui-text> 145 </wui-flex> 146 `}templateDescription(){const e=this.descriptions?.[0];return e?m` 147 <wui-text variant="md-regular" color="secondary"> 148 <span>${e}</span> 149 </wui-text> 150 `:null}templateSecondDescription(){const e=this.descriptions?.[1];return e?m` 151 <wui-icon class="description-separator-icon" size="sm" name="arrowRight"></wui-icon> 152 <wui-text variant="md-regular" color="secondary"> 153 <span>${e}</span> 154 </wui-text> 155 `:null}};L.styles=[At,ne];Y([_()],L.prototype,"type",void 0);Y([_({type:Array})],L.prototype,"descriptions",void 0);Y([_()],L.prototype,"date",void 0);Y([_({type:Boolean})],L.prototype,"onlyDirectionIcon",void 0);Y([_()],L.prototype,"status",void 0);Y([_()],L.prototype,"direction",void 0);Y([_({type:Array})],L.prototype,"images",void 0);L=Y([at("wui-transaction-list-item")],L);const se=nt` 156 wui-flex { 157 position: relative; 158 display: inline-flex; 159 justify-content: center; 160 align-items: center; 161 } 162 163 wui-image { 164 border-radius: ${({borderRadius:t})=>t[128]}; 165 } 166 167 .fallback-icon { 168 color: ${({tokens:t})=>t.theme.iconInverse}; 169 border-radius: ${({borderRadius:t})=>t[3]}; 170 background-color: ${({tokens:t})=>t.theme.foregroundPrimary}; 171 } 172 173 .direction-icon, 174 .status-image { 175 position: absolute; 176 right: 0; 177 bottom: 0; 178 border-radius: ${({borderRadius:t})=>t[128]}; 179 border: 2px solid ${({tokens:t})=>t.theme.backgroundPrimary}; 180 } 181 182 .direction-icon { 183 padding: ${({spacing:t})=>t["01"]}; 184 color: ${({tokens:t})=>t.core.iconSuccess}; 185 186 background-color: color-mix( 187 in srgb, 188 ${({tokens:t})=>t.core.textSuccess} 30%, 189 ${({tokens:t})=>t.theme.backgroundPrimary} 70% 190 ); 191 } 192 193 /* -- Sizes --------------------------------------------------- */ 194 :host([data-size='sm']) > wui-image:not(.status-image), 195 :host([data-size='sm']) > wui-flex { 196 width: 24px; 197 height: 24px; 198 } 199 200 :host([data-size='lg']) > wui-image:not(.status-image), 201 :host([data-size='lg']) > wui-flex { 202 width: 40px; 203 height: 40px; 204 } 205 206 :host([data-size='sm']) .fallback-icon { 207 height: 16px; 208 width: 16px; 209 padding: ${({spacing:t})=>t[1]}; 210 } 211 212 :host([data-size='lg']) .fallback-icon { 213 height: 32px; 214 width: 32px; 215 padding: ${({spacing:t})=>t[1]}; 216 } 217 218 :host([data-size='sm']) .direction-icon, 219 :host([data-size='sm']) .status-image { 220 transform: translate(40%, 30%); 221 } 222 223 :host([data-size='lg']) .direction-icon, 224 :host([data-size='lg']) .status-image { 225 transform: translate(40%, 10%); 226 } 227 228 :host([data-size='sm']) .status-image { 229 height: 14px; 230 width: 14px; 231 } 232 233 :host([data-size='lg']) .status-image { 234 height: 20px;
235 width: 20px; 236 } 237 238 /* -- Crop effects --------------------------------------------------- */ 239 .swap-crop-left-image, 240 .swap-crop-right-image { 241 position: absolute; 242 top: 0; 243 bottom: 0; 244 } 245 246 .swap-crop-left-image { 247 left: 0; 248 clip-path: inset(0px calc(50% + 1.5px) 0px 0%); 249 } 250 251 .swap-crop-right-image { 252 right: 0; 253 clip-path: inset(0px 0px 0px calc(50% + 1.5px)); 254 } 255`;var ut=function(t,e,i,s){var u=arguments.length,r=u<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,i):s,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,i,s);else for(var d=t.length-1;d>=0;d--)(c=t[d])&&(r=(u<3?c(r):u>3?c(e,i,r):c(e,i))||r);return u>3&&r&&Object.defineProperty(e,i,r),r};const $t={sm:"xxs",lg:"md"};let V=class extends st{constructor(){super(...arguments),this.type="approve",this.size="lg",this.statusImageUrl="",this.images=[]}render(){return m`<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(){const[e,i]=this.images;return this.images.length===2&&(e||i)?m` 256 <wui-image class="swap-crop-left-image" src=${e} alt="Swap image"></wui-image> 257 <wui-image class="swap-crop-right-image" src=${i} alt="Swap image"></wui-image> 258 `:e?m`<wui-image src=${e} alt="Swap image"></wui-image>`:null}fiatTemplate(){return m`<wui-icon 259 class="fallback-icon" 260 size=${$t[this.size]} 261 name="dollar" 262 ></wui-icon>`}unknownTemplate(){return m`<wui-icon 263 class="fallback-icon" 264 size=${$t[this.size]} 265 name="questionMark" 266 ></wui-icon>`}tokenTemplate(){const[e]=this.images;return e?m`<wui-image src=${e} alt="Token image"></wui-image> `:m`<wui-icon 267 class="fallback-icon" 268 name=${this.type==="nft"?"image":"coinPlaceholder"} 269 ></wui-icon>`}templateIcon(){return this.statusImageUrl?m`<wui-image 270 class="status-image" 271 src=${this.statusImageUrl} 272 alt="Status image" 273 ></wui-image>`:m`<wui-icon 274 class="direction-icon" 275 size=${$t[this.size]} 276 name=${this.getTemplateIcon()} 277 ></wui-icon>`}getTemplateIcon(){return this.type==="trade"?"arrowClockWise":"arrowBottom"}};V.styles=[se];ut([_()],V.prototype,"type",void 0);ut([_()],V.prototype,"size",void 0);ut([_()],V.prototype,"statusImageUrl",void 0);ut([_({type:Array})],V.prototype,"images",void 0);V=ut([at("wui-transaction-thumbnail")],V);const ae=nt` 278 :host > wui-flex:first-child { 279 gap: ${({spacing:t})=>t[2]}; 280 padding: ${({spacing:t})=>t[3]}; 281 width: 100%; 282 } 283 284 wui-flex { 285 display: flex; 286 flex: 1; 287 } 288`;var oe=function(t,e,i,s){var u=arguments.length,r=u<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,i):s,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,i,s);else for(var d=t.length-1;d>=0;d--)(c=t[d])&&(r=(u<3?c(r):u>3?c(e,i,r):c(e,i))||r);return u>3&&r&&Object.defineProperty(e,i,r),r};let Tt=class extends st{render(){return m` 289 <wui-flex alignItems="center"> 290 <wui-shimmer width="40px" height="40px" rounded></wui-shimmer> 291 <wui-flex flexDirection="column" gap="1"> 292 <wui-shimmer width="124px" height="16px" rounded></wui-shimmer> 293 <wui-shimmer width="60px" height="14px" rounded></wui-shimmer> 294 </wui-flex> 295 <wui-shimmer width="24px" height="12px" rounded></wui-shimmer> 296 </wui-flex> 297 `}};Tt.styles=[At,ae];Tt=oe([at("wui-transaction-list-item-loader")],Tt);const ue=nt` 298 :host { 299 min-height: 100%; 300 } 301 302 .group-container[last-group='true'] { 303 padding-bottom: ${({spacing:t})=>t[3]}; 304 } 305 306 .contentContainer { 307 height: 280px; 308 } 309 310 .contentContainer > wui-icon-box { 311 width: 40px; 312 height: 40px; 313 border-radius: ${({borderRadius:t})=>t[3]}; 314 } 315 316 .contentContainer > .textContent { 317 width: 65%; 318 } 319 320 .emptyContainer { 321 height: 100%; 322 } 323`;var J=function(t,e,i,s){var u=arguments.length,r=u<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,i):s,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,i,s);else for(var d=t.length-1;d>=0;d--)(c=t[d])&&(r=(u<3?c(r):u>3?c(e,i,r):c(e,i))||r);return u>3&&r&&Object.defineProperty(e,i,r),r};const ht="last-transaction",ce=7;let z=class extends st{constructor(){super(),this.unsubscribe=[],this.paginationObserver=void 0,this.page="activity",this.caipAddress=pt.state.activeCaipAddress,this.transactionsByYear=R.state.transactionsByYear,this.loading=R.state.loading,this.empty=R.state.empty,this.next=R.state.next,R.clearCursor(
323),this.unsubscribe.push(pt.subscribeKey("activeCaipAddress",e=>{e&&this.caipAddress!==e&&(R.resetTransactions(),R.fetchTransactions(e)),this.caipAddress=e}),pt.subscribeKey("activeCaipNetwork",()=>{this.updateTransactionView()}),R.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 m` ${this.empty?null:this.templateTransactionsByYear()} 324 ${this.loading?this.templateLoading():null} 325 ${!this.loading&&this.empty?this.templateEmpty():null}`}updateTransactionView(){R.resetTransactions(),this.caipAddress&&R.fetchTransactions(xt.getPlainAddress(this.caipAddress))}templateTransactionsByYear(){return Object.keys(this.transactionsByYear).sort().reverse().map(i=>{const s=parseInt(i,10),u=new Array(12).fill(null).map((r,c)=>{const d=K.getTransactionGroupTitle(s,c),w=this.transactionsByYear[s]?.[c];return{groupTitle:d,transactions:w}}).filter(({transactions:r})=>r).reverse();return u.map(({groupTitle:r,transactions:c},d)=>{const w=d===u.length-1;return c?m` 326 <wui-flex 327 flexDirection="column" 328 class="group-container" 329 last-group="${w?"true":"false"}" 330 data-testid="month-indexes" 331 > 332 <wui-flex 333 alignItems="center" 334 flexDirection="row" 335 .padding=${["2","3","3","3"]} 336 > 337 <wui-text variant="md-medium" color="secondary" data-testid="group-title"> 338 ${r} 339 </wui-text> 340 </wui-flex> 341 <wui-flex flexDirection="column" gap="2"> 342 ${this.templateTransactions(c,w)} 343 </wui-flex> 344 </wui-flex> 345 `:null})})}templateRenderTransaction(e,i){const{date:s,descriptions:u,direction:r,isAllNFT:c,images:d,status:w,transfers:g,type:v}=this.getTransactionListItemProps(e),$=g?.length>1;return g?.length===2&&!c?m` 346 <wui-transaction-list-item 347 date=${s} 348 .direction=${r} 349 id=${i&&this.next?ht:""} 350 status=${w} 351 type=${v} 352 .images=${d} 353 .descriptions=${u} 354 ></wui-transaction-list-item> 355 `:$?g.map((M,C)=>{const j=K.getTransferDescription(M),B=i&&C===g.length-1;return m` <wui-transaction-list-item 356 date=${s} 357 direction=${M.direction} 358 id=${B&&this.next?ht:""} 359 status=${w} 360 type=${v} 361 .onlyDirectionIcon=${!0} 362 .images=${[d[C]]} 363 .descriptions=${[j]} 364 ></wui-transaction-list-item>`}):m` 365 <wui-transaction-list-item 366 date=${s} 367 .direction=${r} 368 id=${i&&this.next?ht:""} 369 status=${w} 370 type=${v} 371 .images=${d} 372 .descriptions=${u} 373 ></wui-transaction-list-item> 374 `}templateTransactions(e,i){return e.map((s,u)=>{const r=i&&u===e.length-1;return m`${this.templateRenderTransaction(s,r)}`})}emptyStateActivity(){return m`<wui-flex 375 class="emptyContainer" 376 flexGrow="1" 377 flexDirection="column" 378 justifyContent="center" 379 alignItems="center" 380 .padding=${["10","5","10","5"]} 381 gap="5" 382 data-testid="empty-activity-state" 383 > 384 <wui-icon-box color="default" icon="wallet" size="xl"></wui-icon-box> 385 <wui-flex flexDirection="column" alignItems="center" gap="2"> 386 <wui-text align="center" variant="lg-medium" color="primary">No Transactions yet</wui-text> 387 <wui-text align="center" variant="lg-regular" color="secondary" 388 >Start trading on dApps <br /> 389 to grow your wallet!</wui-text 390 > 391 </wui-flex> 392 </wui-flex>`}emptyStateAccount(){return m`<wui-flex 393 class="contentContainer" 394 alignItems="center" 395 justifyContent="center" 396 flexDirection="column" 397 gap="4" 398 data-testid="empty-account-state" 399 > 400 <wui-icon-box icon="swapHorizontal" size="lg" color="default"></wui-icon-box> 401 <wui-flex 402 class="textContent" 403 gap="2" 404 flexDirection="column" 405 justifyContent="center" 406 flexDirection="column" 407 > 408 <wui-text variant="md-regular" align="center" color="primary">No activity yet</wui-text> 409 <wui-text variant="sm-regular" align="center" color="secondary" 410 >Your next transactions will appear here</wui-text 411 > 412 </wui-flex> 413 <wui-link @click=${this.onReceiveClick.bind(this)}>Trade</wui-link> 414 </wui-flex>`}templateEmpty(){return this.page==="account"?m`${this.emptyStateAccount()}`:m`${this.emptyStateActivity()}`}templateLoading(){return this.page==="activity"?Array(ce).fill(m` <wui-transaction-list-item-loader></wui-transaction-list-item-loader> `).map(e=>e):null}onReceiveClick(){Ct.push("WalletReceive")}createPaginationObserver(){const{projectId:e}=kt.state;this.paginationObserver=new IntersectionObserver(([i])=>{i?.isIntersecting&&!this.loading&&(R.fetchTransactions(xt.getPlainAddress(this.caipAddress)),Rt.sendEvent({type:"track",event:"LOAD_MORE_TRANSACTIONS",properties:{address:xt.getPlainAddress(this.caipAddress),projectId:e,cursor:this.next,isSmartAccount:Lt(pt.state.activeChain)===jt.ACCOUNT_TYPES.SMART_ACCOUNT}}))},{}),this.setPaginationObserver()}setPaginationObserver(){this.paginationObserver?.disconnect();const e=this.shadowRoot?.querySelector(`#${ht}`);e&&this.paginationObserver?.observe(e)}getTransactionListItemProps(e){const i=vt.formatDate(e?.metadata?.minedAt),s=K.getTransactionDescriptions(e),u=e?.transfers,r=e?.transfers?.[0],c=!!r&&e?.transfers?.every(w=>!!w.nft_info),d=K.getTransactionImages(u);return{date:i,direction:r?.direction,descriptions:s,isAllNFT:c,images:d,status:e.metadata?.status,transfers:u,type:e.metadata?.operationType}}};z.styles=ue;J([_()],z.prototype,"page",void 0);
414J([ot()],z.prototype,"caipAddress",void 0);J([ot()],z.prototype,"transactionsByYear",void 0);J([ot()],z.prototype,"loading",void 0);J([ot()],z.prototype,"empty",void 0);J([ot()],z.prototype,"next",void 0);z=J([at("w3m-activity-list")],z);
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.