import { QuadClientEnvironment, QuadrataOnApplicationEndCallback } from '@quadrata/core-react';
import { PageKyb, QuadClientKybConfig, QuadrataKyb } from '@quadrata/kyb-react';
import React, { useEffect, useState } from 'react';
import { CustomLoader } from '../CustomLoader';
const quadKybConfig: QuadClientKybConfig = {
apiUrl: 'https://prod.quadrata.com/api/v1', // Testing url: https://int.quadrata.com/api/v1
environment: QuadClientEnvironment.PRODUCTION, // Use QuadClientEnvironment.SANDBOX for testing environment
protocolName: {{ your_company_name }},
_debug: false,
};
// Component
export const MyComponent: React.FC<{ accessToken: string }> = ({
accessToken,
}) => {
// Handlers
const handleOnApplicationEnd: QuadrataOnApplicationEndCallback = ({ status, error }) => {
// Application has reached an end state: completion or error
console.log('handleOnApplicationEnd:::status:::', status);
console.log('handleOnApplicationEnd:::error:::', error);
};
const handleOnHide = () => {
// do something on QuadrataKyb client hide
};
const handlePageChange = (page: PageKyb) => {
// do something on page change
};
return (
<QuadrataKyb
accessToken={accessToken}
config={quadKybConfig}
onApplicationEnd={handleOnApplicationEnd}
onHide={handleOnHide}
onPageChange={handlePageChange}
>
<CustomLoader />
</QuadrataKyb>
);
};