https://popdex.xyz/perp-static/client/js/pages-Explorer-BlockDetail.5c6bb65dff46382cd71f.chunk.js

1"use strict";(globalThis.__LOADABLE_LOADED_CHUNKS__=globalThis.__LOADABLE_LOADED_CHUNKS__||[]).push([[8004],{6489(e,t,s){s.r(t),s.d(t,{default:()=>U});var l=s(41594),a=s(30314),i=s(97732),r=s(68929),n=s(32810),o=s(11902),c=s(48568),d=s(37077),x=s(97500),h=s.n(x),m=s(25276),p=s(85169),u=s(25118),g=s(22783),j=s(90052),v=s(79356),b=s(91019),f=s(58308),N=s(97855),y=s(87057),w=s(19860),A=s(93982),k=s(10295),_=s(86070);function S(e){let{label:t,children:s}=e;return(0,_.jsx)(A.A.Item,{className:"py-3 phone:px-0 px-[10px] [&.bit-list-item]:!border-[#27282B] phone:py-2 phone:[&.bit-list-item]:border-0",children:(0,_.jsxs)("div",{className:"flex items-start justify-between gap-3 md:justify-normal w-full text-fs12 leading-4",children:[(0,_.jsx)("span",{className:"text-secondaryText font-light shrink-0 min-w-[124px]",children:t}),(0,_.jsx)("div",{className:"min-w-0 break-all text-right md:text-left md:flex-1",children:s})]})})}function C(e){let{block:t,className:s}=e;const a=(0,m.$n)(),[i,r]=(0,l.useState)(!1),n=String(a("dex_explorer.block_detail.overview.more_details","More Details")),o=String(a("dex_explorer.collapse_btn_text"," Collapse")),c=String(a("dex_explorer.txs.column.block","Block")),d=String(a("dex_explorer.tx_detail.overview.hash","Hash")),x=String(a("dex_explorer.block_detail.overview.parent_hash","Parent Hash")),p=String(a("dex_explorer.blocks.column.proposer","Proposer")),u=String(a("text_time","Time")),g=String(a("dex_explorer.blocks.column.transactions","Transactions")),j=String(a("dex_explorer.block_detail.overview.state_root","State Root")),v=String(a("dex_explorer.block_detail.overview.receipts_root","Receipts Root")),b=String(a("dex_explorer.block_detail.overview.transactions_root","Transactions Root")),f=t.blockNumber>0?t.blockNumber-1:null;return(0,_.jsxs)(w.A,{className:s,title:String(a("dex_explorer.block_detail.overview.title","Overview")),children:[(0,_.jsx)(S,{label:c,children:(0,_.jsx)("span",{className:"font-mono",children:t.blockNumber})}),(0,_.jsx)(S,{label:u,children:t.timestamp?(0,_.jsx)(y.A,{timestamp:t.timestamp}):(0,_.jsx)("span",{className:"text-secondaryText",children:"-"})}),(0,_.jsx)(S,{label:g,children:(0,_.jsx)("span",{className:"font-mono",children:(t.transactionCount??0).toLocaleString("en-US")})}),(0,_.jsx)(S,{label:d,children:(0,_.jsx)(N.A,{value:t.blockHash,mode:"full"})}),(0,_.jsx)(S,{label:p,children:t.miner?(0,_.jsx)("span",{className:"text-primaryText",children:(0,_.jsx)(N.A,{value:t.miner,mode:"full"})}):(0,_.jsx)("span",{className:"text-secondaryText",children:"-"})}),(0,_.jsxs)("div",{className:h()(!i&&"hidden"),children:[(0,_.jsx)(S,{label:x,children:null!==f?(0,_.jsx)(N.A,{value:t.parentHash,mode:"full"}):(0,_.jsx)("span",{className:"text-secondaryText",children:"-"})}),(0,_.jsx)(S,{label:j,children:t.stateRoot?(0,_.jsx)(N.A,{value:t.stateRoot,mode:"full"}):(0,_.jsx)("span",{className:"text-secondaryText",children:"-"})}),(0,_.jsx)(S,{label:v,children:t.receiptsRoot?(0,_.jsx)(N.A,{value:t.receiptsRoot,mode:"full"}):(0,_.jsx)("span",{className:"text-secondaryText",children:"-"})}),(0,_.jsx)(S,{label:b,children:t.transactionsRoot?(0,_.jsx)(N.A,{value:t.transactionsRoot,mode:"full"}):(0,_.jsx)("span",{className:"text-secondaryText",children:"-"})})]}),(0,_.jsx)(A.A.Item,{className:"py-3 mx-[10px] phone:py-2",children:(0,_.jsxs)("div",{className:"flex items-center w-full gap-1 text-fs12 text-primaryText phone:justify-center",onClick:()=>r((e=>!e)),children:[(0,_.jsx)("span",{children:i?o:n}),(0,_.jsx)(k.A,{width:12,hanging:12,className:h()("transition-transform",i&&"rotate-180")})]})})]})}var L=s(60781),R=s(14606);function T(e){let{ariaLabel:t}=e;return(0,_.jsxs)("div",{"aria-busy":"true","aria-live":"polite","aria-label":t,className:"w-full",children:[(0,_.jsx)("div",{className:"mb-4",children:(0,_.jsx)(R.A.Node,{active:!0,style:{width:180,height:14}})}),(0,_.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,_.jsx)(R.A.Node,{active:!0,style:{width:180,height:32}}),(0,_.jsxs)("div",{className:"flex items-center gap-1",children:[(0,_.jsx)(R.A.Button,{active:!0,style:{width:24,height:24}}),(0,_.jsx)(R.A.Button,{active:!0,style:{width:24,height:24}})]})]}),(0,_.jsxs)("div",{className:"py-4 md:py-6 mb-4",children:[(0,_.jsx)("div",{className:"mb-4",children:(0,_.jsx)(R.A.Node,{active:!0,style:{width:100,height:16}})}),(0,_.jsx)("div",{className:"space-y-3",children:Array.from({length:5}).map(((e,t)=>(0,_.jsxs)("div",{className:"flex items-start justify-between gap-3 md:justify-normal",children:[(0,_.jsx)("div",{className:"md:w-[20%] shrink-0",children:(0,_.jsx)(R.A.Node,{active:!0,style:{width:80,height:14}})}),(0,_.jsx)("div",{className:"md:flex-1 min-w-0",children:(0,_.jsx)(R.A.Button,{block:!0,active:!0,style:{height:14,width:3===t||4===t?"100%":"50%"}})})]},t)))}),(0,_.jsx)("div",{className:"mt-3 pt-3",children:(0,_.jsx)(R.A.Node,{active:!0,style:{width:100,height:14}})})]}),(0,_.jsxs)("div",{className:"py-4 md:py-6",children:[(0,_.jsx)("div",{className:"mb-4",children:(0,_.jsx)(R.A.Node,{active:!0,style:{width:160,height:16}})}),(0,_.jsx)("div",{className:"hidden md:flex items-center gap-4 mb-3 pb-3",children:Array.from({length:5}).map(((e,t)=>(0,_.jsx)("div",{className:"flex-1",children:(0,_.jsx)(R.A.Button,{block:!0,active:!0,style:{height:14}})},t)))}),(0,_.jsx)("div",{className:"hidden md:block space-y-3",children:Array.from({length:5}).map(((e,t)=>(0,_.jsx)("div",{className:"flex items-center gap-4",children:Array.from({length:5}).map(((e,t)=>(0,_.jsx)("div",{className:"flex-1",children:(0,_.jsx)(R.A.Button,{block:!0,active:!0,style:{height:20}})},t)))},t)))}),(0,_.jsx)("div",{className:"flex flex-col gap-3 md:hidden",children:Array.from({length:3}).map(((e,t)=>(0,_.jsxs)("div",{className:"p-3 space-y-2",children:[(0,_.jsxs)("div",{className:"flex justify-between",children:[(0,_.jsx)(R.A.Node,{active:!0,style:{width:60,height:14}}),(0,_.jsx)(R.A.Node,{active:!0,style:{width:100,height:14}})]}),(0,_.jsxs)("div",{className:"flex justify-between",children:[(0,_.jsx)(R.A.Node,{active:!0,style:{width:50,height:14}}),(0,_.jsx)(R.A.Node,{active:!0,style:{width:80,height:14}})]})]},t)))}),(0,_.jsxs)("div",{className:"hidden md:flex items-center justify-end pt-4 gap-3",children:[(0,_.jsx)(R.A.Node,{active:!0,style:{width:32,height:32}}),(0,_.jsx)(R.A.Node,{active:!0,style:{width:32,height:32}}),(0,_.jsx)(R.A.Node,{active:!0,style:{width:100,height:14}}),(0,_.jsx)(R.A.Node,{active:!0,style:{width:32,height:32}}),(0,_.jsx)(R.A.Node,{active:!0,style:{width:32,height:32}})]}),(0,_.jsx)("div",{className:"flex md:hidden flex-col items-center gap-2 pt-4",children:(0,_.jsxs)("div",{className:"flex items-center gap-2",children:[(0,_.jsx)(R.A.Node,{active:!0,style:{width:14,height:14,borderRadius:"50%"}}),(0,_.jsx)(R.A.Node,{active:!0,style:{width:100,height:12}})]})})]})]})}var B=s(55607),H=s(86625),I=s(27309),E=s(9010);const M=/^\d+$/;function D(e){let{isH5:t,isFetching:s,scrollLoadingHint:l,scrollSentinelRef:a}=e;return t?(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)("div",{className:"flex flex-col items-center gap-2 py-4",children:[l?(0,_.jsxs)("div",{className:"flex items-center gap-2 text-fs12 text-secondaryText",children:[s?(0,_.jsx)(r.A,{size:"small"}):null,(0,_.jsx)("span",{children:l})]}):null,(0,_.jsx)("div",{ref:a,className:"h-1"})]}),(0,_.jsx)(n.A.BackTop,{})]}):null}function U(){const{isH5:e}=(0,p.Ay)(),t=(0,m.$n)(),{number:s}=(0,a.g)(),r=(0,l.useMemo)((()=>"string"==typeof s&&M.test(s)),[s]),n=(0,i.md)(v.WY),x=n.length>0?Number(n[0].blockNumber):null,N=(0,a.Zp)(),y=(0,u.Y)(),w=r?s:void 0,[A,k]=(0,l.useState)({key:w,cursor:"0"}

1),S=A.key===w?A.cursor:"0",R=(0,l.useCallback)((e=>k({key:w,cursor:e})),[w]),U=(0,l.useMemo)((()=>({cursor:S,limit:String(10)})),[S]),{data:F,isLoading:z,isFetching:P,isSuccess:O,isError:Y}=(0,j.l)(r?s:void 0,U,{staleTime:0}),{allItems:$,hasMore:K,setHasMore:J,totalRef:W}=(0,H.d)({isH5:e,currentCursor:S,data:F,isSuccess:O,isFetching:P,getRows:e=>Array.isArray(e.transactions)?e.transactions:[],getRowKey:e=>e.txHash,getRowNumber:e=>Number(e.txNumber)||0,getTotal:e=>{const t=void 0!==e.total&&null!==e.total?Number(e.total):void 0;return void 0!==t&&Number.isFinite(t)?t:e.transactionCount},getHasMore:e=>Boolean(e.cursor)&&"0"!==e.cursor,resetKey:w}),{pageIndex:V,isLastPageJump:X,handleFirst:Z,handlePrev:q,handleNext:G,handleLast:Q}=(0,I.J)({pageSize:10,allItemsLength:$.length,hasMore:K,isFetching:P,nextCursor:F?.cursor,preCursor:F?.preCursor,totalRef:W,setCurrentCursor:R,setHasMore:J,resetKey:w}),ee=(0,B.l)(e,G),te=W.current>0?W.current:F?.transactionCount??0,se=te>0?te:void 0,{startIndex:le,endIndex:ae,hasPrev:ie,hasNext:re}=(0,E.E)({total:te,pageSize:10,pageIndex:V,isLastPageJump:X,allItemsLength:$.length,hasMore:K}),ne=(0,E.m)(P,re),oe=String(t("dex_explorer.breadcrumb.block_details","Block Details")),ce=Number(s),de={label:oe,to:y(`/explorer/block/${s??""}`)},{trailState:xe}=(0,g.DI)({label:oe,to:y("/explorer/block/"+(ce-1))}),{trailState:he}=(0,g.DI)({label:oe,to:y(`/explorer/block/${ce+1}`)});if(!r||Y)return(0,_.jsx)(f.default,{type:"block"});const me=ce<=0,pe=null!==x&&ce>=x,ue="!w-6 h-6 rounded-[8px] text-ds-color-text-tertiary border  border-solid border-[var(--ds-color-border-subtle)]";return z&&!F?(0,_.jsx)("div",{className:"flex flex-col gap-4 px-4 md:px-[64px] py-4",children:(0,_.jsx)(T,{ariaLabel:String(t("dex_explorer.common.loading","Loading block details..."))})}):(0,_.jsxs)("div",{className:"flex flex-col  px-4 md:px-[64px] phone:py-5 py-[30px]",children:[(0,_.jsx)(b.A,{selfCrumb:de}),(0,_.jsxs)("div",{className:"flex items-center gap-3 text-[32px] mb-6 phone:mb-4 phone:text-fs20 phone:leading-8 font-medium leading-[1.4] text-ds-color-always-white",children:[(0,_.jsxs)("span",{children:[t("dex_explorer.txs.column.block","Block"),(0,_.jsx)("span",{className:"ms-[12px]",children:s})]}),(0,_.jsxs)("div",{className:"flex items-center",children:[(0,_.jsx)(o.A,{className:ue,disabled:me,icon:(0,_.jsx)(c.A,{width:16,hanging:16}),onClick:()=>N(y("/explorer/block/"+(ce-1)),{state:xe})}),(0,_.jsx)(o.A,{className:h()(ue,"ms-[6px]"),disabled:pe,icon:(0,_.jsx)(d.A,{width:16,hanging:16}),onClick:()=>N(y(`/explorer/block/${ce+1}`),{state:he})})]})]}),F&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(C,{className:"mb-3 phone:mb-10 phone:px-4 phone:py-2",block:F}),(0,_.jsx)(L.A,{txs:$,hasPrev:ie,hasNext:re,onFirst:Z,onPrev:q,onNext:G,onLast:Q,loading:P,startIndex:le,endIndex:ae,total:se,i18nPrefix:"dex_explorer.block_detail.txs_title",titleDefault:"Block Transactions",showBlockAsLink:!1,timeMode:"absolute",pageSize:10,selfCrumb:de})]}),(0,_.jsx)(D,{isH5:e,isFetching:P,scrollLoadingHint:ne,scrollSentinelRef:ee})]})}},87057(e,t,s){s.d(t,{A:()=>r});var l=s(82908),a=s.n(l),i=s(86070);function r(e){let{timestamp:t,format:s="YYYY/MM/DD HH:mm:ss",className:l}=e;const r=function(e){const t=Number(e);return t?t>1e12?t:1e3*t:0}(t),n=r>0?a()(r).format(s):"-";return(0,i.jsx)("span",{className:`text-primaryText ${l??""}`,children:n})}},49626(e,t,s){s.d(t,{v:()=>l});let l=function(e){return e.Connected="connected",e.Disconnected="disconnected",e.Connecting="connecting",e}({})},79356(e,t,s){var l=s(57816),a=s(43878),i=s(49626);const r=(0,l.eU)(null),n=((0,l.eU)(null),(0,l.eU)([])),o=(0,l.eU)([]),c=((0,a.Iz)((e=>(0,l.eU)([]))),(0,a.Iz)((e=>(0,l.eU)([]))),(0,l.eU)({blocks:0,txs:0,sinceCursor:null})),d=((0,l.eU)({}),(0,l.eU)(i.v.Connecting));s.d(t,["Um",0,c,"WY",0,n,"Xt",0,o,"hN",0,d,"kl",0,r])},48568(e,t,s){var l=s(41594);const a=l.forwardRef((function({title:e,titleId:t,...s},a){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",ref:a,"aria-labelledby":t},s),e?l.createElement("title",{id:t},e):null,l.createElement("path",{d:"M8.532 12.002l5.304 5.304 1.414-1.414-3.89-3.888 3.891-3.89-1.415-1.416-5.304 5.304z"}))}));

1s.d(t,["A",0,a])},37077(e,t,s){var l=s(41594);const a=l.forwardRef((function({title:e,titleId:t,...s},a){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",ref:a,"aria-labelledby":t},s),e?l.createElement("title",{id:t},e):null,l.createElement("path",{d:"M15.468 12.003l-5.304 5.303-1.414-1.414 3.89-3.89-3.89-3.889L10.164 6.7l5.304 5.304z"}))}));s.d(t,["A",0,a])},10295(e,t,s){var l=s(41594);const a=l.forwardRef((function({title:e,titleId:t,...s},a){return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",ref:a,"aria-labelledby":t},s),e?l.createElement("title",{id:t},e):null,l.createElement("path",{d:"M16.5 8.49v2.25L12 15.51l-4.5-4.77V8.49h9z"}))}));s.d(t,["A",0,a])}}]);
2//# sourceMappingURL=pages-Explorer-BlockDetail.5c6bb65dff46382cd71f.chunk.js.map