@enplug/sdk-dashboard 5.4.0-dev.1 → 5.4.1

package/dist/dashboard.js

@@ -94,450 +94,561 @@ var enplug =
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__(/*! ./utils */ "./src/utils.ts"), __webpack_require__(/*! ./internal-types */ "./src/internal-types.ts")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, utils_1, internal_types_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Account = void 0;
-    var Account = /** @class */ (function () {
-        function Account(bridge) {
-            this.bridge = bridge;
-        }
-        /**
-         * Loads all information for the current user. App instance ID,
-         * account type, token, account ID, venue ID, and environment.
-         *
-         * Data is passed as the first param to the success callback.
-         */
-        Account.prototype.getAccount = function () {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.GetAccount,
-            });
-        };
-        /**
-         * Loads all information for the current user.
-         */
-        Account.prototype.getUser = function () {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.GetUser,
-            });
-        };
-        Account.prototype.getDisplayGroups = function () {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.GetDisplayGroups,
-            });
-        };
-        Account.prototype.getSelectedDisplayId = function () {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.GetSelectedDisplayId,
-            });
-        };
-        /**
-         * Loads an array of assets for the current app instance.
-         */
-        Account.prototype.getAssets = function () {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.GetAssets,
-            });
-        };
-        /**
-         * Loads an array of assets by Ids.
-         * @param {string[]} assetsIds An array of ids of the assets that are to be returned.
-         */
-        Account.prototype.getAssetsByIds = function (assetsIds) {
-            utils_1.validateArray(assetsIds, 'You must provide assetIds array to getAssetsByIds call');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.GetAssetsByIds,
-                params: {
-                    assetsIds: assetsIds,
-                },
-            });
-        };
-        /**
-         * Loads an array of assets for a specifig app instance.
-         * Data is passed as the first param to the success callback.
-         * @param {string} appId An id of an app.
-         */
-        Account.prototype.getAssetsForApp = function (appId) {
-            utils_1.validateString(appId, 'You must provide appId string to getAssetsForApp call');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.GetAssetsForApp,
-                appId: appId,
-            });
-        };
-        /**
-         * Loads an content-approval asset revision.
-         * Data is passed as the first param to the success callback.
-         * @param {string} assetId An id of an asset.
-         * @param {string} version A version of an asset.
-         */
-        Account.prototype.getAssetRevision = function (assetId, version) {
-            utils_1.validateString(assetId, 'You must provide assetId string to getAssetRevision call');
-            utils_1.validateString(version, 'You must provide version string to getAssetRevision call');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.GetAssetRevision,
-                params: {
-                    assetId: assetId,
-                    version: version,
-                },
-            });
-        };
-        /**
-         * Creates an asset under the current app instance.
-         * @param {Asset<T>[]} assets An array of asset object to create.
-         * @param {DeployDialogOptions?} dialogOptions An object with details about displaying a deploy dialog
-         * and its content after save.
-         */
-        Account.prototype.bulkCreateAssets = function (assets, dialogOptions) {
-            if (dialogOptions === void 0) { dialogOptions = {}; }
-            utils_1.validateArray(assets, 'You must provide an array of assets when creating new assets.');
-            utils_1.validateObject(assets[0], 'You must provide an array of assets (objects) when creating new assets.');
-            if (assets[0]) {
-                utils_1.validateObject(assets[0].Value, 'You must provide a Value (object) when creating an asset.');
-            }
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.BulkCreateAssets,
-                params: {
-                    assets: assets,
-                    dialogOptions: dialogOptions,
-                },
-            });
-        };
-        /**
-         * Creates an asset under the current app instance.
-         * @param {Asset<T>[]} assets An array of assets to deploy.
-         * @param {DeployDialogOptions?} dialogOptions An object with details about displaying a deploy dialog
-         * and its content after save.
-         */
-        Account.prototype.bulkDeployAssets = function (assets, dialogOptions) {
-            if (dialogOptions === void 0) { dialogOptions = {}; }
-            utils_1.validateArray(assets, 'You must provide an array of assets when deploying assets.');
-            utils_1.validateObject(assets[0], 'You must provide an array of assets (objects) when deploying assets.');
-            if (assets[0]) {
-                utils_1.validateObject(assets[0].Value, 'You must provide a Value (object) when deploying an asset.');
-                utils_1.validateString(assets[0].Id, 'You must provide the ID (string) on the asset you want to update.');
-            }
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.BulkDeployAssets,
-                params: {
-                    assets: assets,
-                    dialogOptions: dialogOptions,
-                },
-            });
-        };
-        /**
-         * Saves an asset without showing the deployment dialog.
-         * @param {Asset<T>} asset An asset to save.
-         * @param {DeployDialogOptions?} dialogOptions An object with details about displaying a deploy dialog
-         * and its content after save.
-         */
-        Account.prototype.saveAsset = function (asset, dialogOptions) {
-            if (dialogOptions === void 0) { dialogOptions = {}; }
-            utils_1.validateObject(asset, 'You must provide an asset object to save.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.SaveAsset,
-                params: {
-                    asset: asset,
-                    dialogOptions: dialogOptions,
-                },
-            });
-        };
-        Account.prototype.saveAssetForApp = function (appId, asset, dialogOptions) {
-            if (dialogOptions === void 0) { dialogOptions = {}; }
-            utils_1.validateString(appId, 'You must provide appId');
-            utils_1.validateObject(asset, 'You must provide an asset to save');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.SaveAsset,
-                params: {
-                    asset: asset,
-                    appId: appId,
-                    dialogOptions: dialogOptions,
-                },
-            });
-        };
-        /**
-         * This is for saving an order of assets if needed for the current app. An array of asset Ids
-         * is all that is needed, but the implementation also accepts an array of asset objects with "Id" string properties.
-         * @param {string[] | Asset<any>[]} assets An array of assetIds or assets in order which is to be saved.
-         */
-        Account.prototype.updateAssetOrder = function (assets) {
-            utils_1.validateArray(assets, 'You must provide an array of assets (or asset ids) in the new order.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.UpdateAssetOrder,
-                params: {
-                    assets: assets,
-                },
-            });
-        };
-        /**
-         * Deletes an asset for the current app instance.
-         * @param {string|string[]} id Id of an asset to delete.
-         */
-        Account.prototype.deleteAsset = function (id) {
-            if (!Array.isArray(id)) {
-                utils_1.validateString(id, 'You must provide the ID (string) of the asset to delete.');
-                id = [id];
-            }
-            else {
-                utils_1.validateArray(id, 'You must pass a single ID (string) or Array of asset IDs to be deleted.');
-                utils_1.validateString(id[0], 'You must provide at least one Asset ID (string) to be deleted.');
-            }
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.DeleteAsset,
-                params: {
-                    ids: id,
-                },
-            });
-        };
-        /**
-         * Marks asset as recently viewed
-         */
-        Account.prototype.touchAsset = function (id) {
-            utils_1.validateString(id, 'You must provide an id string to touchAsset call');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.TouchAsset,
-                params: { id: id },
-            });
-        };
-        /**
-         * Marks asset as recently viewed
-         */
-        Account.prototype.getAssetNeedsApproval = function (id) {
-            utils_1.validateString(id, 'You must provide an id string to getAssetNeedsApproval call');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.GetAssetNeedsApproval,
-                params: { id: id },
-            });
-        };
-        /**
-         * Loads an array of default assets for the current instance's app definition.
-         * Data is passed as the first param to the success callback.
-         * @param {string} level 'Default', 'Network', 'Account'
-         * @param {string} levelId NetworkId or AccountId
-         */
-        Account.prototype.getDefaultAssets = function (level, levelId) {
-            if (level === void 0) { level = 'Default'; }
-            utils_1.validateString(level, 'You must provide a level parameter that is either "Default", "Network", or "Account"');
-            if (level !== 'Account' && level !== 'Network' && level !== 'Default') {
-                throw new Error('You must provide a level parameter that is either "Default", "Network", or "Account"');
-            }
-            if (level === 'Account' || level === 'Network') {
-                utils_1.validateString(levelId, 'You must provide relevant id for the "Account" or "Network" level default assets');
-            }
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.GetDefaultAssets,
-                params: {
-                    level: level,
-                    levelId: levelId,
-                },
-            });
-        };
-        /**
-         * Loads list of banner/ticker widget apps
-         */
-        Account.prototype.getZoningApps = function () {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.GetZoningApps,
-            });
-        };
-        /**
-         * Loads widget assets used in a given zoning asset layout
-         */
-        Account.prototype.getZoningLayoutAssets = function (assetId) {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.GetZoningLayoutAssets,
-                params: {
-                    assetId: assetId,
-                },
-            });
-        };
-        /**
-         * Shows modal allowing to pick existing widget or create new
-         */
-        Account.prototype.acquireZoningWidget = function (zoningAssetId, slotConfig, widgetAppId, usedAssetsIds) {
-            utils_1.validateString(widgetAppId, 'You must provide an widgetAppId parameter');
-            utils_1.validateObject(slotConfig, 'You must provide an slotConfig parameter');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.AcquireZoningWidget,
-                params: {
-                    zoningAssetId: zoningAssetId,
-                    slotConfig: slotConfig,
-                    widgetAppId: widgetAppId,
-                    usedAssetsIds: usedAssetsIds,
-                },
-            });
-        };
-        /**
-         * Fetches zoning data available after adding/editing a widget
-         */
-        Account.prototype.editZoningWidget = function (zoningAssetId, slotConfig, widgetAppId, widgetAssetId) {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.EditZoningWidget,
-                params: {
-                    zoningAssetId: zoningAssetId,
-                    slotConfig: slotConfig,
-                    widgetAppId: widgetAppId,
-                    widgetAssetId: widgetAssetId,
-                },
-            });
-        };
-        /**
-         * Fetches zoning data available after adding/editing a widget
-         */
-        Account.prototype.getZoningData = function () {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.GetZoningData,
-            });
-        };
-        /**
-         * Loads available fonts for the current app or for specified appId.
-         * @param {string?} appId
-         */
-        Account.prototype.getFonts = function (appId) {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.GetFonts,
-                params: {
-                    appId: appId,
-                },
-            });
-        };
-        /**
-         * Loads available themes for the current app or for specified appId.
-         * @param {string?} [appId]
-         */
-        Account.prototype.getThemes = function (appId) {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.GetThemes,
-                params: {
-                    appId: appId,
-                },
-            }).then(function (_a) {
-                var themes = _a.themes;
-                return themes;
-            });
-        };
-        /**
-         * Loads theme by id.
-         * @param {string} themeId An id of a theme
-         */
-        Account.prototype.getTheme = function (id) {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.GetTheme,
-                params: {
-                    id: id,
-                },
-            });
-        };
-        /**
-         * Creates a new theme under the current app instance app definition.
-         * The new theme will be available only under the current user's account.
-         * @param {object} themeDefinition
-         * @param {object} theme
-         * @param {string} previewUrl
-         * @param {Array} previewAsset
-         * @param {object} layout
-         * @param {Array} fonts
-         * @param {object} feedData
-         * @returns {number} callId
-         */
-        Account.prototype.editTheme = function (themeDefinition, theme, previewUrl, previewAsset, layout, fonts, feedData) {
-            utils_1.validateObject(themeDefinition, 'You must provide the theme definition (object).');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.EditTheme,
-                params: {
-                    themeDefinition: themeDefinition,
-                    theme: theme,
-                    previewUrl: previewUrl,
-                    previewAsset: previewAsset,
-                    layout: layout,
-                    fonts: fonts,
-                    feedData: feedData,
-                },
-            });
-        };
-        /**
-         * Creates a new theme under the current app definition.
-         * The new theme will be available to all users in the account.
-         * @param {object} theme
-         */
-        Account.prototype.saveTheme = function (theme) {
-            utils_1.validateObject(theme, 'You must provide the theme (object) to save.');
-            utils_1.validateObject(theme.Value, 'You must provide the theme.Value (object) to save.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.SaveTheme,
-                params: {
-                    theme: theme,
-                },
-            });
-        };
-        /**
-         * Deletes a theme from the current user's account for
-         * the current app definition. Cannot remove default themes.
-         * @param {string} themeId
-         */
-        Account.prototype.deleteTheme = function (themeId) {
-            utils_1.validateString(themeId, 'You must provide the ID (string) of the theme to remove.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.DeleteTheme,
-                params: {
-                    themeId: themeId,
-                },
-            });
-        };
-        /**
-         * Returns flag status on account
-         */
-        Account.prototype.hasFeatureFlag = function (flagName) {
-            utils_1.validateString(flagName, 'You must provide the flag name (string).');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.HasFeatureFlag,
-                params: {
-                    flagName: flagName,
-                },
-            });
-        };
-        /**
-         * Retrieve all custom display group properties on an account
-         */
-        Account.prototype.getDisplayGroupCustomProperties = function () {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.App,
-                name: internal_types_1.MessageNames.GetDisplayGroupCustomProperties,
-            });
-        };
-        return Account;
-    }());
-    exports.Account = Account;
+var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__(/*! ./utils */ "./src/utils.ts"), __webpack_require__(/*! ./internal-types */ "./src/internal-types.ts")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, utils_1, internal_types_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Account = void 0;
+    /**
+     * Account API is a part of the Dashboard SDK used for managing assets, and other app, user and account related data.
+     * Use global `enplug.account` object to access these methods.
+     *
+     * ```typescript title="Example usage of the Account API"
+     * const assets = await enplug.account.getAssets();
+     * ```
+     *
+     * Among others, this API allows you to fetch and manipulate the assets:
+     * - {@link getAssets|`enplug.account.getAssets()`} - fetch the asset list
+     * - {@link getAssetsByIds|`enplug.account.getAssetsByIds()`} - fetch provided assets
+     * - {@link saveAsset|`enplug.account.saveAsset()`} - creates/updates an asset, can display Deploy Dialog for editing
+     * - {@link deleteAsset|`enplug.account.deleteAsset()`} - removes an asset
+     * - {@link touchAsset|`enplug.account.touchAsset()`} - marks asset as recently viewed
+     *
+     * Other useful commands:
+     * - {@link getAccount|`enplug.account.getAccount()`} - fetch current account data
+     * - {@link getUser|`enplug.account.getUser()`} - fetch current user data
+     * - {@link getThemes|`enplug.account.getThemes()`} - fetches list of themes
+     * - {@link getTheme|`enplug.account.getTheme()`} - fetches theme
+     * - {@link editTheme|`enplug.account.editTheme()`} - edits the theme
+     * - {@link deleteTheme|`enplug.account.deleteTheme()`} - deletes the theme
+     */
+    var Account = /** @class */ (function () {
+        /** @internal */
+        function Account(bridge) {
+            this.bridge = bridge;
+        }
+        /**
+         * Loads all information for the current user. App instance ID,
+         * account type, token, account ID, venue ID, and environment.
+         */
+        Account.prototype.getAccount = function () {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.GetAccount,
+            });
+        };
+        /**
+         * Loads all information for the current user.
+         */
+        Account.prototype.getUser = function () {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.GetUser,
+            });
+        };
+        /**
+         * Loads information for the currently selected display group(s).
+         *
+         * @returns In the account context, it will return all Display Groups in the account;
+         * in the Display Group context, it will return only this group’s information.
+         */
+        Account.prototype.getDisplayGroups = function () {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.GetDisplayGroups,
+            });
+        };
+        Account.prototype.getSelectedDisplayId = function () {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.GetSelectedDisplayId,
+            });
+        };
+        /**
+         * Loads an array of assets for the current app instance.
+         *
+         * The list is also limited to the {@link setDisplaySelectorCallback|Display Group selector} dropdown's choice.
+         *
+         * @param T - Model of asset's value
+         *
+         * @returns Array of assets added by current app filtered by the {@link setDisplaySelectorCallback|Display Group selection} if it is set.
+         */
+        Account.prototype.getAssets = function () {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.GetAssets,
+            });
+        };
+        /**
+         * Loads an array of assets by Ids.
+         *
+         * @param T - Model of asset's value
+         * @param assetsIds - An array of ids of the assets that are to be returned.
+         *
+         * @returns Resolves to an array of requested assets.
+         */
+        Account.prototype.getAssetsByIds = function (assetsIds) {
+            utils_1.validateArray(assetsIds, 'You must provide assetIds array to getAssetsByIds call');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.GetAssetsByIds,
+                params: {
+                    assetsIds: assetsIds,
+                },
+            });
+        };
+        /**
+         * Loads an array of assets for a specifig app instance.
+         * Data is passed as the first param to the success callback.
+         *
+         * @param T - Model of asset's value
+         * @param appId - An id of an app.
+         */
+        Account.prototype.getAssetsForApp = function (appId) {
+            utils_1.validateString(appId, 'You must provide appId string to getAssetsForApp call');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.GetAssetsForApp,
+                appId: appId,
+            });
+        };
+        /**
+         * Loads a content-approval asset revision.
+         *
+         * @param T - Model of asset's value
+         * @param assetId - ID of an asset
+         * @param version - Version of the asset
+         *
+         * @returns Resolves to the provided revision of the asset.
+         */
+        Account.prototype.getAssetRevision = function (assetId, version) {
+            utils_1.validateString(assetId, 'You must provide assetId string to getAssetRevision call');
+            utils_1.validateString(version, 'You must provide version string to getAssetRevision call');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.GetAssetRevision,
+                params: {
+                    assetId: assetId,
+                    version: version,
+                },
+            });
+        };
+        /**
+         * Creates an asset under the current app instance.
+         * @param assets - An array of assets to create.
+         * @param dialogOptions - An object with details about displaying the deploy dialog
+         * and its content after save.
+         *
+         * @returns Resolves to list of saved assets as they came from the server.
+         */
+        Account.prototype.bulkCreateAssets = function (assets, dialogOptions) {
+            if (dialogOptions === void 0) { dialogOptions = {}; }
+            utils_1.validateArray(assets, 'You must provide an array of assets when creating new assets.');
+            utils_1.validateObject(assets[0], 'You must provide an array of assets (objects) when creating new assets.');
+            if (assets[0]) {
+                utils_1.validateObject(assets[0].Value, 'You must provide a Value (object) when creating an asset.');
+            }
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.BulkCreateAssets,
+                params: {
+                    assets: assets,
+                    dialogOptions: dialogOptions,
+                },
+            });
+        };
+        /**
+         * Creates an asset under the current app instance.
+         * @param assets - An array of assets to deploy.
+         * @param dialogOptions - An object with details about displaying the deploy dialog
+         * and its content after save.
+         *
+         * @returns Resolves to list of saved assets as they came from the server.
+         */
+        Account.prototype.bulkDeployAssets = function (assets, dialogOptions) {
+            if (dialogOptions === void 0) { dialogOptions = {}; }
+            utils_1.validateArray(assets, 'You must provide an array of assets when deploying assets.');
+            utils_1.validateObject(assets[0], 'You must provide an array of assets (objects) when deploying assets.');
+            if (assets[0]) {
+                utils_1.validateObject(assets[0].Value, 'You must provide a Value (object) when deploying an asset.');
+                utils_1.validateString(assets[0].Id, 'You must provide the ID (string) on the asset you want to update.');
+            }
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.BulkDeployAssets,
+                params: {
+                    assets: assets,
+                    dialogOptions: dialogOptions,
+                },
+            });
+        };
+        /**
+         * Creates or updates an asset. Can also be used to present the Deploy Dialog for changing asset's settings,
+         * such as assigning to Display Groups or changing the scheduling.
+         *
+         * When saving a new asset (`asset.Id` not defined) it will open the Deploy Dialog.
+         *
+         * ![Deploy Dialog](/img/dashboard-sdk/account/save-asset-deploy-dialog.png)<br />
+         * *Deploy Dialog*
+         *
+         * ```typescript title="Saving the asset"
+         * const dialogOptions: DeployDialogOptions = {
+         *   showSchedule: true,
+         *   scheduleOptions: {
+         *     showDuration: true
+         *   }
+         * };
+         *
+         * const savedAsset = await enplug.account.saveAsset(asset, dialogOptions);
+         * ```
+         *
+         * Saving an already existing asset will save it instantly without showing the Deploy Dialog.
+         *
+         * Another useful scenario is to allow the user to assign an existing asset to Display Groups or change the scheduling.
+         * To achieve this, you can force showing the Deploy Dialog for an already saved asset, by adjusting the `dialogOptions`.
+         * ```typescript title="Opening the Deploy Dialog to assign existing asset to Display Groups"
+         * const dialogOptions: DeployDialogOptions = {
+         *   showDeployDialog: true, // this forces the Deploy Dialog to appear for an already saved asset
+         *   showSchedule: true,
+         *   scheduleOptions: {
+         *     showDuration: true
+         *   }
+         * };
+         *
+         * const savedAsset = await enplug.account.saveAsset(asset, dialogOptions);
+         * ```
+         * *See more: {@link DeployDialogOptions}*
+         *
+         * @param T - Model of Asset's value
+         * @param asset - An asset to save.
+         * @param dialogOptions - Used to configure the Deploy Dialog, which can be shown to
+         * assign the asset to Display Groups or modify the scheduling options.
+         *
+         * @returns Promise resolving with the saved asset.
+         */
+        Account.prototype.saveAsset = function (asset, dialogOptions) {
+            if (dialogOptions === void 0) { dialogOptions = {}; }
+            utils_1.validateObject(asset, 'You must provide an asset object to save.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.SaveAsset,
+                params: {
+                    asset: asset,
+                    dialogOptions: dialogOptions,
+                },
+            });
+        };
+        Account.prototype.saveAssetForApp = function (appId, asset, dialogOptions) {
+            if (dialogOptions === void 0) { dialogOptions = {}; }
+            utils_1.validateString(appId, 'You must provide appId');
+            utils_1.validateObject(asset, 'You must provide an asset to save');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.SaveAsset,
+                params: {
+                    asset: asset,
+                    appId: appId,
+                    dialogOptions: dialogOptions,
+                },
+            });
+        };
+        /**
+         * This is for saving an order of assets if needed for the current app. An array of asset IDs
+         * is all that is needed, but the implementation also accepts an array of asset objects with `Id` string properties.
+         *
+         * @param T - Model of asset's value
+         * @param assets - An array of assetIds or assets in order which is to be saved
+         *
+         * @returns Resolves if the order was successfully updated. Rejects otherwise.
+         */
+        Account.prototype.updateAssetOrder = function (assets) {
+            utils_1.validateArray(assets, 'You must provide an array of assets (or asset ids) in the new order.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.UpdateAssetOrder,
+                params: {
+                    assets: assets,
+                },
+            });
+        };
+        /**
+         * Deletes one or many assets under the current app instance.
+         *
+         * @param id - Id of an asset to delete. To delete multiple assets, an array of ids can be passed.
+         *
+         * @returns Resolves after successfully deleting the assets.
+         */
+        Account.prototype.deleteAsset = function (id) {
+            if (!Array.isArray(id)) {
+                utils_1.validateString(id, 'You must provide the ID (string) of the asset to delete.');
+                id = [id];
+            }
+            else {
+                utils_1.validateArray(id, 'You must pass a single ID (string) or Array of asset IDs to be deleted.');
+                utils_1.validateString(id[0], 'You must provide at least one Asset ID (string) to be deleted.');
+            }
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.DeleteAsset,
+                params: {
+                    ids: id,
+                },
+            });
+        };
+        /**
+         * Marks asset as recently viewed.
+         */
+        Account.prototype.touchAsset = function (id) {
+            utils_1.validateString(id, 'You must provide an id string to touchAsset call');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.TouchAsset,
+                params: { id: id },
+            });
+        };
+        /**
+         * Marks asset as needing approval.
+         */
+        Account.prototype.getAssetNeedsApproval = function (id) {
+            utils_1.validateString(id, 'You must provide an id string to getAssetNeedsApproval call');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.GetAssetNeedsApproval,
+                params: { id: id },
+            });
+        };
+        /**
+         * Loads an array of default assets for the current instance's app definition.
+         *
+         * @param T - Model of asset's value
+         * @param level - 'Default', 'Network', 'Account'
+         * @param levelId - NetworkId or AccountId
+         *
+         * @returns Resolves to an array of default assets.
+         */
+        Account.prototype.getDefaultAssets = function (level, levelId) {
+            if (level === void 0) { level = 'Default'; }
+            utils_1.validateString(level, 'You must provide a level parameter that is either "Default", "Network", or "Account"');
+            if (level !== 'Account' && level !== 'Network' && level !== 'Default') {
+                throw new Error('You must provide a level parameter that is either "Default", "Network", or "Account"');
+            }
+            if (level === 'Account' || level === 'Network') {
+                utils_1.validateString(levelId, 'You must provide relevant id for the "Account" or "Network" level default assets');
+            }
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.GetDefaultAssets,
+                params: {
+                    level: level,
+                    levelId: levelId,
+                },
+            });
+        };
+        /**
+         * @internal
+         * Loads list of banner/ticker widget apps.
+         */
+        Account.prototype.getZoningApps = function () {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.GetZoningApps,
+            });
+        };
+        /**
+         * @internal
+         * Loads widget assets used in a given zoning asset layout.
+         */
+        Account.prototype.getZoningLayoutAssets = function (assetId) {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.GetZoningLayoutAssets,
+                params: {
+                    assetId: assetId,
+                },
+            });
+        };
+        /**
+         * @internal
+         * Shows modal allowing to pick existing widget or create new.
+         */
+        Account.prototype.acquireZoningWidget = function (zoningAssetId, slotConfig, widgetAppId, usedAssetsIds) {
+            utils_1.validateString(widgetAppId, 'You must provide an widgetAppId parameter');
+            utils_1.validateObject(slotConfig, 'You must provide an slotConfig parameter');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.AcquireZoningWidget,
+                params: {
+                    zoningAssetId: zoningAssetId,
+                    slotConfig: slotConfig,
+                    widgetAppId: widgetAppId,
+                    usedAssetsIds: usedAssetsIds,
+                },
+            });
+        };
+        /**
+         * @internal
+         * Fetches zoning data available after adding/editing a widget.
+         */
+        Account.prototype.editZoningWidget = function (zoningAssetId, slotConfig, widgetAppId, widgetAssetId) {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.EditZoningWidget,
+                params: {
+                    zoningAssetId: zoningAssetId,
+                    slotConfig: slotConfig,
+                    widgetAppId: widgetAppId,
+                    widgetAssetId: widgetAssetId,
+                },
+            });
+        };
+        /**
+         * @internal
+         * Fetches zoning data available after adding/editing a widget.
+         */
+        Account.prototype.getZoningData = function () {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.GetZoningData,
+            });
+        };
+        /**
+         * Loads the list of available fonts for the current app or for specified appId.
+         *
+         * ```typescript title="Loading the list of fonts"
+         * const { fonts } = await enplug.account.getFonts();
+         * console.log('List of available fonts', fonts);
+         * ```
+         *
+         * @param appId - ID of app for which the font list should be fetched. If not provided, the fonts for current app will be loaded.
+         *
+         * @returns Resolves to an object: `{ fonts: FontsApiItem[] }`. See: {@link FontsApiItem}.
+         */
+        Account.prototype.getFonts = function (appId) {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.GetFonts,
+                params: {
+                    appId: appId,
+                },
+            });
+        };
+        /**
+         * Loads available themes for the current app or for specified appId.
+         */
+        Account.prototype.getThemes = function (appId) {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.GetThemes,
+                params: {
+                    appId: appId,
+                },
+            }).then(function (_a) {
+                var themes = _a.themes;
+                return themes;
+            });
+        };
+        /**
+         * Loads theme by id.
+         * @param themeId - An id of a theme
+         */
+        Account.prototype.getTheme = function (id) {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.GetTheme,
+                params: {
+                    id: id,
+                },
+            });
+        };
+        /**
+         * Creates a new theme under the current app instance app definition.
+         * The new theme will be available only under the current user's account.
+         * @returns callId
+         */
+        Account.prototype.editTheme = function (themeDefinition, theme, previewUrl, previewAsset, layout, fonts, feedData) {
+            utils_1.validateObject(themeDefinition, 'You must provide the theme definition (object).');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.EditTheme,
+                params: {
+                    themeDefinition: themeDefinition,
+                    theme: theme,
+                    previewUrl: previewUrl,
+                    previewAsset: previewAsset,
+                    layout: layout,
+                    fonts: fonts,
+                    feedData: feedData,
+                },
+            });
+        };
+        /**
+         * Creates a new theme under the current app definition.
+         * The new theme will be available to all users in the account.
+         */
+        Account.prototype.saveTheme = function (theme) {
+            utils_1.validateObject(theme, 'You must provide the theme (object) to save.');
+            utils_1.validateObject(theme.Value, 'You must provide the theme.Value (object) to save.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.SaveTheme,
+                params: {
+                    theme: theme,
+                },
+            });
+        };
+        /**
+         * Deletes a theme from the current user's account for
+         * the current app definition. Cannot remove default themes.
+         */
+        Account.prototype.deleteTheme = function (themeId) {
+            utils_1.validateString(themeId, 'You must provide the ID (string) of the theme to remove.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.DeleteTheme,
+                params: {
+                    themeId: themeId,
+                },
+            });
+        };
+        /**
+         * Returns flag status on account.
+         */
+        Account.prototype.hasFeatureFlag = function (flagName) {
+            utils_1.validateString(flagName, 'You must provide the flag name (string).');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.HasFeatureFlag,
+                params: {
+                    flagName: flagName,
+                },
+            });
+        };
+        /**
+         * Retrieve all custom display group properties on an account.
+         */
+        Account.prototype.getDisplayGroupCustomProperties = function () {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.GetDisplayGroupCustomProperties,
+            });
+        };
+        /**
+         * Returns account info such as network type and billing
+         */
+        Account.prototype.loadAccount = function (accountId) {
+            utils_1.validateString(accountId, 'You must provide the accountId (string).');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.App,
+                name: internal_types_1.MessageNames.LoadAccount,
+                params: {
+                    accountId: accountId,
+                },
+            });
+        };
+        return Account;
+    }());
+    exports.Account = Account;
 }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
