diff --git a/examples/vue-app/package-lock.json b/examples/vue-app/package-lock.json
index 0dddde5..389d5d5 100644
--- a/examples/vue-app/package-lock.json
+++ b/examples/vue-app/package-lock.json
@@ -12,7 +12,7 @@
         "@project-serum/borsh": "^0.2.3",
         "@solana/spl-token": "^0.1.8",
         "@solana/web3.js": "^1.63.1",
-        "@toruslabs/solana-embed": "file:../../toruslabs-solana-embed-0.3.0.tgz",
+        "@toruslabs/solana-embed": "file:../../",
         "@types/elliptic": "^6.4.14",
         "bs58": "^4.0.1",
         "copy-to-clipboard": "^3.3.1",
@@ -46,6 +46,64 @@
         "url": "^0.11.0"
       }
     },
+    "../..": {
+      "name": "@toruslabs/solana-embed",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "@solana/web3.js": "^1.76.0",
+        "@toruslabs/base-controllers": "^3.0.1",
+        "@toruslabs/http-helpers": "^4.0.0",
+        "@toruslabs/openlogin-jrpc": "^4.4.0",
+        "eth-rpc-errors": "^4.0.3",
+        "fast-deep-equal": "^3.1.3",
+        "is-stream": "^2.0.1",
+        "lodash-es": "^4.17.21",
+        "loglevel": "^1.8.1",
+        "pump": "^3.0.0"
+      },
+      "devDependencies": {
+        "@babel/register": "^7.21.0",
+        "@babel/runtime": "^7.21.5",
+        "@commitlint/cli": "^17.6.3",
+        "@commitlint/config-conventional": "^17.6.3",
+        "@commitlint/is-ignored": "^17.6.3",
+        "@rollup/plugin-json": "^6.0.0",
+        "@toruslabs/eslint-config-typescript": "^2.0.0",
+        "@toruslabs/torus-scripts": "^4.0.0",
+        "@types/bs58": "^4.0.1",
+        "@types/node": "^18.15.3",
+        "@types/once": "^1.4.0",
+        "@types/pump": "^1.1.1",
+        "@types/readable-stream": "^2.3.15",
+        "@typescript-eslint/eslint-plugin": "^5.59.7",
+        "@typescript-eslint/parser": "^5.59.7",
+        "cross-env": "^7.0.3",
+        "eslint": "^8.41.0",
+        "eslint-plugin-import": "^2.27.5",
+        "eslint-plugin-mocha": "^10.1.0",
+        "eslint-plugin-n": "^15.6.1",
+        "eslint-plugin-prettier": "^4.2.1",
+        "eslint-plugin-promise": "^6.1.1",
+        "eslint-plugin-simple-import-sort": "^10.0.0",
+        "eslint-plugin-tsdoc": "^0.2.17",
+        "husky": "^8.0.3",
+        "lint-staged": "^13.2.2",
+        "mocha": "^10.2.0",
+        "prettier": "^2.8.8",
+        "puppeteer": "^20.3.0",
+        "rimraf": "^5.0.1",
+        "ts-node": "^10.9.1",
+        "typescript": "^4.9.5"
+      },
+      "engines": {
+        "node": ">=16.18.1",
+        "npm": ">=8.x"
+      },
+      "peerDependencies": {
+        "@babel/runtime": "7.x"
+      }
+    },
     "node_modules/@babel/code-frame": {
       "version": "7.16.0",
       "dev": true,
@@ -1947,11 +2005,6 @@
       "dev": true,
       "license": "BSD-3-Clause"
     },
-    "node_modules/@socket.io/component-emitter": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.0.tgz",
-      "integrity": "sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg=="
-    },
     "node_modules/@soda/friendly-errors-webpack-plugin": {
       "version": "1.8.1",
       "dev": true,
@@ -2108,180 +2161,9 @@
         "ieee754": "^1.2.1"
       }
     },
-    "node_modules/@toruslabs/base-controllers": {
-      "version": "2.2.6",
-      "resolved": "https://registry.npmjs.org/@toruslabs/base-controllers/-/base-controllers-2.2.6.tgz",
-      "integrity": "sha512-spN4ltQv9ulzgxZIskfME4i1qSaW+eywpEJuOjRJ3vw07WPydXNzO4xAMHoE4Q5Wf/Y34rZUwJcLYjqieM+rgQ==",
-      "dependencies": {
-        "@toruslabs/broadcast-channel": "^6.0.0",
-        "@toruslabs/http-helpers": "^3.0.0",
-        "@toruslabs/openlogin-jrpc": "^2.1.0",
-        "async-mutex": "^0.3.2",
-        "bignumber.js": "^9.0.2",
-        "bowser": "^2.11.0",
-        "eth-rpc-errors": "^4.0.3",
-        "ethereumjs-util": "^7.1.5",
-        "json-rpc-random-id": "^1.0.1",
-        "lodash": "^4.17.21",
-        "loglevel": "^1.8.0"
-      },
-      "peerDependencies": {
-        "@babel/runtime": "7.x"
-      }
-    },
-    "node_modules/@toruslabs/broadcast-channel": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@toruslabs/broadcast-channel/-/broadcast-channel-6.1.0.tgz",
-      "integrity": "sha512-7aBVHA2RXI1RQaoMPTmb4jBVcQYp9/cxrMbQ90BEX1tDu11abS0MYjxR3ZfvyRQuU9RqRWeaG0leul5xouV6kA==",
-      "dependencies": {
-        "@babel/runtime": "^7.17.9",
-        "@toruslabs/eccrypto": "^1.1.8",
-        "@toruslabs/metadata-helpers": "^3.0.0",
-        "bowser": "^2.11.0",
-        "keccak": "^3.0.2",
-        "loglevel": "^1.8.0",
-        "oblivious-set": "1.1.1",
-        "socket.io-client": "^4.5.1",
-        "unload": "^2.3.1"
-      }
-    },
-    "node_modules/@toruslabs/eccrypto": {
-      "version": "1.1.8",
-      "resolved": "https://registry.npmjs.org/@toruslabs/eccrypto/-/eccrypto-1.1.8.tgz",
-      "integrity": "sha512-5dIrO2KVqvnAPOPfJ2m6bnjp9vav9GIcCZXiXRW/bJuIDRLVxJhVvRlleF4oaEZPq5yX5piHq5jVHagNNS0jOQ==",
-      "hasInstallScript": true,
-      "dependencies": {
-        "acorn": "^8.4.1",
-        "elliptic": "^6.5.4",
-        "es6-promise": "^4.2.8",
-        "nan": "^2.14.2"
-      },
-      "optionalDependencies": {
-        "secp256k1": "^3.8.0"
-      }
-    },
-    "node_modules/@toruslabs/eccrypto/node_modules/bn.js": {
-      "version": "4.12.0",
-      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-      "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-      "optional": true
-    },
-    "node_modules/@toruslabs/eccrypto/node_modules/secp256k1": {
-      "version": "3.8.0",
-      "resolved": "https://registry.npmjs.org/secp256k1/-/secp256k1-3.8.0.tgz",
-      "integrity": "sha512-k5ke5avRZbtl9Tqx/SA7CbY3NF6Ro+Sj9cZxezFzuBlLDmyqPiL8hJJ+EmzD8Ig4LUDByHJ3/iPOVoRixs/hmw==",
-      "hasInstallScript": true,
-      "optional": true,
-      "dependencies": {
-        "bindings": "^1.5.0",
-        "bip66": "^1.1.5",
-        "bn.js": "^4.11.8",
-        "create-hash": "^1.2.0",
-        "drbg.js": "^1.0.1",
-        "elliptic": "^6.5.2",
-        "nan": "^2.14.0",
-        "safe-buffer": "^5.1.2"
-      },
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/@toruslabs/http-helpers": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/@toruslabs/http-helpers/-/http-helpers-3.2.0.tgz",
-      "integrity": "sha512-fCfvBHfYzd7AyOYlBo7wihh5nj6+4Ik6V5+nI7H63oiKICjMlByTXSauTUa/qm2mjZJn/OmVYeV5guPIgxoW1w==",
-      "dependencies": {
-        "lodash.merge": "^4.6.2",
-        "loglevel": "^1.8.0"
-      },
-      "engines": {
-        "node": ">=14.17.0",
-        "npm": ">=6.x"
-      },
-      "peerDependencies": {
-        "@babel/runtime": "^7.x",
-        "@sentry/types": "^7.x"
-      },
-      "peerDependenciesMeta": {
-        "@sentry/types": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@toruslabs/metadata-helpers": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@toruslabs/metadata-helpers/-/metadata-helpers-3.0.0.tgz",
-      "integrity": "sha512-0eWCIbKpaBx3/z3BDyWebxUisCS37Uxb0zxOEWizSXjGH/T6TJCrBeZFPmANN3hq47GoNCsRiku9cgfij1UMTQ==",
-      "dependencies": {
-        "@toruslabs/eccrypto": "^1.1.8",
-        "@toruslabs/http-helpers": "^3.0.0",
-        "elliptic": "^6.5.4",
-        "json-stable-stringify": "^1.0.1",
-        "keccak": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=14.17.0",
-        "npm": ">=6.x"
-      },
-      "peerDependencies": {
-        "@babel/runtime": "7.x"
-      }
-    },
-    "node_modules/@toruslabs/openlogin-jrpc": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/@toruslabs/openlogin-jrpc/-/openlogin-jrpc-2.6.0.tgz",
-      "integrity": "sha512-hX2b1HSBvC6jSVlXuhgdH8qyE83cj6SEiHjQ5VsHfRUv15wBgzj+x2Yjw5pjvbrnYXzUlFvFySs10EU7na1cuA==",
-      "dependencies": {
-        "@toruslabs/openlogin-utils": "^2.1.0",
-        "end-of-stream": "^1.4.4",
-        "eth-rpc-errors": "^4.0.3",
-        "events": "^3.3.0",
-        "fast-safe-stringify": "^2.1.1",
-        "once": "^1.4.0",
-        "pump": "^3.0.0",
-        "readable-stream": "^3.6.0"
-      },
-      "peerDependencies": {
-        "@babel/runtime": "7.x"
-      }
-    },
-    "node_modules/@toruslabs/openlogin-utils": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@toruslabs/openlogin-utils/-/openlogin-utils-2.1.0.tgz",
-      "integrity": "sha512-UVgjco4winOn4Gj0VRTvjSZgBA84h2OIkKuxrBFjS+yWhgxQBF4hXGp83uicSgx1MujtjyUOdhJrpV2joRHt9w==",
-      "dependencies": {
-        "base64url": "^3.0.1",
-        "keccak": "^3.0.2",
-        "randombytes": "^2.1.0"
-      },
-      "peerDependencies": {
-        "@babel/runtime": "7.x"
-      }
-    },
     "node_modules/@toruslabs/solana-embed": {
-      "version": "0.3.0",
-      "resolved": "file:../../toruslabs-solana-embed-0.3.0.tgz",
-      "integrity": "sha512-thhz1NjQoR+qYsLyBMjUGWMutsdHKhB0zZqZ0Pk0pibGGICQe4yIu9UeUMtjvM40ox9LBBA3bgTRdLAWnTGYUg==",
-      "license": "ISC",
-      "dependencies": {
-        "@solana/web3.js": "^1.63.1",
-        "@toruslabs/base-controllers": "^2.2.3",
-        "@toruslabs/http-helpers": "^3.0.0",
-        "@toruslabs/openlogin-jrpc": "^2.0.0",
-        "eth-rpc-errors": "^4.0.3",
-        "fast-deep-equal": "^3.1.3",
-        "is-stream": "^2.0.1",
-        "lodash-es": "^4.17.21",
-        "loglevel": "^1.8.0",
-        "pump": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=14.17.0",
-        "npm": ">=6.x"
-      },
-      "peerDependencies": {
-        "@babel/runtime": "7.x"
-      }
+      "resolved": "../..",
+      "link": true
     },
     "node_modules/@trysound/sax": {
       "version": "0.2.0",
@@ -2456,14 +2338,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@types/pbkdf2": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@types/pbkdf2/-/pbkdf2-3.1.0.tgz",
-      "integrity": "sha512-Cf63Rv7jCQ0LaL8tNXmEyqTHuIJxRdlS5vMh1mj5voN4+QFhVZnlZruezqpWYDiJ8UTzhP0VmeLXCmBk66YrMQ==",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
     "node_modules/@types/qs": {
       "version": "6.9.7",
       "license": "MIT"
@@ -2477,14 +2351,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@types/secp256k1": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/@types/secp256k1/-/secp256k1-4.0.3.tgz",
-      "integrity": "sha512-Da66lEIFeIz9ltsdMZcpQvmrmmoqrfju8pm1BH8WbYjZSwUgCwXLb9C+9XYogwBITnbsSaMdVPb2ekf7TV+03w==",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
     "node_modules/@types/serve-index": {
       "version": "1.9.1",
       "dev": true,
@@ -3513,6 +3379,7 @@
     },
     "node_modules/acorn": {
       "version": "8.6.0",
+      "dev": true,
       "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
@@ -3816,14 +3683,6 @@
         "lodash": "^4.17.14"
       }
     },
-    "node_modules/async-mutex": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/async-mutex/-/async-mutex-0.3.2.tgz",
-      "integrity": "sha512-HuTK7E7MT7jZEh1P9GtRW9+aTWiDWWi9InbZ5hjxrnRa39KS4BW04+xLBhYNS2aXhHUIKZSw3gj4Pn1pj+qGAA==",
-      "dependencies": {
-        "tslib": "^2.3.1"
-      }
-    },
     "node_modules/at-least-node": {
       "version": "1.0.0",
       "dev": true,
@@ -3977,14 +3836,6 @@
       ],
       "license": "MIT"
     },
