=> {
@@ -439,236 +297,137 @@ function App() {
privKey: new BN(coreKitInstance.metadataKey!, "hex"),
input: { message: "KEY_NOT_FOUND" },
});
- uiConsole('reset');
+ uiConsole("reset");
setProvider(null);
- }
-
- const sendTransaction = async () => {
- if (!web3) {
- uiConsole("web3 not initialized yet");
- return;
- }
- const fromAddress = (await web3.eth.getAccounts())[0];
-
- const destination = "0x2E464670992574A613f10F7682D5057fB507Cc21";
- const amount = web3.utils.toWei("0.0001"); // Convert 1 ether to wei
-
- // Submit transaction to the blockchain and wait for it to be mined
- uiConsole("Sending transaction...");
- const receipt = await web3.eth.sendTransaction({
- from: fromAddress,
- to: destination,
- value: amount,
- });
- uiConsole(receipt);
};
- const createSecurityQuestion = async (question: string, answer: string) => {
+ const exportTssKey = async () => {
if (!coreKitInstance) {
throw new Error("coreKitInstance is not set");
}
- await securityQuestion.setSecurityQuestion({ mpcCoreKit: coreKitInstance, question, answer, shareType: TssShareType.RECOVERY });
- setNewQuestion(undefined);
- let result = await securityQuestion.getQuestion(coreKitInstance);
- if (result) {
- setQuestion(question);
- }
- }
+ const key = await coreKitInstance._UNSAFE_exportTssKey();
+ console.log('key', key);
+ let web3Local = new Web3("https://eth.llamarpc.com");
- const changeSecurityQuestion = async (newQuestion: string, newAnswer: string, answer: string) => {
- if (!coreKitInstance) {
- throw new Error("coreKitInstance is not set");
- }
- await securityQuestion.changeSecurityQuestion({ mpcCoreKit: coreKitInstance, newQuestion, newAnswer, answer });
- let result = await securityQuestion.getQuestion(coreKitInstance);
- if (result) {
- setQuestion(question);
- }
- }
- const deleteSecurityQuestion = async () => {
- if (!coreKitInstance) {
- throw new Error("coreKitInstance is not set");
- }
- await securityQuestion.deleteSecurityQuestion(coreKitInstance);
- setQuestion(undefined);
-
- }
+ let account = web3Local.eth.accounts.privateKeyToAccount(`0x${key}`);
+ console.log('account', account);
+ let gas = await web3Local.eth.estimateGas({ to: "0x2E464670992574A613f10F7682D5057fB507Cc21", value: "1000000000000000000" })
+ let signedTx = await account.signTransaction({ to: "0x2E464670992574A613f10F7682D5057fB507Cc21", value: "1000000000000000000", gas: gas});
+ console.log('signedTx', signedTx);
+ return key;
+ };
- const enableMFA = async () => {
- if (!coreKitInstance) {
- throw new Error("coreKitInstance is not set");
+ const importTssKey = async (importedTssKey: string) => {
+ let email = window.prompt("Enter new email to import your key");
+ while (email == null) {
+ window.alert("Please enter valid/non-empty email");
+ email = window.prompt("Enter new email to import your key");
}
- const factorKey = await coreKitInstance.enableMFA({});
- const factorKeyMnemonic = await keyToMnemonic(factorKey);
- uiConsole("MFA enabled, device factor stored in local store, deleted hashed cloud key, your backup factor key: ", factorKeyMnemonic);
- }
+ setMockEmail(email);
+ setLoading(true);
+ // import key to new instance
+ let { idToken, parsedToken } = await mockLogin(email);
- const commit = async () => {
- if (!coreKitInstance) {
- throw new Error("coreKitInstance is not set");
- }
- await coreKitInstance.commitChanges();
- }
-
- const loggedInView = (
- <>
- Account Details
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Recovery/ Key Manipulation
-
-
Enabling MFA
-
-
-
-
Manual Factors Manipulation
-
-
-
-
-
-
-
-
- setFactorPubToDelete(e.target.value)}>
-
-
-
- setBackupFactorKey(e.target.value)}>
-
-
-
-
-
Security Question
-
-
{question}
-
-
-
-
-
-
-
Blockchain Calls
-
-
-
-
-
+ const newCoreKitInstance = new Web3AuthMPCCoreKit({
+ web3AuthClientId: "BPi5PB_UiIZ-cPz1GtV5i1I2iOSOHuimiXBI0e-Oe_u6X3oVAbCiAZOTEBtTXw4tsluTITPqA8zMsfxIKMjiqNQ",
+ web3AuthNetwork: selectedNetwork,
+ uxMode: "redirect",
+ manualSync: true,
+ setupProviderOnInit: false,
+ });
+ await newCoreKitInstance.init({ handleRedirectResult: false, rehydrate: false });
+ uiConsole("TSS Private Key: ", importedTssKey);
+
+ await newCoreKitInstance.loginWithJWT({
+ verifier: "torus-test-health",
+ verifierId: parsedToken.email,
+ idToken: idToken,
+ importTssKey: importedTssKey,
+ });
+ uiConsole(JSON.stringify({
+ tssPriKey: importedTssKey,
+ coreKitStatus: newCoreKitInstance.status,
+ }));
+ coreKitInstance = newCoreKitInstance;
+
+ setUpProvider();
+ setCoreKitStatus(newCoreKitInstance.status);
+ setLoading(false);
+ };
-
-
-
+ const recoverTssKey = async (factorKeys: string[]) => {
+ const recoverMpcInstance = new Web3AuthMPCCoreKit({
+ web3AuthClientId: "BPi5PB_UiIZ-cPz1GtV5i1I2iOSOHuimiXBI0e-Oe_u6X3oVAbCiAZOTEBtTXw4tsluTITPqA8zMsfxIKMjiqNQ",
+ web3AuthNetwork: selectedNetwork,
+ uxMode: "redirect",
+ manualSync: true,
+ setupProviderOnInit: false,
+ // sessionTime: 3600, // <== can provide variable session time based on user subscribed plan
+ });
+ await recoverMpcInstance.init({ handleRedirectResult: false, rehydrate: false });
+
+ let recoveredTssKey = await recoverMpcInstance._UNSAFE_recoverTssKey(factorKeys);
+ uiConsole("Recovered TSS Private Key: ", recoveredTssKey);
+ // let web3Local = new Web3("https://eth.llamarpc.com");
+ // let account = web3Local.eth.accounts.privateKeyToAccount(recoveredTssKey);
+ // let signedTx = await account.signTransaction({ to: "0x2E464670992574A613f10F7682D5057fB507Cc21", value: "1000000000000000000" });
+ // console.log(signedTx);
+ return recoveredTssKey;
+ };
-
+ const exportTssKeyImportTssKey = async (newOauthLogin?: string) => {
+ console.log('exportTssKeyImportTssKeyFunc', newOauthLogin);
+ let key = await exportTssKey();
+ console.log('key', key);
+ await logout();
+ // wait for 2 sec before import and login
+ await new Promise(r => setTimeout(r, 2000));
+ await importTssKey(key);
+ };
-
+ const recoverTssKeyImportTssKey = async () => {
+ const deviceShare = isHex(deviceFactorKey) ? deviceFactorKey : mnemonicToKey(deviceFactorKey);
+ const recoveryShare = isHex(recoveryFactor) ? recoveryFactor : mnemonicToKey(recoveryFactor);
+ const factorKeys = [deviceShare, recoveryShare];
+ let key = await recoverTssKey(factorKeys);
+ await importTssKey(key);
+ };
-
+ const getPubXFromFactorKey = async (recoveryFactor: string) => {
+ const factorKey = isHex(recoveryFactor) ? recoveryFactor : mnemonicToKey(recoveryFactor);
+ // start with a new initialized instance
+ const coreKitInst = new Web3AuthMPCCoreKit({
+ web3AuthClientId: "BPi5PB_UiIZ-cPz1GtV5i1I2iOSOHuimiXBI0e-Oe_u6X3oVAbCiAZOTEBtTXw4tsluTITPqA8zMsfxIKMjiqNQ",
+ web3AuthNetwork: selectedNetwork,
+ uxMode: "redirect",
+ manualSync: true,
+ setupProviderOnInit: false,
+ });
+ await coreKitInst.init({ handleRedirectResult: false, rehydrate: false });
-
+ const factorKeyBN = new BN(factorKey, "hex");
-
+ const factorKeyMetadata = await coreKitInst.tKey?.storageLayer.getMetadata({ privKey: factorKeyBN });
+ if (!factorKeyMetadata || factorKeyMetadata.message === "KEY_NOT_FOUND") {
+ throw new Error("no metadata for your factor key, reset your account");
+ }
-
-
-
- );
+ const shareStore0 = ShareStore.fromJSON(factorKeyMetadata);
+ await coreKitInst.tKey.initialize({ withShare: shareStore0 });
+ let pubX = coreKitInst.tKey.getMetadata().pubKey.x.toString("hex");
+
+ // reset to initialized instance
+ await coreKitInst.init();
+ console.log('pubX', pubX);
+ return pubX;
+ }
const unloggedInView = (
<>
- setMockEmail(e.target.value)}>
+
+ setMockEmail(e.target.value)} />
@@ -676,8 +435,7 @@ function App() {
-
-
+
@@ -689,10 +447,7 @@ function App() {
-
-
-
setAnswer(e.target.value)}>
@@ -700,12 +455,31 @@ function App() {
Recover Using Security Answer
-
-
+
+
+
Recover account with factors
+
+
+
+ {loading &&
}```
+
);
@@ -714,17 +488,35 @@ function App() {
-
{coreKitStatus === COREKIT_STATUS.LOGGED_IN ? loggedInView : unloggedInView}
+
+ {coreKitStatus === COREKIT_STATUS.LOGGED_IN ? (
+
+ ) : (
+ unloggedInView
+ )}
+
diff --git a/demo/redirect-flow-example/src/LoggedinView.tsx b/demo/redirect-flow-example/src/LoggedinView.tsx
new file mode 100644
index 00000000..83b7c856
--- /dev/null
+++ b/demo/redirect-flow-example/src/LoggedinView.tsx
@@ -0,0 +1,207 @@
+import { Web3AuthMPCCoreKit, Point, keyToMnemonic, TssShareType, generateFactorKey, mnemonicToKey } from "@web3auth/mpc-core-kit";
+import { useState } from "react";
+import SecurityQuestion from "./components/SecurityQuestion";
+import BlockchainCalls from "./components/BlockchainCalls";
+import { CHAIN_NAMESPACE } from "./utils";
+import Web3 from "web3";
+import LoadingSpinner from "./components/LoadingIndicator";
+
+interface ILoggedinViewProps {
+ web3: Web3;
+ coreKitInstance: Web3AuthMPCCoreKit;
+ criticalResetAccount: () => void;
+ logout: () => void;
+ switchChain: (namespace: CHAIN_NAMESPACE) => void;
+ inputBackupFactorKey: () => void;
+ exportImportTssKey: () => void;
+}
+
+function uiConsole(...args: any[]): void {
+ const el = document.querySelector("#console>p");
+ if (el) {
+ el.innerHTML = JSON.stringify(args || {}, null, 2);
+ }
+ console.log(...args);
+}
+
+function LoggedinView({ web3, coreKitInstance, criticalResetAccount, logout, inputBackupFactorKey, switchChain, exportImportTssKey }: ILoggedinViewProps) {
+ const [exportTssShareType, setExportTssShareType] = useState
(TssShareType.DEVICE);
+ const [factorPubToDelete, setFactorPubToDelete] = useState("");
+ const [backupFactorKey, setBackupFactorKey] = useState(undefined);
+ const [loading, setLoading] = useState(false);
+
+ const getUserInfo = async () => {
+ const userInfo = coreKitInstance.getUserInfo();
+ uiConsole(userInfo);
+ };
+
+ const keyDetails = async () => {
+ if (!coreKitInstance) {
+ throw new Error("coreKitInstance not found");
+ }
+ uiConsole(coreKitInstance.getKeyDetails());
+ };
+
+ const listFactors = async () => {
+ if (!coreKitInstance) {
+ throw new Error("coreKitInstance not found");
+ }
+ const factorPubs = coreKitInstance.tKey.metadata.factorPubs;
+ if (!factorPubs) {
+ throw new Error("factorPubs not found");
+ }
+ const pubsHex = factorPubs[coreKitInstance.tKey.tssTag].map((pub: any) => {
+ return Point.fromTkeyPoint(pub).toBufferSEC1(true).toString("hex");
+ });
+ uiConsole(pubsHex);
+ };
+
+ const commit = async () => {
+ if (!coreKitInstance) {
+ throw new Error("coreKitInstance is not set");
+ }
+ await coreKitInstance.commitChanges();
+ };
+
+ const enableMFA = async () => {
+ setLoading(true);
+ if (!coreKitInstance) {
+ throw new Error("coreKitInstance is not set");
+ }
+ const factorKey = await coreKitInstance.enableMFA({});
+ const factorKeyMnemonic = keyToMnemonic(factorKey);
+
+ uiConsole("MFA enabled, device factor stored in local store, deleted hashed cloud key, your backup factor key: ", factorKeyMnemonic);
+ setLoading(false);
+ };
+
+ const exportFactor = async (): Promise => {
+ if (!coreKitInstance) {
+ throw new Error("coreKitInstance is not set");
+ }
+ uiConsole("export share type: ", exportTssShareType);
+ const factorKey = generateFactorKey();
+ await coreKitInstance.createFactor({
+ shareType: exportTssShareType,
+ factorKey: factorKey.private,
+ });
+ let mnemonic = keyToMnemonic(factorKey.private.toString("hex"));
+ let key = mnemonicToKey(mnemonic);
+
+ uiConsole("Export factor key: ", factorKey);
+ console.log("menmonic : ", mnemonic);
+ console.log("key: ", key);
+ };
+
+ const deleteFactor = async (): Promise => {
+ if (!coreKitInstance) {
+ throw new Error("coreKitInstance is not set");
+ }
+ const pubBuffer = Buffer.from(factorPubToDelete, "hex");
+ const pub = Point.fromBufferSEC1(pubBuffer);
+ await coreKitInstance.deleteFactor(pub.toTkeyPoint());
+ uiConsole("factor deleted");
+ };
+
+ const unsafeExportTssKey = async () => {
+ const exportedTssKey = await coreKitInstance._UNSAFE_exportTssKey();
+ let web3Local = new Web3("https://eth.llamarpc.com");
+
+ let account = web3Local.eth.accounts.privateKeyToAccount(`0x${exportedTssKey}`);
+ console.log('account', account);
+ let gas = await web3Local.eth.estimateGas({ to: "0x2E464670992574A613f10F7682D5057fB507Cc21", value: "1000000000000000000" })
+ let signedTx = await account.signTransaction({ to: "0x2E464670992574A613f10F7682D5057fB507Cc21", value: "1000000000000000000", gas: gas});
+ console.log('signedTx', signedTx);
+ uiConsole(exportedTssKey);
+ }
+
+ const exportAndImportTssKey = () => {
+ console.log('exportAndImportTssKey', exportAndImportTssKey);
+ exportImportTssKey();
+ }
+
+ return (
+
+
Account Details
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Recovery/ Key Manipulation
+
+
Enabling MFA
+
+
+
+
Manual Factors Manipulation
+
+
+
+
+
+
+
+ setFactorPubToDelete(e.target.value)}>
+
+
+
+ setBackupFactorKey(e.target.value)}>
+
+
+
+
+
+
+
+
+ {loading &&
}
+
Blockchain Calls
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default BlockchainCalls;
diff --git a/demo/redirect-flow-example/src/components/LoadingIndicator.tsx b/demo/redirect-flow-example/src/components/LoadingIndicator.tsx
new file mode 100644
index 00000000..3832e0fe
--- /dev/null
+++ b/demo/redirect-flow-example/src/components/LoadingIndicator.tsx
@@ -0,0 +1,18 @@
+import "./styles.css";
+
+const LoadingSpinner = () => {
+ return (
+
+ );
+}
+
+export default LoadingSpinner;
diff --git a/demo/redirect-flow-example/src/components/SecurityQuestion.tsx b/demo/redirect-flow-example/src/components/SecurityQuestion.tsx
new file mode 100644
index 00000000..2696148b
--- /dev/null
+++ b/demo/redirect-flow-example/src/components/SecurityQuestion.tsx
@@ -0,0 +1,88 @@
+import { useState } from "react";
+import { TssSecurityQuestion, TssShareType, Web3AuthMPCCoreKit } from "@web3auth/mpc-core-kit";
+
+
+interface ISecurityQuestionProps {
+ // createSecurityQuestion: (question: string, answer: string) => void;
+ // changeSecurityQuestion: (question: string, newAnswer: string, oldAnswer: string) => void;
+ // deleteSecurityQuestion: () => void;
+ coreKitInstance: Web3AuthMPCCoreKit
+}
+
+const SecurityQuestion = ({ coreKitInstance }: ISecurityQuestionProps) => {
+ const securityQuestion: TssSecurityQuestion = new TssSecurityQuestion();
+
+ const [question, setQuestion] = useState(undefined);
+ const [newQuestion, setNewQuestion] = useState(undefined);
+ const [answer, setAnswer] = useState(undefined);
+ const [newAnswer, setNewAnswer] = useState(undefined);
+
+ const createSecurityQuestion = async (question: string, answer: string) => {
+ if (!coreKitInstance) {
+ throw new Error("coreKitInstance is not set");
+ }
+ await securityQuestion.setSecurityQuestion({ mpcCoreKit: coreKitInstance, question, answer, shareType: TssShareType.RECOVERY });
+ setNewQuestion(undefined);
+ let result = securityQuestion.getQuestion(coreKitInstance);
+ if (result) {
+ setQuestion(question);
+ }
+ }
+
+ const changeSecurityQuestion = async (newQuestion: string, newAnswer: string, answer: string) => {
+ if (!coreKitInstance) {
+ throw new Error("coreKitInstance is not set");
+ }
+ await securityQuestion.changeSecurityQuestion({ mpcCoreKit: coreKitInstance, newQuestion, newAnswer, answer });
+ let result = securityQuestion.getQuestion(coreKitInstance);
+ if (result) {
+ setQuestion(question);
+ }
+ }
+
+ const deleteSecurityQuestion = async () => {
+ if (!coreKitInstance) {
+ throw new Error("coreKitInstance is not set");
+ }
+ await securityQuestion.deleteSecurityQuestion(coreKitInstance);
+ setQuestion(undefined);
+ }
+
+ return (
+ <>
+ Security Question
+
+ {question}
+
+
+
+
+
+