Custom OmniScript Lightning Web Components

To create a custom Lightning web component, review these component types

1- OmniScript Element Lightning web component :

Customize an OmniScript element by extending the element's Lightning web component. LWC-compatible elements display a Lightning icon in the Available Components panel of an OmniScript. Learn More

2- OmniScriptBaseMixin component:

Enable a custom component to interact with an OmniScript by extending the OmniScriptBaseMixin component. Learn More

3 - Standalone component:

A custom standalone component. The component cannot extend the OmniScriptBaseMixin component or an OmniScript element Lightning web component.

Thanks for sharing
Join our telegram channel to learn more


👏👏👏👏👏

Apex class - Remote Action - OmniScript - Lightning Web Components


1- To call Apex Method in Ligthning web component, use the method omniRemoteCall.
this is an example:

callRemoteAction() {
const params = {
input: this.omniJsonData,
sClassName: ClassName,
sMethodName: "MethodName",
options: {}
}
this.omniRemoteCall(params, true).then(response => {
console.log(response, 'response');
this.datasLwc = response.result;
}).catch(error => {
console.log(error, 'error');
});
} Learn More

2- To get the Omniscript json data in lightning web component, Extend the OmniscriptBaseMixin and use the variable omniJsonData
Learn More

Thanks for sharing
Join our telegram channel to learn more

How to embed FlexCard inside an OmniScript

You can embed a FlexCard inside an OmniScript as a Custom LWC

1- Activate the FlexCard: After activating your FlexCard, which generates a Lightning web component to add to a Lightning or Community page, you can configure publishing options.

Note:
- The lightning Web component generated, start with ‘cf’ follow by the name of the FlexCard.
- All input parameters are transformed in to LWC attributes.

2- Drag a Custom LWC element from Inputs into the canvas
3- In the Lightning Web Component Name field, enter the name of a Lightning web component.
4- If the FlexCard has required parameters, you must set them in the component properties
5- Save and Activate the OmniScript
6- Click Preview to preview the OmniScript.


Thanks for sharing
Join our telegram channel to learn more

OmniScript

When using an existing OmniScript in the OmniScript Designer, create a new version of
the OmniScript to update the OmniScript's property set. Without a new version, errors may
appear in the designer


Thanks for sharing
Join our telegram channel to learn more

Type Ahead Block

1- Display a list of results when a user begins typing in an input field by using the Type Ahead Block.
2- When a user selects a record, the Type Ahead Block can retrieve additional information related to the record.
3- For example, a Type Ahead Block can be used with a DataRaptor to list Accounts in the results.
4- In the OmniScript Designer, the Type Ahead Block is located under the Groups section of Available Components. Lean More


Thanks for sharing
Join our telegram channel to learn more

Thanks for sharing
Join our telegram channel to learn more

FlexCard Designer Workflow Diagram
Thanks for sharing
Join our telegram channel to learn more

Add Custom Labels to Supported Fields on a FlexCard

Thanks for sharing
Join our telegram channel to learn more

Cache for DataRaptors

Thanks for sharing
Join our telegram channel to learn more

Cache for Integration Procedures

You can use caching with Integration Procedures in three ways:

1-You can cache metadata for the entire Integration Procedure.
2-You can cache the response of the entire Integration Procedure, called top-level data.
3-You can cache the result of a specific set of steps by placing the steps inside a Cache Block. Use Cache Blocks if some parts of the Integration Procedure update data, or if you need different cached data to expire at different times

Thanks for sharing
Join our telegram channel to learn more

How to Convert XML to JSON ??

Learn more

Thanks for sharing
Join our telegram channel to learn more

OmniStudio Naming Conventions

When creating an OmniStudio component, such as a DataRaptor, FlexCard, Integration Procedure, or an OmniScript, follow the naming conventions on this image.

Thanks for sharing
Join our telegram channel to learn more

Create a Public Property for a FlexCard LWC in the FlexCard Designer

In the FlexCard Designer, define an attribute that creates a public property whose value is set in the Lighting App Builder and Experience Builder. Call the attribute within the FlexCard as a session variable ({Session.AttName}) where merge fields are supported, such as in a Text element and a data source parameter.

Learn more

Thanks for sharing
Join our telegram channel to learn more

DataRaptor

To filter for null values, use the $Vlocity.NULL variable.

Ex: The basic filters that we can use if we want to fetch all records is
Id <> “$Vlocity.NULL”

Thanks for sharing
Join our telegram channel to learn more

Environment Variables in DataRaptors and Integration Procedures
You can use environment variables to define Default Values and Filter Values, and in Formulas.

If you’re using an environment variable as a Filter value, you must double-quote it.

Join our telegram channel to learn more

this course is for you.

https://www.udemy.com/course/salesforce-omnistudio/?referralCode=DAA5C4A03887B3366C97

Are you interested in vlocity omnistudio? This course is for you!

https://www.udemy.com/course/salesforce-omnistudio/?referralCode=DAA5C4A03887B3366C97


Thanks for sharing
Join our telegram channel to learn more