-    "node_modules/base64url": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/base64url/-/base64url-3.0.1.tgz",
-      "integrity": "sha512-ir1UPr3dkwexU7FdV8qBBbNDRUhMmIekYMFZfi+C/sLNnRESKPl23nB9b2pltqfOQNnGzsDdId90AEtG5tCx4A==",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
     "node_modules/batch": {
       "version": "0.6.1",
       "dev": true,
@@ -4009,14 +3860,6 @@
         "node": ">= 10.0.0"
       }
     },
-    "node_modules/bignumber.js": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/bignumber.js/-/bignumber.js-9.1.0.tgz",
-      "integrity": "sha512-4LwHK4nfDOraBCtst+wOWIHbu1vhvAPJK8g8nROd4iuc3PSEjWif/qwbkh8jwCJz6yDBvtU4KPynETgrfh7y3A==",
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/binary-extensions": {
       "version": "2.2.0",
       "dev": true,
@@ -4032,15 +3875,6 @@
         "file-uri-to-path": "1.0.0"
       }
     },
-    "node_modules/bip66": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/bip66/-/bip66-1.1.5.tgz",
-      "integrity": "sha512-nemMHz95EmS38a26XbbdxIYj5csHd3RMP3H5bwQknX0WYHF01qhpufP42mLOwVICuH2JmhIhXiWs89MfUGL7Xw==",
-      "optional": true,
-      "dependencies": {
-        "safe-buffer": "^5.0.1"
-      }
-    },
     "node_modules/bl": {
       "version": "4.1.0",
       "dev": true,
@@ -4074,11 +3908,6 @@
         "ieee754": "^1.1.13"
       }
     },
-    "node_modules/blakejs": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/blakejs/-/blakejs-1.2.1.tgz",
-      "integrity": "sha512-QXUSXI3QVc/gJME0dBpXrag1kbzOqCjCX8/b54ntNyW6sjtoqxqRk3LTmXzaJoh71zMsDCjM+47jS7XiwN/+fQ=="
-    },
     "node_modules/bluebird": {
       "version": "3.7.2",
       "dev": true,
@@ -4156,11 +3985,6 @@
         "text-encoding-utf-8": "^1.0.2"
       }
     },
-    "node_modules/bowser": {
-      "version": "2.11.0",
-      "resolved": "https://registry.npmjs.org/bowser/-/bowser-2.11.0.tgz",
-      "integrity": "sha512-AlcaJBi/pqqJBIQ8U9Mcpc9i8Aqxn88Skv5d+xBX006BY5u8N3mGLHa5Lgppa7L/HfwgwLgZ6NYs+Ag6uUmJRA=="
-    },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "dev": true,
@@ -4187,6 +4011,7 @@
     },
     "node_modules/browserify-aes": {
       "version": "1.2.0",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "buffer-xor": "^1.0.3",
@@ -4282,16 +4107,6 @@
         "base-x": "^3.0.2"
       }
     },
-    "node_modules/bs58check": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/bs58check/-/bs58check-2.1.2.tgz",
-      "integrity": "sha512-0TS1jicxdU09dwJMNZtVAfzPi6Q6QeN0pM1Fkzrjn+XYHvzMKPU3pHVpva+769iNVSfIYWf7LJ6WR+BuuMf8cA==",
-      "dependencies": {
-        "bs58": "^4.0.0",
-        "create-hash": "^1.1.0",
-        "safe-buffer": "^5.1.2"
-      }
-    },
     "node_modules/buffer": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
@@ -4339,6 +4154,7 @@
     },
     "node_modules/buffer-xor": {
       "version": "1.0.3",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/bufferutil": {
@@ -4525,6 +4341,7 @@
     },
     "node_modules/cipher-base": {
       "version": "1.0.4",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "inherits": "^2.0.1",
@@ -4979,6 +4796,7 @@
     },
     "node_modules/create-hash": {
       "version": "1.2.0",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "cipher-base": "^1.0.1",
@@ -4990,6 +4808,7 @@
     },
     "node_modules/create-hmac": {
       "version": "1.1.7",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "cipher-base": "^1.0.3",
@@ -5315,6 +5134,7 @@
     },
     "node_modules/debug": {
       "version": "4.3.2",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ms": "2.1.2"
@@ -5574,6 +5394,7 @@
     },
     "node_modules/detect-node": {
       "version": "2.1.0",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/detective": {
@@ -5746,20 +5567,6 @@
       "dev": true,
       "license": "BSD-2-Clause"
     },
-    "node_modules/drbg.js": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/drbg.js/-/drbg.js-1.0.1.tgz",
-      "integrity": "sha512-F4wZ06PvqxYLFEZKkFxTDcns9oFNk34hvmJSEwdzsxVQ8YI5YaxtACgQatkYgv2VI2CFkUd2Y+xosPQnHv809g==",
-      "optional": true,
-      "dependencies": {
-        "browserify-aes": "^1.0.6",
-        "create-hash": "^1.1.2",
-        "create-hmac": "^1.1.4"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
     "node_modules/duplexer": {
       "version": "0.1.2",
       "dev": true,
@@ -5824,51 +5631,12 @@
     },
     "node_modules/end-of-stream": {
       "version": "1.4.4",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "once": "^1.4.0"
       }
     },
-    "node_modules/engine.io-client": {
-      "version": "6.2.3",
-      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.2.3.tgz",
-      "integrity": "sha512-aXPtgF1JS3RuuKcpSrBtimSjYvrbhKW9froICH4s0F3XQWLxsKNxqzG39nnvQZQnva4CMvUK63T7shevxRyYHw==",
-      "dependencies": {
-        "@socket.io/component-emitter": "~3.1.0",
-        "debug": "~4.3.1",
-        "engine.io-parser": "~5.0.3",
-        "ws": "~8.2.3",
-        "xmlhttprequest-ssl": "~2.0.0"
-      }
-    },
-    "node_modules/engine.io-client/node_modules/ws": {
-      "version": "8.2.3",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.2.3.tgz",
-      "integrity": "sha512-wBuoj1BDpC6ZQ1B7DWQBYVLphPWkm8i9Y0/3YdHjHKHiohOJ1ws+3OccDWtH+PoC9DZD5WOTrJvNbWvjS6JWaA==",
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "bufferutil": "^4.0.1",
-        "utf-8-validate": "^5.0.2"
-      },
-      "peerDependenciesMeta": {
-        "bufferutil": {
-          "optional": true
-        },
-        "utf-8-validate": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/engine.io-parser": {
-      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.0.4.tgz",
-      "integrity": "sha512-+nVFp+5z1E3HcToEnO7ZIj3g+3k9389DvWtvJZz0T6/eOCPIyyxehFcedoYrZQrp0LgQbD9pPXhpMBKMd5QURg==",
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
     "node_modules/enhanced-resolve": {
       "version": "5.8.3",
       "dev": true,
@@ -6536,59 +6304,6 @@
         "node": ">= 0.6"
       }
     },
-    "node_modules/eth-rpc-errors": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/eth-rpc-errors/-/eth-rpc-errors-4.0.3.tgz",
-      "integrity": "sha512-Z3ymjopaoft7JDoxZcEb3pwdGh7yiYMhOwm2doUt6ASXlMavpNlK6Cre0+IMl2VSGyEU9rkiperQhp5iRxn5Pg==",
-      "dependencies": {
-        "fast-safe-stringify": "^2.0.6"
-      }
-    },
-    "node_modules/ethereum-cryptography": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/ethereum-cryptography/-/ethereum-cryptography-0.1.3.tgz",
-      "integrity": "sha512-w8/4x1SGGzc+tO97TASLja6SLd3fRIK2tLVcV2Gx4IB21hE19atll5Cq9o3d0ZmAYC/8aw0ipieTSiekAea4SQ==",
-      "dependencies": {
-        "@types/pbkdf2": "^3.0.0",
-        "@types/secp256k1": "^4.0.1",
-        "blakejs": "^1.1.0",
-        "browserify-aes": "^1.2.0",
-        "bs58check": "^2.1.2",
-        "create-hash": "^1.2.0",
-        "create-hmac": "^1.1.7",
-        "hash.js": "^1.1.7",
-        "keccak": "^3.0.0",
-        "pbkdf2": "^3.0.17",
-        "randombytes": "^2.1.0",
-        "safe-buffer": "^5.1.2",
-        "scrypt-js": "^3.0.0",
-        "secp256k1": "^4.0.1",
-        "setimmediate": "^1.0.5"
-      }
-    },
-    "node_modules/ethereumjs-util": {
-      "version": "7.1.5",
-      "resolved": "https://registry.npmjs.org/ethereumjs-util/-/ethereumjs-util-7.1.5.tgz",
-      "integrity": "sha512-SDl5kKrQAudFBUe5OJM9Ac6WmMyYmXX/6sTmLZ3ffG2eY6ZIGBes3pEDxNN6V72WyOw4CPD5RomKdsa8DAAwLg==",
-      "dependencies": {
-        "@types/bn.js": "^5.1.0",
-        "bn.js": "^5.1.2",
-        "create-hash": "^1.1.2",
-        "ethereum-cryptography": "^0.1.3",
-        "rlp": "^2.2.4"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/ethereumjs-util/node_modules/@types/bn.js": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/@types/bn.js/-/bn.js-5.1.1.tgz",
-      "integrity": "sha512-qNrYbZqMx0uJAfKnKclPh+dTwK33KfLHYqtyODwd5HnXOjnkhc4qgn3BrK6RWyGZm5+sIFE7Q7Vz6QQtJB7w7g==",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
     "node_modules/event-pubsub": {
       "version": "4.3.0",
       "dev": true,
@@ -6603,6 +6318,7 @@
     },
     "node_modules/events": {
       "version": "3.3.0",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.8.x"
@@ -6610,6 +6326,7 @@
     },
     "node_modules/evp_bytestokey": {
       "version": "1.0.3",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "md5.js": "^1.3.4",
@@ -6712,6 +6429,7 @@
     },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/fast-glob": {
@@ -6740,11 +6458,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/fast-safe-stringify": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/fast-safe-stringify/-/fast-safe-stringify-2.1.1.tgz",
-      "integrity": "sha512-W+KJc2dmILlPplD/H4K9l9LcAHAfPtP6BY84uVLXQ6Evcz9Lcg33Y2z1IVblT6xdY54PXYVHEv+0Wpq8Io6zkA=="
-    },
     "node_modules/fast-stable-stringify": {
       "version": "1.0.0",
       "license": "MIT"
@@ -7351,6 +7064,7 @@
     },
     "node_modules/hash-base": {
       "version": "3.1.0",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "inherits": "^2.0.4",
@@ -8061,16 +7775,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-stream": {
-      "version": "2.0.1",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/is-string": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
@@ -8323,24 +8027,11 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/json-rpc-random-id": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-rpc-random-id/-/json-rpc-random-id-1.0.1.tgz",
-      "integrity": "sha512-RJ9YYNCkhVDBuP4zN5BBtYAzEl03yq/jIIsyif0JY9qyJuQQZNeDK7anAPKKlyEtLSj2s8h6hNh2F8zO5q7ScA=="
-    },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/json-stable-stringify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz",
-      "integrity": "sha512-i/J297TW6xyj7sDFa7AmBPkQvLIxWr2kKPWI26tXydnZrzVAocNqn5DMNT1Mzk0vit1V5UkRM7C1KdVNp7Lmcg==",
-      "dependencies": {
-        "jsonify": "~0.0.0"
-      }
-    },
     "node_modules/json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
       "dev": true,
@@ -8375,14 +8066,6 @@
         "graceful-fs": "^4.1.6"
       }
     },
-    "node_modules/jsonify": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.1.tgz",
-      "integrity": "sha512-2/Ki0GcmuqSrgFyelQq9M05y7PS0mEwuIzrf3f1fPqkVDVRvZrPZtVSMHxdgo8Aq0sxAOb/cr2aqqA3LeWHVPg==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/jsonparse": {
       "version": "1.3.1",
       "engines": [
@@ -8404,20 +8087,6 @@
         "node": "*"
       }
     },
