fix: send link claims to us bank accounts (#1108)

* fix: usa bank account claims

* fix: show bank account details in confirm claim view

Author: kushagrasarathe

src/components/Claim/Link/views/BankFlowManager.view.tsx

@@ -113,7 +113,9 @@ export const BankFlowManager = (props: IClaimScreenProps) => {
      * @name handleCreateOfframpAndClaim
      * @description creates an off-ramp transfer for the user, either as a guest or a logged-in user.
      */
-    const handleCreateOfframpAndClaim = async (account: IBankAccountDetails) => {
+    const handleCreateOfframpAndClaim = async (
+        account: IBankAccountDetails & { id?: string; bridgeAccountId?: string }
+    ) => {
         try {
             setLoadingState('Executing transaction')
             setError(null)
@@ -148,6 +150,12 @@ export const BankFlowManager = (props: IClaimScreenProps) => {
             const contractVersion = params.contractVersion
             const peanutContractAddress = peanut.getContractAddress(chainId, contractVersion) as Address
 
+            const externalAccountId = account?.bridgeAccountId ?? account?.id
+
+            if (!externalAccountId) throw new Error('External account ID not found')
+
+            const destination = getOfframpCurrencyConfig(account.country ?? selectedCountry!.id)
+
             // handle offramp request creation
             const offrampRequestParams: TCreateOfframpRequest = {
                 onBehalfOf: userForOfframp.bridgeCustomerId,
@@ -160,8 +168,8 @@ export const BankFlowManager = (props: IClaimScreenProps) => {
                     fromAddress: peanutContractAddress,
                 },
                 destination: {
-                    ...getOfframpCurrencyConfig(account.country ?? selectedCountry!.id),
-                    externalAccountId: (account as any).bridgeAccountId ?? (account as any).id,
+                    ...destination,
+                    externalAccountId,
                 },
                 features: { allowAnyFromAddress: true },
             }

src/components/Claim/Link/views/Confirm.bank-claim.view.tsx

@@ -73,6 +73,13 @@ export function ConfirmBankClaimView({
                     <PaymentInfoRow label="Full name" value={displayedFullName} />
                     {bankDetails.iban && <PaymentInfoRow label="IBAN" value={bankDetails.iban.toUpperCase()} />}
                     {bankDetails.bic && <PaymentInfoRow label="BIC" value={bankDetails.bic.toUpperCase()} />}
+                    {bankDetails.clabe && <PaymentInfoRow label="CLABE" value={bankDetails.clabe.toUpperCase()} />}
+                    {bankDetails.accountNumber && (
+                        <PaymentInfoRow label="Account Number" value={bankDetails.accountNumber.toUpperCase()} />
+                    )}
+                    {bankDetails.routingNumber && (
+                        <PaymentInfoRow label="Routing Number" value={bankDetails.routingNumber.toUpperCase()} />
+                    )}
                     <ExchangeRate accountType={accountType} />
                     <PaymentInfoRow hideBottomBorder label="Fee" value={`$ 0.00`} />
                 </Card>

src/utils/bridge.utils.ts

@@ -11,7 +11,7 @@ export type BridgeOperationType = 'onramp' | 'offramp'
  * Payment rails differ between onramp and offramp operations
  */
 export const getCurrencyConfig = (countryId: string, operationType: BridgeOperationType): CurrencyConfig => {
-    if (countryId === 'US') {
+    if (countryId === 'US' || countryId === 'USA') {
         return {
             currency: 'usd',
             paymentRail: operationType === 'onramp' ? 'ach_push' : 'ach',