Merge branch 'master' into sfa-android-v4

Author: AyushBherwani1998

docs/connect-blockchain/evm/soneium/react-native.mdx

@@ -47,18 +47,12 @@ after successful authentication.
 
 ### Getting the `chainConfig`
 
-:::note
-
-[Soneium](https://docs.soneium.org/docs/builders/overview) is currently available on the testnet.
-The mainnet is coming soon.
-
-:::
-
 <Tabs
- defaultValue="testnet"
+ defaultValue="mainnet"
   values={[
-    { label: "Testnet (Minato)", value: "testnet", }
-]}
+    { label: "Testnet (Minato)", value: "testnet", },
+    { label: "Mainnet", value: "mainnet",   },
+  ]}
 
 >
 
@@ -69,13 +63,13 @@ The mainnet is coming soon.
 ```typescript
 const chainConfig = {
   chainNamespace: CHAIN_NAMESPACES.EIP155,
-  chainId: "0x799", // hex of 1945
+  chainId: "0x74c", // hex of 1868
   rpcTarget: "https://rpc.soneium.org",
-  displayName: "Soneium Mainnet Network",
-  blockExplorerUrl: "https://explorer.soneium.org",
+  displayName: "Soneium",
+  blockExplorerUrl: "https://www.okx.com/web3/explorer/soneium",
   ticker: "ETH",
   tickerName: "ETH",
-  logo: "https://cryptologos.cc/logos/soneium-logo.png",
+  logo: "https://iili.io/2i5xce2.png",
 };
 ```
 
@@ -94,7 +88,7 @@ const chainConfig = {
   blockExplorerUrl: "https://explorer-testnet.soneium.org",
   ticker: "ETH",
   tickerName: "ETH",
-  logo: "https://cryptologos.cc/logos/soneium-logo.png",
+  logo: "https://iili.io/2i5xce2.png",
   // faucet- "https://bridge.soneium.org/en/testnet" bridge the sepolia ETH to Soneium
 };
 ```

docs/connect-blockchain/evm/soneium/unity.mdx

@@ -37,18 +37,12 @@ started quickly on that.
 
 ## Chain Details for Soneium
 
-:::note
-
-[Soneium](https://docs.soneium.org/docs/builders/overview) is currently available on the testnet.
-The mainnet is coming soon.
-
-:::
-
 <Tabs
- defaultValue="testnet"
+ defaultValue="mainnet"
   values={[
-    { label: "Testnet (Minato)", value: "testnet", }
-]}
+    { label: "Testnet (Minato)", value: "testnet", },
+    { label: "Mainnet", value: "mainnet", },
+  ]}
 
 >
 
@@ -59,13 +53,13 @@ The mainnet is coming soon.
 ```typescript
 const chainConfig = {
   chainNamespace: CHAIN_NAMESPACES.EIP155,
-  chainId: "0x799", // hex of 1945
+  chainId: "0x74c", // hex of 1868
   rpcTarget: "https://rpc.soneium.org",
-  displayName: "Soneium Mainnet Network",
-  blockExplorerUrl: "https://explorer.soneium.org",
+  displayName: "Soneium",
+  blockExplorerUrl: "https://www.okx.com/web3/explorer/soneium",
   ticker: "ETH",
   tickerName: "ETH",
-  logo: "https://cryptologos.cc/logos/soneium-logo.png",
+  logo: "https://iili.io/2i5xce2.png",
 };
 ```
 
@@ -84,7 +78,7 @@ const chainConfig = {
   blockExplorerUrl: "https://explorer-testnet.soneium.org",
   ticker: "ETH",
   tickerName: "ETH",
-  logo: "https://cryptologos.cc/logos/soneium-logo.png",
+  logo: "https://iili.io/2i5xce2.png",
   // faucet- "https://bridge.soneium.org/en/testnet" bridge the sepolia ETH to Soneium
 };
 ```

docs/connect-blockchain/evm/soneium/web.mdx

@@ -56,18 +56,12 @@ after successful authentication.
 
 ### Getting the `chainConfig`
 
-:::note
-
-[Soneium](https://docs.soneium.org/docs/builders/overview) is currently available on the testnet.
-The mainnet is coming soon.
-
-:::
-
 <Tabs
- defaultValue="testnet"
+ defaultValue="mainnet"
   values={[
-    { label: "Testnet (Minato)", value: "testnet", }
-]}
+    { label: "Mainnet", value: "mainnet", },
+    { label: "Testnet (Minato)", value: "testnet", },
+  ]}
 
 >
 
@@ -78,13 +72,13 @@ The mainnet is coming soon.
 ```typescript
 const chainConfig = {
   chainNamespace: CHAIN_NAMESPACES.EIP155,
-  chainId: "0x799", // hex of 1945
+  chainId: "0x74c", // hex of 1868
   rpcTarget: "https://rpc.soneium.org",
-  displayName: "Soneium Mainnet Network",
-  blockExplorerUrl: "https://explorer.soneium.org",
+  displayName: "Soneium",
+  blockExplorerUrl: "https://www.okx.com/web3/explorer/soneium",
   ticker: "ETH",
   tickerName: "ETH",
-  logo: "https://cryptologos.cc/logos/soneium-logo.png",
+  logo: "https://iili.io/2i5xce2.png",
 };
 ```
 
