From 4f0b49f6845dc181c6c4b14c02ad47a8a973c770 Mon Sep 17 00:00:00 2001 From: sshmatrix <19473027+sshmatrix@users.noreply.github.com> Date: Sun, 16 Jul 2023 17:49:57 +0530 Subject: [PATCH] Goerli-v3 (#6) * auto-commit: gh-pages * loading overlay * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * some finetuning * some fixes for search results * fixes for search functionality * more fixes for search result caching * search caching fixed * auto-commit: gh-pages * Txn 2 trigger fix * Recordhash status fixes * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * auto-commit: gh-pages * All major fixes; ready for merge * Tuning * Txn 1 & 2 workflows merged * auto-commit: gh-pages * Minor fixes * 0x0x formatting fix * Most fixes; only Signature Matching pending * Most fixes in Record View * S3(K1) implemented * Timer Implemented * Queue implementation * Wallet switching enabled * ModalState update * S2 trigger fix * auto-commit: gh-pages * Full Send Goerli-v3 --- abi/contract-abi-ccip2.json | 367 ++++++++-- components/Help.tsx | 2 +- components/List.tsx | 18 +- components/Preview.tsx | 684 ++++++++++++------ out/.nojekyll | 0 out/404.html | 11 - out/404.html.html | 11 - .../-4bTu6IvJX_pSI2a7_BlZ/_buildManifest.js | 1 + .../_middlewareManifest.js | 0 .../_ssgManifest.js | 0 .../static/chunks/111-f92994f0c7219233.js | 1 + .../chunks/1a48c3c1-ea9b1f3629fa0b1b.js | 1 - .../static/chunks/473-9ee6be87a8a8a50b.js | 1 + .../static/chunks/48-46d0c9f1dea1343d.js | 1 - .../static/chunks/904-fdd6e649b1a1bbf8.js | 1 - .../static/chunks/main-126f29af672be3d3.js | 1 - .../chunks/pages/_app-69b6ebce3980294a.js | 1 + .../chunks/pages/_app-fdabfc47e9c48fe8.js | 1 - .../chunks/pages/account-08701c9c1881f1de.js | 1 - .../chunks/pages/account-6baddd61248dbda1.js | 1 + .../chunks/pages/index-141a31b77e0b6e3b.js | 1 - .../chunks/pages/index-7691056d12655b64.js | 1 + .../static/chunks/webpack-3031d2f8361e4d03.js | 2 +- out/_next/static/css/5566afa56f05c900.css | 2 +- .../xM4IX0StN8qY3N1UkvKNb/_buildManifest.js | 1 - out/account.html | 25 - out/index.html | 25 - pages/account.tsx | 222 ++++-- pages/index.tsx | 26 +- utils/constants.ts | 23 +- 30 files changed, 1002 insertions(+), 430 deletions(-) delete mode 100644 out/.nojekyll create mode 100644 out/_next/static/-4bTu6IvJX_pSI2a7_BlZ/_buildManifest.js rename out/_next/static/{xM4IX0StN8qY3N1UkvKNb => -4bTu6IvJX_pSI2a7_BlZ}/_middlewareManifest.js (100%) rename out/_next/static/{xM4IX0StN8qY3N1UkvKNb => -4bTu6IvJX_pSI2a7_BlZ}/_ssgManifest.js (100%) create mode 100644 out/_next/static/chunks/111-f92994f0c7219233.js delete mode 100644 out/_next/static/chunks/1a48c3c1-ea9b1f3629fa0b1b.js create mode 100644 out/_next/static/chunks/473-9ee6be87a8a8a50b.js delete mode 100644 out/_next/static/chunks/48-46d0c9f1dea1343d.js delete mode 100644 out/_next/static/chunks/904-fdd6e649b1a1bbf8.js create mode 100644 out/_next/static/chunks/pages/_app-69b6ebce3980294a.js delete mode 100644 out/_next/static/chunks/pages/_app-fdabfc47e9c48fe8.js delete mode 100644 out/_next/static/chunks/pages/account-08701c9c1881f1de.js create mode 100644 out/_next/static/chunks/pages/account-6baddd61248dbda1.js delete mode 100644 out/_next/static/chunks/pages/index-141a31b77e0b6e3b.js create mode 100644 out/_next/static/chunks/pages/index-7691056d12655b64.js delete mode 100644 out/_next/static/xM4IX0StN8qY3N1UkvKNb/_buildManifest.js diff --git a/abi/contract-abi-ccip2.json b/abi/contract-abi-ccip2.json index a441d133..136443c6 100644 --- a/abi/contract-abi-ccip2.json +++ b/abi/contract-abi-ccip2.json @@ -1,6 +1,12 @@ [ { - "inputs": [], + "inputs": [ + { + "internalType": "address", + "name": "_gateway", + "type": "address" + } + ], "stateMutability": "nonpayable", "type": "constructor" }, @@ -8,7 +14,7 @@ "inputs": [ { "internalType": "bytes32", - "name": "_node", + "name": "node", "type": "bytes32" } ], @@ -19,7 +25,7 @@ "inputs": [ { "internalType": "string", - "name": "_message", + "name": "message", "type": "string" } ], @@ -30,12 +36,12 @@ "inputs": [ { "internalType": "bytes32", - "name": "_node", + "name": "node", "type": "bytes32" }, { "internalType": "address", - "name": "_addr", + "name": "addr", "type": "address" } ], @@ -46,7 +52,7 @@ "inputs": [ { "internalType": "address", - "name": "_addr", + "name": "_to", "type": "address" }, { @@ -107,16 +113,22 @@ { "anonymous": false, "inputs": [ + { + "indexed": true, + "internalType": "address", + "name": "owner", + "type": "address" + }, { "indexed": true, "internalType": "bytes32", - "name": "_node", + "name": "node", "type": "bytes32" }, { "indexed": false, "internalType": "bytes", - "name": "_contenthash", + "name": "contenthash", "type": "bytes" } ], @@ -129,13 +141,13 @@ { "indexed": true, "internalType": "address", - "name": "_addr", + "name": "addr", "type": "address" }, { "indexed": true, "internalType": "uint256", - "name": "_value", + "name": "value", "type": "uint256" } ], @@ -148,32 +160,51 @@ { "indexed": true, "internalType": "address", - "name": "_old", + "name": "oldAddr", "type": "address" }, { "indexed": true, "internalType": "address", - "name": "_new", + "name": "newAddr", "type": "address" } ], "name": "UpdateGatewayManager", "type": "event" }, + { + "anonymous": false, + "inputs": [ + { + "indexed": true, + "internalType": "bytes4", + "name": "sig", + "type": "bytes4" + }, + { + "indexed": true, + "internalType": "bool", + "name": "status", + "type": "bool" + } + ], + "name": "UpdateSupportedInterface", + "type": "event" + }, { "anonymous": false, "inputs": [ { "indexed": true, "internalType": "address", - "name": "_new", + "name": "newAddr", "type": "address" }, { "indexed": true, "internalType": "bool", - "name": "_ok", + "name": "status", "type": "bool" } ], @@ -221,6 +252,30 @@ "stateMutability": "view", "type": "function" }, + { + "inputs": [ + { + "internalType": "bytes", + "name": "response", + "type": "bytes" + }, + { + "internalType": "bytes", + "name": "extradata", + "type": "bytes" + } + ], + "name": "__callback2", + "outputs": [ + { + "internalType": "bytes", + "name": "", + "type": "bytes" + } + ], + "stateMutability": "view", + "type": "function" + }, { "inputs": [ { @@ -235,7 +290,7 @@ }, { "internalType": "bool", - "name": "_approved", + "name": "_approval", "type": "bool" } ], @@ -273,7 +328,7 @@ "name": "gateway", "outputs": [ { - "internalType": "contract iGateway", + "internalType": "contract iGatewayManager", "name": "", "type": "address" } @@ -292,17 +347,17 @@ "inputs": [ { "internalType": "address", - "name": "_owner", + "name": "", "type": "address" }, { "internalType": "bytes32", - "name": "_node", + "name": "", "type": "bytes32" }, { "internalType": "address", - "name": "_signer", + "name": "", "type": "address" } ], @@ -317,6 +372,35 @@ "stateMutability": "view", "type": "function" }, + { + "inputs": [ + { + "internalType": "bytes32", + "name": "_node", + "type": "bytes32" + }, + { + "internalType": "address", + "name": "_owner", + "type": "address" + }, + { + "internalType": "address", + "name": "_manager", + "type": "address" + } + ], + "name": "isAuthorized", + "outputs": [ + { + "internalType": "bool", + "name": "", + "type": "bool" + } + ], + "stateMutability": "view", + "type": "function" + }, { "inputs": [ { @@ -338,13 +422,56 @@ }, { "inputs": [ + { + "internalType": "bytes32[]", + "name": "_node", + "type": "bytes32[]" + }, + { + "internalType": "address[]", + "name": "_signer", + "type": "address[]" + }, + { + "internalType": "bool[]", + "name": "_approval", + "type": "bool[]" + } + ], + "name": "multiApprove", + "outputs": [], + "stateMutability": "nonpayable", + "type": "function" + }, + { + "inputs": [ + { + "internalType": "address", + "name": "_owner", + "type": "address" + }, + { + "internalType": "address", + "name": "_approvedSigner", + "type": "address" + }, { "internalType": "bytes32", - "name": "", + "name": "_node", "type": "bytes32" + }, + { + "internalType": "bytes", + "name": "_signature", + "type": "bytes" + }, + { + "internalType": "string", + "name": "_domain", + "type": "string" } ], - "name": "manager", + "name": "offchainApproved", "outputs": [ { "internalType": "bool", @@ -355,6 +482,19 @@ "stateMutability": "view", "type": "function" }, + { + "inputs": [], + "name": "owner", + "outputs": [ + { + "internalType": "address", + "name": "", + "type": "address" + } + ], + "stateMutability": "view", + "type": "function" + }, { "inputs": [ { @@ -374,6 +514,45 @@ "stateMutability": "view", "type": "function" }, + { + "inputs": [ + { + "internalType": "bytes", + "name": "_encodedName", + "type": "bytes" + }, + { + "internalType": "bytes", + "name": "_requested", + "type": "bytes" + } + ], + "name": "redirectDAppService", + "outputs": [ + { + "internalType": "bytes4", + "name": "_selector", + "type": "bytes4" + }, + { + "internalType": "bytes32", + "name": "_namehash", + "type": "bytes32" + }, + { + "internalType": "bytes", + "name": "_redirectRequest", + "type": "bytes" + }, + { + "internalType": "string", + "name": "domain", + "type": "string" + } + ], + "stateMutability": "view", + "type": "function" + }, { "inputs": [ { @@ -383,7 +562,7 @@ }, { "internalType": "bytes", - "name": "data", + "name": "request", "type": "bytes" } ], @@ -400,6 +579,29 @@ }, { "inputs": [ + { + "internalType": "address", + "name": "_token", + "type": "address" + }, + { + "internalType": "uint256", + "name": "_id", + "type": "uint256" + } + ], + "name": "safeWithdraw", + "outputs": [], + "stateMutability": "nonpayable", + "type": "function" + }, + { + "inputs": [ + { + "internalType": "string[]", + "name": "_subs", + "type": "string[]" + }, { "internalType": "bytes32", "name": "_node", @@ -407,7 +609,25 @@ }, { "internalType": "bytes", - "name": "_contenthash", + "name": "_recordhash", + "type": "bytes" + } + ], + "name": "setDeepRecordhash", + "outputs": [], + "stateMutability": "nonpayable", + "type": "function" + }, + { + "inputs": [ + { + "internalType": "bytes32", + "name": "_node", + "type": "bytes32" + }, + { + "internalType": "bytes", + "name": "_recordhash", "type": "bytes" } ], @@ -416,6 +636,53 @@ "stateMutability": "nonpayable", "type": "function" }, + { + "inputs": [ + { + "internalType": "string", + "name": "_sub", + "type": "string" + }, + { + "internalType": "bytes32", + "name": "_node", + "type": "bytes32" + }, + { + "internalType": "bytes", + "name": "_recordhash", + "type": "bytes" + } + ], + "name": "setSubRecordhash", + "outputs": [], + "stateMutability": "nonpayable", + "type": "function" + }, + { + "inputs": [ + { + "internalType": "string", + "name": "signRequest", + "type": "string" + }, + { + "internalType": "bytes", + "name": "signature", + "type": "bytes" + } + ], + "name": "signedBy", + "outputs": [ + { + "internalType": "address", + "name": "signer", + "type": "address" + } + ], + "stateMutability": "view", + "type": "function" + }, { "inputs": [ { @@ -451,9 +718,9 @@ { "inputs": [ { - "internalType": "address", - "name": "_addr", - "type": "address" + "internalType": "bytes4", + "name": "_sig", + "type": "bytes4" }, { "internalType": "bool", @@ -461,7 +728,7 @@ "type": "bool" } ], - "name": "updateWrapper", + "name": "updateSupportedInterface", "outputs": [], "stateMutability": "nonpayable", "type": "function" @@ -469,17 +736,24 @@ { "inputs": [ { - "internalType": "address[]", - "name": "_addrs", - "type": "address[]" + "internalType": "address", + "name": "_addr", + "type": "address" }, { - "internalType": "bool[]", - "name": "_sets", - "type": "bool[]" + "internalType": "bool", + "name": "_set", + "type": "bool" } ], - "name": "updateWrappers", + "name": "updateWrapper", + "outputs": [], + "stateMutability": "nonpayable", + "type": "function" + }, + { + "inputs": [], + "name": "withdraw", "outputs": [], "stateMutability": "nonpayable", "type": "function" @@ -488,29 +762,18 @@ "inputs": [ { "internalType": "address", - "name": "_signer", + "name": "_token", "type": "address" }, { - "internalType": "bytes32", - "name": "digest", - "type": "bytes32" - }, - { - "internalType": "bytes", - "name": "signature", - "type": "bytes" - } - ], - "name": "validSignature", - "outputs": [ - { - "internalType": "bool", - "name": "", - "type": "bool" + "internalType": "uint256", + "name": "_balance", + "type": "uint256" } ], - "stateMutability": "pure", + "name": "withdraw", + "outputs": [], + "stateMutability": "nonpayable", "type": "function" }, { diff --git a/components/Help.tsx b/components/Help.tsx index b1235361..a93cb394 100644 --- a/components/Help.tsx +++ b/components/Help.tsx @@ -94,7 +94,7 @@ const StyledModal = styled.div` background-size: 400% 400%; width: auto; max-width: 60%; - height: 120px; + height: 100px; border-radius: 6px; overflow-y: initial !important display: flex; diff --git a/components/List.tsx b/components/List.tsx index de5752b6..72aa07d0 100644 --- a/components/List.tsx +++ b/components/List.tsx @@ -14,9 +14,9 @@ interface ListProps { onItemClick: (value: string) => void; } -const alphabets: string[] = []; +const alphabets: string[] = []; // List of all alphabets except 'x' for (let i = 65; i <= 90; i++) { - if (String.fromCharCode(i).toLocaleLowerCase() !== 'x') { + if (String.fromCharCode(i).toLocaleLowerCase() !== 'x') { // Ignore 'x' alphabets.push(String.fromCharCode(i).toLocaleLowerCase()); } } @@ -108,6 +108,20 @@ const List: React.FC = ({ label, items, onItemClick }) => { { char } )} + { ['x'].includes(char) && + numbers.includes(item.name.charAt(index - 1)) && + index === item.name.length - 1 && ( + + { char } + + )} ))} void; + handleParentModalData: (data: string) => void; handleParentTrigger: (data: boolean) => void; } +// Get latest timestamp from all records +function latestTimestamp(list: string[]) { + var _Timestamps: number[] = [] + for (const key in list) { + if (list.hasOwnProperty(key) && list[key] !== '' && list[key]) { + _Timestamps.push(Number(list[key])) + } + } + return Math.max(..._Timestamps) +} + /// Init // Types object with empty strings function EMPTY_STRING() { const EMPTY_STRING = {}; for (const key of constants.types) { - if (key !== 'resolver') { + if (!['resolver','recordhash'].includes(key)) { EMPTY_STRING[key] = ''; } } @@ -62,9 +72,9 @@ function EMPTY_STRING() { // Types object with empty bools function EMPTY_BOOL() { - const EMPTY_BOOL = {}; + const EMPTY_BOOL = {} for (const key of constants.types) { - EMPTY_BOOL[key] = ['resolver'].includes(key) ? true : false; + EMPTY_BOOL[key] = ['resolver','recordhash','revision'].includes(key) ? true : false } return EMPTY_BOOL } @@ -75,13 +85,13 @@ const EMPTY_HISTORY = { contenthash: '', avatar: '', revision: '', - type: '' + type: '', + timestamp: {...EMPTY_STRING()}, + queue: 0 } -// Init ABI Encoder -const abi = ethers.utils -// Set Recordhash type -const contentType = 'ipns://' +// Waiting period between updates +const waitingPeriod = 1 * 60 // 60 mins /// Library // Check if image URL resolves @@ -98,7 +108,7 @@ function checkImageURL(url: string) { }); } -// Returns ed25519/IPNS keypair formatted for sure +// Returns formatted ed25519/IPNS keypair function formatkey(keypair: [[string, string], [string, string]]) { return '08011240' + keypair[0][0] + keypair[0][1] // ed25519 keypair = keypair[0] } @@ -107,6 +117,7 @@ function formatkey(keypair: [[string, string], [string, string]]) { function encodeContenthash(contenthash: string) { if (contenthash) { const ensContentHash = ensContent.encodeContenthash(`ipns://${contenthash}`) + //console.log('Encoded CID:', ensContentHash.encoded) return ensContentHash.encoded } return '' @@ -118,17 +129,18 @@ function encodeContenthash(contenthash: string) { * @param onClose : Close modal trigger * @param _ENS_ : Native ENS domain for modal * @param chain : Chain ID -* @interface handleParentModalData : Send modal data to Home/Account-page -* @interface handleParentTrigger : Send modal state to Home/Account-page +* @interface handleParentModalData : Send modal data to Home/Account page +* @interface handleParentTrigger : Send modal state to Home/Account page **/ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handleParentModalData, handleParentTrigger }) => { const [browser, setBrowser] = React.useState(false); // Triggers at modal load const { data: gasData, isError } = useFeeData(); // Current gas prices const [loading, setLoading] = React.useState(true); // Loading process indicator - const [migrated, setMigrated] = React.useState(false); // Setup indicator; Setup = Resolver migration + newRecordhash setting + const [migrated, setMigrated] = React.useState(false); // Setup indicator; Setup = Resolver migration + Recordhash setting const [keygen, setKeygen] = React.useState(false); // IPNS keygen trigger following signature const [crash, setCrash] = React.useState(false); // Signature fail indicator const [CID, setCID] = React.useState(''); // IPNS pubkey/CID value + const [ENS, setENS] = React.useState(_ENS_); // ENS name; used to trigger useContractRead() const [helpModal, setHelpModal] = React.useState(false); // Help modal trigger const [successModal, setSuccessModal] = React.useState(false); // Success modal trigger const [gasModal, setGasModal] = React.useState(false); // Gas savings modal trigger @@ -137,11 +149,10 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare const [addr, setAddr] = React.useState(''); // Addr record for ENS Domain //const [addr60, setAddr60] = React.useState(''); const [avatar, setAvatar] = React.useState(''); // Avatar record for ENS Domain - const [recordhash, setRecordhash] = React.useState(''); // newRecordhash for CCIP2 Resolver + const [recordhash, setRecordhash] = React.useState(''); // Recordhash for CCIP2 Resolver const [tokenID, setTokenID] = React.useState(''); // Token ID of ENS Domain const [managers, setManagers] = React.useState([]); // Manager of ENS Domain const [contenthash, setContenthash] = React.useState(''); // Contenthash record for ENS Domain - const [newRecordhash, setNewRecordhash] = React.useState(''); // Name record (Reverse Record) for ENS Domain const [salt, setSalt] = React.useState(false); // Salt (password/key-identifier) for IPNS keygen const [list, setList] = React.useState([]); // Internal LIST[] object with all record keys and values const [trigger, setTrigger] = React.useState(null); // Triggered upon button click adjacent to the record in Preview modal @@ -157,9 +168,10 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare const [icon, setIcon] = React.useState(''); // Sets icon for the loading state const [color, setColor] = React.useState(''); // Sets color for the loading state const [message, setMessage] = React.useState(['Loading Records','']); // Sets message for the loading state - const [signatures, setSignatures] = React.useState([]); // Contains S2(K0) signatures of active records in the modal - const [query, setQuery] = React.useState(''); // CCIP2 Query for on-chain manager + const [signatures, setSignatures] = React.useState(EMPTY_STRING()); // Contains S2(K0) signatures of active records in the modal + const [query, setQuery] = React.useState(['','','']); // CCIP2 Query for on-chain manager const [legit, setLegit] = React.useState(EMPTY_BOOL()); // Whether record edit is legitimate + const [timestamp, setTimestamp] = React.useState(''); // Whether record edit is legitimate const [imageLoaded, setImageLoaded] = React.useState(undefined); // Whether avatar resolves or not const [modalState, setModalState] = React.useState({ modalData: undefined, @@ -167,8 +179,9 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare }); // Child modal state const [history, setHistory] = React.useState(EMPTY_HISTORY); // Record history from last update const [sigIPNS, setSigIPNS] = React.useState(''); // Signature S1(K1) for IPNS keygen - //const [sigRecord, setSigRecord] = React.useState(''); // Signature S2(K0) for Record update - //const [sigApproved, setApproved] = React.useState(''); // Signature S3(K1) for Records Manager + const [sigApproved, setSigApproved] = React.useState(''); // Signature S3(K1) for Records Manager + const [sigCount, setSigCount] = React.useState(0); // Signature S3(K1) for Records Manager + const [queue, setQueue] = React.useState(0); // Sets queue countdown between successive updates const { Revision } = Name // W3Name Revision object const { data: accountData } = useAccount() @@ -193,7 +206,6 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare let caip10 = `eip155:${chain}:${accountData?.address}` // CAIP-10 let labelhash = ethers.utils.keccak256(ethers.utils.toUtf8Bytes(_ENS_.split('.eth')[0])) let token = ethers.BigNumber.from(labelhash) - const zeroAddress = '0x' + '0'.repeat(40) // Initialises internal LIST[] object function setMetadata() { @@ -202,10 +214,10 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare key: 0, type: 'recordhash', value: recordhash, - editable: resolver === constants.ccip2[0], - active: isContenthash(recordhash), + editable: false, + active: resolver === constants.ccip2[0], state: false, - label: 'set new', + label: 'set', help: 'on-chain recordhash' }, { @@ -222,8 +234,8 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare key: 2, type: 'avatar', value: avatar, - editable: resolver === constants.ccip2[0], - active: isAvatar(avatar), + editable: resolver === constants.ccip2[0] && queue > 0, + active: isAvatar(avatar) && queue > 0, state: false, label: 'edit', help: 'set your avatar' @@ -232,8 +244,8 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare key: 3, type: 'addr', value: addr, - editable: resolver === constants.ccip2[0], - active: isAddr(addr), + editable: resolver === constants.ccip2[0] && queue > 0, + active: isAddr(addr) && queue > 0, state: false, label: 'edit', help: 'set your default address' @@ -242,8 +254,8 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare key: 4, type: 'contenthash', value: contenthash, - editable: resolver === constants.ccip2[0], - active: isContenthash(contenthash), + editable: resolver === constants.ccip2[0] && queue > 0, + active: isContenthash(contenthash) && queue > 0, state: false, label: 'edit', help: 'set your web contenthash' @@ -252,43 +264,107 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare finishQuery(_LIST) // Assign _LIST } - // Signature S1 statement; S1(K1) + /// Keys & Signature Definitions + /* K0 = Generated secp256k1 Keypair + * K1 = Wallet secp256k1 Keypair + * K2 = Generated ed25519 Keypair + * S1 = Signature for K0 & K2 Generation (Signed by K1) + * S2 = Signature for Records (Signed by K0) + * S3 = Signature for Manager Approval (Signed by K1) + */ + // Signature S1 statement; S1(K1) [IPNS Keygen] + // S1 is not recovered on-chain; no need for buffer prepend and hashing of message required to sign function statementIPNSKey() { - return `Requesting Signature For IPNS Key Generation\n\nUsername: ${_ENS_}\nSigned By: ${caip10}` + let _toSign = `Requesting Signature For IPNS Key Generation\n\nUsername: ${_ENS_}\nSigned By: ${caip10}` + let _digest = _toSign + //console.log('S1 Message/Digest:', _digest) + return _digest } - // Signature S2 statement; S2(K0) - function statementRecords(recordType: string, extradata: string) { - return `Requesting Signature To Update Off-Chain ENS Record\n\nENS Domain: ${_ENS_}\nRecord Type: ${recordType}\nExtradata: ${extradata}\nSigned By: ${caip10}` + // Signature S2 statement; S2(K0) [Record Signature] + // S2 is recovered on-chain; requires buffer prepend, hashing of message and arrayifying it + function statementRecords(recordType: string, extradata: string, signer: string) { + let _signer = 'eip155:' + chain + ':' + ethers.utils.computeAddress(`0x${signer}`) + let _toSign = `Requesting Signature To Update ENS Record\n\nENS Domain: ${_ENS_}\nRecord Type: ${recordType}\nExtradata: ${extradata}\nSigned By: ${_signer}` + {/* + let _digest = ethers.utils.solidityPack( + ['string', 'string', 'string'], + [constants.buffer, _toSign.length.toString(), _toSign] + ) + console.log('S2 Message:', _toSign) + console.log('S2 Digest:', ethers.utils.keccak256(_digest)) + */} + return _toSign } - // Signature S3 statement; S3(K1) - function statementManager(manageFor: string) { - return `Requesting Signature To Approve Off-Chain ENS Records Manager Key\n\nENS Domain: ${_ENS_}\nApproved For: ${manageFor}\nSigned By: ${caip10}` + // Signature S3 statement; S3(K1) [Approved Signature] + // S3 is recovered on-chain; requires buffer prepend, hashing of message and arrayifying it + function statementManager(signer: string) { + let _signer = 'eip155:' + chain + ':' + ethers.utils.computeAddress(`0x${signer}`) // Convert secp256k1 pubkey to ETH address + let _toSign = `Requesting Signature To Approve ENS Records Signer\n\nENS Domain: ${_ENS_}\nApproved Signer: ${_signer}\nOwner: ${caip10}` + {/* + let _digest = ethers.utils.solidityPack( + ['string', 'string', 'string'], + [constants.buffer, _toSign.length.toString(), _toSign] + ) + console.log('S3 Message:', _toSign) + console.log('S3 Digest:', ethers.utils.keccak256(_digest)) + */} + return _toSign } - // Generate Record Type suffix - function genSignerType() { - let _signer: string - if (_CCIP2Manager_) { - // bytes4(keccak256('recordhash(bytes32)')) - _signer = ethers.utils.keccak256(ethers.utils.toUtf8Bytes("recordhash(bytes32)")).substring(0,8) - } else { - // bytes4(keccak256('approved(bytes32, address)')) - _signer = ethers.utils.keccak256(ethers.utils.toUtf8Bytes("approved(bytes32,address)")).substring(0,8) - } - return _signer + /// Encode string values of records + // returns abi.encodeWithSelector(iCallbackType.signedRecord.selector, _signer, _recordSignature, _approvedSignature, result) + function encodeValue(key: string, value: string) { + let encoded: string + let type: string = '' + if (key === 'avatar') type = 'string' + if (key === 'contenthash') type = 'string' + if (key === 'addr') type = 'address' + let _result = ethers.utils.defaultAbiCoder.encode([type], [value]); + let _ABI = [constants.signedRecord] + let _interface = new ethers.utils.Interface(_ABI); + {/* + console.log('Record Type:', key.toUpperCase()) + console.log('Raw Value:', value) + console.log('Encoded Result:', _result) + console.log('Wallet:', accountData?.address) + console.log('Manager PubKey:', keypair ? `0x${keypair[1][1]}` : '0x0') + console.log('Manager Address:', keypair ? ethers.utils.computeAddress(`0x${keypair[1][0]}`) : constants.zeroAddress) + console.log('Record Signature:', signatures[key]) + console.log('Manager Signature:', sigApproved) + console.log('Manager PrivKey [❗ WARNING]:', keypair ? `0x${keypair[1][0]}` : constants.zeroKey) + */} + let _encodedWithSelector = _interface.encodeFunctionData( + "signedRecord", + [ + keypair ? ethers.utils.computeAddress(`0x${keypair[1][0]}`) : constants.zeroAddress, + signatures[key], + sigApproved, + _result + ] + ) + encoded = _encodedWithSelector + //console.log('CCIP Return Value:', encoded) + return encoded } - // Generate extradata - function genExtradata(_recordValue: string) { + // Generate extradata for S2(K0) + function genExtradata(key: string, _recordValue: string) { // returns bytesToHexString(abi.encodePacked(keccak256(result))) - const toPack = ethers.utils.keccak256(ethers.utils.toUtf8Bytes(_recordValue)) - const _extradata = ethers.utils.hexlify(abi.solidityPack(["bytes"], [toPack])) - //console.log(_extradata) + let type: string = '' + if (key === 'avatar') type = 'string' + if (key === 'contenthash') type = 'string' + if (key === 'addr') type = 'address' + let _result = ethers.utils.defaultAbiCoder.encode([type], [_recordValue]); + const toPack = ethers.utils.keccak256(_result) + const _extradata = ethers.utils.hexlify(ethers.utils.solidityPack(["bytes"], [toPack])) + //console.log('S2 Extradata:', _extradata) return _extradata } - // Signature S2 with K0 + // Signature S2 with K0 + // K0 = keypair[1]; secp256k1 + // K2 = keypair[0]; ed25519 async function _signMessage(input: any) { if (keypair) { const SignS2 = async () => { @@ -296,16 +372,21 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare const __signature = await _signer.signMessage(input.message) if (__signature) return __signature } - setQuery( - abi.solidityKeccak256( - // ["manager", node, owner, signer] - ["string", "bytes32", "address", "address"], - ["manager", ethers.utils.namehash(_ENS_), getOwner(), keypair ? `0x${keypair[1][1]}` : zeroAddress] - )) const _signature = SignS2() return _signature } } + + // Signature S3 with K1 + async function __signMessage() { + setSigCount(2) // Trigger S3(K1) + if (keypair) { + const SignS3 = async () => { + signMessage({ message: statementManager(keypair[1][0]) }) + } + SignS3() + } + } // Handle secondary modal data return const handleModalData = (data: string | undefined) => { @@ -340,11 +421,9 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare // Read CCIP2 for ENS domain on-chain manager const { data: _CCIP2Manager_ } = useContractRead( constants.ccip2Config[0], - 'manager', + 'isAuthorized', { - args: [ - query - ] + args: query } ) // Read ownership of a domain from ENS Wrapper @@ -357,13 +436,13 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare ] } ) - // Get newRecordhash from CCIP2 Resolver + // Get Recordhash from CCIP2 Resolver const { data: _Recordhash_ } = useContractRead( constants.ccip2Config[0], // CCIP2 Resolver 'recordhash', { args: [ - ethers.utils.namehash(_ENS_) + ethers.utils.namehash(ENS) ] } ) @@ -382,10 +461,10 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare function getOwner() { // If domain is wrapped, return owner of token (in new contract) as the controller if (_OwnerLegacy_?.toString() === constants.ensContracts[3]) { - return _OwnerWrapped_ ? _OwnerWrapped_.toString() : zeroAddress + return _OwnerWrapped_ ? _OwnerWrapped_.toString() : constants.zeroAddress } else { // If domain is unwrapped, return owner of token (in legacy contract) as the controller - return _OwnerLegacy_ ? _OwnerLegacy_.toString() : zeroAddress + return _OwnerLegacy_ ? _OwnerLegacy_.toString() : constants.zeroAddress } } @@ -394,10 +473,10 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare // If domain is wrapped, return manager of token (in new contract) as the controller if (_OwnerLegacy_?.toString() === constants.ensContracts[3]) { - return _ManagerWrapped_ ? _ManagerWrapped_.toString() : zeroAddress + return _ManagerWrapped_ ? _ManagerWrapped_.toString() : constants.zeroAddress } else { // If domain is unwrapped, return manager of token (in legacy contract) as the controller - return _ControllerLegacy_ ? _ControllerLegacy_.toString() : zeroAddress + return _ControllerLegacy_ ? _ControllerLegacy_.toString() : constants.zeroAddress } } @@ -430,7 +509,7 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare // Send data to Home/Account-page and trigger update const handleSuccess = () => { - handleParentModalData(true); + handleParentModalData(_ENS_); handleParentTrigger(true); }; @@ -453,7 +532,8 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare // Triggers S1(K1) after password is set React.useEffect(() => { - if (modalState.trigger && !update) { + if (modalState.trigger && !update && !keypair) { + setSigCount(1) signMessage({ message: statementIPNSKey() }) setKeygen(true) } @@ -486,19 +566,30 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare const CID_IPNS = w3name.toString() setCID(CID_IPNS) setMessage(['IPNS CID Generated', '']) + if (CID_IPNS) console.log('IPNS:', CID_IPNS) } CIDGen() + setQuery( + [ + ethers.utils.namehash(ENS), + accountData?.address ? accountData.address : constants.zeroAddress, + keypair ? keypair[1][1] : constants.zeroAddress + ] + ) // Checks if connected wallet is on-chain manager } // eslint-disable-next-line react-hooks/exhaustive-deps }, [keypair]); // Sets signature from Wagmi signMessage() as S1(K1) React.useEffect(() => { - if (signature) { + if (signature && sigCount === 1) { setSigIPNS(signature) + } else if (signature && sigCount === 2) { + setSigApproved(signature) + //console.log('Signature S3(K1):', signature) } // eslint-disable-next-line react-hooks/exhaustive-deps - }, [signature]) + }, [signature, sigCount]) // Sets new ENS Resolver const { @@ -506,6 +597,7 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare write: migrate, isLoading: isMigrateLoading, isSuccess: isMigrateSuccess, + isError: isMigrateError } = useContractWrite( !wrapped ? constants.ensConfig[0] : constants.ensConfig[3], 'setResolver', @@ -517,13 +609,13 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare } ); - // Sets newRecordhash in CCIP2 Resolver - // FIXME : NOT TRIGGERING !!! + // Sets Recordhash in CCIP2 Resolver const { data: response2of2, write: initRecordhash, isLoading: isSetRecordhashLoading, isSuccess: isSetRecordhashSuccess, + isError: isSetRecordhashError } = useContractWrite( constants.ccip2Config[0], 'setRecordhash', @@ -576,6 +668,10 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare if (CID.startsWith('k5')) { migrate() } + } else if (states.includes('recordhash')) { + if (CID.startsWith('k5')) { + initRecordhash() + } } else { setMessage(message) } @@ -690,28 +786,16 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare } else { setAddr(response) } - getName() + setFinish(true) }) .catch(() => { setAddr('') - getName() + setFinish(true) }); } else { - // TODO : Fix this setAddr('') - getName() - } - } - - // Get Name for ENS domain last & finish - // TODO: getName() routine for both ENS contract versions - async function getName() { - if ( resolver?.address !== constants.ccip2[0] ) { - setNewRecordhash(_ENS_) - } else { - setNewRecordhash(_ENS_) + setFinish(true) } - setFinish(true) } // Get Resolver for ENS domain @@ -720,10 +804,14 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare .then(response => { setResolver(response?.address); if (response?.address) { - if (response?.address === constants.ccip2[0]) { + if (response?.address === constants.ccip2[0] && _Recordhash_!.toString() !== '0x') { setRecordhash(`ipns://${ensContent.decodeContenthash(_Recordhash_!.toString()).decoded}`) } getContenthash(response!) + } else { + if (_Recordhash_!.toString() !== '0x') { + setRecordhash(`ipns://${ensContent.decodeContenthash(_Recordhash_!.toString()).decoded}`) + } } }); } @@ -732,14 +820,16 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare async function writeRevision(revision: Name.Revision, gas: {}) { const request = { ens: _ENS_, - address: accountData?.address, - signature: sigIPNS, + owner: accountData?.address, + manager: keypair ? ethers.utils.computeAddress(`0x${keypair[1][0]}`) : constants.zeroAddress, + managerSignature: sigApproved, revision: Revision.encode(revision), chain: chain, gas: JSON.stringify(gas), version: JSON.stringify(revision, (key, value) => { return typeof value === 'bigint' ? value.toString() : value; - }) + }), + timestamp: timestamp } try { await fetch( @@ -760,9 +850,10 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare } }) } catch(error) { - console.log('Failed to write Revision to CCIP2 backend') + console.error('ERROR:', 'Failed to write Revision to CCIP2 backend') setMessage(['Record Update Failed', '']) setCrash(true) + setLoading(false) } } @@ -774,7 +865,7 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare // Check if value is a valid Addr function isAddr(value: string) { const hexRegex = /^[0-9a-fA-F]+$/; - return value.startsWith('0x') && value.length === 40 && hexRegex.test(value.split('0x')[1]) + return value.startsWith('0x') && value.length === 42 && hexRegex.test(value.split('0x')[1]) } // Check if value is a valid Avatar URL @@ -784,8 +875,9 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare } // Check if value is a valid Contenthash function isContenthash(value: string) { + const prefix = value.substring(7) const ipfsRegex = /^[a-z0-9]{62}$/; - return ipfsRegex.test(value) + return prefix === 'ipns://' && ipfsRegex.test(value) } // Upates new record values in local storage before pushing updates @@ -793,8 +885,7 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare let __THIS = legit __THIS['resolver'] = false if (key === 'recordhash') { - //__THIS[key] = isName(value) - __THIS[key] = false + __THIS[key] = true } else if (key === 'addr') { __THIS[key] = isAddr(value) } else if (key === 'avatar') { @@ -808,7 +899,7 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare } setLegit(__THIS) const _THIS = newValues; - _THIS[key] = value; + _THIS[key] = value setNewValues(_THIS) const priorState = states if (!priorState.includes(key) && newValues[key]) { @@ -853,17 +944,20 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare }) .then(response => response.json()) .then(data => { - let _history = { - type: data.type, - addr: data.addr, - avatar: data.avatar, - contenthash: data.contenthash, - revision: data.revision + let _HISTORY = { + type: data.response.type, + addr: data.response.addr, + avatar: data.response.avatar, + contenthash: data.response.contenthash, + revision: data.response.revision, + timestamp: data.response.timestamp, + queue: latestTimestamp(data.response.timestamp) } - setHistory(_history) + setHistory(_HISTORY) + setQueue(Math.round(Date.now()/1000) - latestTimestamp(data.response.timestamp) - waitingPeriod) }) } catch(error) { - console.log('Failed to read from CCIP2 backend') + console.error('ERROR:', 'Failed to read from CCIP2 backend') } } @@ -871,10 +965,15 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare React.useEffect(() => { if (finish) { getUpdate() - setMetadata() } // eslint-disable-next-line react-hooks/exhaustive-deps }, [finish]); + React.useEffect(() => { + if (history && queue) { + setMetadata() + } + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [history, queue]); // Wagmi hook for awaiting transaction processing const { isSuccess: txSuccess1of2, isError: txError1of2, isLoading: txLoading1of2 } = useWaitForTransaction({ @@ -890,8 +989,8 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare if (states.includes(item.type) && !constants.forbidden.includes(item.type)) { return { ...item, - editable: true, - active: true + editable: queue > 0, // allow updates only after the waiting period + active: queue > 0 }; } else if (!states.includes(item.type) && ['resolver'].includes(item.type)) { return { @@ -903,7 +1002,7 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare return { ...item, editable: false, - active: false + active: true }; } return item; @@ -918,6 +1017,9 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare if (!keypair || !CID) { setSalt(true) // Start K0 keygen if it doesn't exist in local storage setUpdate(false) // Reset + } else { + setLoading(true) + setMessage(['Setting Record', '']) } } // eslint-disable-next-line react-hooks/exhaustive-deps @@ -925,36 +1027,65 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare // Handles generating signatures for all records to be updated React.useEffect(() => { - // Handle Signature (S2) to add as extradata + // Handle Signature S2(K0) to add as extradata if (write && keypair && newValues) { - let __signatures: string[] = [] + let __signatures = EMPTY_STRING() states.forEach(async (_recordType) => { - const _signature = await _signMessage({ - message: statementRecords(constants.files[constants.types.indexOf(_recordType)], genExtradata(newValues[_recordType])) + let _signature: any + _signature = await _signMessage({ + message: statementRecords(constants.files[constants.types.indexOf(_recordType)], genExtradata(_recordType, newValues[_recordType]), keypair[1][0]) }) // Sign with K0 - if (_signature) __signatures.push(_signature) + if (_signature) __signatures[_recordType] = _signature }); setSignatures(__signatures) + //console.log('Signatures S2(K1):', __signatures) } // eslint-disable-next-line react-hooks/exhaustive-deps }, [write, keypair]); + // Handles generating signatures for off-chain manager + React.useEffect(() => { + // Handle Signature S3(K1) + if (write && keypair && !_CCIP2Manager_ && !sigApproved) { + __signMessage() // Sign with K1 + } else if (write && keypair && _CCIP2Manager_) { + setSigApproved('0x') + } + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [_CCIP2Manager_, signatures]); + // Handles writing records to the NameSys backend and pinning to IPNS React.useEffect(() => { + let count = 0 + for (const key in signatures) { + if (signatures.hasOwnProperty(key) && signatures[key] !== '') { + count++ + } + } if ( write && keypair && - signatures.length === states.length && - signatures.length > 0 + count === states.length && + count > 0 && + sigApproved ) { + let _encodedValues = EMPTY_STRING() + for (const key in newValues) { + if (newValues.hasOwnProperty(key) && newValues[key] !== '') { + _encodedValues[key] = encodeValue(key, newValues[key]) + } + } // Generate POST request for writing records const request = { signatures: signatures, + manager: keypair ? ethers.utils.computeAddress(`0x${keypair[1][0]}`) : constants.zeroAddress, + managerSignature: sigApproved, ens: _ENS_, - address: recoveredAddress.current, + owner: accountData?.address ? accountData?.address : constants.zeroAddress, ipns: CID, recordsTypes: states, - recordsValues: newValues, + recordsValues: _encodedValues, + recordsRaw: newValues, revision: history.revision, chain: chain } @@ -990,6 +1121,9 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare }) if (item.type === 'avatar') { setAvatar(data.response.avatar) + } + if (item.type === 'addr') { + setAddr(data.response.addr) } } }) @@ -1012,6 +1146,7 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare const pin = async () => { if (data.response.ipfs && w3name && gas) { const toPublish = '/ipfs/' + data.response.ipfs.split('ipfs://')[1] + console.log('IPFS:', data.response.ipfs) // @W3Name broadcast let _revision: Name.Revision; if (!history.revision) { @@ -1036,20 +1171,37 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare }) setLegit(EMPTY_BOOL()) }, 2000); + // Update values in the modal to new ones const _updatedList = list.map((item) => { - if (item.type !== 'resolver' && data.response.meta[item.type]) { - return { - ...item, - value: data.response[item.type], - state: true, - label: 'edit' - }; + if (!['resolver','recordhash'].includes(item.type)) { + setTimestamp(data.response.timestamp) + let _queue = Math.round(Date.now()/1000) - latestTimestamp(data.response.timestamp) - waitingPeriod + setQueue(_queue) + if (data.response.meta[item.type]) { + return { + ...item, + value: data.response[item.type], + state: true, + label: 'edit', + active: _queue > 0, + editable: _queue > 0 + }; + } else { + return { + ...item, + active: _queue > 0, + editable: _queue > 0 + }; + } } else { return item } }) setList(_updatedList) setNewValues(EMPTY_STRING()) + setSignatures(EMPTY_STRING()) + setSigCount(0) + setUpdate(false) // Reset } } if (Object.keys(gas).length > 0) { @@ -1060,9 +1212,10 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare } }) } catch(error) { - console.log('Failed to write to CCIP2 backend') + console.error('ERROR:', 'Failed to write to CCIP2 backend') setMessage(['Record Update Failed', '']) setCrash(true) + setLoading(false) } } editRecord() @@ -1073,42 +1226,57 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare setUpdate(false) } // eslint-disable-next-line react-hooks/exhaustive-deps - }, [signatures]); + }, [signatures, sigApproved]); // Handles setting setRecordhash on CCIP2 Resolver React.useEffect(() => { if (isMigrateSuccess && txSuccess1of2 && migrated) { + setResolver(constants.ccip2[0]) initRecordhash() } // eslint-disable-next-line react-hooks/exhaustive-deps }, [isMigrateSuccess, txSuccess1of2, migrated]); + // Handles setting Recordhash after transaction 2 + React.useEffect(() => { + if (isSetRecordhashSuccess && txSuccess2of2) { + setRecordhash(`ipns://${CID}`) + setENS(_ENS_) + } + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [isSetRecordhashSuccess, txSuccess2of2]); + // Handles finishing migration of Resolver to CCIP2 React.useEffect(() => { - if ( - isMigrateSuccess && - txSuccess1of2 && - migrated && - isSetRecordhashSuccess && - txSuccess2of2 - ) { - setResolver(constants.ccip2[0]) + if (recordhash && txSuccess2of2) { const _updatedList = list.map((item) => { if (constants.forbidden.includes(item.type)) { return { ...item, editable: false, active: false - }; + } } else { - return { + const Clause = { ...item, - value: '', editable: true, - active: true - }; + active: true + } + if (item.type === 'recordhash') { + return { + ...Clause, + value: recordhash, + } + } else { + // TODO : Need to fix this; return should not + // return null value but read from the historical + // records + return { + ...Clause, + value: '', + } + } } - return item; }); setList(_updatedList) setLegit(EMPTY_BOOL()) @@ -1124,13 +1292,13 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare handleSuccess() } // eslint-disable-next-line react-hooks/exhaustive-deps - }, [isSetRecordhashSuccess, txSuccess2of2]); + }, [recordhash]); // Sets migration state to true upon successful transaction 1 receipt React.useEffect(() => { if (isMigrateSuccess && txSuccess1of2) { const pin = async () => { - console.log('Resolver Migration Successful') + console.log('Migration:', 'Resolver Migration Successful') setMigrated(true) } pin() @@ -1142,12 +1310,22 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare if (isMigrateLoading && !isSetRecordhashLoading) { setFinish(false) setMessage(['Waiting for Confirmation', '1']) - } + } + if (isMigrateError && !isSetRecordhashLoading) { + setMessage(['Transaction Declined by User', '']) + setCrash(true) + setLoading(false) + } if (!isMigrateLoading && isSetRecordhashLoading) { setFinish(false) setMessage(['Waiting for Confirmation', '2']) } - }, [isMigrateLoading, isSetRecordhashLoading]); + if (isSetRecordhashError && !isSetRecordhashLoading) { + setMessage(['Transaction Declined by User', '']) + setCrash(true) + setLoading(false) + } + }, [isMigrateLoading, isSetRecordhashLoading, isMigrateError, isSetRecordhashError]); // Handles first transaction loading and error React.useEffect(() => { @@ -1157,6 +1335,7 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare if (!txLoading1of2 && txError1of2) { setMessage(['Transaction Failed', '1']) setCrash(true) + setLoading(false) } // eslint-disable-next-line react-hooks/exhaustive-deps }, [txLoading1of2, txError1of2]); @@ -1169,6 +1348,7 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare if (!txLoading2of2 && txError2of2) { setMessage(['Transaction Failed', '2']) setCrash(true) + setLoading(false) } // eslint-disable-next-line react-hooks/exhaustive-deps }, [txLoading2of2, txError2of2]); @@ -1176,11 +1356,12 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare // Handles signature loading and error React.useEffect(() => { if (signLoading && !signError) { - setMessage(['Waiting for Signature', '']) + setMessage(['Waiting for Signature', sigCount.toString()]) } if (signError && !signLoading) { - setMessage(['Signature Failed', '']) + setMessage(['Signature Failed', sigCount.toString()]) setCrash(true) + setLoading(false) } // eslint-disable-next-line react-hooks/exhaustive-deps }, [signLoading, signError]); @@ -1190,7 +1371,7 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare @@ -1205,7 +1386,7 @@ const Preview: React.FC = ({ show, onClose, _ENS_, chain, handlePare - {_ENS_ && !crash && loading && + {_ENS_ && loading && = ({ show, onClose, _ENS_, chain, handlePare } - {loading && !crash && + {loading &&
= ({ show, onClose, _ENS_, chain, handlePare
} - {crash && - -
- -
- - { message } - -
-
- - } {list.length > 0 && !loading &&