Secure Frontend Integration

1. Initiate the Request:
   Follow this guide to initiate a request via a backend API call with consumer information. The response will include the product request ID.
2. Acquire an Access Token:
   Follow this guide to acquire an access token for the widget. Please make sure the consumer_id is the same as the one used to initiate the request.
3. Embed the Widget:
   Follow this guide to embed the widget. Instead of passing detailed consumer data directly into the widget, use the example below to pass the necessary fields and launch it. Ensure that the consumer_id matches the one used to acquire the access token. You can either unmount the widget after receiving the first onSuccess callback or have the consumer wait for the second onSuccess callback.

Example:

var consumerData = {  
container_id: 'widgetContainer',  
access_token: 'eyJhbGciOiJIUzI1NiJ9...', product_request_id: 'IBV2D7F730ED1723CC2FCF7', consumer_data: {  
consumer_id: ‘example_consumer_id’ //Must be the same id used to initiate the request and acquire the token  
},  
// Optional timeout setting for data pulls (default: 300 seconds or 5 minutes) data_pull_timeout: 300,  
// Required only for native mobile apps to handle OAuth callbacks intent_url: 'myApp://',  
onSuccess: (data) => {
 // Custom code to handle success callback  
console.log(data); },  
onError: (data) => {  
// Custom code to handle errors. The isLastVendor flag will be true if the vendor is the last option.  
console.log(data);  
if (data.hasOwnProperty("isLastVendor") && data.isLastVendor) {  
NinjaFetchWidget.unmount(); }  
},  
onClose: (data) => {  
// Reserved for future features  
console.log(data); }  
}

4. Set Up Webhook Callbacks:
   Follow this guide to set up an API for receiving webhook callbacks.
5. Download the Report:
   Follow this guide to download the report once the request is completed.