@@ -122,6 +122,15 @@ export function TopUpView({
122
122
}
123
123
} , [ checkout ] ) ;
124
124
125
+ const isOnRampAvailable = useAsyncMemo < boolean | undefined > ( async ( ) => {
126
+ if ( ! checkout ) return undefined ;
127
+ try {
128
+ return checkout . isOnRampAvailable ( ) ;
129
+ } catch ( error ) {
130
+ return false ;
131
+ }
132
+ } , [ checkout ] ) ;
133
+
125
134
useMount ( ( ) => {
126
135
page ( { userJourney, screen : 'TopUp' } ) ;
127
136
} ) ;
@@ -298,8 +307,8 @@ export function TopUpView({
298
307
'views.TOP_UP_VIEW.topUpOptions.debit.subcaption' ,
299
308
) } ≈ ${ onRampFeesPercentage } %`,
300
309
) ,
301
- isAvailable : true ,
302
- isEnabled : showOnrampOption ,
310
+ isAvailable : ! ! isOnRampAvailable ,
311
+ isEnabled : showOnrampOption && ! ! isOnRampAvailable ,
303
312
} ,
304
313
{
305
314
testId : 'onramp' ,
@@ -311,8 +320,8 @@ export function TopUpView({
311
320
'views.TOP_UP_VIEW.topUpOptions.credit.subcaption' ,
312
321
) } ≈ ${ onRampFeesPercentage } %`,
313
322
) ,
314
- isAvailable : true ,
315
- isEnabled : showOnrampOption ,
323
+ isAvailable : ! ! isOnRampAvailable ,
324
+ isEnabled : showOnrampOption && ! ! isOnRampAvailable ,
316
325
} ,
317
326
{
318
327
testId : 'advanced' ,
@@ -348,7 +357,7 @@ export function TopUpView({
348
357
isEnabled : showBridgeOption ,
349
358
} ,
350
359
] ,
351
- [ showBridgeOption , showOnrampOption , showSwapOption ] ,
360
+ [ showBridgeOption , showOnrampOption , showSwapOption , isOnRampAvailable ] ,
352
361
) ;
353
362
354
363
return (
0 commit comments