bigbluebutton-html-plugin-sdk 0.0.65 → 0.0.67

package/README.md

@@ -22,6 +22,8 @@ For development purposes you can run a plugin locally from source.
 For example if you take the [`sample-action-button-dropdown-plugin`](samples/sample-action-button-dropdown-plugin),
 you do the following:
 
+*Running from source code with local BBB-server*
+
 1. Start the development server:
 
    ```bash
@@ -29,19 +31,59 @@ you do the following:
    npm install
    npm start
    ```
-2. Add reference to it on BigBlueButton's `settings.yml`:
 
-   ```yaml
-   public:
-     plugins:
-       - name: SampleActionButtonDropdownPlugin
-         url: http://127.0.0.1:4701/static/SampleActionButtonDropdownPlugin.js
-   ```
+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"}]
+```
+
+*Running from souce code with a remote BBB-server*
+
+If you are running your BBB-server elsewhere, than you can't simply point the manifest URL to a local address, you'll need to either serve the built version into a CDN or serve the dev version using a service to make it public. And for the second option we'd recommend NGROK. Here are the instructions to do that:
+
+1. Create an account on https://ngrok.com/ (Official website of NGROK);
+
+2. Install NGROK in your computer. They have a guide for that right after you created your account;
+
+3. Start the Plugin development server:
+
+```bash
+cd $HOME/src/plugin-pick-random-user-plugin
+npm install
+npm start
+```
+
+4. Start the NGROK server into your machine with the following command:
+
+```bash
+ngrok http http://172.17.0.1:4701
+```
+
+Make sure to point NGROK to the correct local URL (In our case - The samples are made this way, for instance - we used `http://172.17.0.1:4701`)
+
+Right after that, NGROK will create an interface into your terminal and will display the URL which your static files are being served.
+
+Here's an example of URL: `https://<uuid>.ngrok-free.app`
+
+You can already interact with this URL and access both 
 
-_N.B.:_ Be aware that in this case the url is interpreted from the plugin in the browser,
-so the localhost is actually your local development machine.
+`https://<uuid>.ngrok-free.app/manifest.json`
 
-### Building the Plugin
+or
+
+`https://<uuid>.ngrok-free.app/PickRandomUserPlugin.js`
+
+
+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"}]
+```
+
+And there you go, you can test it freely.
+
+### Building the Plugin (Production)
 
 To build a plugin for production use
 (again, using the example of [`sample-action-button-dropdown-plugin`](samples/sample-action-button-dropdown-plugin)),
@@ -53,26 +95,20 @@ npm install
 npm run build-bundle
 ```
 
-The above command will generate the `dist` folder, containing the bundled JavaScript file named `SampleActionButtonDropdownPlugin.js`.
-This file can be hosted on any HTTPS server.
+The above command will generate the `dist` folder, containing the bundled JavaScript file named `SampleActionButtonDropdownPlugin.js` along with the `manifest.json`.
+These files can be hosted on any HTTPS server.
 
-To use the plugin with BigBlueButton, add the plugin's URL to `settings.yml` as shown below:
+To use the plugin with BigBlueButton, add the plugin's `manifest.json` URL to `bigbluebutton.properties` or you can simply send it via `/create` parameter:
 
-```yaml
-public:
-  app:
-    ... // All app configurations
-  plugins:
-    - name: SampleActionButtonDropdownPlugin
-      url: <<PLUGIN_URL>>
-  ... // All other configurations
+```
+pluginManifests=[{"url":"<your-domain>/path/to/manifest.json"}]
 ```
 
 #### Hosting the Plugin on a BBB Server
 
 While the plugin can be hosted on any Server, it is also possible to host the bundled file directly on
-a BigBlueButton server. For that you copy the `dist/SampleActionButtonDropdownPlugin.js` to the folder `/var/www/bigbluebutton-default/assets/plugins`.
-In this case, the `<<PLUGIN_URL>>` will be `https://<your-host>/plugins/SampleActionButtonDropdownPlugin.js`.
+a BigBlueButton server. For that you copy `dist/SampleActionButtonDropdownPlugin.js` and `dist/manifest.json` to the folder `/var/www/bigbluebutton-default/assets/plugins/sampleActionButtonDropdownPlugin`.
+In this case, the your manifest URL will be `https://<your-host>/plugins/sampleActionButtonDropdownPlugin/manifest.json`.
 
 ## API
 
