bigbluebutton-html-plugin-sdk 0.0.3 → 0.0.5

package/README.md

@@ -2,11 +2,15 @@
 
 ## Information
 
-SDK for developing BigBlueButton plugins, an example implementation of it can be found in `./samples/sample-whiteboard-toolbar-plugin` (Refer to `./samples/sample-whiteboard-toolbar-plugin/README.md`).
+SDK for developing BigBlueButton plugins, examples of implementations can be found in `./samples/sample-presentation-toolbar-plugin` (Refer to `./samples/sample-presentation-toolbar-plugin/README.md`) or `./samples/sample-user-list-dropdown-plugin`.
 
 ## API
 ### Extensible UI areas
-- Whiteboard toolbar items (button, separator, spinner)
+- Presentation toolbar items (button, separator, spinner)
+
+- User list dropdown items (option, separator) 
 
 ### Realtime data consumption
 - `useCurrentPresentation` hook: provides information regarding the current presentation.
+
+- `useLoadedUserList` hook: provides information regarding the loaded user list (displayed in the screen)

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

@@ -1,4 +1,4 @@
 import { PluginApi } from '../types';
-declare type GetPluginApi = (uuid: string) => PluginApi;
+type GetPluginApi = (uuid: string) => PluginApi;
 declare const getPluginApi: GetPluginApi;
 export { getPluginApi, GetPluginApi, };

package/dist/cjs/core/getPluginApi.js

@@ -7,13 +7,15 @@ var getPluginApi = function (uuid) {
             return window.bbb_plugins[uuid];
         }
         window.bbb_plugins[uuid] = {
-            setWhiteboardToolbarItems: function () { },
+            setUserListDropdownItems: function () { },
+            setPresentationToolbarItems: function () { },
         };
         return window.bbb_plugins[uuid];
     }
     window.bbb_plugins = {};
     window.bbb_plugins[uuid] = {
-        setWhiteboardToolbarItems: function () { },
+        setUserListDropdownItems: function () { },
+        setPresentationToolbarItems: function () { },
     };
     return window.bbb_plugins[uuid];
 };

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

@@ -1 +1 @@
-{"version":3,"file":"getPluginApi.js","sourceRoot":"","sources":["../../../src/core/getPluginApi.ts"],"names":[],"mappings":";;;AAQA,IAAM,YAAY,GAAiB,UAAC,IAAY;IAC9C,IAAI,MAAM,CAAC,WAAW,EAAE;QACtB,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;YACxD,OAAO,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SACjC;QACD,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG;YACzB,yBAAyB,EAAE,cAAO,CAAC;SACpC,CAAC;QACF,OAAO,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;KACjC;IACD,MAAM,CAAC,WAAW,GAAG,EAAE,CAAC;IACxB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG;QACzB,yBAAyB,EAAE,cAAO,CAAC;KACpC,CAAC;IACF,OAAO,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AAClC,CAAC,CAAC;AAGA,oCAAY"}
+{"version":3,"file":"getPluginApi.js","sourceRoot":"","sources":["../../../src/core/getPluginApi.ts"],"names":[],"mappings":";;;AAQA,IAAM,YAAY,GAAiB,UAAC,IAAY;IAC9C,IAAI,MAAM,CAAC,WAAW,EAAE;QACtB,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;YACxD,OAAO,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SACjC;QACD,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG;YACzB,wBAAwB,EAAE,cAAO,CAAC;YAClC,2BAA2B,EAAE,cAAO,CAAC;SACtC,CAAC;QACF,OAAO,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;KACjC;IACD,MAAM,CAAC,WAAW,GAAG,EAAE,CAAC;IACxB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG;QACzB,wBAAwB,EAAE,cAAO,CAAC;QAClC,2BAA2B,EAAE,cAAO,CAAC;KACtC,CAAC;IACF,OAAO,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AAClC,CAAC,CAAC;AAGA,oCAAY"}

package/dist/cjs/core/index.js

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

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

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

package/dist/cjs/data-consumption/hooks/index.d.ts

@@ -1 +1,2 @@
 export { default as useCurrentPresentation } from './presentation';
+export { default as useLoadedUserList } from './user';

package/dist/cjs/data-consumption/hooks/index.js

