Support nested vector in explorer

src/pages/Account/Tabs/ModulesTab/Contract.tsx

@@ -277,6 +277,7 @@ function RunContractForm({
         const type = fnParams[i];
         if (type.includes("vector")) {
           // when it's a vector<u8>, we support both hex and javascript array format
+          console.log(type, arg);
           return type === "vector<u8>" && arg.trim().startsWith("0x")
             ? Array.from(new HexString(arg).toUint8Array()).map((x) =>
                 x.toString(),
@@ -287,6 +288,7 @@ function RunContractForm({
         } else return arg;
       }),
     };
+    console.log(payload);
 
     await submitTransaction(payload);
     if (transactionResponse?.transactionSubmitted) {

src/utils.ts

@@ -180,16 +180,36 @@
 }
 
 // Deserialize "[1,2,3]" or "1,2,3" to ["1", "2", "3"]
-export function deserializeVector(vectorString: string): string[] {
-  let result = vectorString.trim();
-  if (result[0] === "[" && result[result.length - 1] === "]") {
-    result = result.slice(1, -1);
+// Also works nested [[1, 2], [3, 4]] to [["1", "2"], ["3", "4"]]
+// TODO: Need to type this recursively
+export function deserializeVector(vectorString: string): any {
+  const trimmed = vectorString.trim();
+  let inside = "";
+  if (isArrayStr(trimmed)) {
+    inside = trimmed.slice(1, -1);
   }
   // There's a tradeoff here between empty string, and empty array.  We're going with empty array.
-  if (result.length == 0) {
+  if (inside.length == 0) {
     return [];
+  } else if (isArrayStr(inside)) {
+    const innerArrayStrs = [];
+    let build = "";
+    for (let i = 0; i < inside.length; i++) {
+      if (inside[i] === "]") {
+        innerArrayStrs.push(build);
+        build = "";
+      } else {
+        build += inside[i];
+      }
+    }
+    return innerArrayStrs.map(deserializeVector);
   }
-  return result.split(",");
+
+  return inside.split(",");
+}
+
+function isArrayStr(str: string): boolean {
+  return str.startsWith("[") && str.endsWith("]");
 }
 
 function encodeVectorForViewRequest(type: string, value: string) {
@@ -201,7 +221,7 @@
       return (
         HexString.fromUint8Array(
           new Uint8Array(
             rawVector.map((v) => {
               const result = ensureNumber(v.trim());
               if (result < 0 || result > 255)
                 throw new Error(`Invalid u8 value: ${result}`);
@@ -211,13 +231,13 @@
         ) as any
       ).hexString;
     } else if (["u16", "u32"].includes(match[1])) {
       return rawVector.map((v) => ensureNumber(v.trim()));
     } else if (["u64", "u128", "u256"].includes(match[1])) {
       // For bigint, not need to convert, only validation
       rawVector.forEach((v) => ensureBigInt(v.trim()));
       return rawVector;
     } else if (match[1] === "bool") {
       return rawVector.map((v) => ensureBoolean(v.trim()));
     } else {
       // 1. Address type no need to convert
       // 2. Other complex types like Struct is not support yet. We just pass what user input.