3476-cf5611a6ce2f75a5.js.download

(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3476],{29568:function(e,a,l){"use strict";l.d(a,{Om:function(){return x},e6:function(){return r},f4:function(){return u}});var t=l(85893),n=l(94184),s=l.n(n);l(67294);var i=l(59470),o=l(79154),c=l(1313),d=l.n(c);let r=s()(d().button,"bg-pure-white border-radius border-1 no-tab-highlight flex items-center"),u="caption-2 tl flex-auto";function x(e){let{onClick:a,className:l,isOpen:n,children:c,buttonRef:d}=e;return(0,t.jsxs)("button",{onClick:a,ref:d,className:s()(r,l),children:[(0,t.jsx)("span",{className:u,children:c}),(0,t.jsx)("div",{className:"flex items-center",children:n?(0,t.jsx)(i.U,{}):(0,t.jsx)(o.p,{})})]})}},60623:function(e,a,l){"use strict";l.d(a,{B:function(){return t.B},R:function(){return t.R}});var t=l(79049)},2e4:function(e,a,l){"use strict";l.d(a,{v:function(){return ee}});var t=l(85893),n=l(67294),s=l(94184),i=l.n(s),o=l(72790),c=l(1922),d=l(63470),r=l(64124),u=l(11163),x=l(56769),m=l(33762),v=l(99959),f=l(10045),p=l(59112),N=l(51371),j=l(47630),_=l(72261),g=l(94907),h=l(38262),b=l(41664),y=l.n(b),w=l(77172),T=l(21779),C=l(91883),k=l(62036),K=l(16164),D=l(96450),F=l.n(D);let S=e=>{var a,l,s,o,d,r,u,x,m,v,f,N,j,_,h,b,D,S,P,M,R;let{transaction:B,onDismiss:z}=e,{assetDefinitions:I}=(0,T.$F)(),{isSmall:O}=(0,g.kC)(),{i18n:E}=(0,c.$G)(),A=(0,g.vs)(E.language),Y=(0,g.qW)(E.language),H=(0,n.useMemo)(()=>{let e=(null==B?void 0:B.timestamp)*1e3;return e?"".concat(A.format(e)," ").concat(Y.format(e)):""},[A,Y,null==B?void 0:B.timestamp]),{data:L}=(0,T.Rd)({nftId:B.nft_id},{},void 0),W=(0,n.useMemo)(()=>{var e;if(!L)return;let a=(null!==(e=null==L?void 0:L.date_minted)&&void 0!==e?e:0)*1e3;return a?"".concat(A.format(a)," ").concat(Y.format(a)):""},[A,Y,L]);return(0,t.jsxs)(k.L,{title:(0,t.jsx)("div",{className:"pb1/2",children:(0,t.jsx)(p.x,{className:F().title,langKey:"exchange:LedgerDetailsTitle",keys:{lid:"".concat(O?"\n":"").concat(null==B?void 0:B.id)}})}),ariaLabel:null==B?void 0:B.id,className:i()(F().nftTransactionModal,{[F().mobile]:O,[F().desktop]:!O}),bodyClassName:i()(F().nftTransactionModal,"flex flex-column"),isOpen:!0,type:"simple",onDismiss:z,viewClassName:F().viewModal,children:[(0,t.jsxs)("div",{className:i()(F().nftHeader,"flex flex-row items-center"),children:[(0,t.jsxs)("div",{className:"flex flex-row items-center",children:[(0,t.jsx)("div",{children:(0,t.jsx)(y(),{href:"".concat(K.k2.NftExploreListings,"?id=").concat(null==L?void 0:L.id),children:(0,t.jsx)("img",{className:i()(F().nftImage,"mr2 pointer"),src:null==L?void 0:null===(a=L.image)||void 0===a?void 0:null===(l=a.derived)||void 0===l?void 0:null===(s=l.CardSmall)||void 0===s?void 0:s.url,alt:null==L?void 0:L.name})})}),(0,t.jsxs)("div",{className:"flex flex-column ml1",children:[(0,t.jsx)("div",{className:"caption-3 text-N200",children:(0,t.jsx)(p.x,{langKey:"nft:details:AssetName"})}),(0,t.jsx)(y(),{href:"".concat(K.k2.NftExploreListings,"?id=").concat(null==L?void 0:L.id),className:i()(F().assetNameLink,"body-3 text-N600"),children:null==L?void 0:L.name})]})]}),(0,t.jsxs)("div",{className:i()(F().chain,"flex flex-column ml1"),children:[(0,t.jsx)("div",{className:"caption-3 text-N200",children:(0,t.jsx)(p.x,{langKey:"nft:details:Chain"})}),(0,t.jsx)("div",{className:"body-3 text-N600",children:(null==L?void 0:null===(o=L.token)||void 0===o?void 0:o.blockchain)?null==I?void 0:I[L.token.blockchain.asset].name:null})]}),(0,t.jsxs)("div",{className:"flex flex-column items-end ml1",children:[(0,t.jsx)("div",{className:"caption-3 text-N200",children:(0,t.jsx)(p.x,{langKey:"general:Status"})}),(0,t.jsx)("div",{className:"body-3 text-N600",children:null==B?void 0:B.status})]})]}),(0,t.jsxs)("div",{className:"flex flex-column mt3",children:[(0,t.jsx)("div",{className:"caption-3 mb2",children:(0,t.jsx)(p.x,{langKey:"nft:wallet:NftDetails"})}),(0,t.jsxs)("div",{className:i()(F().facts,"flex flex-row justify-between"),children:[(0,t.jsxs)("div",{className:i()(F().nutritionFactRow,"w-100"),children:[(0,t.jsx)(w.c,{className:i()(F().nutritionFact,"pv1/2"),label:(0,t.jsx)(p.x,{langKey:"nft:details:Collection"}),value:(0,t.jsx)(y(),{href:"".concat(K.k2.NftExploreCollections,"?collectionId=").concat(null==L?void 0:null===(d=L.collection)||void 0===d?void 0:d.id),className:"text-N600",children:null==L?void 0:null===(r=L.collection)||void 0===r?void 0:r.name})}),(0,t.jsx)(w.c,{className:i()("pv1/2",F().bottomFact,F().nutritionFact),label:(0,t.jsx)(p.x,{langKey:"nft:details:Creator"}),value:(0,t.jsx)(y(),{href:"".concat(K.k2.NftExploreCreators,"?creatorId=").concat(null==L?void 0:null===(u=L.collection)||void 0===u?void 0:null===(x=u.creators)||void 0===x?void 0:null===(m=x[0])||void 0===m?void 0:m.id),className:"text-N600",children:null==L?void 0:null===(v=L.collection)||void 0===v?void 0:null===(f=v.creators)||void 0===f?void 0:null===(N=f[0])||void 0===N?void 0:N.name})})]}),(0,t.jsxs)("div",{className:i()(F().nutritionFactRow,"ml3 w-100"),children:[(0,t.jsx)(w.c,{className:i()(F().nutritionFact,"pv1/2"),label:(0,t.jsx)(p.x,{langKey:"trade:Price"}),value:(null===(j=B.price)||void 0===j?void 0:j.amount)?(0,t.jsx)(C.Y,{value:null==B?void 0:null===(_=B.price)||void 0===_?void 0:_.amount,asset:null==B?void 0:null===(h=B.price)||void 0===h?void 0:h.asset_name}):"-"}),(0,t.jsx)(w.c,{className:i()("pv1/2",F().bottomFact,F().nutritionFact),label:(0,t.jsx)(p.x,{langKey:"nft:details:DateMinted"}),value:W})]})]})]}),(0,t.jsxs)("div",{className:"flex flex-column mt3",children:[(0,t.jsx)("div",{className:"caption-3 mb2",children:(0,t.jsx)(p.x,{langKey:"trade:Terms"})}),(0,t.jsxs)("div",{className:i()(F().facts,"flex flex-row justify-between"),children:[(0,t.jsxs)("div",{className:i()(F().nutritionFactRow,"w-100"),children:[(0,t.jsx)(w.c,{className:"pv1/2",label:(0,t.jsx)(p.x,{langKey:"trade:TransactionId"}),value:null==B?void 0:B.id}),(0,t.jsx)(w.c,{className:"pv1/2",valueClassName:"capitalize",label:(0,t.jsx)(p.x,{langKey:"general:Type"}),value:null==B?void 0:B.type_}),(0,t.jsx)(w.c,{className:i()(F().dateFact,"pv1/2"),label:(0,t.jsx)(p.x,{langKey:"general:Date"}),value:H})]}),(0,t.jsxs)("div",{className:i()(F().nutritionFactRow,"ml3 w-100"),children:[(0,t.jsx)(w.c,{className:"pv1/2",label:(0,t.jsx)(p.x,{langKey:"general:Currency"}),value:(null==B?void 0:null===(b=B.price)||void 0===b?void 0:b.asset_name)?"".concat(null==I?void 0:null===(S=I[null==B?void 0:null===(D=B.price)||void 0===D?void 0:D.asset_name])||void 0===S?void 0:S.name," (").concat(null==B?void 0:null===(P=B.price)||void 0===P?void 0:P.asset_name,")"):"-"}),(0,t.jsx)(w.c,{className:"pv1/2",label:(0,t.jsx)(p.x,{langKey:"trade:Quantity"}),value:null==B?void 0:B.token_count}),(0,t.jsx)(w.c,{className:"pv1/2",label:(0,t.jsx)(p.x,{langKey:"trade:Fee"}),value:(null==B?void 0:B.fee)?(0,t.jsx)(C.Y,{value:null==B?void 0:null===(M=B.fee)||void 0===M?void 0:M.amount,asset:null==B?void 0:null===(R=B.fee)||void 0===R?void 0:R.asset_name}):"-"})]})]})]})]})};var P=l(9931),M=l(72328),R=l(64226),B=l(59882),z=l(59319),I=l(69815),O=l.n(I);let E={Initiated:{class:"initiated",value:(0,t.jsx)(p.x,{langKey:"nft:transaction:status:Initiated"})},Pending:{class:"pending",value:(0,t.jsxs)("div",{className:O().pendingWrapper,children:[(0,t.jsx)(z.T,{size:18,className:O().loadingIndicator}),(0,t.jsx)(p.x,{langKey:"nft:transaction:status:Pending"})]})},Sending:{class:"pending",value:(0,t.jsx)(p.x,{langKey:"nft:transaction:status:Sending"})},Canceling:{class:"cancelled",value:(0,t.jsx)(p.x,{langKey:"nft:transaction:status:Canceling"})},Canceled:{class:"cancelled",value:(0,t.jsx)(p.x,{langKey:"nft:transaction:status:Canceled"})},OnHold:{class:"onHold",value:(0,t.jsx)(p.x,{langKey:"nft:transaction:status:OnHold"})},Failed:{class:"failed",value:(0,t.jsx)(p.x,{langKey:"nft:transaction:status:Failed"})},Complete:{class:"complete",value:(0,t.jsx)(p.x,{langKey:"nft:transaction:status:Complete"})},open:{class:"open",value:(0,t.jsx)(p.x,{langKey:"nft:transaction:status:Open"})},closed:{class:"closed",value:(0,t.jsx)(p.x,{langKey:"nft:transaction:status:Closed"})},expired:{class:"expired",value:(0,t.jsx)(p.x,{langKey:"nft:transaction:status:Expired"})},Claim:{class:"claim",value:(0,t.jsx)(p.x,{langKey:"nft:transaction:status:Claim"})}},A=e=>{let{type:a="complete",children:l}=e;return(0,t.jsx)("div",{className:i()(O().base,O()[a]),children:l})},Y=e=>{let{status:a}=e,l=E[a];return(0,t.jsx)("span",{className:"caption-2",children:(0,t.jsxs)(A,{type:null==l?void 0:l.class,children:["Pending"!==a?(0,t.jsx)(B.C,{size:"x-small"}):null,null==l?void 0:l.value]})})};var H=l(56740),L=l(29568),W=l(20657),q=l.n(W);function U(e){var a;let{items:l,onOptionSelect:s,value:o,className:c="mt3"}=e,[d,r]=(0,n.useState)(!1),u=(0,n.useRef)(null),x=(0,n.useCallback)(()=>{r(e=>!e)},[]);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(L.Om,{onClick:x,className:i()(q().wrap,c),isOpen:d,buttonRef:u,children:[o," rows per page"]}),(0,t.jsx)(H.ZP,{hidden:!d,targetRef:u,children:(0,t.jsx)("div",{style:{width:null==u?void 0:null===(a=u.current)||void 0===a?void 0:a.offsetWidth},className:i()(q().overflowOptions,"bg-pure-white ba"),children:l.map(e=>(0,t.jsx)("div",{className:i()(q().optionsItem,"caption-2 pa1 pointer flex items-center"),onClick:()=>{x(),s(e)},children:e.value},e.value))})})]})}var Z=l(64279),G=l(34123),V=l(42992),J=l(55584),X=l.n(J);let $=e=>{var a,l,n,s;let{transaction:o}=e,{isSmall:c,isMedium:d}=(0,g.kC)();return(0,t.jsxs)("div",{className:i()("flex items-center gap1 w-100",{"mt1 mb2":c}),children:[(0,t.jsx)(h.GY,{shape:h.oG.SQUARE,src:null!==(s=null==o?void 0:null===(a=o.nft_image)||void 0===a?void 0:null===(l=a.derived)||void 0===l?void 0:null===(n=l.CollectionCard)||void 0===n?void 0:n.url)&&void 0!==s?s:null==o?void 0:o.nft_thumbnail_url,type:c?"medium":"small",alt:o.nft_name}),(0,t.jsxs)("div",{className:"flex flex-column w-100",children:[(0,t.jsx)(f.u,{label:o.nft_name,children:(0,t.jsx)("div",{className:i()(X().itemName,"text-N600",{"bold body-3":c,"caption-2":!c}),children:o.nft_name})}),(0,t.jsx)(f.u,{label:o.collection_name,children:(0,t.jsx)("div",{className:i()(X().itemName,"label-2 text-P500"),children:o.collection_name})})]})]})},Q={type:void 0,startDate:void 0,endDate:void 0},ee=n.memo(e=>{let{query:a}=(0,u.useRouter)(),{setQueryParams:l}=(0,g.Kx)(),{t:s,i18n:f}=(0,c.$G)(),{isSmall:h,isMedium:b}=(0,g.kC)(),y=(0,g.vs)(f.language),w=(0,g.qW)(f.language),[T,k]=(0,n.useState)(!1),[K,D]=(0,n.useState)(!1),[F,B]=(0,n.useState)(!1),{columnsConfig:z,sortOrder:I,title:O,transactions:E,className:A,small:H,filterValues:L,onFilter:W,onSort:q,pagination:J,...ee}=e,ea=(0,n.useMemo)(()=>null==E?void 0:E.find(e=>e.id===a.txid),[a.txid,E]),el=(0,n.useCallback)(a=>{e.onClickTransaction&&e.onClickTransaction(a),l({txid:a.id})},[e,l]),et=(0,n.useCallback)(()=>{l({txid:null})},[l]),en=function(e){let{t:a,dateFormatter:l,timeFormatter:n,small:s=!1,isTablet:i=!1,columnsConfig:o}=e,c=[{key:"id-col",title:a("funds:TransferTable:id"),dataKey:"id",width:100,cellRenderer:e=>{let{rowData:a}=e;return(0,t.jsx)("p",{className:"caption-mono-3 text-P500",children:a.id.substring(0,6)})}},{key:"col-0",title:a("general:Date"),dataKey:"timestamp",width:s?160:100,sortable:!s,cellRenderer:e=>{let{cellData:a,rowData:s}=e;if(a){let e=1e3*a;return(0,t.jsxs)("div",{"data-testid":s.id,children:[(0,t.jsx)("p",{className:"caption-mono-2 text-N600",children:l.format(e)}),(0,t.jsx)("p",{className:"label-mono-2 text-N300",children:n.format(e)})]})}return null}},{key:"col-1",title:a("trade:Details"),dataKey:"info",width:i?300:400,hidden:s,sortable:!1,cellRenderer:e=>{let{rowData:a}=e;return a?(0,t.jsx)($,{transaction:a}):null}},{key:"col-2",title:a("general:Type"),dataKey:"type",width:s?400:100,sortable:!1,cellRenderer:e=>{let{rowData:a}=e;return a.type_?(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"caption-2 text-N600 capitalize",children:(0,t.jsx)(p.x,{langKey:"nft:transactions:filter:".concat(a.type_)})}),(null==o?void 0:o.showAssetNameUnderTxType)&&(0,t.jsx)("p",{className:"label-mono-2 text-N300",children:a.nft_name})]}):null}},(null==o?void 0:o.showFee)?{key:"fee-col",title:a("general:Fee"),dataKey:"fee",width:s?400:100,headerClassName:"justify-end",hidden:i,className:"caption-mono-2 justify-end",sortable:!1,cellRenderer:e=>{var a;let{rowData:l}=e;return(null===(a=l.fee)||void 0===a?void 0:a.amount)?(0,t.jsxs)("div",{children:[(0,t.jsx)(C.Y,{value:l.fee.amount,asset:l.fee.asset_name,hidePostfix:!0}),(0,t.jsx)("p",{className:"label-mono-2 w-100 text-N300 tr",children:l.fee.asset_name})]}):null}}:void 0,(null==o?void 0:o.showFee)?{key:"creator-fee-col",title:a("nft:transactions:CreatorFee"),dataKey:"creatorFee",width:150,hidden:i,headerClassName:"justify-end",className:"caption-mono-2 justify-end",sortable:!1,cellRenderer:e=>{let{rowData:a}=e;return a.creator_fee?(0,t.jsxs)("div",{children:[(0,t.jsx)(C.Y,{value:a.creator_fee.amount,asset:a.creator_fee.asset_name,hidePostfix:!0}),(0,t.jsx)("p",{className:"label-mono-2 w-100 text-N300 tr",children:a.creator_fee.asset_name})]}):null}}:void 0,{key:"col-4",title:a("trade:Price"),dataKey:"price",width:175,hidden:s,sortable:!1,headerClassName:"justify-end",className:"caption-mono-2 justify-end",cellRenderer:e=>{var a,l,n,s;let{rowData:i}=e;return(null===(a=i.price)||void 0===a?void 0:a.amount)?(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"caption-mono-2 text-N600 tr","data-testid":"asset-price",children:(0,t.jsx)(C.Y,{asset:null===(l=i.price)||void 0===l?void 0:l.asset_name,value:null===(n=i.price)||void 0===n?void 0:n.amount,hidePostfix:!0})}),(0,t.jsx)("p",{className:"label-mono-2 text-N300 tr",children:null===(s=i.price)||void 0===s?void 0:s.asset_name})]}):null}},{key:"col-5",title:a("general:Status"),dataKey:"status",width:125,style:{overflow:"visible"},sortable:!1,headerClassName:"justify-end",className:"justify-end",cellRenderer:e=>{let{cellData:a}=e;return a?(0,t.jsx)(Y,{status:a}):null}}];return c.filter(e=>e)}({t:s,dateFormatter:y,timeFormatter:w,small:H,columnsConfig:z,isTablet:b}),[es,ei]=(0,n.useState)(Q),eo=(0,n.useMemo)(()=>!(0,d.Z)(es,Q),[es]),ec=(0,n.useCallback)(()=>{W&&W(es)},[es,W]),ed=(0,n.useCallback)(e=>{let a=""==e.target.value?void 0:e.target.value;ei({...es,type:a})},[es]),er=(0,n.useCallback)(e=>{ei({...es,startDate:e.target.value})},[es]),eu=(0,n.useCallback)(e=>{ei({...es,endDate:e.target.value})},[es]),ex=(0,n.useCallback)(e=>e?"".concat(y.format(e)):T?" ":"",[y,T]),em=(0,n.useCallback)(e=>e?"".concat(y.format(e)):K?" ":"",[y,K]),ev=(0,n.useCallback)(()=>{ei(Q),W&&W(Q)},[W]),ef=(0,n.useCallback)(()=>{B(!1)},[]),ep=(0,n.useCallback)(()=>ei({type:void 0,startDate:void 0,endDate:void 0}),[]),eN=(0,n.useCallback)(()=>{ec(),B(!1)},[ec]),ej=(0,t.jsxs)("div",{className:i()("flex gap2",{"flex-column items-center":h}),children:[(0,t.jsx)(N.d,{className:i()(X().typeDropdown,{[X().mobile]:h}),label:(0,t.jsx)(p.x,{langKey:"nft:transactions:filter:Type"}),placeholder:s("nft:transactions:filter:All"),options:(null==L?void 0:L.type)||[],value:es.type,onChange:ed}),(0,t.jsx)(j.Y,{floating:!0,onFocus:()=>k(!0),onBlur:()=>k(!1),label:(0,t.jsx)(p.x,{langKey:"nft:activity:StartOn"}),formatter:y,value:es.startDate,dayPickerProps:{disabledDays:es.endDate?{after:es.endDate}:void 0,showOutsideDays:!0},displayValue:ex,className:i()(X().dropdown,{[X().mobile]:h}),onChange:er,dropDownIcon:(0,t.jsx)(x.f,{size:"small",className:"text-P500",color:"#242424"}),compact:!0}),(0,t.jsx)(j.Y,{floating:!0,onFocus:()=>D(!0),onBlur:()=>D(!1),label:(0,t.jsx)(p.x,{langKey:"nft:activity:EndOn"}),formatter:y,value:es.endDate,dayPickerProps:{disabledDays:es.startDate?{before:es.startDate}:void 0,showOutsideDays:!0},displayValue:em,className:i()(X().dropdown,{[X().mobile]:h}),onChange:eu,dropDownIcon:(0,t.jsx)(x.f,{size:"small",className:"text-P500",color:"#242424"}),defaultTime:"23:59:59",compact:!0}),!F&&(0,t.jsx)(_.zx,{innerClassName:X().filterButton,onClick:ec,size:"large",children:(0,t.jsx)(p.x,{langKey:"nft:activity:Filter"})})]}),e_=(0,n.useMemo)(()=>I?{"col-0":"asc"===I?o.As.ASC:o.As.DESC}:void 0,[I]),eg=(0,n.useCallback)(e=>{let a=Object.keys(e)[0];(0,r.Z)(e)||null==q||q(e[a])},[q]);return(0,t.jsxs)(t.Fragment,{children:[F&&(0,t.jsx)(R.g,{onClear:ep,onDismiss:ef,onDone:eN,children:ej}),(0,t.jsx)("div",{className:i()({"bg-pure-white":!e.small,card:!h&&!e.small}),children:(0,t.jsxs)(Z.II,{type:"primary",boundaryName:"Nft-Transactions-Table",fallback:(0,t.jsx)("div",{children:(0,t.jsx)(p.x,{langKey:"general:Error"})}),children:[e.small?null:(0,t.jsxs)("div",{className:i()("flex items-center gap1 body-3 text-N600 justify-between",{[X().mobileTitle]:h,pa1:h}),children:[(0,t.jsxs)("div",{className:i()("w-100 flex items-center gap1 pa2 body-3 text-N600 relative"),children:[(0,t.jsx)(p.x,{langKey:"nft:transactions:Title:Text"}),eo&&(0,t.jsxs)("button",{className:i()(X().clear,"caption-2 body-link-1 flex items-center absolute"),onClick:ev,children:[(0,t.jsx)(m.E,{})," ",(0,t.jsx)(p.x,{langKey:"nft:filters:Clear",className:"mr1/2"})]})]}),h&&(0,t.jsx)("div",{children:(0,t.jsx)(_.zx,{innerClassName:X().filterButtonMobile,size:"small",kind:"secondary",onClick:()=>B(!0),children:(0,t.jsx)(p.x,{langKey:"nft:activity:Filter"})})})]}),L&&!h?(0,t.jsx)("div",{className:i()(X().filters,"w-full pa2 flex gap2"),children:ej}):null,h?(0,t.jsx)("div",{className:X().mobileTable,children:(null==E?void 0:E.length)!==0?(0,t.jsxs)(t.Fragment,{children:[null==E?void 0:E.map((e,a)=>(0,t.jsxs)("div",{className:i()(X().mobileCell,"flex flex-column mv2 ph3"),role:"button",tabIndex:0,onKeyPress:()=>el(e),onClick:()=>el(e),children:[(0,t.jsxs)("div",{className:"flex justify-between",children:[(0,t.jsxs)("span",{className:"flex flex-column",children:[(0,t.jsxs)("span",{className:"flex caption-2",children:[(0,t.jsx)("span",{className:"capitalize mr1",children:(0,t.jsx)(p.x,{langKey:"nft:transactions:filter:".concat(e.type_)})}),(0,t.jsx)("span",{className:i()(X().spacer,"text-IT300"),children:"\xb7"}),(0,t.jsx)("span",{className:"text-P600 ml1",children:e.status})]}),(0,t.jsx)("span",{className:"label label-2 text-N300 mt1/2",children:new Date(1e3*e.timestamp).toDateString()})]}),(0,t.jsx)("div",{role:"button",tabIndex:0,onKeyPress:()=>el(e),onClick:()=>el(e),children:(0,t.jsx)(v.d,{className:"text-P500 ma1/2"})})]}),(0,t.jsx)($,{transaction:e}),(0,t.jsx)("div",{className:X().divider})]},"".concat(e.id).concat(a))),J.total>0&&(0,t.jsxs)("div",{className:"ph2 mb2 pb2","data-testid":"mobile-pagination",children:[(0,t.jsx)(G.t,{simple:!0,showTotal:!0,page:J.page,handleFirstPage:()=>J.setPage(0),handlePreviousPage:()=>J.setPage(J.page-1),handleNextPage:()=>J.setPage(J.page+1),total:J.total||0,pageSize:J.pageSize}),!e.small&&(0,t.jsx)(U,{items:[{value:3},{value:5},{value:10},{value:25},{value:50}],onOptionSelect:e=>{"number"==typeof e.value&&J.setPageSize&&J.setPageSize(e.value)},value:J.pageSize||5})]})]}):(0,t.jsx)(M.w,{className:"pv3",title:(0,t.jsx)(p.x,{langKey:"nft:transactions:NoData"})})}):(0,t.jsx)(V.i,{rowKey:"id",className:i()("ph3",A),rowClassName:"pointer",title:O,columns:en,externalSort:eg,sortState:e_,footerClassnames:i()("justify-end",X().tableFooter),isLazyDataFetch:!0,paginationArrowsClassName:X().paginationArrows,emptyRenderer:()=>(0,t.jsx)(M.w,{title:(0,t.jsx)(p.x,{langKey:"nft:transactions:NoData"})}),rowEventHandlers:{onClick:e=>{let{rowData:a}=e;return el(a)}},data:E||[],showFirstAndLastControls:!0,zeroBasedPageIndex:!0,height:(0,r.Z)(E)?550:void 0,"data-testid":"nft-transactions-table",totalResults:J.total,onPageChange:J.setPage,...J,...ee,children:e.small?null:(0,t.jsx)(P.M,{overFlowTitle:(0,t.jsx)(p.x,{langKey:"funding:FundingTransactions:FundingRowsPerPage"}),value:J.pageSize||5,onOptionSelect:e=>{"number"==typeof e.value&&J.setPageSize&&J.setPageSize(e.value)},items:[{value:3},{value:5},{value:10},{value:25},{value:50}]})}),ea&&(0,t.jsx)(S,{onDismiss:et,transaction:ea})]})})]})});ee.displayName="NftTransactionsTable"},1313:function(e){e.exports={button:"NftDropDownButton_button__0DRZN"}},20657:function(e){e.exports={wrap:"style_wrap__rSDk5",overflowOptions:"style_overflowOptions__AZUJt",optionsItem:"style_optionsItem__EbdaD"}},69815:function(e){e.exports={pendingWrapper:"NftStatusBadge_pendingWrapper__Hy8Vf",loadingIndicator:"NftStatusBadge_loadingIndicator__cuSKd",base:"NftStatusBadge_base__u_zUu",initiated:"NftStatusBadge_initiated__f0gYW",pending:"NftStatusBadge_pending__qDJeN",onHold:"NftStatusBadge_onHold__qoMr8",failed:"NftStatusBadge_failed__lbs4d",complete:"NftStatusBadge_complete__Xdid_",cancelled:"NftStatusBadge_cancelled__DfTNy",open:"NftStatusBadge_open__ItogM",closed:"NftStatusBadge_closed__Ur_XW",expired:"NftStatusBadge_expired__SawDt"}},96450:function(e){e.exports={nftTransactionModal:"NftTransactionModal_nftTransactionModal__yGCwC",mobile:"NftTransactionModal_mobile__Dpgi5",nftHeader:"NftTransactionModal_nftHeader__r409A",facts:"NftTransactionModal_facts__EER5u",nutritionFactRow:"NftTransactionModal_nutritionFactRow__PhN5h",dateFact:"NftTransactionModal_dateFact__C5tpF",nftImage:"NftTransactionModal_nftImage__8kW7d",bottomFact:"NftTransactionModal_bottomFact__6Y5fa",title:"NftTransactionModal_title__VqRVm",assetNameLink:"NftTransactionModal_assetNameLink__811hj",chain:"NftTransactionModal_chain__SOLwf",viewModal:"NftTransactionModal_viewModal__3jv9Y",desktop:"NftTransactionModal_desktop__krtYX"}},55584:function(e){e.exports={dropdown:"NftTransactionTable_dropdown__B6yz3",mobile:"NftTransactionTable_mobile__5_arm",typeDropdown:"NftTransactionTable_typeDropdown__JwZ0z",ellipses:"NftTransactionTable_ellipses__G4wqy",filters:"NftTransactionTable_filters__U2tIO",filterButton:"NftTransactionTable_filterButton__R_8WM",paginationArrows:"NftTransactionTable_paginationArrows__2m_5h",spacer:"NftTransactionTable_spacer__7Pgwa",mobileCell:"NftTransactionTable_mobileCell__iq0xs",divider:"NftTransactionTable_divider__HlVUn",filterButtonMobile:"NftTransactionTable_filterButtonMobile__jRPqF",mobileTitle:"NftTransactionTable_mobileTitle__U5KqY",clear:"NftTransactionTable_clear__VEhZ6",tableFooter:"NftTransactionTable_tableFooter__2xwas",mobileTable:"NftTransactionTable_mobileTable__8Gl3C",itemName:"NftTransactionTable_itemName__heBzc"}}}]);