fix: Workaround bug in ethers-decode-error

Author: micwallace

javascript/engine-js/src/wallet/EthersAdapter.ts

@@ -102,11 +102,19 @@ export class EthersAdapter implements IWalletAdapter {
 			if (EthersAdapter.isTransactionRejection(e))
 				return false;
 
-			const errDecoder = ErrorDecoder.create(errorAbi)
-			const decodedError = await errDecoder.decode(e);
 			console.error(e);
-			console.log("Decoded error: ", decodedError);
-			if (decodedError.type != ErrorType.EmptyError && decodedError.type != ErrorType.UnknownError) {
+
+			let decodedError;
+
+			try {
+				const errDecoder = ErrorDecoder.create(errorAbi)
+				decodedError = await errDecoder.decode(e);
+				console.log("Decoded error: ", decodedError);
+			} catch (e: any){
+				console.error("Failed to decode error: ", e);
+			}
+
+			if (decodedError && decodedError.type != ErrorType.EmptyError && decodedError.type != ErrorType.UnknownError) {
 
 				let decodedMessage;
 

javascript/tokenscript-viewer/src/components/viewers/util/showTransactionNotification.tsx

@@ -40,7 +40,7 @@ export const handleTransactionError = (e: any, showToast: EventEmitter<ShowToast
 
 	console.error(e);
 
-	let message = e.message;
+	let message = e.shortMessage ?? e.message;
 
 	const revertMatch = message.match(/reverted with reason string '(.*)'/);
 
@@ -81,8 +81,8 @@ export const handleTransactionError = (e: any, showToast: EventEmitter<ShowToast
 							borderRadius: "5px",
 							fontWeight: "500"
 						}}
-				        onClick={() => navigator.clipboard.writeText(e.message)}>
-					<copy-icon style={{paddingLeft: "0 !important"}} height={"20px"} copyText={e.message}/>
+				        onClick={() => navigator.clipboard.writeText(JSON.stringify(e))}>
+					<copy-icon style={{paddingLeft: "0 !important"}} height={"20px"} copyText={JSON.stringify(e)}/>
 					Copy Error
 				</button>
 			</div>