@@ -103,7 +97,7 @@ const chainConfig = {
   blockExplorerUrl: "https://explorer-testnet.soneium.org",
   ticker: "ETH",
   tickerName: "ETH",
-  logo: "https://cryptologos.cc/logos/soneium-logo.png",
+  logo: "https://iili.io/2i5xce2.png",
   // faucet- "https://bridge.soneium.org/en/testnet" bridge the sepolia ETH to Soneium
 };
 ```

docs/sdk/sfa/sfa-android/usage.mdx

@@ -30,6 +30,13 @@ The SingleFactorAuth instance natively provides the following methods:
 
 ## Login User
 
+:::tip
+
+Please refer to the [Authentication](./authentication) section for more details on the setting up
+your verifier and other authentication parameters.
+
+:::
+
 To obtain a user's private key, and relevant session data using the Web3Auth SFA Android SDK, you
 can call the `connect` method. The method accepts `LoginParams`, and returns `SessionData`.
 

docs/sdk/sfa/sfa-flutter/usage.mdx

@@ -27,6 +27,13 @@ The SingleFactorAuth instance natively provides the following methods:
 
 ## Login User
 
+:::tip
+
+Please refer to the [Authentication](./authentication) section for more details on the setting up
+your verifier and other authentication parameters.
+
+:::
+
 To obtain a user's private key using the Web3Auth SFA Flutter SDK, you can call the `connect`
 method. The method accepts `LoginParams`, and returns `SFAKey`.
 

docs/sdk/sfa/sfa-ios/usage.mdx

@@ -28,6 +28,13 @@ The SingleFactorAuth instance natively provides the following methods:
 
 ## Login User
 
+:::tip
+
+Please refer to the [Authentication](./authentication) section for more details on the setting up
+your verifier and other authentication parameters.
+
+:::
+
 To obtain a user's private key using the Web3Auth SFA iOS SDK, you can call the `connect` method.
 The method accepts `LoginParams`, and returns `SessionData`.
 [Please checkout the SessionData response for more details](#response).

docs/sdk/sfa/sfa-js/usage.mdx

@@ -31,6 +31,13 @@ functions:
 
 ## Logging in your User
 
+:::tip
+
+Please refer to the [Authentication](./authentication) section for more details on the setting up
+your verifier and other authentication parameters.
+
+:::
+
 `connect(loginParams: LoginParams)`
 
 To log a user in the Web3Auth SFA JS SDK, you need to call the `connect()` function.

src/pages/quick-start/index.tsx

@@ -51,6 +51,7 @@ export default function IntegrationBuilderPage({ files }: { files: Record<string
   const [isLinkCopied, setLinkCopied] = useState<boolean>(false);
   const [IBCountdown, setIBCountdown] = useState<number>(10);
   const [builderView, setBuilderView] = useState<boolean>(true);
+  const [abortCountdown, setAbortCountdown] = useState<boolean>(false);
   const [showPreviewModal, setShowPreviewModal] = useState<boolean>(false);
   const url = new URL(getWindowLocation());
   const [stepIndex, setStepIndex] = useState(
@@ -118,6 +119,7 @@ export default function IntegrationBuilderPage({ files }: { files: Record<string
       ...builderOptions,
       [optionKey]: optionValue,
     });
+    setAbortCountdown(true);
   };
 
   const toggleBuilderView = async () => {
@@ -173,7 +175,7 @@ export default function IntegrationBuilderPage({ files }: { files: Record<string
     if (IBCountdown > 0) {
       setTimeout(() => setIBCountdown(IBCountdown - 1), 1000);
     }
-    if (IBCountdown === 0 && builderView) {
+    if (IBCountdown === 0 && builderView && !abortCountdown) {
       toggleBuilderView();
     }
   }, [IBCountdown]);
@@ -330,26 +332,8 @@ export default function IntegrationBuilderPage({ files }: { files: Record<string
             <div className={styles.optionsHeader}>
               <h2 className={styles.optionsHeaderText}>Builder Settings</h2>
               <div className={styles.optionsHeaderButtonsContainer}>
-                {/* {integration.embedLink && (
-                  <button
-                    className={styles.previewButton}
-                    onClick={() => togglePreviewModal(integration.embedLink)}
-                    type="button"
-                    id="headerButton"
-                  >
-                    Preview
-                  </button>
-                )} */}
-                {/* <button
-                  className={styles.copyButton}
-                  onClick={() => window.open(integration.sourceCodeLink, "_blank")}
-                  type="button"
-                  id="headerButton"
-                >
-                  Source Code
-                </button> */}
                 <button className={styles.hideButton} onClick={toggleBuilderView} type="button">
-                  {IBCountdown ? `${IBCountdown}s` : ""}
+                  {IBCountdown && !abortCountdown ? `${IBCountdown}s` : ""}
                   <svg
                     width="20"
                     height="21"