bigbluebutton-html-plugin-sdk 0.0.34 → 0.0.36

package/README.md

@@ -28,6 +28,8 @@ SDK for developing BigBlueButton plugins, examples of implementations can be fou
 
 - Floating window item (floatingWindow)
 
+- Generic component (genericComponent)
+
 ### Getters available through the API:
 - `getSessionToken`: returns the user session token located on the user's URL.
 
@@ -65,6 +67,9 @@ SDK for developing BigBlueButton plugins, examples of implementations can be fou
   - external-video:
     - volume:
       - set: this function will set the external video volume to a certain number between 0 and 1 (that is 0% and);
+  - layout:
+    - set: This function set the current layout with its argument (example: LayoutComponentListEnum.GENERIC_COMPONENT)
+    - unset: This function unset the current layout with its argument (example: LayoutComponentListEnum.GENERIC_COMPONENT)
 
 ### Dom Element Manipulation
 - `useChatMessageDomElements` hook: This hook will return the dom element of a chat message reactively, so one can modify whatever is inside, such as text, css, js, etc.;

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

@@ -87,6 +87,7 @@ var BbbPluginSdk = /** @class */ (function () {
                 setUserCameraDropdownItems: function () { },
                 setUserListItemAdditionalInformation: function () { },
                 setFloatingWindows: function () { },
+                setGenericComponents: function () { },
                 mapOfDispatchers: {
                     '': function () { },
                 },

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

@@ -24,6 +24,7 @@ import { UsePluginSettingsFunction } from '../../data-consumption/domain/setting
 import { UseUiEventFunction } from '../../ui-events/types';
 import { UseLoadedChatMessagesFunction } from '../../data-consumption/domain/chat/loaded-chat-messages/types';
 import { UseTalkingIndicatorFunction } from '../../data-consumption/domain/user-voice/talking-indicator/types';
+import { GenericComponentInterface } from '../../extensible-areas/generic-component/types';
 export type SetPresentationToolbarItems = (presentationToolbarItem: PresentationToolbarInterface[]) => void;
 export type SetUserListDropdownItems = (userListDropdownItem: UserListDropdownInterface[]) => void;
 export type SetActionButtonDropdownItems = (actionButtonDropdownInterface: ActionButtonDropdownInterface[]) => void;
@@ -35,6 +36,7 @@ export type SetOptionsDropdownItems = (optionsDropdownItem: OptionsDropdownInter
 export type SetCameraSettingsDropdownItems = (cameraSettingsDropdownItem: CameraSettingsDropdownInterface[]) => void;
 export type SetUserCameraDropdownItems = (userCameraDropdownItem: UserCameraDropdownInterface[]) => void;
 export type SetUserListItemAdditionalInformation = (userListItemAdditionalInformation: UserListItemAdditionalInformationInterface[]) => void;
+export type SetGenericComponents = (genericComponents: GenericComponentInterface[]) => void;
 /**
  * Object that makes plugin hooks and extensible area setters available for developers to use.
  */
@@ -52,6 +54,7 @@ export interface PluginApi {
     setUserCameraDropdownItems: SetUserCameraDropdownItems;
     setUserListItemAdditionalInformation: SetUserListItemAdditionalInformation;
     setFloatingWindows: SetFloatingWindows;
+    setGenericComponents: SetGenericComponents;
     /**
      * Returns an object containing the data on the current presentation being displayed
      * in the presentation area, and its current page.

package/dist/cjs/data-channel/constants.d.ts

@@ -0,0 +1 @@
+export declare const RESET_DATA_CHANNEL = "RESET_DATA_CHANNEL";

package/dist/cjs/data-channel/constants.js

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

package/dist/cjs/data-channel/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/data-channel/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,kBAAkB,GAAG,oBAAoB,CAAC"}

package/dist/cjs/data-channel/enums.d.ts

@@ -9,5 +9,7 @@ export declare enum DataChannelDispatcherUserRole {
     VIEWER = "VIEWER"
 }
 export declare enum DataChannelHooks {
-    DATA_CHANNEL = "Hooks::DataChannel"
+    DATA_CHANNEL_BUILDER = "Hooks::DataChannelBuilder",
+    DATA_CHANNEL_RESET = "Hooks::DataChannelReset",
+    DATA_CHANNEL_DELETE = "Hooks::DataChannelDelete"
 }

package/dist/cjs/data-channel/enums.js

@@ -15,6 +15,8 @@ var DataChannelDispatcherUserRole;
 })(DataChannelDispatcherUserRole || (exports.DataChannelDispatcherUserRole = DataChannelDispatcherUserRole = {}));
 var DataChannelHooks;
 (function (DataChannelHooks) {
-    DataChannelHooks["DATA_CHANNEL"] = "Hooks::DataChannel";
+    DataChannelHooks["DATA_CHANNEL_BUILDER"] = "Hooks::DataChannelBuilder";
+    DataChannelHooks["DATA_CHANNEL_RESET"] = "Hooks::DataChannelReset";
+    DataChannelHooks["DATA_CHANNEL_DELETE"] = "Hooks::DataChannelDelete";
 })(DataChannelHooks || (exports.DataChannelHooks = DataChannelHooks = {}));
 //# sourceMappingURL=enums.js.map

package/dist/cjs/data-channel/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../src/data-channel/enums.ts"],"names":[],"mappings":";;;AAAA,OAAO;AACP;;;;GAIG;AACH,IAAY,6BAIX;AAJD,WAAY,6BAA6B;IACvC,wDAAuB,CAAA;IACvB,wDAAuB,CAAA;IACvB,kDAAiB,CAAA;AACnB,CAAC,EAJW,6BAA6B,6CAA7B,6BAA6B,QAIxC;AAED,IAAY,gBAEX;AAFD,WAAY,gBAAgB;IAC1B,uDAAmC,CAAA;AACrC,CAAC,EAFW,gBAAgB,gCAAhB,gBAAgB,QAE3B"}
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../src/data-channel/enums.ts"],"names":[],"mappings":";;;AAAA,OAAO;AACP;;;;GAIG;AACH,IAAY,6BAIX;AAJD,WAAY,6BAA6B;IACvC,wDAAuB,CAAA;IACvB,wDAAuB,CAAA;IACvB,kDAAiB,CAAA;AACnB,CAAC,EAJW,6BAA6B,6CAA7B,6BAA6B,QAIxC;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,sEAAkD,CAAA;IAClD,kEAA8C,CAAA;IAC9C,oEAAgD,CAAA;AAClD,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B"}

package/dist/cjs/data-channel/hooks.d.ts

@@ -1,3 +1,2 @@
 import { UseDataChannelStaticFunction } from './types';
-export declare const createChannelIdentifier: (channelName: string, pluginName: string) => string;
 export declare const useDataChannel: UseDataChannelStaticFunction;

package/dist/cjs/data-channel/hooks.js

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDataChannel = exports.createChannelIdentifier = void 0;
+exports.useDataChannel = void 0;
 var react_1 = require("react");
 var enum_1 = require("../core/enum");
 var enums_1 = require("./enums");
-var createChannelIdentifier = function (channelName, pluginName) { return "".concat(channelName, "::").concat(pluginName); };
-exports.createChannelIdentifier = createChannelIdentifier;
+var utils_1 = require("./utils");
+var utils_2 = require("./utils");
 exports.useDataChannel = (function (channelName, pluginName, pluginApi) {
     var _a = (0, react_1.useState)({ loading: true }), data = _a[0], setData = _a[1];
     var _b = (0, react_1.useState)(), dispatcherFunction = _b[0], setDispatcherFunction = _b[1];
-    var channelIdentifier = (0, exports.createChannelIdentifier)(channelName, pluginName);
+    var deletionFunction = function (deletionObjects) { return (0, utils_2.deletionFunctionUtil)(deletionObjects, channelName, pluginName); };
+    var channelIdentifier = (0, utils_1.createChannelIdentifier)(channelName, pluginName);
     var handleDataChange = (function (customEvent) {
         var eventDetail = customEvent.detail;
         setData(eventDetail.data);
@@ -23,20 +24,20 @@ exports.useDataChannel = (function (channelName, pluginName, pluginApi) {
         window.addEventListener("".concat(channelIdentifier, "::dispatcherFunction"), handleListenToChangeDisPatcherFunction);
         window.dispatchEvent(new CustomEvent(enum_1.HookEvents.SUBSCRIBED, {
             detail: {
-                hook: enums_1.DataChannelHooks.DATA_CHANNEL,
+                hook: enums_1.DataChannelHooks.DATA_CHANNEL_BUILDER,
                 hookArguments: { channelName: channelName, pluginName: pluginName },
             },
         }));
         return function () {
             window.dispatchEvent(new CustomEvent(enum_1.HookEvents.UNSUBSCRIBED, {
                 detail: {
-                    hook: enums_1.DataChannelHooks.DATA_CHANNEL,
+                    hook: enums_1.DataChannelHooks.DATA_CHANNEL_BUILDER,
                     hookArguments: { channelName: channelName, pluginName: pluginName },
                 },
             }));
             window.removeEventListener(channelIdentifier, handleDataChange);
         };
     }, []);
-    return [data, dispatcherFunction];
+    return [data, dispatcherFunction, deletionFunction];
 });
 //# sourceMappingURL=hooks.js.map

package/dist/cjs/data-channel/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/data-channel/hooks.ts"],"names":[],"mappings":";;;AAAA,+BAA4C;AAS5C,qCAEsB;AAKtB,iCAA2C;AAEpC,IAAM,uBAAuB,GAAG,UAAC,WAAmB,EAAE,UAAkB,IAAK,OAAA,UAAG,WAAW,eAAK,UAAU,CAAE,EAA/B,CAA+B,CAAC;AAAvG,QAAA,uBAAuB,2BAAgF;AAEvG,QAAA,cAAc,GAAG,CAAC,UAAI,WAAmB,EACpD,UAAkB,EAAE,SAAoB;IAElC,IAAA,KAAkB,IAAA,gBAAQ,EAC9B,EAAE,OAAO,EAAE,IAAI,EAAE,CAClB,EAFM,IAAI,QAAA,EAAE,OAAO,QAEnB,CAAC;IACI,IAAA,KAA8C,IAAA,gBAAQ,GAAsB,EAA3E,kBAAkB,QAAA,EAAE,qBAAqB,QAAkC,CAAC;IAEnF,IAAM,iBAAiB,GAAG,IAAA,+BAAuB,EAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAE3E,IAAM,gBAAgB,GAAkB,CAAC,UACvC,WAAoF;QAEpF,IAAM,WAAW,GAAG,WAAW,CAAC,MAE/B,CAAC;QACF,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,CAAkB,CAAC;IAEpB,IAAM,sCAAsC,GAAkB,CAC5D;QACE,qBAAqB,CAAC,cAAM,OAAA,SAAS,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,EAA7C,CAA6C,CAAC,CAAC;QAC3E,MAAM,CAAC,mBAAmB,CACxB,UAAG,iBAAiB,yBAAsB,EAC1C,sCAAsC,CACvC,CAAC;IACJ,CAAC,CAAkB,CAAC;IACtB,IAAA,iBAAS,EAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;QAC7D,MAAM,CAAC,gBAAgB,CACrB,UAAG,iBAAiB,yBAAsB,EAC1C,sCAAsC,CACvC,CAAC;QAEF,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAyB,iBAAU,CAAC,UAAU,EAAE;YAClF,MAAM,EAAE;gBACN,IAAI,EAAE,wBAAgB,CAAC,YAAY;gBACnC,aAAa,EAAE,EAAE,WAAW,aAAA,EAAE,UAAU,YAAA,EAAE;aAC3C;SACF,CAAC,CAAC,CAAC;QACJ,OAAO;YACL,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAA2B,iBAAU,CAAC,YAAY,EAAE;gBACtF,MAAM,EAAE;oBACN,IAAI,EAAE,wBAAgB,CAAC,YAAY;oBACnC,aAAa,EAAE,EAAE,WAAW,aAAA,EAAE,UAAU,YAAA,EAAE;iBAC3C;aACF,CAAC,CAAC,CAAC;YACJ,MAAM,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;QAClE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;AACpC,CAAC,CAAiC,CAAC"}
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/data-channel/hooks.ts"],"names":[],"mappings":";;;AAAA,+BAA4C;AAU5C,qCAEsB;AAKtB,iCAA2C;AAC3C,iCAAkD;AAElD,iCAA+C;AAElC,QAAA,cAAc,GAAG,CAAC,UAAI,WAAmB,EACpD,UAAkB,EAAE,SAAoB;IAElC,IAAA,KAAkB,IAAA,gBAAQ,EAC9B,EAAE,OAAO,EAAE,IAAI,EAAE,CAClB,EAFM,IAAI,QAAA,EAAE,OAAO,QAEnB,CAAC;IACI,IAAA,KAA8C,IAAA,gBAAQ,GAAsB,EAA3E,kBAAkB,QAAA,EAAE,qBAAqB,QAAkC,CAAC;IAEnF,IAAM,gBAAgB,GAAqB,UACzC,eAAiC,IAC9B,OAAA,IAAA,4BAAoB,EAAC,eAAe,EAAE,WAAW,EAAE,UAAU,CAAC,EAA9D,CAA8D,CAAC;IAEpE,IAAM,iBAAiB,GAAG,IAAA,+BAAuB,EAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAE3E,IAAM,gBAAgB,GAAkB,CAAC,UACvC,WAAoF;QAEpF,IAAM,WAAW,GAAG,WAAW,CAAC,MAE/B,CAAC;QACF,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,CAAkB,CAAC;IAEpB,IAAM,sCAAsC,GAAkB,CAC5D;QACE,qBAAqB,CAAC,cAAM,OAAA,SAAS,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,EAA7C,CAA6C,CAAC,CAAC;QAC3E,MAAM,CAAC,mBAAmB,CACxB,UAAG,iBAAiB,yBAAsB,EAC1C,sCAAsC,CACvC,CAAC;IACJ,CAAC,CAAkB,CAAC;IACtB,IAAA,iBAAS,EAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;QAC7D,MAAM,CAAC,gBAAgB,CACrB,UAAG,iBAAiB,yBAAsB,EAC1C,sCAAsC,CACvC,CAAC;QAEF,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAyB,iBAAU,CAAC,UAAU,EAAE;YAClF,MAAM,EAAE;gBACN,IAAI,EAAE,wBAAgB,CAAC,oBAAoB;gBAC3C,aAAa,EAAE,EAAE,WAAW,aAAA,EAAE,UAAU,YAAA,EAAE;aAC3C;SACF,CAAC,CAAC,CAAC;QACJ,OAAO;YACL,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAA2B,iBAAU,CAAC,YAAY,EAAE;gBACtF,MAAM,EAAE;oBACN,IAAI,EAAE,wBAAgB,CAAC,oBAAoB;oBAC3C,aAAa,EAAE,EAAE,WAAW,aAAA,EAAE,UAAU,YAAA,EAAE;iBAC3C;aACF,CAAC,CAAC,CAAC;YACJ,MAAM,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;QAClE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CAAC,IAAI,EAAE,kBAAkB,EAAE,gBAAgB,CAAC,CAAC;AACtD,CAAC,CAAiC,CAAC"}

package/dist/cjs/data-channel/index.d.ts

@@ -1,2 +1,3 @@
 export { DataChannelDispatcherUserRole } from './enums';
-export { ToUserId, ToRole } from './types';
+export { ToUserId, ToRole, DeletionFunction } from './types';
+export { RESET_DATA_CHANNEL } from './constants';

package/dist/cjs/data-channel/index.js

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

package/dist/cjs/data-channel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/data-channel/index.ts"],"names":[],"mappings":";;;AAAA,iCAAwD;AAA/C,sHAAA,6BAA6B,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/data-channel/index.ts"],"names":[],"mappings":";;;AAAA,iCAAwD;AAA/C,sHAAA,6BAA6B,OAAA;AAEtC,yCAAiD;AAAxC,+GAAA,kBAAkB,OAAA"}

package/dist/cjs/data-channel/types.d.ts

@@ -1,5 +1,6 @@
 import { GraphqlResponseWrapper, PluginApi } from '..';
 import { DataChannelDispatcherUserRole } from './enums';
+import { RESET_DATA_CHANNEL } from './constants';
 export interface DataChannelArguments {
     pluginName: string;
     channelName: string;
@@ -17,7 +18,9 @@ export interface ToRole {
     role: DataChannelDispatcherUserRole;
 }
 export type ObjectTo = ToUserId | ToRole;
+export type DeletionObject = typeof RESET_DATA_CHANNEL | string;
 export type DispatcherFunction = <T>(objectToDispatch: T, objectsTo?: ObjectTo[]) => void;
+export type DeletionFunction = (deletionObjects: DeletionObject[]) => void;
 export interface MapOfDispatchers {
     [key: string]: DispatcherFunction;
 }
@@ -33,5 +36,5 @@ export interface DataChannelMessageResponseType<T> {
 export interface DataChannelMessagesWrapper<T> {
     pluginDataChannelMessage: DataChannelMessageResponseType<T>[];
 }
-export type UseDataChannelFunctionFromPluginApi = <T>(channelName: string) => [GraphqlResponseWrapper<DataChannelMessagesWrapper<T>>, DispatcherFunction];
-export type UseDataChannelStaticFunction = <T>(channelName: string, pluginName: string, pluginApi: PluginApi) => [GraphqlResponseWrapper<DataChannelMessagesWrapper<T>>, DispatcherFunction?];
+export type UseDataChannelFunctionFromPluginApi = <T>(channelName: string) => [GraphqlResponseWrapper<DataChannelMessagesWrapper<T>>, DispatcherFunction, DeletionFunction];
+export type UseDataChannelStaticFunction = <T>(channelName: string, pluginName: string, pluginApi: PluginApi) => [GraphqlResponseWrapper<DataChannelMessagesWrapper<T>>, DispatcherFunction?, DeletionFunction?];

package/dist/cjs/data-channel/utils.d.ts

@@ -0,0 +1,3 @@
+import { DeletionObject } from './types';
+export declare const createChannelIdentifier: (channelName: string, pluginName: string) => string;
+export declare const deletionFunctionUtil: (deletionObjects: DeletionObject[], channelName: string, pluginName: string) => void;

package/dist/cjs/data-channel/utils.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deletionFunctionUtil = exports.createChannelIdentifier = void 0;
+var enum_1 = require("../core/enum");
+var enums_1 = require("./enums");
+var constants_1 = require("./constants");
+var createChannelIdentifier = function (channelName, pluginName) { return "".concat(channelName, "::").concat(pluginName); };
+exports.createChannelIdentifier = createChannelIdentifier;
+var deletionFunctionUtil = function (deletionObjects, channelName, pluginName) {
+    deletionObjects.forEach(function (deletionObject) {
+        if (deletionObject === constants_1.RESET_DATA_CHANNEL) {
+            window.dispatchEvent(new CustomEvent(enum_1.HookEvents.UPDATED, {
+                detail: {
+                    hook: enums_1.DataChannelHooks.DATA_CHANNEL_RESET,
+                    hookArguments: { channelName: channelName, pluginName: pluginName },
+                    data: undefined,
+                },
+            }));
+        }
+        else {
+            window.dispatchEvent(new CustomEvent(enum_1.HookEvents.UPDATED, {
+                detail: {
+                    hook: enums_1.DataChannelHooks.DATA_CHANNEL_RESET,
+                    hookArguments: { channelName: channelName, pluginName: pluginName },
+                    data: deletionObject,
+                },
+            }));
+        }
+    });
+};
+exports.deletionFunctionUtil = deletionFunctionUtil;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/data-channel/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/data-channel/utils.ts"],"names":[],"mappings":";;;AAGA,qCAEsB;AAItB,iCAA2C;AAC3C,yCAAiD;AAE1C,IAAM,uBAAuB,GAAG,UAAC,WAAmB,EAAE,UAAkB,IAAK,OAAA,UAAG,WAAW,eAAK,UAAU,CAAE,EAA/B,CAA+B,CAAC;AAAvG,QAAA,uBAAuB,2BAAgF;AAE7G,IAAM,oBAAoB,GAAG,UAAC,eAAiC,EAAE,WAAmB,EAAE,UAAkB;IAC3G,eAAe,CAAC,OAAO,CAAC,UAAC,cAAc;QACnC,IAAI,cAAc,KAAK,8BAAkB,EAAE;YACvC,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAA4B,iBAAU,CAAC,OAAO,EAAE;gBAChF,MAAM,EAAE;oBACJ,IAAI,EAAE,wBAAgB,CAAC,kBAAkB;oBACzC,aAAa,EAAE,EAAE,WAAW,aAAA,EAAE,UAAU,YAAA,EAAE;oBAC1C,IAAI,EAAE,SAAS;iBAClB;aACJ,CAAC,CAAC,CAAC;SACP;aAAM;YACH,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAA8B,iBAAU,CAAC,OAAO,EAAE;gBAClF,MAAM,EAAE;oBACJ,IAAI,EAAE,wBAAgB,CAAC,kBAAkB;oBACzC,aAAa,EAAE,EAAE,WAAW,aAAA,EAAE,UAAU,YAAA,EAAE;oBAC1C,IAAI,EAAE,cAAc;iBACvB;aACJ,CAAC,CAAC,CAAC;SACP;IACL,CAAC,CAAC,CAAA;AACN,CAAC,CAAA;AApBY,QAAA,oBAAoB,wBAoBhC"}

package/dist/cjs/extensible-areas/base.d.ts

@@ -3,6 +3,7 @@ import { ActionsBarItemType } from './actions-bar-item/enums';
 import { AudioSettingsDropdownItemType } from './audio-settings-dropdown-item/enums';
 import { CameraSettingsDropdownItemType } from './camera-settings-dropdown-item/enums';
 import { FloatingWindowType } from './floating-window/enums';
+import { GenericComponentType } from './generic-component/enums';
 import { NavBarItemType } from './nav-bar-item/enums';
 import { OptionsDropdownItemType } from './options-dropdown-item/enums';
 import { PresentationDropdownItemType } from './presentation-dropdown-item/enums';
@@ -10,7 +11,7 @@ import { PresentationToolbarItemType } from './presentation-toolbar-item/enums';
 import { UserCameraDropdownItemType } from './user-camera-dropdown-item/enums';
 import { UserListDropdownItemType } from './user-list-dropdown-item/enums';
 import { UserListItemAdditionalInformationType } from './user-list-item-additional-information/enums';
-type PluginProvidedUiItemType = PresentationToolbarItemType | UserListDropdownItemType | ActionButtonDropdownItemType | ActionsBarItemType | AudioSettingsDropdownItemType | PresentationDropdownItemType | NavBarItemType | OptionsDropdownItemType | CameraSettingsDropdownItemType | UserCameraDropdownItemType | UserListItemAdditionalInformationType | FloatingWindowType;
+type PluginProvidedUiItemType = PresentationToolbarItemType | UserListDropdownItemType | ActionButtonDropdownItemType | ActionsBarItemType | AudioSettingsDropdownItemType | PresentationDropdownItemType | NavBarItemType | OptionsDropdownItemType | CameraSettingsDropdownItemType | UserCameraDropdownItemType | UserListItemAdditionalInformationType | FloatingWindowType | GenericComponentType;
 export interface PluginProvidedUiItemDescriptor {
     /** Defined by BigBlueButton Plugin Engine. */
     id: string;

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

@@ -0,0 +1,18 @@
+import { GenericComponentType } from './enums';
+import { GenericComponentInterface, GenericComponentProps } from './types';
+export declare class GenericComponent implements GenericComponentInterface {
+    id: string;
+    type: GenericComponentType;
+    contentFunction: (element: HTMLElement) => void;
+    /**
+     * Returns object to be used in the setter for the Navigation Bar. In this case,
+     * a button.
+     *
+     * @param contentFunction - function that gives the html element to render the content of
+     * the floating window
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    constructor({ contentFunction, }: GenericComponentProps);
+    setItemId: (id: string) => void;
+}

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

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GenericComponent = void 0;
+var enums_1 = require("./enums");
+// GenericComponent Extensible Area
+var GenericComponent = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for the Navigation Bar. In this case,
+     * a button.
+     *
+     * @param contentFunction - function that gives the html element to render the content of
+     * the floating window
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    function GenericComponent(_a) {
+        var contentFunction = _a.contentFunction;
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "GenericComponent_".concat(id);
+        };
+        this.contentFunction = contentFunction;
+        this.type = enums_1.GenericComponentType.CONTAINER;
+    }
+    return GenericComponent;
+}());
+exports.GenericComponent = GenericComponent;
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/generic-component/component.ts"],"names":[],"mappings":";;;AAAA,iCAA+C;AAG/C,mCAAmC;AAEnC;IAOE;;;;;;;;OAQG;IACH,0BAAY,EAEY;YADtB,eAAe,qBAAA;QADjB,iBAKC;QApBD,OAAE,GAAW,EAAE,CAAC;QAsBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,2BAAoB,EAAE,CAAE,CAAC;QACrC,CAAC,CAAC;QANA,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,4BAAoB,CAAC,SAAS,CAAC;IAC7C,CAAC;IAKH,uBAAC;AAAD,CAAC,AA1BD,IA0BC;AA1BY,4CAAgB"}

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

@@ -0,0 +1,3 @@
+export declare enum GenericComponentType {
+    CONTAINER = "FLOATING_WINDOW_CONTAINER"
+}

package/dist/cjs/extensible-areas/generic-component/enums.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GenericComponentType = void 0;
+// Floating window types:
+var GenericComponentType;
+(function (GenericComponentType) {
+    GenericComponentType["CONTAINER"] = "FLOATING_WINDOW_CONTAINER";
+})(GenericComponentType || (exports.GenericComponentType = GenericComponentType = {}));
+//# sourceMappingURL=enums.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/extensible-areas/generic-component/enums.ts"],"names":[],"mappings":";;;AAAA,yBAAyB;AACzB,IAAY,oBAEX;AAFD,WAAY,oBAAoB;IAC9B,+DAAuC,CAAA;AACzC,CAAC,EAFW,oBAAoB,oCAApB,oBAAoB,QAE/B"}

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

@@ -0,0 +1,2 @@
+export { GenericComponent, } from './component';
+export { GenericComponentInterface, } from './types';

package/dist/cjs/extensible-areas/generic-component/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GenericComponent = void 0;
+var component_1 = require("./component");
+Object.defineProperty(exports, "GenericComponent", { enumerable: true, get: function () { return component_1.GenericComponent; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensible-areas/generic-component/index.ts"],"names":[],"mappings":";;;AAAA,yCAEqB;AADnB,6GAAA,gBAAgB,OAAA"}

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

@@ -0,0 +1,7 @@
+import { PluginProvidedUiItemDescriptor } from '../base';
+export interface GenericComponentInterface extends PluginProvidedUiItemDescriptor {
+}
+export interface GenericComponentProps {
+    contentFunction: (element: HTMLElement) => void;
+}
+export type SetGenericComponents = (GenericComponents: GenericComponentInterface[]) => void;

package/dist/cjs/extensible-areas/generic-component/types.js

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

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

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

package/dist/cjs/extensible-areas/index.d.ts

@@ -10,3 +10,4 @@ export * from './camera-settings-dropdown-item';
 export * from './user-camera-dropdown-item';
 export * from './user-list-item-additional-information';
 export * from './floating-window';
+export * from './generic-component';

package/dist/cjs/extensible-areas/index.js

@@ -26,4 +26,5 @@ __exportStar(require("./camera-settings-dropdown-item"), exports);
 __exportStar(require("./user-camera-dropdown-item"), exports);
 __exportStar(require("./user-list-item-additional-information"), exports);
 __exportStar(require("./floating-window"), exports);
+__exportStar(require("./generic-component"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/extensible-areas/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/extensible-areas/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8DAA4C;AAC5C,4DAA0C;AAC1C,gEAA8C;AAC9C,qDAAmC;AACnC,iEAA+C;AAC/C,+DAA6C;AAC7C,iDAA+B;AAC/B,0DAAwC;AACxC,kEAAgD;AAChD,8DAA4C;AAC5C,0EAAwD;AACxD,oDAAkC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/extensible-areas/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8DAA4C;AAC5C,4DAA0C;AAC1C,gEAA8C;AAC9C,qDAAmC;AACnC,iEAA+C;AAC/C,+DAA6C;AAC7C,iDAA+B;AAC/B,0DAAwC;AACxC,kEAAgD;AAChD,8DAA4C;AAC5C,0EAAwD;AACxD,oDAAkC;AAClC,sDAAoC"}

package/dist/cjs/index.d.ts

@@ -2,4 +2,5 @@ export * from './extensible-areas';
 export * from './data-consumption';
 export * from './data-channel';
 export * from './ui-events';
+export * from './ui-commands';
 export * from './core';

package/dist/cjs/index.js

@@ -18,5 +18,6 @@ __exportStar(require("./extensible-areas"), exports);
 __exportStar(require("./data-consumption"), exports);
 __exportStar(require("./data-channel"), exports);
 __exportStar(require("./ui-events"), exports);
+__exportStar(require("./ui-commands"), exports);
 __exportStar(require("./core"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC;AAEnC,qDAAmC;AAEnC,iDAA+B;AAE/B,8CAA4B;AAE5B,yCAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC;AAEnC,qDAAmC;AAEnC,iDAA+B;AAE/B,8CAA4B;AAE5B,gDAA8B;AAE9B,yCAAuB"}

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

@@ -10,4 +10,8 @@ export declare const uiCommands: {
             set: (setExternalVideoVolumeCommandArguments: import("./external-video/volume/types").SetExternalVideoVolumeCommandArguments) => void;
         };
     };
+    layout: {
+        set: (layoutToBeSet: import(".").LayoutComponentListEnum) => void;
+        unset: (layoutToBeSet: import(".").LayoutComponentListEnum) => void;
+    };
 };

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

@@ -3,8 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.uiCommands = void 0;
 var commands_1 = require("./chat/commands");
 var commands_2 = require("./external-video/commands");
+var commands_3 = require("./layout/commands");
 exports.uiCommands = {
     chat: commands_1.chat,
-    externalVideo: commands_2.externalVideo
+    externalVideo: commands_2.externalVideo,
+    layout: commands_3.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;AAE7C,QAAA,UAAU,GAAG;IACxB,IAAI,iBAAA;IACJ,aAAa,0BAAA;CACd,CAAC"}
+{"version":3,"file":"commands.js","sourceRoot":"","sources":["../../../src/ui-commands/commands.ts"],"names":[],"mappings":";;;AAAA,4CAAuC;AACvC,sDAA0D;AAC1D,8CAA2C;AAE9B,QAAA,UAAU,GAAG;IACxB,IAAI,iBAAA;IACJ,aAAa,0BAAA;IACb,MAAM,mBAAA;CACP,CAAC"}

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

@@ -0,0 +1 @@
+export * from './layout/enums';

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./layout/enums"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui-commands/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B"}

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

@@ -0,0 +1,5 @@
+import { LayoutComponentListEnum } from "./enums";
+export declare const layout: {
+    set: (layoutToBeSet: LayoutComponentListEnum) => void;
+    unset: (layoutToBeSet: LayoutComponentListEnum) => void;
+};

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.layout = void 0;
+var enums_1 = require("./enums");
+exports.layout = {
+    set: function (layoutToBeSet) {
+        window.dispatchEvent(new CustomEvent(enums_1.LayoutCommandsEnum.SET, {
+            detail: layoutToBeSet
+        }));
+    },
+    unset: function (layoutToBeSet) {
+        window.dispatchEvent(new CustomEvent(enums_1.LayoutCommandsEnum.UNSET, {
+            detail: layoutToBeSet
+        }));
+    }
+};
+//# 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,iCAAsE;AAEzD,QAAA,MAAM,GAAG;IAClB,GAAG,EAAE,UAAC,aAAsC;QACxC,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAChC,0BAAkB,CAAC,GAAG,EAAE;YACpB,MAAM,EAAE,aAAa;SACxB,CACJ,CAAC,CAAC;IACP,CAAC;IACD,KAAK,EAAE,UAAC,aAAsC;QAC1C,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAChC,0BAAkB,CAAC,KAAK,EAAE;YACtB,MAAM,EAAE,aAAa;SACxB,CACJ,CAAC,CAAC;IACP,CAAC;CACJ,CAAC"}

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

@@ -0,0 +1,7 @@
+export declare enum LayoutCommandsEnum {
+    SET = "SET_LAYOUT_COMMAND",
+    UNSET = "UNSET_LAYOUT_COMMAND"
+}
+export declare enum LayoutComponentListEnum {
+    GENERIC_COMPONENT = "GENERIC_COMPONENT"
+}

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LayoutComponentListEnum = exports.LayoutCommandsEnum = void 0;
+var LayoutCommandsEnum;
+(function (LayoutCommandsEnum) {
+    LayoutCommandsEnum["SET"] = "SET_LAYOUT_COMMAND";
+    LayoutCommandsEnum["UNSET"] = "UNSET_LAYOUT_COMMAND";
+})(LayoutCommandsEnum || (exports.LayoutCommandsEnum = LayoutCommandsEnum = {}));
+var LayoutComponentListEnum;
+(function (LayoutComponentListEnum) {
+    LayoutComponentListEnum["GENERIC_COMPONENT"] = "GENERIC_COMPONENT";
+})(LayoutComponentListEnum || (exports.LayoutComponentListEnum = LayoutComponentListEnum = {}));
+//# 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,kBAGX;AAHD,WAAY,kBAAkB;IAC1B,gDAA0B,CAAA;IAC1B,oDAA8B,CAAA;AAClC,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B;AAED,IAAY,uBAEX;AAFD,WAAY,uBAAuB;IAC/B,kEAAuC,CAAA;AAC3C,CAAC,EAFW,uBAAuB,uCAAvB,uBAAuB,QAElC"}

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

@@ -0,0 +1,5 @@
+import { LayoutComponentListEnum } from "./enums";
+export interface UiCommandsLayoutObject {
+    set: (layoutToSet: LayoutComponentListEnum) => void;
+    unset: (layoutToUnset: LayoutComponentListEnum) => void;
+}

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/types.d.ts

@@ -1,9 +1,8 @@
 import { UiCommandsChatObject } from './chat/types';
 import { UiCommandsExternalVideoObject } from './external-video/types';
-export interface UiCommandsEventWrapper<T> extends Event {
-    detail: T;
-}
+import { UiCommandsLayoutObject } from './layout/types';
 export interface UiCommands {
     chat: UiCommandsChatObject;
     externalVideo: UiCommandsExternalVideoObject;
+    layout: UiCommandsLayoutObject;
 }

package/dist/cjs/ui-events/external-video/index.d.ts

@@ -0,0 +1 @@
+export { ExternalVideoVolumeEventsNames } from './volume/enums';

package/dist/cjs/ui-events/external-video/index.js

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

package/dist/cjs/ui-events/external-video/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui-events/external-video/index.ts"],"names":[],"mappings":";;;AAAA,wCAAgE;AAAvD,uHAAA,8BAA8B,OAAA"}

package/dist/cjs/ui-events/external-video/volume/enums.d.ts

@@ -0,0 +1,3 @@
+export declare enum ExternalVideoVolumeEventsNames {
+    VOLUME_VALUE_CHANGED = "VOLUME_VALUE_CHANGED"
+}

package/dist/cjs/ui-events/external-video/volume/enums.js

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

package/dist/cjs/ui-events/external-video/volume/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../../src/ui-events/external-video/volume/enums.ts"],"names":[],"mappings":";;;AAAA,IAAY,8BAEX;AAFD,WAAY,8BAA8B;IACtC,+EAA6C,CAAA;AACjD,CAAC,EAFW,8BAA8B,8CAA9B,8BAA8B,QAEzC"}

package/dist/cjs/ui-events/external-video/volume/types.d.ts

@@ -0,0 +1,6 @@
+import { ExternalVideoVolumeEventsNames } from './enums';
+export type ExternalVideoVolumeEventPayloads = {
+    [ExternalVideoVolumeEventsNames.VOLUME_VALUE_CHANGED]: {
+        value: number;
+    };
+};

package/dist/cjs/ui-events/external-video/volume/types.js

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

package/dist/cjs/ui-events/external-video/volume/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/ui-events/external-video/volume/types.ts"],"names":[],"mappings":";;AAAA,iCAAyD"}

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

@@ -1,3 +1,4 @@
 export { EventNames } from './types';
 export * from './chat';
 export * from './user-list';
+export * from './external-video';

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

@@ -16,4 +16,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./chat"), exports);
 __exportStar(require("./user-list"), exports);
+__exportStar(require("./external-video"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui-events/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAEA,yCAAuB;AAEvB,8CAA4B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui-events/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAEA,yCAAuB;AAEvB,8CAA4B;AAE5B,mDAAiC"}

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

@@ -1,6 +1,7 @@
+import { ExternalVideoVolumeEventPayloads } from './external-video/volume/types';
 import { ChatFormEventPayloads } from './chat/form/types';
 import { UserListEventPayloads } from './user-list/types';
-export type EventPayloads = ChatFormEventPayloads & UserListEventPayloads;
+export type EventPayloads = ChatFormEventPayloads & UserListEventPayloads & ExternalVideoVolumeEventPayloads;
 export type EventNames = keyof EventPayloads;
 export interface UiEventsHookEventWrapper<T> extends Event {
     detail: T;

package/package.json

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