-				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
 
 
 /***/ }),
@@ -549,84 +660,84 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.BridgeBase = void 0;
-    /**
-     * Facilitates communication between the dashboard and app's iframe.
-     */
-    var TAG = "[Dashboard SDK|Bridge]";
-    var BridgeBase = /** @class */ (function () {
-        function BridgeBase(window) {
-            this.pendingCalls = new Map();
-            this.callCount = 0;
-        }
-        BridgeBase.prototype.sendMessage = function (message, persistentCallback) {
-            var _this = this;
-            return new Promise(function (resolve, reject) {
-                // Increment call count and assign call Id
-                message.callId = ++_this.callCount;
-                // Transient requests do not expect a response. In this case we don't store pending call data.
-                if (!message.transient) {
-                    // Persistent messages will resolve multiple times. Therefore they cannot use promises,
-                    // as promises are single-use. For persistent calls, we pass a callback.
-                    if (message.persistent) {
-                        _this.pendingCalls.set(message.callId, { resolve: persistentCallback, reject: persistentCallback, persistent: message.persistent });
-                    }
-                    else {
-                        _this.pendingCalls.set(message.callId, { resolve: resolve, reject: reject, persistent: message.persistent });
-                    }
-                }
-                if (_this.postMessage) {
-                    _this.postMessage(message);
-                }
-            });
-        };
-        /**
-         * Receives and parses a message from the dashboard.
-         * @param {MessageEvent} event An event coming from calling `postMessage` on the App's frame.
-         * @returns {boolean} Whether to allow the event to ne handled by another event handler.
-         */
-        BridgeBase.prototype.receiveMessage = function (event) {
-            if (event && event.type === 'message' && typeof event.data === 'string') {
-                try {
-                    var response = JSON.parse(event.data);
-                    return this.dispatchResponse(response);
-                }
-                catch (e) {
-                    // ignore
-                }
-            }
-        };
-        /**
-         * Decides what to do with an incoming message.
-         * @param {InboundMessage} response A dashboard's response to App's call.
-         * @returns {boolean} Whether to allow the event to ne handled by another event handler.
-         */
-        BridgeBase.prototype.dispatchResponse = function (response) {
-            if (response.callId && typeof response.success === 'boolean') {
-                var _a = this.pendingCalls.get(response.callId), resolve = _a.resolve, reject = _a.reject, persistent = _a.persistent;
-                if (resolve && reject) {
-                    // If the call is not persistent, delete the pending call info from the map.
-                    if (!persistent) {
-                        this.pendingCalls.delete(response.callId);
-                    }
-                    if (response.success) {
-                        resolve(response.data);
-                    }
-                    else {
-                        reject(response.data);
-                    }
-                    return false;
-                }
-            }
-        };
-        return BridgeBase;
-    }());
-    exports.BridgeBase = BridgeBase;
+var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.BridgeBase = void 0;
+    /**
+     * Facilitates communication between the dashboard and app's iframe.
+     */
+    var TAG = '[Dashboard SDK|Bridge]';
+    var BridgeBase = /** @class */ (function () {
+        function BridgeBase(window) {
+            this.pendingCalls = new Map();
+            this.callCount = 0;
+        }
+        BridgeBase.prototype.sendMessage = function (message, persistentCallback) {
+            var _this = this;
+            return new Promise(function (resolve, reject) {
+                // Increment call count and assign call Id
+                message.callId = ++_this.callCount;
+                // Transient requests do not expect a response. In this case we don't store pending call data.
+                if (!message.transient) {
+                    // Persistent messages will resolve multiple times. Therefore they cannot use promises,
+                    // as promises are single-use. For persistent calls, we pass a callback.
+                    if (message.persistent) {
+                        _this.pendingCalls.set(message.callId, { resolve: persistentCallback, reject: persistentCallback, persistent: message.persistent });
+                    }
+                    else {
+                        _this.pendingCalls.set(message.callId, { resolve: resolve, reject: reject, persistent: message.persistent });
+                    }
+                }
+                if (_this.postMessage) {
+                    _this.postMessage(message);
+                }
+            });
+        };
+        /**
+         * Receives and parses a message from the dashboard.
+         * @param event - An event coming from calling `postMessage` on the App's frame.
+         * @returns Whether to allow the event to be handled by another event handler.
+         */
+        BridgeBase.prototype.receiveMessage = function (event) {
+            if (event && event.type === 'message' && typeof event.data === 'string') {
+                try {
+                    var response = JSON.parse(event.data);
+                    return this.dispatchResponse(response);
+                }
+                catch (e) {
+                    // ignore
+                }
+            }
+        };
+        /**
+         * Decides what to do with an incoming message.
+         * @param response - A dashboard's response to App's call.
+         * @returns Whether to allow the event to ne handled by another event handler.
+         */
+        BridgeBase.prototype.dispatchResponse = function (response) {
+            if (response.callId && typeof response.success === 'boolean') {
+                var _a = this.pendingCalls.get(response.callId), resolve = _a.resolve, reject = _a.reject, persistent = _a.persistent;
+                if (resolve && reject) {
+                    // If the call is not persistent, delete the pending call info from the map.
+                    if (!persistent) {
+                        this.pendingCalls.delete(response.callId);
+                    }
+                    if (response.success) {
+                        resolve(response.data);
+                    }
+                    else {
+                        reject(response.data);
+                    }
+                    return false;
+                }
+            }
+        };
+        return BridgeBase;
+    }());
+    exports.BridgeBase = BridgeBase;
 }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
