bigbluebutton-html-plugin-sdk 0.0.21 → 0.0.23

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserCameraDropdownItemType = void 0;
+// User camera dropdown items types:
+var UserCameraDropdownItemType;
+(function (UserCameraDropdownItemType) {
+    UserCameraDropdownItemType["OPTION"] = "USER_CAMERA_DROPDOWN_OPTION";
+    UserCameraDropdownItemType["SEPARATOR"] = "USER_CAMERA_DROPDOWN_SEPARATOR";
+})(UserCameraDropdownItemType || (exports.UserCameraDropdownItemType = UserCameraDropdownItemType = {}));
+//# sourceMappingURL=enums.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-camera-dropdown-item/enums.ts"],"names":[],"mappings":";;;AAAA,oCAAoC;AACpC,IAAY,0BAGX;AAHD,WAAY,0BAA0B;IACpC,oEAAsC,CAAA;IACtC,0EAA4C,CAAA;AAC9C,CAAC,EAHW,0BAA0B,0CAA1B,0BAA0B,QAGrC"}

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

@@ -0,0 +1,2 @@
+export { UserCameraDropdownOption, UserCameraDropdownSeparator, } from './component';
+export { UserCameraDropdownItem, } from './types';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-camera-dropdown-item/index.ts"],"names":[],"mappings":";;;AAAA,yCAGqB;AAFnB,qHAAA,wBAAwB,OAAA;AACxB,wHAAA,2BAA2B,OAAA"}

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

@@ -0,0 +1,14 @@
+import { PluginProvidedUiItemDescriptor } from '../base';
+/**
+ * User Camera Dropdown Item - The general user camera dropdown extensible area item
+ *
+ * @remarks
+ * This dropdown is located on the bottom left corner of the user webcam area
+ */
+export interface UserCameraDropdownItem extends PluginProvidedUiItemDescriptor {
+}
+export interface UserCameraDropdownOptionProps {
+    label: string;
+    icon: string;
+    onClick: () => void;
+}

package/dist/cjs/extensible-areas/user-camera-dropdown-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-dropdown-item/types.js.map

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

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

