ethereum-lite-explorer
Version:
Ethereum Lite Explorer
24 lines • 9.97 kB
JavaScript
(window["webpackJsonp_aleth_io_ethMemento"]=window["webpackJsonp_aleth_io_ethMemento"]||[]).push([[6],{RVT1:function(e,t,n){"use strict";n.r(t);var o=n("bb6g");var r=n("cDcd");var a=n.n(r);var i=n("VBo9");var s=n("sGQ9");var l=n("7M1p");var d=n("pFxa");var c=n("IZzZ");var h=n("ZpAB");var p=n("IcBp");var m=n("nt0g");var u=n("dckH");var v=n("lvN2");var g=n("INKD");var x=n("C4qQ");var E=n("F3RY");var f=n("45Vx");var b=n("ckoB");const y=Object(b["b"])(f["a"]).withConfig({displayName:"StyledBox",componentId:"sc-krlccg"})`
font-family: "Roboto Mono", monospace;
`;const C=b["b"].span.withConfig({displayName:"ValueSpan",componentId:"sc-12kup0u"})`
margin: 0 8px;
`;const w=b["b"].span.withConfig({displayName:"TypeSpan",componentId:"sc-1n5h0o1"})`
color: ${({theme:e})=>e.colors.typedValueBoxTypeText};
margin: 0 8px;
`;const W=Object(b["b"])("div").withConfig({displayName:"SizingWrapper",componentId:"sc-ayd9y7"})`
${e=>e.withinForm?b["a"]`
min-width: 484px;
`:""}
`;class L extends r["Component"]{render(){const{value:e,type:t,withinForm:n}=this.props;let o;n&&({}.minWidth=500);return r["createElement"](y,{colors:e=>({background:e.colors.typedValueBoxBg,text:e.colors.typedValueBoxText,border:n?e.colors.typedValueBoxBorder:void 0}),metrics:{height:36,textPaddingTop:0,textPaddingX:8,fontSize:14,iconSize:24,lineHeight:34,fontWeight:500,letterSpacing:"normal"}},r["createElement"](W,{withinForm:n},e?r["createElement"](C,null,e):null,t?r["createElement"](w,null,t):null))}}L.defaultProps={withinForm:!1};var I=n("h4Gh");var S=n("tSSb");const D=E["b"].div.withConfig({displayName:"DataRoot",componentId:"sc-cxmtl8"})`
padding: 24px 40px;
`;const T=E["b"].div.withConfig({displayName:"DataLineWrapper",componentId:"sc-9jg0a2"})`
font-family: "Roboto Mono", monospace;
font-size: 14px;
line-height: 16px;
font-weight: 500;
`;class k extends a.a.PureComponent{getTxInputData(e){const t=[];e.event&&t.push({name:"event",value:e.event,identationIdx:0,identationLinePath:[]});e.topic0&&t.push({name:"topic0",value:e.topic0,identationIdx:0,identationLinePath:[]});if(e.inputs){t.push({name:"inputs",identationIdx:0,identationLinePath:[]});this.getLogEventsLines(e.inputs,t,1,[])}return t}getLogEventsLines(e,t,n,o){e.forEach((r,a)=>{if(r.value)t.push({name:r.name?r.name:a.toString(),type:r.type,value:r.value,identationIdx:n,identationLinePath:[...o,a===e.length-1?I["a"].LastLeaf:I["a"].Leaf]});else if(r.components){t.push({name:r.name?r.name:a.toString(),type:r.type,identationIdx:n,identationLinePath:[...o,a===e.length-1?I["a"].LastLeaf:I["a"].Leaf]});let i=[...o,a===e.length-1?I["a"].Empty:I["a"].Vertical];this.getLogEventsLines(r.components,t,n+1,i)}})}render(){let e=this.getTxInputData(this.props.data);return a.a.createElement(D,null,e.map((e,t)=>a.a.createElement(T,{key:t},[...e.identationLinePath].reverse().reduce((e,n,o)=>a.a.createElement(I["b"],{key:`${t}_${o}`,icon:n},e),a.a.createElement(S["a"],{payload:e})))))}}const B=E["b"].div.withConfig({displayName:"LogEventsRoot",componentId:"sc-mqq82m"})``;const R=E["b"].div.withConfig({displayName:"LogEventsSection",componentId:"sc-sue7q0"})`
border-bottom: 1px solid ${({theme:e})=>e.colors.logEventsBorder};
`;const P=E["b"].div.withConfig({displayName:"RawLogEventsSection",componentId:"sc-5ua8t0"})`
padding: 20px 0;
`;const z=44;class O extends a.a.Component{render(){const{translation:e,data:t}=this.props;return a.a.createElement(B,null,t.map((t,n)=>a.a.createElement(R,{key:n},t.eventDecoded?this.renderDecodedEvent(t):this.renderRawEvent(t,e))))}renderDecodedEvent(e){return a.a.createElement(k,{data:e.eventDecoded})}renderRawEvent(e,t){return a.a.createElement(P,null,e.hasLogTopics.map((e,n)=>a.a.createElement(v["a"],{key:n},a.a.createElement(g["a"],{baseHeight:z},a.a.createElement(x["a"],null,t.get("txView.content.txSummary.logEvents.topic.value")+" "+n),a.a.createElement(L,{value:e})))),a.a.createElement(v["a"],null,a.a.createElement(g["a"],{baseHeight:z},a.a.createElement(x["a"],null,t.get("txView.content.txSummary.logEvents.logData.value")),a.a.createElement(L,{value:e.logData}))))}}var V=n("bYKd");var F=n("rTLx");n.d(t,"TxSummary",function(){return N});let N=class e extends r["Component"]{constructor(e){super(e);this.handleResize=(()=>{this.items=this.buildItems(this.props.tx)});this.renderExpander=(({config:e,isOpen:t,onClick:n,isFullWidth:o})=>r["createElement"](c["a"],{label:e.label,value:e.value,open:t,onClick:n,fullWidth:o,locale:this.props.locale}));this.renderHeader=(({config:e})=>e.header);this.renderContent=(({content:e,status:t,arrowPosition:n,config:o})=>{if(t!==u["a"].Loaded)return r["createElement"](v["a"],null,r["createElement"](g["a"],null,r["createElement"](x["a"],null),e));return r["createElement"](l["ThemeContext"].Consumer,null,t=>r["createElement"](m["a"],{arrowPosition:n,backgroundColor:o.backgroundColor&&o.backgroundColor(t)||t.colors.gridEvenRowBg,borderColor:o.borderColor&&o.borderColor(t)||t.colors.gridBorder,noBorder:!o.borderColor},e))});window.addEventListener("resize",this.handleResize);this.handleResize();this.items=this.buildItems(this.props.tx)}componentDidUpdate(e){this.props.tx===e.tx&&this.props.translation===e.translation||(this.items=this.buildItems(this.props.tx))}componentWillUnmount(){window.removeEventListener("resize",this.handleResize)}render(){const{translation:e}=this.props;return r["createElement"](V["a"],{useWrapper:!0},r["createElement"](h["a"],{label:e.get("txView.content.txSummary.label"),noDataContent:r["createElement"](d["a"],{translation:e}),renderExpander:this.renderExpander,renderHeader:this.renderHeader,renderContent:this.renderContent,loadingText:`${e.get("general.loading")}...`,errorText:e.get("general.error"),onContentError:(e,t)=>{this.props.logger.error(`Couldn't load content for tx summary tab #${t.index}`,e)}},this.items))}buildItems(e){let{translation:t}=this.props;let n;return Object(F["a"])(e)?r["createElement"](r["Fragment"],null,r["createElement"](p["a"],{label:t.get("txView.content.txSummary.logEvents.label"),value:e.logEventsCount,content:()=>o["a"](this,void 0,void 0,function*(){let e=yield this.props.logEventsStore.fetchByTx(this.props.tx.hash);return r["createElement"](O,{translation:t,data:e})}),backgroundColor:e=>e.colors.logEventsSectionBg,borderColor:e=>e.colors.logEventsBorder})):null}};o["b"]([i["observable"].shallow],N.prototype,"items",void 0);N=o["b"]([s["observer"]],N)},ZpAB:function(e,t,n){"use strict";n.d(t,"a",function(){return g});var o=n("bb6g");var r=n("cDcd");var a=n.n(r);var i=n("VBo9");var s=n.n(i);var l=n("sGQ9");var d=n.n(l);var c=n("lvN2");var h=n("INKD");var p=n("C4qQ");var m=n("MeXO");var u=n("F99q");var v=n("ofVI");let g=class e extends r["Component"]{constructor(e){super(e);this.expanderEls=new Map;this.handleContainerRef=(e=>{e&&(this.containerOffsetLeft=e.offsetLeft)});this.onExpanderResize=(()=>{this.fixedExpanderWidth=void 0;this.destroyWidthWatch();this.setupWidthWatch()});this.accordionState=new m["a"](this.props.onContentError);this.refreshDisposer=Object(i["reaction"])(()=>this.accordionState.getItems().map(e=>e.config),()=>{Object(i["runInAction"])(()=>{this.fixedExpanderWidth=void 0;this.expanderEls.clear()});this.destroyWidthWatch();this.setupWidthWatch()},{delay:100,equals:(e,t)=>{if(e.length!==t.length)return!1;return e.every((e,n)=>e===t[n])}})}getChildContext(){return{accordionState:this.accordionState}}componentDidMount(){this.setupWidthWatch()}setupWidthWatch(){const e=this.accordionState.getItems();e.length&&(this.widthWatchDisposer=Object(i["when"])(()=>this.expanderEls.size===e.length,()=>{this.computeWidth()}))}destroyWidthWatch(){if(this.widthWatchDisposer){this.widthWatchDisposer();this.widthWatchDisposer=void 0}}componentWillUnmount(){this.destroyWidthWatch();if(this.refreshDisposer){this.refreshDisposer();this.refreshDisposer=void 0}}computeWidth(){let e=[...this.expanderEls.values()].reduce((e,t)=>Math.max(e,t.offsetWidth),0);this.fixedExpanderWidth=e+1}render(){return r["createElement"](r["Fragment"],null,r["createElement"]("div",{style:{position:"fixed",top:-1e4,left:-1e4}},this.props.children),this.renderItems())}renderItems(){if(!this.accordionState.getItems().length)return r["createElement"](c["a"],null,r["createElement"](h["a"],null,r["createElement"](p["a"],null,this.props.label),this.props.noDataContent));let e=this.accordionState.getItems();let t=this.accordionState.getActiveItem();return r["createElement"]("div",{ref:this.handleContainerRef},e.map((e,n)=>r["createElement"](r["Fragment"],{key:n},r["createElement"](c["a"],{responsive:{ignoreFirstLabel:"forLowRes"}},r["createElement"](h["a"],null,r["createElement"](p["a"],null,n?void 0:this.props.label),r["createElement"]("div",{ref:e=>e&&this.expanderEls.set(n,e),style:{width:this.fixedExpanderWidth}},this.props.renderExpander({config:e.config,isFullWidth:!!this.fixedExpanderWidth,isOpen:e===t,onClick:e.onClick,onResize:this.onExpanderResize})),this.props.renderHeader&&this.props.renderHeader({config:e.config,isOpen:e===t}))),r["createElement"](v["a"],{duration:this.props.contentAnimSeconds},e===t&&r["createElement"](u["a"],{content:e.content,config:e.config,status:e.contentStatus,arrowPosition:this.getContentArrowPosition(),loadingDelay:this.props.contentAnimSeconds,errorText:this.props.errorText,loadingText:this.props.loadingText,renderContent:this.props.renderContent})))))}getContentArrowPosition(){if(this.expanderEls.size&&void 0!==this.containerOffsetLeft&&this.fixedExpanderWidth){let e;return this.expanderEls.values().next().value.offsetLeft-this.containerOffsetLeft+this.fixedExpanderWidth/2}return}};g.defaultProps={contentAnimSeconds:.2};g.childContextTypes={accordionState:l["PropTypes"].objectOrObservableObject};o["b"]([i["observable"]],g.prototype,"expanderEls",void 0);o["b"]([i["observable"]],g.prototype,"fixedExpanderWidth",void 0);g=o["b"]([l["observer"]],g)}}]);
//# sourceMappingURL=32aa11334489192e09a9.bundle.js.map