-				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
 
 
 /***/ }),
@@ -638,42 +749,42 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__(/*! ./bridge-base */ "./src/bridge/bridge-base.ts")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, bridge_base_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Bridge = void 0;
-    var TAG = "[Dashboard SDK]";
-    var Bridge = /** @class */ (function (_super) {
-        __extends(Bridge, _super);
-        function Bridge(window) {
-            var _this = _super.call(this, window) || this;
-            _this.window = window;
-            window.addEventListener('message', _this.receiveMessage.bind(_this), false);
-            _this.postMessage = function (msg) { return window.parent.postMessage(JSON.stringify(msg), '*'); };
-            console.log(TAG + " Creating Dashboard SDK");
-            return _this;
-        }
-        Bridge.prototype.setWindowEventHandler = function (eventName, handler) {
-            this.window.addEventListener(eventName, handler);
-        };
-        return Bridge;
-    }(bridge_base_1.BridgeBase));
-    exports.Bridge = Bridge;
+var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__(/*! ./bridge-base */ "./src/bridge/bridge-base.ts")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, bridge_base_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Bridge = void 0;
+    var TAG = '[Dashboard SDK]';
+    var Bridge = /** @class */ (function (_super) {
+        __extends(Bridge, _super);
+        function Bridge(window) {
+            var _this = _super.call(this, window) || this;
+            _this.window = window;
+            window.addEventListener('message', _this.receiveMessage.bind(_this), false);
+            _this.postMessage = function (msg) { return window.parent.postMessage(JSON.stringify(msg), '*'); };
+            console.log(TAG + " Creating Dashboard SDK");
+            return _this;
+        }
+        Bridge.prototype.setWindowEventHandler = function (eventName, handler) {
+            this.window.addEventListener(eventName, handler);
+        };
+        return Bridge;
+    }(bridge_base_1.BridgeBase));
+    exports.Bridge = Bridge;
 }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
-				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
 
 
 /***/ }),
