bigbluebutton-html-plugin-sdk 0.0.68 → 0.0.70

package/README.md

@@ -35,7 +35,7 @@ you do the following:
 2. Add reference to it on BigBlueButton's `/create` call or add it on `/usr/share/bbb-web/WEB-INF/classes/bigbluebutton.properties`:
 
 ```
-pluginsManifests=[{"url": "http://localhost:4701/manifest.json"}]
+pluginManifests=[{"url": "http://localhost:4701/manifest.json"}]
 ```
 
 *Running from souce code with a remote BBB-server*
@@ -78,7 +78,7 @@ or
 5. Add this create parameter into the API-mate of the server you are testing it on:
 
 ```
-pluginsManifests=[{"url": "https://<uuid>.ngrok-free.app/manifest.json"}]
+pluginManifests=[{"url": "https://<uuid>.ngrok-free.app/manifest.json"}]
 ```
 
 And there you go, you can test it freely.
@@ -195,7 +195,7 @@ const {
   deleteEntry: deleteEntryFunction, // Function to delete specific item or wipe all
   replaceEntry: replaceEntryFunction, // Function replace a specifi item
 } = useDataChannel<CustomType>(
-  channelName, // Defined according to what is on settings.yml from bbb-htlm5
+  channelName, // Defined according to what is on manifest.json
   DataChannelTypes.All_ITEMS, // | LATEST_ITEM | NEW_ITEMS -> ALL_ITEMS is default
   subChannelName = 'default', // If no subchannelName is specified, it will be 'default'
 );
