chore: eslint + import sort

apps/wallet/.eslintrc.js

@@ -1,6 +1,11 @@
 module.exports = {
   root: true,
+  parser: '@typescript-eslint/parser',
   extends: ['@react-native', 'prettier'],
+  parserOptions: {
+    tsconfigRootDir: __dirname,
+    project: ['./tsconfig.json'],
+  },
   rules: {
     'prettier/prettier': [
       'error',
@@ -14,12 +19,15 @@ module.exports = {
         semi: false,
       },
     ],
+    'simple-import-sort/exports': 'error',
+    'simple-import-sort/imports': 'error',
     'react-native/no-inline-styles': 'off',
     '@typescript-eslint/no-unused-vars': [
       'error',
       {argsIgnorePattern: '^_', varsIgnorePattern: '^_'},
     ],
     '@typescript-eslint/no-shadow': 'off',
   },
-  ignorePatterns: ['node_modules/', 'android/', 'ios/', 'coverage/'],
+  plugins: ['eslint-plugin-simple-import-sort'],
+  ignorePatterns: ['node_modules/', 'android/', 'ios/', 'coverage/', 'stories/'],
 }

apps/wallet/.tool-versions

@@ -0,0 +1 @@
+nodejs 20.9.0

apps/wallet/package.json

@@ -135,9 +135,12 @@
     "@types/react": "~18.2.79",
     "@types/react-test-renderer": "^18.0.0",
     "@types/uuid": "^10.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.16.0",
+    "@typescript-eslint/parser": "^8.16.0",
     "babel-jest": "^29.6.3",
     "dependency-cruiser": "^13.1.1",
     "eslint": "^8.19.0",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
     "i18n-unused": "^0.16.0",
     "jest": "^29.6.3",
     "prettier": "2.8.8",

apps/wallet/src/components/Accordion/Accordion.tsx

@@ -2,11 +2,11 @@ import {isString} from '@yoroi/common'
 import {useTheme} from '@yoroi/theme'
 import React, {forwardRef, ReactNode} from 'react'
 import {
-  type ViewProps,
   StyleSheet,
   Text,
   TouchableOpacity,
   View,
+  type ViewProps,
 } from 'react-native'
 
 import {Icon} from '../Icon'

apps/wallet/src/components/Boundary/Boundary.tsx