@@ -685,490 +796,636 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;var __extends =
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__(/*! ./utils */ "./src/utils.ts"), __webpack_require__(/*! ./internal-types */ "./src/internal-types.ts")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, utils_1, internal_types_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Dashboard = void 0;
-    var Dashboard = /** @class */ (function () {
-        function Dashboard(bridge) {
-            var _this = this;
-            this.bridge = bridge;
-            /**
-             * The buttons most recently registered with the dashboard header.
-             * Stored locally so that we can respond to click events
-             * @type {Button[]}
-             */
-            this.currentButtons = {};
-            /**
-             * Keeps track of whether the dashboard is loading mode so clients can check.
-             * @type {boolean}
-             */
-            this.isLoadingCache = true;
-            /**
-             * The last callback registered with the dashboard title bar.
-             * @type {DisplaySelectorCallback}
-             */
-            this.currentDisplayCallback = function (displayId) { };
-            this.bridge.setWindowEventHandler('click', function () {
-                _this.click();
-                return true;
-            });
-        }
-        /**
-         * Notifies the parent dashboard of a click in the child iFrame. Used to close
-         * dropdown windows etc which were opened in parent window and are unable to
-         * respond to click events in child iFrame.
-         *
-         * Event handler is automatically bound when the SDK is created.
-         */
-        Dashboard.prototype.click = function () {
-            this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.Click,
-                transient: true,
-            });
-        };
-        /**
-         * Opens a confirm window asking the user to confirm their unsaved changes.
-         * If the user clicks the confirm button, the returned promise is resolved.
-         * Otherwise the error callback is called.
-         */
-        Dashboard.prototype.confirmUnsavedChanges = function () {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.ConfirmUnsavedChanges,
-            });
-        };
-        /**
-         * Shows the error indicator.
-         * Should only be used after a call has been made to .loadingIndicator().
-         * @param {string} message
-         */
-        Dashboard.prototype.errorIndicator = function (message) {
-            utils_1.validateString(message, 'Error indicator requires an error message (string)');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.ErrorIndicator,
-                params: message,
-            });
-        };
-        /**
-         * Synchronously returns the current loading state.
-         * Updated asynchronously when this sender receives an acknowledgement
-         * of successful SDK call from the dashboard.
-         */
-        Dashboard.prototype.isLoading = function () {
-            return this.isLoadingCache;
-        };
-        /**
-         * Turns on the progress indicator, typically used during asynchronous actions.
-         * Note that the progress indicator will continue until a call is made to the
-         * errorIndicator or successIndicator APIs.
-         */
-        Dashboard.prototype.loadingIndicator = function (message) {
-            utils_1.validateString(message, 'Loading indicator requires a loading message (string)');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.LoadingIndicator,
-                params: message,
-            });
-        };
-        /**
-         * Navigates to url.
-         * @param {string} url Url to navigate to.
-         */
-        Dashboard.prototype.navigate = function (url) {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.Navigate,
-                params: {
-                    data: url,
-                },
-            });
-        };
-        /**
-         * @deprecated use `navigateToZoning()`
-         * Navigate back from widget.
-         * @param {string} assetId Id of an asset to which to go back to.
-         */
-        Dashboard.prototype.navigateBack = function (assetId) {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.NavigateBack,
-                params: { assetId: assetId },
-            });
-        };
-        /**
-         * Navigate to given relative dashboard url
-         */
-        Dashboard.prototype.navigateToUrl = function (url) {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.NavigateToUrl,
-                params: { url: url },
-            });
-        };
-        /**
-         * Navigate back to zoning from widget.
-         * assetId is optional, fallback parameter for v1->v2 transition phase
-         */
-        Dashboard.prototype.navigateToZoning = function (assetId) {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.NavigateToZoning,
-                params: { assetId: assetId },
-            });
-        };
-        /**
-         * Opens a confirm window with Yes/No buttons and configurable messages.
-         * If the user clicks the Confirm button, the returned promise is resolved.
-         * Otherwise the promise is rejected.
-         * @param {OpenConfirmOpyions} options Confirm dialog options.
-         */
-        Dashboard.prototype.openConfirm = function (options) {
-            utils_1.validateObject(options, 'Confirm box requires options to be set (object).');
-            if (options) {
-                utils_1.validateString(options.title, 'Confirm box requires options.title to be set (string).');
-                utils_1.validateString(options.text, 'Confirm box requires options.text to be set (string).');
-            }
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.OpenConfirm,
-                params: options,
-            });
-        };
-        /**
-         * Puts the page into error state.
-         */
-        Dashboard.prototype.pageError = function () {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.PageError,
-            });
-        };
-        /**
-         * Controls the loading state for the entire page. Every application starts off in
-         * loading state, and must set pageLoading(false) to notify the dashboard that it
-         * has successfully loaded.
-         *
-         * Use .isLoading() to synchronously check current loading state.
-         * @param {boolean} bool Page loading state
-         */
-        Dashboard.prototype.pageLoading = function (bool) {
-            var _this = this;
-            utils_1.validateBool(bool, 'Page loading status must be a boolean.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.PageLoading,
-                params: bool,
-            }).then(function (loading) {
-                _this.isLoadingCache = loading;
-                return loading;
-            });
-        };
-        /**
-         * Puts the page into 404 state.
-         */
-        Dashboard.prototype.pageNotFound = function () {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.PageNotFound,
-            });
-        };
-        /**
-         * @deprecated use `previewAsset()`
-         * Opens app preview modal.
-         * @param {string} url
-         * @param {Asset<AssetValue>} asset
-         * @param {object} theme
-         * @param {object} layout
-         * @param {object} feedData
-         */
-        Dashboard.prototype.preview = function (url, asset, theme, layout, feedData) {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.Preview,
-                params: {
-                    url: url,
-                    asset: asset,
-                    theme: theme,
-                    layout: layout,
-                    feedData: feedData,
-                },
-            });
-        };
-        /**
-         * Opens app asset preview modal.
-         */
-        Dashboard.prototype.previewAsset = function (request) {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.PreviewAsset,
-                params: __assign({}, request),
-            });
-        };
-        // tslint:disable
-        /**
-         * Get preview params for an app asset for custom preview handling
-         * @param appId
-         * @param asset
-         * @param origin (default: true) - custom origin url, when omitted or falsy, `window.location.origin` will be attached
-         */
-        // tslint:enable
-        Dashboard.prototype.getAssetPreviewData = function (appId, asset, origin) {
-            utils_1.validateString(appId, 'appId must be a string.');
-            utils_1.validateObject(asset, 'asset must be an instance of Asset<any>.');
-            utils_1.validateString(origin, 'origin must be a string.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.GetAssetPreviewData,
-                params: {
-                    appId: appId,
-                    asset: asset,
-                    origin: origin,
-                },
-            });
-        };
-        /**
-         * Sets the current callback for the title bar breadcrumb display selector dropdown.
-         * Attaching a callback enables the dropdown, it is disabled by default.
-         * The title is reset when the dashboard changes routes.
-         *
-         * the callback is fired when a display is selected, the callback will get the ID
-         * value when a single display is fired, or null when the 'All' selection is selected
-         * @param {DisplaySelectorCallback} callback A function to be called every time a user changes current display
-         * with display selector
-         */
-        Dashboard.prototype.setDisplaySelectorCallback = function (callback) {
-            var _this = this;
-            utils_1.validateFunction(callback, 'To enable the display selector in the page title you must supply a callback function.');
-            this.currentDisplayCallback = callback;
-            this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.SetDisplaySelectorCallback,
-                params: callback,
-                persistent: true,
-            }, function (display) {
-                if (typeof _this.currentDisplayCallback === 'function' && display !== undefined) {
-                    _this.currentDisplayCallback(display);
-                }
-                return display;
-            });
-        };
-        /**
-         * Hides or shows the display dropdown selector in the page title breadcrumb bar.
-         * Send true to show the selector, false to hide it.
-         */
-        Dashboard.prototype.setDisplaySelectorVisibility = function (show) {
-            utils_1.validateBool(show, 'Setting the display selector visibility requires a boolean argument, true to show or false to hide.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.SetDisplaySelectorVisibility,
-                params: show,
-            });
-        };
-        /**
-         * Sets the primary action buttons for a page in the titlebar.
-         *
-         * Accepts either a single button object, or an array of buttons.
-         * Each button must have a button.action callback.
-         * @param {Button[]|Button} buttons A button (single or array) to set on a header.
-         */
-        Dashboard.prototype.setHeaderButtons = function (buttons) {
-            var _this = this;
-            if (typeof buttons !== 'object') {
-                throw new Error('Header buttons must be an object (single) or array (multiple).');
-            }
-            // Reset current buttons.
-            this.currentButtons = {};
-            buttons = Array.isArray(buttons) ? buttons : [buttons];
-            for (var _i = 0, buttons_1 = buttons; _i < buttons_1.length; _i++) {
-                var button = buttons_1[_i];
-                utils_1.validateObject(button, 'Header buttons must be objects.');
-                if (button) {
-                    utils_1.validateFunction(button.action, 'Header button must have an action (function).');
-                    // The button ID is used to identify which button was clicked in this service
-                    button.id = 'button-' + (Math.round(Math.random() * (10000 - 1) + 1));
-                    this.currentButtons[button.id] = button;
-                }
-            }
-            this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.SetHeaderButtons,
-                params: buttons,
-                persistent: true,
-            }, function (clicked) {
-                if (clicked) {
-                    var button = _this.currentButtons[clicked.id];
-                    if (button) {
-                        button.action();
-                    }
-                    else {
-                        console.warn('Unrecognized button click:', clicked);
-                    }
-                }
-                return clicked;
-            });
-        };
-        /**
-         * Sets the last part of the title bar breadcrumb.
-         * Set an empty title '' to clear the title.
-         * Re-setting this value wipes out the old one.
-         *
-         * The home/default page for an app should have no title set.
-         * @param {string} title A title to set.
-         */
-        Dashboard.prototype.setHeaderTitle = function (title) {
-            utils_1.validateString(title, 'Header title must be a string.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.SetHeaderTitle,
-                params: title,
-            });
-        };
-        /**
-         * Shows the success indicator.
-         * Should only be used after a call has been made to .loadingIndicator().
-         * @param {string} message A message to show in a success toast.
-         */
-        Dashboard.prototype.successIndicator = function (message) {
-            utils_1.validateString(message, 'Success indicator requires a success message (string)');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.SuccessIndicator,
-                params: message,
-            });
-        };
-        /**
-         * Switches to account view aka "All" selection of instance selector or DisplayGroup view
-         */
-        Dashboard.prototype.switchToView = function (displayGroupId, displayGroupName) {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.SwitchToView,
-                params: {
-                    displayGroupId: displayGroupId,
-                    displayGroupName: displayGroupName,
-                },
-            });
-        };
-        /**
-         * Uses upload interface and Enplug encoding service, returns uploaded object
-         * @param {UploaderOptions} options Filepicker options
-         */
-        Dashboard.prototype.upload = function (options) {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.Upload,
-                params: options,
-            });
-        };
-        /**
-         * Uses connect data interface, returns connection configuration object
-         * @param {ApiDataConnectorOptions} options Api Data Connector configuration options
-         */
-        Dashboard.prototype.connectData = function (options) {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.ConnectData,
-                params: options,
-            });
-        };
-        /**
-         * Creates new assets and begins encoding process
-         */
-        Dashboard.prototype.processAssetResource = function (accountId, appId, assets) {
-            utils_1.validateString(accountId, 'You must provide the accountId (string).');
-            utils_1.validateString(appId, 'You must provide the appId (string).');
-            utils_1.validateArray(assets, 'You must provide the assets (array).');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.ProcessAssetResource,
-                params: {
-                    accountId: accountId,
-                    appId: appId,
-                    assets: assets,
-                },
-            });
-        };
-        /**
-         * Returns current encoding status of an asset
-         * @deprecated legacy FileStack upload flow
-         * @see resourcesEncodingStatus
-         */
-        Dashboard.prototype.encodeStatus = function (url) {
-            utils_1.validateString(url, 'You must provide the url (string).');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.EncodeStatus,
-                params: url,
-            });
-        };
-        /**
-         * Returns current encoding statuses of resources or asset ids
-         * @param byAssetId if true, the provided ids are interpreted as asset ids, otherwise they are resource ids
-         */
-        Dashboard.prototype.resourcesEncodingStatus = function (ids, byAssetId) {
-            if (byAssetId === void 0) { byAssetId = false; }
-            utils_1.validateArray(ids, 'You must provide an array of ids (strings).');
-            utils_1.validateBool(byAssetId, 'You must provide the boolean byAssetId. True to interpret the ids as asset ids, when false as resource ids.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.ResourcesEncodingStatus,
-                params: {
-                    ids: ids,
-                    byAssetId: byAssetId,
-                },
-            });
-        };
-        /**
-         * opens content interval settings dialog for ad-scheduler app
-         */
-        Dashboard.prototype.openContentIntervalSettingsDialog = function (appName, level, levelId) {
-            utils_1.validateString(appName, 'You must provide the appName (string).');
-            utils_1.validateString(level, 'You must provide the level (string).');
-            utils_1.validateString(levelId, 'You must provide the levelId (string).');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.OpenContentIntervalSettingsDialog,
-                params: {
-                    appName: appName,
-                    level: level,
-                    levelId: levelId,
-                },
-            });
-        };
-        /**
-         * Lets dashboard know that the state of user changes in the app changed
-         * @param {boolean} hasUnsavedChanges Whether the app has unsaved changes.
-         */
-        Dashboard.prototype.setAppHasUnsavedChanges = function (hasUnsavedChanges) {
-            utils_1.validateBool(hasUnsavedChanges, 'To report changes to the dashboard you must supply a value.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Dashboard,
-                name: internal_types_1.MessageNames.SetAppHasUnsavedChanges,
-                transient: true,
-                params: {
-                    hasUnsavedChanges: hasUnsavedChanges,
-                },
-            });
-        };
-        return Dashboard;
-    }());
-    exports.Dashboard = Dashboard;
+var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__(/*! ./utils */ "./src/utils.ts"), __webpack_require__(/*! ./internal-types */ "./src/internal-types.ts")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, utils_1, internal_types_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Dashboard = void 0;
+    /**
+     * Dashboard API is a part of the Dashboard SDK. It can be used to present standardized User Interface elements.
+     * Use global `enplug.dashboard` object to access these methods.
+     *
+     * ```typescript title="Example usage of the Dashboard API"
+     * enplug.dashboard.pageLoading(false);
+     * ```
+     *
+     * **Useful commands**
+     *
+     * Header section:
+     * - {@link setHeaderTitle|`enplug.dashboard.setHeaderTitle()`} - sets header title
+     * - {@link setHeaderButtons|`enplug.dashboard.setHeaderButtons()`} - sets header buttons
+     * - {@link setDisplaySelectorCallback|`enplug.dashboard.setDisplaySelectorCallback()`} - sets Display Group selector callback
+     * - {@link setDisplaySelectorVisibility|`enplug.dashboard.setDisplaySelectorVisibility()`} - sets Display Group selector visibility
+     *
+     * Progress indicator:
+     * - {@link pageLoading|`enplug.dashboard.pageLoading()`} - sets the app's loader visibility
+     * - {@link loadingIndicator|`enplug.dashboard.loadingIndicator()`} - shows **Loading** indicator
+     * - {@link successIndicator|`enplug.dashboard.successIndicator()`} - shows **Success** indicator
+     * - {@link errorIndicator|`enplug.dashboard.errorIndicator()`} - shows **Error** indicator
+     *
+     * Dialogs:
+     * - {@link previewAsset|`enplug.dashboard.previewAsset()`} - shows asset preview
+     * - {@link upload|`enplug.dashboard.upload()`} - shows upload dialog
+     * - {@link openConfirm|`enplug.dashboard.openConfirm()`} - shows custom confirmation dialog
+     * - {@link confirmUnsavedChanges|`enplug.dashboard.confirmUnsavedChanges()`} - shows unsaved changes dialog
+     * - {@link setAppHasUnsavedChanges|`enplug.dashboard.setAppHasUnsavedChanges()`} - sets dashboard's navigation guard
+     */
+    var Dashboard = /** @class */ (function () {
+        /** @internal */
+        function Dashboard(bridge) {
+            var _this = this;
+            this.bridge = bridge;
+            /**
+             * The buttons most recently registered with the dashboard header.
+             * Stored locally so that we can respond to click events
+             */
+            this.currentButtons = {};
+            /**
+             * Keeps track of whether the dashboard is loading mode so clients can check.
+             */
+            this.isLoadingCache = true;
+            /**
+             * The last callback registered with the dashboard title bar.
+             */
+            this.currentDisplayCallback = function (displayId) { };
+            this.bridge.setWindowEventHandler('click', function () {
+                _this.click();
+                return true;
+            });
+        }
+        /**
+         * @internal
+         * Notifies the parent dashboard of a click in the child iframe. Used to close
+         * dropdown windows, etc. which were opened in parent window and are unable to
+         * respond to click events in child iframe.
+         *
+         * Event handler is automatically bound when the SDK is created.
+         */
+        Dashboard.prototype.click = function () {
+            this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.Click,
+                transient: true,
+            });
+        };
+        /**
+         * Opens a confirm window asking the user to confirm their unsaved changes.
+         *
+         * ```typescript title="Presenting Unsaved Changes dialog"
+         * try {
+         *   await enplug.dashboard.confirmUnsavedChanges();
+         *   // user confirmed - take action
+         * } catch {
+         *   // user cancelled
+         * }
+         * ```
+         *
+         * ![Unsaved Changes dialog](/img/dashboard-sdk/dashboard/dialog-hasunsavedchanges.png)<br />
+         * *Unsaved Changes dialog*
+         *
+         * @returns Resolves if dialog was confirmed, rejects otherwise.
+         */
+        Dashboard.prototype.confirmUnsavedChanges = function () {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.ConfirmUnsavedChanges,
+            });
+        };
+        /**
+         * Shows the error indicator.
+         *
+         * ```typescript title="Presenting the error indicator"
+         * enplug.dashboard.errorIndicator('Asset could not be removed');
+         * ```
+         *
+         * ![Error indicator](/img/dashboard-sdk/dashboard/progress-error.png)
+         * *Error indicator*
+         *
+         * @param message - A message to show in the error toast.
+         *
+         * @returns Resolves after the error indicator shows up on screen.
+         */
+        Dashboard.prototype.errorIndicator = function (message) {
+            utils_1.validateString(message, 'Error indicator requires an error message (string)');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.ErrorIndicator,
+                params: message,
+            });
+        };
+        /**
+         * Synchronously returns the current loading state.
+         * Updated asynchronously when this sender receives an acknowledgement
+         * of successful SDK call from the dashboard.
+         *
+         * @see {@link pageLoading} to update the page loading state.
+         *
+         * @returns Current page loading state.
+         */
+        Dashboard.prototype.isLoading = function () {
+            return this.isLoadingCache;
+        };
+        /**
+         * Turns on the progress indicator, typically used during asynchronous actions.
+         *
+         * :::note
+         * Note that the progress indicator will continue until a call is made to the
+         * {@link errorIndicator} or {@link successIndicator} APIs.
+         * :::
+         *
+         * ```typescript title="Presenting the loading indicator"
+         * enplug.dashboard.loadingIndicator('Removing asset');
+         * ```
+         *
+         * ![Loading indicator](/img/dashboard-sdk/dashboard/progress-loading.png)
+         * *Loading indicator*
+         *
+         * @param message - A message to show in the loading toast.
+         *
+         * @returns Resolves after the loading indicator shows up on screen.
+         */
+        Dashboard.prototype.loadingIndicator = function (message) {
+            utils_1.validateString(message, 'Loading indicator requires a loading message (string)');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.LoadingIndicator,
+                params: message,
+            });
+        };
+        /**
+         * Navigate to given relative dashboard URL.
+         */
+        Dashboard.prototype.navigateToUrl = function (url) {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.NavigateToUrl,
+                params: { url: url },
+            });
+        };
+        /**
+         * Navigate back to zoning from widget.
+         * @param assetId - optional, fallback parameter for v1-\>v2 transition phase
+         */
+        Dashboard.prototype.navigateToZoning = function (assetId) {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.NavigateToZoning,
+                params: { assetId: assetId },
+            });
+        };
+        /**
+         * Opens a confirm window with Yes/No buttons and configurable messages.
+         *
+         * ```typescript title="Presenting confirmation dialog"
+         * try {
+         *   await enplug.dashboard.openConfirm({
+         *     title: 'Delete asset?',
+         *     text: 'Are you sure you want to delete this asset? This action cannot be undone.',
+         *     cancelText: 'Cancel',
+         *     confirmText: 'Delete',
+         *     confirmClass: 'btn-danger'
+         *   });
+         *
+         *   // remove the asset
+         * } catch {
+         *   // user cancelled
+         * }
+         * ```
+         *
+         * ![Confirm dialog](/img/dashboard-sdk/dashboard/dialog-confirm.png)<br />
+         * *Confirm dialog*
+         *
+         * @param options - Confirm dialog options.
+         *
+         * @returns Resolves if Confirm button was clicked, rejects otherwise.
+         */
+        Dashboard.prototype.openConfirm = function (options) {
+            utils_1.validateObject(options, 'Confirm box requires options to be set (object).');
+            if (options) {
+                utils_1.validateString(options.title, 'Confirm box requires options.title to be set (string).');
+                utils_1.validateString(options.text, 'Confirm box requires options.text to be set (string).');
+            }
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.OpenConfirm,
+                params: options,
+            });
+        };
+        /**
+         * Puts the page into error state.
+         *
+         * ![Page error](/img/dashboard-sdk/dashboard/page-error.png)<br />
+         * *Page error*
+         *
+         * @returns Resolves after the Dashboard shows the page error.
+         */
+        Dashboard.prototype.pageError = function () {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.PageError,
+            });
+        };
+        /**
+         * Controls the loading state for the entire page. Every application starts off in
+         * loading state, and must set `pageLoading(false)` to notify the dashboard that it
+         * has successfully loaded.
+         *
+         * ```typescript title="Turning off the loading spinner after app has started"
+         * enplug.dashboard.pageLoading(false);
+         * ```
+         *
+         * ![Page Loading spinner](/img/dashboard-sdk/dashboard/pageloading-spinner.png)<br />
+         * *Page Loading spinner*
+         *
+         * @param isLoading - Page loading state:<br />
+         * `false` - hides the loader and shows the app,<br />
+         * `true` - shows the loader and hides the app.
+         *
+         * @returns Resolves after the loading state has been updated by the Dashboard.
+         */
+        Dashboard.prototype.pageLoading = function (isLoading) {
+            var _this = this;
+            utils_1.validateBool(isLoading, 'Page loading status must be a boolean.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.PageLoading,
+                params: isLoading,
+            }).then(function (loading) {
+                _this.isLoadingCache = loading;
+                return loading;
+            });
+        };
+        /**
+         * Puts the page into not found (404) state.
+         *
+         * ![Page not available](/img/dashboard-sdk/dashboard/page-404.png)<br />
+         * *Page not available*
+         *
+         * @returns Resolves when after the Dashboard shows the page not found error.
+         */
+        Dashboard.prototype.pageNotFound = function () {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.PageNotFound,
+            });
+        };
+        /**
+         * @deprecated use {@link previewAsset}
+         *
+         * Opens app preview modal.
+         */
+        Dashboard.prototype.preview = function (url, asset, theme, layout, feedData) {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.Preview,
+                params: {
+                    url: url,
+                    asset: asset,
+                    theme: theme,
+                    layout: layout,
+                    feedData: feedData,
+                },
+            });
+        };
+        /**
+         * Opens asset preview modal.
+         *
+         * ![Asset preview modal](/img/dashboard-sdk/dashboard/previewAsset.png)<br />
+         * *Asset preview modal*
+         *
+         * ```typescript title="Previewing an asset"
+         * function showPreview(asset: Asset<AssetModel>) {
+         *   enplug.dashboard.previewAsset({ asset });
+         * }
+         * ```
+         *
+         * The above code opens the preview dialog with provided data.
+         * This method allows many preview customizations, see {@link AssetPreviewRequest}.
+         *
+         * :::note
+         * The app inside of the preview modal is presented in an iframe and the app is provided with basic SDK functionalities
+         * needed to display the asset only. The app's Player URL from app's definition will be used.
+         * The app is not run in a WebPlayer environment, so the behavior might be different.
+         * Most SDK calls will have no effect.
+         * :::
+         *
+         * @param TAssetValue - Model of asset's value
+         * @param TThemeValue - Model of theme's value (optional)
+         * @param TFeedType - Model of the feed (used for social apps)
+         *
+         * @returns Resolves after the preview modal gets closed.
+         */
+        Dashboard.prototype.previewAsset = function (request) {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.PreviewAsset,
+                params: __assign({}, request),
+            });
+        };
+        /**
+         * @internal
+         * Get preview parameters for an app asset for custom preview handling.
+         * @param origin - (default: true) - custom origin url, when omitted or falsy, `window.location.origin` will be attached
+         */
+        Dashboard.prototype.getAssetPreviewData = function (appId, asset, origin) {
+            utils_1.validateString(appId, 'appId must be a string.');
+            utils_1.validateObject(asset, 'asset must be an instance of Asset<any>.');
+            utils_1.validateString(origin, 'origin must be a string.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.GetAssetPreviewData,
+                params: {
+                    appId: appId,
+                    asset: asset,
+                    origin: origin,
+                },
+            });
+        };
+        /**
+         * Sets the current callback for the title bar breadcrumb Display Group selector dropdown.
+         * Attaching a callback enables the dropdown and resets the title.
+         *
+         * The callback is fired when a Display Group is selected from the dropdown, the callback will get the ID
+         * value when a single display is fired, or null when the whole 'Library' selection.
+         *
+         * ```typescript title="Setting up the Display Group selector"
+         * enplug.dashboard.setDisplaySelectorCallback(async () => {
+         *   // update your asset list using enplug.account.getAssets() which will return
+         *   // the assets assigned to the selected Display Group only
+         *   yourAssetList = await enplug.account.getAssets();
+         * });
+         * ```
+         *
+         * ![Display Group selector dropdown](/img/dashboard-sdk/dashboard/display-group-selector-dropdown.png)<br />
+         * *Display Group selector dropdown*
+         *
+         * @param callback - A function to be called every time a user changes current Display Group
+         * with the dropdown selector. The callback should reload the asset list to get the filtered version.
+         *
+         * @returns Promise which resolves after the command gets executed by the Dashboard.
+         */
+        Dashboard.prototype.setDisplaySelectorCallback = function (callback) {
+            var _this = this;
+            utils_1.validateFunction(callback, 'To enable the display selector in the page title you must supply a callback function.');
+            this.currentDisplayCallback = callback;
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.SetDisplaySelectorCallback,
+                params: callback,
+                persistent: true,
+            }, function (display) {
+                if (typeof _this.currentDisplayCallback === 'function' && display !== undefined) {
+                    _this.currentDisplayCallback(display);
+                }
+                return display;
+            });
+        };
+        /**
+         * Hides or shows the Display Group dropdown selector in the page title breadcrumb bar.
+         * Send true to show the selector, false to hide it.
+         *
+         * The Display Group selector dropdown can be used to filter assets currently deployed to a specific Display Group.
+         * You can view all the saved assets by account for your app by selecting the 'Library' view from the dropdown on the upper left.
+         *
+         * ![Display Group selector dropdown](/img/dashboard-sdk/dashboard/display-group-selector-dropdown.png)
+         * *Display Group selector dropdown*
+         *
+         * @returns Promise which resolves after the command gets executed by the Dashboard.
+         */
+        Dashboard.prototype.setDisplaySelectorVisibility = function (show) {
+            utils_1.validateBool(show, 'Setting the display selector visibility requires a boolean argument, true to show or false to hide.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.SetDisplaySelectorVisibility,
+                params: show,
+            });
+        };
+        /**
+         * Sets the action buttons for a page in the titlebar.
+         *
+         * Accepts either a single button object, or an array of buttons.
+         * Each button must have a button.action callback.
+         *
+         * ```typescript title="Updating the buttons"
+         * function updateButtons(hasUnsavedChanges: boolean) {
+         *   enplug.dashboard.setHeaderButtons([{
+         *     text: 'My Signs',
+         *     action: () => { \/* your code to navigate back to the Asset list *\/ },
+         *     class: 'btn-default'
+         *   }, {
+         *     text: 'Save',
+         *     action: () => { \/* your code saving the asset *\/ },
+         *     class: 'btn-primary',
+         *     disabled: !hasUnsavedChanges // this will disable the button if there are no unsaved changes
+         *   }]);
+         * }
+         * ```
+         *
+         * ![Header buttons](/img/dashboard-sdk/dashboard/header-buttons.png)<br />
+         * *Header buttons*
+         *
+         * @param buttons - A button (single or array) to set on a header.
+         *
+         * @returns Resolves after the buttons get updated.
+         */
+        Dashboard.prototype.setHeaderButtons = function (buttons) {
+            var _this = this;
+            if (typeof buttons !== 'object') {
+                throw new Error('Header buttons must be an object (single) or array (multiple).');
+            }
+            // Reset current buttons.
+            this.currentButtons = {};
+            buttons = Array.isArray(buttons) ? buttons : [buttons];
+            for (var _i = 0, buttons_1 = buttons; _i < buttons_1.length; _i++) {
+                var button = buttons_1[_i];
+                utils_1.validateObject(button, 'Header buttons must be objects.');
+                if (button) {
+                    utils_1.validateFunction(button.action, 'Header button must have an action (function).');
+                    // The button ID is used to identify which button was clicked in this service
+                    button.id = 'button-' + (Math.round(Math.random() * (10000 - 1) + 1));
+                    this.currentButtons[button.id] = button;
+                }
+            }
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.SetHeaderButtons,
+                params: buttons,
+                persistent: true,
+            }, function (clicked) {
+                if (clicked) {
+                    var button = _this.currentButtons[clicked.id];
+                    if (button) {
+                        button.action();
+                    }
+                    else {
+                        console.warn('Unrecognized button click:', clicked);
+                    }
+                }
+                return clicked;
+            });
+        };
+        /**
+         * Sets the last part of the title bar breadcrumb.
+         * Set an empty title '' to clear the title.
+         * Re-setting this value wipes out the old one.
+         *
+         * The home/default page for an app should have no title set.
+         *
+         * ```typescript title="Updating header's title"
+         * enplug.dashboard.setHeaderTitle('Setup');
+         * ```
+         *
+         * ![Header title](/img/dashboard-sdk/dashboard/header-title.png)
+         * *Header title section*
+         *
+         * @param title - A title to set.
+         *
+         * @returns Resolves after the title has been modified.
+         */
+        Dashboard.prototype.setHeaderTitle = function (title) {
+            utils_1.validateString(title, 'Header title must be a string.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.SetHeaderTitle,
+                params: title,
+            });
+        };
+        /**
+         * Shows the success indicator.
+         *
+         * ```typescript title="Presenting the success indicator"
+         * enplug.dashboard.successIndicator('Asset removed');
+         * ```
+         *
+         * ![Success indicator](/img/dashboard-sdk/dashboard/progress-success.png)
+         * *Success indicator*
+         *
+         * @param message - A message to show in the success toast.
+         *
+         * @returns Resolves after the success indicator shows up on screen.
+         */
+        Dashboard.prototype.successIndicator = function (message) {
+            utils_1.validateString(message, 'Success indicator requires a success message (string)');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.SuccessIndicator,
+                params: message,
+            });
+        };
+        /**
+         * Switches to account view "Library"/All selection of instance selector or Display Group view.
+         */
+        Dashboard.prototype.switchToView = function (displayGroupId, displayGroupName) {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.SwitchToView,
+                params: {
+                    displayGroupId: displayGroupId,
+                    displayGroupName: displayGroupName,
+                },
+            });
+        };
+        /**
+         * Uses upload interface and Enplug encoding service, returns uploaded object
+         * @param options - Filepicker options
+         */
+        Dashboard.prototype.upload = function (options) {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.Upload,
+                params: options,
+            });
+        };
+        /**
+         * Uses connect data interface, returns connection configuration object.
+         * @param options - API Data Connector configuration options.
+         */
+        Dashboard.prototype.connectData = function (options) {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.ConnectData,
+                params: options,
+            });
+        };
+        /**
+         * @internal
+         * Returns current encoding status of an asset.
+         * @deprecated legacy FileStack upload flow
+         * @see resourcesEncodingStatus
+         */
+        Dashboard.prototype.encodeStatus = function (url) {
+            utils_1.validateString(url, 'You must provide the url (string).');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.EncodeStatus,
+                params: url,
+            });
+        };
+        /**
+         * Returns current encoding statuses of resources or asset IDs.
+         * @param byAssetId - If `true`, the provided IDs are interpreted as asset IDs, otherwise they are resource IDs.
+         */
+        Dashboard.prototype.resourcesEncodingStatus = function (ids, byAssetId) {
+            if (byAssetId === void 0) { byAssetId = false; }
+            utils_1.validateArray(ids, 'You must provide an array of ids (strings).');
+            utils_1.validateBool(byAssetId, 'You must provide the boolean byAssetId. True to interpret the ids as asset ids, when false as resource ids.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.ResourcesEncodingStatus,
+                params: {
+                    ids: ids,
+                    byAssetId: byAssetId,
+                },
+            });
+        };
+        /**
+         * Opens content interval settings dialog for Ad Scheduler app.
+         */
+        Dashboard.prototype.openContentIntervalSettingsDialog = function (appName, level, levelId) {
+            utils_1.validateString(appName, 'You must provide the appName (string).');
+            utils_1.validateString(level, 'You must provide the level (string).');
+            utils_1.validateString(levelId, 'You must provide the levelId (string).');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.OpenContentIntervalSettingsDialog,
+                params: {
+                    appName: appName,
+                    level: level,
+                    levelId: levelId,
+                },
+            });
+        };
+        /**
+         * Lets dashboard know that the state of user changes in the app changed.
+         *
+         * @param hasUnsavedChanges - Whether the app has unsaved changes.
+         */
+        Dashboard.prototype.setAppHasUnsavedChanges = function (hasUnsavedChanges) {
+            utils_1.validateBool(hasUnsavedChanges, 'To report changes to the dashboard you must supply a value.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Dashboard,
+                name: internal_types_1.MessageNames.SetAppHasUnsavedChanges,
+                transient: true,
+                params: {
+                    hasUnsavedChanges: hasUnsavedChanges,
+                },
+            });
+        };
+        return Dashboard;
+    }());
+    exports.Dashboard = Dashboard;
 }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
