@stellar-expert/ui-framework 1.13.6 → 1.13.8

package/contract/invocation-info-view.js

@@ -22,9 +22,9 @@ export default function InvocationInfoView({contract, func, args, result, sac})
         <code>{func}({args.map((arg, i) => <ScValStruct key={i} separate={args.length - i}>
             <ScVal value={arg} nested/>
         </ScValStruct>)})<InvocationResult result={result}/></code>
-        <Tooltip trigger={<i className="trigger icon-info"/>} desiredPlace="top" activation="click" maxWidth="Min(60em, 40vw)">
+        {!!contract && <Tooltip trigger={<i className="trigger icon-info"/>} desiredPlace="top" activation="click" maxWidth="Min(60em, 40vw)">
             <ExtendedInvocationInfoView {...{contract, func, args, result, sac}}/>
-        </Tooltip>&nbsp;
+        </Tooltip>}{' '}
     </>
 }
 

package/contract/sc-val.js

@@ -63,7 +63,7 @@ export const ScVal = React.memo(function ScVal({value, nested = false, indent =
         case 'nonceKey':
             return <>{val.nonce()._value.toString()}<ScValType type="nonce"/></>
         case 'instance':
-            return <>{val._attributes.executable.wasmHash().toString('hex')}<ScValType type="wasm"/></>
+            return <span className="word-break">{val._attributes.executable.wasmHash().toString('hex')}<ScValType type="wasm"/></span>
         case 'error':
             const errMessage = value.toXDR('base64')
             return <><span className="condensed" title={errMessage}>{shortenString(errMessage, 50)}</span><ScValType type="error"/></>

package/effect/effect-description.js

@@ -26,10 +26,10 @@ export function EffectDescription({effect, operation}) {
             return <>Account <AccountAddress account={effect.source}/> removed</>
         case 'accountCredited':
             return <><Amount asset={effect.asset} amount={effect.amount} adjust/> credited to
-                {effect.source.startsWith('C') ? 'contract' : 'account'} <AccountAddress account={effect.source}/></>
+                {effect.source.startsWith('C') ? ' contract' : ' account'} <AccountAddress account={effect.source}/></>
         case 'accountDebited':
             return <><Amount asset={effect.asset} amount={effect.amount} adjust/> debited from
-                {effect.source.startsWith('C') ? 'contract' : 'account'} <AccountAddress account={effect.source}/></>
+                {effect.source.startsWith('C') ? ' contract' : ' account'} <AccountAddress account={effect.source}/></>
         case 'accountThresholdsUpdated':
             return <>Account <AccountAddress account={effect.source}/> set thresholds to {effect.thresholds.join('/')}</>
         case 'accountHomeDomainUpdated':
@@ -220,7 +220,7 @@ export function EffectDescription({effect, operation}) {
         case 'contractInvoked':
             return <>{effect.depth > 0 &&
                 <i className="icon-level-down text-tiny color-primary" style={{paddingLeft: (effect.depth - 1) + 'em'}}/>}
-                Contract <AccountAddress account={effect.contract}/> invoked{' '}
+                Invoked contract <AccountAddress account={effect.contract}/>{' '}
                 <InvocationInfoView func={effect.function} args={effect.rawArgs} contract={effect.contract} result={effect.result} sac={operation.operation.sacMap?.[effect.contract]}/>
             </>
         case 'contractEvent':
@@ -309,6 +309,12 @@ function ContractDetails({effect}) {
     }
 }
 
+function ConstructorDetails({effect}) {
+    if (!effect.constructorArgs?.length)
+        return null
+    return <span>{' '}<InvocationInfoView func="__constructor" args={effect.constructorArgs}/></span>
+}
+
 function ContractCodeWasm({wasm}) {
     return <>
         <code title={wasm}>{shortenString(wasm, 16)}</code>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stellar-expert/ui-framework",
-  "version": "1.13.6",
+  "version": "1.13.8",
   "description": "StellarExpert shared UI components library",
   "main": "index.js",
   "module": "./index.js",
@@ -14,8 +14,8 @@
   "author": "orbitlens <orbit@stellar.expert>",
   "license": "MIT",
   "peerDependencies": {
-    "@stellar/stellar-base": "^12.1.0",
-    "@stellar/stellar-sdk": "^12.2.0",
+    "@stellar/stellar-base": "^13.0.0",
+    "@stellar/stellar-sdk": "^13.0.0",
     "@stellar-expert/asset-descriptor": "^1.3.3",
     "@stellar-expert/claimable-balance-utils": "^1.4.1",
     "@stellar-expert/client-cache": "github:stellar-expert/client-cache",

package/tx/op-description-view.js

@@ -809,6 +809,7 @@ function InvokeHostFunctionView({op, compact}) {
                 <OpSourceAccount op={op}/> uploaded contract code {codeReference}
             </>
         case 'createContract':
+        case 'createContractV2':
             const preimage = value.contractIdPreimage()
             const executable = value.executable()
             const executableType = executable.switch().name
@@ -836,6 +837,12 @@ function InvokeHostFunctionView({op, compact}) {
                     }
                     break
             }
+            if (func.arm() === 'createContractV2') {
+                const args = value.constructorArgs() //array
+                if (args.length > 0) {
+                    contractProps = <>{contractProps} with <InvocationInfoView func="__constructor" args={args}/></>
+                }
+            }
             if (op.isEphemeral)
                 return <>
                     <b>Create contract</b> <AccountAddress account={contract}/> from {contractProps}<OpSourceAccount op={op}/>