ask user to enter tpubs if testnet inscription

Author: joshdoman

src/components/Recover.tsx

@@ -19,13 +19,18 @@ const RECOVER_URL = import.meta.env.VITE_RECOVER_URL || 'https://api.multisigbac
 const ORD_URL = import.meta.env.VITE_ORD_URL || 'https://ordinals.com';
 const MEMPOOL_URL = import.meta.env.VITE_MEMPOOL_URL || 'https://mempool.space/testnet4';
 
+interface InscriptionValue {
+  value: string;
+  isTestnet: boolean;
+}
+
 export interface RecoverState {
   showXfps: boolean;
   xfp0: string;
   xfp1: string;
   xpubs: string[];
   input: string;
-  inscriptions: string[];
+  inscriptions: InscriptionValue[];
   selectedInscription: string;
   decryptedDescriptor: string;
 }
@@ -100,7 +105,7 @@ const Recover: React.FC<RecoverProps> = ({ state, setState }) => {
     const newXpubs = xpubs;
     try {
       // Add xpubs if requiredSigs exceeds xpubs.length
-      const { groupedEncryptedShares } = parseEncryptedDescriptor(value);
+      const { groupedEncryptedShares } = parseEncryptedDescriptor(stripTestnetIndicator(value));
       const requiredSigs = groupedEncryptedShares.reduce((max, obj) => 
         Math.max(max, obj.requiredSigs
       ), 1);
@@ -157,7 +162,7 @@ const Recover: React.FC<RecoverProps> = ({ state, setState }) => {
       }
 
       let requiredSigs = 1;
-      const inscriptions: string[] = [];
+      const inscriptions: InscriptionValue[] = [];
       const remainingInscriptionIds: string[] = [];
       for (let i = 0; i < inscriptionIds.length; i++) {
         try {
@@ -170,7 +175,10 @@ const Recover: React.FC<RecoverProps> = ({ state, setState }) => {
               requiredSigs = Math.max(requiredSigs, g.requiredSigs);
             })
           }
-          inscriptions.push(encryptedText);
+          inscriptions.push({
+            value: encryptedText,
+            isTestnet: false,
+          });
         } catch {
           remainingInscriptionIds.push(inscriptionIds[i]);
         }
@@ -189,7 +197,7 @@ const Recover: React.FC<RecoverProps> = ({ state, setState }) => {
           const tx = Transaction.fromRaw(bytes, { 
             allowUnknownOutputs: true,
             disableScriptCheck: true,
-          })
+          });
 
           const txInscriptions: Inscription[] = [];
           for (let i = 0; i < tx.inputsLength; i++) {
@@ -214,7 +222,10 @@ const Recover: React.FC<RecoverProps> = ({ state, setState }) => {
                 requiredSigs = Math.max(requiredSigs, g.requiredSigs);
               })
             }
-            inscriptions.push(encryptedText);
+            inscriptions.push({
+              value: encryptedText,
+              isTestnet: true,
+            });
           }
         } catch {
           // Skip if failed to fetch or if there's an error parsing the descriptor
@@ -238,7 +249,7 @@ const Recover: React.FC<RecoverProps> = ({ state, setState }) => {
         showXfps: false,
         xpubs: newXpubs,
         inscriptions,
-        selectedInscription: inscriptions[0],
+        selectedInscription: displayInscription(inscriptions[0]),
       }));
     } catch (err) {
       setRecoverError(((err as Error)?.message || "unknown error"));
@@ -258,7 +269,10 @@ const Recover: React.FC<RecoverProps> = ({ state, setState }) => {
         throw new Error('Please enter at least one xpub');
       }
 
-      const { descriptor, decryptedShares, requiredShares } = await decrypt(textToDecrypt, xpubs);
+      const { descriptor, decryptedShares, requiredShares } = await decrypt(
+        stripTestnetIndicator(textToDecrypt),
+        xpubs
+      );
 
       setDecryptedShares(decryptedShares);
       setRequiredShares(requiredShares);
@@ -285,6 +299,16 @@ const Recover: React.FC<RecoverProps> = ({ state, setState }) => {
     return `${split[0]})${split[2].substring(0,8)}...`
   }
 
+  const testnetText = '(testnet4) ';
+  const stripTestnetIndicator = (value: string) => value.startsWith(testnetText) ? value.split(testnetText)[1] : value;
+
+  const displayInscription = (inscription: InscriptionValue, shorten: boolean = false) => {
+    const text = shorten ? shortenInscription(inscription.value) : inscription.value;
+    return (inscription.isTestnet) ? `${testnetText}${text}` : text;
+  }
+
+  const xpubLabel = selectedInscription.startsWith(testnetText) ? 'tpub' : 'xpub';
+
   return showXfps ? (
     <>
       <p className='text-sm'>
@@ -357,8 +381,8 @@ const Recover: React.FC<RecoverProps> = ({ state, setState }) => {
           </SelectTrigger>
           <SelectContent className="w-full">
             {inscriptions.map((inscription, index) => (
-              <SelectItem key={index} value={inscription}>
-                {shortenInscription(inscription)}
+              <SelectItem key={index} value={displayInscription(inscription)}>
+                {displayInscription(inscription, /** shorten */ true)}
               </SelectItem>
             ))}
           </SelectContent>
@@ -374,7 +398,7 @@ const Recover: React.FC<RecoverProps> = ({ state, setState }) => {
       {xpubs.map((xpub, index) => (
         <div key={index}>
           <Input
-            placeholder={`Enter xpub ${index + 1}`}
+            placeholder={`Enter ${xpubLabel} ${index + 1}`}
             value={xpub}
             onChange={(e) => updateXpub(index, e.target.value)}
           />