-				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
 
 
 /***/ }),
@@ -1180,22 +1437,22 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;var __assign = (
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__(/*! ./account */ "./src/account.ts"), __webpack_require__(/*! ./bridge/bridge */ "./src/bridge/bridge.ts"), __webpack_require__(/*! ./dashboard */ "./src/dashboard.ts"), __webpack_require__(/*! ./social */ "./src/social.ts")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, account_1, bridge_1, dashboard_1, social_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    function createDashboardSDK() {
-        var bridge = new bridge_1.Bridge(window);
-        var sdk = {
-            account: new account_1.Account(bridge),
-            dashboard: new dashboard_1.Dashboard(bridge),
-            social: new social_1.Social(bridge),
-        };
-        window.enplug = sdk;
-        return sdk;
-    }
-    exports.default = createDashboardSDK();
+var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__(/*! ./account */ "./src/account.ts"), __webpack_require__(/*! ./bridge/bridge */ "./src/bridge/bridge.ts"), __webpack_require__(/*! ./dashboard */ "./src/dashboard.ts"), __webpack_require__(/*! ./social */ "./src/social.ts")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, account_1, bridge_1, dashboard_1, social_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    function createDashboardSDK() {
+        var bridge = new bridge_1.Bridge(window);
+        var sdk = {
+            account: new account_1.Account(bridge),
+            dashboard: new dashboard_1.Dashboard(bridge),
+            social: new social_1.Social(bridge),
+        };
+        window.enplug = sdk;
+        return sdk;
+    }
+    exports.default = createDashboardSDK();
 }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