@@ -203,26 +203,26 @@ const {
 
 Wiping all data off will delete every item from the specific data-channel within the specific subchannel-name.
 
-The data-channel name must be written in the settings.yml.
-
-All the permission for writing and deleting must be in the yaml too just like the example ahead:
-
-```yaml
-public:
-  plugins:
-    - name: PluginName
-      url: http://<your-hosted-plugin>/PluginName.js
-      dataChannels:
-        - name: channel-name
-          # pushPermission options: moderator, presenter, all
-          pushPermission: ['moderator','presenter']
-          # replaceOrDeletePermission options: moderator, presenter, creator, all
-          replaceOrdeletePermission:
-            - moderator
-            - sender
-```
+**Data-channel configuration:**
+
+The data-channel name must be in the `manifest.json` along with all the permissions for writting, reading and deleting, see example below:
+
+```json
+{
+  "requiredSdkVersion": "~0.0.59",
+  "name": "PluginName",
+  "javascriptEntrypointUrl": "PluginName.js",
+  "dataChannels":[
+    {
+      "name": "channel-name",
+      "pushPermission": ["moderator","presenter"],
+      "replaceOrDeletePermission": ["moderator", "sender"]
+    }
+  ]
+}
+``` 
 
-If no permission is mentioned in the yaml (writing or deleting), no one will be able proceed with that specific action:
+If no permission is mentioned in that file (writing or deleting), no one will be able proceed with that specific action:
 
 The `pushEntryFunction` has a minor detail to pay attention to, it is possible to specify the users who you want to send the item to, if none is specified, all will receive the item, such as done ahead:
 
@@ -367,7 +367,7 @@ Then when creating the meeting send the following parameters along, adjusting to
 
 ```
 meta_pluginSettingsUserInformation=https://<your-external-source-with-your-authentication>/api/users
-pluginsManifests=[{"url": "http://<domain-of-your-manifest>/your-plugin/manifest.json"}]
+pluginManifests=[{"url": "http://<domain-of-your-manifest>/your-plugin/manifest.json"}]
 ```
 
 In the plugin, just use the function like:
@@ -440,12 +440,12 @@ No, feel free to host it anywhere you want, just make sure to point the URL from
 **I am making my plugin based on a sample inside the SDK, but somehow, the sample is not working properly, what do I do to run it in dev mode and make it work?**
 Well there are several motives to why the sample is not working properly, so I will go through each one of them briefly:
 
-- The config has not been set properly inside `bbb-html5.yml`, see [this section to configure your plugin](#running-the-plugin-from-source);
+- The config has not been set properly in `manifest.json`, see [this section to configure your plugin](#running-the-plugin-from-source);
 - The plugin is not even running in dev mode, it could be the port already in use, or typescript and/or javascript errors (Make sure to initialize the `pluginApi` as any of the samples inside a react function component);
 - It could be an error with that sample indeed, or that feature the plugin uses broke (it is not usual, but can happen since BBB is constantly changing and enhancing its features with its wonderful community). If that happens, just open an issue in the [SDK&#39;s github](https://github.com/bigbluebutton/bigbluebutton-html-plugin-sdk) detailing the error you are facing. And thank you in advance for reporting it back to us so we can improve each time.
 
 **How to troubleshoot the plugins? See if it has loaded in the BBB, for instance.**
-Well, each time a set of plugins are listed in the `bbb-html5.yml`, it will fire some logs based on the amount of plugins that it need to load inside the client. So open the console in the browser by pressing F12 key in your keyboard and search for the following log:
+Well, each time a set of plugins listed to be run into a specific meeting start, it will fire some logs based on the amount of plugins that it need to load inside the client. So open the console in the browser by pressing F12 key in your keyboard and search for the following log:
 
 ```log
 <ratio of loaded plugins> plugins loaded

package/dist/cjs/extensible-areas/actions-bar-item/component.d.ts

@@ -1,11 +1,16 @@
+import { ChangeEvent, MouseEvent } from 'react';
 import { ActionsBarPosition, ActionsBarItemType } from './enums';
-import { ActionsBarInterface, ActionsBarButtonProps, ActionsBarSeparatorProps } from './types';
-export declare class ActionsBarButton implements ActionsBarInterface {
+import { ActionsBarInterface, ActionsBarItemProps, ActionsBarButtonProps, ActionsBarSeparatorProps, ActionsBarSelectorProps, SelectOption, ToggleGroupOption, ActionsBarToggleGroupProps } from './types';
+declare class ActionsBarItem implements ActionsBarInterface {
     id: string;
     type: ActionsBarItemType;
+    position: ActionsBarPosition;
+    constructor({ id, type, position, }: ActionsBarItemProps);
+    setItemId(id: string): void;
+}
+export declare class ActionsBarButton extends ActionsBarItem {
     icon: string;
     tooltip: string;
-    position: ActionsBarPosition;
     onClick: () => void;
     /**
      * Returns object to be used in the setter for action bar. In this case,
@@ -19,20 +24,64 @@ export declare class ActionsBarButton implements ActionsBarInterface {
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
     constructor({ id, icon, tooltip, onClick, position, }: ActionsBarButtonProps);
-    setItemId: (id: string) => void;
 }
-export declare class ActionsBarSeparator implements ActionsBarInterface {
-    position: ActionsBarPosition;
-    id: string;
-    type: ActionsBarItemType;
+export declare class ActionsBarSeparator extends ActionsBarItem {
+    icon: string;
     /**
      * Returns object to be used in the setter for action bar. In this case,
      * a separator.
      *
      * @param position - position that this button will be displayed, see {@link ActionsBarPosition}
+     * @param icon - Icon to be displayed as the separator. If not provided, the default separator
+    * (a vertical bar) will be displayed.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
+     */
+    constructor({ position, icon, }: ActionsBarSeparatorProps);
+}
+export declare class ActionsBarSelector extends ActionsBarItem {
+    title: string;
+    options: SelectOption[];
+    defaultOption: SelectOption;
+    onChange: (value: string | number, event: ChangeEvent<HTMLInputElement>) => void;
+    width: number;
+    /**
+     * Returns object to be used in the setter for action bar. In this case,
+     * a selector.
+     *
+     * @param title - title to be used in the selector for the actions bar
+     * @param options - an array of options to be available in the selector
+     * @param defaultOption - the option to be initially selected, if not present, the first option is
+     * selected
+     * @param onChange - function to be called when selected value changes
+     * @param position - position that this button will be displayed, see {@link ActionsBarPosition}
+     * @param width - desired width for the selector in px, default is 140
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
+     */
+    constructor({ id, title, options, defaultOption, onChange, position, width, }: ActionsBarSelectorProps);
+}
+export declare class ActionsBarToggleGroup extends ActionsBarItem {
+    title: string;
+    exclusive: boolean;
+    options: ToggleGroupOption[];
+    defaultOption: ToggleGroupOption;
+    onChange: (values: string | number | string[] | number[], event: MouseEvent<HTMLElement>) => void;
+    /**
+     * Returns object to be used in the setter for action bar. In this case,
+     * a toggle group.
+     *
+     * @param title - title to be used in the selector for the actions bar
+     * @param exclusive - whether the toggle group should be exclusive or not - allow checking
+     * multiple options
+     * @param options - an array of options to be available in the toggle group
+     * @param defaultOption - the option to be initially checked, if not present, the first option is
+     * checked
+     * @param onChange - function to be called when checked value changes
+     * @param position - position that this button will be displayed, see {@link ActionsBarPosition}
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
-    constructor({ position, }: ActionsBarSeparatorProps);
-    setItemId: (id: string) => void;
+    constructor({ id, title, exclusive, options, defaultOption, onChange, position, }: ActionsBarToggleGroupProps);
 }
+export {};

package/dist/cjs/extensible-areas/actions-bar-item/component.js

@@ -1,9 +1,40 @@
 "use strict";
+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) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionsBarSeparator = exports.ActionsBarButton = void 0;
+exports.ActionsBarToggleGroup = exports.ActionsBarSelector = exports.ActionsBarSeparator = exports.ActionsBarButton = void 0;
 var enums_1 = require("./enums");
 // ActionsBar Extensible Area
-var ActionsBarButton = /** @class */ (function () {
+var ActionsBarItem = /** @class */ (function () {
+    function ActionsBarItem(_a) {
+        var id = _a.id, type = _a.type, _b = _a.position, position = _b === void 0 ? enums_1.ActionsBarPosition.RIGHT : _b;
+        this.id = '';
+        if (id) {
+            this.id = id;
+        }
+        this.type = type;
+        this.position = position;
+    }
+    ActionsBarItem.prototype.setItemId = function (id) {
+        this.id = "ActionsBar".concat(this.type, "_").concat(id);
+    };
+    return ActionsBarItem;
+}());
+var ActionsBarButton = /** @class */ (function (_super) {
+    __extends(ActionsBarButton, _super);
     /**
      * Returns object to be used in the setter for action bar. In this case,
      * a button.
@@ -17,43 +48,94 @@ var ActionsBarButton = /** @class */ (function () {
      */
     function ActionsBarButton(_a) {
         var id = _a.id, _b = _a.icon, icon = _b === void 0 ? '' : _b, _c = _a.tooltip, tooltip = _c === void 0 ? '' : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d, _e = _a.position, position = _e === void 0 ? enums_1.ActionsBarPosition.RIGHT : _e;
-        var _this = this;
-        this.id = '';
-        this.setItemId = function (id) {
-            _this.id = "ActionsBarButton_".concat(id);
-        };
-        if (id) {
-            this.id = id;
-        }
-        this.icon = icon;
-        this.tooltip = tooltip;
-        this.onClick = onClick;
-        this.position = position;
-        this.type = enums_1.ActionsBarItemType.BUTTON;
+        var _this = _super.call(this, { id: id, type: enums_1.ActionsBarItemType.BUTTON, position: position }) || this;
+        _this.icon = icon;
+        _this.tooltip = tooltip;
+        _this.onClick = onClick;
+        return _this;
     }
     return ActionsBarButton;
-}());
+}(ActionsBarItem));
 exports.ActionsBarButton = ActionsBarButton;
-var ActionsBarSeparator = /** @class */ (function () {
+var ActionsBarSeparator = /** @class */ (function (_super) {
+    __extends(ActionsBarSeparator, _super);
     /**
      * Returns object to be used in the setter for action bar. In this case,
      * a separator.
      *
      * @param position - position that this button will be displayed, see {@link ActionsBarPosition}
+     * @param icon - Icon to be displayed as the separator. If not provided, the default separator
+    * (a vertical bar) will be displayed.
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
     function ActionsBarSeparator(_a) {
-        var _b = _a.position, position = _b === void 0 ? enums_1.ActionsBarPosition.RIGHT : _b;
-        var _this = this;
-        this.id = '';
-        this.setItemId = function (id) {
-            _this.id = "ActionsBarSeparator_".concat(id);
-        };
-        this.position = position;
-        this.type = enums_1.ActionsBarItemType.SEPARATOR;
+        var _b = _a.position, position = _b === void 0 ? enums_1.ActionsBarPosition.RIGHT : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c;
+        var _this = _super.call(this, { type: enums_1.ActionsBarItemType.SEPARATOR, position: position }) || this;
+        _this.icon = icon;
+        return _this;
     }
     return ActionsBarSeparator;
-}());
+}(ActionsBarItem));
 exports.ActionsBarSeparator = ActionsBarSeparator;
+var ActionsBarSelector = /** @class */ (function (_super) {
+    __extends(ActionsBarSelector, _super);
+    /**
+     * Returns object to be used in the setter for action bar. In this case,
+     * a selector.
+     *
+     * @param title - title to be used in the selector for the actions bar
+     * @param options - an array of options to be available in the selector
+     * @param defaultOption - the option to be initially selected, if not present, the first option is
+     * selected
+     * @param onChange - function to be called when selected value changes
+     * @param position - position that this button will be displayed, see {@link ActionsBarPosition}
+     * @param width - desired width for the selector in px, default is 140
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
+     */
+    function ActionsBarSelector(_a) {
+        var id = _a.id, _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.options, options = _c === void 0 ? [] : _c, _d = _a.defaultOption, defaultOption = _d === void 0 ? options[0] : _d, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.position, position = _f === void 0 ? enums_1.ActionsBarPosition.RIGHT : _f, _g = _a.width, width = _g === void 0 ? 140 : _g;
+        var _this = _super.call(this, { id: id, type: enums_1.ActionsBarItemType.SELECTOR, position: position }) || this;
+        _this.width = 145;
+        _this.title = title;
+        _this.options = options;
+        _this.defaultOption = defaultOption;
+        _this.onChange = onChange;
+        _this.width = width;
+        return _this;
+    }
+    return ActionsBarSelector;
+}(ActionsBarItem));
+exports.ActionsBarSelector = ActionsBarSelector;
+var ActionsBarToggleGroup = /** @class */ (function (_super) {
+    __extends(ActionsBarToggleGroup, _super);
+    /**
+     * Returns object to be used in the setter for action bar. In this case,
+     * a toggle group.
+     *
+     * @param title - title to be used in the selector for the actions bar
+     * @param exclusive - whether the toggle group should be exclusive or not - allow checking
+     * multiple options
+     * @param options - an array of options to be available in the toggle group
+     * @param defaultOption - the option to be initially checked, if not present, the first option is
+     * checked
+     * @param onChange - function to be called when checked value changes
+     * @param position - position that this button will be displayed, see {@link ActionsBarPosition}
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
+     */
+    function ActionsBarToggleGroup(_a) {
+        var id = _a.id, _b = _a.title, title = _b === void 0 ? '' : _b, _c = _a.exclusive, exclusive = _c === void 0 ? true : _c, _d = _a.options, options = _d === void 0 ? [] : _d, _e = _a.defaultOption, defaultOption = _e === void 0 ? options[0] : _e, _f = _a.onChange, onChange = _f === void 0 ? function () { } : _f, _g = _a.position, position = _g === void 0 ? enums_1.ActionsBarPosition.RIGHT : _g;
+        var _this = _super.call(this, { id: id, type: enums_1.ActionsBarItemType.TOGGLE_GROUP, position: position }) || this;
+        _this.title = title;
+        _this.exclusive = exclusive;
+        _this.options = options;
+        _this.defaultOption = defaultOption;
+        _this.onChange = onChange;
+        return _this;
+    }
+    return ActionsBarToggleGroup;
+}(ActionsBarItem));
+exports.ActionsBarToggleGroup = ActionsBarToggleGroup;
 //# sourceMappingURL=component.js.map

package/dist/cjs/extensible-areas/actions-bar-item/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/actions-bar-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAiE;AAKjE,6BAA6B;AAE7B;IAaE;;;;;;;;;;OAUG;IACH,0BAAY,EAEY;YADtB,EAAE,QAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EAAE,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA;QADtF,iBAWC;QAlCD,OAAE,GAAW,EAAE,CAAC;QAoChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,2BAAoB,EAAE,CAAE,CAAC;QACrC,CAAC,CAAC;QAZA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,0BAAkB,CAAC,MAAM,CAAC;IACxC,CAAC;IAKH,uBAAC;AAAD,CAAC,AAxCD,IAwCC;AAxCY,4CAAgB;AA0C7B;IAOE;;;;;;;OAOG;IACH,6BAAY,EAEe;YADzB,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA;QADrC,iBAKC;QAjBD,OAAE,GAAW,EAAE,CAAC;QAmBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,8BAAuB,EAAE,CAAE,CAAC;QACxC,CAAC,CAAC;QANA,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,0BAAkB,CAAC,SAAS,CAAC;IAC3C,CAAC;IAKH,0BAAC;AAAD,CAAC,AAzBD,IAyBC;AAzBY,kDAAmB"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/actions-bar-item/component.ts"],"names":[],"mappings":"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"}

package/dist/cjs/extensible-areas/actions-bar-item/enums.d.ts

@@ -1,6 +1,8 @@
 export declare enum ActionsBarItemType {
     BUTTON = "ACTIONS_BAR_BUTTON",
-    SEPARATOR = "ACTIONS_BAR_SEPARATOR"
+    SEPARATOR = "ACTIONS_BAR_SEPARATOR",
+    SELECTOR = "ACTIONS_BAR_SELECTOR",
+    TOGGLE_GROUP = "ACTIONS_BAR_TOGGLE_GROUP"
 }
 /**
  * Enum with the position to insert the actions bar item (Separator or Button)

package/dist/cjs/extensible-areas/actions-bar-item/enums.js

@@ -6,6 +6,8 @@ var ActionsBarItemType;
 (function (ActionsBarItemType) {
     ActionsBarItemType["BUTTON"] = "ACTIONS_BAR_BUTTON";
     ActionsBarItemType["SEPARATOR"] = "ACTIONS_BAR_SEPARATOR";
+    ActionsBarItemType["SELECTOR"] = "ACTIONS_BAR_SELECTOR";
+    ActionsBarItemType["TOGGLE_GROUP"] = "ACTIONS_BAR_TOGGLE_GROUP";
 })(ActionsBarItemType || (exports.ActionsBarItemType = ActionsBarItemType = {}));
 /**
  * Enum with the position to insert the actions bar item (Separator or Button)

package/dist/cjs/extensible-areas/actions-bar-item/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/extensible-areas/actions-bar-item/enums.ts"],"names":[],"mappings":";;;AAAA,0BAA0B;AAC1B,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,mDAA6B,CAAA;IAC7B,yDAAmC,CAAA;AACrC,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B;AAED;;GAEG;AACH,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;AACjB,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B"}
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/extensible-areas/actions-bar-item/enums.ts"],"names":[],"mappings":";;;AAAA,0BAA0B;AAC1B,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC5B,mDAA6B,CAAA;IAC7B,yDAAmC,CAAA;IACnC,uDAAiC,CAAA;IACjC,+DAAyC,CAAA;AAC3C,CAAC,EALW,kBAAkB,kCAAlB,kBAAkB,QAK7B;AAED;;GAEG;AACH,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;AACjB,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B"}

package/dist/cjs/extensible-areas/actions-bar-item/index.d.ts

@@ -1,3 +1,3 @@
-export { ActionsBarButton, ActionsBarSeparator, } from './component';
+export { ActionsBarButton, ActionsBarSeparator, ActionsBarSelector, ActionsBarToggleGroup, } from './component';
 export { ActionsBarInterface, } from './types';
-export { ActionsBarPosition, } from './enums';
+export { ActionsBarItemType, ActionsBarPosition, } from './enums';

package/dist/cjs/extensible-areas/actions-bar-item/index.js

@@ -1,9 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionsBarPosition = exports.ActionsBarSeparator = exports.ActionsBarButton = void 0;
+exports.ActionsBarPosition = exports.ActionsBarItemType = exports.ActionsBarToggleGroup = exports.ActionsBarSelector = exports.ActionsBarSeparator = exports.ActionsBarButton = void 0;
 var component_1 = require("./component");
 Object.defineProperty(exports, "ActionsBarButton", { enumerable: true, get: function () { return component_1.ActionsBarButton; } });
 Object.defineProperty(exports, "ActionsBarSeparator", { enumerable: true, get: function () { return component_1.ActionsBarSeparator; } });
+Object.defineProperty(exports, "ActionsBarSelector", { enumerable: true, get: function () { return component_1.ActionsBarSelector; } });
+Object.defineProperty(exports, "ActionsBarToggleGroup", { enumerable: true, get: function () { return component_1.ActionsBarToggleGroup; } });
 var enums_1 = require("./enums");
+Object.defineProperty(exports, "ActionsBarItemType", { enumerable: true, get: function () { return enums_1.ActionsBarItemType; } });
 Object.defineProperty(exports, "ActionsBarPosition", { enumerable: true, get: function () { return enums_1.ActionsBarPosition; } });
 //# sourceMappingURL=index.js.map

package/dist/cjs/extensible-areas/actions-bar-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensible-areas/actions-bar-item/index.ts"],"names":[],"mappings":";;;AAAA,yCAGqB;AAFnB,6GAAA,gBAAgB,OAAA;AAChB,gHAAA,mBAAmB,OAAA;AAKrB,iCAEiB;AADf,2GAAA,kBAAkB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensible-areas/actions-bar-item/index.ts"],"names":[],"mappings":";;;AAAA,yCAKqB;AAJnB,6GAAA,gBAAgB,OAAA;AAChB,gHAAA,mBAAmB,OAAA;AACnB,+GAAA,kBAAkB,OAAA;AAClB,kHAAA,qBAAqB,OAAA;AAKvB,iCAGiB;AAFf,2GAAA,kBAAkB,OAAA;AAClB,2GAAA,kBAAkB,OAAA"}

package/dist/cjs/extensible-areas/actions-bar-item/types.d.ts

@@ -1,11 +1,17 @@
+import { ChangeEvent, MouseEvent } from 'react';
 import { PluginProvidedUiItemDescriptor } from '../base';
-import { ActionsBarPosition } from './enums';
+import { ActionsBarItemType, ActionsBarPosition } from './enums';
 /**
  * Interface for the generic Actions bar item. (`position` is mandatory)
  */
 export interface ActionsBarInterface extends PluginProvidedUiItemDescriptor {
     position: ActionsBarPosition;
 }
+export interface ActionsBarItemProps {
+    id?: string;
+    position: ActionsBarPosition;
+    type: ActionsBarItemType;
+}
 export interface ActionsBarButtonProps {
     id?: string;
     icon: string;
@@ -15,4 +21,29 @@ export interface ActionsBarButtonProps {
 }
 export interface ActionsBarSeparatorProps {
     position: ActionsBarPosition;
+    icon?: string;
+}
+export interface SelectOption {
+    value: string | number;
+    label: string;
+}
+export interface ToggleGroupOption extends SelectOption {
+}
+export interface ActionsBarSelectorProps {
+    id?: string;
+    title: string;
+    options: SelectOption[];
+    defaultOption?: SelectOption;
+    onChange: (value: string | number, event: ChangeEvent<HTMLInputElement>) => void;
+    position: ActionsBarPosition;
+    width?: number;
+}
+export interface ActionsBarToggleGroupProps {
+    id?: string;
+    title: string;
+    options: ToggleGroupOption[];
+    defaultOption?: ToggleGroupOption;
+    exclusive?: boolean;
+    onChange: (values: string | number | string[] | number[], event: MouseEvent<HTMLElement>) => void;
+    position: ActionsBarPosition;
 }

package/dist/cjs/ui-commands/actions-bar/commands.d.ts

@@ -0,0 +1,11 @@
+import { SetDisplayActionBarCommandArguments } from './types';
+export declare const actionsBar: {
+    /**
+     * Decides whether to display the actions bar
+     *
+     * @param setSpeakerLevelCommandArgumentsthe volume to which the core will set the speaker
+     * level.
+     * Refer to {@link SetDisplayActionBarCommandArguments} to understand the argument structure.
+     */
+    setDisplayActionBar: (arg: SetDisplayActionBarCommandArguments) => void;
+};

package/dist/cjs/ui-commands/actions-bar/commands.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.actionsBar = void 0;
+var enums_1 = require("./enums");
+exports.actionsBar = {
+    /**
+     * Decides whether to display the actions bar
+     *
+     * @param setSpeakerLevelCommandArgumentsthe volume to which the core will set the speaker
+     * level.
+     * Refer to {@link SetDisplayActionBarCommandArguments} to understand the argument structure.
+     */
+    setDisplayActionBar: function (arg) {
+        var displayActionBar = arg.displayActionBar;
+        window.dispatchEvent(new CustomEvent(enums_1.ActionsBarEnum.SET_DISPLAY_ACTIONS_BAR, {
+            detail: {
+                displayActionBar: displayActionBar,
+            },
+        }));
+    },
+};
+//# sourceMappingURL=commands.js.map

package/dist/cjs/ui-commands/actions-bar/commands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commands.js","sourceRoot":"","sources":["../../../../src/ui-commands/actions-bar/commands.ts"],"names":[],"mappings":";;;AAAA,iCAAyC;AAG5B,QAAA,UAAU,GAAG;IACxB;;;;;;OAMG;IACH,mBAAmB,EAAE,UAAC,GAAwC;QACpD,IAAA,gBAAgB,GAAK,GAAG,iBAAR,CAAS;QACjC,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAElC,sBAAc,CAAC,uBAAuB,EAAE;YACxC,MAAM,EAAE;gBACN,gBAAgB,kBAAA;aACjB;SACF,CAAC,CAAC,CAAC;IACN,CAAC;CACF,CAAC"}

package/dist/cjs/ui-commands/actions-bar/enums.d.ts

@@ -0,0 +1,3 @@
+export declare enum ActionsBarEnum {
+    SET_DISPLAY_ACTIONS_BAR = "SET_DISPLAY_ACTIONS_BAR_COMMAND"
+}

package/dist/cjs/ui-commands/actions-bar/enums.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionsBarEnum = void 0;
+var ActionsBarEnum;
+(function (ActionsBarEnum) {
+    ActionsBarEnum["SET_DISPLAY_ACTIONS_BAR"] = "SET_DISPLAY_ACTIONS_BAR_COMMAND";
+})(ActionsBarEnum || (exports.ActionsBarEnum = ActionsBarEnum = {}));
+//# sourceMappingURL=enums.js.map

package/dist/cjs/ui-commands/actions-bar/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/ui-commands/actions-bar/enums.ts"],"names":[],"mappings":";;;AAAA,IAAY,cAEX;AAFD,WAAY,cAAc;IACxB,6EAA2D,CAAA;AAC7D,CAAC,EAFW,cAAc,8BAAd,cAAc,QAEzB"}

package/dist/cjs/ui-commands/actions-bar/types.d.ts

@@ -0,0 +1,6 @@
+export interface SetDisplayActionBarCommandArguments {
+    displayActionBar: boolean;
+}
+export interface UiCommandsActionsBarObject {
+    setDisplayActionBar: (arg: SetDisplayActionBarCommandArguments) => void;
+}

package/dist/cjs/ui-commands/actions-bar/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/ui-commands/actions-bar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/ui-commands/actions-bar/types.ts"],"names":[],"mappings":""}

package/dist/cjs/ui-commands/commands.d.ts

@@ -1,4 +1,7 @@
 export declare const uiCommands: {
+    actionsBar: {
+        setDisplayActionBar: (arg: import("./actions-bar/types").SetDisplayActionBarCommandArguments) => void;
+    };
     chat: {
         form: {
             open: () => void;
@@ -14,6 +17,9 @@ export declare const uiCommands: {
         open: () => void;
         close: () => void;
     };
+    navBar: {
+        setDisplayNavBar: (setDisplayNavBarCommandArguments: import("./nav-bar/types").SetDisplayNavBarCommandArguments) => void;
+    };
     presentationArea: {
         open: () => void;
         close: () => void;
@@ -27,4 +33,7 @@ export declare const uiCommands: {
     notification: {
         send: (information: import("./notification/types").SendNotificationCommandArguments) => void;
     };
+    layout: {
+        changeEnforcedLayout: import("./layout/types").ChangeEnforcedLayout;
+    };
 };

package/dist/cjs/ui-commands/commands.js

@@ -8,13 +8,19 @@ var commands_4 = require("./presentation-area/commands");
 var commands_5 = require("./user-status/commands");
 var commands_6 = require("./conference/commands");
 var commands_7 = require("./notification/commands");
+var commands_8 = require("./actions-bar/commands");
+var commands_9 = require("./layout/commands");
+var commands_10 = require("./nav-bar/commands");
 exports.uiCommands = {
+    actionsBar: commands_8.actionsBar,
     chat: commands_1.chat,
     externalVideo: commands_2.externalVideo,
     sidekickOptionsContainer: commands_3.sidekickOptionsContainer,
+    navBar: commands_10.navBar,
     presentationArea: commands_4.presentationArea,
     userStatus: commands_5.userStatus,
     conference: commands_6.conference,
     notification: commands_7.notification,
+    layout: commands_9.layout,
 };
 //# sourceMappingURL=commands.js.map

package/dist/cjs/ui-commands/commands.js.map

@@ -1 +1 @@
-{"version":3,"file":"commands.js","sourceRoot":"","sources":["../../../src/ui-commands/commands.ts"],"names":[],"mappings":";;;AAAA,4CAAuC;AACvC,sDAA0D;AAC1D,kEAAiF;AACjF,yDAAgE;AAChE,mDAAoD;AACpD,kDAAmD;AACnD,oDAAuD;AAE1C,QAAA,UAAU,GAAG;IACxB,IAAI,iBAAA;IACJ,aAAa,0BAAA;IACb,wBAAwB,qCAAA;IACxB,gBAAgB,6BAAA;IAChB,UAAU,uBAAA;IACV,UAAU,uBAAA;IACV,YAAY,yBAAA;CACb,CAAC"}
+{"version":3,"file":"commands.js","sourceRoot":"","sources":["../../../src/ui-commands/commands.ts"],"names":[],"mappings":";;;AAAA,4CAAuC;AACvC,sDAA0D;AAC1D,kEAAiF;AACjF,yDAAgE;AAChE,mDAAoD;AACpD,kDAAmD;AACnD,oDAAuD;AACvD,mDAAoD;AACpD,8CAA2C;AAC3C,gDAA4C;AAE/B,QAAA,UAAU,GAAG;IACxB,UAAU,uBAAA;IACV,IAAI,iBAAA;IACJ,aAAa,0BAAA;IACb,wBAAwB,qCAAA;IACxB,MAAM,oBAAA;IACN,gBAAgB,6BAAA;IAChB,UAAU,uBAAA;IACV,UAAU,uBAAA;IACV,YAAY,yBAAA;IACZ,MAAM,mBAAA;CACP,CAAC"}

package/dist/cjs/ui-commands/index.d.ts

@@ -1 +1,2 @@
 export { NotificationTypeUiCommand } from './notification/enums';
+export { ChangeEnforcedLayoutTypeEnum } from './layout/enums';

package/dist/cjs/ui-commands/index.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NotificationTypeUiCommand = void 0;
+exports.ChangeEnforcedLayoutTypeEnum = exports.NotificationTypeUiCommand = void 0;
 var enums_1 = require("./notification/enums");
 Object.defineProperty(exports, "NotificationTypeUiCommand", { enumerable: true, get: function () { return enums_1.NotificationTypeUiCommand; } });
+var enums_2 = require("./layout/enums");
+Object.defineProperty(exports, "ChangeEnforcedLayoutTypeEnum", { enumerable: true, get: function () { return enums_2.ChangeEnforcedLayoutTypeEnum; } });
 //# sourceMappingURL=index.js.map

package/dist/cjs/ui-commands/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui-commands/index.ts"],"names":[],"mappings":";;;AAAA,8CAAiE;AAAxD,kHAAA,yBAAyB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui-commands/index.ts"],"names":[],"mappings":";;;AAAA,8CAAiE;AAAxD,kHAAA,yBAAyB,OAAA;AAClC,wCAA8D;AAArD,qHAAA,4BAA4B,OAAA"}

package/dist/cjs/ui-commands/layout/commands.d.ts

@@ -0,0 +1,9 @@
+import { ChangeEnforcedLayout } from './types';
+export declare const layout: {
+    /**
+     * <description>
+     *
+     * @param
+     */
+    changeEnforcedLayout: ChangeEnforcedLayout;
+};

package/dist/cjs/ui-commands/layout/commands.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.layout = void 0;
+var enums_1 = require("./enums");
+exports.layout = {
+    /**
+     * <description>
+     *
+     * @param
+     */
+    changeEnforcedLayout: (function (layoutType) {
+        window.dispatchEvent(new CustomEvent(enums_1.LayoutEnum.CHANGE_ENFORCED_LAYOUT, {
+            detail: {
+                layoutType: layoutType,
+            },
+        }));
+    }),
+};
+//# sourceMappingURL=commands.js.map

package/dist/cjs/ui-commands/layout/commands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commands.js","sourceRoot":"","sources":["../../../../src/ui-commands/layout/commands.ts"],"names":[],"mappings":";;;AAAA,iCAAmE;AAGtD,QAAA,MAAM,GAAG;IACpB;;;;OAIG;IACH,oBAAoB,EAAE,CAAC,UAAC,UAAwC;QAC9D,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAEb,kBAAU,CAAC,sBAAsB,EAAE;YACnC,MAAM,EAAE;gBACN,UAAU,YAAA;aACX;SACF,CAAC,CACH,CAAC;IACJ,CAAC,CAAyB;CAC3B,CAAC"}

package/dist/cjs/ui-commands/layout/enums.d.ts

@@ -0,0 +1,13 @@
+export declare enum LayoutEnum {
+    CHANGE_ENFORCED_LAYOUT = "CHANGE_ENFORCED_LAYOUT"
+}
+export declare enum ChangeEnforcedLayoutTypeEnum {
+    CUSTOM_LAYOUT = "CUSTOM_LAYOUT",
+    SMART_LAYOUT = "SMART_LAYOUT",
+    PRESENTATION_FOCUS = "PRESENTATION_FOCUS",
+    VIDEO_FOCUS = "VIDEO_FOCUS",
+    CAMERAS_ONLY = "CAMERAS_ONLY",
+    PRESENTATION_ONLY = "PRESENTATION_ONLY",
+    PARTICIPANTS_AND_CHAT_ONLY = "PARTICIPANTS_AND_CHAT_ONLY",
+    MEDIA_ONLY = "MEDIA_ONLY"
+}

package/dist/cjs/ui-commands/layout/enums.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChangeEnforcedLayoutTypeEnum = exports.LayoutEnum = void 0;
+var LayoutEnum;
+(function (LayoutEnum) {
+    LayoutEnum["CHANGE_ENFORCED_LAYOUT"] = "CHANGE_ENFORCED_LAYOUT";
+})(LayoutEnum || (exports.LayoutEnum = LayoutEnum = {}));
+var ChangeEnforcedLayoutTypeEnum;
+(function (ChangeEnforcedLayoutTypeEnum) {
+    ChangeEnforcedLayoutTypeEnum["CUSTOM_LAYOUT"] = "CUSTOM_LAYOUT";
+    ChangeEnforcedLayoutTypeEnum["SMART_LAYOUT"] = "SMART_LAYOUT";
+    ChangeEnforcedLayoutTypeEnum["PRESENTATION_FOCUS"] = "PRESENTATION_FOCUS";
+    ChangeEnforcedLayoutTypeEnum["VIDEO_FOCUS"] = "VIDEO_FOCUS";
+    ChangeEnforcedLayoutTypeEnum["CAMERAS_ONLY"] = "CAMERAS_ONLY";
+    ChangeEnforcedLayoutTypeEnum["PRESENTATION_ONLY"] = "PRESENTATION_ONLY";
+    ChangeEnforcedLayoutTypeEnum["PARTICIPANTS_AND_CHAT_ONLY"] = "PARTICIPANTS_AND_CHAT_ONLY";
+    ChangeEnforcedLayoutTypeEnum["MEDIA_ONLY"] = "MEDIA_ONLY";
+})(ChangeEnforcedLayoutTypeEnum || (exports.ChangeEnforcedLayoutTypeEnum = ChangeEnforcedLayoutTypeEnum = {}));
+//# sourceMappingURL=enums.js.map

package/dist/cjs/ui-commands/layout/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/ui-commands/layout/enums.ts"],"names":[],"mappings":";;;AAAA,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,+DAAiD,CAAA;AACnD,CAAC,EAFW,UAAU,0BAAV,UAAU,QAErB;AAED,IAAY,4BASX;AATD,WAAY,4BAA4B;IACtC,+DAA+B,CAAA;IAC/B,6DAA6B,CAAA;IAC7B,yEAAyC,CAAA;IACzC,2DAA2B,CAAA;IAC3B,6DAA6B,CAAA;IAC7B,uEAAuC,CAAA;IACvC,yFAAyD,CAAA;IACzD,yDAAyB,CAAA;AAC3B,CAAC,EATW,4BAA4B,4CAA5B,4BAA4B,QASvC"}

package/dist/cjs/ui-commands/layout/types.d.ts

@@ -0,0 +1,8 @@
+import { ChangeEnforcedLayoutTypeEnum } from './enums';
+export interface ChangeEnforcedLayoutCommandArguments {
+    layoutType: ChangeEnforcedLayoutTypeEnum;
+}
+export type ChangeEnforcedLayout = (layoutType: ChangeEnforcedLayoutTypeEnum) => void;
+export interface UiCommandsLayoutObject {
+    changeEnforcedLayout: ChangeEnforcedLayout;
+}

package/dist/cjs/ui-commands/layout/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/ui-commands/layout/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/ui-commands/layout/types.ts"],"names":[],"mappings":""}

package/dist/cjs/ui-commands/nav-bar/commands.d.ts

@@ -0,0 +1,10 @@
+import { SetDisplayNavBarCommandArguments } from './types';
+export declare const navBar: {
+    /**
+     * Sets the displayNavBar to true (show it) or false (hide it).
+     *
+     * @param setDisplayNavBarCommandArguments: object with a boolean that tells whether to display
+     * the navbar
+     */
+    setDisplayNavBar: (setDisplayNavBarCommandArguments: SetDisplayNavBarCommandArguments) => void;
+};

package/dist/cjs/ui-commands/nav-bar/commands.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.navBar = void 0;
+var enums_1 = require("./enums");
+exports.navBar = {
+    /**
+     * Sets the displayNavBar to true (show it) or false (hide it).
+     *
+     * @param setDisplayNavBarCommandArguments: object with a boolean that tells whether to display
+     * the navbar
+     */
+    setDisplayNavBar: function (setDisplayNavBarCommandArguments) {
+        var displayNavBar = setDisplayNavBarCommandArguments.displayNavBar;
+        window.dispatchEvent(new CustomEvent(enums_1.NavBarEnum.SET_DISPLAY_NAV_BAR, {
+            detail: {
+                displayNavBar: displayNavBar,
+            },
+        }));
+    },
+};
+//# sourceMappingURL=commands.js.map

package/dist/cjs/ui-commands/nav-bar/commands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commands.js","sourceRoot":"","sources":["../../../../src/ui-commands/nav-bar/commands.ts"],"names":[],"mappings":";;;AAAA,iCAAqC;AAGxB,QAAA,MAAM,GAAG;IACpB;;;;;OAKG;IACH,gBAAgB,EAAE,UAAC,gCAAkE;QAC3E,IAAA,aAAa,GAAK,gCAAgC,cAArC,CAAsC;QAC3D,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAEb,kBAAU,CAAC,mBAAmB,EAAE;YAChC,MAAM,EAAE;gBACN,aAAa,eAAA;aACd;SACF,CAAC,CACH,CAAC;IACJ,CAAC;CACF,CAAC"}

package/dist/cjs/ui-commands/nav-bar/enums.d.ts

@@ -0,0 +1,3 @@
+export declare enum NavBarEnum {
+    SET_DISPLAY_NAV_BAR = "SET_DISPLAY_NAV_BAR_COMMAND"
+}

package/dist/cjs/ui-commands/nav-bar/enums.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavBarEnum = void 0;
+var NavBarEnum;
+(function (NavBarEnum) {
+    NavBarEnum["SET_DISPLAY_NAV_BAR"] = "SET_DISPLAY_NAV_BAR_COMMAND";
+})(NavBarEnum || (exports.NavBarEnum = NavBarEnum = {}));
+//# sourceMappingURL=enums.js.map

package/dist/cjs/ui-commands/nav-bar/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/ui-commands/nav-bar/enums.ts"],"names":[],"mappings":";;;AAAA,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,iEAAmD,CAAA;AACrD,CAAC,EAFW,UAAU,0BAAV,UAAU,QAErB"}

package/dist/cjs/ui-commands/nav-bar/types.d.ts

@@ -0,0 +1,6 @@
+export interface SetDisplayNavBarCommandArguments {
+    displayNavBar: boolean;
+}
+export interface UiCommandsNavBarObject {
+    setDisplayNavBar: (setDisplayNavBarCommandArguments: SetDisplayNavBarCommandArguments) => void;
+}

package/dist/cjs/ui-commands/nav-bar/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/ui-commands/nav-bar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/ui-commands/nav-bar/types.ts"],"names":[],"mappings":""}

package/dist/cjs/ui-commands/types.d.ts

@@ -5,10 +5,16 @@ import { UiCommandsPresentationAreaObject } from './presentation-area/types';
 import { UiCommandsUserStatusObject } from './user-status/types';
 import { UiCommandsConferenceObject } from './conference/types';
 import { UiCommandsNotificationObject } from './notification/types';
+import { UiCommandsActionsBarObject } from './actions-bar/types';
+import { UiCommandsLayoutObject } from './layout/types';
+import { UiCommandsNavBarObject } from './nav-bar/types';
 export interface UiCommands {
+    layout: UiCommandsLayoutObject;
+    actionsBar: UiCommandsActionsBarObject;
     chat: UiCommandsChatObject;
     externalVideo: UiCommandsExternalVideoObject;
     sidekickOptionsContainer: UiCommandsSidekickOptionsContainerObject;
+    navBar: UiCommandsNavBarObject;
     presentationArea: UiCommandsPresentationAreaObject;
     userStatus: UiCommandsUserStatusObject;
     conference: UiCommandsConferenceObject;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bigbluebutton-html-plugin-sdk",
-  "version": "0.0.68",
+  "version": "0.0.70",
   "homepage": "https://github.com/bigbluebutton/bigbluebutton-html-plugin-sdk",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",