feature(resolver): cns integration (#2959)

apps/wallet-mobile/src/TxHistory/TxHistoryNavigator.tsx

@@ -55,6 +55,7 @@ import {useSelectedWallet} from '../SelectedWallet'
 import {COLORS} from '../theme'
 import {useFrontendFees, useStakingKey, useWalletName} from '../yoroi-wallets/hooks'
 import {isMainnetNetworkId} from '../yoroi-wallets/utils'
+import {CardanoMobile} from '../yoroi-wallets/wallets'
 import {ModalInfo} from './ModalInfo'
 import {TxDetails} from './TxDetails'
 import {TxHistory} from './TxHistory'
@@ -96,6 +97,7 @@ export const TxHistoryNavigator = () => {
           apiKey: CONFIG.UNSTOPPABLE_API_KEY,
         },
       },
+      csl: CardanoMobile,
     })
     const resolverStorage = resolverStorageMaker()
     return resolverManagerMaker(resolverStorage, resolverApi)

apps/wallet-mobile/src/features/Claim/module/api.ts

@@ -40,7 +40,6 @@ const postClaimTokens =
     if (isLeft(response)) {
       return asClaimApiError(response.error)
     } else {
-      console.log('----------  |  -----------')
       const claimToken = response.value.data
       if (!ClaimTokensApiResponseSchema.safeParse(claimToken).success) throw new Api.Errors.ResponseMalformed()
 

apps/wallet-mobile/src/features/Send/common/useSendReceiver.tsx

@@ -25,6 +25,16 @@ export const useSendReceiver = () => {
       enabled: false,
     },
   )
+
+  const isNotResolvedDomain = React.useMemo(
+    () =>
+      !isUnsupportedDomain &&
+      !isResolvingAddressess &&
+      cryptoAddresses.length > 0 &&
+      cryptoAddresses.every(({error}) => error !== null),
+    [cryptoAddresses, isResolvingAddressess, isUnsupportedDomain],
+  )
+
   const debouncedRefetch = React.useMemo(() => debounceMaker(refetch, 300), [refetch])
 
   const cancelPendingRequests = React.useCallback(
@@ -65,6 +75,7 @@ export const useSendReceiver = () => {
   }, [addressRecordsFetched, cryptoAddresses, isSuccess])
 
   return {
+    isNotResolvedDomain,
     isResolvingAddressess,
     isUnsupportedDomain,
     receiverError,

apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/InputReceiver/InputReceiver.stories.tsx

@@ -8,6 +8,7 @@ import {Boundary} from '../../../../../components'
 import {SelectedWalletProvider} from '../../../../../SelectedWallet'
 import {YoroiWallet} from '../../../../../yoroi-wallets/cardano/types'
 import {mocks as walletMocks} from '../../../../../yoroi-wallets/mocks/wallet'
+import {CardanoMobile} from '../../../../../yoroi-wallets/wallets'
 import {SendProvider} from '../../../common/SendContext'
 import {InputReceiver} from './InputReceiver'
 
@@ -20,6 +21,7 @@ storiesOf('Send InputReceiver', module)
           apiKey: 'apiKey',
         },
       },
+      csl: CardanoMobile,
     })
     const resolverStorage = resolverStorageMaker()
     const resolverManager = resolverManagerMaker(resolverStorage, resolverApi)

apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/InputReceiver/ShowResolvedAddressSelected.stories.tsx

@@ -8,6 +8,7 @@ import {Boundary} from '../../../../../components'
 import {SelectedWalletProvider} from '../../../../../SelectedWallet'
 import {YoroiWallet} from '../../../../../yoroi-wallets/cardano/types'
 import {mocks as walletMocks} from '../../../../../yoroi-wallets/mocks/wallet'
+import {CardanoMobile} from '../../../../../yoroi-wallets/wallets'
 import {initialState, SendProvider, SendState} from '../../../common/SendContext'
 import {ShowResolvedAddressSelected} from './ShowResolvedAddressSelected'
 
@@ -32,6 +33,7 @@ const Wrapper = ({ns}: {ns: Partial<SendState>}) => {
         apiKey: 'apiKey',
       },
     },
+    csl: CardanoMobile,
   })
   const resolverStorage = resolverStorageMaker()
   const resolverManager = resolverManagerMaker(resolverStorage, resolverApi)

apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/NotifySupportedNameServers/NotifySupportedNameServers.stories.tsx

@@ -8,6 +8,7 @@ import {Boundary} from '../../../../../components'
 import {SelectedWalletProvider} from '../../../../../SelectedWallet'
 import {YoroiWallet} from '../../../../../yoroi-wallets/cardano/types'
 import {mocks as walletMocks} from '../../../../../yoroi-wallets/mocks/wallet'
+import {CardanoMobile} from '../../../../../yoroi-wallets/wallets'
 import {SendProvider} from '../../../common/SendContext'
 import {NotifySupportedNameServers} from './NotifySupportedNameServers'
 
@@ -21,6 +22,7 @@ const Initial = () => {
         apiKey: 'apiKey',
       },
     },
+    csl: CardanoMobile,
   })
   const resolverStorage = resolverStorageMaker()
   const resolverManager = resolverManagerMaker(resolverStorage, resolverApi)

apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/SelectNameServer/SelectNameServer.stories.tsx

@@ -8,6 +8,7 @@ import {Boundary} from '../../../../../components'
 import {SelectedWalletProvider} from '../../../../../SelectedWallet'
 import {YoroiWallet} from '../../../../../yoroi-wallets/cardano/types'
 import {mocks as walletMocks} from '../../../../../yoroi-wallets/mocks/wallet'
+import {CardanoMobile} from '../../../../../yoroi-wallets/wallets'
 import {initialState, SendProvider, SendState} from '../../../common/SendContext'
 import {SelectNameServer} from './SelectNameServer'
 
@@ -31,6 +32,7 @@ const UnselectedNS = () => {
         apiKey: 'apiKey',
       },
     },
+    csl: CardanoMobile,
   })
   const resolverStorage = resolverStorageMaker()
   const resolverManager = resolverManagerMaker(resolverStorage, resolverApi)
@@ -53,6 +55,7 @@ const SelectedNS = () => {
         apiKey: 'apiKey',
       },
     },
+    csl: CardanoMobile,
   })
   const resolverStorage = resolverStorageMaker()
   const resolverManager = resolverManagerMaker(resolverStorage, resolverApi)

apps/wallet-mobile/src/features/Send/useCases/StartMultiTokenTx/StartMultiTokenTxScreen.tsx

@@ -41,11 +41,12 @@ export const StartMultiTokenTxScreen = () => {
   const receiver = targets[selectedTargetIndex].receiver
   const shouldOpenAddToken = Amounts.toArray(amounts).length === 0
 
-  const {isResolvingAddressess, receiverError, isUnsupportedDomain} = useSendReceiver()
+  const {isResolvingAddressess, receiverError, isUnsupportedDomain, isNotResolvedDomain} = useSendReceiver()
   const {isValidatingAddress, addressError, addressValidated} = useSendAddress()
 
   const isLoading = isResolvingAddressess || isValidatingAddress
   const {hasReceiverError, receiverErrorMessage} = useReceiverError({
+    isNotResolvedDomain,
     isUnsupportedDomain,
     isLoading,
     receiverError,
@@ -111,11 +112,13 @@ export const StartMultiTokenTxScreen = () => {
 const Actions = ({style, ...props}: ViewProps) => <View style={[styles.actions, style]} {...props} />
 
 const useReceiverError = ({
+  isNotResolvedDomain,
   isUnsupportedDomain,
   receiverError,
   addressError,
   isLoading,
 }: {
+  isNotResolvedDomain: boolean
   isUnsupportedDomain: boolean
   isLoading: boolean
   receiverError: Error | null
@@ -127,6 +130,8 @@ const useReceiverError = ({
   if (isLoading) return {hasReceiverError: false, receiverErrorMessage: ''}
   if (isUnsupportedDomain)
     return {hasReceiverError: true, receiverErrorMessage: strings.helperResolverErrorUnsupportedDomain}
+  if (isNotResolvedDomain)
+    return {hasReceiverError: true, receiverErrorMessage: strings.helperResolverErrorUnsupportedDomain}
   if (receiverError != null)
     return {hasReceiverError: true, receiverErrorMessage: strings.helperResolverErrorUnsupportedDomain}
   if (addressError instanceof AddressErrorWrongNetwork)