-				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
 
 
 /***/ }),
@@ -1207,105 +1464,103 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.MessageNames = exports.MessageNamespaces = void 0;
-    var MessageNamespaces;
-    (function (MessageNamespaces) {
-        MessageNamespaces["App"] = "app";
-        MessageNamespaces["Social"] = "social";
-        MessageNamespaces["Dashboard"] = "dashboard";
-    })(MessageNamespaces = exports.MessageNamespaces || (exports.MessageNamespaces = {}));
-    var MessageNames;
-    (function (MessageNames) {
-        MessageNames["GetAccount"] = "app.getAccount";
-        MessageNames["GetUser"] = "app.getUser";
-        MessageNames["GetDisplayGroups"] = "app.getDisplays";
-        MessageNames["GetSelectedDisplayId"] = "app.getSelectedDisplayId";
-        MessageNames["GetAssets"] = "app.getAssets";
-        MessageNames["GetAssetsByIds"] = "app.getAssetsByIds";
-        MessageNames["GetAssetsForApp"] = "app.getAssetsForApp";
-        MessageNames["GetAssetRevision"] = "app.getAssetRevision";
-        MessageNames["BulkCreateAssets"] = "app.bulkCreateAssets";
-        MessageNames["BulkDeployAssets"] = "app.bulkDeployAssets";
-        MessageNames["SaveAsset"] = "app.saveAsset";
-        MessageNames["UpdateAssetOrder"] = "app.updateAssetOrder";
-        MessageNames["DeleteAsset"] = "app.deleteAsset";
-        MessageNames["TouchAsset"] = "app.touchAsset";
-        MessageNames["GetAssetNeedsApproval"] = "app.getAssetNeedsApproval";
-        MessageNames["GetDefaultAssets"] = "app.getDefaultAssets";
-        MessageNames["GetZoningApps"] = "app.getZoningApps";
-        MessageNames["AcquireZoningWidget"] = "app.acquireZoningWidget";
-        MessageNames["GetZoningData"] = "app.getZoningData";
-        MessageNames["EditZoningWidget"] = "app.editZoningWidget";
-        MessageNames["GetZoningLayoutAssets"] = "app.getZoningLayoutAssets";
-        MessageNames["GetFonts"] = "app.getFonts";
-        MessageNames["GetThemes"] = "app.getThemes";
-        MessageNames["GetTheme"] = "app.getTheme";
-        MessageNames["EditTheme"] = "app.editTheme";
-        MessageNames["SaveTheme"] = "app.saveTheme";
-        MessageNames["DeleteTheme"] = "app.deleteTheme";
-        MessageNames["HasFeatureFlag"] = "app.hasFeatureFlag";
-        MessageNames["GetDisplayGroupCustomProperties"] = "app.getDisplayGroupCustomProperties";
-        MessageNames["AppUrlChanged"] = "app.appUrlChanged";
-        MessageNames["Click"] = "dashboard.click";
-        MessageNames["ConfirmUnsavedChanges"] = "dashboard.unsavedChanges";
-        MessageNames["ErrorIndicator"] = "dashboard.indicator.error";
-        MessageNames["LoadingIndicator"] = "dashboard.indicator.loading";
-        MessageNames["Navigate"] = "dashboard.navigate";
-        MessageNames["NavigateBack"] = "dashboard.navigateBack";
-        MessageNames["NavigateToZoning"] = "dashboard.navigateToZoning";
-        MessageNames["NavigateToUrl"] = "dashboard.navigateToUrl";
-        MessageNames["OpenConfirm"] = "dashboard.confirm";
-        MessageNames["PageError"] = "dashboard.page.error";
-        MessageNames["PageLoading"] = "dashboard.page.loading";
-        MessageNames["PageNotFound"] = "dashboard.page.notFound";
-        MessageNames["Preview"] = "dashboard.preview";
-        MessageNames["GetAssetPreviewData"] = "dashboard.getAssetPreviewData";
-        MessageNames["PreviewAsset"] = "dashboard.previewAsset";
-        MessageNames["SetDisplaySelectorCallback"] = "dashboard.set.selectorCallback";
-        MessageNames["SetDisplaySelectorVisibility"] = "dashboard.set.selectorEnabled";
-        MessageNames["SetHeaderButtons"] = "dashboard.set.buttons";
-        MessageNames["SetHeaderTitle"] = "dashboard.set.title";
-        MessageNames["SuccessIndicator"] = "dashboard.indicator.success";
-        MessageNames["SwitchToView"] = "dashboard.switchToView";
-        MessageNames["Upload"] = "dashboard.upload";
-        MessageNames["ConnectData"] = "dashboard.connectData";
-        MessageNames["EditDataConnection"] = "dashboard.editDataConnection";
-        MessageNames["ProcessAssetResource"] = "dashboard.processAssetResource";
-        MessageNames["EncodeStatus"] = "dashboard.encodeStatus";
-        MessageNames["ResourcesEncodingStatus"] = "dashboard.resourcesEncodingStatus";
-        MessageNames["OpenContentIntervalSettingsDialog"] = "dashboard.openContentIntervalSettingsDialog";
-        MessageNames["SetAppHasUnsavedChanges"] = "dashboard.appHasUnsavedChanges";
-        MessageNames["ClearQueryString"] = "social.clearQueryString";
-        MessageNames["AuthInstagram"] = "social.authInstagram";
-        MessageNames["AuthSlack"] = "social.authSlack";
-        MessageNames["AuthenticateSlack"] = "social.authenticateSlack";
-        MessageNames["AuthenticateTeamsUser"] = "social.authenticateTeamsUser";
-        MessageNames["AuthenticateTeamsAdmin"] = "social.authenticateTeamsAdmin";
-        MessageNames["GetInstagramAccounts"] = "social.getInstagramAccounts";
-        MessageNames["TwitterSubscriptionStatus"] = "social.twitterSubscriptionStatus";
-        MessageNames["LookupTwitterId"] = "social.lookupTwitterId";
-        MessageNames["GetSlackTeams"] = "social.getSlackTeams";
-        MessageNames["GetSlackChannels"] = "social.getSlackChannels";
-        MessageNames["GetTeamsChannels"] = "social.getTeamsChannels";
-        MessageNames["AddFacebookPage"] = "social.addFacebookPage";
-        MessageNames["GetFeeds"] = "social.getFeeds";
-        MessageNames["SaveFeed"] = "social.saveFeed";
-        MessageNames["DeleteFeed"] = "social.deleteFeed";
-        MessageNames["OpenPreapprovalDialog"] = "social.openPreapprovalDialog";
-        MessageNames["LoadAllItems"] = "social.loadAllItems";
-        MessageNames["ApproveItem"] = "social.approveItem";
-        MessageNames["RemoveItem"] = "social.removeItem";
-        MessageNames["FavoriteItem"] = "social.favoriteItem";
-        MessageNames["UnfavoriteItem"] = "social.unfavoriteItem";
-        MessageNames["BanItem"] = "social.banItem";
-        MessageNames["LoadBlacklist"] = "social.loadBlacklist";
-        MessageNames["UnbanUser"] = "social.unbanUser";
-    })(MessageNames = exports.MessageNames || (exports.MessageNames = {}));
+var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.MessageNames = exports.MessageNamespaces = void 0;
+    var MessageNamespaces;
+    (function (MessageNamespaces) {
+        MessageNamespaces["App"] = "app";
+        MessageNamespaces["Social"] = "social";
+        MessageNamespaces["Dashboard"] = "dashboard";
+    })(MessageNamespaces = exports.MessageNamespaces || (exports.MessageNamespaces = {}));
+    var MessageNames;
+    (function (MessageNames) {
+        MessageNames["GetAccount"] = "app.getAccount";
+        MessageNames["GetUser"] = "app.getUser";
+        MessageNames["GetDisplayGroups"] = "app.getDisplays";
+        MessageNames["GetSelectedDisplayId"] = "app.getSelectedDisplayId";
+        MessageNames["GetAssets"] = "app.getAssets";
+        MessageNames["GetAssetsByIds"] = "app.getAssetsByIds";
+        MessageNames["GetAssetsForApp"] = "app.getAssetsForApp";
+        MessageNames["GetAssetRevision"] = "app.getAssetRevision";
+        MessageNames["BulkCreateAssets"] = "app.bulkCreateAssets";
+        MessageNames["BulkDeployAssets"] = "app.bulkDeployAssets";
+        MessageNames["SaveAsset"] = "app.saveAsset";
+        MessageNames["UpdateAssetOrder"] = "app.updateAssetOrder";
+        MessageNames["DeleteAsset"] = "app.deleteAsset";
+        MessageNames["TouchAsset"] = "app.touchAsset";
+        MessageNames["GetAssetNeedsApproval"] = "app.getAssetNeedsApproval";
+        MessageNames["GetDefaultAssets"] = "app.getDefaultAssets";
+        MessageNames["GetZoningApps"] = "app.getZoningApps";
+        MessageNames["AcquireZoningWidget"] = "app.acquireZoningWidget";
+        MessageNames["GetZoningData"] = "app.getZoningData";
+        MessageNames["EditZoningWidget"] = "app.editZoningWidget";
+        MessageNames["GetZoningLayoutAssets"] = "app.getZoningLayoutAssets";
+        MessageNames["GetFonts"] = "app.getFonts";
+        MessageNames["GetThemes"] = "app.getThemes";
+        MessageNames["GetTheme"] = "app.getTheme";
+        MessageNames["EditTheme"] = "app.editTheme";
+        MessageNames["SaveTheme"] = "app.saveTheme";
+        MessageNames["DeleteTheme"] = "app.deleteTheme";
+        MessageNames["HasFeatureFlag"] = "app.hasFeatureFlag";
+        MessageNames["GetDisplayGroupCustomProperties"] = "app.getDisplayGroupCustomProperties";
+        MessageNames["AppUrlChanged"] = "app.appUrlChanged";
+        MessageNames["Click"] = "dashboard.click";
+        MessageNames["ConfirmUnsavedChanges"] = "dashboard.unsavedChanges";
+        MessageNames["ErrorIndicator"] = "dashboard.indicator.error";
+        MessageNames["LoadingIndicator"] = "dashboard.indicator.loading";
+        MessageNames["NavigateToZoning"] = "dashboard.navigateToZoning";
+        MessageNames["NavigateToUrl"] = "dashboard.navigateToUrl";
+        MessageNames["OpenConfirm"] = "dashboard.confirm";
+        MessageNames["PageError"] = "dashboard.page.error";
+        MessageNames["PageLoading"] = "dashboard.page.loading";
+        MessageNames["PageNotFound"] = "dashboard.page.notFound";
+        MessageNames["Preview"] = "dashboard.preview";
+        MessageNames["GetAssetPreviewData"] = "dashboard.getAssetPreviewData";
+        MessageNames["PreviewAsset"] = "dashboard.previewAsset";
+        MessageNames["SetDisplaySelectorCallback"] = "dashboard.set.selectorCallback";
+        MessageNames["SetDisplaySelectorVisibility"] = "dashboard.set.selectorEnabled";
+        MessageNames["SetHeaderButtons"] = "dashboard.set.buttons";
+        MessageNames["SetHeaderTitle"] = "dashboard.set.title";
+        MessageNames["SuccessIndicator"] = "dashboard.indicator.success";
+        MessageNames["SwitchToView"] = "dashboard.switchToView";
+        MessageNames["Upload"] = "dashboard.upload";
+        MessageNames["ConnectData"] = "dashboard.connectData";
+        MessageNames["EditDataConnection"] = "dashboard.editDataConnection";
+        MessageNames["EncodeStatus"] = "dashboard.encodeStatus";
+        MessageNames["ResourcesEncodingStatus"] = "dashboard.resourcesEncodingStatus";
+        MessageNames["OpenContentIntervalSettingsDialog"] = "dashboard.openContentIntervalSettingsDialog";
+        MessageNames["SetAppHasUnsavedChanges"] = "dashboard.appHasUnsavedChanges";
+        MessageNames["ClearQueryString"] = "social.clearQueryString";
+        MessageNames["AuthInstagram"] = "social.authInstagram";
+        MessageNames["AuthSlack"] = "social.authSlack";
+        MessageNames["AuthenticateSlack"] = "social.authenticateSlack";
+        MessageNames["AuthenticateTeamsUser"] = "social.authenticateTeamsUser";
+        MessageNames["AuthenticateTeamsAdmin"] = "social.authenticateTeamsAdmin";
+        MessageNames["GetInstagramAccounts"] = "social.getInstagramAccounts";
+        MessageNames["TwitterSubscriptionStatus"] = "social.twitterSubscriptionStatus";
+        MessageNames["LookupTwitterId"] = "social.lookupTwitterId";
+        MessageNames["GetSlackTeams"] = "social.getSlackTeams";
+        MessageNames["GetSlackChannels"] = "social.getSlackChannels";
+        MessageNames["GetTeamsChannels"] = "social.getTeamsChannels";
+        MessageNames["AddFacebookPage"] = "social.addFacebookPage";
+        MessageNames["GetFeeds"] = "social.getFeeds";
+        MessageNames["SaveFeed"] = "social.saveFeed";
+        MessageNames["DeleteFeed"] = "social.deleteFeed";
+        MessageNames["OpenPreapprovalDialog"] = "social.openPreapprovalDialog";
+        MessageNames["LoadAllItems"] = "social.loadAllItems";
+        MessageNames["ApproveItem"] = "social.approveItem";
+        MessageNames["RemoveItem"] = "social.removeItem";
+        MessageNames["FavoriteItem"] = "social.favoriteItem";
+        MessageNames["UnfavoriteItem"] = "social.unfavoriteItem";
+        MessageNames["BanItem"] = "social.banItem";
+        MessageNames["LoadBlacklist"] = "social.loadBlacklist";
+        MessageNames["UnbanUser"] = "social.unbanUser";
+        MessageNames["LoadAccount"] = "app.loadAccount";
+    })(MessageNames = exports.MessageNames || (exports.MessageNames = {}));
 }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
