feature: domain resolver

apps/wallet-mobile/.env

@@ -16,4 +16,6 @@ WALLET_2_MNEMONIC=abandon abandon abandon abandon abandon abandon abandon abando
 BANXA_TEST_WALLET=addr1qyfuspldlchc5kechfe5jzdrr9jms2s9w0tq4hggy9zgkhxssydveuc8xyx4zh27fwcmr62mraeezjwf24hzkyejwfmq7yptmd
 
 FRONTEND_FEE_ADDRESS_MAINNET=addr1q9ry6jfdgm0lcrtfpgwrgxg7qfahv80jlghhrthy6w8hmyjuw9ngccy937pm7yw0jjnxasm7hzxjrf8rzkqcj26788lqws5fke
-FRONTEND_FEE_ADDRESS_PREPROD=addr_test1qrgpjmyy8zk9nuza24a0f4e7mgp9gd6h3uayp0rqnjnkl54v4dlyj0kwfs0x4e38a7047lymzp37tx0y42glslcdtzhqzp57km
+FRONTEND_FEE_ADDRESS_PREPROD=addr_test1qrgpjmyy8zk9nuza24a0f4e7mgp9gd6h3uayp0rqnjnkl54v4dlyj0kwfs0x4e38a7047lymzp37tx0y42glslcdtzhqzp57km
+
+UNSTOPPABLE_API_KEY=czsajliz-wxgu6tujd1zqq7hey_pclfqhdjsqolsxjfsurgh

apps/wallet-mobile/.env.nightly

@@ -7,4 +7,6 @@ DISABLE_LOGBOX=true
 BANXA_TEST_WALLET=addr1qyfuspldlchc5kechfe5jzdrr9jms2s9w0tq4hggy9zgkhxssydveuc8xyx4zh27fwcmr62mraeezjwf24hzkyejwfmq7yptmd
 
 FRONTEND_FEE_ADDRESS_MAINNET=addr1q9ry6jfdgm0lcrtfpgwrgxg7qfahv80jlghhrthy6w8hmyjuw9ngccy937pm7yw0jjnxasm7hzxjrf8rzkqcj26788lqws5fke
-FRONTEND_FEE_ADDRESS_PREPROD=addr_test1qrgpjmyy8zk9nuza24a0f4e7mgp9gd6h3uayp0rqnjnkl54v4dlyj0kwfs0x4e38a7047lymzp37tx0y42glslcdtzhqzp57km
+FRONTEND_FEE_ADDRESS_PREPROD=addr_test1qrgpjmyy8zk9nuza24a0f4e7mgp9gd6h3uayp0rqnjnkl54v4dlyj0kwfs0x4e38a7047lymzp37tx0y42glslcdtzhqzp57km
+
+UNSTOPPABLE_API_KEY=czsajliz-wxgu6tujd1zqq7hey_pclfqhdjsqolsxjfsurgh

apps/wallet-mobile/.env.production

@@ -4,4 +4,6 @@ BUILD_VARIANT=PROD
 SENTRY_DSN=https://7f7c6cb60a6f429facd34f491dfc5133@o1138840.ingest.sentry.io/6783228
 
 FRONTEND_FEE_ADDRESS_MAINNET=addr1q9ry6jfdgm0lcrtfpgwrgxg7qfahv80jlghhrthy6w8hmyjuw9ngccy937pm7yw0jjnxasm7hzxjrf8rzkqcj26788lqws5fke
-FRONTEND_FEE_ADDRESS_PREPROD=addr_test1qrgpjmyy8zk9nuza24a0f4e7mgp9gd6h3uayp0rqnjnkl54v4dlyj0kwfs0x4e38a7047lymzp37tx0y42glslcdtzhqzp57km
+FRONTEND_FEE_ADDRESS_PREPROD=addr_test1qrgpjmyy8zk9nuza24a0f4e7mgp9gd6h3uayp0rqnjnkl54v4dlyj0kwfs0x4e38a7047lymzp37tx0y42glslcdtzhqzp57km
+
+UNSTOPPABLE_API_KEY=czsajliz-wxgu6tujd1zqq7hey_pclfqhdjsqolsxjfsurgh

apps/wallet-mobile/.env.staging

