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.

Managed Package app icon This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see Omnistudio Help.

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.

Changes and Enhancements for Vlocity Insurance and Health Summer '20

New Functionalities Exclusive to Vlocity Cards Lightning Web Components

Functionality

Description

Enable Newport

From the Layout panel of the Card designer, when LWC is enabled, you can also enable the Newport Design System to load the Newport CSS resource to your LWC Card layout. Your layout and card templates must have Newport support.

Changes and Enhancements for Vlocity Insurance and Health Spring '20

New Functionalities Exclusive to Vlocity Cards Lightning Web Components

Functionality

Description

Reference

Configure Remote Site URLs on Vlocity Cards tab

From the Vlocity Cards tab, add Remote Site URLs to grant access to your org domains to enable LWC features.

Fire a Pubsub Event on an Action

Fire pubsub events from an action to notify another component on a page or application of an event occurring on an LWC enabled card.

Optional Parameters for OS Action

Configure ContextId, Console Tab Icon, and Console Tab Label on an OS Action when selecting an LWC enabled Omniscript.

Changes in Functionalities Exclusive to Vlocity Cards Lightning Web Component

Functionality

Description

Reference

Card and Card Layout Naming Conventions

When creating a card or layout in the Card designer, the name and author must only contain underscores and alphanumeric characters.

Configure the Metadata Values for an LWC Card

Configure metadata properties on an LWC enabled card with an updated, more user-friendly Show XML Interface

Download LWC Component

In the Card designer, download Custom LWC components templates and components only. Vlocity managed LWCs are not downloadable.

New LWC Card Templates

LWC Card Template

Description

ActionGridState LWC

Displays a vertical list of actions as icons followed by labels, and an optional title at the top. See Action Grid State LWC Card Template (Managed Package).

Changes and Enhancements for Vlocity Insurance and Health Winter '20 and CME Winter '20

Added Data Source Support

Data Source

LWC Behavior

Angular Behavior

Async/Queueable support on Integration Procedures and Apex Remotes

No change

No change

Dual

No change

No change

Streaming API

The Streaming API data source is not supported in the Preview pane. You must add your LWC enabled component to a Lightning or Community page to preview it.

No change

Added Functionality Support

Functionality

LWC Behavior

Angular Behavior

Click Tracking

Supports only field tracking and action tracking.

No change

OS Action

OS Actions are fully supported.

No change

New Functionalities Exclusive to Vlocity Cards Lightning Web Components

Feature

Description

Reference

Custom Action Target Types

Custom Actions support Salesforce PageReference Types that enable navigation within Lightning Experience, Communities, or an external web address.

Custom LWC

Embed a custom Vlocity Lightning Web Component inside a card state.

Deploy LWC

Explicitly save changes to an LWC enabled card layout by clicking Deploy on a card or card layout.

LWC Flyout Attributes

Use Flyout Properties to configure the attributes of a Vlocity Lightning web component used as a flyout on an LWC enabled card layout.

Smart Actions and Standard Actions

Enable Smart Actions and standard actions, such as Vlocity Actions, OS Actions, and Custom Actions at the same time.

New LWC Card Templates

LWC Card Template

Description

LeftAccountInfoState LWC Card Template

Displays a card state template with account data listed in rows.

LeftProfileState LWC Card Template

Displays account information with a google map image, up to three data fields, and up to three actions.

Changes and Enhancements for Vlocity Insurance and Health Summer '19 and Vlocity Communications, Media, and Energy Fall '19

Processes Exclusive to Vlocity Cards Lightning Web Components

Process

Change

Accessing Base Card Templates

While base card templates are readily available in the Summer '19 release package, they are also available through IDX Workbench for customization.

Add LWC Cards to Pages

In the Lightning App Builder and Community Builder, you can add a Card directly from the Custom components list of the Components pane to the canvas area.

Functionalities Exclusive to Vlocity Cards Lightning Web Components

Feature

Description

Reference

LWC Flyout

Select any LWC enabled component as a flyout, such as an LWC card layout, an LWC Omniscript, and a custom LWC.

Loop Settings

Group the cards by object type or by the order they appear in the database.

Omniscript Support

To use a Card layout directly in the Omniscript designer, add Omniscript support to the generated Vlocity Lightning Web Component.

Show XML Interface

Show XML Interface provides a visual editor to configure the metadata for the Vlocity Lightning Web Component.

Smart Actions

Configure a card to use a Vlocity Integration Procedure to return a set of actions.