Accelerator Order History LWC - Source

The following steps describe how to install the order history 'Light Web Component' into the required Salesforce Organization.

Before installing, make sure you have the proper access credentials to perform the installation.

1. Perform the below steps after deploying the LWC component and importing the Apex class as mentioned in the configuration section.
2. Click setup and then search for Custom Settings. Navigate to the Custom Settings page and click 'OrderHistoryAPI' manage action.
   
   
   
   
3. Click New. Create a new API url configuration by adding the following URL into the Order History API Endpoint text box and click save.
   
   • https://#########.########/api/customers/{customerId}/orders?sdate={fromDate}={toDate}
     
     
     
     
4. Replace the API hostname with the appropriate Mule Runtime environment and add the URL to the textbox.
   
   
   
   
5. From the setup page, navigate to Security > CSP Trusted Sites and then add the hostname of the API.
   
   
   
   
6. Create a new CSP Trusted Site and enter the details with the respective hostname and then click Save. This enables the LWC datatable component to access the Order History Mule API deployed in CloudHub through an AJAX call from the browser.
   
   
   
   
7. Navigate to the 'Contacts Record' page by clicking the app launcher.
   
   
   
   
8. Click the 'Edit Page' option.
   
   
   
   
9. From the left pane, add the 'fetchorder' custom component to the required layout.
   
   
   
   Note: The domain must be configured so that the custom component installed can be listed. The following screenshot shows the component added to the layout:
   
   
   
   
10. Once added, click Save and Activate.
    
    

To verify the setup, navigate to the contact record page and view the order history data from the table.