{
if (state.active || profilePopupState.active || settingsState.open || drawerState?.id) {
await Platform.hideTransak()
@@ -132,6 +139,10 @@
service: selectedTab.key as 'BUY' | 'SELL',
amount: Number(fiatValue),
paymentMethod: selectedPaymentOption.value ?? '',
+ networkName:
+ $selectedExchangeCryptoCurrency?.networkName ?? $transakCryptoCurrencies?.[0]?.networkName ?? 'miota',
+ cryptoCurrencySymbol:
+ $selectedExchangeCryptoCurrency?.symbol ?? $transakCryptoCurrencies?.[0]?.symbol ?? 'IOTA',
})
isTransakOpen = true
await updateTransakBounds()
@@ -142,6 +153,10 @@
isTransakOpen = false
}
+ function onTokenTileClick(): void {
+ openPopup({ id: PopupId.TransakSelectToken })
+ }
+
onDestroy(() => {
void Platform.closeTransak()
isTransakOpen = false
@@ -181,7 +196,12 @@
/>
-
+ {#if $transakCryptoCurrencies && $transakCryptoCurrencies.length > 0}
+
+ {/if}
= {
+ ...(process.env.STAGE === AppStage.PROD
+ ? { [SupportedStardustNetworkId.Iota]: 'miota' }
+ : { [SupportedStardustNetworkId.IotaTestnet]: 'miota' }),
+}
+
+export async function updateTransakCryptoCurrencies(): Promise {
+ const stardustNetwork = getStardustNetwork()
+ const transakNetworkNameForStardustNetwork = STARDUST_NETWORK_ID_TO_TRANSAK_NETWORK_NAME_MAP[stardustNetwork.id]
+ const evmNetworks = getEvmNetworks()
+
+ const allowedNetworkNames = [transakNetworkNameForStardustNetwork]
+ const allowedNetworkChainIds = evmNetworks.map((network) => network.chainId)
+
+ const api = new TransakApi()
+ const response = await api.getFilteredCryptoCurrencies(allowedNetworkNames, allowedNetworkChainIds)
+
+ // sort response by stardust network first and then by order of evm networks
+ response?.sort((a, b) => {
+ const aNetworkId = getNetworkIdFromTransakNetwork(a.network.name, a.network.chainId)
+ const bNetworkId = getNetworkIdFromTransakNetwork(b.network.name, b.network.chainId)
+ if (aNetworkId === stardustNetwork.id) {
+ return -1
+ } else if (bNetworkId === stardustNetwork.id) {
+ return 1
+ } else {
+ return evmNetworks.findIndex((network) => network.id === aNetworkId) <
+ evmNetworks.findIndex((network) => network.id === bNetworkId)
+ ? -1
+ : 1
+ }
+ })
+
+ transakCryptoCurrencies.set(
+ response?.reduce((acc, token) => {
+ if (!token.isAllowed) {
+ return acc
+ }
+
+ return [...acc, buildTransakCryptoCurrencyFromResponseItem(token)]
+ }, [] as TransakCryptoCurrency[])
+ )
+}
+
+function buildTransakCryptoCurrencyFromResponseItem(
+ responseItem: ITransakApiCryptoCurrenciesResponseItem
+): TransakCryptoCurrency {
+ const networkId = getNetworkIdFromTransakNetwork(responseItem.network.name, responseItem.network.chainId)
+ const network = getNetwork(networkId)
+ if (!network) {
+ throw new Error(`Unsupported Transak network: ${responseItem.network.name}`)
+ }
+ return {
+ name: responseItem.name,
+ symbol: responseItem.symbol,
+ image: {
+ thumb: responseItem.image.thumb,
+ small: responseItem.image.small,
+ large: responseItem.image.large,
+ },
+ network,
+ decimals: responseItem.decimals,
+ }
+}
+
+function getNetworkIdFromTransakNetwork(transakNetworkName: string, chainId: string | null | undefined): NetworkId {
+ if (transakNetworkName === 'miota') {
+ return process.env.STAGE === AppStage.PROD
+ ? SupportedStardustNetworkId.Iota
+ : SupportedStardustNetworkId.IotaTestnet
+ } else if (chainId) {
+ return `${NetworkNamespace.Evm}:${chainId}`
+ } else {
+ throw new Error(`Unsupported Transak network: ${transakNetworkName}`)
+ }
+}
diff --git a/packages/shared/src/lib/auxiliary/transak/apis/transak.api.ts b/packages/shared/src/lib/auxiliary/transak/apis/transak.api.ts
index 99030c5452..2b054b592c 100644
--- a/packages/shared/src/lib/auxiliary/transak/apis/transak.api.ts
+++ b/packages/shared/src/lib/auxiliary/transak/apis/transak.api.ts
@@ -1,6 +1,10 @@
import { BaseApi } from '@core/utils'
import { TRANSAK_API_BASE_URL } from '../constants'
-import { ITransakApiCryptoCurrenciesResponse, ITransakApiFiatCurrenciesResponse } from '../interfaces'
+import {
+ ITransakApiCryptoCurrenciesResponse,
+ ITransakApiCryptoCurrenciesResponseItem,
+ ITransakApiFiatCurrenciesResponse,
+} from '../interfaces'
import { TransakApiEndpoint } from '../enums'
export class TransakApi extends BaseApi {
@@ -13,8 +17,26 @@ export class TransakApi extends BaseApi {
return response
}
- async getCryptoCurrencies(): Promise {
+ async getCryptoCurrencies(): Promise {
const response = await this.get(TransakApiEndpoint.CryptoCurrencies)
- return response
+ return response?.response
+ }
+
+ async getFilteredCryptoCurrencies(
+ allowedNetworkNames: string[],
+ allowedNetworkChainIds: string[]
+ ): Promise {
+ const response = await this.getCryptoCurrencies()
+ const filteredResponse = response?.filter((cryptoCurrency) => {
+ if (cryptoCurrency.isAllowed && !cryptoCurrency.isSuspended) {
+ return (
+ allowedNetworkNames.some((networkName) => networkName === cryptoCurrency.network.name) ||
+ allowedNetworkChainIds.some((chainId) => chainId === cryptoCurrency.network.chainId)
+ )
+ } else {
+ return false
+ }
+ })
+ return filteredResponse
}
}
diff --git a/packages/shared/src/lib/auxiliary/transak/interfaces/transak-api-crypto-currencies-response.interface.ts b/packages/shared/src/lib/auxiliary/transak/interfaces/transak-api-crypto-currencies-response.interface.ts
index 744ff7f655..9d7673933c 100644
--- a/packages/shared/src/lib/auxiliary/transak/interfaces/transak-api-crypto-currencies-response.interface.ts
+++ b/packages/shared/src/lib/auxiliary/transak/interfaces/transak-api-crypto-currencies-response.interface.ts
@@ -19,7 +19,7 @@ export interface ITransakApiCryptoCurrenciesResponseItem {
isIgnorePriceVerification: boolean
image_bk?: ITransakCryptoCurrencyImage
kycCountriesNotSupported: string[]
- network: { name: string; fiatCurrenciesNotSupported: string[]; chainId?: string }
+ network: { name: string; fiatCurrenciesNotSupported: string[]; chainId?: string | null }
uniqueId: string
tokenType: string
isPayInAllowed: boolean
diff --git a/packages/shared/src/lib/auxiliary/transak/stores/index.ts b/packages/shared/src/lib/auxiliary/transak/stores/index.ts
index 2c21a11252..20bd985aac 100644
--- a/packages/shared/src/lib/auxiliary/transak/stores/index.ts
+++ b/packages/shared/src/lib/auxiliary/transak/stores/index.ts
@@ -1,2 +1,3 @@
+export * from './selected-exchange-crypto-currency.store'
export * from './transak-crypto-currencies.store'
export * from './transak-fiat-currencies.store'
diff --git a/packages/shared/src/lib/auxiliary/transak/stores/selected-exchange-crypto-currency.store.ts b/packages/shared/src/lib/auxiliary/transak/stores/selected-exchange-crypto-currency.store.ts
new file mode 100644
index 0000000000..376f5707cb
--- /dev/null
+++ b/packages/shared/src/lib/auxiliary/transak/stores/selected-exchange-crypto-currency.store.ts
@@ -0,0 +1,4 @@
+import { writable, Writable } from 'svelte/store'
+import { TransakCryptoCurrency } from './transak-crypto-currencies.store'
+
+export const selectedExchangeCryptoCurrency: Writable = writable(undefined)
diff --git a/packages/shared/src/lib/auxiliary/transak/stores/transak-crypto-currencies.store.ts b/packages/shared/src/lib/auxiliary/transak/stores/transak-crypto-currencies.store.ts
index 19dfaf7b2f..0ca87fba69 100644
--- a/packages/shared/src/lib/auxiliary/transak/stores/transak-crypto-currencies.store.ts
+++ b/packages/shared/src/lib/auxiliary/transak/stores/transak-crypto-currencies.store.ts
@@ -1,3 +1,12 @@
-import { writable } from 'svelte/store'
+import { Network } from '@core/network'
+import { Writable, writable } from 'svelte/store'
-export const transakCryptoCurrencies = writable({})
+export type TransakCryptoCurrency = {
+ name: string
+ symbol: string
+ image: { thumb: string; small: string; large: string }
+ network: Network
+ decimals: number
+}
+
+export const transakCryptoCurrencies: Writable = writable(undefined)
diff --git a/packages/shared/src/lib/core/app/interfaces/transak-window-data.interface.ts b/packages/shared/src/lib/core/app/interfaces/transak-window-data.interface.ts
index 32793943ae..1d49e11a74 100644
--- a/packages/shared/src/lib/core/app/interfaces/transak-window-data.interface.ts
+++ b/packages/shared/src/lib/core/app/interfaces/transak-window-data.interface.ts
@@ -6,4 +6,6 @@ export interface ITransakWindowData {
service: 'BUY' | 'SELL'
amount: number
paymentMethod: string
+ networkName: string
+ cryptoCurrencySymbol: string
}
diff --git a/packages/shared/src/locales/en.json b/packages/shared/src/locales/en.json
index b776380cbc..c729a0a0a1 100644
--- a/packages/shared/src/locales/en.json
+++ b/packages/shared/src/locales/en.json
@@ -2306,7 +2306,7 @@
"collectibles": "Collectibles",
"governance": "Governance",
"campaigns": "Campaigns",
- "buySell": "Buy IOTA",
+ "buySell": "Buy / Sell",
"developer": "Developer",
"tokens": "Tokens",
"settings": "Settings",