feat: display raw key in message signing result

we were displaying only 'cose key' structure that
wraps the raw key which does not for Glacier Drop

Author: mkazlauskas

apps/browser-extension-wallet/src/views/browser-view/features/sign-message/SignMessageDrawer.tsx

@@ -216,6 +216,25 @@ export const SignMessageDrawer: React.FC = () => {
           className={styles.customTextArea}
         />
       </div>
+      <div className={styles.inputGroup}>
+        <Flex justifyContent="space-between" alignItems="center">
+          <Text.Body.Normal weight="$medium" data-testid={'result-message-key-label'}>
+            {t('core.signMessage.rawKey')}
+          </Text.Body.Normal>
+          {renderCopyToClipboard({
+            text: signatureObject.rawKey,
+            handleCopy,
+            t,
+            testId: 'raw-public-key-copy-to-clipboard-button'
+          })}
+        </Flex>
+        <TextArea
+          value={signatureObject.rawKey}
+          dataTestId="sign-message-raw-key"
+          rows={4}
+          className={styles.customTextArea}
+        />
+      </div>
     </div>
   );
 

apps/browser-extension-wallet/src/views/browser-view/features/sign-message/useSignMessageState.tsx

@@ -12,10 +12,12 @@ import { useAnalyticsContext } from '@providers';
 import { useSecrets } from '@lace/core';
 import { parseError } from '@src/utils/parse-error';
 
+type SignatureObject = Cip30DataSignature & { rawKey: Wallet.Crypto.Ed25519PublicKeyHex };
+
 interface SignMessageState {
   usedAddresses: { address: string; id: number; type: 'payment' | 'stake' }[];
   isSigningInProgress: boolean;
-  signatureObject: Cip30DataSignature | undefined;
+  signatureObject: SignatureObject | undefined;
   error: string;
   errorObj?: Error;
   hardwareWalletError: string;
@@ -31,7 +33,7 @@ export const useSignMessageState = (): SignMessageState => {
 
   const { inMemoryWallet, isHardwareWallet } = useWalletStore();
   const [isSigningInProgress, setIsSigningInProgress] = useState(false);
-  const [signature, setSignature] = useState<Cip30DataSignature>();
+  const [signatureObject, setSignatureObject] = useState<SignatureObject | undefined>();
   const [error, setError] = useState<string>('');
   const [errorObj, setErrorObj] = useState<Error | undefined>();
   const [hardwareWalletError, setHardwareWalletError] = useState<string>('');
@@ -44,7 +46,7 @@ export const useSignMessageState = (): SignMessageState => {
     setError('');
     setHardwareWalletError('');
     setErrorObj(undefined);
-    setSignature(undefined);
+    setSignatureObject(undefined);
   }, []);
 
   const performSigning = useCallback(
@@ -74,7 +76,10 @@ export const useSignMessageState = (): SignMessageState => {
           clearSecrets
         );
 
-        setSignature(signatureGenerated);
+        setSignatureObject({
+          ...signatureGenerated,
+          rawKey: Wallet.util.coseKeyToRaw(signatureGenerated.key)
+        });
       } catch (signingError: unknown) {
         logger.error('Error signing message:', signingError);
         setErrorObj(parseError(signingError));
@@ -117,7 +122,7 @@ export const useSignMessageState = (): SignMessageState => {
   return {
     usedAddresses,
     isSigningInProgress,
-    signatureObject: signature,
+    signatureObject,
     error,
     errorObj,
     hardwareWalletError,

packages/cardano/src/wallet/util/cose-key-to-raw.ts

@@ -0,0 +1,19 @@
+import { COSEKey, Label, Int } from '@emurgo/cardano-message-signing-nodejs';
+import type { Cip30DataSignature } from '@cardano-sdk/dapp-connector';
+import { Ed25519PublicKeyHex } from '@cardano-sdk/crypto';
+
+export const coseKeyToRaw = (coseKey: Cip30DataSignature['key']): Ed25519PublicKeyHex => {
+  const parsedKey = COSEKey.from_bytes(Buffer.from(coseKey, 'hex'));
+  // eslint-disable-next-line no-magic-numbers
+  const rawKeyLabelX = Label.new_int(Int.new_i32(-2));
+  const keyCbor = parsedKey.header(rawKeyLabelX);
+  const keyBytes = keyCbor?.as_bytes();
+  keyCbor?.free();
+  rawKeyLabelX.free();
+  parsedKey.free();
+  if (!keyBytes) {
+    throw new Error('expected COSE key with label "x" (-2)');
+  }
+  // eslint-disable-next-line new-cap
+  return Ed25519PublicKeyHex(Buffer.from(keyBytes).toString('hex'));
+};

packages/cardano/src/wallet/util/index.ts

@@ -7,3 +7,4 @@ export * from './drep';
 export * from './voter';
 export * from './derive-ed25519-key-hash-from-bip32-public-key';
 export * from './is-nft';
+export * from './cose-key-to-raw';

packages/translation/src/lib/translations/core/en.json

@@ -231,6 +231,7 @@
   "core.signMessage.successTitle": "All done!",
   "core.signMessage.signature": "Signature",
   "core.signMessage.key": "Public Key",
+  "core.signMessage.rawKey": "Public Key (Glacier Drop Compatible)",
   "core.signMessage.nextButton": "Next",
   "core.signMessage.closeButton": "Close",
   "core.signMessage.cancelButton": "Cancel",