-    "node_modules/keccak": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/keccak/-/keccak-3.0.2.tgz",
-      "integrity": "sha512-PyKKjkH53wDMLGrvmRGSNWgmSxZOUqbnXwKL9tmgbFYA1iAYqW21kfR7mZXV0MlESiefxQQE9X9fTa3X+2MPDQ==",
-      "hasInstallScript": true,
-      "dependencies": {
-        "node-addon-api": "^2.0.0",
-        "node-gyp-build": "^4.2.0",
-        "readable-stream": "^3.6.0"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
     "node_modules/kind-of": {
       "version": "6.0.3",
       "dev": true,
@@ -8524,10 +8193,6 @@
       "version": "4.17.21",
       "license": "MIT"
     },
-    "node_modules/lodash-es": {
-      "version": "4.17.21",
-      "license": "MIT"
-    },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
       "dev": true,
@@ -8555,6 +8220,7 @@
     },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/lodash.truncate": {
@@ -8749,19 +8415,7 @@
         "strip-ansi": "^4.0.0"
       },
       "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/loglevel": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.8.0.tgz",
-      "integrity": "sha512-G6A/nJLRgWOuuwdNuA6koovfEV1YpqqAG4pRUlFaz3jj2QNZ8M4vBqnVA+HBTmU/AMNUtlOsMmSpF6NyOjztbA==",
-      "engines": {
-        "node": ">= 0.6.0"
-      },
-      "funding": {
-        "type": "tidelift",
-        "url": "https://tidelift.com/funding/github/npm/loglevel"
+        "node": ">=4"
       }
     },
     "node_modules/lower-case": {
@@ -8814,6 +8468,7 @@
     },
     "node_modules/md5.js": {
       "version": "1.3.5",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "hash-base": "^3.0.0",
@@ -9072,6 +8727,7 @@
     },
     "node_modules/ms": {
       "version": "2.1.2",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/multicast-dns": {
@@ -9101,11 +8757,6 @@
         "thenify-all": "^1.0.0"
       }
     },
-    "node_modules/nan": {
-      "version": "2.17.0",
-      "resolved": "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz",
-      "integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ=="
-    },
     "node_modules/nanoid": {
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
@@ -9330,11 +8981,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/oblivious-set": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/oblivious-set/-/oblivious-set-1.1.1.tgz",
-      "integrity": "sha512-Oh+8fK09mgGmAshFdH6hSVco6KZmd1tTwNFWj35OvzdmJTMZtAkbn05zar2iG3v6sDs1JLEtOiBGNb6BHwkb2w=="
-    },
     "node_modules/obuf": {
       "version": "1.1.2",
       "dev": true,
@@ -9361,6 +9007,7 @@
     },
     "node_modules/once": {
       "version": "1.4.0",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "wrappy": "1"
@@ -9733,6 +9380,7 @@
     },
     "node_modules/pbkdf2": {
       "version": "3.1.2",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "create-hash": "^1.1.2",
@@ -10517,6 +10165,7 @@
     },
     "node_modules/pump": {
       "version": "3.0.0",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "end-of-stream": "^1.1.0",
@@ -10579,6 +10228,7 @@
     },
     "node_modules/randombytes": {
       "version": "2.1.0",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "safe-buffer": "^5.1.0"
@@ -10673,6 +10323,7 @@
     },
     "node_modules/readable-stream": {
       "version": "3.6.0",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "inherits": "^2.0.3",
@@ -10900,23 +10551,13 @@
     },
     "node_modules/ripemd160": {
       "version": "2.0.2",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "hash-base": "^3.0.0",
         "inherits": "^2.0.1"
       }
     },
-    "node_modules/rlp": {
-      "version": "2.2.7",
-      "resolved": "https://registry.npmjs.org/rlp/-/rlp-2.2.7.tgz",
-      "integrity": "sha512-d5gdPmgQ0Z+AklL2NVXr/IoSjNZFfTVvQWzL/AM2AOcSzYP2xjlb0AC8YyCLc41MSNf6P6QVtjgPdmVtzb+4lQ==",
-      "dependencies": {
-        "bn.js": "^5.2.0"
-      },
-      "bin": {
-        "rlp": "bin/rlp"
-      }
-    },
     "node_modules/rpc-websockets": {
       "version": "7.5.0",
       "resolved": "https://registry.npmjs.org/rpc-websockets/-/rpc-websockets-7.5.0.tgz",
@@ -11025,11 +10666,6 @@
         "url": "https://opencollective.com/webpack"
       }
     },
-    "node_modules/scrypt-js": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/scrypt-js/-/scrypt-js-3.0.1.tgz",
-      "integrity": "sha512-cdwTTnqPu0Hyvf5in5asVdZocVDTNRmR7XEcJuIzMjJeSHybHl7vpB66AzwTaIg6CLSbtjcxc8fqcySfnTkccA=="
-    },
     "node_modules/secp256k1": {
       "version": "4.0.2",
       "hasInstallScript": true,
@@ -11198,11 +10834,6 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/setimmediate": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
-      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA=="
-    },
     "node_modules/setprototypeof": {
       "version": "1.1.1",
       "dev": true,
@@ -11210,6 +10841,7 @@
     },
     "node_modules/sha.js": {
       "version": "2.4.11",
+      "dev": true,
       "license": "(MIT AND BSD-3-Clause)",
       "dependencies": {
         "inherits": "^2.0.1",
@@ -11340,32 +10972,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/socket.io-client": {
-      "version": "4.5.3",
-      "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-4.5.3.tgz",
-      "integrity": "sha512-I/hqDYpQ6JKwtJOf5ikM+Qz+YujZPMEl6qBLhxiP0nX+TfXKhW4KZZG8lamrD6Y5ngjmYHreESVasVCgi5Kl3A==",
-      "dependencies": {
-        "@socket.io/component-emitter": "~3.1.0",
-        "debug": "~4.3.2",
-        "engine.io-client": "~6.2.3",
-        "socket.io-parser": "~4.2.0"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/socket.io-parser": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.1.tgz",
-      "integrity": "sha512-V4GrkLy+HeF1F/en3SpUaM+7XxYXpuMUWLGde1kSSh5nQMN4hLrbPIkD+otwh6q9R6NOQBN4AMaOZ2zVjui82g==",
-      "dependencies": {
-        "@socket.io/component-emitter": "~3.1.0",
-        "debug": "~4.3.1"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
     "node_modules/sockjs": {
       "version": "0.3.21",
       "dev": true,
@@ -11517,6 +11123,7 @@
     },
     "node_modules/string_decoder": {
       "version": "1.3.0",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "safe-buffer": "~5.2.0"
@@ -12083,6 +11690,7 @@
     },
     "node_modules/tslib": {
       "version": "2.3.1",
+      "dev": true,
       "license": "0BSD"
     },
     "node_modules/tsutils": {
@@ -12210,15 +11818,6 @@
         "node": ">= 10.0.0"
       }
     },
-    "node_modules/unload": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/unload/-/unload-2.3.1.tgz",
-      "integrity": "sha512-MUZEiDqvAN9AIDRbbBnVYVvfcR6DrjCqeU2YQMmliFZl9uaBUjTkhuDQkBiyAy8ad5bx1TXVbqZ3gg7namsWjA==",
-      "dependencies": {
-        "@babel/runtime": "^7.6.2",
-        "detect-node": "2.1.0"
-      }
-    },
     "node_modules/unpipe": {
       "version": "1.0.0",
       "dev": true,
@@ -12303,6 +11902,7 @@
     },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/utila": {
@@ -13054,6 +12654,7 @@
     },
     "node_modules/wrappy": {
       "version": "1.0.2",
+      "dev": true,
       "license": "ISC"
     },
     "node_modules/ws": {
@@ -13075,14 +12676,6 @@
         }
       }
     },
-    "node_modules/xmlhttprequest-ssl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-2.0.0.tgz",
-      "integrity": "sha512-QKxVRxiRACQcVuQEYFsI1hhkrMlrXHPegbbd1yn9UHOmRxY+si12nQYzri3vbzt8VdTTRviqcKxcyllFas5z2A==",
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
     "node_modules/xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
@@ -14370,11 +13963,6 @@
       "version": "2.0.0",
       "dev": true
     },
-    "@socket.io/component-emitter": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.0.tgz",
-      "integrity": "sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg=="
-    },
     "@soda/friendly-errors-webpack-plugin": {
       "version": "1.8.1",
       "dev": true,
@@ -14478,136 +14066,51 @@
         }
       }
     },
-    "@toruslabs/base-controllers": {
-      "version": "2.2.6",
-      "resolved": "https://registry.npmjs.org/@toruslabs/base-controllers/-/base-controllers-2.2.6.tgz",
-      "integrity": "sha512-spN4ltQv9ulzgxZIskfME4i1qSaW+eywpEJuOjRJ3vw07WPydXNzO4xAMHoE4Q5Wf/Y34rZUwJcLYjqieM+rgQ==",
-      "requires": {
-        "@toruslabs/broadcast-channel": "^6.0.0",
-        "@toruslabs/http-helpers": "^3.0.0",
-        "@toruslabs/openlogin-jrpc": "^2.1.0",
-        "async-mutex": "^0.3.2",
-        "bignumber.js": "^9.0.2",
-        "bowser": "^2.11.0",
-        "eth-rpc-errors": "^4.0.3",
-        "ethereumjs-util": "^7.1.5",
-        "json-rpc-random-id": "^1.0.1",
-        "lodash": "^4.17.21",
-        "loglevel": "^1.8.0"
-      }
-    },
-    "@toruslabs/broadcast-channel": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@toruslabs/broadcast-channel/-/broadcast-channel-6.1.0.tgz",
-      "integrity": "sha512-7aBVHA2RXI1RQaoMPTmb4jBVcQYp9/cxrMbQ90BEX1tDu11abS0MYjxR3ZfvyRQuU9RqRWeaG0leul5xouV6kA==",
-      "requires": {
-        "@babel/runtime": "^7.17.9",
-        "@toruslabs/eccrypto": "^1.1.8",
-        "@toruslabs/metadata-helpers": "^3.0.0",
-        "bowser": "^2.11.0",
-        "keccak": "^3.0.2",
-        "loglevel": "^1.8.0",
-        "oblivious-set": "1.1.1",
-        "socket.io-client": "^4.5.1",
-        "unload": "^2.3.1"
-      }
-    },
-    "@toruslabs/eccrypto": {
-      "version": "1.1.8",
-      "resolved": "https://registry.npmjs.org/@toruslabs/eccrypto/-/eccrypto-1.1.8.tgz",
-      "integrity": "sha512-5dIrO2KVqvnAPOPfJ2m6bnjp9vav9GIcCZXiXRW/bJuIDRLVxJhVvRlleF4oaEZPq5yX5piHq5jVHagNNS0jOQ==",
-      "requires": {
-        "acorn": "^8.4.1",
-        "elliptic": "^6.5.4",
-        "es6-promise": "^4.2.8",
-        "nan": "^2.14.2",
-        "secp256k1": "^3.8.0"
-      },
-      "dependencies": {
-        "bn.js": {
-          "version": "4.12.0",
-          "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
-          "integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
-          "optional": true
-        },
-        "secp256k1": {
-          "version": "3.8.0",
-          "resolved": "https://registry.npmjs.org/secp256k1/-/secp256k1-3.8.0.tgz",
-          "integrity": "sha512-k5ke5avRZbtl9Tqx/SA7CbY3NF6Ro+Sj9cZxezFzuBlLDmyqPiL8hJJ+EmzD8Ig4LUDByHJ3/iPOVoRixs/hmw==",
-          "optional": true,
-          "requires": {
-            "bindings": "^1.5.0",
-            "bip66": "^1.1.5",
-            "bn.js": "^4.11.8",
-            "create-hash": "^1.2.0",
-            "drbg.js": "^1.0.1",
-            "elliptic": "^6.5.2",
-            "nan": "^2.14.0",
-            "safe-buffer": "^5.1.2"
-          }
-        }
-      }
-    },
-    "@toruslabs/http-helpers": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/@toruslabs/http-helpers/-/http-helpers-3.2.0.tgz",
-      "integrity": "sha512-fCfvBHfYzd7AyOYlBo7wihh5nj6+4Ik6V5+nI7H63oiKICjMlByTXSauTUa/qm2mjZJn/OmVYeV5guPIgxoW1w==",
-      "requires": {
-        "lodash.merge": "^4.6.2",
-        "loglevel": "^1.8.0"
-      }
-    },
-    "@toruslabs/metadata-helpers": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@toruslabs/metadata-helpers/-/metadata-helpers-3.0.0.tgz",
-      "integrity": "sha512-0eWCIbKpaBx3/z3BDyWebxUisCS37Uxb0zxOEWizSXjGH/T6TJCrBeZFPmANN3hq47GoNCsRiku9cgfij1UMTQ==",
-      "requires": {
-        "@toruslabs/eccrypto": "^1.1.8",
-        "@toruslabs/http-helpers": "^3.0.0",
-        "elliptic": "^6.5.4",
-        "json-stable-stringify": "^1.0.1",
-        "keccak": "^3.0.2"
-      }
-    },
-    "@toruslabs/openlogin-jrpc": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/@toruslabs/openlogin-jrpc/-/openlogin-jrpc-2.6.0.tgz",
-      "integrity": "sha512-hX2b1HSBvC6jSVlXuhgdH8qyE83cj6SEiHjQ5VsHfRUv15wBgzj+x2Yjw5pjvbrnYXzUlFvFySs10EU7na1cuA==",
-      "requires": {
-        "@toruslabs/openlogin-utils": "^2.1.0",
-        "end-of-stream": "^1.4.4",
-        "eth-rpc-errors": "^4.0.3",
-        "events": "^3.3.0",
-        "fast-safe-stringify": "^2.1.1",
-        "once": "^1.4.0",
-        "pump": "^3.0.0",
-        "readable-stream": "^3.6.0"
-      }
-    },
-    "@toruslabs/openlogin-utils": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@toruslabs/openlogin-utils/-/openlogin-utils-2.1.0.tgz",
-      "integrity": "sha512-UVgjco4winOn4Gj0VRTvjSZgBA84h2OIkKuxrBFjS+yWhgxQBF4hXGp83uicSgx1MujtjyUOdhJrpV2joRHt9w==",
-      "requires": {
-        "base64url": "^3.0.1",
-        "keccak": "^3.0.2",
-        "randombytes": "^2.1.0"
-      }
-    },
     "@toruslabs/solana-embed": {
-      "version": "file:../../toruslabs-solana-embed-0.3.0.tgz",
-      "integrity": "sha512-thhz1NjQoR+qYsLyBMjUGWMutsdHKhB0zZqZ0Pk0pibGGICQe4yIu9UeUMtjvM40ox9LBBA3bgTRdLAWnTGYUg==",
-      "requires": {
-        "@solana/web3.js": "^1.63.1",
-        "@toruslabs/base-controllers": "^2.2.3",
-        "@toruslabs/http-helpers": "^3.0.0",
-        "@toruslabs/openlogin-jrpc": "^2.0.0",
+      "version": "file:../..",
+      "requires": {
+        "@babel/register": "^7.21.0",
+        "@babel/runtime": "^7.21.5",
+        "@commitlint/cli": "^17.6.3",
+        "@commitlint/config-conventional": "^17.6.3",
+        "@commitlint/is-ignored": "^17.6.3",
+        "@rollup/plugin-json": "^6.0.0",
+        "@solana/web3.js": "^1.76.0",
+        "@toruslabs/base-controllers": "^3.0.1",
+        "@toruslabs/eslint-config-typescript": "^2.0.0",
+        "@toruslabs/http-helpers": "^4.0.0",
+        "@toruslabs/openlogin-jrpc": "^4.4.0",
+        "@toruslabs/torus-scripts": "^4.0.0",
+        "@types/bs58": "^4.0.1",
+        "@types/node": "^18.15.3",
+        "@types/once": "^1.4.0",
+        "@types/pump": "^1.1.1",
+        "@types/readable-stream": "^2.3.15",
+        "@typescript-eslint/eslint-plugin": "^5.59.7",
+        "@typescript-eslint/parser": "^5.59.7",
+        "cross-env": "^7.0.3",
+        "eslint": "^8.41.0",
+        "eslint-plugin-import": "^2.27.5",
+        "eslint-plugin-mocha": "^10.1.0",
+        "eslint-plugin-n": "^15.6.1",
+        "eslint-plugin-prettier": "^4.2.1",
+        "eslint-plugin-promise": "^6.1.1",
+        "eslint-plugin-simple-import-sort": "^10.0.0",
+        "eslint-plugin-tsdoc": "^0.2.17",
         "eth-rpc-errors": "^4.0.3",
         "fast-deep-equal": "^3.1.3",
+        "husky": "^8.0.3",
         "is-stream": "^2.0.1",
+        "lint-staged": "^13.2.2",
         "lodash-es": "^4.17.21",
-        "loglevel": "^1.8.0",
-        "pump": "^3.0.0"
+        "loglevel": "^1.8.1",
+        "mocha": "^10.2.0",
+        "prettier": "^2.8.8",
+        "pump": "^3.0.0",
+        "puppeteer": "^20.3.0",
+        "rimraf": "^5.0.1",
+        "ts-node": "^10.9.1",
+        "typescript": "^4.9.5"
       }
     },
     "@trysound/sax": {
@@ -14751,14 +14254,6 @@
       "version": "4.0.0",
       "dev": true
     },
-    "@types/pbkdf2": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@types/pbkdf2/-/pbkdf2-3.1.0.tgz",
-      "integrity": "sha512-Cf63Rv7jCQ0LaL8tNXmEyqTHuIJxRdlS5vMh1mj5voN4+QFhVZnlZruezqpWYDiJ8UTzhP0VmeLXCmBk66YrMQ==",
-      "requires": {
-        "@types/node": "*"
-      }
-    },
     "@types/qs": {
       "version": "6.9.7"
     },
