enhancement: add warning on recipient input screen when sending l1 to a layer 2 address

packages/desktop/views/dashboard/send-flow/views/components/StardustToEvmTransactionSummary.svelte

@@ -1,27 +1,39 @@
 <script lang="ts">
-    import { getActiveNetworkId } from '@core/network'
     import { Nft } from '@core/nfts/interfaces'
-    import { selectedAccountTokens } from '@core/token/stores'
+    import { getTokenFromSelectedAccountTokens } from '@core/token/stores'
     import { Output, SendFlowParameters, SendFlowType, TokenTransferData } from '@core/wallet'
     import { TransactionAssetSection } from '@ui'
     import StardustTransactionDetails from './StardustTransactionDetails.svelte'
+    import { BASE_TOKEN_ID, TokenStandard } from '@core/token'
+    import { localize } from '@core/i18n'
+    import { Alert } from '@bloomwalletio/ui'
+    import { NftStandard } from '@core/nfts'
 
     export let output: Output
     export let sendFlowParameters: SendFlowParameters
 
-    const { destinationNetworkId } = sendFlowParameters
+    const { sourceNetworkId, destinationNetworkId } = sendFlowParameters
 
     $: transactionFee =
         sendFlowParameters.type === SendFlowType.BaseCoinTransfer
-            ? BigInt(output.amount) - sendFlowParameters.baseCoinTransfer.rawAmount
+            ? BigInt(output.amount) - (sendFlowParameters.baseCoinTransfer?.rawAmount ?? BigInt(0))
             : BigInt(output.amount)
 
+    let nft: Nft | undefined
+    let tokenTransfer: TokenTransferData | undefined
+    let baseCoinTransfer: TokenTransferData | undefined
+    $: ({ nft, tokenTransfer, baseCoinTransfer } = getTransactionAssets(sendFlowParameters))
+
     function getTransactionAssets(sendFlowParameters: SendFlowParameters): {
         nft?: Nft
         tokenTransfer?: TokenTransferData
         baseCoinTransfer?: TokenTransferData
     } {
-        const baseCoin = $selectedAccountTokens?.[getActiveNetworkId()].baseCoin
+        if (!sourceNetworkId) {
+            return {}
+        }
+
+        const baseCoin = getTokenFromSelectedAccountTokens(BASE_TOKEN_ID, sourceNetworkId)
         const baseCoinTransfer = {
             token: baseCoin,
             rawAmount: sendFlowParameters.baseCoinTransfer?.rawAmount ?? BigInt(0),
@@ -45,7 +57,10 @@
 </script>
 
 <div class="w-full space-y-5">
-    <TransactionAssetSection {...getTransactionAssets(sendFlowParameters)} />
+    <TransactionAssetSection {baseCoinTransfer} {nft} {tokenTransfer} />
+    {#if nft?.standard === NftStandard.Irc27 || tokenTransfer?.token?.standard === TokenStandard.Irc30}
+        <Alert variant="warning" text={localize('popups.transaction.ircAssetsToL2Hint')} />
+    {/if}
 
     <StardustTransactionDetails {transactionFee} {destinationNetworkId} disableAll />
 </div>

packages/shared/src/locales/en.json

@@ -1025,6 +1025,7 @@
             "selectAmount": "Send {tokenName}",
             "selectRecipient": "Send {assetName} to",
             "transactionSummary": "Transaction to {recipient}",
+            "ircAssetsToL2Hint": "You are about to send an IRC asset to an EVM network. Most EVM based wallets don't support displaying IRC assets correctly.",
             "surplusIncluded": "This transaction contains a surplus amount. Please double check this is the amount you want to send."
         },
         "walletFinder": {