feat(settings): default to user's local currency

Author: pwltr

__mocks__/react-native-localize.ts

@@ -0,0 +1 @@
+export * from "react-native-localize/mock/jest";

__tests__/fiat.test.ts

@@ -71,7 +71,7 @@ describe('Pulls latest fiat exchange rates and checks the wallet store for valid
 	});
 
 	it('Blocktank FX rates with default selected currency', async () => {
-		const res = await updateExchangeRates({});
+		const res = await updateExchangeRates();
 
 		expect(res.isOk()).toEqual(true);
 		if (res.isErr()) {
@@ -155,7 +155,7 @@ describe('Pulls latest fiat exchange rates and checks the wallet store for valid
 describe('convertToSats', () => {
 	describe('can work with exchange rates', () => {
 		beforeAll(async () => {
-			const res = await updateExchangeRates({});
+			const res = await updateExchangeRates();
 			if (res.isErr()) {
 				throw res.error;
 			}

ios/Podfile.lock

@@ -1782,7 +1782,7 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - RNLocalize (3.0.2):
+  - RNLocalize (3.4.1):
     - React-Core
   - RNNotifee (9.1.8):
     - React-Core
@@ -2391,7 +2391,7 @@ SPEC CHECKSUMS:
   RNFS: 89de7d7f4c0f6bafa05343c578f61118c8282ed8
   RNGestureHandler: 9f3109e11ed88fe5bed280bf7762b25e4c52f396
   RNKeychain: 824e7372c7e921d76c4ea4169bdc6c7a32025784
-  RNLocalize: 01b15a24a8f1856eeaeeb77f4179ccd88c117a73
+  RNLocalize: 15463c4d79c7da45230064b4adcf5e9bb984667e
   RNNotifee: 5e3b271e8ea7456a36eec994085543c9adca9168
   RNPermissions: a03f8bd0e6c9d87597e39be694f90d208dd6f835
   RNQrGenerator: afacf12b55dfba0e3aaca963eec23691e8426431

jest.setup.js

@@ -1,6 +1,5 @@
 import mockRNDeviceInfo from 'react-native-device-info/jest/react-native-device-info-mock';
 import mockRNCNetInfo from '@react-native-community/netinfo/jest/netinfo-mock';
-import mockRNLocalize from 'react-native-localize/mock';
 import * as mockLDK from '@synonymdev/react-native-ldk/dist/mock';
 
 jest.mock('react-native-reanimated', () =>
@@ -12,7 +11,6 @@ jest.mock('react-native-permissions', () =>
 	require('react-native-permissions/mock'),
 );
 jest.mock('@react-native-community/netinfo', () => mockRNCNetInfo);
-jest.mock('react-native-localize', () => mockRNLocalize);
 jest.mock('@synonymdev/react-native-ldk', () => mockLDK);
 
 global.net = require('net'); // needed by Electrum client. For RN it is proviced in shim.js

package.json

@@ -86,7 +86,7 @@
     "react-native-image-picker": "8.1.0",
     "react-native-keyboard-accessory": "0.1.16",
     "react-native-keychain": "9.2.3",
-    "react-native-localize": "3.0.2",
+    "react-native-localize": "3.4.1",
     "react-native-mmkv": "2.12.2",
     "react-native-modal": "13.0.1",
     "react-native-permissions": "5.2.5",

src/screens/Settings/Currencies/index.tsx

@@ -19,6 +19,8 @@ const CurrenciesSettings = ({
 	const selectedCurrency = useAppSelector(selectedCurrencySelector);
 
 	const currencyListData: IListData[] = useMemo(() => {
+		const currencies = Object.keys(exchangeRates).sort();
+
 		const onSetCurrency = (currency: string): void => {
 			dispatch(updateSettings({ selectedCurrency: currency }));
 		};
@@ -40,17 +42,15 @@ const CurrenciesSettings = ({
 			},
 			{
 				title: t('general.currency_other'),
-				data: Object.keys(exchangeRates)
-					.sort()
-					.map((ticker) => ({
-						title: ticker,
-						value: selectedCurrency === ticker,
-						type: EItemType.button,
-						onPress: (): void => {
-							navigation.goBack();
-							onSetCurrency(ticker);
-						},
-					})),
+				data: currencies.map((ticker) => ({
+					title: ticker,
+					value: selectedCurrency === ticker,
+					type: EItemType.button,
+					onPress: (): void => {
+						navigation.goBack();
+						onSetCurrency(ticker);
+					},
+				})),
 			},
 		];
 	}, [selectedCurrency, exchangeRates, navigation, t, dispatch]);

src/store/shapes/settings.ts

@@ -9,6 +9,7 @@ import {
 	__WEB_RELAY__,
 } from '../../constants/env';
 import { EAvailableNetwork } from '../../utils/networks';
+import { getDefaultCurrency } from '../../utils/settings';
 import { TSettings } from '../slices/settings';
 import { ETransactionSpeed } from '../types/settings';
 import { EDenomination, EUnit } from '../types/wallet';
@@ -82,7 +83,7 @@ export const initialSettingsState: TSettings = {
 	theme: 'dark',
 	unit: EUnit.BTC,
 	denomination: EDenomination.modern,
-	selectedCurrency: 'USD',
+	selectedCurrency: getDefaultCurrency(),
 	selectedLanguage: 'english',
 	customElectrumPeers: defaultElectrumPeer,
 	rapidGossipSyncUrl: 'https://rgs.blocktank.to/snapshot/',

src/utils/exchange-rate/currencies.ts

@@ -0,0 +1,52 @@
+// The currencies that are supported by the exchange rate API
+// https://blocktank.synonym.to/fx/rates/btc/
+
+export const currencies = [
+	'ARS',
+	'AUD',
+	'BHD',
+	'BDT',
+	'BMD',
+	'BRL',
+	'CAD',
+	'CLP',
+	'CNY',
+	'CZK',
+	'DKK',
+	'EUR',
+	'GEL',
+	'GBP',
+	'HKD',
+	'HUF',
+	'XDR',
+	'INR',
+	'IDR',
+	'ILS',
+	'JPY',
+	'KWD',
+	'MYR',
+	'MXN',
+	'MMK',
+	'TWD',
+	'NZD',
+	'NOK',
+	'PKR',
+	'PHP',
+	'PLN',
+	'RUB',
+	'SAR',
+	'SGD',
+	'ZAR',
+	'KRW',
+	'LKR',
+	'SEK',
+	'CHF',
+	'USDT',
+	'THB',
+	'TRY',
+	'USD',
+	'UAH',
+	'AED',
+	'VEF',
+	'VND',
+];

src/utils/i18n/index.ts

@@ -1,7 +1,7 @@
 import i18n from 'i18next';
 import ICU from 'i18next-icu';
 import { initReactI18next } from 'react-i18next';
-import * as RNLocalize from 'react-native-localize';
+import { findBestLanguageTag, getTimeZone } from 'react-native-localize';
 
 import { __ENABLE_I18NEXT_DEBUGGER__, __JEST__ } from '../../constants/env';
 import { dispatch } from '../../store/helpers';
@@ -14,9 +14,7 @@ import locales, {
 } from './locales';
 
 const getDeviceLanguage = (): string => {
-	const lang =
-		RNLocalize.findBestLanguageTag(Object.keys(locales))?.languageTag ?? 'en';
-	return lang;
+	return findBestLanguageTag(Object.keys(locales))?.languageTag ?? 'en';
 };
 
 const resources = convert(locales);
@@ -41,7 +39,7 @@ i18nICU
 		returnNull: false,
 	})
 	.then(() => {
-		let timeZone = RNLocalize.getTimeZone();
+		let timeZone = getTimeZone();
 
 		// if polyfill is used, we need to set default timezone
 		// https://formatjs.io/docs/polyfills/intl-datetimeformat/#default-timezone

src/utils/settings/index.ts

@@ -1,7 +1,9 @@
 import { ECoinSelectPreference } from 'beignet';
+import { getCurrencies } from 'react-native-localize';
 import { PIN_ATTEMPTS } from '../../constants/app';
 import { dispatch } from '../../store/helpers';
 import { updateSettings } from '../../store/slices/settings';
+import { currencies } from '../exchange-rate/currencies';
 import { resetKeychainValue, setKeychainValue } from '../keychain';
 import { getOnChainWalletAsync } from '../wallet';
 
@@ -58,3 +60,14 @@ export const updateCoinSelectPreference = async (
 		updateSettings({ coinSelectAuto: true, coinSelectPreference: preference }),
 	);
 };
+
+export const getDefaultCurrency = (): string => {
+	const localCurrencies = getCurrencies();
+
+	// Find the first currency that matches the user's preference
+	const preferredCurrency = localCurrencies.find((currency) => {
+		return currencies.includes(currency);
+	});
+
+	return preferredCurrency ?? 'USD';
+};