@@ -14769,14 +14264,6 @@
       "version": "0.12.1",
       "dev": true
     },
-    "@types/secp256k1": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/@types/secp256k1/-/secp256k1-4.0.3.tgz",
-      "integrity": "sha512-Da66lEIFeIz9ltsdMZcpQvmrmmoqrfju8pm1BH8WbYjZSwUgCwXLb9C+9XYogwBITnbsSaMdVPb2ekf7TV+03w==",
-      "requires": {
-        "@types/node": "*"
-      }
-    },
     "@types/serve-index": {
       "version": "1.9.1",
       "dev": true,
@@ -15500,7 +14987,8 @@
       }
     },
     "acorn": {
-      "version": "8.6.0"
+      "version": "8.6.0",
+      "dev": true
     },
     "acorn-import-assertions": {
       "version": "1.8.0",
@@ -15698,14 +15186,6 @@
         "lodash": "^4.17.14"
       }
     },
-    "async-mutex": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/async-mutex/-/async-mutex-0.3.2.tgz",
-      "integrity": "sha512-HuTK7E7MT7jZEh1P9GtRW9+aTWiDWWi9InbZ5hjxrnRa39KS4BW04+xLBhYNS2aXhHUIKZSw3gj4Pn1pj+qGAA==",
-      "requires": {
-        "tslib": "^2.3.1"
-      }
-    },
     "at-least-node": {
       "version": "1.0.0",
       "dev": true
@@ -15790,11 +15270,6 @@
     "base64-js": {
       "version": "1.5.1"
     },
-    "base64url": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/base64url/-/base64url-3.0.1.tgz",
-      "integrity": "sha512-ir1UPr3dkwexU7FdV8qBBbNDRUhMmIekYMFZfi+C/sLNnRESKPl23nB9b2pltqfOQNnGzsDdId90AEtG5tCx4A=="
-    },
     "batch": {
       "version": "0.6.1",
       "dev": true
@@ -15809,11 +15284,6 @@
         "bindings": "^1.3.0"
       }
     },
-    "bignumber.js": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/bignumber.js/-/bignumber.js-9.1.0.tgz",
-      "integrity": "sha512-4LwHK4nfDOraBCtst+wOWIHbu1vhvAPJK8g8nROd4iuc3PSEjWif/qwbkh8jwCJz6yDBvtU4KPynETgrfh7y3A=="
-    },
     "binary-extensions": {
       "version": "2.2.0",
       "dev": true
@@ -15824,15 +15294,6 @@
         "file-uri-to-path": "1.0.0"
       }
     },
-    "bip66": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/bip66/-/bip66-1.1.5.tgz",
-      "integrity": "sha512-nemMHz95EmS38a26XbbdxIYj5csHd3RMP3H5bwQknX0WYHF01qhpufP42mLOwVICuH2JmhIhXiWs89MfUGL7Xw==",
-      "optional": true,
-      "requires": {
-        "safe-buffer": "^5.0.1"
-      }
-    },
     "bl": {
       "version": "4.1.0",
       "dev": true,
@@ -15852,11 +15313,6 @@
         }
       }
     },
-    "blakejs": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/blakejs/-/blakejs-1.2.1.tgz",
-      "integrity": "sha512-QXUSXI3QVc/gJME0dBpXrag1kbzOqCjCX8/b54ntNyW6sjtoqxqRk3LTmXzaJoh71zMsDCjM+47jS7XiwN/+fQ=="
-    },
     "bluebird": {
       "version": "3.7.2",
       "dev": true
@@ -15921,11 +15377,6 @@
         "text-encoding-utf-8": "^1.0.2"
       }
     },
-    "bowser": {
-      "version": "2.11.0",
-      "resolved": "https://registry.npmjs.org/bowser/-/bowser-2.11.0.tgz",
-      "integrity": "sha512-AlcaJBi/pqqJBIQ8U9Mcpc9i8Aqxn88Skv5d+xBX006BY5u8N3mGLHa5Lgppa7L/HfwgwLgZ6NYs+Ag6uUmJRA=="
-    },
     "brace-expansion": {
       "version": "1.1.11",
       "dev": true,
@@ -15946,6 +15397,7 @@
     },
     "browserify-aes": {
       "version": "1.2.0",
+      "dev": true,
       "requires": {
         "buffer-xor": "^1.0.3",
         "cipher-base": "^1.0.0",
@@ -16023,16 +15475,6 @@
         "base-x": "^3.0.2"
       }
     },
-    "bs58check": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/bs58check/-/bs58check-2.1.2.tgz",
-      "integrity": "sha512-0TS1jicxdU09dwJMNZtVAfzPi6Q6QeN0pM1Fkzrjn+XYHvzMKPU3pHVpva+769iNVSfIYWf7LJ6WR+BuuMf8cA==",
-      "requires": {
-        "bs58": "^4.0.0",
-        "create-hash": "^1.1.0",
-        "safe-buffer": "^5.1.2"
-      }
-    },
     "buffer": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