@@ -16,4 +16,6 @@ WALLET_2_MNEMONIC=abandon abandon abandon abandon abandon abandon abandon abando
 BANXA_TEST_WALLET=addr1qyfuspldlchc5kechfe5jzdrr9jms2s9w0tq4hggy9zgkhxssydveuc8xyx4zh27fwcmr62mraeezjwf24hzkyejwfmq7yptmd
 
 FRONTEND_FEE_ADDRESS_MAINNET=addr1q9ry6jfdgm0lcrtfpgwrgxg7qfahv80jlghhrthy6w8hmyjuw9ngccy937pm7yw0jjnxasm7hzxjrf8rzkqcj26788lqws5fke
-FRONTEND_FEE_ADDRESS_PREPROD=addr_test1qrgpjmyy8zk9nuza24a0f4e7mgp9gd6h3uayp0rqnjnkl54v4dlyj0kwfs0x4e38a7047lymzp37tx0y42glslcdtzhqzp57km
+FRONTEND_FEE_ADDRESS_PREPROD=addr_test1qrgpjmyy8zk9nuza24a0f4e7mgp9gd6h3uayp0rqnjnkl54v4dlyj0kwfs0x4e38a7047lymzp37tx0y42glslcdtzhqzp57km
+
+UNSTOPPABLE_API_KEY=czsajliz-wxgu6tujd1zqq7hey_pclfqhdjsqolsxjfsurgh

apps/wallet-mobile/package.json

@@ -120,11 +120,11 @@
     "@react-navigation/stack": "^6.3.16",
     "@sentry/react-native": "^5.8.0",
     "@shopify/flash-list": "^1.4.1",
-    "@unstoppabledomains/resolution": "6.0.3",
     "@yoroi/api": "1.3.0",
     "@yoroi/banxa": "1.3.0",
     "@yoroi/common": "1.3.0",
     "@yoroi/links": "1.3.0",
+    "@yoroi/resolver": "1.0.0",
     "@yoroi/swap": "1.3.0",
     "add": "2.0.6",
     "assert": "^2.0.0",
@@ -262,7 +262,7 @@
     "prettier-plugin-packagejson": "^2.2.11",
     "prettylint": "^1.0.0",
     "react-addons-test-utils": "^15.6.2",
-    "react-devtools-core": "4.26.1",
+    "react-devtools-core": "^4.28",
     "react-dom": "16.8.3",
     "react-intl-translations-manager": "^5.0.3",
     "react-native-typescript-transformer": "^1.2.13",

apps/wallet-mobile/src/Catalyst/ConfirmVotingTx.tsx

@@ -4,7 +4,7 @@ import {defineMessages, useIntl} from 'react-intl'
 import {ScrollView, StyleSheet} from 'react-native'
 import {SafeAreaView} from 'react-native-safe-area-context'
 
-import {ProgressStep, Spacer, TextInput} from '../components'
+import {KeyboardAvoidingView, ProgressStep, Spacer, TextInput} from '../components'
 import {ConfirmTx} from '../components/ConfirmTx'
 import {debugWalletInfo, features} from '../features'
 import {Instructions as HWInstructions} from '../HW'
