Try to web module login in safari browser that time google popup is open than select email id than not login ?
Same issue phone and laptop both in safari browser but chrome browser complete work !!
i am use “@web3auth/mpc-core-kit”.
How to solve ?
@limbachiyachintan500 MacOS / iOS blocks Pop-ups by default. If you are using the redirect as popup mode, all users need to follow the below settings in the article for Safari on MacOS/iOS to allow popups on their Safari browsers:
MPC Corekit modal allows you to use redirect mode.
you can set it using uxMode: 'redirect' instead of pop-up mode.
Please refer to the documentation above and if you need, here is the example using the same.
@vjgee But i am use uxMode: 'redirect' but show warning like
history.ts:501 No routes matched location “/serviceworker/redirect#state=eyJpbnN0YW5jZUlkIjoidGE0OHF6eHF6dyIsInZlcmlmaWVyIjoiYmxvay1jYXBpdGFsIiwidHlwZU9mTG9naW4iOiJnb29nbGUiLCJyZWRpcmVjdFRvT3BlbmVyIjpmYWxzZX0%253D&access_token=ya29.a0AfB_byDf3-tHvgho_kncL0h0ZbuPcChMJkzKFpve501nyh7g9SjG7ltR0ez3Ss2ZMOyXspntXgMKaWJelixlIJG5ZeWkPS7gUvPU97qUk11-5o2hexgFUDqfRkCixTZVg8rjAdh3NfajdkAEBLRU-ZM2sXe_L91A5QaCgYKAesSARMSFQHGX2Miqg4hcMqoQSCESLGTs0GawQ0169&token_type=Bearer&expires_in=3599&scope=email%20profile%20https://www.googleapis.com/auth/userinfo.profile%20openid%20https://www.googleapis.com/auth/userinfo.email&id_token=eyJhbGciOiJSUzI1NiIsImtpZCI6IjBlNzJkYTFkZjUwMWNhNmY3NTZiZjEwM2ZkN2M3MjAyOTQ3NzI1MDYiLCJ0eXAiOiJKV1QifQ.eyJpc3MiOiJodHRwczovL2FjY291bnRzLmdvb2dsZS5jb20iLCJhenAiOiI3Mzk2ODM3Njc1NDYtcG5hNnViY3RyMDhhYTBjYTA1M3N2MGQ3Zm9qMjhucjkuYXBwcy5nb29nbGV1c2VyY29udGVudC5jb20iLCJhdWQiOiI3Mzk2ODM3Njc1NDYtcG5hNnViY3RyMDhhYTBjYTA1M3N2MGQ3Zm9qMjhucjkuYXBwcy5nb29nbGV1c2VyY29udGVudC5jb20iLCJzdWIiOiIxMTQ3MTc3NDk4MjQyNTg3NzQ3NjciLCJlbWFpbCI6InRlc3QudGFudGhldGFhQGdtYWlsLmNvbSIsImVtYWlsX3ZlcmlmaWVkIjp0cnVlLCJhdF9oYXNoIjoieGVvaFNfSG5UcTBwVW9jcGxzd2lDUSIsIm5vbmNlIjoidGE0OHF6eHF6dyIsIm5iZiI6MTcwMTMyMjM1NiwibmFtZSI6IkhhcnJ5IiwicGljdHVyZSI6Imh0dHBzOi8vbGgzLmdvb2dsZXVzZXJjb250ZW50LmNvbS9hL0FDZzhvY0pVRXpVVWhIYUtRd1h3amg3akM1aUtXSmJBSmU2NWRfNTVSSFI2bWZ0Nz1zOTYtYyIsImdpdmVuX25hbWUiOiJIYXJyeSIsImxvY2FsZSI6ImVuIiwiaWF0IjoxNzAxMzIyNjU2LCJleHAiOjE3MDEzMjYyNTYsImp0aSI6IjI4YWNiYzFkYTgwZWYwYjM1NGY4OGQwMDBlMTE0Mjk2ZjM0NzU0ZWYifQ.XfaEwC1-do2VQu2c_laUwJudDoUx_Gk_YqK4PUTPAAnGPMCxMF6sJiQh0YEtaSQdmRiGn74EmHBtts9oBP4zbTxev8D7pGYfelqwul7l1QOeTctNaPcKRaNMf0wbUKMLq6rTH2F4kPPB9hFtKrm4fK7mld0LR9bAObPdzryuVl-IIAuiY7HEko1cm27RZXgiVRvZ7nfkP8QoRhcz67Y67Gd2Tpn5xvYINTlyFJ0gUleUCrtiR5iczBsz9H94L9Pz1NShFn5TpQyK_p6gLzhY0ToqOPI3Ka6tKVJ0H0W_dP8kaWBr9x2TnLQAZxJh7YIpkgWzV–PwnalGT7s-tn9fg&authuser=0&prompt=consent&version_info=CmxfU1ZJX0VMS2EwZVNBNjRJREdCQWlQMDFCUlVSSVpsOXhPVGRFTTNWbGFsOVljVnBuYjJ0MlQydHZXa1JtYWtWRVRIQlFZVlkwZVc4d1VIRmxOVWh5WnkxbFpXWldRbXBTWjNNMGFHVXlUUV8”
and not create a wallet account !!
How to solve ?
Our team will check and get back.
Please share your implementation code and package.json file.
Hey @vjgee,
Below my implementation code :
const selectedNetwork = WEB3AUTH_NETWORK.MAINNET;
const clientidweb3 = process.env.REACT_APP_WEB3AUTH_CLIENTID;
const coreKitInstance = new Web3AuthMPCCoreKit({
web3AuthClientId: clientidweb3 as string,
web3AuthNetwork: selectedNetwork,
uxMode: "popup",
chainConfig: {
chainNamespace: "eip155",
chainId: "0x1",
rpcTarget: "https://rpc.ankr.com/eth",
displayName: "Ethereum Mainnet",
blockExplorer: "https://etherscan.io",
ticker: "ETH",
tickerName: "Ethereum",
},
});
useEffect(() => {
if (coreKitInstance) {
const init = async () => {
await coreKitInstance.init();
if (coreKitInstance.provider) {
setProvidercorkit(coreKitInstance.provider);
}
setCoreKitStatus(coreKitInstance.status);
};
init();
}
}, [coreKitInstance]);
useEffect(() => {
if (providercorkit) {
const web3 = new Web3(providercorkit);
setWeb3(web3);
}
}, []);
const login = async () => {
try {
setIsLoading(true);
if (!coreKitInstance) {
throw new Error("initiated to login");
}
// console.log("1");
const verifierConfig = {
subVerifierDetails: {
typeOfLogin: "google",
verifier: "blok-capital",
clientId: process.env.REACT_APP_GOOGLE_ID,
},
} as SubVerifierDetailsParams;
await coreKitInstance.loginWithOauth(verifierConfig);
if (coreKitInstance.status === COREKIT_STATUS.REQUIRED_SHARE) {
console.log(
"required more shares, please enter your backup/ device factor key, or reset account unrecoverable once reset, please use it with caution]"
);
setResetaccount(true);
}
if (coreKitInstance.provider) {
setProvidercorkit(coreKitInstance.provider);
setWeb3AuthSigner(coreKitInstance.provider);
}
const userdata: UserData =
coreKitInstance.getUserInfo() as unknown as UserData;
setUserinfo(userdata);
setsucessfullogin(true);
} catch (error) {
console.log(error);
setResetaccount(true);
console.error(error);
} finally {
setIsLoading(false);
}
};
package.json here
{
"name": "mpc-core-kit-redirect-flow-example",
"version": "0.1.0",
"private": true,
"dependencies": {
"@alchemy/aa-core": "^0.1.0-alpha.23",
"@tanstack/react-query": "^5.8.2",
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"@types/jest": "^27.5.2",
"@types/node": "^16.18.48",
"@types/react": "^18.2.21",
"@types/react-dom": "^18.2.7",
"@web3auth/base": "^7.1.0",
"@web3auth/mpc-core-kit": "^1.1.0",
"@zerodev/sdk": "^4.3.1",
"abitype": "^0.10.2",
"ajv": "^8.12.0",
"alchemy-sdk": "^2.11.0",
"axios": "^1.6.2",
"bn.js": "^5.2.1",
"browserify-zlib": "^0.2.0",
"clipboard-copy": "^4.0.1",
"copy-webpack-plugin": "^11.0.0",
"ethers": "^6.8.1",
"html-webpack-plugin": "^5.5.3",
"jsrsasign": "^10.6.1",
"lucide-react": "^0.292.0",
"querystring-es3": "^0.2.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-icons": "^4.12.0",
"react-router-dom": "^6.18.0",
"react-scripts": "5.0.1",
"react-spinners": "^0.13.8",
"react-toastify": "^9.1.3",
"styled-components": "^6.1.1",
"typescript": "^4.9.5",
"uninstall": "^0.0.0",
"viem": "^1.5.3",
"web-vitals": "^2.1.4",
"web3": "^4.2.2",
"web3-core": "^4.3.1"
},
"scripts": {
"start": "react-app-rewired start",
"serve": "serve -s build",
"build": "react-app-rewired build",
"test": "react-app-rewired test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
"chrome >= 67",
"edge >= 79",
"firefox >= 68",
"opera >= 54",
"safari >= 14"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"@types/eccrypto": "^1.1.3",
"@types/elliptic": "^6.4.14",
"@types/jsrsasign": "^10.5.5",
"assert": "^2.0.0",
"buffer": "^6.0.3",
"crypto-browserify": "^3.12.0",
"https-browserify": "^1.0.0",
"os-browserify": "^0.3.0",
"process": "^0.11.10",
"react-app-rewired": "^2.2.1",
"stream-browserify": "^3.0.0",
"stream-http": "^3.2.0",
"tailwindcss": "^3.3.5",
"url": "^0.11.1"
}
}
Your issue is under review with our team and we will get back with further updates.
Thanks for your patience.
Could you please use the latest versions for the above:
“@web3auth/base”: “^7.2.0”,
“@web3auth/mpc-core-kit”: “^1.2.0”,
Have you added your application’s redirect URI into the “Authorized redirect URIs” field. This is the URL that Google will redirect to after authentication. http://localhost:3000/serviceworker/redirect
Have you setup the Service worker as documented here
Here is our detailed guide on how to setup MPC Corekit:
The minimum pricing plan to use this SDK in a production environment is the Enterprise Plan. However, you can use this SDK with all features enabled in the development environment for free. I see you have setup on Mainnet, can you setup a project on sapphire_devnet, create a verifier for the same and specify as web3AuthNetwork: WEB3AUTH_NETWORK.DEVNET in your code
Hey @vjgee,
Considering the above problem We Discussed with your partnership team person named “Annie”. They said that It’ll be possible for you to launch with our MPC TSS SDK on your current plan. Can you also share the link of the issue that you were facing and shared during our call? So we can work on it from our side .
But In TSS MPC SDK first time user login happens but second time login, its asks for share that all time input Backup/ Device Share , But We want to have easy login simple click login with google and create a account which is happening in MPC Core KIT SDK with single Factor auth where share were stored in the device.
How to solve the apple device problem Using Web3Auth TSS or MPC Core Kit SDK ?
Hey @cherngwoei,
Thank you for a replay i will try above example.
Suppose i want to do multichain how can i do it in MPC Core Kit SDK ?
Multichain (evm) feature is in the pipeline.
will be out in Jan.
1 Like
This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.