@@ -1,5 +1,11 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLoadedUserList = exports.useCurrentPresentation = void 0;
 var presentation_1 = require("./presentation");
-Object.defineProperty(exports, "useCurrentPresentation", { enumerable: true, get: function () { return presentation_1.default; } });
+Object.defineProperty(exports, "useCurrentPresentation", { enumerable: true, get: function () { return __importDefault(presentation_1).default; } });
+var user_1 = require("./user");
+Object.defineProperty(exports, "useLoadedUserList", { enumerable: true, get: function () { return __importDefault(user_1).default; } });
 //# sourceMappingURL=index.js.map

package/dist/cjs/data-consumption/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/data-consumption/hooks/index.ts"],"names":[],"mappings":";;AAAA,+CAAmE;AAA1D,sHAAA,OAAO,OAA0B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/data-consumption/hooks/index.ts"],"names":[],"mappings":";;;;;;AAAA,+CAAmE;AAA1D,uIAAA,OAAO,OAA0B;AAC1C,+BAAsD;AAA7C,0HAAA,OAAO,OAAqB"}

package/dist/cjs/data-consumption/hooks/presentation.d.ts

@@ -1,3 +1,3 @@
-import { Presentation } from '../../types';
-declare const useCurrentPresentation: () => Presentation | undefined;
+import { CurrentPresentation } from '../../types';
+declare const useCurrentPresentation: () => CurrentPresentation | undefined;
 export default useCurrentPresentation;

package/dist/cjs/data-consumption/hooks/presentation.js

@@ -3,16 +3,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
 var index_1 = require("../../index");
 var useCurrentPresentation = function () {
-    var _a = react_1.useState(), presentationInfo = _a[0], setPresentationInfo = _a[1];
+    var _a = (0, react_1.useState)(), presentationInfo = _a[0], setPresentationInfo = _a[1];
     var handleCurrentPresentationUpdateEvent = (function (event) {
         if (event.detail.hook === index_1.Internal.BbbHooks.UseCurrentPresentation) {
             setPresentationInfo(event.detail.data);
         }
     });
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         window.addEventListener(index_1.Internal.BbbHookEvents.Update, handleCurrentPresentationUpdateEvent);
-        window.dispatchEvent(new Event(index_1.Internal.BbbHookEvents.NewSubscriber));
+        window.dispatchEvent(new CustomEvent(index_1.Internal.BbbHookEvents.Subscribe, {
+            detail: { hook: index_1.Internal.BbbHooks.UseCurrentPresentation },
+        }));
         return function () {
+            window.dispatchEvent(new CustomEvent(index_1.Internal.BbbHookEvents.Unsubscribe, {
+                detail: { hook: index_1.Internal.BbbHooks.UseCurrentPresentation },
+            }));
             window.removeEventListener(index_1.Internal.BbbHookEvents.Update, handleCurrentPresentationUpdateEvent);
         };
     }, []);

