bigbluebutton-html-plugin-sdk 0.0.56 → 0.0.57

package/README.md

@@ -274,6 +274,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.useUserCameraDomElements = function (streamIds) { return (0, hooks_9.useUserCameraDomElements)(streamIds); };
         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,7 @@ var BbbPluginSdk = /** @class */ (function () {
                 setAudioSettingsDropdownItems: function () { return []; },
                 setPresentationDropdownItems: function () { return []; },
                 setNavBarItems: function () { return []; },
+                setScreenshareHelperItems: 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,16 @@ 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 } 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 SetOptionsDropdownItems = (optionsDropdownItem: OptionsDropdownInterface[]) => string[];
 export type SetCameraSettingsDropdownItems = (cameraSettingsDropdownItem: CameraSettingsDropdownInterface[]) => string[];
 export type SetUserCameraDropdownItems = (userCameraDropdownItem: UserCameraDropdownInterface[]) => string[];
@@ -52,6 +55,7 @@ export interface PluginApi {
     setAudioSettingsDropdownItems: SetAudioSettingsDropdownItems;
     setPresentationDropdownItems: SetPresentationDropdownItems;
     setNavBarItems: SetNavBarItems;
+    setScreenshareHelperItems: SetScreenshareHelperItems;
     setOptionsDropdownItems: SetOptionsDropdownItems;
     setCameraSettingsDropdownItems: SetCameraSettingsDropdownItems;
     setUserCameraDropdownItems: SetUserCameraDropdownItems;
@@ -167,6 +171,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/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[]) => HTMLDivElement[] | undefined;

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

@@ -0,0 +1,55 @@
+"use strict";
+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 _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 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; }));
+        }
+    });
+    (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, {
+                detail: {
+                    hook: enums_1.DomElementManipulationHooks.USER_CAMERA,
+                    hookArguments: {
+                        streamIds: streamIdsState,
+                    },
+                },
+            }));
+        }
+    }, [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":";;;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"}

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

@@ -0,0 +1,8 @@
+export type UseUserCameraDomElementsFunction = (streamIds: string[]) => HTMLDivElement[] | undefined;
+export interface UserCameraDomElementsArguments {
+    streamIds: string[];
+}
+export interface UpdatedEventDetailsForUserCameraDomElement {
+    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,11 @@ 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 { 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;
 export interface PluginProvidedUiItemDescriptor {
     /** Defined by BigBlueButton Plugin Engine. */
     id: string;

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

@@ -5,6 +5,7 @@ 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';

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

@@ -21,6 +21,7 @@ __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);

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,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 } from './types';
+export declare class ScreenshareHelperButton implements ScreenshareHelperButtonInterface {
+    id: string;
+    type: ScreenshareHelperItemType;
+    label: string;
+    icon: string;
+    tooltip: string;
+    disabled: boolean;
+    position: ScreenshareHelperItemPosition;
+    onClick: () => 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;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"}

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,22 @@
+import { PluginProvidedUiItemDescriptor } from '../base';
+import { ScreenshareHelperItemPosition } from './enums';
+export interface ScreenshareHelperInterface extends PluginProvidedUiItemDescriptor {
+    position: ScreenshareHelperItemPosition;
+}
+export interface ScreenshareHelperButtonInterface extends ScreenshareHelperInterface {
+    label: string;
+    icon: string;
+    tooltip: string;
+    disabled: boolean;
+    position: ScreenshareHelperItemPosition;
+    onClick: () => void;
+}
+export interface ScreenshareHelperButtonProps {
+    label?: string;
+    icon: string;
+    tooltip: string;
+    disabled: boolean;
+    hasSeparator: boolean;
+    position: ScreenshareHelperItemPosition;
+    onClick: () => 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/package.json

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