bigbluebutton-html-plugin-sdk 0.0.57 → 0.0.58

package/README.md

@@ -106,6 +106,8 @@ That being said, here are the extensible areas we have so far:
 - User list item additional information (item, label)
 - Floating window item (floatingWindow)
 - Generic Content (main, sidekick)
+- User Camera Helper (button)
+- Screenshare Helper (button)
 
 Mind that no plugin will interfere into another's extensible area. So feel free to set whatever you need into a certain plugin with no worries.
 
@@ -264,9 +266,11 @@ So the idea is that we have a `uiCommands` object and at a point, there will be
   `serverCommands` object: It contains all the possible commands available to the developer to interact with the BBB core server, see the ones implemented down below:
   
   - chat:
-    - sendPublicMessage: this function sends a text message along with an optional custom metadata to the public chat
-    > Note: messages sent by plugins are not natively rendered by the client.
-    >   They have to be custom-rendered by plugins using `useLoadedChatMessages` and `useChatMessageDomElements`.
+    - sendPublicMessage: This function sends a message to the public chat on behalf of the currently logged-in user.
+
+    - sendCustomPublicMessage: This function sends a text message to the public chat, optionally including custom metadata.
+      > **Note**: The custom messages sent by plugins are not automatically rendered by the client. To display these messages, a plugin must handle the rendering using `useLoadedChatMessages` and `useChatMessageDomElements`.
+
   - caption:
     - save: this function saves the given text, locale and caption type
     - addLocale: this function sends a locale to be added to the available options

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

