-
-
-
-
- );
-}
-
-export default App;
diff --git a/demo/custom-ui-react-app/src/components/Loader.tsx b/demo/custom-ui-react-app/src/components/Loader.tsx
deleted file mode 100644
index 32355b9ab..000000000
--- a/demo/custom-ui-react-app/src/components/Loader.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Oval } from "react-loader-spinner"
-function Loader(){
- return (
- - - Web3Auth - {" "} - & ReactJS Example -
-
-
-
-
- );
-
- const unloggedInView = (
-
-
-
-
- );
-
- return isLoading ?
- (
-
- 
-
-
- Login With
- - - - - - -
-
- ): (
- {provider ? loggedInView : unloggedInView}
- )
-};
-
-export default Main;
diff --git a/demo/custom-ui-react-app/src/components/Setting.tsx b/demo/custom-ui-react-app/src/components/Setting.tsx
deleted file mode 100644
index 19cf21498..000000000
--- a/demo/custom-ui-react-app/src/components/Setting.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import { ChangeEvent } from "react";
-import { CHAIN_CONFIG, CHAIN_CONFIG_TYPE } from "../config/chainConfig";
-import { WEB3AUTH_NETWORK, WEB3AUTH_NETWORK_TYPE } from "../config/web3AuthNetwork";
-import styles from "../styles/Home.module.css";
-import { Web3AuthContext } from "../services/web3auth";
-import { useContext } from "react";
-
-interface IProps {
- setNetwork: (network: WEB3AUTH_NETWORK_TYPE) => void;
- setChain: (chain: CHAIN_CONFIG_TYPE) => void;
-}
-
-const Setting = ({ setNetwork, setChain }: IProps) => {
- const networkChangeHandler = (e: ChangeEvent
-
- );
-};
-
-export default Setting;
diff --git a/demo/custom-ui-react-app/src/config/chainConfig.ts b/demo/custom-ui-react-app/src/config/chainConfig.ts
deleted file mode 100644
index 9f16e5d31..000000000
--- a/demo/custom-ui-react-app/src/config/chainConfig.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { CHAIN_NAMESPACES, CustomChainConfig } from "@web3auth/base";
-
-export const CHAIN_CONFIG = {
- mainnet: {
- displayName: "Ethereum Mainnet",
- chainNamespace: CHAIN_NAMESPACES.EIP155,
- chainId: "0x1",
- rpcTarget: `https://rpc.ankr.com/eth`,
- blockExplorer: "https://etherscan.io/",
- ticker: "ETH",
- tickerName: "Ethereum",
- } as CustomChainConfig,
- solana: {
- chainNamespace: CHAIN_NAMESPACES.SOLANA,
- rpcTarget: "https://api.mainnet-beta.solana.com",
- blockExplorer: "https://explorer.solana.com/",
- chainId: "0x1",
- displayName: "Solana Mainnet",
- ticker: "SOL",
- tickerName: "Solana",
- } as CustomChainConfig,
- polygon: {
- chainNamespace: CHAIN_NAMESPACES.EIP155,
- rpcTarget: "https://polygon-rpc.com",
- blockExplorer: "https://polygonscan.com/",
- chainId: "0x89",
- displayName: "Polygon Mainnet",
- ticker: "matic",
- tickerName: "Matic",
- } as CustomChainConfig,
-} as const;
-
-export type CHAIN_CONFIG_TYPE = keyof typeof CHAIN_CONFIG;
diff --git a/demo/custom-ui-react-app/src/config/web3AuthNetwork.ts b/demo/custom-ui-react-app/src/config/web3AuthNetwork.ts
deleted file mode 100644
index 1dbbf12c6..000000000
--- a/demo/custom-ui-react-app/src/config/web3AuthNetwork.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export const WEB3AUTH_NETWORK = {
- mainnet: {
- displayName: "Mainnet",
- },
- testnet: {
- displayName: "Testnet",
- },
- cyan: {
- displayName: "Cyan",
- },
-} as const;
-
-export type WEB3AUTH_NETWORK_TYPE = keyof typeof WEB3AUTH_NETWORK;
diff --git a/demo/custom-ui-react-app/src/index.css b/demo/custom-ui-react-app/src/index.css
deleted file mode 100644
index ec2585e8c..000000000
--- a/demo/custom-ui-react-app/src/index.css
+++ /dev/null
@@ -1,13 +0,0 @@
-body {
- margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
- 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
- sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-code {
- font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
- monospace;
-}
diff --git a/demo/custom-ui-react-app/src/index.tsx b/demo/custom-ui-react-app/src/index.tsx
deleted file mode 100644
index 846ed2ced..000000000
--- a/demo/custom-ui-react-app/src/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import "./index.css";
-import App from "./App";
-
-ReactDOM.render(
-
-
-
-
-
-
-
-
-
@@ -20,7 +20,7 @@ function App() {
{" "}
& ReactJS Example
-
)
diff --git a/packages/ui/src/components/SocialLoginPasswordless.tsx b/packages/ui/src/components/SocialLoginPasswordless.tsx
index 61746c342..d43463bd1 100644
--- a/packages/ui/src/components/SocialLoginPasswordless.tsx
+++ b/packages/ui/src/components/SocialLoginPasswordless.tsx
@@ -3,6 +3,7 @@ import { ChangeEvent, FormEvent, useContext, useEffect, useMemo, useState } from
import { useTranslation } from "react-i18next";
import { ThemedContext } from "../context/ThemeContext";
+import i18n from "../localeImport";
import { getUserCountry, validatePhoneNumber } from "../utils";
import Icon from "./Icon";
@@ -12,16 +13,17 @@ interface SocialLoginPasswordlessProps {
isSmsVisible: boolean;
adapter: string;
handleSocialLoginClick: (params: { adapter: string; loginParams: { loginProvider: string; login_hint?: string; name: string } }) => void;
+ primaryColor?: string;
}
export default function SocialLoginPasswordless(props: SocialLoginPasswordlessProps) {
- const { handleSocialLoginClick, adapter, isPrimaryBtn, isEmailVisible, isSmsVisible } = props;
+ const { handleSocialLoginClick, adapter, isPrimaryBtn, isEmailVisible, isSmsVisible, primaryColor } = props;
const { isDark } = useContext(ThemedContext);
const [fieldValue, setFieldValue] = useState{t("modal.errors-invalid-number-email")}
}
-