Add event listener for iframe message

Part of [Service provider auctions for web deployments](https://www.notion.so/Service-provider-auctions-for-web-deployments-104a6b22d47280dbad51d28aa3a91d75)

Co-authored-by: Shreerang Kale <shreerangkale@gmail.com>
Reviewed-on: cerc-io/laconic-wallet-web#17

.env.example

@@ -2,4 +2,4 @@ REACT_APP_WALLET_CONNECT_PROJECT_ID=
 REACT_APP_DEFAULT_GAS_PRICE=0.025
 # Reference: https://github.com/cosmos/cosmos-sdk/issues/16020
 REACT_APP_GAS_ADJUSTMENT=2
-REACT_APP_LACONICD_RPC_URL=https://laconicd.laconic.com
+REACT_APP_LACONICD_RPC_URL=https://laconicd-sapo.laconic.com

src/index.tsx

@@ -18,6 +18,35 @@ import { createTheme, ThemeProvider } from "@mui/material";
 
 globalThis.Buffer = Buffer;
 
+window.addEventListener('message', (event: MessageEvent) => {
+  if (event.origin !== 'http://localhost:3001') return;
+
+  if (event.data.type === 'REQUEST_LOCAL_STORAGE') {
+    try {
+      const data = localStorage.getItem('accounts/cosmos:laconic-testnet-2/0');
+
+      if (!data) {
+        event.source?.postMessage({
+          type: 'ERROR',
+          message: 'Data not found in local storage'
+        });
+        return;
+      }
+
+      (event.source as Window)?.postMessage({
+        type: 'LOCAL_STORAGE_DATA',
+        data
+      }, 'http://localhost:3001');
+
+    } catch (error) {
+      (event.source as Window)?.postMessage({
+        type: 'ERROR',
+        message: 'Error accessing local storage'
+      }, 'http://localhost:3001');
+    }
+  }
+});
+
 const linking = {
   prefixes: ["https://wallet.laconic.com"],
 };

src/styles/stylesheet.js

@@ -288,7 +288,7 @@ const styles = StyleSheet.create({
     fontSize: 18,
     fontWeight: "bold",
     marginBottom: 3,
-    color: "black",
+    color: "white",
   },
   dataBox: {
     borderWidth: 1,

src/utils/constants.ts

@@ -5,17 +5,29 @@ export const EIP155 = 'eip155';
 export const COSMOS = 'cosmos';
 export const DEFAULT_NETWORKS = [
   {
-    chainId: 'laconic_9000-1',
+    chainId: 'laconic-testnet-2',
-    networkName: 'laconicd',
+    networkName: 'laconicd testnet-2',
     namespace: COSMOS,
     rpcUrl: process.env.REACT_APP_LACONICD_RPC_URL!,
     blockExplorerUrl: '',
     nativeDenom: 'alnt',
     addressPrefix: 'laconic',
     coinType: '118',
-    gasPrice: '1',
+    gasPrice: '0.001',
     isDefault: true,
   },
+  {
+    chainId: 'laconic_9000-1',
+    networkName: 'laconicd',
+    namespace: COSMOS,
+    rpcUrl: "https://laconicd.laconic.com",
+    blockExplorerUrl: '',
+    nativeDenom: 'alnt',
+    addressPrefix: 'laconic',
+    coinType: '118',
+    gasPrice: '1',
+    isDefault: false,
+  },
   {
     chainId: '1',
     networkName: EIP155_CHAINS['eip155:1'].name,

stack/stack-orchestrator/compose/docker-compose-laconic-wallet-web.yml

@@ -6,6 +6,7 @@ services:
     environment:
       CERC_SCRIPT_DEBUG: ${CERC_SCRIPT_DEBUG}
       WALLET_CONNECT_ID: ${WALLET_CONNECT_ID}
+      WALLET_CONNECT_VERIFY_CODE: ${WALLET_CONNECT_VERIFY_CODE}
       CERC_DEFAULT_GAS_PRICE: ${CERC_DEFAULT_GAS_PRICE:-0.025}
       CERC_GAS_ADJUSTMENT: ${CERC_GAS_ADJUSTMENT:-2}
       CERC_LACONICD_RPC_URL: ${CERC_LACONICD_RPC_URL:-https://laconicd.laconic.com}

stack/stack-orchestrator/config/app/run.sh

@@ -18,4 +18,13 @@ REACT_APP_GAS_ADJUSTMENT=$CERC_GAS_ADJUSTMENT \
 REACT_APP_LACONICD_RPC_URL=$CERC_LACONICD_RPC_URL \
 yarn build
 
+# Define the directory and file path
+FILE_PATH="/app/build/.well-known/walletconnect.txt"
+
+# Create the directory if it doesn't exist
+mkdir -p "$(dirname "$FILE_PATH")"
+# Write verification code to the file
+echo "$WALLET_CONNECT_VERIFY_CODE" > "$FILE_PATH"
+
+# Serve build dir
 http-server --proxy http://localhost:80? -p 80 /app/build

stack/stack-orchestrator/stack/laconic-wallet-web/README.md

@@ -51,6 +51,9 @@ Instructions for running the `laconic-wallet-web` using [laconic-so](https://git
 
   # Optional
 
+  # WalletConnect code for hostname verification
+  WALLET_CONNECT_VERIFY_CODE=
+
   # Default gas price for txs (default: 0.025)
   CERC_DEFAULT_GAS_PRICE=