---
schema_version: "1"
id: 71e742ac0c62f3c0352439d2e8299f97502a5cf8f219933832105d13b9ac3e77
title: DatasourceSDK Lightning Web Component ReadMe (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_datasourcesdk_lightning_web_component_readme.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_datasourcesdk_lightning_web_component_readme.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: d65da2a95040be60454e6d2700a7277d11ff6c48e096a0f04597ac9e41c29a61
description: For the managed package runtime, this page contains a DatasourceSDK LWC ReadMe for each Vlocity release.
products:
  - Omnistudio
release: "264"
---
# DatasourceSDK Lightning Web Component ReadMe (Managed Package)

For the managed package runtime, this page contains a DatasourceSDK LWC 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 _DatasourceSDK Lightning Web Component_ extends the _Datasource Lightning Web Component_ with additional features for data fetched from an SDK.

## Available c-datasource-sdk-component Attributes

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col>
          <col>
          <col>
          <col>
          <col>
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d194892e68">
              <p style="margin-bottom:0;">Attribute</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d194892e74">
              <p style="margin-bottom:0;">Value</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d194892e80">
              <p style="margin-bottom:0;">Type</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d194892e86">
              <p style="margin-bottom:0;">Required</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d194892e92">
              <p style="margin-bottom:0;">Description</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="vertical-align:top;" headers="d194892e68 ">
              <p style="margin-bottom:0;">value</p>
            </td>

            <td data-label="Value" class="slds-cell-wrap" style="vertical-align:top;" headers="d194892e74 ">&nbsp;</td>

            <td data-label="Type" class="slds-cell-wrap" style="vertical-align:top;" headers="d194892e80 ">
              <p style="margin-bottom:0;">string</p>
            </td>

            <td data-label="Required" class="slds-cell-wrap" style="vertical-align:top;" headers="d194892e86 ">
              <p style="margin-bottom:0;">yes</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d194892e92 ">
              <p style="margin-bottom:0;">Full JSON dump including type and value for the datasource to use. See sample code on this page.</p>
            </td>

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

            <td data-label="Value" class="slds-cell-wrap" style="vertical-align:top;" headers="d194892e74 ">&nbsp;</td>

            <td data-label="Type" class="slds-cell-wrap" style="vertical-align:top;" headers="d194892e80 ">
              <p style="margin-bottom:0;">string</p>
            </td>

            <td data-label="Required" class="slds-cell-wrap" style="vertical-align:top;" headers="d194892e86 ">&nbsp;</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d194892e92 ">
              <p style="margin-bottom:0;">If using with pubsub, channel attribute registers listener. Fires <code>onresult</code> and <code>oninit</code> callbacks.</p>
            </td>

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

            <td data-label="Value" class="slds-cell-wrap" style="vertical-align:top;" headers="d194892e74 ">
              <p style="margin-bottom:0;">true, false (Default: false)</p>
            </td>

            <td data-label="Type" class="slds-cell-wrap" style="vertical-align:top;" headers="d194892e80 ">&nbsp;</td>

            <td data-label="Required" class="slds-cell-wrap" style="vertical-align:top;" headers="d194892e86 ">&nbsp;</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d194892e92 ">
              <p style="margin-bottom:0;">To enable debug mode, set to true. If set to true, it prints fetched data inside template and enables changing the JSON there for testing purpose.</p>
            </td>

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

            <td data-label="Value" class="slds-cell-wrap" style="vertical-align:top;" headers="d194892e74 ">
              <p style="margin-bottom:0;">slds, nds (Default: slds)</p>
            </td>

            <td data-label="Type" class="slds-cell-wrap" style="vertical-align:top;" headers="d194892e80 ">&nbsp;</td>

            <td data-label="Required" class="slds-cell-wrap" style="vertical-align:top;" headers="d194892e86 ">&nbsp;</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d194892e92 ">
              <p style="margin-bottom:0;">Sets the theme to use for this component.</p>
            </td>

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

## Example c-datasource-sdk-component Component

```
<c-datasource-sdk-component
  theme=""
  channel="true"
  value='{ "type": "query", "value": {"query": "Select Name from Account Limit 1"}}'
  debug="true"
></c-datasource-sdk-component>
<!--apexRemote = `{
    "type": "apexremote",
    "value": {
      "className": "LWCDatasource",
      "methodName": "query",
      "inputMap": inputMap,
      "optionsMap": "{}"
    }
  }`;
  inputMap = '{ "query": "SELECT Id, name FROM Contact LIMIT 2" }';

  -->
<c-datasource-sdk-component
    channel="apexRemote"
    value={apexRemote}
    debug="false"
  ></c-datasource-sdk-component>
  <!-- dataraptorData = `{
    type: "dataraptor",
    value: {
      bundleName: "TestDRBundle",
      inputMap:inputMap
    }
  }`-->
  <c-datasource-sdk-component
    channel="dataraptor"
    value={dataraptorData}
    debug="false"
  ></c-datasource-sdk-component>
<!--iprocedure = `{
    "type": "integrationprocedure",
    "value": {
      "ipMethod": "TestType_TestSubType",
      "inputMap":inputMap,
      "optionsMap": "{}"
    }
  }` -->
  <c-datasource-sdk-component
    channel="integrationpreocedure"
    value={iprocedure}
    debug="false"
  ></c-datasource-sdk-component>
  <c-datasource-sdk-component
    channel="search"
    value='{ "type": "search", "value": {"search": "Find {savings} IN ALL FIELDS RETURNING Account(Name) limit 1"}}'
    debug="false"
  ></c-datasource-sdk-component>
```

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

The _DatasourceSDK Lightning Web Component_ extends the _Datasource Lightning Web Component_ with additional features for data fetched from an SDK.

## Available c-datasource-sdk-component Attributes

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col>
          <col>
          <col>
          <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="d194892e258">
              <p style="margin-bottom:0;">Attribute</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" id="d194892e264">
              <p style="margin-bottom:0;">Value</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" id="d194892e270">
              <p style="margin-bottom:0;">Type</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" id="d194892e276">
              <p style="margin-bottom:0;">Required</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" id="d194892e282">
              <p style="margin-bottom:0;">Description</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Attribute" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d194892e258 ">
              <p style="margin-bottom:0;">value</p>
            </td>

            <td data-label="Value" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d194892e264 ">&nbsp;</td>

            <td data-label="Type" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d194892e270 ">
              <p style="margin-bottom:0;">string</p>
            </td>

            <td data-label="Required" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d194892e276 ">
              <p style="margin-bottom:0;">yes</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d194892e282 ">
              <p style="margin-bottom:0;">Full JSON dump including type and value for the datasource to use. See sample code on this page.</p>
            </td>

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

            <td data-label="Value" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d194892e264 ">&nbsp;</td>

            <td data-label="Type" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d194892e270 ">
              <p style="margin-bottom:0;">string</p>
            </td>

            <td data-label="Required" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d194892e276 ">&nbsp;</td>

            <td data-label="Description" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d194892e282 ">
              <p style="margin-bottom:0;">If using with pubsub, channel attribute registers listener. Fires <code>onresult</code> and <code>oninit</code> callbacks.</p>
            </td>

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

            <td data-label="Value" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d194892e264 ">
              <p style="margin-bottom:0;">true, false (Default: false)</p>
            </td>

            <td data-label="Type" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d194892e270 ">&nbsp;</td>

            <td data-label="Required" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d194892e276 ">&nbsp;</td>

            <td data-label="Description" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d194892e282 ">
              <p style="margin-bottom:0;">To enable debug mode, set to true. If set to true, it prints fetched data inside template and enables changing the JSON there for testing purpose.</p>
            </td>

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

            <td data-label="Value" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d194892e264 ">
              <p style="margin-bottom:0;">slds, nds (Default: slds)</p>
            </td>

            <td data-label="Type" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d194892e270 ">&nbsp;</td>

            <td data-label="Required" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d194892e276 ">&nbsp;</td>

            <td data-label="Description" class="slds-cell-wrap" style="text-align:left;vertical-align:top;" headers="d194892e282 ">
              <p style="margin-bottom:0;">Sets the theme to use for this component.</p>
            </td>

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

## Example c-datasource-sdk-component Component

```
<c-datasource-sdk-component
  theme=""
  channel="true"
  value='{ "type": "query", "value": {"query": "Select Name from Account Limit 1"}}'
  debug="true"
></c-datasource-sdk-component>
<!--apexRemote == `{
    "type": "apexremote",
    "value": {
      "className": "LWCDatasource",
      "methodName": "query",
      "inputMap": inputMap,
      "optionsMap": "{}"
    }
  }`;
  inputMap == '{ "query": "SELECT Id, name FROM Contact LIMIT 2" }';

  -->
<c-datasource-sdk-component
    channel="apexRemote"
    value={apexRemote}
    debug="false"
  ></c-datasource-sdk-component>
  <!-- dataraptorData == `{
    type: "dataraptor",
    value: {
      bundleName: "TestDRBundle",
      inputMap:inputMap
    }
  }`-->
  <c-datasource-sdk-component
    channel="dataraptor"
    value={dataraptorData}
    debug="false"
  ></c-datasource-sdk-component>
<!--iprocedure == `{
    "type": "integrationprocedure",
    "value": {
      "ipMethod": "TestType_TestSubType",
      "inputMap":inputMap,
      "optionsMap": "{}"
    }
  }` -->
  <c-datasource-sdk-component
    channel="integrationpreocedure"
    value={iprocedure}
    debug="false"
  ></c-datasource-sdk-component>
  <c-datasource-sdk-component
    channel="search"
    value='{ "type": "search", "value": {"search": "Find {savings} IN ALL FIELDS RETURNING Account(Name) limit 1"}}'
    debug="false"
  ></c-datasource-sdk-component>
```