package/dist/cjs/data-consumption/hooks/presentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation.js","sourceRoot":"","sources":["../../../../src/data-consumption/hooks/presentation.ts"],"names":[],"mappings":";;AAAA,+BAA4C;AAC5C,qCAAuC;AAIvC,IAAM,sBAAsB,GAAmC;IACvD,IAAA,KAA0C,gBAAQ,EAA4B,EAA7E,gBAAgB,QAAA,EAAE,mBAAmB,QAAwC,CAAC;IACrF,IAAM,oCAAoC,GAAkB,CAC1D,UAAC,KAA2C;QAC1C,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,gBAAQ,CAAC,QAAQ,CAAC,sBAAsB,EAAE;YAClE,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SACxC;IACH,CAAC,CAAkB,CAAC;IAEtB,iBAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,gBAAQ,CAAC,aAAa,CAAC,MAAM,EAAE,oCAAoC,CAAC,CAAC;QAC7F,MAAM,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,gBAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;QACtE,OAAO;YACL,MAAM,CAAC,mBAAmB,CACxB,gBAAQ,CAAC,aAAa,CAAC,MAAM,EAC7B,oCAAoC,CACrC,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}
+{"version":3,"file":"presentation.js","sourceRoot":"","sources":["../../../../src/data-consumption/hooks/presentation.ts"],"names":[],"mappings":";;AAAA,+BAA4C;AAC5C,qCAAuC;AAIvC,IAAM,sBAAsB,GAA0C;IAC9D,IAAA,KAA0C,IAAA,gBAAQ,GAAmC,EAApF,gBAAgB,QAAA,EAAE,mBAAmB,QAA+C,CAAC;IAC5F,IAAM,oCAAoC,GAAkB,CAC1D,UAAC,KAAkD;QACjD,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,gBAAQ,CAAC,QAAQ,CAAC,sBAAsB,EAAE;YAClE,mBAAmB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SACxC;IACH,CAAC,CAAkB,CAAC;IAEtB,IAAA,iBAAS,EAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,gBAAQ,CAAC,aAAa,CAAC,MAAM,EAAE,oCAAoC,CAAC,CAAC;QAC7F,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,gBAAQ,CAAC,aAAa,CAAC,SAAS,EAAE;YACrE,MAAM,EAAE,EAAE,IAAI,EAAE,gBAAQ,CAAC,QAAQ,CAAC,sBAAsB,EAAE;SAC3D,CAAC,CAAC,CAAC;QACJ,OAAO;YACL,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,gBAAQ,CAAC,aAAa,CAAC,WAAW,EAAE;gBACvE,MAAM,EAAE,EAAE,IAAI,EAAE,gBAAQ,CAAC,QAAQ,CAAC,sBAAsB,EAAE;aAC3D,CAAC,CAAC,CAAC;YACJ,MAAM,CAAC,mBAAmB,CACxB,gBAAQ,CAAC,aAAa,CAAC,MAAM,EAC7B,oCAAoC,CACrC,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}

package/dist/cjs/data-consumption/hooks/user.d.ts

@@ -0,0 +1,3 @@
+import { User } from '../../types';
+declare const useLoadedUserList: () => User[] | undefined;
+export default useLoadedUserList;

package/dist/cjs/data-consumption/hooks/user.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var index_1 = require("../../index");
+var useLoadedUserList = function () {
+    var _a = (0, react_1.useState)(), userInfo = _a[0], setUserInfo = _a[1];
+    var handleLoadedUserListUpdateEvent = (function (event) {
+        if (event.detail.hook === index_1.Internal.BbbHooks.UseLoadedUserList) {
+            setUserInfo(event.detail.data);
+        }
+    });
+    (0, react_1.useEffect)(function () {
+        window.addEventListener(index_1.Internal.BbbHookEvents.Update, handleLoadedUserListUpdateEvent);
+        window.dispatchEvent(new CustomEvent(index_1.Internal.BbbHookEvents.Subscribe, {
+            detail: { hook: index_1.Internal.BbbHooks.UseLoadedUserList },
+        }));
+        return function () {
+            window.dispatchEvent(new CustomEvent(index_1.Internal.BbbHookEvents.Unsubscribe, {
+                detail: { hook: index_1.Internal.BbbHooks.UseLoadedUserList },
+            }));
+            window.removeEventListener(index_1.Internal.BbbHookEvents.Update, handleLoadedUserListUpdateEvent);
+        };
+    }, []);
+    return userInfo;
+};
+exports.default = useLoadedUserList;
+//# sourceMappingURL=user.js.map

package/dist/cjs/data-consumption/hooks/user.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user.js","sourceRoot":"","sources":["../../../../src/data-consumption/hooks/user.ts"],"names":[],"mappings":";;AAAA,+BAA4C;AAC5C,qCAAuC;AAIvC,IAAM,iBAAiB,GAA6B;IAC5C,IAAA,KAA0B,IAAA,gBAAQ,GAAsB,EAAvD,QAAQ,QAAA,EAAE,WAAW,QAAkC,CAAC;IAC/D,IAAM,+BAA+B,GAAkB,CACrD,UAAC,KAAqC;QACpC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,gBAAQ,CAAC,QAAQ,CAAC,iBAAiB,EAAE;YAC7D,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SAChC;IACH,CAAC,CAAkB,CAAC;IACtB,IAAA,iBAAS,EAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,gBAAQ,CAAC,aAAa,CAAC,MAAM,EAAE,+BAA+B,CAAC,CAAC;QACxF,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,gBAAQ,CAAC,aAAa,CAAC,SAAS,EAAE;YACrE,MAAM,EAAE,EAAE,IAAI,EAAE,gBAAQ,CAAC,QAAQ,CAAC,iBAAiB,EAAE;SACtD,CAAC,CAAC,CAAC;QACJ,OAAO;YACL,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,gBAAQ,CAAC,aAAa,CAAC,WAAW,EAAE;gBACvE,MAAM,EAAE,EAAE,IAAI,EAAE,gBAAQ,CAAC,QAAQ,CAAC,iBAAiB,EAAE;aACtD,CAAC,CAAC,CAAC;YACJ,MAAM,CAAC,mBAAmB,CACxB,gBAAQ,CAAC,aAAa,CAAC,MAAM,EAC7B,+BAA+B,CAChC,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

package/dist/cjs/data-consumption/types/presentation.d.ts

@@ -1,15 +1,15 @@
-export interface PresentationPageUrls {
+export interface CurrentPresentationPageUrls {
     thumbnail: string;
     png: string;
     svg: string;
     text: string;
 }
-export interface PresentationPage {
+export interface CurrentPresentationPage {
     id: string;
     num: number;
-    urls: PresentationPageUrls;
+    urls: CurrentPresentationPageUrls;
 }
-export interface Presentation {
+export interface CurrentPresentation {
     presentationId: string;
-    currentPage: PresentationPage;
+    currentPage: CurrentPresentationPage;
 }

package/dist/cjs/data-consumption/types/user.d.ts

@@ -0,0 +1,62 @@
+export interface Cameras {
+    streamId: string;
+    meetingId: string;
+    userId: string;
+}
+export interface PresPagesWritable {
+    isCurrentPage: boolean;
+    changedModeOn: number;
+    meetingId: string;
+    pageId: string;
+    presentationId: string;
+    userId: string;
+}
+export interface LastBreakoutRoom {
+    breakoutRoomId: string;
+    isDefaultName: boolean;
+    sequence: number;
+    shortName: string;
+    currentlyInRoom: boolean;
+    meetingId: string;
+    userId: string;
+}
+export interface Voice {
+    joined: boolean;
+    listenOnly: boolean;
+    talking: boolean;
+    muted: boolean;
+    voiceUserId: string;
+    callerName: string;
+    callerNum: string;
+    callingWith: string;
+    color: string;
+    endTime: number;
+    floor: boolean;
+    lastFloorTime: string;
+    lastSpeakChangedAt: number;
+    meetingId: string;
+    spoke: boolean;
+    startTime: number;
+}
+export interface User {
+    userId: string;
+    extId: string;
+    name: string;
+    isModerator: boolean;
+    isOnline: boolean;
+    role: string;
+    color: string;
+    avatar: string;
+    emoji: string;
+    presenter?: boolean;
+    pinned?: boolean;
+    guest?: boolean;
+    mobile?: boolean;
+    whiteboardAccess?: boolean;
+    voice?: Voice;
+    locked: boolean;
+    lastBreakoutRoom?: LastBreakoutRoom;
+    cameras: Array<Cameras>;
+    presPagesWritable: Array<PresPagesWritable>;
+    speechLocale: string;
+}

package/dist/cjs/data-consumption/types/user.js

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

package/dist/cjs/data-consumption/types/user.js.map

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

package/dist/cjs/enums.d.ts

@@ -1,17 +1,23 @@
 declare enum BbbHookEvents {
     Update = "UPDATE_HOOK",
-    NewSubscriber = "NEW_SUBSCRIBER"
+    Subscribe = "SUBSCRIBE_TO_HOOK",
+    Unsubscribe = "UNSUBSCRIBE_FROM_HOOK"
 }
 declare enum BbbHooks {
-    UseCurrentPresentation = "BbbHooks::UseCurrentPresentation"
+    UseCurrentPresentation = "BbbHooks::UseCurrentPresentation",
+    UseLoadedUserList = "BbbHooks::UseLoadedUserList"
 }
 export declare const Internal: {
     BbbHookEvents: typeof BbbHookEvents;
     BbbHooks: typeof BbbHooks;
 };
-export declare enum WhiteboardToolbarItemType {
+export declare enum PresentationToolbarItemType {
     BUTTON = "PRESENTATION_TOOLBAR_BUTTON",
     SPINNER = "PRESENTATION_TOOLBAR_SPINNER",
     SEPARATOR = "PRESENTATION_TOOLBAR_SEPARATOR"
 }
+export declare enum UserListDropdownItemType {
+    OPTION = "USER_LIST_DROPDOWN_OPTION",
+    SEPARATOR = "USER_LIST_DROPDOWN_SEPARATOR"
+}
 export {};

package/dist/cjs/enums.js

@@ -1,24 +1,32 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WhiteboardToolbarItemType = exports.Internal = void 0;
+exports.UserListDropdownItemType = exports.PresentationToolbarItemType = exports.Internal = void 0;
 var BbbHookEvents;
 (function (BbbHookEvents) {
     BbbHookEvents["Update"] = "UPDATE_HOOK";
-    BbbHookEvents["NewSubscriber"] = "NEW_SUBSCRIBER";
+    BbbHookEvents["Subscribe"] = "SUBSCRIBE_TO_HOOK";
+    BbbHookEvents["Unsubscribe"] = "UNSUBSCRIBE_FROM_HOOK";
 })(BbbHookEvents || (BbbHookEvents = {}));
 var BbbHooks;
 (function (BbbHooks) {
     BbbHooks["UseCurrentPresentation"] = "BbbHooks::UseCurrentPresentation";
+    BbbHooks["UseLoadedUserList"] = "BbbHooks::UseLoadedUserList";
 })(BbbHooks || (BbbHooks = {}));
 exports.Internal = {
     BbbHookEvents: BbbHookEvents,
     BbbHooks: BbbHooks,
 };
 // Presentation toolbar items types:
-var WhiteboardToolbarItemType;
-(function (WhiteboardToolbarItemType) {
-    WhiteboardToolbarItemType["BUTTON"] = "PRESENTATION_TOOLBAR_BUTTON";
-    WhiteboardToolbarItemType["SPINNER"] = "PRESENTATION_TOOLBAR_SPINNER";
-    WhiteboardToolbarItemType["SEPARATOR"] = "PRESENTATION_TOOLBAR_SEPARATOR";
-})(WhiteboardToolbarItemType = exports.WhiteboardToolbarItemType || (exports.WhiteboardToolbarItemType = {}));
+var PresentationToolbarItemType;
+(function (PresentationToolbarItemType) {
+    PresentationToolbarItemType["BUTTON"] = "PRESENTATION_TOOLBAR_BUTTON";
+    PresentationToolbarItemType["SPINNER"] = "PRESENTATION_TOOLBAR_SPINNER";
+    PresentationToolbarItemType["SEPARATOR"] = "PRESENTATION_TOOLBAR_SEPARATOR";
+})(PresentationToolbarItemType || (exports.PresentationToolbarItemType = PresentationToolbarItemType = {}));
+// Participant dropdown items types:
+var UserListDropdownItemType;
+(function (UserListDropdownItemType) {
+    UserListDropdownItemType["OPTION"] = "USER_LIST_DROPDOWN_OPTION";
+    UserListDropdownItemType["SEPARATOR"] = "USER_LIST_DROPDOWN_SEPARATOR";
+})(UserListDropdownItemType || (exports.UserListDropdownItemType = UserListDropdownItemType = {}));
 //# sourceMappingURL=enums.js.map

package/dist/cjs/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../src/enums.ts"],"names":[],"mappings":";;;AAAA,IAAK,aAGJ;AAHD,WAAK,aAAa;IAChB,uCAAsB,CAAA;IACtB,iDAAgC,CAAA;AAClC,CAAC,EAHI,aAAa,KAAb,aAAa,QAGjB;AAED,IAAK,QAEJ;AAFD,WAAK,QAAQ;IACX,uEAA2D,CAAA;AAC7D,CAAC,EAFI,QAAQ,KAAR,QAAQ,QAEZ;AAEY,QAAA,QAAQ,GAAG;IACtB,aAAa,eAAA;IACb,QAAQ,UAAA;CACT,CAAC;AAEF,oCAAoC;AACpC,IAAY,yBAIX;AAJD,WAAY,yBAAyB;IACnC,mEAAsC,CAAA;IACtC,qEAAwC,CAAA;IACxC,yEAA4C,CAAA;AAC9C,CAAC,EAJW,yBAAyB,GAAzB,iCAAyB,KAAzB,iCAAyB,QAIpC"}
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../src/enums.ts"],"names":[],"mappings":";;;AAAA,IAAK,aAIJ;AAJD,WAAK,aAAa;IAChB,uCAAsB,CAAA;IACtB,gDAA+B,CAAA;IAC/B,sDAAqC,CAAA;AACvC,CAAC,EAJI,aAAa,KAAb,aAAa,QAIjB;AAED,IAAK,QAGJ;AAHD,WAAK,QAAQ;IACX,uEAA2D,CAAA;IAC3D,6DAAiD,CAAA;AACnD,CAAC,EAHI,QAAQ,KAAR,QAAQ,QAGZ;AAEY,QAAA,QAAQ,GAAG;IACtB,aAAa,eAAA;IACb,QAAQ,UAAA;CACT,CAAC;AAEF,oCAAoC;AACpC,IAAY,2BAIX;AAJD,WAAY,2BAA2B;IACrC,qEAAsC,CAAA;IACtC,uEAAwC,CAAA;IACxC,2EAA4C,CAAA;AAC9C,CAAC,EAJW,2BAA2B,2CAA3B,2BAA2B,QAItC;AAED,oCAAoC;AACpC,IAAY,wBAGX;AAHD,WAAY,wBAAwB;IAClC,gEAAoC,CAAA;IACpC,sEAA0C,CAAA;AAC5C,CAAC,EAHW,wBAAwB,wCAAxB,wBAAwB,QAGnC"}

package/dist/cjs/index.js

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

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAwB;AAExB,2DAAyC;AAEzC,yCAAuB;AAEvB,0CAAwB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB;AAExB,2DAAyC;AAEzC,yCAAuB;AAEvB,0CAAwB"}

package/dist/cjs/types/common.d.ts

@@ -1,53 +1,92 @@
+import { PresentationToolbarItemType, UserListDropdownItemType } from '../index';
+type PluginProvidedUiItemType = UserListDropdownItemType | PresentationToolbarItemType;
 export interface PluginProvidedUiItemDescriptor {
+    /** Defined by BigBlueButton Plugin Engine. */
     id: string;
-    type: string;
+    type: PluginProvidedUiItemType;
     setItemId: (id: string) => void;
 }
-export interface WhiteboardToolbarItem extends PluginProvidedUiItemDescriptor {
+export interface CustomEventHook<T> {
+    data: T;
+    hook: string;
+}
+export interface CustomEventHookWrapper<T> extends Event {
+    detail: CustomEventHook<T>;
 }
-export interface WhiteboardToolbarButtonProps {
+export interface PresentationToolbarItem extends PluginProvidedUiItemDescriptor {
+}
+export interface PresentationToolbarButtonProps {
     label: string;
     tooltip: string;
     onClick: () => void;
 }
-export declare class WhiteboardToolbarButton implements WhiteboardToolbarItem {
+export declare class PresentationToolbarButton implements PresentationToolbarItem {
     id: string;
-    type: string;
+    type: PresentationToolbarItemType;
     label: string;
     tooltip: string;
     onClick: () => void;
-    constructor({ label, tooltip, onClick }: WhiteboardToolbarButtonProps);
+    constructor({ label, tooltip, onClick }: PresentationToolbarButtonProps);
     setItemId: (id: string) => void;
 }
-export declare class WhiteboardToolbarSpinner implements WhiteboardToolbarItem {
+export declare class PresentationToolbarSpinner implements PresentationToolbarItem {
     id: string;
-    type: string;
+    type: PresentationToolbarItemType;
     constructor();
     setItemId: (id: string) => void;
 }
-export interface WhiteboardToolbarSeparatorProps {
+export interface PresentationToolbarSeparatorProps {
     width: number;
 }
-export declare class WhiteboardToolbarSeparator implements WhiteboardToolbarItem {
+export declare class PresentationToolbarSeparator implements PresentationToolbarItem {
     id: string;
-    type: string;
+    type: PresentationToolbarItemType;
     width: number;
-    constructor({ width }: WhiteboardToolbarSeparatorProps);
+    constructor({ width }: PresentationToolbarSeparatorProps);
     setItemId: (id: string) => void;
 }
-export declare type SetWhiteboardToolbarItems = (whiteboardToolbarItem: WhiteboardToolbarItem[]) => void;
+export interface UserListDropdownItem extends PluginProvidedUiItemDescriptor {
+    userId: string;
+}
+interface UserListDropdownOptionProps {
+    label: string;
+    icon: string;
+    tooltip: string;
+    allowed: boolean;
+    userId: string;
+    onClick: () => void;
+}
+export declare class UserListDropdownOption implements UserListDropdownItem {
+    id: string;
+    userId: string;
+    type: UserListDropdownItemType;
+    label: string;
+    icon: string;
+    tooltip: string;
+    allowed: boolean;
+    onClick: () => void;
+    constructor({ label, icon, tooltip, allowed, onClick, userId, }: UserListDropdownOptionProps);
+    setItemId: (id: string) => void;
+}
+interface UserListDropdownSeparatorProps {
+    userId: string;
+}
+export declare class UserListDropdownSeparator implements UserListDropdownItem {
+    id: string;
+    userId: string;
+    type: UserListDropdownItemType;
+    constructor({ userId }: UserListDropdownSeparatorProps);
+    setItemId: (id: string) => void;
+}
+export type SetPresentationToolbarItems = (presentationToolbarItem: PresentationToolbarItem[]) => void;
+export type SetUserListDropdownItems = (userListDropdownItem: UserListDropdownItem[]) => void;
 export interface PluginApi {
-    setWhiteboardToolbarItems: SetWhiteboardToolbarItems;
+    setPresentationToolbarItems: SetPresentationToolbarItems;
+    setUserListDropdownItems: SetUserListDropdownItems;
 }
 export interface PluginBrowserWindow extends Window {
     bbb_plugins: {
         [key: string]: PluginApi;
     };
 }
-export interface CustomEventHook<T> {
-    data: T;
-    hook: string;
-}
-export interface CustomEventHookWrapper<T> extends Event {
-    detail: CustomEventHook<T>;
-}
+export {};

package/dist/cjs/types/common.js

@@ -1,47 +1,80 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WhiteboardToolbarSeparator = exports.WhiteboardToolbarSpinner = exports.WhiteboardToolbarButton = void 0;
+exports.UserListDropdownSeparator = exports.UserListDropdownOption = exports.PresentationToolbarSeparator = exports.PresentationToolbarSpinner = exports.PresentationToolbarButton = void 0;
 var index_1 = require("../index");
-var WhiteboardToolbarButton = /** @class */ (function () {
-    function WhiteboardToolbarButton(_a) {
-        var _this = this;
+var PresentationToolbarButton = /** @class */ (function () {
+    function PresentationToolbarButton(_a) {
         var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.tooltip, tooltip = _c === void 0 ? '' : _c, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d;
+        var _this = this;
         this.id = '';
         this.setItemId = function (id) {
-            _this.id = "WhiteboardToolbarButton_" + id;
+            _this.id = "PresentationToolbarButton_".concat(id);
         };
         this.label = label;
         this.tooltip = tooltip;
         this.onClick = onClick;
-        this.type = index_1.WhiteboardToolbarItemType.BUTTON;
+        this.type = index_1.PresentationToolbarItemType.BUTTON;
     }
-    return WhiteboardToolbarButton;
+    return PresentationToolbarButton;
 }());
-exports.WhiteboardToolbarButton = WhiteboardToolbarButton;
-var WhiteboardToolbarSpinner = /** @class */ (function () {
-    function WhiteboardToolbarSpinner() {
+exports.PresentationToolbarButton = PresentationToolbarButton;
+var PresentationToolbarSpinner = /** @class */ (function () {
+    function PresentationToolbarSpinner() {
         var _this = this;
         this.id = '';
         this.setItemId = function (id) {
-            _this.id = "WhiteboardToolbarButton_" + id;
+            _this.id = "PresentationToolbarButton_".concat(id);
         };
-        this.type = index_1.WhiteboardToolbarItemType.SPINNER;
+        this.type = index_1.PresentationToolbarItemType.SPINNER;
     }
-    return WhiteboardToolbarSpinner;
+    return PresentationToolbarSpinner;
 }());
-exports.WhiteboardToolbarSpinner = WhiteboardToolbarSpinner;
-var WhiteboardToolbarSeparator = /** @class */ (function () {
-    function WhiteboardToolbarSeparator(_a) {
-        var _this = this;
+exports.PresentationToolbarSpinner = PresentationToolbarSpinner;
+var PresentationToolbarSeparator = /** @class */ (function () {
+    function PresentationToolbarSeparator(_a) {
         var width = _a.width;
+        var _this = this;
         this.id = '';
         this.setItemId = function (id) {
-            _this.id = "WhiteboardToolbarButton_" + id;
+            _this.id = "PresentationToolbarButton_".concat(id);
         };
         this.width = width;
-        this.type = index_1.WhiteboardToolbarItemType.SEPARATOR;
+        this.type = index_1.PresentationToolbarItemType.SEPARATOR;
+    }
+    return PresentationToolbarSeparator;
+}());
+exports.PresentationToolbarSeparator = PresentationToolbarSeparator;
+var UserListDropdownOption = /** @class */ (function () {
+    function UserListDropdownOption(_a) {
+        var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.tooltip, tooltip = _d === void 0 ? '' : _d, _e = _a.allowed, allowed = _e === void 0 ? true : _e, _f = _a.onClick, onClick = _f === void 0 ? function () { } : _f, _g = _a.userId, userId = _g === void 0 ? '' : _g;
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "UserListDropdownOption_".concat(id);
+        };
+        this.userId = userId;
+        this.label = label;
+        this.icon = icon;
+        this.tooltip = tooltip;
+        this.allowed = allowed;
+        this.onClick = onClick;
+        this.type = index_1.UserListDropdownItemType.OPTION;
+    }
+    return UserListDropdownOption;
+}());
+exports.UserListDropdownOption = UserListDropdownOption;
+var UserListDropdownSeparator = /** @class */ (function () {
+    function UserListDropdownSeparator(_a) {
+        var _b = _a.userId, userId = _b === void 0 ? '' : _b;
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "UserListDropdownSeparator_".concat(id);
+        };
+        this.userId = userId;
+        this.type = index_1.UserListDropdownItemType.SEPARATOR;
     }
-    return WhiteboardToolbarSeparator;
+    return UserListDropdownSeparator;
 }());
-exports.WhiteboardToolbarSeparator = WhiteboardToolbarSeparator;
+exports.UserListDropdownSeparator = UserListDropdownSeparator;
 //# sourceMappingURL=common.js.map

package/dist/cjs/types/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../src/types/common.ts"],"names":[],"mappings":";;;AAAA,kCAAqD;AAgBrD;IAWE,iCAAY,EAA8E;QAA1F,iBAKC;YALa,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;QAV1D,OAAE,GAAW,EAAE,CAAC;QAiBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,6BAA2B,EAAI,CAAC;QAC5C,CAAC,CAAC;QARA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,iCAAyB,CAAC,MAAM,CAAC;IAC/C,CAAC;IAKH,8BAAC;AAAD,CAAC,AArBD,IAqBC;AArBY,0DAAuB;AAuBpC;IAKE;QAAA,iBAEC;QAND,OAAE,GAAW,EAAE,CAAC;QAQhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,6BAA2B,EAAI,CAAC;QAC5C,CAAC,CAAC;QALA,IAAI,CAAC,IAAI,GAAG,iCAAyB,CAAC,OAAO,CAAC;IAChD,CAAC;IAKH,+BAAC;AAAD,CAAC,AAZD,IAYC;AAZY,4DAAwB;AAiBrC;IAOE,oCAAY,EAA2C;QAAvD,iBAGC;YAHa,KAAK,WAAA;QANnB,OAAE,GAAW,EAAE,CAAC;QAWhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,6BAA2B,EAAI,CAAC;QAC5C,CAAC,CAAC;QANA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,iCAAyB,CAAC,SAAS,CAAC;IAClD,CAAC;IAKH,iCAAC;AAAD,CAAC,AAfD,IAeC;AAfY,gEAA0B"}
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../src/types/common.ts"],"names":[],"mappings":"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"}

package/dist/cjs/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from './common';
 export * from '../data-consumption/types/presentation';
+export * from '../data-consumption/types/user';

package/dist/cjs/types/index.js

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

package/dist/cjs/types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB;AACzB,yEAAuD"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,yEAAuD;AACvD,iEAA+C"}

package/package.json

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