@@ -16058,7 +15500,8 @@
       "version": "1.2.2"
     },
     "buffer-xor": {
-      "version": "1.0.3"
+      "version": "1.0.3",
+      "dev": true
     },
     "bufferutil": {
       "version": "4.0.5",
@@ -16174,6 +15617,7 @@
     },
     "cipher-base": {
       "version": "1.0.4",
+      "dev": true,
       "requires": {
         "inherits": "^2.0.1",
         "safe-buffer": "^5.0.1"
@@ -16489,6 +15933,7 @@
     },
     "create-hash": {
       "version": "1.2.0",
+      "dev": true,
       "requires": {
         "cipher-base": "^1.0.1",
         "inherits": "^2.0.1",
@@ -16499,6 +15944,7 @@
     },
     "create-hmac": {
       "version": "1.1.7",
+      "dev": true,
       "requires": {
         "cipher-base": "^1.0.3",
         "create-hash": "^1.1.0",
@@ -16706,6 +16152,7 @@
     },
     "debug": {
       "version": "4.3.2",
+      "dev": true,
       "requires": {
         "ms": "2.1.2"
       }
@@ -16863,7 +16310,8 @@
       "dev": true
     },
     "detect-node": {
-      "version": "2.1.0"
+      "version": "2.1.0",
+      "dev": true
     },
     "detective": {
       "version": "5.2.1",
@@ -16991,17 +16439,6 @@
       "version": "5.1.0",
       "dev": true
     },
-    "drbg.js": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/drbg.js/-/drbg.js-1.0.1.tgz",
-      "integrity": "sha512-F4wZ06PvqxYLFEZKkFxTDcns9oFNk34hvmJSEwdzsxVQ8YI5YaxtACgQatkYgv2VI2CFkUd2Y+xosPQnHv809g==",
-      "optional": true,
-      "requires": {
-        "browserify-aes": "^1.0.6",
-        "create-hash": "^1.1.2",
-        "create-hmac": "^1.1.4"
-      }
-    },
     "duplexer": {
       "version": "0.1.2",
       "dev": true
@@ -17051,35 +16488,11 @@
     },
     "end-of-stream": {
       "version": "1.4.4",
+      "dev": true,
       "requires": {
         "once": "^1.4.0"
       }
     },
-    "engine.io-client": {
-      "version": "6.2.3",
-      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.2.3.tgz",
-      "integrity": "sha512-aXPtgF1JS3RuuKcpSrBtimSjYvrbhKW9froICH4s0F3XQWLxsKNxqzG39nnvQZQnva4CMvUK63T7shevxRyYHw==",
-      "requires": {
-        "@socket.io/component-emitter": "~3.1.0",
-        "debug": "~4.3.1",
-        "engine.io-parser": "~5.0.3",
-        "ws": "~8.2.3",
-        "xmlhttprequest-ssl": "~2.0.0"
-      },
-      "dependencies": {
-        "ws": {
-          "version": "8.2.3",
-          "resolved": "https://registry.npmjs.org/ws/-/ws-8.2.3.tgz",
-          "integrity": "sha512-wBuoj1BDpC6ZQ1B7DWQBYVLphPWkm8i9Y0/3YdHjHKHiohOJ1ws+3OccDWtH+PoC9DZD5WOTrJvNbWvjS6JWaA==",
-          "requires": {}
-        }
-      }
-    },
-    "engine.io-parser": {
-      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.0.4.tgz",
-      "integrity": "sha512-+nVFp+5z1E3HcToEnO7ZIj3g+3k9389DvWtvJZz0T6/eOCPIyyxehFcedoYrZQrp0LgQbD9pPXhpMBKMd5QURg=="
-    },
     "enhanced-resolve": {
       "version": "5.8.3",
       "dev": true,
@@ -17500,58 +16913,6 @@
       "version": "1.8.1",
       "dev": true
     },
-    "eth-rpc-errors": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/eth-rpc-errors/-/eth-rpc-errors-4.0.3.tgz",
-      "integrity": "sha512-Z3ymjopaoft7JDoxZcEb3pwdGh7yiYMhOwm2doUt6ASXlMavpNlK6Cre0+IMl2VSGyEU9rkiperQhp5iRxn5Pg==",
-      "requires": {
-        "fast-safe-stringify": "^2.0.6"
-      }
-    },
-    "ethereum-cryptography": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/ethereum-cryptography/-/ethereum-cryptography-0.1.3.tgz",
-      "integrity": "sha512-w8/4x1SGGzc+tO97TASLja6SLd3fRIK2tLVcV2Gx4IB21hE19atll5Cq9o3d0ZmAYC/8aw0ipieTSiekAea4SQ==",
-      "requires": {
-        "@types/pbkdf2": "^3.0.0",
-        "@types/secp256k1": "^4.0.1",
-        "blakejs": "^1.1.0",
-        "browserify-aes": "^1.2.0",
-        "bs58check": "^2.1.2",
-        "create-hash": "^1.2.0",
-        "create-hmac": "^1.1.7",
-        "hash.js": "^1.1.7",
-        "keccak": "^3.0.0",
-        "pbkdf2": "^3.0.17",
-        "randombytes": "^2.1.0",
-        "safe-buffer": "^5.1.2",
-        "scrypt-js": "^3.0.0",
-        "secp256k1": "^4.0.1",
-        "setimmediate": "^1.0.5"
-      }
-    },
-    "ethereumjs-util": {
-      "version": "7.1.5",
-      "resolved": "https://registry.npmjs.org/ethereumjs-util/-/ethereumjs-util-7.1.5.tgz",
-      "integrity": "sha512-SDl5kKrQAudFBUe5OJM9Ac6WmMyYmXX/6sTmLZ3ffG2eY6ZIGBes3pEDxNN6V72WyOw4CPD5RomKdsa8DAAwLg==",
-      "requires": {
-        "@types/bn.js": "^5.1.0",
-        "bn.js": "^5.1.2",
-        "create-hash": "^1.1.2",
-        "ethereum-cryptography": "^0.1.3",
-        "rlp": "^2.2.4"
-      },
-      "dependencies": {
-        "@types/bn.js": {
-          "version": "5.1.1",
-          "resolved": "https://registry.npmjs.org/@types/bn.js/-/bn.js-5.1.1.tgz",
-          "integrity": "sha512-qNrYbZqMx0uJAfKnKclPh+dTwK33KfLHYqtyODwd5HnXOjnkhc4qgn3BrK6RWyGZm5+sIFE7Q7Vz6QQtJB7w7g==",
-          "requires": {
-            "@types/node": "*"
-          }
-        }
-      }
-    },
     "event-pubsub": {
       "version": "4.3.0",
       "dev": true
@@ -17560,10 +16921,12 @@
       "version": "4.0.7"
     },
     "events": {
-      "version": "3.3.0"
+      "version": "3.3.0",
+      "dev": true
     },
     "evp_bytestokey": {
       "version": "1.0.3",
+      "dev": true,
       "requires": {
         "md5.js": "^1.3.4",
         "safe-buffer": "^5.1.1"
@@ -17649,7 +17012,8 @@
       "version": "0.1.8"
     },
     "fast-deep-equal": {
-      "version": "3.1.3"
+      "version": "3.1.3",
+      "dev": true
     },
     "fast-glob": {
       "version": "3.2.12",
@@ -17672,11 +17036,6 @@
       "version": "2.0.6",
       "dev": true
     },
-    "fast-safe-stringify": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/fast-safe-stringify/-/fast-safe-stringify-2.1.1.tgz",
-      "integrity": "sha512-W+KJc2dmILlPplD/H4K9l9LcAHAfPtP6BY84uVLXQ6Evcz9Lcg33Y2z1IVblT6xdY54PXYVHEv+0Wpq8Io6zkA=="
-    },
     "fast-stable-stringify": {
       "version": "1.0.0"
     },
@@ -18052,6 +17411,7 @@
     },
     "hash-base": {
       "version": "3.1.0",
+      "dev": true,
       "requires": {
         "inherits": "^2.0.4",
         "readable-stream": "^3.6.0",
@@ -18493,9 +17853,6 @@
         "call-bind": "^1.0.2"
       }
     },
-    "is-stream": {
-      "version": "2.0.1"
-    },
     "is-string": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
@@ -18663,23 +18020,10 @@
       "version": "2.3.1",
       "dev": true
     },
-    "json-rpc-random-id": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-rpc-random-id/-/json-rpc-random-id-1.0.1.tgz",
-      "integrity": "sha512-RJ9YYNCkhVDBuP4zN5BBtYAzEl03yq/jIIsyif0JY9qyJuQQZNeDK7anAPKKlyEtLSj2s8h6hNh2F8zO5q7ScA=="
-    },
     "json-schema-traverse": {
       "version": "0.4.1",
       "dev": true
     },
-    "json-stable-stringify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz",
-      "integrity": "sha512-i/J297TW6xyj7sDFa7AmBPkQvLIxWr2kKPWI26tXydnZrzVAocNqn5DMNT1Mzk0vit1V5UkRM7C1KdVNp7Lmcg==",
-      "requires": {
-        "jsonify": "~0.0.0"
-      }
-    },
     "json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
       "dev": true
@@ -18702,11 +18046,6 @@
         "universalify": "^2.0.0"
       }
     },
-    "jsonify": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.1.tgz",
-      "integrity": "sha512-2/Ki0GcmuqSrgFyelQq9M05y7PS0mEwuIzrf3f1fPqkVDVRvZrPZtVSMHxdgo8Aq0sxAOb/cr2aqqA3LeWHVPg=="
-    },
     "jsonparse": {
       "version": "1.3.1"
     },
@@ -18717,16 +18056,6 @@
         "through": ">=2.2.7 <3"
       }
     },
-    "keccak": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/keccak/-/keccak-3.0.2.tgz",
-      "integrity": "sha512-PyKKjkH53wDMLGrvmRGSNWgmSxZOUqbnXwKL9tmgbFYA1iAYqW21kfR7mZXV0MlESiefxQQE9X9fTa3X+2MPDQ==",
-      "requires": {
-        "node-addon-api": "^2.0.0",
-        "node-gyp-build": "^4.2.0",
-        "readable-stream": "^3.6.0"
-      }
-    },
     "kind-of": {
       "version": "6.0.3",
       "dev": true
@@ -18800,9 +18129,6 @@
     "lodash": {
       "version": "4.17.21"
     },
-    "lodash-es": {
-      "version": "4.17.21"
-    },
     "lodash.debounce": {
       "version": "4.0.8",
       "dev": true
@@ -18824,7 +18150,8 @@
       "dev": true
     },
     "lodash.merge": {
-      "version": "4.6.2"
+      "version": "4.6.2",
+      "dev": true
     },
     "lodash.truncate": {
       "version": "4.4.2",
@@ -18949,11 +18276,6 @@
         }
       }
     },
-    "loglevel": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.8.0.tgz",
-      "integrity": "sha512-G6A/nJLRgWOuuwdNuA6koovfEV1YpqqAG4pRUlFaz3jj2QNZ8M4vBqnVA+HBTmU/AMNUtlOsMmSpF6NyOjztbA=="
-    },
     "lower-case": {
       "version": "2.0.2",
       "dev": true,
@@ -18989,6 +18311,7 @@
     },
     "md5.js": {
       "version": "1.3.5",
+      "dev": true,
       "requires": {
         "hash-base": "^3.0.0",
         "inherits": "^2.0.1",
@@ -19156,7 +18479,8 @@
       "dev": true
     },
     "ms": {
-      "version": "2.1.2"
+      "version": "2.1.2",
+      "dev": true
     },
     "multicast-dns": {
       "version": "6.2.3",
@@ -19179,11 +18503,6 @@
         "thenify-all": "^1.0.0"
       }
     },
-    "nan": {
-      "version": "2.17.0",
-      "resolved": "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz",
-      "integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ=="
-    },
     "nanoid": {
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
@@ -19321,11 +18640,6 @@
         "object-keys": "^1.1.1"
       }
     },
-    "oblivious-set": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/oblivious-set/-/oblivious-set-1.1.1.tgz",
-      "integrity": "sha512-Oh+8fK09mgGmAshFdH6hSVco6KZmd1tTwNFWj35OvzdmJTMZtAkbn05zar2iG3v6sDs1JLEtOiBGNb6BHwkb2w=="
-    },
     "obuf": {
       "version": "1.1.2",
       "dev": true
@@ -19343,6 +18657,7 @@
     },
     "once": {
       "version": "1.4.0",
+      "dev": true,
       "requires": {
         "wrappy": "1"
       }
@@ -19583,6 +18898,7 @@
     },
     "pbkdf2": {
       "version": "3.1.2",
+      "dev": true,
       "requires": {
         "create-hash": "^1.1.2",
         "create-hmac": "^1.1.4",
@@ -20030,6 +19346,7 @@
     },
     "pump": {
       "version": "3.0.0",
+      "dev": true,
       "requires": {
         "end-of-stream": "^1.1.0",
         "once": "^1.3.1"
@@ -20059,6 +19376,7 @@
     },
     "randombytes": {
       "version": "2.1.0",
+      "dev": true,
       "requires": {
         "safe-buffer": "^5.1.0"
       }
@@ -20129,6 +19447,7 @@
     },
     "readable-stream": {
       "version": "3.6.0",
+      "dev": true,
       "requires": {
         "inherits": "^2.0.3",
         "string_decoder": "^1.1.1",
@@ -20274,19 +19593,12 @@
     },
     "ripemd160": {
       "version": "2.0.2",
+      "dev": true,
       "requires": {
         "hash-base": "^3.0.0",
         "inherits": "^2.0.1"
       }
     },
-    "rlp": {
-      "version": "2.2.7",
-      "resolved": "https://registry.npmjs.org/rlp/-/rlp-2.2.7.tgz",
-      "integrity": "sha512-d5gdPmgQ0Z+AklL2NVXr/IoSjNZFfTVvQWzL/AM2AOcSzYP2xjlb0AC8YyCLc41MSNf6P6QVtjgPdmVtzb+4lQ==",
-      "requires": {
-        "bn.js": "^5.2.0"
-      }
-    },
     "rpc-websockets": {
       "version": "7.5.0",
       "resolved": "https://registry.npmjs.org/rpc-websockets/-/rpc-websockets-7.5.0.tgz",
@@ -20334,11 +19646,6 @@
         "ajv-keywords": "^3.5.2"
       }
     },
-    "scrypt-js": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/scrypt-js/-/scrypt-js-3.0.1.tgz",
-      "integrity": "sha512-cdwTTnqPu0Hyvf5in5asVdZocVDTNRmR7XEcJuIzMjJeSHybHl7vpB66AzwTaIg6CLSbtjcxc8fqcySfnTkccA=="
-    },
     "secp256k1": {
       "version": "4.0.2",
       "requires": {
@@ -20468,17 +19775,13 @@
         "send": "0.17.1"
       }
     },
-    "setimmediate": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
-      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA=="
-    },
     "setprototypeof": {
       "version": "1.1.1",
       "dev": true
     },
     "sha.js": {
       "version": "2.4.11",
+      "dev": true,
       "requires": {
         "inherits": "^2.0.1",
         "safe-buffer": "^5.0.1"
@@ -20563,26 +19866,6 @@
         }
       }
     },
-    "socket.io-client": {
-      "version": "4.5.3",
-      "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-4.5.3.tgz",
-      "integrity": "sha512-I/hqDYpQ6JKwtJOf5ikM+Qz+YujZPMEl6qBLhxiP0nX+TfXKhW4KZZG8lamrD6Y5ngjmYHreESVasVCgi5Kl3A==",
-      "requires": {
-        "@socket.io/component-emitter": "~3.1.0",
-        "debug": "~4.3.2",
-        "engine.io-client": "~6.2.3",
-        "socket.io-parser": "~4.2.0"
-      }
-    },
-    "socket.io-parser": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.1.tgz",
-      "integrity": "sha512-V4GrkLy+HeF1F/en3SpUaM+7XxYXpuMUWLGde1kSSh5nQMN4hLrbPIkD+otwh6q9R6NOQBN4AMaOZ2zVjui82g==",
-      "requires": {
-        "@socket.io/component-emitter": "~3.1.0",
-        "debug": "~4.3.1"
-      }
-    },
     "sockjs": {
       "version": "0.3.21",
       "dev": true,
@@ -20703,6 +19986,7 @@
     },
     "string_decoder": {
       "version": "1.3.0",
+      "dev": true,
       "requires": {
         "safe-buffer": "~5.2.0"
       }
@@ -21060,7 +20344,8 @@
       }
     },
     "tslib": {
-      "version": "2.3.1"
+      "version": "2.3.1",
+      "dev": true
     },
     "tsutils": {
       "version": "3.21.0",
@@ -21137,15 +20422,6 @@
       "version": "2.0.0",
       "dev": true
     },
