Using third-party libraries

You might need third-party libraries for your business.

1. Extend the screen in which you want to use the third-party libraries. For instructions on how to extend the screen, see Modifying application-provided screens.
2. Go to the <store-temp>/extensions/features/<featureName>/src/assets folder and create the <featureName>/scripts subfolder.
3. Copy the third-party scripts in the <store-temp>/extensions/features/<featureName>/src/assets/<featureName>/scripts folder.
4. Modify the component.ts file of the angular component where you want to use the third-party libraries and add the following sample code in the constructor.

   constructor(
   ) {
   const dynamicScripts = [
   {'scriptPath': AppInfoUtil.getWARModeExtensionAssetBaseUrl() + '/assets/<featureName>/scripts/custom-lib-min.js',' id': 'customScipt'}];
   for (let i = 0; i < dynamicScripts.length; i++) {
   if (document.getElementById(dynamicScripts[i].id) === null) {
   const node = document.createElement('script');
   node.src = dynamicScripts[i].scriptPath;
   node.type = 'text/javascript';
   node.async = false;
   node.charset = 'utf-8';
   document.getElementsByTagName('head')[0].appendChild(node);
   }
   }
   }