Fix tkey examples

tkey-web/intrinsic-flow-examples/tkey-popup-flow-example/package.json

@@ -6,10 +6,10 @@
 		"@testing-library/jest-dom": "^5.16.5",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^13.5.0",
-		"@tkey/default": "^11.0.2",
-		"@tkey/security-questions": "^11.0.2",
-		"@tkey/web-storage": "^11.0.2",
-		"@toruslabs/constants": "^13.0.1",
+		"@tkey/default": "^12.0.0",
+		"@tkey/security-questions": "^12.0.0",
+		"@tkey/web-storage": "^12.0.0",
+		"@toruslabs/constants": "^13.0.3",
 		"@types/jest": "^27.5.2",
 		"@types/node": "^17.0.45",
 		"@types/react": "^18.0.25",
@@ -19,9 +19,9 @@
 		"react-dom": "^18.2.0",
 		"react-scripts": "5.0.1",
 		"sweetalert": "^2.1.2",
-		"typescript": "^5.2.2",
+		"typescript": "^4.9.5",
 		"web-vitals": "^2.1.4",
-		"web3": "^1.8.1",
+		"web3": "^4.2.0",
 		"workbox-background-sync": "^6.5.4",
 		"workbox-broadcast-update": "^6.5.4",
 		"workbox-cacheable-response": "^6.5.4",

tkey-web/intrinsic-flow-examples/tkey-popup-flow-example/src/App.css

@@ -101,3 +101,13 @@
 	font-size: 16px;
 	font-family: monospace;
 }
+
+.disabledDiv {
+	pointer-events: none;
+	opacity: 0.4;
+  }
+
+.flex-column {
+display: flex;
+flex-direction: column;
+}