Create the project structure

Now you have your basic OJET application with the required UI components loaded in your Fusion media toolbar.

We'll now make updates to the basic application to handle inbound calls, outbound calls, and interact with your CTI supplier, and with your Fusion application. We'll add more files to our basic application to handle these scenarios. Dividing functionalities into different files makes our application more readable and maintainable.

Add Files

You can create the following folders and files in your application for this:

• src/ts/cti/fusion/fusionHandler.ts contains the FusionHandler class. This class contains functions having UEF API calls to handle scenarios mentioned here.
• src/ts/cti/integrationActionHandler.ts contains the IntegrationActionHandler class. This call acts as a bridge between your CTI supplier and your CTI accelerator application.
• src/ts/cti/integrationEventsHandler.ts contains the IntegrationEventsHandler class. This call acts as a bridge between your FusionHandler and your CTI accelerator application.
• src/ts/cti/vendor/vendorHandler.ts contains the supplier-specific classes for handling calls.
• src/index.html is the html page having the UI components loaded.