@@ -397,7 +433,7 @@ module.exports = {
 ```
 
 **Does the builded plugin need to be in the same BBB server?**
-No, feel free to host it anywhere you want, just make sure to point the URL from `settings.yml`correctly.
+No, feel free to host it anywhere you want, just make sure to point the URL from `manifest.json` correctly (into the create endpoint or `bigbluebutton.properties`).
 
 **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:

package/dist/cjs/core/api/BbbPluginSdk.js

@@ -23,6 +23,7 @@ var hooks_12 = require("../../data-consumption/domain/meeting/from-core/hooks");
 var commands_2 = require("../../server-commands/commands");
 var hooks_13 = require("../../learning-analytics-dashboard/hooks");
 var utils_1 = require("../../remote-data/utils");
+var hooks_14 = require("../../event-persistence/hooks");
 /**
  * Class responsible for either initialize or get the PluginApi
  *
@@ -71,6 +72,7 @@ var BbbPluginSdk = /** @class */ (function () {
             pluginApi.serverCommands = (0, commands_2.serverCommands)(pluginName);
             pluginApi.sendGenericDataForLearningAnalyticsDashboard = function (data) { return (0, hooks_13.sendGenericDataForLearningAnalyticsDashboard)(data, pluginName); };
             pluginApi.getRemoteData = function (dataSourceName) { return (0, utils_1.getRemoteData)(dataSourceName, pluginName); };
+            pluginApi.persistEvent = function (eventName, payload) { return (0, hooks_14.persistEventFunctionWrapper)(pluginName, eventName, payload); };
         }
         else {
             throw new Error('Plugin name not set');

package/dist/cjs/core/api/BbbPluginSdk.js.map

@@ -1 +1 @@
-{"version":3,"file":"BbbPluginSdk.js","sourceRoot":"","sources":["../../../../src/core/api/BbbPluginSdk.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"BbbPluginSdk.js","sourceRoot":"","sources":["../../../../src/core/api/BbbPluginSdk.ts"],"names":[],"mappings":"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"}

package/dist/cjs/core/api/types.d.ts

@@ -31,6 +31,7 @@ import { SendGenericDataForLearningAnalyticsDashboard } from '../../learning-ana
 import { UseUserCameraDomElementsFunction } from '../../dom-element-manipulation/user-camera/types';
 import { ScreenshareHelperInterface, UserCameraHelperInterface } from '../../extensible-areas';
 import { GetDataSource } from '../../remote-data/types';
+import { PersistEventFunction } from '../../event-persistence/types';
 export type SetPresentationToolbarItems = (presentationToolbarItem: PresentationToolbarInterface[]) => string[];
 export type SetUserListDropdownItems = (userListDropdownItem: UserListDropdownInterface[]) => string[];
 export type SetActionButtonDropdownItems = (actionButtonDropdownInterface: ActionButtonDropdownInterface[]) => string[];
@@ -199,6 +200,14 @@ export interface PluginApi {
      *
      */
     getRemoteData?: GetDataSource;
+    /**
+     * Persists events to `events.xml` file.
+     *
+     * @param eventName - name of the event to be persisted in `events.xml`
+     * @param payload - payload to be persisted in `events.xml`
+     *
+     */
+    persistEvent?: PersistEventFunction;
 }
 export interface PluginBrowserWindow extends Window {
     bbb_plugins: {

package/dist/cjs/event-persistence/enums.d.ts

@@ -0,0 +1,3 @@
+export declare enum EventPersistenceEvents {
+    EVENT_PERSISTED = "PLUGIN_EVENT_PERSISTED"
+}

package/dist/cjs/event-persistence/enums.js

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

package/dist/cjs/event-persistence/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../src/event-persistence/enums.ts"],"names":[],"mappings":";;;AAAA,IAAY,sBAEX;AAFD,WAAY,sBAAsB;IAChC,oEAA0C,CAAA;AAC5C,CAAC,EAFW,sBAAsB,sCAAtB,sBAAsB,QAEjC"}

package/dist/cjs/event-persistence/hooks.d.ts

@@ -0,0 +1 @@
+export declare const persistEventFunctionWrapper: <T = object>(pluginName: string, eventName: string, payload: T) => void;

package/dist/cjs/event-persistence/hooks.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.persistEventFunctionWrapper = void 0;
+var enums_1 = require("./enums");
+var persistEventFunctionWrapper = function (pluginName, eventName, payload) {
+    window.dispatchEvent(new CustomEvent(enums_1.EventPersistenceEvents.EVENT_PERSISTED, {
+        detail: {
+            pluginName: pluginName,
+            eventName: eventName,
+            payload: payload,
+        },
+    }));
+};
+exports.persistEventFunctionWrapper = persistEventFunctionWrapper;
+//# sourceMappingURL=hooks.js.map

package/dist/cjs/event-persistence/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/event-persistence/hooks.ts"],"names":[],"mappings":";;;AAGA,iCAAiD;AAE1C,IAAM,2BAA2B,GAAG,UACzC,UAAkB,EAClB,SAAiB,EACjB,OAAU;IAEV,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CACa,8BAAsB,CAAC,eAAe,EAAE;QAClE,MAAM,EAAE;YACN,UAAU,YAAA;YACV,SAAS,WAAA;YACT,OAAO,SAAA;SACR;KACF,CAAC,CACH,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,2BAA2B,+BAetC"}

package/dist/cjs/event-persistence/types.d.ts

@@ -0,0 +1,6 @@
+export interface EventPersistenceDetails<T = object> {
+    pluginName: string;
+    eventName: string;
+    payload: T;
+}
+export type PersistEventFunction = <T = object>(eventName: string, payload: T) => void;

package/dist/cjs/event-persistence/types.js

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

package/dist/cjs/event-persistence/types.js.map

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

package/dist/cjs/extensible-areas/action-button-dropdown-item/component.d.ts

@@ -19,7 +19,7 @@ export declare class ActionButtonDropdownOption implements ActionButtonDropdownI
      *
      * @returns the option to be displayed in the action button dropdown
      */
-    constructor({ label, icon, tooltip, allowed, onClick, }: ActionButtonDropdownOptionProps);
+    constructor({ id, label, icon, tooltip, allowed, onClick, }: ActionButtonDropdownOptionProps);
     setItemId: (id: string) => void;
 }
 export declare class ActionButtonDropdownSeparator implements ActionButtonDropdownInterface {

package/dist/cjs/extensible-areas/action-button-dropdown-item/component.js

@@ -16,12 +16,15 @@ var ActionButtonDropdownOption = /** @class */ (function () {
      * @returns the option to be displayed in the action button dropdown
      */
     function ActionButtonDropdownOption(_a) {
-        var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.tooltip, tooltip = _d === void 0 ? '' : _d, _e = _a.allowed, allowed = _e === void 0 ? true : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f;
+        var id = _a.id, _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.tooltip, tooltip = _d === void 0 ? '' : _d, _e = _a.allowed, allowed = _e === void 0 ? true : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
             _this.id = "ActionButtonDropdownOption_".concat(id);
         };
+        if (id) {
+            this.id = id;
+        }
         this.label = label;
         this.icon = icon;
         this.tooltip = tooltip;

package/dist/cjs/extensible-areas/action-button-dropdown-item/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/action-button-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAuD;AAKvD,uCAAuC;AAEvC;IAeE;;;;;;;;;;OAUG;IACH,oCAAY,EAEsB;YADhC,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;QADzE,iBASC;QAlCD,OAAE,GAAW,EAAE,CAAC;QAoChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,qCAA8B,EAAE,CAAE,CAAC;QAC/C,CAAC,CAAC;QAVA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,oCAA4B,CAAC,MAAM,CAAC;IAClD,CAAC;IAKH,iCAAC;AAAD,CAAC,AAxCD,IAwCC;AAxCY,gEAA0B;AA0CvC;IAKE;QAAA,iBAEC;QAND,OAAE,GAAW,EAAE,CAAC;QAQhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,wCAAiC,EAAE,CAAE,CAAC;QAClD,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,oCAA4B,CAAC,SAAS,CAAC;IACrD,CAAC;IAKH,oCAAC;AAAD,CAAC,AAZD,IAYC;AAZY,sEAA6B"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/action-button-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAuD;AAKvD,uCAAuC;AAEvC;IAeE;;;;;;;;;;OAUG;IACH,oCAAY,EAEsB;YADhC,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;QAD7E,iBAYC;QArCD,OAAE,GAAW,EAAE,CAAC;QAuChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,qCAA8B,EAAE,CAAE,CAAC;QAC/C,CAAC,CAAC;QAbA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,oCAA4B,CAAC,MAAM,CAAC;IAClD,CAAC;IAKH,iCAAC;AAAD,CAAC,AA3CD,IA2CC;AA3CY,gEAA0B;AA6CvC;IAKE;QAAA,iBAEC;QAND,OAAE,GAAW,EAAE,CAAC;QAQhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,wCAAiC,EAAE,CAAE,CAAC;QAClD,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,oCAA4B,CAAC,SAAS,CAAC;IACrD,CAAC;IAKH,oCAAC;AAAD,CAAC,AAZD,IAYC;AAZY,sEAA6B"}

package/dist/cjs/extensible-areas/action-button-dropdown-item/types.d.ts

@@ -5,6 +5,7 @@ import { PluginProvidedUiItemDescriptor } from '../base';
 export interface ActionButtonDropdownInterface extends PluginProvidedUiItemDescriptor {
 }
 export interface ActionButtonDropdownOptionProps {
+    id?: string;
     label: string;
     icon: string;
     tooltip: string;

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

@@ -18,7 +18,7 @@ export declare class ActionsBarButton implements ActionsBarInterface {
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
-    constructor({ icon, tooltip, onClick, position, }: ActionsBarButtonProps);
+    constructor({ id, icon, tooltip, onClick, position, }: ActionsBarButtonProps);
     setItemId: (id: string) => void;
 }
 export declare class ActionsBarSeparator implements ActionsBarInterface {

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

@@ -16,12 +16,15 @@ var ActionsBarButton = /** @class */ (function () {
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
     function ActionsBarButton(_a) {
-        var _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 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;

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,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;QADlF,iBAQC;QA/BD,OAAE,GAAW,EAAE,CAAC;QAiChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,2BAAoB,EAAE,CAAE,CAAC;QACrC,CAAC,CAAC;QATA,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,AArCD,IAqCC;AArCY,4CAAgB;AAuC7B;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":";;;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"}

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

@@ -7,6 +7,7 @@ export interface ActionsBarInterface extends PluginProvidedUiItemDescriptor {
     position: ActionsBarPosition;
 }
 export interface ActionsBarButtonProps {
+    id?: string;
     icon: string;
     tooltip: string;
     position: ActionsBarPosition;

package/dist/cjs/extensible-areas/audio-settings-dropdown-item/component.d.ts

@@ -16,7 +16,7 @@ export declare class AudioSettingsDropdownOption implements AudioSettingsDropdow
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
-    constructor({ label, icon, onClick, }: AudioSettingsDropdownOptionProps);
+    constructor({ id, label, icon, onClick, }: AudioSettingsDropdownOptionProps);
     setItemId: (id: string) => void;
 }
 export declare class AudioSettingsDropdownSeparator implements AudioSettingsDropdownInterface {

package/dist/cjs/extensible-areas/audio-settings-dropdown-item/component.js

@@ -15,12 +15,15 @@ var AudioSettingsDropdownOption = /** @class */ (function () {
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
     function AudioSettingsDropdownOption(_a) {
-        var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d;
+        var id = _a.id, _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
             _this.id = "AudioSettingsDropdownOption_".concat(id);
         };
+        if (id) {
+            this.id = id;
+        }
         this.label = label;
         this.icon = icon;
         this.onClick = onClick;

package/dist/cjs/extensible-areas/audio-settings-dropdown-item/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/audio-settings-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAwD;AAKxD,wCAAwC;AAExC;IAWE;;;;;;;;;OASG;IACH,qCAAY,EAEuB;YADjC,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;QAD3C,iBAOC;QA3BD,OAAE,GAAW,EAAE,CAAC;QA6BhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,sCAA+B,EAAE,CAAE,CAAC;QAChD,CAAC,CAAC;QARA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,qCAA6B,CAAC,MAAM,CAAC;IACnD,CAAC;IAKH,kCAAC;AAAD,CAAC,AAjCD,IAiCC;AAjCY,kEAA2B;AAmCxC;IAKE;;;;;;;;OAQG;IACH;QAAA,iBAEC;QAfD,OAAE,GAAW,EAAE,CAAC;QAiBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,yCAAkC,EAAE,CAAE,CAAC;QACnD,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,qCAA6B,CAAC,SAAS,CAAC;IACtD,CAAC;IAKH,qCAAC;AAAD,CAAC,AArBD,IAqBC;AArBY,wEAA8B"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/audio-settings-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAwD;AAKxD,wCAAwC;AAExC;IAWE;;;;;;;;;OASG;IACH,qCAAY,EAEuB;YADjC,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;QAD/C,iBAUC;QA9BD,OAAE,GAAW,EAAE,CAAC;QAgChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,sCAA+B,EAAE,CAAE,CAAC;QAChD,CAAC,CAAC;QAXA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,qCAA6B,CAAC,MAAM,CAAC;IACnD,CAAC;IAKH,kCAAC;AAAD,CAAC,AApCD,IAoCC;AApCY,kEAA2B;AAsCxC;IAKE;;;;;;;;OAQG;IACH;QAAA,iBAEC;QAfD,OAAE,GAAW,EAAE,CAAC;QAiBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,yCAAkC,EAAE,CAAE,CAAC;QACnD,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,qCAA6B,CAAC,SAAS,CAAC;IACtD,CAAC;IAKH,qCAAC;AAAD,CAAC,AArBD,IAqBC;AArBY,wEAA8B"}

package/dist/cjs/extensible-areas/audio-settings-dropdown-item/types.d.ts

@@ -9,6 +9,7 @@ import { PluginProvidedUiItemDescriptor } from '../base';
 export interface AudioSettingsDropdownInterface extends PluginProvidedUiItemDescriptor {
 }
 export interface AudioSettingsDropdownOptionProps {
+    id?: string;
     label: string;
     icon: string;
     onClick: () => void;

package/dist/cjs/extensible-areas/camera-settings-dropdown-item/component.d.ts

@@ -16,7 +16,7 @@ export declare class CameraSettingsDropdownOption implements CameraSettingsDropd
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    constructor({ label, icon, onClick, }: CameraSettingsDropdownOptionProps);
+    constructor({ id, label, icon, onClick, }: CameraSettingsDropdownOptionProps);
     setItemId: (id: string) => void;
 }
 export declare class CameraSettingsDropdownSeparator implements CameraSettingsDropdownInterface {

package/dist/cjs/extensible-areas/camera-settings-dropdown-item/component.js

@@ -15,12 +15,15 @@ var CameraSettingsDropdownOption = /** @class */ (function () {
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
     function CameraSettingsDropdownOption(_a) {
-        var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d;
+        var id = _a.id, _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
             _this.id = "CameraSettingsDropdownOption_".concat(id);
         };
+        if (id) {
+            this.id = id;
+        }
         this.label = label;
         this.icon = icon;
         this.onClick = onClick;

package/dist/cjs/extensible-areas/camera-settings-dropdown-item/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/camera-settings-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAyD;AAKzD,yCAAyC;AAEzC;IAWE;;;;;;;;;OASG;IACH,sCAAY,EAEwB;YADlC,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;QAD3C,iBAOC;QA3BD,OAAE,GAAW,EAAE,CAAC;QA6BhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,uCAAgC,EAAE,CAAE,CAAC;QACjD,CAAC,CAAC;QARA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,sCAA8B,CAAC,MAAM,CAAC;IACpD,CAAC;IAKH,mCAAC;AAAD,CAAC,AAjCD,IAiCC;AAjCY,oEAA4B;AAmCzC;IAKE;;;;;;;;OAQG;IACH;QAAA,iBAEC;QAfD,OAAE,GAAW,EAAE,CAAC;QAiBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,0CAAmC,EAAE,CAAE,CAAC;QACpD,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,sCAA8B,CAAC,SAAS,CAAC;IACvD,CAAC;IAKH,sCAAC;AAAD,CAAC,AArBD,IAqBC;AArBY,0EAA+B"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/camera-settings-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAyD;AAKzD,yCAAyC;AAEzC;IAWE;;;;;;;;;OASG;IACH,sCAAY,EAEwB;YADlC,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;QAD/C,iBAUC;QA9BD,OAAE,GAAW,EAAE,CAAC;QAgChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,uCAAgC,EAAE,CAAE,CAAC;QACjD,CAAC,CAAC;QAXA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,sCAA8B,CAAC,MAAM,CAAC;IACpD,CAAC;IAKH,mCAAC;AAAD,CAAC,AApCD,IAoCC;AApCY,oEAA4B;AAsCzC;IAKE;;;;;;;;OAQG;IACH;QAAA,iBAEC;QAfD,OAAE,GAAW,EAAE,CAAC;QAiBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,0CAAmC,EAAE,CAAE,CAAC;QACpD,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,sCAA8B,CAAC,SAAS,CAAC;IACvD,CAAC;IAKH,sCAAC;AAAD,CAAC,AArBD,IAqBC;AArBY,0EAA+B"}

package/dist/cjs/extensible-areas/camera-settings-dropdown-item/types.d.ts

@@ -9,6 +9,7 @@ import { PluginProvidedUiItemDescriptor } from '../base';
 export interface CameraSettingsDropdownInterface extends PluginProvidedUiItemDescriptor {
 }
 export interface CameraSettingsDropdownOptionProps {
+    id?: string;
     label: string;
     icon: string;
     onClick: () => void;

package/dist/cjs/extensible-areas/floating-window/component.d.ts

@@ -26,6 +26,6 @@ export declare class FloatingWindow implements FloatingWindowInterface {
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    constructor({ top, left, movable, backgroundColor, boxShadow, contentFunction, }: FloatingWindowProps);
+    constructor({ id, top, left, movable, backgroundColor, boxShadow, contentFunction, }: FloatingWindowProps);
     setItemId: (id: string) => void;
 }

package/dist/cjs/extensible-areas/floating-window/component.js

@@ -21,12 +21,15 @@ var FloatingWindow = /** @class */ (function () {
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
     function FloatingWindow(_a) {
-        var top = _a.top, left = _a.left, movable = _a.movable, backgroundColor = _a.backgroundColor, boxShadow = _a.boxShadow, contentFunction = _a.contentFunction;
+        var id = _a.id, top = _a.top, left = _a.left, movable = _a.movable, backgroundColor = _a.backgroundColor, boxShadow = _a.boxShadow, contentFunction = _a.contentFunction;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
             _this.id = "FloatingWindow_".concat(id);
         };
+        if (id) {
+            this.id = id;
+        }
         this.top = top;
         this.left = left;
         this.movable = movable;

package/dist/cjs/extensible-areas/floating-window/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/floating-window/component.ts"],"names":[],"mappings":";;;AACA,iCAA6C;AAG7C,iCAAiC;AAEjC;IAiBE;;;;;;;;;;;;;;;OAeG;IACH,wBAAY,EAOU;YANpB,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,eAAe,qBAAA;QANjB,iBAgBC;QAhDD,OAAE,GAAW,EAAE,CAAC;QAkDhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,yBAAkB,EAAE,CAAE,CAAC;QACnC,CAAC,CAAC;QAZA,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAE3B,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,0BAAkB,CAAC,SAAS,CAAC;IAC3C,CAAC;IAKH,qBAAC;AAAD,CAAC,AAtDD,IAsDC;AAtDY,wCAAc"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/floating-window/component.ts"],"names":[],"mappings":";;;AACA,iCAA6C;AAG7C,iCAAiC;AAEjC;IAiBE;;;;;;;;;;;;;;;OAeG;IACH,wBAAY,EAQU;YAPpB,EAAE,QAAA,EACF,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,eAAe,qBAAA;QAPjB,iBAoBC;QApDD,OAAE,GAAW,EAAE,CAAC;QAsDhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,yBAAkB,EAAE,CAAE,CAAC;QACnC,CAAC,CAAC;QAfA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAE3B,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,0BAAkB,CAAC,SAAS,CAAC;IAC3C,CAAC;IAKH,qBAAC;AAAD,CAAC,AA1DD,IA0DC;AA1DY,wCAAc"}

package/dist/cjs/extensible-areas/floating-window/types.d.ts

@@ -3,6 +3,7 @@ import { PluginProvidedUiItemDescriptor } from '../base';
 export interface FloatingWindowInterface extends PluginProvidedUiItemDescriptor {
 }
 export interface FloatingWindowProps {
+    id?: string;
     top: number;
     left: number;
     movable: boolean;

package/dist/cjs/extensible-areas/generic-content-item/component.d.ts

@@ -14,7 +14,7 @@ export declare class GenericContentMainArea implements GenericContentInterface {
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    constructor({ contentFunction, }: GenericContentMainAreaProps);
+    constructor({ id, contentFunction, }: GenericContentMainAreaProps);
     setItemId: (id: string) => void;
 }
 export declare class GenericContentSidekickArea implements GenericContentInterface {
@@ -41,6 +41,6 @@ export declare class GenericContentSidekickArea implements GenericContentInterfa
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    constructor({ contentFunction, name, section, buttonIcon, open, }: GenericContentSidekickAreaProps);
+    constructor({ id, contentFunction, name, section, buttonIcon, open, }: GenericContentSidekickAreaProps);
     setItemId: (id: string) => void;
 }

package/dist/cjs/extensible-areas/generic-content-item/component.js

@@ -14,12 +14,15 @@ var GenericContentMainArea = /** @class */ (function () {
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
     function GenericContentMainArea(_a) {
-        var contentFunction = _a.contentFunction;
+        var id = _a.id, contentFunction = _a.contentFunction;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
             _this.id = id;
         };
+        if (id) {
+            this.id = id;
+        }
         this.contentFunction = contentFunction;
         this.type = enums_1.GenericContentType.MAIN_AREA;
     }
@@ -44,7 +47,7 @@ var GenericContentSidekickArea = /** @class */ (function () {
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
     function GenericContentSidekickArea(_a) {
-        var contentFunction = _a.contentFunction, name = _a.name, section = _a.section, buttonIcon = _a.buttonIcon, open = _a.open;
+        var id = _a.id, contentFunction = _a.contentFunction, name = _a.name, section = _a.section, buttonIcon = _a.buttonIcon, open = _a.open;
         var _this = this;
         this.id = '';
         this.name = '';
@@ -54,6 +57,9 @@ var GenericContentSidekickArea = /** @class */ (function () {
         this.setItemId = function (id) {
             _this.id = id;
         };
+        if (id) {
+            this.id = id;
+        }
         this.contentFunction = contentFunction;
         this.name = name;
         this.section = section;

package/dist/cjs/extensible-areas/generic-content-item/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/generic-content-item/component.ts"],"names":[],"mappings":";;;AACA,iCAA6C;AAG7C,iCAAiC;AAEjC;IAOE;;;;;;;;OAQG;IACH,gCAAY,EAEkB;YAD5B,eAAe,qBAAA;QADjB,iBAKC;QApBD,OAAE,GAAW,EAAE,CAAC;QAsBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC;QANA,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,0BAAkB,CAAC,SAAS,CAAC;IAC3C,CAAC;IAKH,6BAAC;AAAD,CAAC,AA1BD,IA0BC;AA1BY,wDAAsB;AA4BnC;IAeE;;;;;;;;;;;;;;;OAeG;IACH,oCAAY,EAEsB;YADhC,eAAe,qBAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,IAAI,UAAA;QADlD,iBASC;QAvCD,OAAE,GAAW,EAAE,CAAC;QAIhB,SAAI,GAAW,EAAE,CAAC;QAElB,YAAO,GAAW,EAAE,CAAC;QAErB,eAAU,GAAW,EAAE,CAAC;QAExB,SAAI,GAAY,KAAK,CAAC;QA+BtB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC;QAVA,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,IAAI,GAAG,0BAAkB,CAAC,aAAa,CAAC;QAC7C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAKH,iCAAC;AAAD,CAAC,AA7CD,IA6CC;AA7CY,gEAA0B"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/generic-content-item/component.ts"],"names":[],"mappings":";;;AACA,iCAA6C;AAG7C,iCAAiC;AAEjC;IAOE;;;;;;;;OAQG;IACH,gCAAY,EAEkB;YAD5B,EAAE,QAAA,EAAE,eAAe,qBAAA;QADrB,iBAQC;QAvBD,OAAE,GAAW,EAAE,CAAC;QAyBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC;QATA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,0BAAkB,CAAC,SAAS,CAAC;IAC3C,CAAC;IAKH,6BAAC;AAAD,CAAC,AA7BD,IA6BC;AA7BY,wDAAsB;AA+BnC;IAeE;;;;;;;;;;;;;;;OAeG;IACH,oCAAY,EAEsB;YADhC,EAAE,QAAA,EAAE,eAAe,qBAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,IAAI,UAAA;QADtD,iBAYC;QA1CD,OAAE,GAAW,EAAE,CAAC;QAIhB,SAAI,GAAW,EAAE,CAAC;QAElB,YAAO,GAAW,EAAE,CAAC;QAErB,eAAU,GAAW,EAAE,CAAC;QAExB,SAAI,GAAY,KAAK,CAAC;QAkCtB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC;QAbA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,IAAI,GAAG,0BAAkB,CAAC,aAAa,CAAC;QAC7C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAKH,iCAAC;AAAD,CAAC,AAhDD,IAgDC;AAhDY,gEAA0B"}

package/dist/cjs/extensible-areas/generic-content-item/types.d.ts

@@ -3,9 +3,11 @@ import { PluginProvidedUiItemDescriptor } from '../base';
 export interface GenericContentInterface extends PluginProvidedUiItemDescriptor {
 }
 export interface GenericContentMainAreaProps {
+    id?: string;
     contentFunction: (element: HTMLElement) => ReactDOM.Root;
 }
 export interface GenericContentSidekickAreaProps {
+    id?: string;
     contentFunction: (element: HTMLElement) => ReactDOM.Root;
     name: string;
     section: string;

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

@@ -26,7 +26,7 @@ export declare class NavBarButton implements NavBarInterface {
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    constructor({ label, icon, tooltip, disabled, onClick, position, hasSeparator, }: NavBarButtonProps);
+    constructor({ id, label, icon, tooltip, disabled, onClick, position, hasSeparator, }: NavBarButtonProps);
     setItemId: (id: string) => void;
 }
 export declare class NavBarInfo implements NavBarInterface {
@@ -47,6 +47,6 @@ export declare class NavBarInfo implements NavBarInterface {
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
-    constructor({ label, position, hasSeparator, }: NavBarInfoProps);
+    constructor({ id, label, position, hasSeparator, }: NavBarInfoProps);
     setItemId: (id: string) => void;
 }

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

@@ -21,12 +21,15 @@ var NavBarButton = /** @class */ (function () {
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
     function NavBarButton(_a) {
-        var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.tooltip, tooltip = _d === void 0 ? '' : _d, _e = _a.disabled, disabled = _e === void 0 ? true : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f, _g = _a.position, position = _g === void 0 ? enums_1.NavBarItemPosition.RIGHT : _g, _h = _a.hasSeparator, hasSeparator = _h === void 0 ? true : _h;
+        var id = _a.id, _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.tooltip, tooltip = _d === void 0 ? '' : _d, _e = _a.disabled, disabled = _e === void 0 ? true : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f, _g = _a.position, position = _g === void 0 ? enums_1.NavBarItemPosition.RIGHT : _g, _h = _a.hasSeparator, hasSeparator = _h === void 0 ? true : _h;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
             _this.id = "NavBarButton_".concat(id);
         };
+        if (id) {
+            this.id = id;
+        }
         this.label = label;
         this.icon = icon;
         this.tooltip = tooltip;
@@ -53,12 +56,15 @@ var NavBarInfo = /** @class */ (function () {
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
      */
     function NavBarInfo(_a) {
-        var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.position, position = _c === void 0 ? enums_1.NavBarItemPosition.RIGHT : _c, _d = _a.hasSeparator, hasSeparator = _d === void 0 ? true : _d;
+        var id = _a.id, _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.position, position = _c === void 0 ? enums_1.NavBarItemPosition.RIGHT : _c, _d = _a.hasSeparator, hasSeparator = _d === void 0 ? true : _d;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
             _this.id = "NavBarInfo_".concat(id);
         };
+        if (id) {
+            this.id = id;
+        }
         this.label = label;
         this.type = enums_1.NavBarItemType.INFO;
         this.position = position;

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/nav-bar-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAA6D;AAM7D,yBAAyB;AAEzB;IAmBE;;;;;;;;;;;;;;;OAeG;IACH,sBAAY,EAGQ;YAFlB,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EACxE,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA,EAAE,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA;QAF1D,iBAYC;QA9CD,OAAE,GAAW,EAAE,CAAC;QAgDhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,uBAAgB,EAAE,CAAE,CAAC;QACjC,CAAC,CAAC;QAZA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,sBAAc,CAAC,MAAM,CAAC;QAClC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAKH,mBAAC;AAAD,CAAC,AApDD,IAoDC;AApDY,oCAAY;AAsDzB;IAWE;;;;;;;;;;;OAWG;IACH,oBAAY,EAGM;YAFhB,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA,EAC/C,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA;QAFrB,iBAQC;QA9BD,OAAE,GAAW,EAAE,CAAC;QAgChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,qBAAc,EAAE,CAAE,CAAC;QAC/B,CAAC,CAAC;QARA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,sBAAc,CAAC,IAAI,CAAC;QAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACnC,CAAC;IAKH,iBAAC;AAAD,CAAC,AApCD,IAoCC;AApCY,gCAAU"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/nav-bar-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAA6D;AAM7D,yBAAyB;AAEzB;IAmBE;;;;;;;;;;;;;;;OAeG;IACH,sBAAY,EAGQ;YAFlB,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EAC5E,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA,EAAE,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA;QAF1D,iBAeC;QAjDD,OAAE,GAAW,EAAE,CAAC;QAmDhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,uBAAgB,EAAE,CAAE,CAAC;QACjC,CAAC,CAAC;QAfA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,sBAAc,CAAC,MAAM,CAAC;QAClC,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAKH,mBAAC;AAAD,CAAC,AAvDD,IAuDC;AAvDY,oCAAY;AAyDzB;IAWE;;;;;;;;;;;OAWG;IACH,oBAAY,EAGM;YAFhB,EAAE,QAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,gBAAmC,EAAnC,QAAQ,mBAAG,0BAAkB,CAAC,KAAK,KAAA,EACnD,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA;QAFrB,iBAWC;QAjCD,OAAE,GAAW,EAAE,CAAC;QAmChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,qBAAc,EAAE,CAAE,CAAC;QAC/B,CAAC,CAAC;QAXA,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,sBAAc,CAAC,IAAI,CAAC;QAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACnC,CAAC;IAKH,iBAAC;AAAD,CAAC,AAvCD,IAuCC;AAvCY,gCAAU"}