@@ -42,63 +42,65 @@ export const ConfirmVotingTx = ({
 
   return (
     <SafeAreaView edges={['left', 'right', 'bottom']} style={styles.safeAreaView}>
-      <ProgressStep currentStep={5} totalSteps={6} />
+      <KeyboardAvoidingView style={{flex: 1}}>
+        <ProgressStep currentStep={5} totalSteps={6} />
 
-      <ScrollView contentContainerStyle={styles.contentContainer} bounces={false}>
-        <Spacer height={48} />
+        <ScrollView contentContainerStyle={styles.contentContainer} bounces={false}>
+          <Spacer height={48} />
 
-        <Title>{strings.subTitle}</Title>
+          <Title>{strings.subTitle}</Title>
 
-        <Spacer height={16} />
+          <Spacer height={16} />
 
-        {wallet.isHW ? (
-          <HWInstructions useUSB={useUSB} />
-        ) : (
-          <Description>
-            {wallet.isEasyConfirmationEnabled ? strings.authOsInstructions : strings.description}
-          </Description>
-        )}
-
-        <Spacer height={48} />
-
-        <TextInput
-          value={formatTokenWithSymbol(
-            Amounts.getAmount(votingRegTx.fee, wallet.primaryToken.identifier).quantity,
-            wallet.primaryToken,
+          {wallet.isHW ? (
+            <HWInstructions useUSB={useUSB} />
+          ) : (
+            <Description>
+              {wallet.isEasyConfirmationEnabled ? strings.authOsInstructions : strings.description}
+            </Description>
           )}
-          label={strings.fees}
-          editable={false}
-          autoComplete="off"
-        />
 
-        {!wallet.isEasyConfirmationEnabled && !wallet.isHW && (
+          <Spacer height={48} />
+
           <TextInput
-            secureTextEntry
-            value={password}
-            label={strings.password}
-            onChangeText={setPassword}
+            value={formatTokenWithSymbol(
+              Amounts.getAmount(votingRegTx.fee, wallet.primaryToken.identifier).quantity,
+              wallet.primaryToken,
+            )}
+            label={strings.fees}
+            editable={false}
             autoComplete="off"
           />
-        )}
-      </ScrollView>
-
-      <Spacer fill />
-
-      <Actions>
-        <ConfirmTx
-          onSuccess={() => onNext()}
-          isProvidingPassword
-          providedPassword={password}
-          setUseUSB={setUseUSB}
-          useUSB={useUSB}
-          yoroiUnsignedTx={votingRegTx}
-          biometricInstructions={[strings.authOsInstructions]}
-          chooseTransportOnConfirmation
-          onCIP36SupportChange={handleCIP36SupportChange}
-          autoConfirm={!supportsCIP36}
-          supportsCIP36={supportsCIP36}
-        />
-      </Actions>
+
+          {!wallet.isEasyConfirmationEnabled && !wallet.isHW && (
+            <TextInput
+              secureTextEntry
+              value={password}
+              label={strings.password}
+              onChangeText={setPassword}
+              autoComplete="off"
+            />
+          )}
+        </ScrollView>
+
+        <Spacer fill />
+
+        <Actions>
+          <ConfirmTx
+            onSuccess={() => onNext()}
+            isProvidingPassword
+            providedPassword={password}
+            setUseUSB={setUseUSB}
+            useUSB={useUSB}
+            yoroiUnsignedTx={votingRegTx}
+            biometricInstructions={[strings.authOsInstructions]}
+            chooseTransportOnConfirmation
+            onCIP36SupportChange={handleCIP36SupportChange}
+            autoConfirm={!supportsCIP36}
+            supportsCIP36={supportsCIP36}
+          />
+        </Actions>
+      </KeyboardAvoidingView>
     </SafeAreaView>
   )
 }

apps/wallet-mobile/src/NftDetails/NftDetails.tsx

@@ -3,8 +3,16 @@ import {isRecord, isString} from '@yoroi/common'
 import {Balance} from '@yoroi/types'
 import React, {ReactNode, useState} from 'react'
 import {defineMessages, useIntl} from 'react-intl'
-import {Dimensions, Linking, StyleSheet, TouchableOpacity, View} from 'react-native'
-import {ScrollView} from 'react-native-gesture-handler'
+import {
+  Dimensions,
+  Linking,
+  RefreshControl,
+  SafeAreaView,
+  ScrollView,
+  StyleSheet,
+  TouchableOpacity,
+  View,
+} from 'react-native'
 
 import {CopyButton, FadeIn, Icon, Spacer, Text} from '../components'
 import {NftPreview} from '../components/NftPreview'
@@ -17,57 +25,64 @@ import {useNavigateTo} from '../Nfts/navigation'
 import {useSelectedWallet} from '../SelectedWallet'
 import {COLORS} from '../theme'
 import {getNetworkConfigById} from '../yoroi-wallets/cardano/networks'
-import {useNft} from '../yoroi-wallets/hooks'
+import {useNativeAssetInvalidation, useNft} from '../yoroi-wallets/hooks'
 
 export const NftDetails = () => {
   const {id} = useRoute<RouteProp<NftRoutes, 'nft-details'>>().params
   const strings = useStrings()
   const wallet = useSelectedWallet()
   const nft = useNft(wallet, {id})
+  const [policy, name] = nft.id.split('.')
   const [activeTab, setActiveTab] = useState<'overview' | 'metadata'>('overview')
   const {track} = useMetrics()
+  const {invalidate, isLoading} = useNativeAssetInvalidation({networkId: wallet.networkId, policy, name})
 
   return (
     <FadeIn style={styles.container}>
-      <ScrollView contentContainerStyle={styles.contentContainer}>
-        {features.moderatingNftsEnabled ? <ModeratedNftImage nft={nft} /> : <UnModeratedNftImage nft={nft} />}
-
-        <Tabs>
-          <Tab
-            onPress={() => {
-              if (activeTab !== 'overview') {
-                setActiveTab('overview')
-                track.nftGalleryDetailsTab({nft_tab: 'Overview'})
-              }
-            }}
-            label={strings.overview}
-            active={activeTab === 'overview'}
-            testID="overview"
-          />
-
-          <Tab
-            onPress={() => {
-              if (activeTab !== 'metadata') {
-                setActiveTab('metadata')
-                track.nftGalleryDetailsTab({nft_tab: 'Metadata'})
-              }
-            }}
-            label={strings.metadata}
-            active={activeTab === 'metadata'}
-            testID="metadata"
-          />
-        </Tabs>
-
-        <TabPanels>
-          <TabPanel active={activeTab === 'overview'}>
-            <NftOverview nft={nft} />
-          </TabPanel>
-
-          <TabPanel active={activeTab === 'metadata'}>
-            <NftMetadata nft={nft} />
-          </TabPanel>
-        </TabPanels>
-      </ScrollView>
+      <SafeAreaView>
+        <ScrollView
+          contentContainerStyle={styles.contentContainer}
+          refreshControl={<RefreshControl onRefresh={invalidate} refreshing={isLoading} />}
+        >
+          {features.moderatingNftsEnabled ? <ModeratedNftImage nft={nft} /> : <UnModeratedNftImage nft={nft} />}
+
+          <Tabs>
+            <Tab
+              onPress={() => {
+                if (activeTab !== 'overview') {
+                  setActiveTab('overview')
+                  track.nftGalleryDetailsTab({nft_tab: 'Overview'})
+                }
+              }}
+              label={strings.overview}
+              active={activeTab === 'overview'}
+              testID="overview"
+            />
+
+            <Tab
+              onPress={() => {
+                if (activeTab !== 'metadata') {
+                  setActiveTab('metadata')
+                  track.nftGalleryDetailsTab({nft_tab: 'Metadata'})
+                }
+              }}
+              label={strings.metadata}
+              active={activeTab === 'metadata'}
+              testID="metadata"
+            />
+          </Tabs>
+
+          <TabPanels>
+            <TabPanel active={activeTab === 'overview'}>
+              <NftOverview nft={nft} />
+            </TabPanel>
+
+            <TabPanel active={activeTab === 'metadata'}>
+              <NftMetadata nft={nft} />
+            </TabPanel>
+          </TabPanels>
+        </ScrollView>
+      </SafeAreaView>
     </FadeIn>
   )
 }
@@ -76,7 +91,7 @@ const UnModeratedNftImage = ({nft}: {nft: Balance.TokenInfo}) => {
   const navigateTo = useNavigateTo()
   return (
     <TouchableOpacity onPress={() => navigateTo.nftZoom(nft.id)} style={styles.imageWrapper}>
-      <NftPreview nft={nft} style={styles.image} height={IMAGE_HEIGHT} width={IMAGE_WIDTH} />
+      <NftPreview nft={nft} style={styles.image} height={IMAGE_HEIGHT} width={IMAGE_WIDTH} resizeMode="contain" />
     </TouchableOpacity>
   )
 }
@@ -97,7 +112,7 @@ const ModeratedNftImage = ({nft}: {nft: Balance.TokenInfo}) => {
 
   return (
     <TouchableOpacity onPress={() => navigateTo.nftZoom(nft.id)} style={styles.imageWrapper}>
-      <NftPreview nft={nft} style={styles.image} height={IMAGE_HEIGHT} width={IMAGE_WIDTH} />
+      <NftPreview nft={nft} style={styles.image} height={IMAGE_HEIGHT} width={IMAGE_WIDTH} resizeMode="contain" />
     </TouchableOpacity>
   )
 }

apps/wallet-mobile/src/NftDetails/NftDetailsImage.tsx

@@ -27,13 +27,12 @@ export const NftDetailsImage = () => {
   }, [nft?.id, track])
 
   const dimensions = Dimensions.get('window')
-  const imageSize = Math.min(dimensions.width, dimensions.height)
 
   return (
     <FadeIn style={styles.container}>
       <ViewTransformer maxScale={3} minScale={1}>
         <View style={styles.contentContainer}>
-          <NftPreview nft={nft} width={imageSize} height={imageSize} />
+          <NftPreview nft={nft} width={dimensions.width} height={dimensions.height} zoom={3} resizeMode="contain" />
         </View>
       </ViewTransformer>
     </FadeIn>