bigbluebutton-html-plugin-sdk 0.0.56 → 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
@@ -274,6 +278,7 @@ So the idea is that we have a `uiCommands` object and at a point, there will be
 ### 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.;
+- `useUserCameraDomElements` hook: This hook will return the dom element of each of the user's webcam corresponding to the streamIds passed reactively, so one can modify whatever is inside, such as text, css, js, etc., and also can get the video element within it;
 
 ### Learning Analytics Dashboard integration
 

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

@@ -16,11 +16,12 @@ var getter_2 = require("../auxiliary/join-url/getter");
 var settings_1 = require("../../data-consumption/domain/settings");
 var hooks_7 = require("../../data-consumption/domain/chat/loaded-chat-messages/hooks");
 var hooks_8 = require("../../dom-element-manipulation/chat/message/hooks");
-var hooks_9 = require("../../data-consumption/domain/user-voice/talking-indicator/hooks");
-var hooks_10 = require("../../ui-data-hooks/hooks");
-var hooks_11 = require("../../data-consumption/domain/meeting/from-core/hooks");
+var hooks_9 = require("../../dom-element-manipulation/user-camera/hooks");
+var hooks_10 = require("../../data-consumption/domain/user-voice/talking-indicator/hooks");
+var hooks_11 = require("../../ui-data-hooks/hooks");
+var hooks_12 = require("../../data-consumption/domain/meeting/from-core/hooks");
 var commands_2 = require("../../server-commands/commands");