@@ -1,3 +1,4 @@
+import {useQueryErrorResetBoundary} from '@tanstack/react-query'
 import {useTheme} from '@yoroi/theme'
 import React, {SuspenseProps} from 'react'
 import {
@@ -15,7 +16,6 @@ import {
   View,
   ViewProps,
 } from 'react-native'
-import {useQueryErrorResetBoundary} from '@tanstack/react-query'
 
 import image from '../../assets/img/error.png'
 import {LocalizableError} from '../../kernel/i18n/LocalizableError'

apps/wallet/src/components/SafeArea.tsx

@@ -2,8 +2,8 @@ import {useTheme} from '@yoroi/theme'
 import React from 'react'
 import {StyleSheet} from 'react-native'
 import {
-  type SafeAreaViewProps,
   SafeAreaView,
+  type SafeAreaViewProps,
 } from 'react-native-safe-area-context'
 
 export const SafeArea = ({children, ...rest}: SafeAreaViewProps) => {

apps/wallet/src/features/Auth/common/hooks.ts

@@ -1,3 +1,10 @@
+import {
+  useMutation,
+  UseMutationOptions,
+  useQuery,
+  useQueryClient,
+  UseQueryOptions,
+} from '@tanstack/react-query'
 import {
   parseSafe,
   parseString,
@@ -9,13 +16,6 @@ import * as React from 'react'
 import {defineMessages, useIntl} from 'react-intl'
 import {Alert, AppState, Platform} from 'react-native'
 import RNKeychain from 'react-native-keychain'
-import {
-  useMutation,
-  UseMutationOptions,
-  useQuery,
-  useQueryClient,
-  UseQueryOptions,
-} from '@tanstack/react-query'
 
 import {decryptData, encryptData} from '../../../kernel/encryption/encryption'
 import globalMessages from '../../../kernel/i18n/global-messages'

apps/wallet/src/features/Auth/common/useEnableEasyConfirmation.tsx

@@ -1,5 +1,5 @@
-import {useMutationWithInvalidations} from '@yoroi/common'
 import {UseMutationOptions} from '@tanstack/react-query'
+import {useMutationWithInvalidations} from '@yoroi/common'
 
 import {YoroiWallet} from '../../../yoroi-wallets/cardano/types'
 import {useWalletManager} from '../../WalletManager/context/WalletManagerProvider'

apps/wallet/src/features/Discover/common/ChainDAppsWarning.tsx

@@ -1,7 +1,7 @@
+import {useQuery} from '@tanstack/react-query'
 import {useAsyncStorage, useMutationWithInvalidations} from '@yoroi/common'
 import {Chain} from '@yoroi/types'
 import * as React from 'react'
-import {useQuery} from '@tanstack/react-query'
 
 import {GradientWarning} from '../../../components/ChainWarning/GradientWarning'
 import {useSelectedWallet} from '../../WalletManager/common/hooks/useSelectedWallet'

apps/wallet/src/features/Discover/common/useDAppsConnected.tsx

@@ -1,6 +1,6 @@
+import {useQuery, UseQueryOptions} from '@tanstack/react-query'
 import {DappConnection, useDappConnector} from '@yoroi/dapp-connector'
 import {Chain} from '@yoroi/types'
-import {useQuery, UseQueryOptions} from '@tanstack/react-query'
 
 import {useSelectedWallet} from '../../WalletManager/common/hooks/useSelectedWallet'
 

apps/wallet/src/features/Discover/common/useShowWelcomeDApp.tsx

@@ -1,11 +1,11 @@
-import {isBoolean, useAsyncStorage} from '@yoroi/common'
-import * as React from 'react'
 import {
   useMutation,
   UseMutationOptions,
   useQuery,
   UseQueryOptions,
 } from '@tanstack/react-query'
+import {isBoolean, useAsyncStorage} from '@yoroi/common'
+import * as React from 'react'
 
 import {useSelectedWallet} from '../../WalletManager/common/hooks/useSelectedWallet'
 

apps/wallet/src/features/Exchange/common/useResetShowBuyBannerSmall.tsx

@@ -1,5 +1,5 @@
-import {useAsyncStorage, useMutationWithInvalidations} from '@yoroi/common'
 import {UseMutationOptions} from '@tanstack/react-query'
+import {useAsyncStorage, useMutationWithInvalidations} from '@yoroi/common'
 
 import {useSelectedWallet} from '../../WalletManager/common/hooks/useSelectedWallet'
 import {storageKeyShowBuyBannerSmall, storageRootExchange} from './constants'

apps/wallet/src/features/Exchange/common/useShowBuyBannerSmall.tsx

@@ -1,5 +1,5 @@
-import {isNumber, parseNumber, useAsyncStorage} from '@yoroi/common'
 import {useQuery, UseQueryOptions} from '@tanstack/react-query'
+import {isNumber, parseNumber, useAsyncStorage} from '@yoroi/common'
 
 import {useBalances} from '../../../yoroi-wallets/hooks'
 import {

apps/wallet/src/features/Initialization/ChooseBiometricLogin/ChooseBiometricLoginScreen.tsx

@@ -1,3 +1,4 @@
+import {useQuery, UseQueryOptions} from '@tanstack/react-query'
 import {
   parseBoolean,
   useAsyncStorage,
@@ -8,7 +9,6 @@ import * as React from 'react'
 import {Alert, StyleSheet, Text, View} from 'react-native'
 import DeviceInfo from 'react-native-device-info'
 import {SafeAreaView} from 'react-native-safe-area-context'
-import {useQuery, UseQueryOptions} from '@tanstack/react-query'
 
 import {Button, ButtonType} from '../../../components/Button/Button'
 import {Space} from '../../../components/Space/Space'

apps/wallet/src/features/Initialization/DarkThemeAnnouncement/DarkThemeAnnouncement.tsx

@@ -1,3 +1,4 @@
+import {useQuery, UseQueryOptions} from '@tanstack/react-query'
 import {
   parseBoolean,
   useAsyncStorage,
@@ -9,7 +10,6 @@ import {defineMessages, useIntl} from 'react-intl'
 import {Platform, Pressable, StyleSheet, Switch, View} from 'react-native'
 import {ScrollView} from 'react-native-gesture-handler'
 import {SafeAreaView} from 'react-native-safe-area-context'
-import {useQuery, UseQueryOptions} from '@tanstack/react-query'
 
 import {Button} from '../../../components/Button/Button'
 import {Space} from '../../../components/Space/Space'

apps/wallet/src/features/Initialization/common/terms.ts

@@ -1,6 +1,6 @@
+import {useMutation, useQuery, useQueryClient} from '@tanstack/react-query'
 import {useAsyncStorage} from '@yoroi/common'
 import {useCallback} from 'react'
-import {useMutation, useQuery, useQueryClient} from '@tanstack/react-query'
 
 import {agreementDate} from '../../../kernel/config'
 

apps/wallet/src/features/Legal/PrivacyPolicy/PrivacyPolicy.tsx

@@ -1,8 +1,8 @@
+import {useQuery} from '@tanstack/react-query'
 import {useTheme} from '@yoroi/theme'
 import React from 'react'
 import {ActivityIndicator, StyleSheet, View} from 'react-native'
 import Markdown from 'react-native-markdown-display'
-import {useQuery} from '@tanstack/react-query'
 
 import {Spacer} from '../../../components/Spacer/Spacer'
 import {LanguageCode} from '../../../kernel/i18n/languages'

apps/wallet/src/features/Legal/TermsOfService/TermsOfService.tsx

@@ -1,8 +1,8 @@
+import {useQuery} from '@tanstack/react-query'
 import {useTheme} from '@yoroi/theme'
 import React from 'react'
 import {ActivityIndicator, StyleSheet, View} from 'react-native'
 import Markdown from 'react-native-markdown-display'
-import {useQuery} from '@tanstack/react-query'
 
 import {Spacer} from '../../../components/Spacer/Spacer'
 import {LanguageCode} from '../../../kernel/i18n/languages'

apps/wallet/src/features/Portfolio/common/PnlTag/PnlTag.tsx

@@ -1,6 +1,6 @@
 import {useTheme} from '@yoroi/theme'
 import * as React from 'react'
-import {type ViewProps, StyleSheet, Text, View} from 'react-native'
+import {StyleSheet, Text, View, type ViewProps} from 'react-native'
 
 import {Icon} from '../../../../components/Icon'
 

apps/wallet/src/features/Portfolio/common/PortfolioTokenActivityProvider.tsx

@@ -1,9 +1,9 @@
+import {useQuery, useQueryClient} from '@tanstack/react-query'
 import {invalid, isNonNullable} from '@yoroi/common'
 import {isPrimaryToken} from '@yoroi/portfolio'
 import {Portfolio} from '@yoroi/types'
 import {freeze, produce} from 'immer'
 import React from 'react'
-import {useQuery, useQueryClient} from '@tanstack/react-query'
 import {merge, switchMap} from 'rxjs'
 
 import {time} from '../../../kernel/constants'

apps/wallet/src/features/Portfolio/common/hooks/useGetLiquidityPool.ts

@@ -1,6 +1,6 @@
+import {useQuery, UseQueryOptions} from '@tanstack/react-query'
 import {Portfolio} from '@yoroi/types'
 import {ImageSourcePropType} from 'react-native'
-import {useQuery, UseQueryOptions} from '@tanstack/react-query'
 
 import {getDappFallbackLogo} from '../../../Discover/common/helpers'
 

apps/wallet/src/features/Portfolio/common/hooks/useGetOpenOrders.ts

@@ -1,5 +1,5 @@
-import {ImageSourcePropType} from 'react-native'
 import {useQuery, UseQueryOptions} from '@tanstack/react-query'
+import {ImageSourcePropType} from 'react-native'
 
 import {getDappFallbackLogo} from '../../../Discover/common/helpers'
 import {IAsset, mockAmount} from './useGetLiquidityPool'

apps/wallet/src/features/Portfolio/common/hooks/useGetPortfolioTokenChart.ts

@@ -1,7 +1,7 @@
+import {useQuery, UseQueryOptions} from '@tanstack/react-query'
 import {isRight} from '@yoroi/common'
 import {isPrimaryToken} from '@yoroi/portfolio'
 import {Chain, Portfolio} from '@yoroi/types'
-import {useQuery, UseQueryOptions} from '@tanstack/react-query'
 
 import {supportedCurrencies, time} from '../../../../kernel/constants'
 import {useLanguage} from '../../../../kernel/i18n'

apps/wallet/src/features/Portfolio/common/hooks/useGetPortfolioTokenInfo.ts

@@ -1,6 +1,6 @@
+import {useQuery, UseQueryOptions} from '@tanstack/react-query'
 import {type Portfolio} from '@yoroi/types'
 import {ImageSourcePropType} from 'react-native'
-import {useQuery, UseQueryOptions} from '@tanstack/react-query'
 
 import AdaLogo from '../../../../assets/img/ada.png'
 

apps/wallet/src/features/Portfolio/common/hooks/usePortfolioImage.ts

@@ -1,6 +1,6 @@
+import {useMutation} from '@tanstack/react-query'
 import {Portfolio} from '@yoroi/types'
 import {Image} from 'expo-image'
-import {useMutation} from '@tanstack/react-query'
 
 import {useSelectedNetwork} from '../../../WalletManager/common/hooks/useSelectedNetwork'
 

apps/wallet/src/features/Portfolio/common/hooks/usePortfolioTokenInfos.ts

@@ -1,6 +1,6 @@
+import {useQuery, UseQueryOptions} from '@tanstack/react-query'
 import {createUnknownTokenInfo, isPrimaryToken} from '@yoroi/portfolio'
 import {Portfolio} from '@yoroi/types'
-import {useQuery, UseQueryOptions} from '@tanstack/react-query'
 
 import {YoroiWallet} from '../../../../yoroi-wallets/cardano/types'
 

apps/wallet/src/features/Portfolio/useCases/PortfolioTokensList/PortfolioWalletTokenList/ListMediaGalleryScreen/ZoomMediaImageScreen.tsx

@@ -1,7 +1,6 @@
 import {useTheme} from '@yoroi/theme'
 import React from 'react'
 import {StyleSheet, useWindowDimensions, View} from 'react-native'
-
 // @ts-ignore
 import ViewTransformer from 'react-native-easy-view-transformer'
 

apps/wallet/src/features/Receive/common/useMultipleAddressesInfo.tsx

@@ -1,14 +1,14 @@
+import {
+  UseMutationOptions,
+  useQuery,
+  UseQueryOptions,
+} from '@tanstack/react-query'
 import {
   isBoolean,
   parseSafe,
   useAsyncStorage,
   useMutationWithInvalidations,
 } from '@yoroi/common'
-import {
-  UseMutationOptions,
-  useQuery,
-  UseQueryOptions,
-} from '@tanstack/react-query'
 
 import {useSelectedWallet} from '../../WalletManager/common/hooks/useSelectedWallet'
 

apps/wallet/src/features/RegisterCatalyst/common/hooks.ts

@@ -1,6 +1,6 @@
+import {useQuery, UseQueryOptions} from '@tanstack/react-query'
 import {Catalyst, useCatalyst} from '@yoroi/staking'
 import {App} from '@yoroi/types'
-import {useQuery, UseQueryOptions} from '@tanstack/react-query'
 
 import {time} from '../../../kernel/constants'
 import {throwLoggedError} from '../../../kernel/logger/helpers/throw-logged-error'

apps/wallet/src/features/RegisterCatalyst/useCases/ConfirmPin/ConfirmPin.tsx

@@ -1,3 +1,4 @@
+import {useMutation, UseMutationOptions} from '@tanstack/react-query'
 import {useCatalyst} from '@yoroi/staking'
 import {useTheme} from '@yoroi/theme'
 import React from 'react'
@@ -9,7 +10,6 @@ import {
   ViewProps,
 } from 'react-native'
 import {SafeAreaView} from 'react-native-safe-area-context'
-import {useMutation, UseMutationOptions} from '@tanstack/react-query'
 
 import {Button} from '../../../../components/Button/Button'
 import {

apps/wallet/src/features/ReviewTx/common/hooks/useFormattedTx.tsx

@@ -1,9 +1,9 @@
 import {CredKind} from '@emurgo/cross-csl-core'
+import {useQuery} from '@tanstack/react-query'
 import {isNonNullable} from '@yoroi/common'
 import {infoExtractName} from '@yoroi/portfolio'
 import {Portfolio} from '@yoroi/types'
 import _ from 'lodash'
-import {useQuery} from '@tanstack/react-query'
 
 import {YoroiWallet} from '../../../../yoroi-wallets/cardano/types'
 import {deriveRewardAddressFromAddress} from '../../../../yoroi-wallets/cardano/utils'

apps/wallet/src/features/ReviewTx/common/operations.tsx

@@ -1,8 +1,8 @@
+import {useQuery} from '@tanstack/react-query'
 import {useTheme} from '@yoroi/theme'
 import * as React from 'react'
 import {Linking, StyleSheet, Text, View} from 'react-native'
 import {TouchableOpacity} from 'react-native-gesture-handler'
-import {useQuery} from '@tanstack/react-query'
 
 import {Space} from '../../../components/Space/Space'
 import {wrappedCsl} from '../../../yoroi-wallets/cardano/wrappedCsl'

apps/wallet/src/features/Send/common/useSendAddress.tsx

@@ -1,7 +1,7 @@
 import {normalizeToAddress} from '@emurgo/yoroi-lib/dist/internals/utils/addresses'
+import {useQuery, UseQueryOptions} from '@tanstack/react-query'
 import {useTransfer} from '@yoroi/transfer'
 import * as React from 'react'
-import {useQuery, UseQueryOptions} from '@tanstack/react-query'
 
 import {CardanoMobile} from '../../../yoroi-wallets/wallets'
 import {useSelectedWallet} from '../../WalletManager/common/hooks/useSelectedWallet'

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

@@ -1,3 +1,4 @@
+import {useQueryClient} from '@tanstack/react-query'
 import {
   isDomain,
   isNameServer,
@@ -7,7 +8,6 @@ import {
 import {useTransfer} from '@yoroi/transfer'
 import {Resolver} from '@yoroi/types'
 import * as React from 'react'
-import {useQueryClient} from '@tanstack/react-query'
 
 export const useSendReceiver = () => {
   const queryClient = useQueryClient()

apps/wallet/src/features/Send/useCases/ListAmountsToSend/ListAmountsToSendScreen.tsx

@@ -1,4 +1,5 @@
 import {useNavigation} from '@react-navigation/native'
+import {useMutation} from '@tanstack/react-query'
 import {isNft} from '@yoroi/portfolio'
 import {useTheme} from '@yoroi/theme'
 import {useTransfer} from '@yoroi/transfer'
@@ -9,7 +10,6 @@ import {defineMessages, useIntl} from 'react-intl'
 import {StyleSheet, TouchableOpacity, View, ViewProps} from 'react-native'
 import {FlatList} from 'react-native-gesture-handler'
 import {SafeAreaView} from 'react-native-safe-area-context'
-import {useMutation} from '@tanstack/react-query'
 
 import {Boundary} from '../../../../components/Boundary/Boundary'
 import {Button} from '../../../../components/Button/Button'