@@ -55,8 +55,8 @@ var BbbPluginSdk = /** @class */ (function () {
         pluginApi.useUsersBasicInfo = (function () { return (0, hooks_6.useUsersBasicInfo)(); });
         pluginApi.useTalkingIndicator = (function () { return (0, hooks_10.useTalkingIndicator)(); });
         pluginApi.useLoadedChatMessages = (function () { return (0, hooks_7.useLoadedChatMessages)(); });
-        pluginApi.useChatMessageDomElements = function (messageIds) { return (0, hooks_8.useChatMessageDomElements)(messageIds); };
-        pluginApi.useUserCameraDomElements = function (streamIds) { return (0, hooks_9.useUserCameraDomElements)(streamIds); };
+        pluginApi.useChatMessageDomElements = function (messageIds) { return (0, hooks_8.useChatMessageDomElements)(messageIds, uuid); };
+        pluginApi.useUserCameraDomElements = function (streamIds) { return (0, hooks_9.useUserCameraDomElements)(streamIds, uuid); };
         pluginApi.uiCommands = commands_1.uiCommands;
         pluginApi.useUiData = hooks_11.useUiData;
         var pluginName = pluginApi === null || pluginApi === void 0 ? void 0 : pluginApi.pluginName;
@@ -114,6 +114,7 @@ var BbbPluginSdk = /** @class */ (function () {
                 setPresentationDropdownItems: function () { return []; },
                 setNavBarItems: function () { return []; },
                 setScreenshareHelperItems: function () { return []; },
+                setUserCameraHelperItems: function () { return []; },
                 setOptionsDropdownItems: function () { return []; },
                 setCameraSettingsDropdownItems: function () { return []; },
                 setUserCameraDropdownItems: function () { return []; },

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

@@ -29,7 +29,7 @@ import { UseMeetingFunction } from '../../data-consumption/domain/meeting/from-c
 import { ServerCommands } from '../../server-commands/types';
 import { SendGenericDataForLearningAnalyticsDashboard } from '../../learning-analytics-dashboard/types';
 import { UseUserCameraDomElementsFunction } from '../../dom-element-manipulation/user-camera/types';
-import { ScreenshareHelperInterface } from '../../extensible-areas';
+import { ScreenshareHelperInterface, UserCameraHelperInterface } from '../../extensible-areas';
 export type SetPresentationToolbarItems = (presentationToolbarItem: PresentationToolbarInterface[]) => string[];
 export type SetUserListDropdownItems = (userListDropdownItem: UserListDropdownInterface[]) => string[];
 export type SetActionButtonDropdownItems = (actionButtonDropdownInterface: ActionButtonDropdownInterface[]) => string[];
@@ -38,6 +38,7 @@ export type SetAudioSettingsDropdownItems = (audioSettingsDropdownItem: AudioSet
 export type SetPresentationDropdownItems = (userListDropdownItem: PresentationDropdownInterface[]) => string[];
 export type SetNavBarItems = (navBarItem: NavBarInterface[]) => string[];
 export type SetScreenshareHelperItems = (screenshareHelperItem: ScreenshareHelperInterface[]) => string[];
+export type SetUserCameraHelperItems = (userCameraHelperItem: UserCameraHelperInterface[]) => string[];
 export type SetOptionsDropdownItems = (optionsDropdownItem: OptionsDropdownInterface[]) => string[];
 export type SetCameraSettingsDropdownItems = (cameraSettingsDropdownItem: CameraSettingsDropdownInterface[]) => string[];
 export type SetUserCameraDropdownItems = (userCameraDropdownItem: UserCameraDropdownInterface[]) => string[];
@@ -56,6 +57,7 @@ export interface PluginApi {
     setPresentationDropdownItems: SetPresentationDropdownItems;
     setNavBarItems: SetNavBarItems;
     setScreenshareHelperItems: SetScreenshareHelperItems;
+    setUserCameraHelperItems: SetUserCameraHelperItems;
     setOptionsDropdownItems: SetOptionsDropdownItems;
     setCameraSettingsDropdownItems: SetCameraSettingsDropdownItems;
     setUserCameraDropdownItems: SetUserCameraDropdownItems;

package/dist/cjs/core/enum.d.ts

@@ -2,8 +2,14 @@ import { DataChannelHooks } from '../data-channel/enums';
 import { DomElementManipulationHooks } from '../dom-element-manipulation/enums';
 import { DataConsumptionHooks } from '../data-consumption/enums';
 export declare enum HookEvents {
-    UPDATED = "HOOK_DATA_UPDATED",
-    SUBSCRIBED = "PLUGIN_SUBSCRIBED_TO_HOOK",
-    UNSUBSCRIBED = "PLUGIN_UNSUBSCRIBED_FROM_HOOK"
+    BBB_CORE_SENT_NEW_DATA = "BBB_CORE_SENT_NEW_DATA",
+    /**
+     * PLUGIN_SENT_CHANGES_TO_BBB_CORE is used to:
+     *  - Comunicate that the subscription has changed for the dom-element-manipulation hook;
+     *  - Send replace/delete event for useDataChannel;
+     */
+    PLUGIN_SENT_CHANGES_TO_BBB_CORE = "PLUGIN_SENT_CHANGES_TO_BBB_CORE",
+    PLUGIN_SUBSCRIBED_TO_BBB_CORE = "PLUGIN_SUBSCRIBED_TO_BBB_CORE",
+    PLUGIN_UNSUBSCRIBED_FROM_BBB_CORE = "PLUGIN_UNSUBSCRIBED_FROM_BBB_CORE"
 }
 export type Hooks = DataConsumptionHooks | DataChannelHooks | DomElementManipulationHooks;

package/dist/cjs/core/enum.js

@@ -3,8 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HookEvents = void 0;
 var HookEvents;
 (function (HookEvents) {
-    HookEvents["UPDATED"] = "HOOK_DATA_UPDATED";
-    HookEvents["SUBSCRIBED"] = "PLUGIN_SUBSCRIBED_TO_HOOK";
-    HookEvents["UNSUBSCRIBED"] = "PLUGIN_UNSUBSCRIBED_FROM_HOOK";
+    HookEvents["BBB_CORE_SENT_NEW_DATA"] = "BBB_CORE_SENT_NEW_DATA";
+    /**
+     * PLUGIN_SENT_CHANGES_TO_BBB_CORE is used to:
+     *  - Comunicate that the subscription has changed for the dom-element-manipulation hook;
+     *  - Send replace/delete event for useDataChannel;
+     */
+    HookEvents["PLUGIN_SENT_CHANGES_TO_BBB_CORE"] = "PLUGIN_SENT_CHANGES_TO_BBB_CORE";
+    HookEvents["PLUGIN_SUBSCRIBED_TO_BBB_CORE"] = "PLUGIN_SUBSCRIBED_TO_BBB_CORE";
+    HookEvents["PLUGIN_UNSUBSCRIBED_FROM_BBB_CORE"] = "PLUGIN_UNSUBSCRIBED_FROM_BBB_CORE";
 })(HookEvents || (exports.HookEvents = HookEvents = {}));
 //# sourceMappingURL=enum.js.map

package/dist/cjs/core/enum.js.map

@@ -1 +1 @@
-{"version":3,"file":"enum.js","sourceRoot":"","sources":["../../../src/core/enum.ts"],"names":[],"mappings":";;;AAIA,IAAY,UAIX;AAJD,WAAY,UAAU;IACpB,2CAA6B,CAAA;IAC7B,sDAAwC,CAAA;IACxC,4DAA8C,CAAA;AAChD,CAAC,EAJW,UAAU,0BAAV,UAAU,QAIrB"}
+{"version":3,"file":"enum.js","sourceRoot":"","sources":["../../../src/core/enum.ts"],"names":[],"mappings":";;;AAIA,IAAY,UAUX;AAVD,WAAY,UAAU;IACpB,+DAAiD,CAAA;IACjD;;;;OAIG;IACH,iFAAmE,CAAA;IACnE,6EAA+D,CAAA;IAC/D,qFAAuE,CAAA;AACzE,CAAC,EAVW,UAAU,0BAAV,UAAU,QAUrB"}

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

@@ -25,7 +25,7 @@ exports.useDataChannelGeneral = (function (channelName, subChannelName, pluginNa
     (0, react_1.useEffect)(function () {
         window.addEventListener(channelIdentifier, handleDataChange);
         window.addEventListener("".concat(channelIdentifier, "::pushEntryFunction"), handleListenToChangePushEntryFunction);
-        window.dispatchEvent(new CustomEvent(enum_1.HookEvents.SUBSCRIBED, {
+        window.dispatchEvent(new CustomEvent(enum_1.HookEvents.PLUGIN_SUBSCRIBED_TO_BBB_CORE, {
             detail: {
                 hook: enums_1.DataChannelHooks.DATA_CHANNEL_BUILDER,
                 hookArguments: {
@@ -37,7 +37,7 @@ exports.useDataChannelGeneral = (function (channelName, subChannelName, pluginNa
             },
         }));
         return function () {
-            window.dispatchEvent(new CustomEvent(enum_1.HookEvents.UNSUBSCRIBED, {
+            window.dispatchEvent(new CustomEvent(enum_1.HookEvents.PLUGIN_UNSUBSCRIBED_FROM_BBB_CORE, {
                 detail: {
                     hook: enums_1.DataChannelHooks.DATA_CHANNEL_BUILDER,
                     hookArguments: {

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;AAa5C,qCAEsB;AAKtB,iCAA6D;AAC7D,iCAAqG;AAExF,QAAA,qBAAqB,GAAG,CAAC,UACpC,WAAmB,EAAE,cAAsB,EAC3C,UAAkB,EAAE,SAAoB,EACxC,eAAiC;IAE3B,IAAA,KAAkB,IAAA,gBAAQ,EAC9B,EAAE,OAAO,EAAE,IAAI,EAAE,CAClB,EAFM,IAAI,QAAA,EAAE,OAAO,QAEnB,CAAC;IACI,IAAA,KAA4C,IAAA,gBAAQ,GAAwB,EAA3E,iBAAiB,QAAA,EAAE,oBAAoB,QAAoC,CAAC;IAEnF,IAAM,mBAAmB,GAAwB,UAC/C,cAAgC,IAC7B,OAAA,IAAA,+BAAuB,EAAC,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,CAAC,EAAhF,CAAgF,CAAC;IAEtF,IAAM,oBAAoB,GAAyB,UACjD,OAAO,EACP,WAAW,IACR,OAAA,IAAA,gCAAwB,EAAC,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,CAAC,EAAvF,CAAuF,CAAC;IAE7F,IAAM,iBAAiB,GAAG,IAAA,+BAAuB,EAAC,WAAW,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC;IAE3F,IAAM,gBAAgB,GAAkB,CAAC,UACvC,WAAwF;QAExF,IAAM,WAAW,GAAG,WAAW,CAAC,MAE/B,CAAC;QACF,IAAM,aAAa,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,aAAqC,CAAC;QACzE,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,eAAe,MAAK,eAAe,EAAE;YACtD,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SAC3B;IACH,CAAC,CAAkB,CAAC;IAEpB,IAAM,qCAAqC,GAAkB,CAC3D;QACE,oBAAoB,CAAC,cAAM,OAAA,SAAS,CAAC,uBAAuB,CAAC,iBAAiB,CAAC,EAApD,CAAoD,CAAC,CAAC;QACjF,MAAM,CAAC,mBAAmB,CACxB,UAAG,iBAAiB,wBAAqB,EACzC,qCAAqC,CACtC,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,wBAAqB,EACzC,qCAAqC,CACtC,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;oBACb,WAAW,aAAA;oBAAE,UAAU,YAAA;oBAAE,eAAe,iBAAA;oBAAE,cAAc,gBAAA;iBACzD;aACF;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;wBACb,WAAW,aAAA;wBAAE,UAAU,YAAA;wBAAE,eAAe,iBAAA;wBAAE,cAAc,gBAAA;qBACzD;iBACF;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;QACL,IAAI,MAAA;QACJ,SAAS,EAAE,iBAAiB;QAC5B,WAAW,EAAE,mBAAmB;QAChC,YAAY,EAAE,oBAAoB;KACnC,CAAC;AACJ,CAAC,CAAiC,CAAC"}
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/data-channel/hooks.ts"],"names":[],"mappings":";;;AAAA,+BAA4C;AAa5C,qCAEsB;AAKtB,iCAA6D;AAC7D,iCAAqG;AAExF,QAAA,qBAAqB,GAAG,CAAC,UACpC,WAAmB,EAAE,cAAsB,EAC3C,UAAkB,EAAE,SAAoB,EACxC,eAAiC;IAE3B,IAAA,KAAkB,IAAA,gBAAQ,EAC9B,EAAE,OAAO,EAAE,IAAI,EAAE,CAClB,EAFM,IAAI,QAAA,EAAE,OAAO,QAEnB,CAAC;IACI,IAAA,KAA4C,IAAA,gBAAQ,GAAwB,EAA3E,iBAAiB,QAAA,EAAE,oBAAoB,QAAoC,CAAC;IAEnF,IAAM,mBAAmB,GAAwB,UAC/C,cAAgC,IAC7B,OAAA,IAAA,+BAAuB,EAAC,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,CAAC,EAAhF,CAAgF,CAAC;IAEtF,IAAM,oBAAoB,GAAyB,UACjD,OAAO,EACP,WAAW,IACR,OAAA,IAAA,gCAAwB,EAAC,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,CAAC,EAAvF,CAAuF,CAAC;IAE7F,IAAM,iBAAiB,GAAG,IAAA,+BAAuB,EAAC,WAAW,EAAE,cAAc,EAAE,UAAU,CAAC,CAAC;IAE3F,IAAM,gBAAgB,GAAkB,CAAC,UACvC,WAAwF;QAExF,IAAM,WAAW,GAAG,WAAW,CAAC,MAE/B,CAAC;QACF,IAAM,aAAa,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,aAAqC,CAAC;QACzE,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,eAAe,MAAK,eAAe,EAAE;YACtD,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SAC3B;IACH,CAAC,CAAkB,CAAC;IAEpB,IAAM,qCAAqC,GAAkB,CAC3D;QACE,oBAAoB,CAAC,cAAM,OAAA,SAAS,CAAC,uBAAuB,CAAC,iBAAiB,CAAC,EAApD,CAAoD,CAAC,CAAC;QACjF,MAAM,CAAC,mBAAmB,CACxB,UAAG,iBAAiB,wBAAqB,EACzC,qCAAqC,CACtC,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,wBAAqB,EACzC,qCAAqC,CACtC,CAAC;QAEF,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAyB,iBAAU,CAAC,6BAA6B,EAAE;YAChF,MAAM,EAAE;gBACN,IAAI,EAAE,wBAAgB,CAAC,oBAAoB;gBAC3C,aAAa,EAAE;oBACb,WAAW,aAAA;oBAAE,UAAU,YAAA;oBAAE,eAAe,iBAAA;oBAAE,cAAc,gBAAA;iBACzD;aACF;SACF,CAAC,CACH,CAAC;QACF,OAAO;YACL,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAA2B,iBAAU,CAAC,iCAAiC,EAAE;gBACtF,MAAM,EAAE;oBACN,IAAI,EAAE,wBAAgB,CAAC,oBAAoB;oBAC3C,aAAa,EAAE;wBACb,WAAW,aAAA;wBAAE,UAAU,YAAA;wBAAE,eAAe,iBAAA;wBAAE,cAAc,gBAAA;qBACzD;iBACF;aACF,CAAC,CACH,CAAC;YACF,MAAM,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;QAClE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO;QACL,IAAI,MAAA;QACJ,SAAS,EAAE,iBAAiB;QAC5B,WAAW,EAAE,mBAAmB;QAChC,YAAY,EAAE,oBAAoB;KACnC,CAAC;AACJ,CAAC,CAAiC,CAAC"}

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

@@ -22,7 +22,7 @@ exports.formatResponseForPubSubOrKeyValue = formatResponseForPubSubOrKeyValue;
 var deleteEntryFunctionUtil = function (objectsToDelete, channelName, subChannelName, pluginName) {
     objectsToDelete.forEach(function (objectToDelete) {
         if (objectToDelete === constants_1.RESET_DATA_CHANNEL) {
-            window.dispatchEvent(new CustomEvent(enum_1.HookEvents.UPDATED, {
+            window.dispatchEvent(new CustomEvent(enum_1.HookEvents.PLUGIN_SENT_CHANGES_TO_BBB_CORE, {
                 detail: {
                     hook: enums_1.DataChannelHooks.DATA_CHANNEL_RESET,
                     hookArguments: { channelName: channelName, pluginName: pluginName, subChannelName: subChannelName },
@@ -31,7 +31,7 @@ var deleteEntryFunctionUtil = function (objectsToDelete, channelName, subChannel
             }));
         }
         else {
-            window.dispatchEvent(new CustomEvent(enum_1.HookEvents.UPDATED, {
+            window.dispatchEvent(new CustomEvent(enum_1.HookEvents.PLUGIN_SENT_CHANGES_TO_BBB_CORE, {
                 detail: {
                     hook: enums_1.DataChannelHooks.DATA_CHANNEL_DELETE,
                     hookArguments: { channelName: channelName, pluginName: pluginName, subChannelName: subChannelName },
@@ -43,7 +43,7 @@ var deleteEntryFunctionUtil = function (objectsToDelete, channelName, subChannel
 };
 exports.deleteEntryFunctionUtil = deleteEntryFunctionUtil;
 var replaceEntryFunctionUtil = function (entryId, channelName, subChannelName, pluginName, newPayloadJson) {
-    window.dispatchEvent(new CustomEvent(enum_1.HookEvents.UPDATED, {
+    window.dispatchEvent(new CustomEvent(enum_1.HookEvents.PLUGIN_SENT_CHANGES_TO_BBB_CORE, {
         detail: {
             hook: enums_1.DataChannelHooks.DATA_CHANNEL_REPLACE,
             hookArguments: { channelName: channelName, pluginName: pluginName, subChannelName: subChannelName },

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/data-channel/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAKA,qCAEsB;AAKtB,iCAA2C;AAC3C,yCAAiD;AAE1C,IAAM,uBAAuB,GAAG,UAAC,WAAmB,EAAE,cAAsB,EAAE,UAAkB,IAAK,OAAA,UAAG,WAAW,eAAK,cAAc,eAAK,UAAU,CAAE,EAAlD,CAAkD,CAAC;AAAlJ,QAAA,uBAAuB,2BAA2H;AAExJ,IAAM,iCAAiC,GAAG,UAC/C,UAAqE,IACT,OAAA,uBACvD,UAAU,KACb,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,IACtD,EAH0D,CAG1D,CAAC;AALQ,QAAA,iCAAiC,qCAKzC;AAEE,IAAM,uBAAuB,GAAG,UACrC,eAAiC,EACjC,WAAmB,EACnB,cAAsB,EACtB,UAAkB;IAElB,eAAe,CAAC,OAAO,CAAC,UAAC,cAAc;QACrC,IAAI,cAAc,KAAK,8BAAkB,EAAE;YACzC,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAA4B,iBAAU,CAAC,OAAO,EAAE;gBAClF,MAAM,EAAE;oBACN,IAAI,EAAE,wBAAgB,CAAC,kBAAkB;oBACzC,aAAa,EAAE,EAAE,WAAW,aAAA,EAAE,UAAU,YAAA,EAAE,cAAc,gBAAA,EAAE;oBAC1D,IAAI,EAAE,SAAS;iBAChB;aACF,CAAC,CAAC,CAAC;SACL;aAAM;YACL,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAA8B,iBAAU,CAAC,OAAO,EAAE;gBACpF,MAAM,EAAE;oBACN,IAAI,EAAE,wBAAgB,CAAC,mBAAmB;oBAC1C,aAAa,EAAE,EAAE,WAAW,aAAA,EAAE,UAAU,YAAA,EAAE,cAAc,gBAAA,EAAE;oBAC1D,IAAI,EAAE,cAAc;iBACrB;aACF,CAAC,CAAC,CAAC;SACL;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAzBW,QAAA,uBAAuB,2BAyBlC;AAEK,IAAM,wBAAwB,GAAG,UACtC,OAAe,EACf,WAAmB,EACnB,cAAsB,EACtB,UAAkB,EAClB,cAAiB;IAEjB,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAwD,iBAAU,CAAC,OAAO,EAAE;QACzF,MAAM,EAAE;YACN,IAAI,EAAE,wBAAgB,CAAC,oBAAoB;YAC3C,aAAa,EAAE,EAAE,WAAW,aAAA,EAAE,UAAU,YAAA,EAAE,cAAc,gBAAA,EAAE;YAC1D,IAAI,EAAE;gBACJ,OAAO,SAAA;gBACP,WAAW,EAAE,cAAc;aAC5B;SACF;KACF,CAAC,CACH,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,wBAAwB,4BAmBnC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/data-channel/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAKA,qCAEsB;AAKtB,iCAA2C;AAC3C,yCAAiD;AAE1C,IAAM,uBAAuB,GAAG,UAAC,WAAmB,EAAE,cAAsB,EAAE,UAAkB,IAAK,OAAA,UAAG,WAAW,eAAK,cAAc,eAAK,UAAU,CAAE,EAAlD,CAAkD,CAAC;AAAlJ,QAAA,uBAAuB,2BAA2H;AAExJ,IAAM,iCAAiC,GAAG,UAC/C,UAAqE,IACT,OAAA,uBACvD,UAAU,KACb,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,IACtD,EAH0D,CAG1D,CAAC;AALQ,QAAA,iCAAiC,qCAKzC;AAEE,IAAM,uBAAuB,GAAG,UACrC,eAAiC,EACjC,WAAmB,EACnB,cAAsB,EACtB,UAAkB;IAElB,eAAe,CAAC,OAAO,CAAC,UAAC,cAAc;QACrC,IAAI,cAAc,KAAK,8BAAkB,EAAE;YACzC,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAA4B,iBAAU,CAAC,+BAA+B,EAAE;gBACrF,MAAM,EAAE;oBACN,IAAI,EAAE,wBAAgB,CAAC,kBAAkB;oBACzC,aAAa,EAAE,EAAE,WAAW,aAAA,EAAE,UAAU,YAAA,EAAE,cAAc,gBAAA,EAAE;oBAC1D,IAAI,EAAE,SAAS;iBAChB;aACF,CAAC,CACH,CAAC;SACH;aAAM;YACL,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAA8B,iBAAU,CAAC,+BAA+B,EAAE;gBACvF,MAAM,EAAE;oBACN,IAAI,EAAE,wBAAgB,CAAC,mBAAmB;oBAC1C,aAAa,EAAE,EAAE,WAAW,aAAA,EAAE,UAAU,YAAA,EAAE,cAAc,gBAAA,EAAE;oBAC1D,IAAI,EAAE,cAAc;iBACrB;aACF,CAAC,CACH,CAAC;SACH;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AA7BW,QAAA,uBAAuB,2BA6BlC;AAEK,IAAM,wBAAwB,GAAG,UACtC,OAAe,EACf,WAAmB,EACnB,cAAsB,EACtB,UAAkB,EAClB,cAAiB;IAEjB,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAEwB,iBAAU,CAAC,+BAA+B,EAAE;QAC7E,MAAM,EAAE;YACN,IAAI,EAAE,wBAAgB,CAAC,oBAAoB;YAC3C,aAAa,EAAE,EAAE,WAAW,aAAA,EAAE,UAAU,YAAA,EAAE,cAAc,gBAAA,EAAE;YAC1D,IAAI,EAAE;gBACJ,OAAO,SAAA;gBACP,WAAW,EAAE,cAAc;aAC5B;SACF;KACF,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,wBAAwB,4BAqBnC"}

package/dist/cjs/data-consumption/factory/hookCreator.js

@@ -6,7 +6,7 @@ var enum_1 = require("../../core/enum");
 var utils_1 = require("../utils");
 var enums_1 = require("../enums");
 var updateCustomHookSubscription = function (hookName, handleCustomSubscriptionUpdateEvent, previousQuery, previousVariables, currentQuery, currentVariables) {
-    window.dispatchEvent(new CustomEvent(enum_1.HookEvents.UNSUBSCRIBED, {
+    window.dispatchEvent(new CustomEvent(enum_1.HookEvents.PLUGIN_UNSUBSCRIBED_FROM_BBB_CORE, {
         detail: {
             hook: hookName,
             hookArguments: {
@@ -15,7 +15,7 @@ var updateCustomHookSubscription = function (hookName, handleCustomSubscriptionU
             },
         },
     }));
-    window.dispatchEvent(new CustomEvent(enum_1.HookEvents.SUBSCRIBED, {
+    window.dispatchEvent(new CustomEvent(enum_1.HookEvents.PLUGIN_SUBSCRIBED_TO_BBB_CORE, {
         detail: {
             hook: hookName,
             hookArguments: {
@@ -24,7 +24,7 @@ var updateCustomHookSubscription = function (hookName, handleCustomSubscriptionU
             },
         },
     }));
-    window.addEventListener(enum_1.HookEvents.UPDATED, handleCustomSubscriptionUpdateEvent);
+    window.addEventListener(enum_1.HookEvents.BBB_CORE_SENT_NEW_DATA, handleCustomSubscriptionUpdateEvent);
 };
 var createDataConsumptionHook = function (hookName, hookArguments) {
     var _a = (0, react_1.useState)({ loading: true }), hookData = _a[0], setHookData = _a[1];
@@ -53,15 +53,15 @@ var createDataConsumptionHook = function (hookName, hookArguments) {
         setVariablesState(function () { return JSON.parse((0, utils_1.sortedStringify)(hookArguments === null || hookArguments === void 0 ? void 0 : hookArguments.variables)); });
     }
     (0, react_1.useEffect)(function () {
-        window.addEventListener(enum_1.HookEvents.UPDATED, handleCustomSubscriptionUpdateEvent);
-        window.dispatchEvent(new CustomEvent(enum_1.HookEvents.SUBSCRIBED, {
+        window.addEventListener(enum_1.HookEvents.BBB_CORE_SENT_NEW_DATA, handleCustomSubscriptionUpdateEvent);
+        window.dispatchEvent(new CustomEvent(enum_1.HookEvents.PLUGIN_SUBSCRIBED_TO_BBB_CORE, {
             detail: {
                 hook: hookName,
                 hookArguments: hookArguments,
             },
         }));
         return function () {
-            window.dispatchEvent(new CustomEvent(enum_1.HookEvents.UNSUBSCRIBED, {
+            window.dispatchEvent(new CustomEvent(enum_1.HookEvents.PLUGIN_UNSUBSCRIBED_FROM_BBB_CORE, {
                 detail: {
                     hook: hookName,
                     hookArguments: {
@@ -70,7 +70,7 @@ var createDataConsumptionHook = function (hookName, hookArguments) {
                     },
                 },
             }));
-            window.removeEventListener(enum_1.HookEvents.UPDATED, handleCustomSubscriptionUpdateEvent);
+            window.removeEventListener(enum_1.HookEvents.BBB_CORE_SENT_NEW_DATA, handleCustomSubscriptionUpdateEvent);
         };
     }, []);
     (0, react_1.useEffect)(function () {

package/dist/cjs/data-consumption/factory/hookCreator.js.map

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

package/dist/cjs/dom-element-manipulation/chat/message/hooks.d.ts

@@ -1 +1 @@
-export declare const useChatMessageDomElements: (messageIds: string[]) => HTMLDivElement[] | undefined;
+export declare const useChatMessageDomElements: (messageIds: string[], pluginUuid: string) => HTMLDivElement[] | undefined;

package/dist/cjs/dom-element-manipulation/chat/message/hooks.js

@@ -1,53 +1,79 @@
 "use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useChatMessageDomElements = void 0;
 var react_1 = require("react");
 var enums_1 = require("../../enums");
 var enum_1 = require("../../../core/enum");
 var utils_1 = require("../../../data-consumption/utils");
-var useChatMessageDomElements = function (messageIds) {
+var useChatMessageDomElements = function (messageIds, pluginUuid) {
     var _a = (0, react_1.useState)(), domElement = _a[0], setDomElement = _a[1];
-    var _b = (0, react_1.useState)(messageIds), messageIdsState = _b[0], setMessageIdsState = _b[1];
-    var handleCustomSubscriptionUpdateEvent = (function (event) {
+    var _b = (0, react_1.useState)((messageIds) || []), messageIdsState = _b[0], setMessageIdsState = _b[1];
+    var previousNeededIds = (0, react_1.useRef)();
+    var handleDomElementUpdateEvent = (function (event) {
+        var _a;
         var detail = event.detail;
-        if (detail.hook === enums_1.DomElementManipulationHooks.CHAT_MESSAGE
-            && (0, utils_1.sortedStringify)(detail.data.map(function (message) { return message.messageId; })) === (0, utils_1.sortedStringify)(messageIdsState)) {
-            setDomElement(detail.data.map(function (message) { return message.message; }));
+        if (detail.hook === enums_1.DomElementManipulationHooks.CHAT_MESSAGE) {
+            var filteredDataFromBbbCore = ((_a = detail.data) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return messageIdsState.includes(item.messageId); })) || [];
+            var filteredStreamIdsFromBbbCore = filteredDataFromBbbCore.map(function (item) { return item.messageId; });
+            if ((0, utils_1.sortedStringify)(filteredStreamIdsFromBbbCore)
+                !== (0, utils_1.sortedStringify)(previousNeededIds.current)) {
+                previousNeededIds.current = __spreadArray([], filteredStreamIdsFromBbbCore, true);
+                setDomElement(filteredDataFromBbbCore.map(function (messageItemFromCore) { return messageItemFromCore.message; }));
+            }
         }
     });
     (0, react_1.useEffect)(function () {
-        if (messageIdsState) {
-            window.addEventListener(enum_1.HookEvents.UPDATED, handleCustomSubscriptionUpdateEvent);
-            return function () {
-                window.removeEventListener(enum_1.HookEvents.UPDATED, handleCustomSubscriptionUpdateEvent);
-                window.dispatchEvent(new CustomEvent(enum_1.HookEvents.UNSUBSCRIBED, {
-                    detail: {
-                        hook: enums_1.DomElementManipulationHooks.CHAT_MESSAGE,
-                        hookArguments: {
-                            messageIds: messageIds,
-                        },
-                    },
-                }));
-            };
-        }
-        return function () { };
-    }, []);
-    (0, react_1.useEffect)(function () {
-        if (messageIdsState) {
-            window.removeEventListener(enum_1.HookEvents.UPDATED, handleCustomSubscriptionUpdateEvent);
-            window.addEventListener(enum_1.HookEvents.UPDATED, handleCustomSubscriptionUpdateEvent);
-            window.dispatchEvent(new CustomEvent(enum_1.HookEvents.SUBSCRIBED, {
+        window.dispatchEvent(new CustomEvent(enum_1.HookEvents.PLUGIN_SUBSCRIBED_TO_BBB_CORE, {
+            detail: {
+                hook: enums_1.DomElementManipulationHooks.CHAT_MESSAGE,
+                hookArguments: {
+                    messageIds: messageIds,
+                    pluginUuid: pluginUuid,
+                },
+            },
+        }));
+        window.addEventListener(enum_1.HookEvents.BBB_CORE_SENT_NEW_DATA, handleDomElementUpdateEvent);
+        return function () {
+            window.dispatchEvent(new CustomEvent(enum_1.HookEvents.PLUGIN_UNSUBSCRIBED_FROM_BBB_CORE, {
                 detail: {
                     hook: enums_1.DomElementManipulationHooks.CHAT_MESSAGE,
                     hookArguments: {
                         messageIds: messageIds,
+                        pluginUuid: pluginUuid,
                     },
                 },
             }));
-        }
+        };
+    }, []);
+    (0, react_1.useEffect)(function () {
+        window.addEventListener(enum_1.HookEvents.BBB_CORE_SENT_NEW_DATA, handleDomElementUpdateEvent);
+        window.dispatchEvent(new CustomEvent(enum_1.HookEvents.PLUGIN_SENT_CHANGES_TO_BBB_CORE, {
+            detail: {
+                hook: enums_1.DomElementManipulationHooks.CHAT_MESSAGE,
+                hookArguments: {
+                    messageIds: messageIds,
+                    pluginUuid: pluginUuid,
+                },
+                data: undefined,
+            },
+        }));
+        // Runs on code cleanup
+        return function () {
+            // Everytime the state update, we remove the eventListener and then we re-add it.
+            window.removeEventListener(enum_1.HookEvents.BBB_CORE_SENT_NEW_DATA, handleDomElementUpdateEvent);
+        };
     }, [messageIdsState]);
-    if ((0, utils_1.sortedStringify)(messageIds) !== (0, utils_1.sortedStringify)(messageIdsState)) {
-        setMessageIdsState(messageIds);
+    if ((0, utils_1.sortedStringify)((messageIds) || []) !== (0, utils_1.sortedStringify)(messageIdsState)) {
+        setMessageIdsState((messageIds) || []);
     }
     return domElement;
 };

package/dist/cjs/dom-element-manipulation/chat/message/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../src/dom-element-manipulation/chat/message/hooks.ts"],"names":[],"mappings":";;;AAAA,+BAA4C;AAC5C,qCAA0D;AAC1D,2CAAgD;AAKhD,yDAAkE;AAE3D,IAAM,yBAAyB,GAAG,UAAC,UAAoB;IACtD,IAAA,KAA8B,IAAA,gBAAQ,GAAoB,EAAzD,UAAU,QAAA,EAAE,aAAa,QAAgC,CAAC;IAC3D,IAAA,KAAwC,IAAA,gBAAQ,EAAW,UAAU,CAAC,EAArE,eAAe,QAAA,EAAE,kBAAkB,QAAkC,CAAC;IAE7E,IAAM,mCAAmC,GAAkB,CACzD,UAAC,KACqE;QACpE,IAAM,MAAM,GAAG,KAAK,CAAC,MAC4B,CAAC;QAClD,IAAI,MAAM,CAAC,IAAI,KAAK,mCAA2B,CAAC,YAAY;eACvD,IAAA,uBAAe,EAChB,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,OAAO,CAAC,SAAS,EAAjB,CAAiB,CAAC,CAChD,KAAK,IAAA,uBAAe,EAAC,eAAe,CAAC,EAAE;YACxC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,OAAO,CAAC,OAAO,EAAf,CAAe,CAAC,CAAC,CAAC;SAC9D;IACH,CAAC,CAAkB,CAAC;IAEtB,IAAA,iBAAS,EAAC;QACR,IAAI,eAAe,EAAE;YACnB,MAAM,CAAC,gBAAgB,CAAC,iBAAU,CAAC,OAAO,EAAE,mCAAmC,CAAC,CAAC;YACjF,OAAO;gBACL,MAAM,CAAC,mBAAmB,CAAC,iBAAU,CAAC,OAAO,EAAE,mCAAmC,CAAC,CAAC;gBACpF,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAA2B,iBAAU,CAAC,YAAY,EAAE;oBACtF,MAAM,EAAE;wBACN,IAAI,EAAE,mCAA2B,CAAC,YAAY;wBAC9C,aAAa,EAAE;4BACb,UAAU,YAAA;yBACwB;qBACrC;iBACF,CAAC,CAAC,CAAC;YACN,CAAC,CAAC;SACH;QACD,OAAO,cAAO,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,IAAA,iBAAS,EAAC;QACR,IAAI,eAAe,EAAE;YACnB,MAAM,CAAC,mBAAmB,CAAC,iBAAU,CAAC,OAAO,EAAE,mCAAmC,CAAC,CAAC;YACpF,MAAM,CAAC,gBAAgB,CAAC,iBAAU,CAAC,OAAO,EAAE,mCAAmC,CAAC,CAAC;YACjF,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAyB,iBAAU,CAAC,UAAU,EAAE;gBAClF,MAAM,EAAE;oBACN,IAAI,EAAE,mCAA2B,CAAC,YAAY;oBAC9C,aAAa,EAAE;wBACb,UAAU,YAAA;qBACwB;iBACrC;aACF,CAAC,CAAC,CAAC;SACL;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACtB,IAAI,IAAA,uBAAe,EAAC,UAAU,CAAC,KAAK,IAAA,uBAAe,EAAC,eAAe,CAAC,EAAE;QACpE,kBAAkB,CAAC,UAAU,CAAC,CAAC;KAChC;IACD,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AApDW,QAAA,yBAAyB,6BAoDpC"}
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../src/dom-element-manipulation/chat/message/hooks.ts"],"names":[],"mappings":"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"}

package/dist/cjs/dom-element-manipulation/chat/message/types.d.ts

@@ -1,6 +1,7 @@
 export type UseChatMessageDomElementsFunction = (messageIds: string[]) => HTMLDivElement[] | undefined;
 export interface ChatMessageDomElementsArguments {
     messageIds: string[];
+    pluginUuid: string;
 }
 export interface UpdatedEventDetailsForChatMessageDomElements {
     messageId: string;

package/dist/cjs/dom-element-manipulation/user-camera/hooks.d.ts

@@ -1 +1 @@
-export declare const useUserCameraDomElements: (streamIds: string[]) => HTMLDivElement[] | undefined;
+export declare const useUserCameraDomElements: (streamIds: string[], pluginUuid: string) => HTMLDivElement[] | undefined;

package/dist/cjs/dom-element-manipulation/user-camera/hooks.js

@@ -1,53 +1,78 @@
 "use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useUserCameraDomElements = void 0;
 var react_1 = require("react");
 var enums_1 = require("../enums");
 var enum_1 = require("../../core/enum");
 var utils_1 = require("../../data-consumption/utils");
-var useUserCameraDomElements = function (streamIds) {
+var useUserCameraDomElements = function (streamIds, pluginUuid) {
     var _a = (0, react_1.useState)(), domElement = _a[0], setDomElement = _a[1];
-    var _b = (0, react_1.useState)(streamIds), streamIdsState = _b[0], setStreamIdsState = _b[1];
-    var handleCustomSubscriptionUpdateEvent = (function (event) {
+    var _b = (0, react_1.useState)((streamIds) || []), streamIdsState = _b[0], setStreamIdsState = _b[1];
+    var previousNeededIds = (0, react_1.useRef)([]);
+    var handleDomElementUpdateEvent = (function (event) {
+        var _a;
         var detail = event.detail;
-        if (detail.hook === enums_1.DomElementManipulationHooks.USER_CAMERA
-            && (0, utils_1.sortedStringify)(detail.data.map(function (userCamera) { return userCamera.streamId; })) === (0, utils_1.sortedStringify)(streamIdsState)) {
-            setDomElement(detail.data.map(function (userCamera) { return userCamera.userCameraDomElement; }));
+        if (detail.hook === enums_1.DomElementManipulationHooks.USER_CAMERA) {
+            var filteredDataFromBbbCore = ((_a = detail.data) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return streamIdsState.includes(item.streamId); })) || [];
+            var filteredStreamIdsFromBbbCore = filteredDataFromBbbCore.map(function (item) { return item.streamId; });
+            if ((0, utils_1.sortedStringify)(filteredStreamIdsFromBbbCore)
+                !== (0, utils_1.sortedStringify)(previousNeededIds.current)) {
+                previousNeededIds.current = __spreadArray([], filteredStreamIdsFromBbbCore, true);
+                setDomElement(filteredDataFromBbbCore.map(function (userCamera) { return userCamera.userCameraDomElement; }));
+            }
         }
     });
     (0, react_1.useEffect)(function () {
-        if (streamIdsState) {
-            window.addEventListener(enum_1.HookEvents.UPDATED, handleCustomSubscriptionUpdateEvent);
-            return function () {
-                window.removeEventListener(enum_1.HookEvents.UPDATED, handleCustomSubscriptionUpdateEvent);
-                window.dispatchEvent(new CustomEvent(enum_1.HookEvents.UNSUBSCRIBED, {
-                    detail: {
-                        hook: enums_1.DomElementManipulationHooks.USER_CAMERA,
-                        hookArguments: {
-                            streamIds: streamIds,
-                        },
-                    },
-                }));
-            };
-        }
-        return function () { };
-    }, []);
-    (0, react_1.useEffect)(function () {
-        if (streamIdsState) {
-            window.removeEventListener(enum_1.HookEvents.UPDATED, handleCustomSubscriptionUpdateEvent);
-            window.addEventListener(enum_1.HookEvents.UPDATED, handleCustomSubscriptionUpdateEvent);
-            window.dispatchEvent(new CustomEvent(enum_1.HookEvents.SUBSCRIBED, {
+        window.dispatchEvent(new CustomEvent(enum_1.HookEvents.PLUGIN_SUBSCRIBED_TO_BBB_CORE, {
+            detail: {
+                hook: enums_1.DomElementManipulationHooks.USER_CAMERA,
+                hookArguments: {
+                    streamIds: streamIdsState,
+                    pluginUuid: pluginUuid,
+                },
+            },
+        }));
+        return function () {
+            window.dispatchEvent(new CustomEvent(enum_1.HookEvents.PLUGIN_UNSUBSCRIBED_FROM_BBB_CORE, {
                 detail: {
                     hook: enums_1.DomElementManipulationHooks.USER_CAMERA,
                     hookArguments: {
-                        streamIds: streamIdsState,
+                        streamIds: streamIds,
+                        pluginUuid: pluginUuid,
                     },
                 },
             }));
-        }
+        };
+    }, []);
+    (0, react_1.useEffect)(function () {
+        window.addEventListener(enum_1.HookEvents.BBB_CORE_SENT_NEW_DATA, handleDomElementUpdateEvent);
+        window.dispatchEvent(new CustomEvent(enum_1.HookEvents.PLUGIN_SENT_CHANGES_TO_BBB_CORE, {
+            detail: {
+                hook: enums_1.DomElementManipulationHooks.USER_CAMERA,
+                hookArguments: {
+                    streamIds: (streamIdsState) || [],
+                    pluginUuid: pluginUuid,
+                },
+                data: undefined,
+            },
+        }));
+        // Runs on code cleanup
+        return function () {
+            // Everytime the state update, we remove the eventListener and then we re-add it.
+            window.removeEventListener(enum_1.HookEvents.BBB_CORE_SENT_NEW_DATA, handleDomElementUpdateEvent);
+        };
     }, [streamIdsState]);
-    if ((0, utils_1.sortedStringify)(streamIds) !== (0, utils_1.sortedStringify)(streamIdsState)) {
-        setStreamIdsState(streamIds);
+    if ((0, utils_1.sortedStringify)((streamIds) || []) !== (0, utils_1.sortedStringify)(streamIdsState)) {
+        setStreamIdsState((streamIds) || []);
     }
     return domElement;
 };

package/dist/cjs/dom-element-manipulation/user-camera/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/dom-element-manipulation/user-camera/hooks.ts"],"names":[],"mappings":";;;AAAA,+BAA4C;AAC5C,kCAAuD;AACvD,wCAA6C;AAK7C,sDAA+D;AAExD,IAAM,wBAAwB,GAAG,UAAC,SAAmB;IACpD,IAAA,KAA8B,IAAA,gBAAQ,GAAoB,EAAzD,UAAU,QAAA,EAAE,aAAa,QAAgC,CAAC;IAC3D,IAAA,KAAsC,IAAA,gBAAQ,EAAW,SAAS,CAAC,EAAlE,cAAc,QAAA,EAAE,iBAAiB,QAAiC,CAAC;IAE1E,IAAM,mCAAmC,GAAkB,CACzD,UAAC,KACmE;QAClE,IAAM,MAAM,GAAG,KAAK,CAAC,MAC0B,CAAC;QAChD,IAAI,MAAM,CAAC,IAAI,KAAK,mCAA2B,CAAC,WAAW;eACtD,IAAA,uBAAe,EAChB,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,UAAU,IAAK,OAAA,UAAU,CAAC,QAAQ,EAAnB,CAAmB,CAAC,CACrD,KAAK,IAAA,uBAAe,EAAC,cAAc,CAAC,EAAE;YACvC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,UAAU,IAAK,OAAA,UAAU,CAAC,oBAAoB,EAA/B,CAA+B,CAAC,CAAC,CAAC;SACjF;IACH,CAAC,CAAkB,CAAC;IAEtB,IAAA,iBAAS,EAAC;QACR,IAAI,cAAc,EAAE;YAClB,MAAM,CAAC,gBAAgB,CAAC,iBAAU,CAAC,OAAO,EAAE,mCAAmC,CAAC,CAAC;YACjF,OAAO;gBACL,MAAM,CAAC,mBAAmB,CAAC,iBAAU,CAAC,OAAO,EAAE,mCAAmC,CAAC,CAAC;gBACpF,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAA2B,iBAAU,CAAC,YAAY,EAAE;oBACtF,MAAM,EAAE;wBACN,IAAI,EAAE,mCAA2B,CAAC,WAAW;wBAC7C,aAAa,EAAE;4BACb,SAAS,WAAA;yBACwB;qBACpC;iBACF,CAAC,CAAC,CAAC;YACN,CAAC,CAAC;SACH;QACD,OAAO,cAAO,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,IAAA,iBAAS,EAAC;QACR,IAAI,cAAc,EAAE;YAClB,MAAM,CAAC,mBAAmB,CAAC,iBAAU,CAAC,OAAO,EAAE,mCAAmC,CAAC,CAAC;YACpF,MAAM,CAAC,gBAAgB,CAAC,iBAAU,CAAC,OAAO,EAAE,mCAAmC,CAAC,CAAC;YACjF,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAyB,iBAAU,CAAC,UAAU,EAAE;gBAClF,MAAM,EAAE;oBACN,IAAI,EAAE,mCAA2B,CAAC,WAAW;oBAC7C,aAAa,EAAE;wBACb,SAAS,EAAE,cAAc;qBACQ;iBACpC;aACF,CAAC,CAAC,CAAC;SACL;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IACrB,IAAI,IAAA,uBAAe,EAAC,SAAS,CAAC,KAAK,IAAA,uBAAe,EAAC,cAAc,CAAC,EAAE;QAClE,iBAAiB,CAAC,SAAS,CAAC,CAAC;KAC9B;IACD,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AApDW,QAAA,wBAAwB,4BAoDnC"}
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/dom-element-manipulation/user-camera/hooks.ts"],"names":[],"mappings":"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"}

package/dist/cjs/dom-element-manipulation/user-camera/types.d.ts

@@ -1,8 +1,9 @@
 export type UseUserCameraDomElementsFunction = (streamIds: string[]) => HTMLDivElement[] | undefined;
 export interface UserCameraDomElementsArguments {
     streamIds: string[];
+    pluginUuid: string;
 }
-export interface UpdatedEventDetailsForUserCameraDomElement {
+export interface UpdatedDataForUserCameraDomElement {
     streamId: string;
     userCameraDomElement: HTMLDivElement;
 }

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

@@ -9,10 +9,11 @@ import { OptionsDropdownItemType } from './options-dropdown-item/enums';
 import { PresentationDropdownItemType } from './presentation-dropdown-item/enums';
 import { PresentationToolbarItemType } from './presentation-toolbar-item/enums';
 import { ScreenshareHelperItemType } from './screenshare-helper-item/enums';
+import { UserCameraHelperItemType } from './user-camera-helper-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 | GenericContentType | ScreenshareHelperItemType;
+type PluginProvidedUiItemType = PresentationToolbarItemType | UserListDropdownItemType | ActionButtonDropdownItemType | ActionsBarItemType | AudioSettingsDropdownItemType | PresentationDropdownItemType | NavBarItemType | OptionsDropdownItemType | CameraSettingsDropdownItemType | UserCameraDropdownItemType | UserListItemAdditionalInformationType | FloatingWindowType | GenericContentType | ScreenshareHelperItemType | UserCameraHelperItemType;
 export interface PluginProvidedUiItemDescriptor {
     /** Defined by BigBlueButton Plugin Engine. */
     id: string;

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

@@ -9,6 +9,7 @@ export * from './screenshare-helper-item';
 export * from './options-dropdown-item';
 export * from './camera-settings-dropdown-item';
 export * from './user-camera-dropdown-item';
+export * from './user-camera-helper-item';
 export * from './user-list-item-additional-information';
 export * from './floating-window';
 export * from './generic-content-item';

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

@@ -25,6 +25,7 @@ __exportStar(require("./screenshare-helper-item"), exports);
 __exportStar(require("./options-dropdown-item"), exports);
 __exportStar(require("./camera-settings-dropdown-item"), exports);
 __exportStar(require("./user-camera-dropdown-item"), exports);
+__exportStar(require("./user-camera-helper-item"), exports);
 __exportStar(require("./user-list-item-additional-information"), exports);
 __exportStar(require("./floating-window"), exports);
 __exportStar(require("./generic-content-item"), exports);

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,4DAA0C;AAC1C,0DAAwC;AACxC,kEAAgD;AAChD,8DAA4C;AAC5C,0EAAwD;AACxD,oDAAkC;AAClC,yDAAuC"}
+{"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,4DAA0C;AAC1C,0DAAwC;AACxC,kEAAgD;AAChD,8DAA4C;AAC5C,4DAA0C;AAC1C,0EAAwD;AACxD,oDAAkC;AAClC,yDAAuC"}

package/dist/cjs/extensible-areas/screenshare-helper-item/component.d.ts

@@ -1,5 +1,5 @@
 import { ScreenshareHelperItemType, ScreenshareHelperItemPosition } from './enums';
-import { ScreenshareHelperButtonProps, ScreenshareHelperButtonInterface } from './types';
+import { ScreenshareHelperButtonProps, ScreenshareHelperButtonInterface, ScreenshareHelperButtonOnclickCallback } from './types';
 export declare class ScreenshareHelperButton implements ScreenshareHelperButtonInterface {
     id: string;
     type: ScreenshareHelperItemType;
@@ -8,7 +8,7 @@ export declare class ScreenshareHelperButton implements ScreenshareHelperButtonI
     tooltip: string;
     disabled: boolean;
     position: ScreenshareHelperItemPosition;
-    onClick: () => void;
+    onClick: (args: ScreenshareHelperButtonOnclickCallback) => void;
     /**
      * Returns object to be used in the setter for the Screenshare Helper. In this case,
      * a button.

package/dist/cjs/extensible-areas/screenshare-helper-item/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/screenshare-helper-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAmF;AAMnF,oCAAoC;AAEpC;IAiBE;;;;;;;;;;;;;;;OAeG;IACH,iCAAY,EAGmB;YAF7B,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,gBAAkD,EAAlD,QAAQ,mBAAG,qCAA6B,CAAC,SAAS,KAAA;QAFpD,iBAWC;QA3CD,OAAE,GAAW,EAAE,CAAC;QA6ChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,kCAA2B,EAAE,CAAE,CAAC;QAC5C,CAAC,CAAC;QAXA,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,iCAAyB,CAAC,MAAM,CAAC;QAC7C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAKH,8BAAC;AAAD,CAAC,AAjDD,IAiDC;AAjDY,0DAAuB"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/screenshare-helper-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAmF;AAOnF,oCAAoC;AAEpC;IAiBE;;;;;;;;;;;;;;;OAeG;IACH,iCAAY,EAGmB;YAF7B,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,gBAAkD,EAAlD,QAAQ,mBAAG,qCAA6B,CAAC,SAAS,KAAA;QAFpD,iBAWC;QA3CD,OAAE,GAAW,EAAE,CAAC;QA6ChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,kCAA2B,EAAE,CAAE,CAAC;QAC5C,CAAC,CAAC;QAXA,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,iCAAyB,CAAC,MAAM,CAAC;QAC7C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAKH,8BAAC;AAAD,CAAC,AAjDD,IAiDC;AAjDY,0DAAuB"}

package/dist/cjs/extensible-areas/screenshare-helper-item/types.d.ts

@@ -1,15 +1,19 @@
+/// <reference types="react" />
 import { PluginProvidedUiItemDescriptor } from '../base';
 import { ScreenshareHelperItemPosition } from './enums';
 export interface ScreenshareHelperInterface extends PluginProvidedUiItemDescriptor {
     position: ScreenshareHelperItemPosition;
 }
+export interface ScreenshareHelperButtonOnclickCallback {
+    browserClickEvent: React.MouseEvent<HTMLElement>;
+}
 export interface ScreenshareHelperButtonInterface extends ScreenshareHelperInterface {
     label: string;
     icon: string;
     tooltip: string;
     disabled: boolean;
     position: ScreenshareHelperItemPosition;
-    onClick: () => void;
+    onClick: (args: ScreenshareHelperButtonOnclickCallback) => void;
 }
 export interface ScreenshareHelperButtonProps {
     label?: string;
@@ -18,5 +22,5 @@ export interface ScreenshareHelperButtonProps {
     disabled: boolean;
     hasSeparator: boolean;
     position: ScreenshareHelperItemPosition;
-    onClick: () => void;
+    onClick: (args: ScreenshareHelperButtonOnclickCallback) => void;
 }

package/dist/cjs/extensible-areas/user-camera-helper-item/component.d.ts

@@ -0,0 +1,31 @@
+import { UserCameraHelperItemType, UserCameraHelperItemPosition } from './enums';
+import { UserCameraHelperButtonProps, UserCameraHelperButtonInterface, UserCameraHelperButtonOnclickCallback, UserCameraHelperCallbackFunctionArguments } from './types';
+export declare class UserCameraHelperButton implements UserCameraHelperButtonInterface {
+    id: string;
+    type: UserCameraHelperItemType;
+    label: string;
+    displayFunction?: (args: UserCameraHelperCallbackFunctionArguments) => boolean;
+    icon: string;
+    tooltip: string;
+    disabled: boolean;
+    position: UserCameraHelperItemPosition;
+    onClick: (args: UserCameraHelperButtonOnclickCallback) => void;
+    /**
+     * Returns object to be used in the setter for the UserCamera Helper. In this case,
+     * a button.
+     *
+     * @param label - label to be displayed in userCamera helper button (Not mandatory).
+     * @param tooltip - label to be displayed when hovering the userCamera helper button.
+     * @param icon - icon to be used in the userCamera helper button. It goes in the left side of it.
+     * @param onClick - function to be called when clicking the button.
+     * @param displayFunction - function to tell BBB core which cameras will receive this extensible
+     * area.
+     * @param position - position to place the userCamera helper button.
+     * See {@link UserCameraHelperItemPosition}
+     * @param disabled - if true, the userCamera helper button will not be clickable
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    constructor({ label, icon, tooltip, disabled, onClick, position, displayFunction, }: UserCameraHelperButtonProps);
+    setItemId: (id: string) => void;
+}

package/dist/cjs/extensible-areas/user-camera-helper-item/component.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserCameraHelperButton = void 0;
+var enums_1 = require("./enums");
+// UserCameraHelper Extensible Area
+var UserCameraHelperButton = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for the UserCamera Helper. In this case,
+     * a button.
+     *
+     * @param label - label to be displayed in userCamera helper button (Not mandatory).
+     * @param tooltip - label to be displayed when hovering the userCamera helper button.
+     * @param icon - icon to be used in the userCamera helper button. It goes in the left side of it.
+     * @param onClick - function to be called when clicking the button.
+     * @param displayFunction - function to tell BBB core which cameras will receive this extensible
+     * area.
+     * @param position - position to place the userCamera helper button.
+     * See {@link UserCameraHelperItemPosition}
+     * @param disabled - if true, the userCamera helper button will not be clickable
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    function UserCameraHelperButton(_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.UserCameraHelperItemPosition.TOP_RIGHT : _g, displayFunction = _a.displayFunction;
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "UserCameraHelperButton_".concat(id);
+        };
+        this.label = label;
+        this.icon = icon;
+        this.tooltip = tooltip;
+        this.disabled = disabled;
+        this.onClick = onClick;
+        this.displayFunction = displayFunction;
+        this.type = enums_1.UserCameraHelperItemType.BUTTON;
+        this.position = position;
+    }
+    return UserCameraHelperButton;
+}());
+exports.UserCameraHelperButton = UserCameraHelperButton;
+//# sourceMappingURL=component.js.map

package/dist/cjs/extensible-areas/user-camera-helper-item/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-camera-helper-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAiF;AAQjF,mCAAmC;AAEnC;IAmBE;;;;;;;;;;;;;;;OAeG;IACH,gCAAY,EAGkB;YAF5B,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,gBAAiD,EAAjD,QAAQ,mBAAG,oCAA4B,CAAC,SAAS,KAAA,EAAE,eAAe,qBAAA;QAFpE,iBAYC;QA9CD,OAAE,GAAW,EAAE,CAAC;QAgDhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,iCAA0B,EAAE,CAAE,CAAC;QAC3C,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,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,gCAAwB,CAAC,MAAM,CAAC;QAC5C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAKH,6BAAC;AAAD,CAAC,AApDD,IAoDC;AApDY,wDAAsB"}

package/dist/cjs/extensible-areas/user-camera-helper-item/enums.d.ts

@@ -0,0 +1,12 @@
+export declare enum UserCameraHelperItemType {
+    BUTTON = "SCREENSHARE_HELPER_BUTTON"
+}
+/**
+ * Enum with the position to insert the userCamera helper item (Information or Button)
+ */
+export declare enum UserCameraHelperItemPosition {
+    TOP_RIGHT = "TOP_RIGHT",
+    TOP_LEFT = "TOP_LEFT",
+    BOTTOM_RIGHT = "BOTTOM_RIGHT",
+    BOTTOM_LEFT = "BOTTOM_LEFT"
+}

package/dist/cjs/extensible-areas/user-camera-helper-item/enums.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserCameraHelperItemPosition = exports.UserCameraHelperItemType = void 0;
+// UserCamera Helper items types:
+var UserCameraHelperItemType;
+(function (UserCameraHelperItemType) {
+    UserCameraHelperItemType["BUTTON"] = "SCREENSHARE_HELPER_BUTTON";
+})(UserCameraHelperItemType || (exports.UserCameraHelperItemType = UserCameraHelperItemType = {}));
+/**
+ * Enum with the position to insert the userCamera helper item (Information or Button)
+ */
+var UserCameraHelperItemPosition;
+(function (UserCameraHelperItemPosition) {
+    UserCameraHelperItemPosition["TOP_RIGHT"] = "TOP_RIGHT";
+    UserCameraHelperItemPosition["TOP_LEFT"] = "TOP_LEFT";
+    UserCameraHelperItemPosition["BOTTOM_RIGHT"] = "BOTTOM_RIGHT";
+    UserCameraHelperItemPosition["BOTTOM_LEFT"] = "BOTTOM_LEFT";
+})(UserCameraHelperItemPosition || (exports.UserCameraHelperItemPosition = UserCameraHelperItemPosition = {}));
+//# sourceMappingURL=enums.js.map

package/dist/cjs/extensible-areas/user-camera-helper-item/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-camera-helper-item/enums.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AACjC,IAAY,wBAEX;AAFD,WAAY,wBAAwB;IAClC,gEAAoC,CAAA;AACtC,CAAC,EAFW,wBAAwB,wCAAxB,wBAAwB,QAEnC;AAED;;GAEG;AACH,IAAY,4BAKX;AALD,WAAY,4BAA4B;IACtC,uDAAuB,CAAA;IACvB,qDAAqB,CAAA;IACrB,6DAA6B,CAAA;IAC7B,2DAA2B,CAAA;AAC7B,CAAC,EALW,4BAA4B,4CAA5B,4BAA4B,QAKvC"}

package/dist/cjs/extensible-areas/user-camera-helper-item/index.d.ts

@@ -0,0 +1,3 @@
+export { UserCameraHelperButton, } from './component';
+export { UserCameraHelperInterface, } from './types';
+export { UserCameraHelperItemPosition, } from './enums';

package/dist/cjs/extensible-areas/user-camera-helper-item/index.js

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

package/dist/cjs/extensible-areas/user-camera-helper-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-camera-helper-item/index.ts"],"names":[],"mappings":";;;AAAA,yCAEqB;AADnB,mHAAA,sBAAsB,OAAA;AAKxB,iCAEiB;AADf,qHAAA,4BAA4B,OAAA"}

package/dist/cjs/extensible-areas/user-camera-helper-item/types.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { PluginProvidedUiItemDescriptor } from '../base';
+import { UserCameraHelperItemPosition } from './enums';
+export interface UserCameraHelperInterface extends PluginProvidedUiItemDescriptor {
+    position: UserCameraHelperItemPosition;
+}
+export interface UserCameraHelperButtonOnclickCallback {
+    userId: string;
+    streamId: string;
+    browserClickEvent: React.MouseEvent<HTMLElement>;
+}
+export interface UserCameraHelperCallbackFunctionArguments {
+    streamId: string;
+    userId: string;
+}
+export interface UserCameraHelperButtonInterface extends UserCameraHelperInterface {
+    label: string;
+    icon: string;
+    tooltip: string;
+    disabled: boolean;
+    position: UserCameraHelperItemPosition;
+    displayFunction?: (args: UserCameraHelperCallbackFunctionArguments) => boolean;
+    onClick: (args: UserCameraHelperButtonOnclickCallback) => void;
+}
+export interface UserCameraHelperButtonProps {
+    label?: string;
+    icon: string;
+    tooltip: string;
+    disabled: boolean;
+    displayFunction?: (args: UserCameraHelperCallbackFunctionArguments) => boolean;
+    position: UserCameraHelperItemPosition;
+    onClick: (args: UserCameraHelperButtonOnclickCallback) => void;
+}

package/dist/cjs/extensible-areas/user-camera-helper-item/types.js

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

package/dist/cjs/extensible-areas/user-camera-helper-item/types.js.map

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

package/package.json

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