-				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
 
 
 /***/ }),
@@ -1317,284 +1572,289 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__(/*! ./internal-types */ "./src/internal-types.ts"), __webpack_require__(/*! ./utils */ "./src/utils.ts")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, internal_types_1, utils_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.Social = void 0;
-    var Social = /** @class */ (function () {
-        function Social(bridge) {
-            this.bridge = bridge;
-        }
-        Social.prototype.clearQueryString = function () {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.ClearQueryString,
-            });
-        };
-        Social.prototype.authInstagram = function (accessToken) {
-            utils_1.validateString(accessToken, 'No authCode provided.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.AuthInstagram,
-                params: {
-                    accessToken: accessToken,
-                },
-            });
-        };
-        /* OBSOLETE. REMOVE AFTER 2020 */
-        Social.prototype.authSlack = function (verificationCode, redirectUrl) {
-            utils_1.validateString(verificationCode, 'No Slack auth token provided');
-            utils_1.validateString(redirectUrl, 'No redirect url provided');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.AuthSlack,
-                params: {
-                    verificationCode: verificationCode,
-                    redirectUrl: redirectUrl,
-                },
-            });
-        };
-        Social.prototype.authenticateSlack = function (verificationCode, redirectUrl) {
-            utils_1.validateString(verificationCode, 'No Slack auth token provided');
-            utils_1.validateString(redirectUrl, 'No redirect url provided');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.AuthenticateSlack,
-                params: {
-                    verificationCode: verificationCode,
-                    redirectUrl: redirectUrl,
-                },
-            });
-        };
-        Social.prototype.authenticateTeamsUser = function (verificationCode, redirectUrl) {
-            utils_1.validateString(verificationCode, 'No Teams User auth token provided');
-            utils_1.validateString(redirectUrl, 'No redirect url provided');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.AuthenticateTeamsUser,
-                params: {
-                    verificationCode: verificationCode,
-                    redirectUrl: redirectUrl,
-                },
-            });
-        };
-        /**
-         * Saves Teams Admin token to backend.
-         * @param tenantId A user id returned from MS Teams after authenticating.
-         */
-        Social.prototype.authenticateTeamsAdmin = function (tenantId) {
-            utils_1.validateString(tenantId, 'No Teams Admin auth token provided');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.AuthenticateTeamsAdmin,
-                params: {
-                    tenantId: tenantId,
-                },
-            });
-        };
-        Social.prototype.getInstagramAccounts = function (userId) {
-            utils_1.validateString(userId, 'No Facebook User Id provided');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.GetInstagramAccounts,
-                params: {
-                    userId: userId,
-                },
-            });
-        };
-        Social.prototype.lookupTwitterId = function (username) {
-            utils_1.validateString(username, 'No username provided');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.LookupTwitterId,
-                params: username,
-            });
-        };
-        Social.prototype.twitterSubscriptionStatus = function () {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.TwitterSubscriptionStatus,
-            });
-        };
-        Social.prototype.getSlackTeams = function () {
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.GetSlackTeams,
-            });
-        };
-        Social.prototype.getSlackChannels = function (teamId) {
-            utils_1.validateString(teamId, 'No teamId provided');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.GetSlackChannels,
-                params: teamId,
-            });
-        };
-        /**
-         * Returns Channels available for a given user id
-         * @param tenantId An ID returned after authenticating the user with MS Teams
-         */
-        Social.prototype.getTeamsChannels = function (tenantId) {
-            utils_1.validateString(tenantId, 'No tenantId provided');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.GetTeamsChannels,
-                params: tenantId,
-            });
-        };
-        Social.prototype.addFacebookPage = function (feedId, pageId, accessToken) {
-            utils_1.validateString(feedId, 'No feedId provided');
-            utils_1.validateString(pageId, 'No pageId provided');
-            utils_1.validateString(accessToken, 'No accessToken provided');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.AddFacebookPage,
-                params: {
-                    feedId: feedId,
-                    pageId: pageId,
-                    accessToken: accessToken,
-                },
-            });
-        };
-        Social.prototype.getFeeds = function (assetId) {
-            utils_1.validateString(assetId, 'No assetid provided.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.GetFeeds,
-                params: assetId,
-            });
-        };
-        Social.prototype.saveFeed = function (feed) {
-            utils_1.validateObject(feed, 'No feed provided.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.SaveFeed,
-                params: feed,
-            });
-        };
-        Social.prototype.deleteFeed = function (feedId) {
-            utils_1.validateString(feedId, 'No feedId provided.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.DeleteFeed,
-                params: feedId,
-            });
-        };
-        Social.prototype.openPreapprovalDialog = function (feed, iconUrl, options) {
-            utils_1.validateObject(feed, 'No feed provided.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.OpenPreapprovalDialog,
-                params: {
-                    feed: feed,
-                    iconUrl: iconUrl,
-                    options: options,
-                },
-            });
-        };
-        Social.prototype.loadAllItems = function (assetId) {
-            utils_1.validateString(assetId, 'No assetId provided.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.LoadAllItems,
-                params: assetId,
-            });
-        };
-        Social.prototype.approveItem = function (itemId, assetId) {
-            utils_1.validateString(itemId, 'No itemId provided.');
-            utils_1.validateString(assetId, 'No assetId provided.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.ApproveItem,
-                params: {
-                    itemId: itemId,
-                    assetId: assetId,
-                },
-            });
-        };
-        Social.prototype.removeItem = function (itemId, assetId) {
-            utils_1.validateString(itemId, 'No itemId provided.');
-            utils_1.validateString(assetId, 'No assetId provided.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.RemoveItem,
-                params: {
-                    itemId: itemId,
-                    assetId: assetId,
-                },
-            });
-        };
-        Social.prototype.favoriteItem = function (itemId, assetId, network) {
-            utils_1.validateString(itemId, 'No itemId provided.');
-            utils_1.validateString(assetId, 'No assetId provided.');
-            utils_1.validateString(network, 'No network provided.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.FavoriteItem,
-                params: {
-                    itemId: itemId,
-                    assetId: assetId,
-                    network: network,
-                },
-            });
-        };
-        Social.prototype.unfavoriteItem = function (itemId, assetId, network) {
-            utils_1.validateString(itemId, 'No itemId provided.');
-            utils_1.validateString(assetId, 'No assetId provided.');
-            utils_1.validateString(network, 'No network provided.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.UnfavoriteItem,
-                params: {
-                    itemId: itemId,
-                    assetId: assetId,
-                    network: network,
-                },
-            });
-        };
-        Social.prototype.banItem = function (itemId, assetId) {
-            utils_1.validateString(itemId, 'No itemId provided.');
-            utils_1.validateString(assetId, 'No assetId provided.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.BanItem,
-                params: {
-                    itemId: itemId,
-                    assetId: assetId,
-                },
-            });
-        };
-        Social.prototype.loadBlacklist = function (accountId, socialNetwork) {
-            utils_1.validateString(accountId, 'No accountId provided.');
-            utils_1.validateString(socialNetwork, 'No socialNetwork provided.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.LoadBlacklist,
-                params: {
-                    accountId: accountId,
-                    socialNetwork: socialNetwork,
-                },
-            });
-        };
-        Social.prototype.unbanUser = function (username, socialNetwork, accountId) {
-            utils_1.validateString(username, 'No username provided.');
-            utils_1.validateString(socialNetwork, 'No socialNetwork provided.');
-            utils_1.validateString(accountId, 'No accountId provided.');
-            return this.bridge.sendMessage({
-                namespace: internal_types_1.MessageNamespaces.Social,
-                name: internal_types_1.MessageNames.UnbanUser,
-                params: {
-                    username: username,
-                    socialNetwork: socialNetwork,
-                    accountId: accountId,
-                },
-            });
-        };
-        return Social;
-    }());
-    exports.Social = Social;
+var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__(/*! ./internal-types */ "./src/internal-types.ts"), __webpack_require__(/*! ./utils */ "./src/utils.ts")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, internal_types_1, utils_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Social = void 0;
+    /**
+     * Social API is a part of the Dashboard SDK used to access social media related data.
+     * Use global `enplug.social` object to access these methods.
+     */
+    var Social = /** @class */ (function () {
+        /** @internal */
+        function Social(bridge) {
+            this.bridge = bridge;
+        }
+        Social.prototype.clearQueryString = function () {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.ClearQueryString,
+            });
+        };
+        Social.prototype.authInstagram = function (accessToken) {
+            utils_1.validateString(accessToken, 'No authCode provided.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.AuthInstagram,
+                params: {
+                    accessToken: accessToken,
+                },
+            });
+        };
+        /* OBSOLETE. REMOVE AFTER 2020 */
+        Social.prototype.authSlack = function (verificationCode, redirectUrl) {
+            utils_1.validateString(verificationCode, 'No Slack auth token provided');
+            utils_1.validateString(redirectUrl, 'No redirect url provided');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.AuthSlack,
+                params: {
+                    verificationCode: verificationCode,
+                    redirectUrl: redirectUrl,
+                },
+            });
+        };
+        Social.prototype.authenticateSlack = function (verificationCode, redirectUrl) {
+            utils_1.validateString(verificationCode, 'No Slack auth token provided');
+            utils_1.validateString(redirectUrl, 'No redirect url provided');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.AuthenticateSlack,
+                params: {
+                    verificationCode: verificationCode,
+                    redirectUrl: redirectUrl,
+                },
+            });
+        };
+        Social.prototype.authenticateTeamsUser = function (verificationCode, redirectUrl) {
+            utils_1.validateString(verificationCode, 'No Teams User auth token provided');
+            utils_1.validateString(redirectUrl, 'No redirect url provided');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.AuthenticateTeamsUser,
+                params: {
+                    verificationCode: verificationCode,
+                    redirectUrl: redirectUrl,
+                },
+            });
+        };
+        /**
+         * Saves Teams Admin token to backend.
+         * @param tenantId - A user id returned from MS Teams after authenticating.
+         */
+        Social.prototype.authenticateTeamsAdmin = function (tenantId) {
+            utils_1.validateString(tenantId, 'No Teams Admin auth token provided');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.AuthenticateTeamsAdmin,
+                params: {
+                    tenantId: tenantId,
+                },
+            });
+        };
+        Social.prototype.getInstagramAccounts = function (userId) {
+            utils_1.validateString(userId, 'No Facebook User Id provided');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.GetInstagramAccounts,
+                params: {
+                    userId: userId,
+                },
+            });
+        };
+        Social.prototype.lookupTwitterId = function (username) {
+            utils_1.validateString(username, 'No username provided');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.LookupTwitterId,
+                params: username,
+            });
+        };
+        Social.prototype.twitterSubscriptionStatus = function () {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.TwitterSubscriptionStatus,
+            });
+        };
+        Social.prototype.getSlackTeams = function () {
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.GetSlackTeams,
+            });
+        };
+        Social.prototype.getSlackChannels = function (teamId) {
+            utils_1.validateString(teamId, 'No teamId provided');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.GetSlackChannels,
+                params: teamId,
+            });
+        };
+        /**
+         * Returns Channels available for a given user ID.
+         * @param tenantId - An ID returned after authenticating the user with MS Teams.
+         */
+        Social.prototype.getTeamsChannels = function (tenantId) {
+            utils_1.validateString(tenantId, 'No tenantId provided');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.GetTeamsChannels,
+                params: tenantId,
+            });
+        };
+        Social.prototype.addFacebookPage = function (feedId, pageId, accessToken) {
+            utils_1.validateString(feedId, 'No feedId provided');
+            utils_1.validateString(pageId, 'No pageId provided');
+            utils_1.validateString(accessToken, 'No accessToken provided');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.AddFacebookPage,
+                params: {
+                    feedId: feedId,
+                    pageId: pageId,
+                    accessToken: accessToken,
+                },
+            });
+        };
+        Social.prototype.getFeeds = function (assetId) {
+            utils_1.validateString(assetId, 'No assetid provided.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.GetFeeds,
+                params: assetId,
+            });
+        };
+        Social.prototype.saveFeed = function (feed) {
+            utils_1.validateObject(feed, 'No feed provided.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.SaveFeed,
+                params: feed,
+            });
+        };
+        Social.prototype.deleteFeed = function (feedId) {
+            utils_1.validateString(feedId, 'No feedId provided.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.DeleteFeed,
+                params: feedId,
+            });
+        };
+        Social.prototype.openPreapprovalDialog = function (feed, iconUrl, options) {
+            utils_1.validateObject(feed, 'No feed provided.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.OpenPreapprovalDialog,
+                params: {
+                    feed: feed,
+                    iconUrl: iconUrl,
+                    options: options,
+                },
+            });
+        };
+        Social.prototype.loadAllItems = function (assetId) {
+            utils_1.validateString(assetId, 'No assetId provided.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.LoadAllItems,
+                params: assetId,
+            });
+        };
+        Social.prototype.approveItem = function (itemId, assetId) {
+            utils_1.validateString(itemId, 'No itemId provided.');
+            utils_1.validateString(assetId, 'No assetId provided.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.ApproveItem,
+                params: {
+                    itemId: itemId,
+                    assetId: assetId,
+                },
+            });
+        };
+        Social.prototype.removeItem = function (itemId, assetId) {
+            utils_1.validateString(itemId, 'No itemId provided.');
+            utils_1.validateString(assetId, 'No assetId provided.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.RemoveItem,
+                params: {
+                    itemId: itemId,
+                    assetId: assetId,
+                },
+            });
+        };
+        Social.prototype.favoriteItem = function (itemId, assetId, network) {
+            utils_1.validateString(itemId, 'No itemId provided.');
+            utils_1.validateString(assetId, 'No assetId provided.');
+            utils_1.validateString(network, 'No network provided.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.FavoriteItem,
+                params: {
+                    itemId: itemId,
+                    assetId: assetId,
+                    network: network,
+                },
+            });
+        };
+        Social.prototype.unfavoriteItem = function (itemId, assetId, network) {
+            utils_1.validateString(itemId, 'No itemId provided.');
+            utils_1.validateString(assetId, 'No assetId provided.');
+            utils_1.validateString(network, 'No network provided.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.UnfavoriteItem,
+                params: {
+                    itemId: itemId,
+                    assetId: assetId,
+                    network: network,
+                },
+            });
+        };
+        Social.prototype.banItem = function (itemId, assetId) {
+            utils_1.validateString(itemId, 'No itemId provided.');
+            utils_1.validateString(assetId, 'No assetId provided.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.BanItem,
+                params: {
+                    itemId: itemId,
+                    assetId: assetId,
+                },
+            });
+        };
+        Social.prototype.loadBlacklist = function (accountId, socialNetwork) {
+            utils_1.validateString(accountId, 'No accountId provided.');
+            utils_1.validateString(socialNetwork, 'No socialNetwork provided.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.LoadBlacklist,
+                params: {
+                    accountId: accountId,
+                    socialNetwork: socialNetwork,
+                },
+            });
+        };
+        Social.prototype.unbanUser = function (username, socialNetwork, accountId) {
+            utils_1.validateString(username, 'No username provided.');
+            utils_1.validateString(socialNetwork, 'No socialNetwork provided.');
+            utils_1.validateString(accountId, 'No accountId provided.');
+            return this.bridge.sendMessage({
+                namespace: internal_types_1.MessageNamespaces.Social,
+                name: internal_types_1.MessageNames.UnbanUser,
+                params: {
+                    username: username,
+                    socialNetwork: socialNetwork,
+                    accountId: accountId,
+                },
+            });
+        };
+        return Social;
+    }());
+    exports.Social = Social;
 }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