-    "unload": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/unload/-/unload-2.3.1.tgz",
-      "integrity": "sha512-MUZEiDqvAN9AIDRbbBnVYVvfcR6DrjCqeU2YQMmliFZl9uaBUjTkhuDQkBiyAy8ad5bx1TXVbqZ3gg7namsWjA==",
-      "requires": {
-        "@babel/runtime": "^7.6.2",
-        "detect-node": "2.1.0"
-      }
-    },
     "unpipe": {
       "version": "1.0.0",
       "dev": true
@@ -21203,7 +20479,8 @@
       }
     },
     "util-deprecate": {
-      "version": "1.0.2"
+      "version": "1.0.2",
+      "dev": true
     },
     "utila": {
       "version": "0.4.0",
@@ -21686,17 +20963,13 @@
       }
     },
     "wrappy": {
-      "version": "1.0.2"
+      "version": "1.0.2",
+      "dev": true
     },
     "ws": {
       "version": "7.5.6",
       "requires": {}
     },
-    "xmlhttprequest-ssl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-2.0.0.tgz",
-      "integrity": "sha512-QKxVRxiRACQcVuQEYFsI1hhkrMlrXHPegbbd1yn9UHOmRxY+si12nQYzri3vbzt8VdTTRviqcKxcyllFas5z2A=="
-    },
     "xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
diff --git a/examples/vue-app/package.json b/examples/vue-app/package.json
index 3e1eac2..5c66107 100644
--- a/examples/vue-app/package.json
+++ b/examples/vue-app/package.json
@@ -13,7 +13,7 @@
     "@project-serum/borsh": "^0.2.3",
     "@solana/spl-token": "^0.1.8",
     "@solana/web3.js": "^1.63.1",
-    "@toruslabs/solana-embed": "file:../../toruslabs-solana-embed-0.3.0.tgz",
+    "@toruslabs/solana-embed": "file:../../",
     "@types/elliptic": "^6.4.14",
     "bs58": "^4.0.1",
     "copy-to-clipboard": "^3.3.1",
diff --git a/examples/vue-app/public/favicon.ico b/examples/vue-app/public/favicon.ico
index df36fcf..79c3a0f 100644
Binary files a/examples/vue-app/public/favicon.ico and b/examples/vue-app/public/favicon.ico differ
diff --git a/examples/vue-app/public/index.html b/examples/vue-app/public/index.html
index 3e5a139..2c288c4 100644
--- a/examples/vue-app/public/index.html
+++ b/examples/vue-app/public/index.html
@@ -1,15 +1,22 @@
 <!DOCTYPE html>
 <html lang="">
   <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+      rel="stylesheet"
+    />
+    <title>Solana Demo</title>
   </head>
   <body>
     <noscript>
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong
+        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to
+        continue.</strong
+      >
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->
diff --git a/examples/vue-app/src/App.vue b/examples/vue-app/src/App.vue
index fd2c380..2c4d4cb 100644
--- a/examples/vue-app/src/App.vue
+++ b/examples/vue-app/src/App.vue
@@ -1,31 +1,25 @@
 <template>
-  <HelloWorld/>
+  <Dashboard />
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
-import HelloWorld from './components/HelloWorld.vue';
+import { defineComponent } from "vue";
+import Dashboard from "./components/Dashboard";
 
 export default defineComponent({
-  name: 'App',
+  name: "App",
   components: {
-    HelloWorld
-  }
+    Dashboard,
+  },
 });
 </script>
 
 <style>
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-}
-html, body, #app {
-  height: 100%;
+html,
+body,
+* {
   padding: 0;
   margin: 0;
-  box-sizing: border-box;
+  font-family: "Poppins", sans-serif !important;
 }
 </style>
