For the managed package runtime, beginning with the Vlocity Insurance and Health Summer '19 and Vlocity Communications, Media, and Energy Fall '19 releases, Vlocity supports the Salesforce Lightning Web Component programming model.
This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see Omnistudio Help.
Vlocity Lightning Web Components enables you to use standard JavaScript and HTML to modify and extend Vlocity Cards. Vlocity Lightning Web Components enables embedding Vlocity Cards inside Omniscripts, and leverages the Salesforce Lightning Web Components programming model for flyouts and editable states.
It is possible to switch a Card to either an LWC Card or an Angular Card at any time. However, Angular Cards and LWC Cards do not support the same components and functionalities.
By default, LWC enabled Cards are exposed to the Lightning App Builder and are visible as custom components. To change the visibility, use the Show XML Interface feature.
- LWC Cards Changes and Enhancements (Managed Package)
For the managed package runtime, LWC Cards contain changes to existing features that affect the configuration and performance of an LWC Flexcard. See LWC Cards Considerations for unsupported features and functionality. - LWC Cards Considerations (Managed Package)
For the managed package runtime, beginning with the Vlocity Insurance and Health Summer '19 and Vlocity Communications, Media, and Energy Fall '19 releases, Vlocity supports the Salesforce Lightning Web Component programming model. - Creating an LWC Card Layout (Managed Package)
For the managed package runtime, create an LWC card layout to enable Vlocity Lightning web components. - Configuring LWC Settings on an LWC Card Layout (Managed Package)
For the managed package runtime, configure LWC-specific properties on your LWC Card layout. - Saving and Deploying an LWC Card in the Card Designer (Managed Package)
For the managed package runtime, beginning with Vlocity Insurance and Health, Winter '20 and Vlocity CME Winter '20, use the Deploy feature in the Card Designer to update changes to your card, see the latest preview, and create the Lightning web component to add to a Community or Lightning page. - Configuring the Metadata Values for an LWC Card (Managed Package)
For the managed package runtime, configure the metadata values for an LWC card from a visual editor in the card layout instead of updating the configuration file manually. - Creating Custom LWC Card Templates (Managed Package)
For the managed package runtime, beginning with the Vlocity Insurance and Health Summer '19 and Vlocity Communications, Media, and Energy Fall '19 releases, Vlocity supports the Salesforce Lightning Web Component programming model. - Creating an LWC Flyout (Managed Package)
For the managed package runtime, flyouts in Vlocity Cards provide additional information about the record displayed on the card when you click the flyout. For example, a flyout can display information from long text strings that do not fit in the standard card field, or data from child records, such as open cases for an account, or additional actions. - Embedding a Vlocity Lightning Web Component Inside an LWC Card State (Managed Package)
For the managed package runtime, beginning with Vlocity Insurance and Health Winter '20 and Vlocity CME Winter '20, LWC Cards support embedding any Vlocity Lightning Web Component, such as an LWC Omniscript, an LWC enabled card, or any other custom LWC, inside an LWC Card state and setting the attributes of the embedded component. - Accessing the Context Id of an LWC Card on a Community Page (Managed Package)
For the managed package runtime, on a Community page, to view record data on an LWC Card that uses the{{params.id}}context variable in an Input Map to pass a context Id to an Apex Remote, Omnistudio Data Mapper, or Integration Procedure data source, you must add and configure a recordId property. Add the recordId property in your LWC Card's configuration file, then configure the property on the Community page. - Using Actions with LWC Cards (Managed Package)
For the managed package runtime, LWC Cards use Vlocity Actions, OS Actions, Custom Actions, Smart Actions, and PubSub Actions to launch procedures. For example, a card can launch an Omniscript, run an Apex class, redirect to a URL endpoint, launch an Integration Procedure, fire a pubsub event, and so on. - Adding an LWC Card to a Lightning or Community Page (Managed Package)
For the managed package runtime, beginning with the Vlocity Insurance and Health Summer '19 and Vlocity Communications, Media, and Energy Fall '19 releases, Vlocity supports the Salesforce Lightning Web Component programming model. - Reloading a Smart Card After Updating Profile Attributes (Managed Package)
For the managed package runtime, to reload a card with Smart Actions when profile attributes update, add a Vlocity Profiler component on a Lightning or Community page. When profile attributes update, the Vlocity Profiler component fires a smartAction event that reloads Smart Actions on an LWC Card. - Replacing Actions on an LWC Customer Story Card (Managed Package)
For the managed package runtime, beginning with Vlocity Insurance and Health Winter '20 and Vlocity CME Winter '20, the LWC Customer Story Card supports replacing the preconfigured list of actions with a custom list of actions. Each action creates a new record for a standard or custom sObject. - Fixing Inactive/Invalid Error When Enabling LWC on a Card Layout (Managed Package)
For the managed package runtime, grant access to your org domains to enable LWC features. - Base LWC Card and Layout Templates (Managed Package)
For the managed package runtime, the following tables list the LWC card templates and LWC layout templates available in Vlocity Cards. When editing a template, it is best practice to make a copy of the existing template first and to edit the cloned version. For more information on creating and cloning LWC card templates, see Creating Custom LWC Card Templates. - Vlocity Cards LWC ReadMe Reference (Managed Package)
For the managed package runtime, this page lists the Lightning web component ReadMes available for LWC Cards. For details about the layout for each card and card layout component, see Base LWC Card and Layout Templates.