Mahmoud/eng 3111 integrate with stacks raw hex signing on extension

src/app/components/postCondition/postConditionView/index.tsx

@@ -1,13 +1,13 @@
 /* eslint-disable no-nested-ternary */
-import { StoreState } from '@stores/index';
-import { useSelector } from 'react-redux';
 import {
   addressToString,
   FungibleConditionCode,
   NonFungibleConditionCode,
   PostCondition,
 } from '@stacks/transactions';
+import { StoreState } from '@stores/index';
 import { useTranslation } from 'react-i18next';
+import { useSelector } from 'react-redux';
 
 import TransferAmountComponent from '@components/transferAmountComponent';
 import { getNameFromPostCondition, getSymbolFromPostCondition } from './helper';
@@ -36,9 +36,9 @@ function PostConditionsView({ postCondition, amount, icon }: Props) {
         return t('TRANSFER_LESS');
       case FungibleConditionCode.LessEqual:
         return t('TRANSFER_LESS_EQUAL');
-      case NonFungibleConditionCode.DoesNotOwn:
+      case NonFungibleConditionCode.Sends:
         return t('TRANSFER_DOES_NOT_OWN');
-      case NonFungibleConditionCode.Owns:
+      case NonFungibleConditionCode.DoesNotSend:
         return t('TRANSFER_OWN');
       default:
         return '';

src/app/screens/confirmStxTransaction/index.tsx

@@ -1,5 +1,5 @@
 import IconStacks from '@assets/img/dashboard/stack_icon.svg';
-import { ConfirmStxTransactionState,LedgerTransactionType } from '@common/types/ledger';
+import { ConfirmStxTransactionState, LedgerTransactionType } from '@common/types/ledger';
 import AccountHeaderComponent from '@components/accountHeader';
 import ConfirmStxTransactionComponent from '@components/confirmStxTransactionComponent';
 import TransferMemoView from '@components/confirmStxTransactionComponent/transferMemoView';
@@ -16,19 +16,20 @@ import useWalletSelector from '@hooks/useWalletSelector';
 import {
   addressToString,
   broadcastSignedTransaction,
+  buf2hex,
   getStxFiatEquivalent,
+  isMultiSig,
   microstacksToStx,
   StacksTransaction,
   TokenTransferPayload,
-  buf2hex,
 } from '@secretkeylabs/xverse-core';
-import { deserializeTransaction,MultiSigSpendingCondition } from '@stacks/transactions';
+import { deserializeTransaction, MultiSigSpendingCondition } from '@stacks/transactions';
 import { useMutation } from '@tanstack/react-query';
 import { isLedgerAccount } from '@utils/helper';
 import BigNumber from 'bignumber.js';
-import { useEffect,useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useLocation,useNavigate } from 'react-router-dom';
+import { useLocation, useNavigate } from 'react-router-dom';
 import styled from 'styled-components';
 
 const AlertContainer = styled.div((props) => ({

src/inpage/index.ts

@@ -14,12 +14,12 @@ declare global {
 }
 
 // we inject these in case implementors call the default providers
-window.StacksProvider = StacksMethodsProvider;
-window.BitcoinProvider = SatsMethodsProvider;
+window.StacksProvider = StacksMethodsProvider as StacksProvider;
+window.BitcoinProvider = SatsMethodsProvider as BitcoinProvider;
 
 // We also inject the providers in an Xverse object in order to have them exclusively available for Xverse wallet
 // and not clash with providers from other wallets
 window.XverseProviders = {
-  StacksProvider: StacksMethodsProvider,
-  BitcoinProvider: SatsMethodsProvider,
+  StacksProvider: StacksMethodsProvider as StacksProvider,
+  BitcoinProvider: SatsMethodsProvider as BitcoinProvider,
 };

src/inpage/sats.inpage.ts

@@ -30,7 +30,7 @@ const isValidEvent = (event: MessageEvent, method: SatsConnectMessageToContentSc
   return correctSource && correctMethod && !!data.payload;
 };
 
-const SatsMethodsProvider: BitcoinProvider = {
+const SatsMethodsProvider: Partial<BitcoinProvider> = {
   connect: async (btcAddressRequest): Promise<GetAddressResponse> => {
     const event = new CustomEvent<GetAddressRequestEventDetails>(DomEventName.getAddressRequest, {
       detail: { btcAddressRequest },

src/inpage/stacks.inpage.ts

@@ -1,4 +1,3 @@
-import { StacksProvider } from '@stacks/connect';
 import {
   AuthenticationRequestEventDetails,
   DomEventName,
@@ -13,6 +12,7 @@ import {
   SignatureResponseMessage,
   TransactionResponseMessage,
 } from '@common/types/message-types';
+import { StacksProvider } from '@stacks/connect';
 
 declare const VERSION: string;
 type CallableMethods = keyof typeof ExternalMethods;
@@ -60,7 +60,7 @@ const isValidEvent = (event: MessageEvent, method: LegacyMessageToContentScript[
   return correctSource && correctMethod && !!data.payload;
 };
 
-const StacksMethodsProvider: StacksProvider = {
+const StacksMethodsProvider: Partial<StacksProvider> = {
   getURL: async () => {
     const { url } = await callAndReceive('getURL');
     return url;