--- schema_version: "1" id: d27095908c312beb55e4ed4786e7a3eb4e8c108462471374619ca43d0742de07 title: LWC Cards Changes and Enhancements (Managed Package) collection: admin version: current locale: en-us portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_lwc_cards_changes_and_enhancements.md canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_lwc_cards_changes_and_enhancements.htm&release=264.0.0&type=5 source_site: help.salesforce.com content_type: documentation content_hash: e4ee2c2fe6d2cda4b8653a3f14e66c11cdce1105fa2a96877d1a15abfc84bf97 description: 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. products: - Omnistudio release: "264" --- # 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](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US). 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.