-var hooks_12 = require("../../learning-analytics-dashboard/hooks");
+var hooks_13 = require("../../learning-analytics-dashboard/hooks");
 /**
  * Class responsible for either initialize or get the PluginApi
  *
@@ -50,13 +51,14 @@ var BbbPluginSdk = /** @class */ (function () {
         pluginApi.useCurrentPresentation = (function () { return (0, hooks_2.useCurrentPresentation)(); });
         pluginApi.useLoadedUserList = (function () { return (0, hooks_4.useLoadedUserList)(); });
         pluginApi.useCurrentUser = (function () { return (0, hooks_5.useCurrentUser)(); });
-        pluginApi.useMeeting = (function () { return (0, hooks_11.useMeeting)(); });
+        pluginApi.useMeeting = (function () { return (0, hooks_12.useMeeting)(); });
         pluginApi.useUsersBasicInfo = (function () { return (0, hooks_6.useUsersBasicInfo)(); });
-        pluginApi.useTalkingIndicator = (function () { return (0, hooks_9.useTalkingIndicator)(); });
+        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.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_10.useUiData;
+        pluginApi.useUiData = hooks_11.useUiData;
         var pluginName = pluginApi === null || pluginApi === void 0 ? void 0 : pluginApi.pluginName;
         if (pluginName) {
             pluginApi.useDataChannel = (function (channelName, dataChannelType, subChannelName) {
@@ -66,7 +68,7 @@ var BbbPluginSdk = /** @class */ (function () {
             });
             pluginApi.usePluginSettings = function () { return (0, settings_1.usePluginSettings)(pluginName); };
             pluginApi.serverCommands = (0, commands_2.serverCommands)(pluginName);
-            pluginApi.sendGenericDataForLearningAnalyticsDashboard = function (data) { return (0, hooks_12.sendGenericDataForLearningAnalyticsDashboard)(data, pluginName); };
+            pluginApi.sendGenericDataForLearningAnalyticsDashboard = function (data) { return (0, hooks_13.sendGenericDataForLearningAnalyticsDashboard)(data, pluginName); };
         }
         else {
             throw new Error('Plugin name not set');
@@ -111,6 +113,8 @@ var BbbPluginSdk = /** @class */ (function () {
                 setAudioSettingsDropdownItems: function () { return []; },
                 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

@@ -28,13 +28,17 @@ import { UseUiDataFunction } from '../../ui-data-hooks/types';
 import { UseMeetingFunction } from '../../data-consumption/domain/meeting/from-core/types';
 import { ServerCommands } from '../../server-commands/types';
 import { SendGenericDataForLearningAnalyticsDashboard } from '../../learning-analytics-dashboard/types';
+import { UseUserCameraDomElementsFunction } from '../../dom-element-manipulation/user-camera/types';
+import { ScreenshareHelperInterface, UserCameraHelperInterface } from '../../extensible-areas';
 export type SetPresentationToolbarItems = (presentationToolbarItem: PresentationToolbarInterface[]) => string[];
 export type SetUserListDropdownItems = (userListDropdownItem: UserListDropdownInterface[]) => string[];
 export type SetActionButtonDropdownItems = (actionButtonDropdownInterface: ActionButtonDropdownInterface[]) => string[];
 export type SetActionsBarItems = (actionsBarItems: ActionsBarInterface[]) => string[];
 export type SetAudioSettingsDropdownItems = (audioSettingsDropdownItem: AudioSettingsDropdownInterface[]) => string[];
 export type SetPresentationDropdownItems = (userListDropdownItem: PresentationDropdownInterface[]) => string[];
-export type SetNavBarItems = (userListDropdownItem: NavBarInterface[]) => 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[];
@@ -52,6 +56,8 @@ export interface PluginApi {
     setAudioSettingsDropdownItems: SetAudioSettingsDropdownItems;
     setPresentationDropdownItems: SetPresentationDropdownItems;
     setNavBarItems: SetNavBarItems;
+    setScreenshareHelperItems: SetScreenshareHelperItems;
+    setUserCameraHelperItems: SetUserCameraHelperItems;
     setOptionsDropdownItems: SetOptionsDropdownItems;
     setCameraSettingsDropdownItems: SetCameraSettingsDropdownItems;
     setUserCameraDropdownItems: SetUserCameraDropdownItems;
@@ -167,6 +173,15 @@ export interface PluginApi {
      *
      */
     useChatMessageDomElements?: UseChatMessageDomElementsFunction;
+    /**
+     * Returns an array with the DOM elements for the webcams corresponding to each streamId passed.
+     *
+     * @param streamIds - Ids of the user-camera streams one wants to retrieve in the form of an array
+     * @returns The array of an object with DOM elements (in this case, div) and the id
+     * of the stream
+     *
+     */
+    useUserCameraDomElements?: UseUserCameraDomElementsFunction;
     getSessionToken?: GetSessionTokenFunction;
     getJoinUrl?: GetJoinUrlFunction;
     /**

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

@@ -1,3 +1,4 @@
 export declare enum DomElementManipulationHooks {
-    CHAT_MESSAGE = "CHAT_MESSAGE"
+    CHAT_MESSAGE = "CHAT_MESSAGE",
+    USER_CAMERA = "USER_CAMERA"
 }

package/dist/cjs/dom-element-manipulation/enums.js

@@ -4,5 +4,6 @@ exports.DomElementManipulationHooks = void 0;
 var DomElementManipulationHooks;
 (function (DomElementManipulationHooks) {
     DomElementManipulationHooks["CHAT_MESSAGE"] = "CHAT_MESSAGE";
+    DomElementManipulationHooks["USER_CAMERA"] = "USER_CAMERA";
 })(DomElementManipulationHooks || (exports.DomElementManipulationHooks = DomElementManipulationHooks = {}));
 //# sourceMappingURL=enums.js.map

package/dist/cjs/dom-element-manipulation/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../src/dom-element-manipulation/enums.ts"],"names":[],"mappings":";;;AAAA,IAAY,2BAEX;AAFD,WAAY,2BAA2B;IACrC,4DAA6B,CAAA;AAC/B,CAAC,EAFW,2BAA2B,2CAA3B,2BAA2B,QAEtC"}
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../src/dom-element-manipulation/enums.ts"],"names":[],"mappings":";;;AAAA,IAAY,2BAGX;AAHD,WAAY,2BAA2B;IACrC,4DAA6B,CAAA;IAC7B,0DAA2B,CAAA;AAC7B,CAAC,EAHW,2BAA2B,2CAA3B,2BAA2B,QAGtC"}

package/dist/cjs/dom-element-manipulation/type.d.ts

@@ -1,2 +1,3 @@
 import { ChatMessageDomElementsArguments } from './chat/message/types';
-export type DomElementManipulationArguments = ChatMessageDomElementsArguments;
+import { UserCameraDomElementsArguments } from './user-camera/types';
+export type DomElementManipulationArguments = ChatMessageDomElementsArguments | UserCameraDomElementsArguments;

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

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

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

@@ -0,0 +1,80 @@
+"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, 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 previousNeededIds = (0, react_1.useRef)([]);
+    var handleDomElementUpdateEvent = (function (event) {
+        var _a;
+        var detail = event.detail;
+        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 () {
+        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: 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) || []);
+    }
+    return domElement;
+};
+exports.useUserCameraDomElements = useUserCameraDomElements;
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/dom-element-manipulation/user-camera/types.ts"],"names":[],"mappings":""}

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

@@ -8,10 +8,12 @@ import { NavBarItemType } from './nav-bar-item/enums';
 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;
+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

@@ -5,9 +5,11 @@ export * from './actions-bar-item';
 export * from './audio-settings-dropdown-item';
 export * from './presentation-dropdown-item';
 export * from './nav-bar-item';
+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

@@ -21,9 +21,11 @@ __exportStar(require("./actions-bar-item"), exports);
 __exportStar(require("./audio-settings-dropdown-item"), exports);
 __exportStar(require("./presentation-dropdown-item"), exports);
 __exportStar(require("./nav-bar-item"), exports);
+__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,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

@@ -0,0 +1,30 @@
+import { ScreenshareHelperItemType, ScreenshareHelperItemPosition } from './enums';
+import { ScreenshareHelperButtonProps, ScreenshareHelperButtonInterface, ScreenshareHelperButtonOnclickCallback } from './types';
+export declare class ScreenshareHelperButton implements ScreenshareHelperButtonInterface {
+    id: string;
+    type: ScreenshareHelperItemType;
+    label: string;
+    icon: string;
+    tooltip: string;
+    disabled: boolean;
+    position: ScreenshareHelperItemPosition;
+    onClick: (args: ScreenshareHelperButtonOnclickCallback) => void;
+    /**
+     * Returns object to be used in the setter for the Screenshare Helper. In this case,
+     * a button.
+     *
+     * @param label - label to be displayed in screenshare helper button (Not mandatory).
+     * @param tooltip - label to be displayed when hovering the screenshare helper button.
+     * @param icon - icon to be used in the screenshare helper button. It goes in the left side of it.
+     * @param onClick - function to be called when clicking the button.
+     * @param position - position to place the screenshare helper button.
+     * See {@link ScreenshareHelperItemPosition}
+     * @param hasSeparator - boolean indicating whether the screenshare helper button has separator
+     * (vertical bar)
+     * @param disabled - if true, the screenshare 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, }: ScreenshareHelperButtonProps);
+    setItemId: (id: string) => void;
+}

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScreenshareHelperButton = void 0;
+var enums_1 = require("./enums");
+// ScreenshareHelper Extensible Area
+var ScreenshareHelperButton = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for the Screenshare Helper. In this case,
+     * a button.
+     *
+     * @param label - label to be displayed in screenshare helper button (Not mandatory).
+     * @param tooltip - label to be displayed when hovering the screenshare helper button.
+     * @param icon - icon to be used in the screenshare helper button. It goes in the left side of it.
+     * @param onClick - function to be called when clicking the button.
+     * @param position - position to place the screenshare helper button.
+     * See {@link ScreenshareHelperItemPosition}
+     * @param hasSeparator - boolean indicating whether the screenshare helper button has separator
+     * (vertical bar)
+     * @param disabled - if true, the screenshare helper button will not be clickable
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    function ScreenshareHelperButton(_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.ScreenshareHelperItemPosition.TOP_RIGHT : _g;
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "ScreenshareHelperButton_".concat(id);
+        };
+        this.label = label;
+        this.icon = icon;
+        this.tooltip = tooltip;
+        this.disabled = disabled;
+        this.onClick = onClick;
+        this.type = enums_1.ScreenshareHelperItemType.BUTTON;
+        this.position = position;
+    }
+    return ScreenshareHelperButton;
+}());
+exports.ScreenshareHelperButton = ScreenshareHelperButton;
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"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/enums.d.ts

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/extensible-areas/screenshare-helper-item/enums.ts"],"names":[],"mappings":";;;AAAA,kCAAkC;AAClC,IAAY,yBAEX;AAFD,WAAY,yBAAyB;IACnC,iEAAoC,CAAA;AACtC,CAAC,EAFW,yBAAyB,yCAAzB,yBAAyB,QAEpC;AAED;;GAEG;AACH,IAAY,6BAKX;AALD,WAAY,6BAA6B;IACvC,wDAAuB,CAAA;IACvB,sDAAqB,CAAA;IACrB,8DAA6B,CAAA;IAC7B,4DAA2B,CAAA;AAC7B,CAAC,EALW,6BAA6B,6CAA7B,6BAA6B,QAKxC"}

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

@@ -0,0 +1,3 @@
+export { ScreenshareHelperButton, } from './component';
+export { ScreenshareHelperInterface, } from './types';
+export { ScreenshareHelperItemPosition, } from './enums';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensible-areas/screenshare-helper-item/index.ts"],"names":[],"mappings":";;;AAAA,yCAEqB;AADnB,oHAAA,uBAAuB,OAAA;AAKzB,iCAEiB;AADf,sHAAA,6BAA6B,OAAA"}

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

@@ -0,0 +1,26 @@
+/// <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: (args: ScreenshareHelperButtonOnclickCallback) => void;
+}
+export interface ScreenshareHelperButtonProps {
+    label?: string;
+    icon: string;
+    tooltip: string;
+    disabled: boolean;
+    hasSeparator: boolean;
+    position: ScreenshareHelperItemPosition;
+    onClick: (args: ScreenshareHelperButtonOnclickCallback) => void;
+}

package/dist/cjs/extensible-areas/screenshare-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/screenshare-helper-item/types.js.map

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

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

@@ -1,11 +1,12 @@
 import { UserCameraDropdownItemType } from './enums';
-import { UserCameraDropdownInterface, UserCameraDropdownOptionProps } from './types';
+import { OnclickFunctionCallbackArguments, UserCameraDropdownCallbackFunctionsArguments, UserCameraDropdownInterface, UserCameraDropdownOptionProps, UserCameraDropdownSeparatorProps } from './types';
 export declare class UserCameraDropdownOption implements UserCameraDropdownInterface {
     id: string;
     type: UserCameraDropdownItemType;
     label: string;
     icon: string;
-    onClick: () => void;
+    onClick: (args: OnclickFunctionCallbackArguments) => void;
+    displayFunction?: (args: UserCameraDropdownCallbackFunctionsArguments) => boolean;
     /**
      * Returns object to be used in the setter for User Camera Dropdown. In this case
      * an option.
@@ -16,18 +17,19 @@ export declare class UserCameraDropdownOption implements UserCameraDropdownInter
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
-    constructor({ label, icon, onClick, }: UserCameraDropdownOptionProps);
+    constructor({ label, icon, onClick, displayFunction, }: UserCameraDropdownOptionProps);
     setItemId: (id: string) => void;
 }
 export declare class UserCameraDropdownSeparator implements UserCameraDropdownInterface {
     id: string;
     type: UserCameraDropdownItemType;
+    displayFunction?: (args: UserCameraDropdownCallbackFunctionsArguments) => boolean;
     /**
      * Returns object to be used in the setter for User Camera Dropdown. In this case
      * a separator.
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
-    constructor();
+    constructor({ displayFunction, }?: UserCameraDropdownSeparatorProps);
     setItemId: (id: string) => void;
 }

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

@@ -15,12 +15,13 @@ var UserCameraDropdownOption = /** @class */ (function () {
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
     function UserCameraDropdownOption(_a) {
-        var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d;
+        var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d, _e = _a.displayFunction, displayFunction = _e === void 0 ? function () { return true; } : _e;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
             _this.id = "UserCameraDropdownOption_".concat(id);
         };
+        this.displayFunction = displayFunction;
         this.label = label;
         this.icon = icon;
         this.onClick = onClick;
@@ -36,12 +37,14 @@ var UserCameraDropdownSeparator = /** @class */ (function () {
      *
      * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5)
      */
-    function UserCameraDropdownSeparator() {
+    function UserCameraDropdownSeparator(_a) {
+        var _b = _a === void 0 ? { displayFunction: function () { return true; } } : _a, displayFunction = _b.displayFunction;
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
             _this.id = "UserCameraDropdownSeparator_".concat(id);
         };
+        this.displayFunction = displayFunction;
         this.type = enums_1.UserCameraDropdownItemType.SEPARATOR;
     }
     return UserCameraDropdownSeparator;

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-camera-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAqD;AAKrD,qCAAqC;AAErC;IAWE;;;;;;;;;OASG;IACH,kCAAY,EAEoB;YAD9B,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;QAD3C,iBAOC;QA3BD,OAAE,GAAW,EAAE,CAAC;QA6BhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,mCAA4B,EAAE,CAAE,CAAC;QAC7C,CAAC,CAAC;QARA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,kCAA0B,CAAC,MAAM,CAAC;IAChD,CAAC;IAKH,+BAAC;AAAD,CAAC,AAjCD,IAiCC;AAjCY,4DAAwB;AAmCrC;IAKE;;;;;OAKG;IACH;QAAA,iBAEC;QAZD,OAAE,GAAW,EAAE,CAAC;QAchB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,sCAA+B,EAAE,CAAE,CAAC;QAChD,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,kCAA0B,CAAC,SAAS,CAAC;IACnD,CAAC;IAKH,kCAAC;AAAD,CAAC,AAlBD,IAkBC;AAlBY,kEAA2B"}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-camera-dropdown-item/component.ts"],"names":[],"mappings":";;;AAAA,iCAAqD;AAQrD,qCAAqC;AAErC;IAaE;;;;;;;;;OASG;IACH,kCAAY,EAGoB;YAF9B,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EACzC,uBAA4B,EAA5B,eAAe,mBAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,KAAA;QAF9B,iBASC;QA/BD,OAAE,GAAW,EAAE,CAAC;QAiChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,mCAA4B,EAAE,CAAE,CAAC;QAC7C,CAAC,CAAC;QATA,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,kCAA0B,CAAC,MAAM,CAAC;IAChD,CAAC;IAKH,+BAAC;AAAD,CAAC,AArCD,IAqCC;AArCY,4DAAwB;AAuCrC;IAOE;;;;;OAKG;IACH,qCAAY,EAEyD;YAFzD,qBAE0B,EAAE,eAAe,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI,EAAE,KAAA,EADnE,eAAe,qBAAA;QADjB,iBAKC;QAjBD,OAAE,GAAW,EAAE,CAAC;QAmBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,sCAA+B,EAAE,CAAE,CAAC;QAChD,CAAC,CAAC;QANA,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,kCAA0B,CAAC,SAAS,CAAC;IACnD,CAAC;IAKH,kCAAC;AAAD,CAAC,AAvBD,IAuBC;AAvBY,kEAA2B"}

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

@@ -1,4 +1,12 @@
+/// <reference types="react" />
 import { PluginProvidedUiItemDescriptor } from '../base';
+export interface UserCameraDropdownCallbackFunctionsArguments {
+    streamId: string;
+    userId: string;
+}
+export interface OnclickFunctionCallbackArguments extends UserCameraDropdownCallbackFunctionsArguments {
+    browserClickEvent: React.MouseEvent<HTMLElement>;
+}
 /**
  * User Camera Dropdown Item - The general user camera dropdown extensible area item
  *
@@ -6,9 +14,14 @@ import { PluginProvidedUiItemDescriptor } from '../base';
  * This dropdown is located on the bottom left corner of the user webcam area
  */
 export interface UserCameraDropdownInterface extends PluginProvidedUiItemDescriptor {
+    displayFunction?: (args: UserCameraDropdownCallbackFunctionsArguments) => boolean;
+}
+export interface UserCameraDropdownSeparatorProps {
+    displayFunction?: (args: UserCameraDropdownCallbackFunctionsArguments) => boolean;
 }
 export interface UserCameraDropdownOptionProps {
     label: string;
     icon: string;
-    onClick: () => void;
+    onClick: (args: OnclickFunctionCallbackArguments) => void;
+    displayFunction?: (args: UserCameraDropdownCallbackFunctionsArguments) => boolean;
 }

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.56",
+  "version": "0.0.58",
   "homepage": "https://github.com/bigbluebutton/bigbluebutton-html-plugin-sdk",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",