---
schema_version: "1"
id: 674a1a649917185fe2fd2793a2d9ac7e50048a379d63ab1c3b4b72b9cdc95193
title: ProfileCardState LWC Card Template (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_profilecardstate_lwc_card_template.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_profilecardstate_lwc_card_template.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: a4dc4191ae11dd0441cf6fdb79a2e102395ab51a4a1ad2d693910a6a12fc9d00
description: For the managed package runtime, this page contains the ProfileCardState LWC Card Template ReadMe for each Vlocity release.
products:
  - Omnistudio
release: "264"
---
# ProfileCardState LWC Card Template (Managed Package)

For the managed package runtime, this page contains the ProfileCardState LWC Card Template ReadMe for each Vlocity release.

![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).

## Vlocity Insurance and Health Winter '20 and Vlocity CME Spring '20

The _profileCardState LWC Card Template_ displays a card state template with profile information added as data fields, actions, and a static location map.

## Available profileCardState Features

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col>
          <col>
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d281116e62">
              <p style="margin-bottom:0;">Feature</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d281116e68">
              <p style="margin-bottom:0;">Description</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Feature" class="slds-cell-wrap" style="vertical-align:top;" headers="d281116e62 ">
              <p style="margin-bottom:0;">fields</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d281116e68 ">
              <p style="margin-bottom:0;">By default, the title of the card is obj Name. The remaining fields display as blocks.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Feature" class="slds-cell-wrap" style="vertical-align:top;" headers="d281116e62 ">
              <p style="margin-bottom:0;">actions</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d281116e68 ">
              <p style="margin-bottom:0;">By default, actions display below the fields.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Feature" class="slds-cell-wrap" style="vertical-align:top;" headers="d281116e62 ">
              <p style="margin-bottom:0;">session</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d281116e68 ">
              <p style="margin-bottom:0;">See Available <em>session</em> Variables on this page.</p>
            </td>

          </tr>
        </tbody>
      </table>

## Available session Variables

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col>
          <col>
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d281116e145">
              <p style="margin-bottom:0;">Variable</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d281116e151">
              <p style="margin-bottom:0;">Description</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Variable" class="slds-cell-wrap" style="vertical-align:top;" headers="d281116e145 ">
              <p style="margin-bottom:0;">APIKEY</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d281116e151 ">
              <p style="margin-bottom:0;">Sets the API Key for the google map API to display the location passed to location field.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Variable" class="slds-cell-wrap" style="vertical-align:top;" headers="d281116e145 ">
              <p style="margin-bottom:0;">location</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d281116e151 ">
              <p style="margin-bottom:0;">Defines the location of the Account used in the static google map. You can pass the address from account <code>{{obj.BillingAddress}}</code>.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Variable" class="slds-cell-wrap" style="vertical-align:top;" headers="d281116e145 ">
              <p style="margin-bottom:0;">showBadge</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d281116e151 ">
              <p style="margin-bottom:0;">Sets the badge icon for the respective user account. You can pass the customer value from account <code>{{obj.CustomerValue__c}}</code>. Default value is false.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Variable" class="slds-cell-wrap" style="vertical-align:top;" headers="d281116e145 ">
              <p style="margin-bottom:0;">showActionLabel</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d281116e151 ">
              <p style="margin-bottom:0;">To display the action label. Default value is false.</p>
            </td>

          </tr>
        </tbody>
      </table>

## Vlocity Insurance and Health Summer '19 and Vlocity CME Fall '19

The _profileCardState LWC Card Template_ displays a card state template with profile information added as fields, actions, and a static location map.

## Available profileCardState Features

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col>
          <col>
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" id="d281116e258">
              <p style="margin-bottom:0;">Feature</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" id="d281116e264">
              <p style="margin-bottom:0;">Description</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Feature" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d281116e258 ">
              <p style="margin-bottom:0;">fields</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d281116e264 ">
              <p style="margin-bottom:0;">By default, the title of the card is obj Name. The remaining fields display as blocks.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Feature" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d281116e258 ">
              <p style="margin-bottom:0;">actions</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d281116e264 ">
              <p style="margin-bottom:0;">By default, actions display below the fields.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Feature" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d281116e258 ">
              <p style="margin-bottom:0;">session</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d281116e264 ">
              <p style="margin-bottom:0;">See Available <em>session</em> Variables on this page.</p>
            </td>

          </tr>
        </tbody>
      </table>

## Available session Variables

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col>
          <col>
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" id="d281116e342">
              <p style="margin-bottom:0;">Variable</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" id="d281116e348">
              <p style="margin-bottom:0;">Description</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Variable" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d281116e342 ">
              <p style="margin-bottom:0;">APIKEY</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d281116e348 ">
              <p style="margin-bottom:0;">Sets the API Key for the google map API to display the location passed to location field.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Variable" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d281116e342 ">
              <p style="margin-bottom:0;">location</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d281116e348 ">
              <p style="margin-bottom:0;">Defines the location of the Account used in the static google map. You can pass the address from account <code>{{obj.BillingAddress}}</code>.</p>
            </td>

          </tr>
        </tbody>
      </table>