-
}
- onClick={() => history.push('/wallets/cashier/deposit')}
- text='Back'
- />
-
-
-
- Fiat onramp is a cashier service that allows you to convert fiat currencies to crypto to top up
- your Deriv crypto accounts. Listed here are third-party crypto exchanges. You’ll need to create
- an account with them to use their services.
-
+
+ {disclaimer ? (
+
+ ) : (
+
+
}
+ onClick={() => history.push('/wallets/cashier/deposit')}
+ text='Back'
+ />
+
+
+
+ Fiat onramp is a cashier service that allows you to convert fiat currencies to crypto to
+ top up your Deriv crypto accounts. Listed here are third-party crypto exchanges. You’ll
+ need to create an account with them to use their services.
+
+
+
+
-
+ )}
+
);
};
diff --git a/packages/wallets/src/features/cashier/modules/FiatOnRamp/components/FiatOnRampDisclaimer/FiatOnRampDisclaimer.scss b/packages/wallets/src/features/cashier/modules/FiatOnRamp/components/FiatOnRampDisclaimer/FiatOnRampDisclaimer.scss
new file mode 100644
index 000000000000..2cb603b72ffd
--- /dev/null
+++ b/packages/wallets/src/features/cashier/modules/FiatOnRamp/components/FiatOnRampDisclaimer/FiatOnRampDisclaimer.scss
@@ -0,0 +1,19 @@
+.wallets-fiat-onramp-disclaimer {
+ align-items: flex-start;
+ display: flex;
+ flex-direction: column;
+ gap: 1.6rem;
+ justify-content: center;
+ max-width: 79.2rem;
+
+ @include mobile {
+ justify-content: flex-start;
+ }
+
+ &__buttons {
+ display: flex;
+ gap: 0.8rem;
+ justify-content: flex-end;
+ width: 100%;
+ }
+}
diff --git a/packages/wallets/src/features/cashier/modules/FiatOnRamp/components/FiatOnRampDisclaimer/FiatOnRampDisclaimer.tsx b/packages/wallets/src/features/cashier/modules/FiatOnRamp/components/FiatOnRampDisclaimer/FiatOnRampDisclaimer.tsx
new file mode 100644
index 000000000000..19fe18330c1b
--- /dev/null
+++ b/packages/wallets/src/features/cashier/modules/FiatOnRamp/components/FiatOnRampDisclaimer/FiatOnRampDisclaimer.tsx
@@ -0,0 +1,43 @@
+import React, { MouseEventHandler, useCallback } from 'react';
+import { useQuery } from '@deriv/api';
+import { WalletButton, WalletText } from '../../../../../../components';
+import './FiatOnRampDisclaimer.scss';
+
+type TFiatOnRampDisclaimer = {
+ handleDisclaimer: MouseEventHandler
;
+};
+
+const FiatOnRampDisclaimer: React.FC = ({ handleDisclaimer }) => {
+ const { data: provider } = useQuery('service_token', {
+ payload: { referrer: window.location.href, service: 'banxa' },
+ });
+
+ const redirectToBanxa = useCallback(() => {
+ const banxaUrl = provider?.service_token?.banxa?.url ?? '';
+ if (banxaUrl) {
+ const link = document.createElement('a');
+ link.href = banxaUrl;
+ link.target = '_blank';
+ link.click();
+ }
+ }, [provider?.service_token?.banxa?.url]);
+
+ return (
+
+
+ Disclaimer
+
+
+ By clicking Continue, you'll be redirected to Banxa, a third-party payment service
+ provider. Please note that Deriv is not responsible for the content or services provided by Banxa. If
+ you encounter any issues related to Banxa services, you should contact Banxa directly.
+
+
+
+ redirectToBanxa()} size='md' text={'Continue'} />
+
+
{paymentIcon}
))}