@stellar-expert/ui-framework 1.15.0-rc.8 → 1.15.0

package/contract/sc-val.js

@@ -52,6 +52,8 @@ export const ScVal = React.memo(function ScVal({value, nested = false, indent =
                     return <AccountAddress account={xdrParserUtils.xdrParseAccountAddress(val.value())}/>
                 case 'contractId':
                     return <AccountAddress account={xdrParserUtils.xdrParseContractAddress(val.value())}/>
+                case 'muxedAccount':
+                    return <AccountAddress account={xdrParserUtils.xdrParseMuxedScAddress(val.value())}/>
             }
             return <span className="dimmed">(unsupported address)</span>
         case 'bytes':

package/effect/effect-description.js

@@ -10,6 +10,7 @@ import {AssetLink} from '../asset/asset-link'
 import {Amount} from '../asset/amount'
 import {CopyToClipboard} from '../interaction/copy-to-clipboard'
 import {ScVal} from '../contract/sc-val'
+import {InfoTooltip} from '../controls/info-tooltip'
 import InvocationInfoView from '../contract/invocation-info-view'
 
 /**
@@ -107,12 +108,12 @@ export function EffectDescription({effect, operation}) {
         case 'claimableBalanceCreated':
             return <>
                 Account <AccountAddress account={effect.source}/> created claimable
-                balance {shortenString(effect.balance)} <Amount asset={effect.asset} amount={effect.amount} adjust/>
+                balance <ClaimableBalance effect={effect}/> <Amount asset={effect.asset} amount={effect.amount} adjust/>
             </>
         case 'claimableBalanceRemoved':
             return <>
                 Account <AccountAddress account={effect.source}/> claimed claimable
-                balance {shortenString(effect.balance)} <Amount asset={effect.asset} amount={effect.amount} adjust/>
+                balance <ClaimableBalance effect={effect}/> <Amount asset={effect.asset} amount={effect.amount} adjust/>
             </>
         case 'accountSponsorshipCreated':
         case 'accountSponsorshipUpdated':
@@ -161,12 +162,13 @@ export function EffectDescription({effect, operation}) {
         case 'claimableBalanceSponsorshipCreated':
         case 'claimableBalanceSponsorshipUpdated':
             return <>
-                Account <AccountAddress account={effect.sponsor}/> sponsored claimable balance {shortenString(effect.balance)}
+                Account <AccountAddress account={effect.sponsor}/> sponsored claimable balance <ClaimableBalance effect={effect}/>
                 {effect.source !== effect.sponsor && <> for account <AccountAddress account={effect.source}/></>}
             </>
         case 'claimableBalanceSponsorshipRemoved':
             return <>
-                Account <AccountAddress account={effect.prevSponsor}/> revoked claimable balance {shortenString(effect.balance)} sponsorship
+                Account <AccountAddress account={effect.prevSponsor}/> revoked claimable
+                balance <ClaimableBalance effect={effect}/> sponsorship
                 {effect.source !== effect.prevSponsor && <> for account <AccountAddress account={effect.source}/></>}
             </>
         case 'signerSponsorshipCreated':
@@ -212,11 +214,14 @@ export function EffectDescription({effect, operation}) {
         case 'inflation':
             return <>Inflation distribution initialized</>
         case 'contractCodeUploaded':
-            return <>Contract code <LedgerKeyHint effect={effect}><ContractCodeWasm wasm={effect.wasm}/></LedgerKeyHint> uploaded</>
+        case 'contractCodeRestored':
+            return <>Contract code {getEffectAction(effect, 'contractCode')}
+                <LedgerKeyHint effect={effect}><ContractCodeWasm wasm={effect.wasm || effect.wasmHash}/></LedgerKeyHint></>
         case 'contractCreated':
-            return <>Contract <AccountAddress account={effect.contract}/> created <ContractDetails effect={effect}/></>
         case 'contractUpdated':
-            return <>Contract <AccountAddress account={effect.contract}/> updated <ContractDetails effect={effect}/></>
+        case 'contractRestored':
+            return <>Contract <AccountAddress account={effect.contract}/> {getEffectAction(effect, 'contract')}
+                <ContractDetails effect={effect}/><ConstructorDetails/></>
         case 'contractInvoked':
             return <>{effect.depth > 0 &&
                 <i className="icon-level-down text-tiny color-primary" style={{paddingLeft: (effect.depth - 1) + 'em'}}/>}
@@ -228,9 +233,10 @@ export function EffectDescription({effect, operation}) {
                 with data <ScVal value={effect.rawData}/></>
         case 'contractDataCreated':
         case 'contractDataUpdated':
-            return <>Contract <AccountAddress account={effect.owner}/>
-                {effect.type === 'contractDataCreated' ? ' created ' : ' updated '} {effect.durability} data{' '}
-                <LedgerKeyHint effect={effect}><ScVal value={effect.key}/></LedgerKeyHint> with value <ScVal value={effect.value}/>
+        case 'contractDataRestored':
+            return <>Contract <AccountAddress account={effect.owner}/> {getEffectAction(effect, 'contractData')}
+                {effect.durability} data{' '}
+                <LedgerKeyHint effect={effect}><ScVal value={effect.key}/></LedgerKeyHint> = <ScVal value={effect.value}/>
             </>
         case 'contractDataRemoved':
             return <>Contract <AccountAddress account={effect.owner}/> removed {effect.durability}{' '}
@@ -322,12 +328,25 @@ function ContractCodeWasm({wasm}) {
     </>
 }
 
+function ClaimableBalance(effect) {
+    const {balance} = effect
+    return <>
+        {shortenString(balance)} <CopyToClipboard text={wasmHash}/>{/*<InfoTooltip icon="icon-plus">
+            <CopyToClipboard text={balance}>{balance}</CopyToClipboard>
+        </InfoTooltip>*/}
+    </>
+}
+
 function LedgerKeyHint({effect, children}) {
     if (!effect.keyHash)
         return children
     return <span title={'Ledger key ' + effect.keyHash}>{children}</span>
 }
 
+function getEffectAction(effect, prefix) {
+    return effect.type.replace(prefix, '').toLowerCase() + ' '
+}
+
 const ledgerEntryKind = {
     contractData: 'contract state entry',
     contractCode: 'contract code WASM'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stellar-expert/ui-framework",
-  "version": "1.15.0-rc.8",
+  "version": "1.15.0",
   "description": "StellarExpert shared UI components library",
   "main": "index.js",
   "module": "./index.js",
@@ -22,7 +22,7 @@
     "@stellar-expert/contract-wasm-interface-parser": "^3.2.0",
     "@stellar-expert/formatter": "^2.5.0",
     "@stellar-expert/navigation": "github:stellar-expert/navigation#v1.0.2",
-    "@stellar-expert/tx-meta-effects-parser": "7.0.0-rc.6",
+    "@stellar-expert/tx-meta-effects-parser": "7.0.0-rc.17",
     "classnames": ">=2",
     "prop-types": ">=15",
     "qrcode.react": "^4.2.0",