@@ -0,0 +1,72 @@
+import { UserListDropdownItem, UserListDropdownOptionProps, UserListDropdownSeparatorProps, UserListDropdownInformationProps } from './types';
+import { UserListDropdownItemType } from './enums';
+export declare class UserListDropdownOption implements UserListDropdownItem {
+    id: string;
+    userId: string;
+    type: UserListDropdownItemType;
+    label: string;
+    icon: string;
+    tooltip: string;
+    allowed: boolean;
+    onClick: () => void;
+    /**
+     * Returns object to be used in the setter for the User List Dropdown. In this case,
+     * a button.
+     *
+     * @param label - label to be displayed in user list dropdown option.
+     * @param tooltip - label to be displayed when hovering the user list dropdown option.
+     * @param icon - icon to be used in the user list dropdown option. It goes in the left side of it.
+     * @param onClick - function to be called when clicking the option.
+     * @param allowed - if false, the use list dropdown  will not appear in the dropdown.
+     * @param userId - the userId in which this dropdown option will appear when the user
+     * list item is clicked.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    constructor({ label, icon, tooltip, allowed, onClick, userId, }: UserListDropdownOptionProps);
+    setItemId: (id: string) => void;
+}
+export declare class UserListDropdownSeparator implements UserListDropdownItem {
+    id: string;
+    userId: string;
+    type: UserListDropdownItemType;
+    /**
+     * Returns object to be used in the setter for the User List Dropdown. In this case,
+     * a separator.
+     *
+     * @param userId - the userId in which this dropdown separator will appear when the user
+     * list item is clicked.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    constructor({ userId }: UserListDropdownSeparatorProps);
+    setItemId: (id: string) => void;
+}
+export declare class UserListDropdownInformation implements UserListDropdownItem {
+    id: string;
+    userId: string;
+    type: UserListDropdownItemType;
+    label: string;
+    icon: string;
+    iconRight: string;
+    textColor: string;
+    allowed: boolean;
+    /**
+     * Returns object to be used in the setter for the User List Dropdown. In this case,
+     * a button.
+     *
+     * @param label - label to be displayed in user list dropdown information.
+     * @param icon - icon to be used in the user list dropdown information.
+     * It goes on the left side of it.
+     * @param iconRight - icon to be used in the user list dropdown information.
+     * It goes on the right side of it.
+     * @param allowed - if false, the use list dropdown  will not appear in the dropdown.
+     * @param textColor - Color that the text will have.
+     * @param userId - the userId in which this dropdown information will appear when the user
+     * list item is clicked.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    constructor({ label, icon, iconRight, allowed, userId, textColor, }: UserListDropdownInformationProps);
+    setItemId: (id: string) => void;
+}

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

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserListDropdownInformation = exports.UserListDropdownSeparator = exports.UserListDropdownOption = void 0;
+var enums_1 = require("./enums");
+// UserListDropdownItem Extensible Area
+var UserListDropdownOption = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for the User List Dropdown. In this case,
+     * a button.
+     *
+     * @param label - label to be displayed in user list dropdown option.
+     * @param tooltip - label to be displayed when hovering the user list dropdown option.
+     * @param icon - icon to be used in the user list dropdown option. It goes in the left side of it.
+     * @param onClick - function to be called when clicking the option.
+     * @param allowed - if false, the use list dropdown  will not appear in the dropdown.
+     * @param userId - the userId in which this dropdown option will appear when the user
+     * list item is clicked.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    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 = enums_1.UserListDropdownItemType.OPTION;
+    }
+    return UserListDropdownOption;
+}());
+exports.UserListDropdownOption = UserListDropdownOption;
+var UserListDropdownSeparator = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for the User List Dropdown. In this case,
+     * a separator.
+     *
+     * @param userId - the userId in which this dropdown separator will appear when the user
+     * list item is clicked.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    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 = enums_1.UserListDropdownItemType.SEPARATOR;
+    }
+    return UserListDropdownSeparator;
+}());
+exports.UserListDropdownSeparator = UserListDropdownSeparator;
+var UserListDropdownInformation = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for the User List Dropdown. In this case,
+     * a button.
+     *
+     * @param label - label to be displayed in user list dropdown information.
+     * @param icon - icon to be used in the user list dropdown information.
+     * It goes on the left side of it.
+     * @param iconRight - icon to be used in the user list dropdown information.
+     * It goes on the right side of it.
+     * @param allowed - if false, the use list dropdown  will not appear in the dropdown.
+     * @param textColor - Color that the text will have.
+     * @param userId - the userId in which this dropdown information will appear when the user
+     * list item is clicked.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    function UserListDropdownInformation(_a) {
+        var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.icon, icon = _c === void 0 ? '' : _c, _d = _a.iconRight, iconRight = _d === void 0 ? '' : _d, _e = _a.allowed, allowed = _e === void 0 ? true : _e, _f = _a.userId, userId = _f === void 0 ? '' : _f, _g = _a.textColor, textColor = _g === void 0 ? '' : _g;
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "UserListDropdownInformation_".concat(id);
+        };
+        this.userId = userId;
+        this.label = label;
+        this.icon = icon;
+        this.iconRight = iconRight;
+        this.textColor = textColor;
+        this.allowed = allowed;
+        this.type = enums_1.UserListDropdownItemType.INFORMATION;
+    }
+    return UserListDropdownInformation;
+}());
+exports.UserListDropdownInformation = UserListDropdownInformation;
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-list-dropdown-item/component.ts"],"names":[],"mappings":";;;AAIA,iCAAmD;AAEnD,uCAAuC;AAEvC;IAiBE;;;;;;;;;;;;;OAaG;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,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EACvE,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA;QAFb,iBAWC;QAzCD,OAAE,GAAW,EAAE,CAAC;QA2ChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,iCAA0B,EAAE,CAAE,CAAC;QAC3C,CAAC,CAAC;QAXA,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,gCAAwB,CAAC,MAAM,CAAC;IAC9C,CAAC;IAKH,6BAAC;AAAD,CAAC,AA/CD,IA+CC;AA/CY,wDAAsB;AAiDnC;IAOE;;;;;;;;OAQG;IACH,mCAAY,EAA+C;YAA7C,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA;QAAzB,iBAGC;QAlBD,OAAE,GAAW,EAAE,CAAC;QAoBhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,oCAA6B,EAAE,CAAE,CAAC;QAC9C,CAAC,CAAC;QANA,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,gCAAwB,CAAC,SAAS,CAAC;IACjD,CAAC;IAKH,gCAAC;AAAD,CAAC,AAxBD,IAwBC;AAxBY,8DAAyB;AA0BtC;IAiBE;;;;;;;;;;;;;;;OAeG;IACH,qCAAY,EAGuB;YAFjC,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EAAE,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACrD,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EAAE,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;QAF7B,iBAWC;QA3CD,OAAE,GAAW,EAAE,CAAC;QA6ChB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,sCAA+B,EAAE,CAAE,CAAC;QAChD,CAAC,CAAC;QAXA,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,gCAAwB,CAAC,WAAW,CAAC;IACnD,CAAC;IAKH,kCAAC;AAAD,CAAC,AAjDD,IAiDC;AAjDY,kEAA2B"}

package/dist/cjs/extensible-areas/user-list-dropdown-item/enums.d.ts

@@ -0,0 +1,5 @@
+export declare enum UserListDropdownItemType {
+    OPTION = "USER_LIST_DROPDOWN_OPTION",
+    SEPARATOR = "USER_LIST_DROPDOWN_SEPARATOR",
+    INFORMATION = "USER_LIST_DROPDOWN_INFORMATION"
+}

package/dist/cjs/extensible-areas/user-list-dropdown-item/enums.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserListDropdownItemType = void 0;
+// User list dropdown items types:
+var UserListDropdownItemType;
+(function (UserListDropdownItemType) {
+    UserListDropdownItemType["OPTION"] = "USER_LIST_DROPDOWN_OPTION";
+    UserListDropdownItemType["SEPARATOR"] = "USER_LIST_DROPDOWN_SEPARATOR";
+    UserListDropdownItemType["INFORMATION"] = "USER_LIST_DROPDOWN_INFORMATION";
+})(UserListDropdownItemType || (exports.UserListDropdownItemType = UserListDropdownItemType = {}));
+//# sourceMappingURL=enums.js.map

package/dist/cjs/extensible-areas/user-list-dropdown-item/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-list-dropdown-item/enums.ts"],"names":[],"mappings":";;;AAAA,kCAAkC;AAClC,IAAY,wBAIX;AAJD,WAAY,wBAAwB;IAClC,gEAAoC,CAAA;IACpC,sEAA0C,CAAA;IAC1C,0EAA8C,CAAA;AAChD,CAAC,EAJW,wBAAwB,wCAAxB,wBAAwB,QAInC"}

package/dist/cjs/extensible-areas/user-list-dropdown-item/index.d.ts

@@ -0,0 +1,2 @@
+export { UserListDropdownOption, UserListDropdownSeparator, UserListDropdownInformation, } from './component';
+export { UserListDropdownItem, } from './types';

package/dist/cjs/extensible-areas/user-list-dropdown-item/index.js

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

package/dist/cjs/extensible-areas/user-list-dropdown-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-list-dropdown-item/index.ts"],"names":[],"mappings":";;;AAAA,yCAIqB;AAHnB,mHAAA,sBAAsB,OAAA;AACtB,sHAAA,yBAAyB,OAAA;AACzB,wHAAA,2BAA2B,OAAA"}

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

@@ -0,0 +1,30 @@
+import { PluginProvidedUiItemDescriptor } from '../base';
+/**
+ * User List Dropdown Item - The general user list dropdown extensible area item
+ *
+ * @remarks
+ * This dropdown is located on the bottom left corner of the user webcam area.
+ * Mandatory to have the `userId`
+ */
+export interface UserListDropdownItem extends PluginProvidedUiItemDescriptor {
+    userId: string;
+}
+export interface UserListDropdownOptionProps {
+    label: string;
+    icon: string;
+    tooltip: string;
+    allowed: boolean;
+    userId: string;
+    onClick: () => void;
+}
+export interface UserListDropdownSeparatorProps {
+    userId: string;
+}
+export interface UserListDropdownInformationProps {
+    label: string;
+    icon?: string;
+    iconRight?: string;
+    allowed: boolean;
+    userId: string;
+    textColor: string;
+}

package/dist/cjs/extensible-areas/user-list-dropdown-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-list-dropdown-item/types.js.map

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

package/dist/cjs/extensible-areas/user-list-item-additional-information/component.d.ts

@@ -0,0 +1,42 @@
+import { UserListItemAdditionalInformationType } from './enums';
+import { UserListItemAdditionalInformation, UserListItemIconProps, UserListItemLabelProps } from './types';
+export declare class UserListItemIcon implements UserListItemAdditionalInformation {
+    id: string;
+    type: UserListItemAdditionalInformationType;
+    userId: string;
+    icon: string;
+    /**
+     * Returns object to be used in the setter for the User List Item Additional information Item.
+     * In this case, a icon.
+     *
+     * @param icon - icon to be used in the user list item additional information.
+     * It goes on the left side of it.
+     * @param userId - the userId in which this information will appear when the user
+     * list item is clicked.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    constructor({ icon, userId, }: UserListItemIconProps);
+    setItemId: (id: string) => void;
+}
+export declare class UserListItemLabel implements UserListItemAdditionalInformation {
+    id: string;
+    type: UserListItemAdditionalInformationType;
+    userId: string;
+    icon: string;
+    label: string;
+    /**
+     * Returns object to be used in the setter for the User List Item Additional information Item.
+     * In this case, a label (Information).
+     *
+     * @param label - text to be displayed in the user list item.
+     * @param icon - icon to be used in the user list item additional information.
+     * It goes on the left side of it.
+     * @param userId - the userId in which this information will appear when the user
+     * list item is clicked.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    constructor({ icon, userId, label, }: UserListItemLabelProps);
+    setItemId: (id: string) => void;
+}

package/dist/cjs/extensible-areas/user-list-item-additional-information/component.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserListItemLabel = exports.UserListItemIcon = void 0;
+var enums_1 = require("./enums");
+// UserListItemAdditionalInformation Extensible Area
+var UserListItemIcon = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for the User List Item Additional information Item.
+     * In this case, a icon.
+     *
+     * @param icon - icon to be used in the user list item additional information.
+     * It goes on the left side of it.
+     * @param userId - the userId in which this information will appear when the user
+     * list item is clicked.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    function UserListItemIcon(_a) {
+        var _b = _a.icon, icon = _b === void 0 ? '' : _b, _c = _a.userId, userId = _c === void 0 ? '' : _c;
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "UserListItemIcon_".concat(id);
+        };
+        this.icon = icon;
+        this.userId = userId;
+        this.type = enums_1.UserListItemAdditionalInformationType.ICON;
+    }
+    return UserListItemIcon;
+}());
+exports.UserListItemIcon = UserListItemIcon;
+var UserListItemLabel = /** @class */ (function () {
+    /**
+     * Returns object to be used in the setter for the User List Item Additional information Item.
+     * In this case, a label (Information).
+     *
+     * @param label - text to be displayed in the user list item.
+     * @param icon - icon to be used in the user list item additional information.
+     * It goes on the left side of it.
+     * @param userId - the userId in which this information will appear when the user
+     * list item is clicked.
+     *
+     * @returns Object that will be interpreted by the core of Bigbluebutton (HTML5).
+     */
+    function UserListItemLabel(_a) {
+        var _b = _a.icon, icon = _b === void 0 ? '' : _b, _c = _a.userId, userId = _c === void 0 ? '' : _c, _d = _a.label, label = _d === void 0 ? '' : _d;
+        var _this = this;
+        this.id = '';
+        this.setItemId = function (id) {
+            _this.id = "UserListItemLabel_".concat(id);
+        };
+        this.icon = icon;
+        this.label = label;
+        this.userId = userId;
+        this.type = enums_1.UserListItemAdditionalInformationType.LABEL;
+    }
+    return UserListItemLabel;
+}());
+exports.UserListItemLabel = UserListItemLabel;
+//# sourceMappingURL=component.js.map

package/dist/cjs/extensible-areas/user-list-item-additional-information/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-list-item-additional-information/component.ts"],"names":[],"mappings":";;;AAAA,iCAAgE;AAMhE,oDAAoD;AAEpD;IASE;;;;;;;;;;OAUG;IACH,0BAAY,EAEY;YADtB,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA;QADxB,iBAMC;QAzBD,OAAE,GAAW,EAAE,CAAC;QA2BhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,2BAAoB,EAAE,CAAE,CAAC;QACrC,CAAC,CAAC;QAPA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,6CAAqC,CAAC,IAAI,CAAC;IACzD,CAAC;IAKH,uBAAC;AAAD,CAAC,AA/BD,IA+BC;AA/BY,4CAAgB;AAiC7B;IAWE;;;;;;;;;;;OAWG;IACH,2BAAY,EAEa;YADvB,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA,EAAE,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA;QADpC,iBAOC;QA7BD,OAAE,GAAW,EAAE,CAAC;QA+BhB,cAAS,GAAyB,UAAC,EAAU;YAC3C,KAAI,CAAC,EAAE,GAAG,4BAAqB,EAAE,CAAE,CAAC;QACtC,CAAC,CAAC;QARA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,6CAAqC,CAAC,KAAK,CAAC;IAC1D,CAAC;IAKH,wBAAC;AAAD,CAAC,AAnCD,IAmCC;AAnCY,8CAAiB"}

package/dist/cjs/extensible-areas/user-list-item-additional-information/enums.d.ts

@@ -0,0 +1,4 @@
+export declare enum UserListItemAdditionalInformationType {
+    ICON = "USER_LIST_ITEM_ICON",
+    LABEL = "USER_LIST_ITEM_LABEL"
+}

package/dist/cjs/extensible-areas/user-list-item-additional-information/enums.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserListItemAdditionalInformationType = void 0;
+// User list icon items types:
+var UserListItemAdditionalInformationType;
+(function (UserListItemAdditionalInformationType) {
+    UserListItemAdditionalInformationType["ICON"] = "USER_LIST_ITEM_ICON";
+    UserListItemAdditionalInformationType["LABEL"] = "USER_LIST_ITEM_LABEL";
+})(UserListItemAdditionalInformationType || (exports.UserListItemAdditionalInformationType = UserListItemAdditionalInformationType = {}));
+//# sourceMappingURL=enums.js.map

package/dist/cjs/extensible-areas/user-list-item-additional-information/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-list-item-additional-information/enums.ts"],"names":[],"mappings":";;;AAAA,8BAA8B;AAC9B,IAAY,qCAGX;AAHD,WAAY,qCAAqC;IAC/C,qEAA4B,CAAA;IAC5B,uEAA8B,CAAA;AAChC,CAAC,EAHW,qCAAqC,qDAArC,qCAAqC,QAGhD"}

package/dist/cjs/extensible-areas/user-list-item-additional-information/index.d.ts

@@ -0,0 +1,2 @@
+export { UserListItemIcon, UserListItemLabel, } from './component';
+export { UserListItemAdditionalInformation, } from './types';

package/dist/cjs/extensible-areas/user-list-item-additional-information/index.js

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

package/dist/cjs/extensible-areas/user-list-item-additional-information/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensible-areas/user-list-item-additional-information/index.ts"],"names":[],"mappings":";;;AAAA,yCAGqB;AAFnB,6GAAA,gBAAgB,OAAA;AAChB,8GAAA,iBAAiB,OAAA"}

package/dist/cjs/extensible-areas/user-list-item-additional-information/types.d.ts

@@ -0,0 +1,21 @@
+import { PluginProvidedUiItemDescriptor } from '../base';
+/**
+ * User List Item Additional Information - The general user list item additional information item
+ *
+ * @remarks
+ * This area is essentially below the user name of an item of the user list, it is possible
+ * to add icons, and labels, for now.
+ * Mandatory to have the `userId`
+ */
+export interface UserListItemAdditionalInformation extends PluginProvidedUiItemDescriptor {
+    userId: string;
+}
+export interface UserListItemIconProps {
+    userId: string;
+    icon: string;
+}
+export interface UserListItemLabelProps {
+    userId: string;
+    icon: string;
+    label: string;
+}

package/dist/cjs/extensible-areas/user-list-item-additional-information/types.js

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

package/dist/cjs/extensible-areas/user-list-item-additional-information/types.js.map

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

package/dist/cjs/index.d.ts

@@ -1,5 +1,4 @@
-export * from './types';
-export * from './data-consumption/hooks';
+export * from './extensible-areas';
+export * from './data-consumption';
 export * from './data-channel';
 export * from './core';
-export * from './enums';

package/dist/cjs/index.js

@@ -14,9 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./types"), exports);
-__exportStar(require("./data-consumption/hooks"), exports);
+__exportStar(require("./extensible-areas"), exports);
+__exportStar(require("./data-consumption"), exports);
 __exportStar(require("./data-channel"), exports);
 __exportStar(require("./core"), exports);
-__exportStar(require("./enums"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bigbluebutton-html-plugin-sdk",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "homepage": "https://github.com/bigbluebutton/bigbluebutton-html-plugin-sdk",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -27,10 +27,10 @@
     "eslint-plugin-react": "^7.33.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-watch": "^8.0.0",
+    "lint-staged": "11.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.1.6",
-    "lint-staged": "11.2.0",
     "watch": "^1.0.2"
   },
   "scripts": {
@@ -57,5 +57,8 @@
     "query",
     "useAxios",
     "apollo"
-  ]
+  ],
+  "dependencies": {
+    "@apollo/client": "^3.8.7"
+  }
 }

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

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

package/dist/cjs/core/getPluginApi.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPluginApi = void 0;
-var index_1 = require("../index");
-var getPluginApi = function (uuid, pluginName) {
-    if (pluginName === void 0) { pluginName = undefined; }
-    if (!window.bbb_plugins)
-        window.bbb_plugins = {};
-    if (Object.keys(window.bbb_plugins).indexOf(uuid) === -1) {
-        window.bbb_plugins[uuid] = {
-            setUserListDropdownItems: function () { },
-            setPresentationToolbarItems: function () { },
-            setActionButtonDropdownItems: function () { },
-            setActionsBarItems: function () { },
-            setAudioSettingsDropdownItems: function () { },
-            setPresentationDropdownItems: function () { },
-            setNavBarItems: function () { },
-            setOptionsDropdownItems: function () { },
-            setCameraSettingsDropdownItems: function () { },
-            setUserCameraDropdownItems: function () { },
-            setUserListItemAdditionalInformation: function () { },
-            mapOfDispatchers: {
-                '': function () { },
-            },
-        };
-    }
-    // When pluginName is not provided, we understand that the call is coming from the plugin's react
-    if (!pluginName) {
-        var pluginNameSet_1 = window.bbb_plugins[uuid].pluginName;
-        if (pluginNameSet_1) {
-            window.bbb_plugins[uuid].useDataChannel = (function (channelName) { return (0, index_1.useDataChannel)(channelName, pluginNameSet_1, window.bbb_plugins[uuid]); });
-        }
-    }
-    else {
-        window.bbb_plugins[uuid].pluginName = pluginName;
-    }
-    return window.bbb_plugins[uuid];
-};
-exports.getPluginApi = getPluginApi;
-//# sourceMappingURL=getPluginApi.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getPluginApi.js","sourceRoot":"","sources":["../../../src/core/getPluginApi.ts"],"names":[],"mappings":";;;AAIA,kCAEkB;AAKlB,IAAM,YAAY,GAAiB,UAAC,IAAY,EAAE,UAAsB;IAAtB,2BAAA,EAAA,sBAAsB;IACtE,IAAI,CAAC,MAAM,CAAC,WAAW;QAAE,MAAM,CAAC,WAAW,GAAG,EAAE,CAAC;IACjD,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;QACxD,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG;YACzB,wBAAwB,EAAE,cAAO,CAAC;YAClC,2BAA2B,EAAE,cAAO,CAAC;YACrC,4BAA4B,EAAE,cAAO,CAAC;YACtC,kBAAkB,EAAE,cAAO,CAAC;YAC5B,6BAA6B,EAAE,cAAO,CAAC;YACvC,4BAA4B,EAAE,cAAO,CAAC;YACtC,cAAc,EAAE,cAAO,CAAC;YACxB,uBAAuB,EAAE,cAAO,CAAC;YACjC,8BAA8B,EAAE,cAAO,CAAC;YACxC,0BAA0B,EAAE,cAAO,CAAC;YACpC,oCAAoC,EAAE,cAAO,CAAC;YAC9C,gBAAgB,EAAE;gBAChB,EAAE,EAAE,cAAO,CAAC;aACb;SACF,CAAC;KACH;IACD,iGAAiG;IACjG,IAAI,CAAC,UAAU,EAAE;QACf,IAAM,eAAa,GAAG,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC;QAC1D,IAAI,eAAa,EAAE;YACjB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,cAAc,GAAG,CAAC,UACzC,WAAmB,IAChB,OAAA,IAAA,sBAAc,EAAC,WAAW,EAAE,eAAa,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,EAApE,CAAoE,CAAmB,CAAC;SAC9F;KACF;SAAM;QACL,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,UAAU,GAAG,UAAU,CAAC;KAClD;IACD,OAAO,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AAClC,CAAC,CAAC;AAGA,oCAAY"}

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

@@ -1,4 +0,0 @@
-import { UseDataChannelAuxiliary } from '../index';
-declare const createChannelIdentifier: (channelName: string, pluginName: string) => string;
-declare const useDataChannel: UseDataChannelAuxiliary;
-export { createChannelIdentifier, useDataChannel, };

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDatachannel.js","sourceRoot":"","sources":["../../../src/data-channel/useDatachannel.ts"],"names":[],"mappings":";;;AAAA,+BAA4C;AAC5C,kCAKkB;AAElB,IAAM,uBAAuB,GAAG,UAAC,WAAmB,EAAE,UAAkB,IAAK,OAAA,UAAG,WAAW,eAAK,UAAU,CAAE,EAA/B,CAA+B,CAAC;AAiD3G,0DAAuB;AA/CzB,IAAM,cAAc,GAAG,CAAC,UAAI,WAAmB,EAC7C,UAAkB,EAAE,SAAoB;IAElC,IAAA,KAAkB,IAAA,gBAAQ,GAAK,EAA9B,IAAI,QAAA,EAAE,OAAO,QAAiB,CAAC;IAChC,IAAA,KAA8C,IAAA,gBAAQ,GAAsB,EAA3E,kBAAkB,QAAA,EAAE,qBAAqB,QAAkC,CAAC;IAEnF,IAAM,iBAAiB,GAAG,uBAAuB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAE3E,IAAM,gBAAgB,GAAkB,CAAC,UAAC,WAAsC;QAC9E,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC,CAAkB,CAAC;IAEpB,IAAM,sCAAsC,GAAkB,CAC5D;QACE,qBAAqB,CAAC,cAAM,OAAA,SAAS,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,EAA7C,CAA6C,CAAC,CAAC;QAC3E,MAAM,CAAC,mBAAmB,CACxB,UAAG,iBAAiB,yBAAsB,EAC1C,sCAAsC,CACvC,CAAC;IACJ,CAAC,CAAkB,CAAC;IACtB,IAAA,iBAAS,EAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;QAC7D,MAAM,CAAC,gBAAgB,CACrB,UAAG,iBAAiB,yBAAsB,EAC1C,sCAAsC,CACvC,CAAC;QAEF,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,gBAAQ,CAAC,aAAa,CAAC,SAAS,EAAE;YACrE,MAAM,EAAE;gBACN,IAAI,EAAE,gBAAQ,CAAC,cAAc,CAAC,cAAc;gBAC5C,UAAU,EAAE,EAAE,WAAW,aAAA,EAAE,UAAU,YAAA,EAAE;aACxC;SACF,CAAC,CAAC,CAAC;QACJ,OAAO;YACL,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,gBAAQ,CAAC,aAAa,CAAC,WAAW,EAAE;gBACvE,MAAM,EAAE;oBACN,IAAI,EAAE,gBAAQ,CAAC,cAAc,CAAC,cAAc;oBAC5C,UAAU,EAAE,EAAE,WAAW,aAAA,EAAE,UAAU,YAAA,EAAE;iBACxC;aACF,CAAC,CAAC,CAAC;YACJ,MAAM,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;QAClE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;AACpC,CAAC,CAA4B,CAAC;AAI5B,wCAAc"}

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

@@ -1,2 +0,0 @@
-export * from './presentation';
-export * from './user';

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

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

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

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