Import third party JS library in OmniScript Custom Lightning Web Components

 Import third party JS library in OmniScript Custom Lightning Web Components

This post explains how to import third-party libraries in omniscript custom lightning web components(lwc).

We can not directly import the third party scripts in Lightning web components because Security purpose. We will get error as 

"This page has an error. You might just need to refresh it. Error in $A.getCallback() [Assertion Failed!: Scoped imports not allowed when a runtime namespace is specified"

Salesforce restrict the importing scripts from third-party content delivery sites like cdnjs, jsdelivr, etc. 

Firstly, you need to download the scripts from third-party sites.

Then upload the scripts in static resources.

Syntax


import {loadScript} from 'lightning/platformResourceLoader';
import { OmniscriptBaseMixin } from 'vlocity_cmt/omniscriptBaseMixin';


platformResourceLoader have two methods loadStyle, and loadScript. For both methods return type is Promise.


loadChartLib(){
let resourceUrl = "/resource/HighChartJS";
Promise.all([
loadScript(this, resourceUrl)
]).then(() => {
// logic after script is loaded
});
}



Comments

Post a Comment

Popular posts from this blog

Communicating between Independent LWC in Omniscript

Image
This is a simple example that shows a button that, when clicked, publishes a message. This shows how two separate custom LWCs can communicate with each other inside of an OmniScript. Below is the overall design using the Pub/Sub model. So, lets get started! Step 1: Create a LWC component and use below code to fire events with parameters to pass an omniscript and component to Community Page. Below is the HTML and JS code for reference. SampleLWCComponent.html < template > < lightning-button label = "Send Event" onclick = {handleClick} ></ lightning-button > </ template > SampleLWCComponent.js import { LightningElement } from 'lwc' ; import pubsub from 'vlocity_ins/pubsub' ; export default class SampleLWCComponent extends LightningElement { handleClick ( e ){ let accId = '0015g00000gWY8VAAW' ; pubsub . fire ( "handlePubSubEventChange" , "result" , { "accId" : ac
Read more

Salesforce Best Features available

Image
 Salesforce Code Samples & Best Features available: 1. Get merged body without extra effort. EmailTemplate  emailTemplate = [Select Id FROM EmailTemplate where name =  'Test1' ];   Messaging . SingleEmailMessage  email = Messaging.renderStoredEmailTemplate(emailTemplate.Id, userinfo.getUserId(),AccountObj.Id); system.debug(email.plainTextBody); 2.  Business Hour Calculations example in apex: public   static   Boolean  checkBusinessHour(){          //business hour logic          List < BusinessHours > defaultBusinessHours = [SELECT  Id FROM  BusinessHours  WHERE  Name = 'Default'   AND  IsDefault =  TRUE  AND  IsActive = TRUE   Limit   1 ];                   // Find whether the time is within the default business hours          return  BusinessHours.isWithin(defaultBusinessHours[ 0 ].id, System.now());     } 3. Check boolean expression in apex: public   class  BooleanEx
Read more

Efficient way to write apex code

Image
Set.contains(element) Vs List.contains(element)  Guess What if I tell small things Matter!!!                     If you’re having a cup of tea, pause for a moment because next two minutes will reveal something simple yet less known it the world of Salesforce                     Set && List your favorite go to during the typical development cycle. But going forward you will definitely double check before using them. For Instance, look at this example                     Take two set of collections (Set<Integer> and List<Integer>). Now the crux of the discussion which one will give better performance. Lets get technical Which will give better performance Set or List ?      a.     I f collection is List :  List < Integer > listInteger = new List < Integer > (); for (Integer i = 0; i < 100000; i++) { listInteger.add(i); } Long start = DateTime.now().getTime(); System.debug('get ' + listInteger.contains(100000)); Long finish = DateTime.now
Read more