-				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
 
 
 /***/ }),
@@ -1606,43 +1866,43 @@ var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.validateFunction = exports.validateBool = exports.validateObject = exports.validateString = exports.validateArray = void 0;
-    var TAG = '[Dashboard SDK]';
-    function validateArray(arg, message) {
-        if (!Array.isArray(arg)) {
-            throw new Error(TAG + " " + message);
-        }
-    }
-    exports.validateArray = validateArray;
-    function validateString(arg, message) {
-        if (typeof arg !== 'string') {
-            throw new Error(TAG + " " + message);
-        }
-    }
-    exports.validateString = validateString;
-    function validateObject(arg, message) {
-        if (!(arg instanceof Object) || arg instanceof Array) {
-            throw new Error(TAG + " " + message);
-        }
-    }
-    exports.validateObject = validateObject;
-    function validateBool(arg, message) {
-        if (typeof arg !== 'boolean') {
-            throw new Error(TAG + " " + message);
-        }
-    }
-    exports.validateBool = validateBool;
-    function validateFunction(arg, message) {
-        if (typeof arg !== 'function') {
-            throw new Error(TAG + " " + message);
-        }
-    }
-    exports.validateFunction = validateFunction;
+var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.validateFunction = exports.validateBool = exports.validateObject = exports.validateString = exports.validateArray = void 0;
+    var TAG = '[Dashboard SDK]';
+    function validateArray(arg, message) {
+        if (!Array.isArray(arg)) {
+            throw new Error(TAG + " " + message);
+        }
+    }
+    exports.validateArray = validateArray;
+    function validateString(arg, message) {
+        if (typeof arg !== 'string') {
+            throw new Error(TAG + " " + message);
+        }
+    }
+    exports.validateString = validateString;
+    function validateObject(arg, message) {
+        if (!(arg instanceof Object) || arg instanceof Array) {
+            throw new Error(TAG + " " + message);
+        }
+    }
+    exports.validateObject = validateObject;
+    function validateBool(arg, message) {
+        if (typeof arg !== 'boolean') {
+            throw new Error(TAG + " " + message);
+        }
+    }
+    exports.validateBool = validateBool;
+    function validateFunction(arg, message) {
+        if (typeof arg !== 'function') {
+            throw new Error(TAG + " " + message);
+        }
+    }
+    exports.validateFunction = validateFunction;
 }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
-				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
 
 
 /***/ })