diff --git a/examples/vue-app/src/assets/down.svg b/examples/vue-app/src/assets/down.svg
index 3e86d30..de8c14b 100644
--- a/examples/vue-app/src/assets/down.svg
+++ b/examples/vue-app/src/assets/down.svg
@@ -1 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="M10.021 13.438 4.562 7.979 6 6.542l4.021 4.02 4.021-4.02 1.437 1.437Z"/></svg>
\ No newline at end of file
+<svg width="13" height="6" viewBox="0 0 13 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.1318 5.48503C6.76396 5.78485 6.23604 5.78485 5.8682 5.48503L1.31664 1.77513C0.587465 1.18079 1.00773 -1.22324e-06 1.94844 -1.141e-06L11.0516 -3.45183e-07C11.9923 -2.62944e-07 12.4125 1.18079 11.6834 1.77513L7.1318 5.48503Z" fill="#6F717A"/>
+</svg>
diff --git a/examples/vue-app/src/components/Dashboard/Dashboard.css b/examples/vue-app/src/components/Dashboard/Dashboard.css
new file mode 100644
index 0000000..4c7c7b2
--- /dev/null
+++ b/examples/vue-app/src/components/Dashboard/Dashboard.css
@@ -0,0 +1,354 @@
+.loader-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100vh;
+}
+
+.login-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  margin-top: 150px;
+  justify-content: center;
+}
+
+.login-heading {
+  font-style: normal;
+  font-weight: 700;
+  font-size: 32px;
+  line-height: 48px;
+  color: #0f1222;
+}
+
+.login-subheading {
+  font-style: normal;
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 150%;
+  letter-spacing: 0.002em;
+  color: #595857;
+  margin-top: 16px;
+}
+
+.login-btn {
+  width: 320px;
+  margin-top: 48px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.dashboard-container {
+  padding: 1.75rem;
+  background-color: #f9f9fb;
+  min-height: 100vh;
+}
+
+.dashboard-header {
+  padding: 26px 40px;
+  background: linear-gradient(0deg, #ffffff, #ffffff), #f3f3f4;
+  border: 1px solid #f3f3f4;
+  box-shadow: 4px 4px 20px rgba(46, 91, 255, 0.1);
+  border-radius: 20px;
+
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  @media (width < 780px) {
+    flex-direction: column;
+    align-items: flex-start;
+    padding: 1rem;
+  }
+}
+
+.dashboard-heading {
+  font-style: normal;
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 36px;
+  color: #0f1222;
+
+  @media (width < 640px) {
+    font-size: 1rem;
+  }
+}
+
+.dashboard-subheading {
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 150%;
+  letter-spacing: 0.002em;
+  color: #595857;
+  text-transform: capitalize;
+
+  @media (width < 640px) {
+    font-size: 12px;
+  }
+}
+
+.dashboard-action-container {
+  display: flex;
+  column-gap: 1rem;
+  align-items: center;
+}
+
+.dashboard-action-address {
+  background: #f9f9fb;
+  border-radius: 12px;
+  height: max-content;
+  outline: none;
+  border: 0px;
+  appearance: none;
+  padding: 4px 16px;
+  box-sizing: border-box;
+
+  font-style: normal;
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 19px;
+  letter-spacing: 0.0857143px;
+  color: #7f8fa4;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: 4px;
+  cursor: pointer;
+}
+
+.dashboard-action-address:hover {
+  color: #899db9;
+}
+
+.dashboard-action-badge {
+  background: #cde0ff;
+  border-radius: 12px;
+  height: max-content;
+  padding: 4px 16px;
+  box-sizing: border-box;
+
+  font-style: normal;
+  font-weight: 700;
+  font-size: 12px;
+  line-height: 16px;
+  letter-spacing: 0.0857143px;
+  color: #000000;
+
+  display: flex;
+  column-gap: 8px;
+  align-items: center;
+  justify-content: center;
+}
+
+.dashboard-action-logout {
+  background: #ffffff;
+  border: 1px solid #f3f3f4;
+  border-radius: 1000px;
+  height: max-content;
+  outline: none;
+  appearance: none;
+  box-sizing: border-box;
+
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 17px;
+  letter-spacing: -0.02em;
+  color: #595857;
+
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 8px 16px;
+  gap: 8px;
+  cursor: pointer;
+}
+
+.dashboard-details-container {
+  display: flex;
+  column-gap: 2rem;
+  margin-top: 1rem;
+
+  @media (width < 780px) {
+    flex-direction: column;
+    height: auto;
+    row-gap: 1rem;
+  }
+}
+
+.dashboard-details-btn-container {
+  background: linear-gradient(0deg, #ffffff, #ffffff), #f3f3f4;
+  border: 1px solid #f3f3f4;
+  box-shadow: 4px 4px 20px rgba(46, 91, 255, 0.1);
+  border-radius: 20px;
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 186px);
+  width: 534px;
+  @media (width < 780px) {
+    width: 100%;
+    height: auto;
+  }
+}
+
+.dashboard-details-console-container {
+  background: #f3f3f4;
+  border-radius: 20px;
+  padding: 2rem;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100px;
+  height: calc(100vh - 186px);
+  overflow-y: auto;
+  position: relative;
+  @media (width < 780px) {
+    width: 100%;
+  }
+}
+
+.detail-btn {
+  width: max-content !important;
+}
+
+.token-btn {
+  margin-top: 24px;
+}
+
+.cspr-btn {
+  display: flex;
+  align-items: flex-start;
+  width: 50%;
+}
+
+.flex-row {
+  display: flex;
+  align-items: center;
+  column-gap: 24px;
+}
+
+.console-container {
+  white-space: pre-line;
+  overflow-x: auto;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 26px;
+  word-wrap: break-word;
+  color: #000000;
+}
+
+.console-heading {
+  font-style: normal;
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 36px;
+  color: #000000;
+  margin-bottom: 30px;
+}
+
+.clear-console-btn {
+  position: absolute;
+  bottom: 32px;
+  right: 32px;
+  display: none;
+}
+
+.custom-btn {
+  background: #ffffff;
+  border: 1px solid #6f717a;
+  box-shadow: 2px 2px 12px rgba(3, 100, 255, 0.05);
+  border-radius: 24px;
+  padding: 12px 24px;
+  text-align: center;
+
+  font-style: normal;
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 17px;
+  letter-spacing: -0.02em;
+  color: #6f717a;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+}
+
+.console-btn {
+  padding: 4px 10px !important;
+  border-radius: 8px !important;
+  font-size: 14px;
+  line-height: 18px;
+}
+
+.btn-label {
+  font-style: normal;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 150%;
+  letter-spacing: 0.002em;
+  color: #595857;
+  margin-bottom: 8px;
+}
+
+.bottom-gutter {
+  margin-bottom: 20px;
+}
+
+.custom-input {
+  background: #f9f9fb;
+  border-radius: 24px;
+  border: 0 !important;
+  outline: 0 !important;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 21px;
+  padding: 12px 24px;
+}
+
+.login-input {
+  background: #f9f9fb;
+  border-radius: 24px;
+  outline: 0 !important;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 21px;
+  padding: 12px 24px;
+  background-repeat: no-repeat;
+  appearance: none;
+  background-position: right 16px top 50%;
+}
+
+.details-container {
+  height: calc(100vh - 200px);
+  overflow-y: auto;
+  padding: 1.5rem;
+}
+
+.bg-dropdown {
+  background-image: url("../../assets/down.svg");
+}
+
+.dashboard-heading-mobile {
+  @media (width < 800px) {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  @media (width < 640px) {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 1rem;
+  }
+}
diff --git a/examples/vue-app/src/components/HelloWorld.vue b/examples/vue-app/src/components/Dashboard/Dashboard.vue
similarity index 70%
rename from examples/vue-app/src/components/HelloWorld.vue
rename to examples/vue-app/src/components/Dashboard/Dashboard.vue
index 2a3c035..ac484da 100644
--- a/examples/vue-app/src/components/HelloWorld.vue
+++ b/examples/vue-app/src/components/Dashboard/Dashboard.vue
@@ -18,14 +18,14 @@ import {
   Signer,
   AddressLookupTableProgram,
   Version,
-AddressLookupTableAccount,
-VersionedMessage,
+  AddressLookupTableAccount,
+  VersionedMessage,
 } from "@solana/web3.js";
 import Torus, { TORUS_BUILD_ENV_TYPE } from "@toruslabs/solana-embed";
-import { SUPPORTED_NETWORKS, CHAINS } from "../assets/const";
+import { SUPPORTED_NETWORKS, CHAINS } from "../../assets/const";
 import nacl from "tweetnacl";
 import log from "loglevel";
-import { getSplInstructions, whiteLabelData } from "./helper";
+import { getSplInstructions, whiteLabelData } from "../helper";
 import { ASSOCIATED_TOKEN_PROGRAM_ID, Token, TOKEN_PROGRAM_ID } from "@solana/spl-token";
 import { createDeposit, createRedeemSolInstruction, createRedeemInstruction, redeemSol, redeemSplToken } from "@cwlee/solana-lookup-sdk";
 import { ec as EC } from "elliptic";
@@ -38,15 +38,17 @@ let torus: Torus | null;
 let conn: Connection;
 let publicKeys: string[] | undefined;
 let isWhiteLabeEnabled = false;
+const isCopied = ref(false);
 
 const privateKey = ref();
 const network = ref("");
 const isTopupHidden = ref(false);
 const pubkey = ref("");
-const buildEnv = ref<TORUS_BUILD_ENV_TYPE>("development");
+const buildEnv = ref<TORUS_BUILD_ENV_TYPE>("testing");
 const showButton = ref(false);
 const copied = ref(false);
 const consoleDiv = ref<HTMLDivElement>();
+const isExpanded = ref(true);
 
 const testnet = SUPPORTED_NETWORKS["testnet"].displayName;
 
@@ -471,28 +473,32 @@ const testInstr = async () => {
   await sendTransactionV0WithLookupTable([TransactionInstruction], new PublicKey(publicKeys![0]));
 };
 
-const findLookUpTable = async(pubKey: PublicKey) => {
-  const {value} = await (conn.getAddressLookupTable(pubKey));
+const findLookUpTable = async (pubKey: PublicKey) => {
+  const { value } = await conn.getAddressLookupTable(pubKey);
   return value as AddressLookupTableAccount;
-}
+};
 
-const findArgs = async(messageV0: VersionedMessage): Promise<{
-    addressLookupTableAccounts: AddressLookupTableAccount[];
-} | undefined> => {
-  const isALTx = messageV0.addressTableLookups.length;
-    let args = undefined;
-    if (isALTx) {
-      const altPubKeys = messageV0.addressTableLookups.map((atl) => atl.accountKey);
-      let lookupTableAccount: AddressLookupTableAccount[] = [];
-      lookupTableAccount = await Promise.all(altPubKeys.map((pubKey) => findLookUpTable(pubKey)));
-      args = lookupTableAccount.length ? { addressLookupTableAccounts: lookupTableAccount } : undefined;
+const findArgs = async (
+  messageV0: VersionedMessage
+): Promise<
+  | {
+      addressLookupTableAccounts: AddressLookupTableAccount[];
     }
-    return args;
-}
-
+  | undefined
+> => {
+  const isALTx = messageV0.addressTableLookups.length;
+  let args = undefined;
+  if (isALTx) {
+    const altPubKeys = messageV0.addressTableLookups.map((atl) => atl.accountKey);
+    let lookupTableAccount: AddressLookupTableAccount[] = [];
+    lookupTableAccount = await Promise.all(altPubKeys.map((pubKey) => findLookUpTable(pubKey)));
+    args = lookupTableAccount.length ? { addressLookupTableAccounts: lookupTableAccount } : undefined;
+  }
+  return args;
+};
 
 async function sendTransactionV0WithLookupTable(instructions: TransactionInstruction[], payer: PublicKey): Promise<void> {
-  let lt = "9Zzn5KGrjKzJvYbHWgzz6hJkFdGUPg6nMg6RtaLTWbGK"
+  let lt = "9Zzn5KGrjKzJvYbHWgzz6hJkFdGUPg6nMg6RtaLTWbGK";
 
   let lookupTablePubkey = new PublicKey(lt);
   // let lookupTablePubkey: PublicKey = new PublicKey("HA2sXbDdotvyZX6LF3wBd8vgqt591b1qR4Yu6chG7ctE")
@@ -577,6 +583,10 @@ const debugConsole = async (...text: any[]) => {
     });
     consoleDiv.value.innerHTML = data;
   }
+  const consoleBtn = document.querySelector<HTMLElement>("#console>div.clear-console-btn");
+  if (consoleBtn) {
+    consoleBtn.style.display = "block";
+  }
 };
 
 const airdrop = async () => {
@@ -739,279 +749,213 @@ function getAddress(address: string) {
 }
 const clearUiconsole = (): void => {
   if (consoleDiv.value) consoleDiv.value.innerHTML = "";
+  const consoleBtn = document.querySelector<HTMLElement>("#console>div.clear-console-btn");
+  if (consoleBtn) {
+    consoleBtn.style.display = "none";
+  }
+};
+const copyAccountAddress = () => {
+  navigator.clipboard.writeText(pubkey.value);
+  isCopied.value = true;
+  setTimeout(() => (isCopied.value = false), 1000);
 };
 </script>
 
 <template>
   <div id="app">
-    <div class="grid text-center justify-center pt-20" v-if="!pubkey">
-      <h7 class="font-bold text-3xl">Login and resets</h7>
-      <h6 class="font-semibold font-color">Build Environment : {{ buildEnv }}</h6>
-      <h6 class="pb-4 font-color">Note: This is a testing application. Please open console for debugging</h6>
-      <div class="pb-2">
-        <h3 class="font-semibold font-color">Select build environment</h3>
-        <select name="buildEnv" v-model="buildEnv" class="select-menu bg-dropdown p-1">
+    <div class="flex flex-col items-center justify-center h-screen" v-if="!pubkey">
+      <h1 class="font-semibold text-3xl mb-5">Login and Resets</h1>
+      <p class="text-lg font-medium text-gray-600 capitalize">Build Environment : {{ buildEnv }}</p>
+      <p class="text-sm font-normal text-gray-500 mb-8 px-4 text-center">Note: This is a testing application. Please open console for debugging</p>
+      <div class="flex flex-col">
+        <label class="btn-label">Select build environment</label>
+        <select name="buildEnv" v-model="buildEnv" class="login-input w-[320px] border-app-gray-400 !border bg-dropdown">
           <option value="production">Production</option>
           <option value="testing">Testing</option>
           <option value="development">Development</option>
         </select>
       </div>
       <div>
-        <button @click="login(false)" class="btn-login">Login</button>
+        <button @click="login(false)" class="custom-btn mt-4 w-[320px]">Login</button>
       </div>
-      <h6 class="py-2 font-color">or</h6>
-      <div class="pb-2">
-        <h3 class="font-semibold font-color">White Labelling</h3>
+      <h6 class="py-2 text-sm text-gray-400">or</h6>
+      <div class="pb-2 flex items-start justify-start w-[320px]">
+        <label class="btn-label text-start">White Labelling</label>
       </div>
-      <div>
-        <button @click="login(true)" class="btn-login">Login With White Labelling</button>
+      <div class="w-[320px]">
+        <button @click="login(true)" class="custom-btn w-full">Login With White Labelling</button>
       </div>
-      <h6 class="py-2 font-color">or</h6>
-      <div class="py-2">
-        <h3 class="font-semibold font-color">Private Key</h3>
-        <input placeholder="Enter private key from web3auth to login" v-model="privateKey" class="btn-login px-4 py-2" />
+      <h6 class="py-2 text-sm text-gray-400">or</h6>
+      <div class="w-[320px] flex flex-col">
+        <label class="btn-label text-start">Private Key</label>
+        <input
+          placeholder="Enter private key from web3auth to login"
+          v-model="privateKey"
+          class="login-input text-sm w-[320px] border-app-gray-400 !border"
+        />
       </div>
       <div>
-        <button @click="loginWithPrivateKey" class="btn-login">Login with Private Key</button>
+        <button @click="loginWithPrivateKey" class="custom-btn mt-4 w-[320px]">Login with Private Key</button>
       </div>
     </div>
-    <div v-else>
-      <div class="flex box md:rows-span-2 m-6 items-center py-4">
-        <div class="ml-6">
-          <h7 class="text-2xl font-semibold">demo-solana.tor.us</h7>
-          <h6 class="text-left">Build environment : {{ buildEnv }}</h6>
+    <div v-else class="dashboard-container">
+      <!-- Dashboard Header -->
+      <div class="dashboard-header">
+        <div class="dashboard-heading-mobile w-full">
+          <h1 class="dashboard-heading">demo-solana.tor.us</h1>
+          <p class="dashboard-subheading !font-bold sm:!font-normal">Build environment : {{ buildEnv }}</p>
         </div>
-        <div class="ml-auto">
-          <button
-            type="button"
-            class="copy-btn"
-            @click="
-              () => {
-                copyToClip(pubkey);
-              }
-            "
-          >
-            <img class="pr-1" src="../assets/copy.svg" />
-            <span>{{ copied ? "Copied!" : getAddress(pubkey) }}</span>
-          </button>
-          <button type="button" class="wifi-btn">
-            <img src="../assets/wifi.svg" />
-            <div class="font-semibold pl-1">{{ getNetworkType(network) }}</div>
-          </button>
-          <button type="button" @click="logout" class="btn-logout">
-            <img src="../assets/logout.svg" class="pr-3 pl-0" />
+        <div class="dashboard-action-container flex flex-col sm:!flex-row items-center justify-end w-full gap-2">
+          <div class="flex items-center gap-2 justify-between">
+            <button :class="['dashboard-action-address', { '!text-green-500': isCopied }]" @click.stop="copyAccountAddress" :title="pubkey">
+              <img :src="require('../../assets/copy.svg')" alt="logout" height="14" width="14" />{{ isCopied ? "Copied" : getAddress(pubkey) }}
+            </button>
+            <div class="dashboard-action-badge">
+              <img :src="require('../../assets/wifi.svg')" alt="network" height="14" width="14" />{{ getNetworkType(network) }}
+            </div>
+          </div>
+          <button class="dashboard-action-logout" @click.stop="logout">
+            <img :src="require('../../assets/logout.svg')" alt="logout" height="20" width="20" />
             Logout
           </button>
         </div>
       </div>
-      <div class="grid grid-cols-5 gap-7 m-6 height-fit">
-        <div class="grid grid-cols-2 col-span-5 md:col-span-2 text-left gap-2 p-4 box md:pb-74">
-          <div class="col-span-2">
-            <h7 class="text-xl font-semibold">Torus APIs</h7>
-            <div>
-              <label for="default-toggle" class="inline-flex relative items-center cursor-pointer">
-                <input type="checkbox" id="default-toggle" class="sr-only peer" @click="toggleButton" />
-                <div
-                  class="w-11 h-6 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"
-                ></div>
-                <span class="ml-3 text-sm font-medium">Show Torus Button</span>
-              </label>
-            </div>
-          </div>
-          <div class="col-span-1">
-            <div class="font-semibold">User Info</div>
-            <div><button class="btn" @click="getUserInfo">Get User Info</button></div>
-          </div>
-          <div class="col-span-1">
-            <div class="font-semibold">Provider</div>
-            <div><button class="btn" @click="changeProvider">Change Provider</button></div>
-          </div>
-          <div class="col-span-1">
-            <div class="font-semibold">Top-up wallet</div>
-            <div><button @click="topup" class="btn">Top Up</button></div>
+      <!-- Dashboard Action Container -->
+      <div class="dashboard-details-container">
+        <div class="dashboard-details-btn-container">
+          <h1 class="text-xl font-bold text-gray-900 p-6 flex justify-between items-center">
+            <span>Torus APIs</span>
+            <span><img alt="down" class="cursor-pointer" src="../../assets/down.svg" @click="isExpanded = !isExpanded" /></span>
+          </h1>
+          <div :class="['px-6', { 'pb-6': !isExpanded }]">
+            <label for="default-toggle" class="inline-flex relative items-center cursor-pointer">
+              <input type="checkbox" id="default-toggle" class="sr-only peer" @click="toggleButton" />
+              <div
+                class="w-11 h-6 peer-focus:outline-none rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"
+              ></div>
+              <span class="ml-3 text-sm font-normal text-gray-400">Show Torus Button</span>
+            </label>
           </div>
-          <!-- <div class="col-span-1">
-          <div class="font-semibold">Signing</div>
-          <div><button class="btn" @click="signMessage">Sign message</button></div>
-        </div> -->
-          <div class="col-span-2">
-            <h7 class="text-xl font-semibold">Blockchain APIs</h7>
-          </div>
-          <div class="col-span-2 text-left">
-            <div class="font-semibold">Signing</div>
-            <div class="grid grid-cols-2 gap-2">
-              <button @click="signTransaction" class="btn">Sign Versioned Transaction</button>
-              <button @click="() => signTransactionLegacy(false)" class="btn">Sign Legacy Transaction</button>
-              <button @click="signAllTransaction" class="btn">Sign All Versioned Transactions</button>
-              <button @click="() => signAllTransactionLegacy(false)" class="btn">Sign All Legacy Transactions</button>
-              <button @click="signMessage" class="btn">Sign Message</button>
-              <button @click="testInstr" class="btn">SendVersioned ALT Table Transaction</button>
-              <button @click="sendMultipleInstructionTransaction" class="btn">Multiple Instruction tx</button>
+          <div v-if="isExpanded" class="details-container">
+            <div class="flex gap-4 flex-col sm:!flex-row bottom-gutter">
+              <div>
+                <p class="btn-label">User info</p>
+                <button class="custom-btn w-full" @click="getUserInfo">Get User Info</button>
+              </div>
+              <div>
+                <p class="btn-label">Provider</p>
+                <button class="custom-btn w-full" @click="changeProvider">Change Provider</button>
+              </div>
+              <div>
+                <p class="btn-label">Top up Wallet</p>
+                <button class="custom-btn w-full" @click="topup">Top up</button>
+              </div>
             </div>
-          </div>
-          <div class="col-span-2 text-left">
-            <div class="font-semibold">Transactions</div>
-            <div class="grid grid-cols-2 gap-2">
-              <button @click="transfer" class="btn">Send Transaction</button>
-              <button @click="() => transferLegacy(false)" class="btn">Send Legacy Transaction</button>
-              <button @click="transferSPL" class="btn">Send SPL Transaction</button>
+            <h1 class="text-xl font-bold text-gray-900 mb-6">Blockchain APIs</h1>
+            <p class="btn-label">Signing</p>
+            <div class="flex gap-4 flex-col sm:!flex-row bottom-gutter">
+              <button class="custom-btn w-full" @click="signTransaction">Sign versioned txn</button>
+              <button class="custom-btn w-full" @click="() => signTransactionLegacy(false)">Sign legacy transaction</button>
             </div>
-          </div>
-          <div class="col-span-2 text-left">
-            <div class="font-semibold">
-              SPL transfer example:
-              <span class="text-[grey] text-xs">Get testnet usdc <a href="https://usdcfaucet.com/" target="blank">here</a></span>
+            <div class="flex gap-4 flex-col sm:!flex-row bottom-gutter">
+              <button class="custom-btn w-full" @click="signAllTransaction">Sign all versioned txn</button>
+              <button class="custom-btn w-full" @click="() => signAllTransactionLegacy(false)">Sign all legacy txn</button>
             </div>
-            <div class="grid grid-cols-2 gap-2">
-              <button @click="sendusdc" :disabled="network !== testnet" class="btn">Send usdc</button>
-              <button @click="airdrop" :disabled="network !== testnet" class="btn-large">Request SOL Airdrop (Testnet only)</button>
+            <div class="flex gap-4 flex-col sm:!flex-row bottom-gutter">
+              <button class="custom-btn w-full" @click="signMessage">Sign Message</button>
+              <button class="custom-btn w-full" @click="sendMultipleInstructionTransaction">Multiple Instruction txn</button>
             </div>
-          </div>
-          <div class="col-span-2 text-left">
-            <div class="font-semibold">Custom Program Example (Solana-Lookup) (Testnet only)</div>
-            <div class="grid grid-cols-2 gap-2">
-              <button @click="lookupDepositSol" :disabled="network !== testnet" class="btn">Deposit SOL</button>
-              <button @click="lookupRedeemSol" :disabled="network !== testnet" class="btn">Redeem SOL</button>
-
-              <button @click="() => mintToken(mintAddress)" :disabled="network !== testnet" class="btn">MintToken</button>
-              <button @click="() => lookupDepositSPL(mintAddress)" :disabled="network !== testnet" class="btn">Deposit SPL</button>
-              <button @click="() => lookupRedeemSPL(mintAddress)" :disabled="network !== testnet" class="btn">Redeem SPL</button>
+            <div class="flex-row bottom-gutter">
+              <button class="custom-btn" @click="testInstr">Send versioned ALT table txn</button>
+            </div>
+            <p class="btn-label">Transactions</p>
+            <div class="flex gap-4 flex-col sm:!flex-row bottom-gutter">
+              <button class="custom-btn w-full" @click="transfer">Send Transaction</button>
+              <button class="custom-btn w-full" @click="() => transferLegacy(false)">Send Legacy txn</button>
+            </div>
+            <div class="flex-row bottom-gutter">
+              <button class="custom-btn" @click="transferSPL">Send SPL Transaction</button>
+            </div>
+            <p class="btn-label">
+              SPL transfer example :
+              <span class="text-xs text-gray-500 font-normal">
+                Get testnet usdc <a href="https://usdcfaucet.com/" target="blank" class="text-blue-600 underline">here</a>
+              </span>
+            </p>
+            <div class="flex gap-4 flex-col sm:!flex-row bottom-gutter">
+              <button
+                class="custom-btn w-full disabled:!text-gray-200 disabled:border-gray-200 disabled:cursor-not-allowed"
+                @click="sendusdc"
+                :disabled="network !== testnet"
+              >
+                Send USDC
+              </button>
+              <button
+                class="custom-btn w-full disabled:!text-gray-200 disabled:border-gray-200 disabled:cursor-not-allowed"
+                @click="airdrop"
+                :disabled="network !== testnet"
+              >
+                Request SOL Airdrop
+              </button>
+            </div>
+            <p class="btn-label">Custom Program Example (Solana-Lookup) (Testnet only)</p>
+            <div class="flex gap-4 flex-col sm:!flex-row bottom-gutter">
+              <button
+                class="custom-btn w-full disabled:!text-gray-200 disabled:border-gray-200 disabled:cursor-not-allowed"
+                @click="lookupDepositSol"
+                :disabled="network !== testnet"
+              >
+                Depositor SOL
+              </button>
+              <button
+                class="custom-btn w-full disabled:!text-gray-200 disabled:border-gray-200 disabled:cursor-not-allowed"
+                @click="lookupRedeemSol"
+                :disabled="network !== testnet"
+              >
+                Redeem SOL
+              </button>
+            </div>
+            <div class="flex-row bottom-gutter">
+              <button
+                class="custom-btn disabled:!text-gray-200 disabled:border-gray-200 disabled:cursor-not-allowed"
+                @click="() => mintToken(mintAddress)"
+                :disabled="network !== testnet"
+              >
+                MintToken
+              </button>
+              <button
+                class="custom-btn disabled:!text-gray-200 disabled:border-gray-200 disabled:cursor-not-allowed"
+                @click="() => lookupDepositSPL(mintAddress)"
+                :disabled="network !== testnet"
+              >
+                Deposit SPL
+              </button>
+            </div>
+            <div class="flex-row bottom-gutter">
+              <button
+                class="custom-btn disabled:!text-gray-200 disabled:border-gray-200 disabled:cursor-not-allowed"
+                @click="() => lookupRedeemSPL(mintAddress)"
+                :disabled="network !== testnet"
+              >
+                Redeem SPL
+              </button>
             </div>
           </div>
         </div>
-        <div class="box-grey" id="console">
-          <p ref="consoleDiv" style="white-space: pre-line"></p>
-          <div><button class="clear-button" @click="clearUiconsole">Clear console</button></div>
+        <!-- Dashboard Console Container -->
+        <div class="dashboard-details-console-container" id="console">
+          <h1 class="console-heading"></h1>
+          <pre ref="consoleDiv" class="console-container"></pre>
+          <div class="clear-console-btn">
+            <button class="custom-btn console-btn" @click="clearUiconsole">Clear console</button>
+          </div>
         </div>
       </div>
     </div>
-    <!-- <p class="font-italic">Note: This is a testing application. Please open console for debugging.</p> -->
   </div>
 </template>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
-.box {
-  @apply bg-white max-h-screen;
-  border: 1px solid #f3f3f4;
-  border-radius: 20px;
-  box-shadow: 4px 4px 20px rgba(46, 91, 255, 0.1);
-}
-
-.box-grey {
-  @apply col-span-5 md:col-span-3 overflow-hidden min-h-[400px] bg-[#f3f3f4] rounded-3xl relative;
-  border: 1px solid #f3f3f4;
-  box-shadow: 4px 4px 20px rgba(46, 91, 255, 0.1);
-}
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-}
-#console-wrapper {
-  margin-top: auto;
-}
-
-/* #console {
-  border: 1px solid black;
-  height: 80px;
-  padding: 2px;
-  position: relative;
-  text-align: left;
-  width: 100%;
-  border-radius: 5px;
-  overflow: scroll;
-} */
-
-#console > p {
-  margin: 0.5em;
-  word-wrap: break-word;
-}
-#font-italic {
-  font-style: italic;
-}
-
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-.break-word {
-  overflow-wrap: break-word;
-}
-.select-menu {
-  @apply h-12 w-80 rounded-3xl text-center bg-white bg-no-repeat;
-  border: solid 1px;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  background-position: right 16px top 50%;
-}
-.btn {
-  @apply min-h-[44px] w-full m-0 bg-white rounded-3xl text-[#6F717A] text-sm lg:text-base font-medium;
-  border: 1px solid #6f717a;
-}
-.btn-large {
-  @apply min-h-[44px] w-full m-0 bg-white rounded-3xl text-[#6F717A] text-xs lg:text-base font-medium;
-  border: 1px solid #6f717a;
-}
-.btn:disabled {
-  @apply bg-gray-100 opacity-30;
-}
-.btn-large:disabled {
-  @apply bg-gray-100 opacity-30;
-}
-.copy-btn {
-  @apply h-6 px-2 m-2 text-sm inline-flex items-center overflow-hidden bg-[#e9e9ea] rounded-3xl text-[#7F8FA4] leading-4 font-bold;
-}
-
-.wifi-btn {
-  @apply h-6 text-sm inline-flex items-center text-center p-2 rounded-3xl bg-[#cde0ff];
-}
-.btn-login {
-  @apply h-12 w-80 bg-white rounded-3xl;
-  border: 1px solid #6f717a;
-}
-.btn-logout {
-  @apply h-12 w-32 bg-white rounded-3xl pl-6 m-2 text-sm inline-flex items-center;
-  border: 1px solid #f3f3f4;
-}
-.clear-button {
-  @apply absolute md:fixed right-8 bottom-2 md:right-8 md:bottom-12 w-28 h-7 bg-[#f3f3f4] rounded-md;
-  border: 1px solid #0f1222;
-}
-.height-fit {
-  @apply min-h-fit;
-  height: 75vh;
-}
-#console {
-  text-align: left;
-  overflow: auto;
-}
-#console > p {
-  @apply m-2;
-}
-.btn {
-  @apply min-h-[44px] w-full m-0 bg-white rounded-3xl text-[#6F717A] text-sm lg:text-base font-medium;
-  border: 1px solid #6f717a;
-}
-.custom-switch {
-  padding-left: 2.25rem;
-}
-.custom-control {
-  position: relative;
-  display: block;
-  min-height: 1.5rem;
-  padding-left: 1.5rem;
-}
-.font-color {
-  @apply text-[#595857];
-}
+@import "./Dashboard.css";
 </style>
diff --git a/examples/vue-app/src/components/Dashboard/index.ts b/examples/vue-app/src/components/Dashboard/index.ts
new file mode 100644
index 0000000..7cfc52c
--- /dev/null
+++ b/examples/vue-app/src/components/Dashboard/index.ts
@@ -0,0 +1 @@
+export { default } from "./Dashboard.vue";
diff --git a/examples/vue-app/src/main.ts b/examples/vue-app/src/main.ts
index 2a778e2..5fbe743 100644
--- a/examples/vue-app/src/main.ts
+++ b/examples/vue-app/src/main.ts
@@ -1,5 +1,5 @@
-import { createApp } from 'vue'
-import App from './App.vue'
-import './tailwind.css'
+import { createApp } from "vue";
+import App from "./App.vue";
+import "./tailwind.css";
 
-createApp(App).mount('#app')
+createApp(App).mount("#app");
diff --git a/examples/vue-app/vue.config.js b/examples/vue-app/vue.config.js
index 9f01607..35e8e01 100644
--- a/examples/vue-app/vue.config.js
+++ b/examples/vue-app/vue.config.js
@@ -4,7 +4,7 @@ const { ProvidePlugin } = require("webpack");
 module.exports = {
   transpileDependencies: true,
   devServer: {
-    port: 3000
+    port: 3000,
   },
   configureWebpack: (config) => {
     config.resolve.fallback = {
@@ -13,6 +13,8 @@ module.exports = {
       assert: require.resolve("assert"),
       os: require.resolve("os-browserify/browser"),
       http: require.resolve("stream-http"),
+      https: false,
+      zlib: false,
     };
     config.resolve.alias = {
       ...config.resolve.alias,
diff --git a/package-lock.json b/package-lock.json
index 757ed5e..c93a928 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11446,9 +11446,9 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.11",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.11.tgz",
-      "integrity": "sha512-+M0PwXeU80kRohZ3aT4J/OnR+l9/KD2nVLNNoRgFtnf+umQVFdGBAO2N8+nCnEi0xlh/Wk3zOGC+vNNx+uM79Q==",
+      "version": "2.0.12",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.12.tgz",
+      "integrity": "sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==",
       "dev": true
     },
     "node_modules/normalize-package-data": {
@@ -23957,9 +23957,9 @@
       "optional": true
     },
     "node-releases": {
-      "version": "2.0.11",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.11.tgz",
-      "integrity": "sha512-+M0PwXeU80kRohZ3aT4J/OnR+l9/KD2nVLNNoRgFtnf+umQVFdGBAO2N8+nCnEi0xlh/Wk3zOGC+vNNx+uM79Q==",
+      "version": "2.0.12",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.12.tgz",
+      "integrity": "sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==",
       "dev": true
     },
     "normalize-package-data": {