Ember vs. React Interceptor

Interceptors are an important part of the front-end CRM integration.

Before switching to React, it is recommended to validate if there are some Ember interceptors in place. Open Feature Flags and search for “interceptor”:

Open

If there is some interceptor (probably named pfx-your-company-name), you should test its functionality after switching from Ember to React.

First, you have to select Dynamic Interceptors for React. The project team will provide the interceptor. You will see it in the interceptors list (when you have the Develop Interceptors role) in System Configuration > Interceptors > Set Interceptor:

1. Verify your new interceptor locally.

   • Prerequisites:

     • You need the Develop Interceptors role to set up a new interceptor for CRM integration.

     • You need one of these roles General Admin or General Admin (without User Management) or Investigate for Support to enable React RQC through Feature Flags.

     • You need to be logged in CRM and configure Pricefx there.

   • Set up the interceptor:

     • Open System Configuration > Interceptors page.

     • Click the Set Interceptor button (at the right top corner) to open Set Interceptor window.

     • Select your interceptor with the option Set interceptor as temporary enabled; this setting will make this interceptor available locally until you close the tab.

       Open

       

   • Enable React RQC:

     • Open Feature Flags.

     • Search for ‘useReactFor’ and enable React RQC as needed.

   • Verify the CRM configuration.

2. Apply the interceptor globally.
   After successful verification the interceptor is ready for using React RQC. In the Set Interceptor section deselect the Set interceptor as temporary option.

3. This will apply the interceptor for the whole team.

In case of any issues, please contact Pricefx Support.

Links in Email Notifications

If you use direct links to CLIC objects (Quote, Rebate Agreement,…), test them after switching to React. Specifically, if you are use a combination of React and Ember (e.g. Quote List in React and Quote Detail in Ember).