@techsee/techsee-media-service-client 999.0.0 → 999.0.1-alpha

package/lib/src/components/Multiparty.d.ts

@@ -0,0 +1,2 @@
+import { React } from 'react';
+export declare const Multiparty: React.FC;

package/lib/src/services/WebRTCClient.d.ts

@@ -0,0 +1 @@
+export declare const initializeSession: (credentials: any, settings: any) => Promise<void>;

package/lib/src/stories/Multiparty.stories.d.ts

@@ -0,0 +1,4 @@
+import { Story, Meta } from '@storybook/react/types-6-0';
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const multiparty: Story<import("@storybook/react/types-6-0").Args>;

package/package.json

@@ -1,111 +1,75 @@
 {
   "name": "@techsee/techsee-media-service-client",
-  "version": "999.0.0",
+  "version": "999.0.1-alpha",
   "description": "TechSee media service client",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/TechSeeDev/techsee-media-service-client.git"
-  },
   "main": "lib/index.js",
-  "types": "lib/index.d.ts",
-  "files": [
-    "lib"
-  ],
   "scripts": {
-    "preinstall": "npm update @techsee/techsee-client-infra @techsee/techsee-common @techsee/techsee-media-service @techsee/techsee-ui-common",
-    "_postinstall": "husky install",
-    "prepublishOnly": "pinst --disable && npm run lint && npm test && npm run build && npm run tag",
-    "postpublish": "pinst --enable && npm run clean",
-    "prebuild": "npm run clean",
-    "build": "tsc -p ./tsconfig.build.json && npm run copy",
-    "copy": "run-s copy:*",
-    "copy:styles": "copyfiles -u 1 \"./src/**/*.scss\" \"lib\"",
-    "copy:assets": "cp -r src/assets lib/",
-    "clean": "rimraf lib dist",
-    "lint": "run-s lint:*",
-    "lint:prettier": "prettier --check \"./**/*.{js?(x),ts?(x),json,scss,md}\"",
-    "lint:eslint": "eslint \"./**/*.{js?(x),ts?(x)}\"",
-    "lint-staged": "lint-staged",
-    "lint-fix": "run-s lint-fix:*",
-    "lint-fix:prettier": "prettier --write \"./**/*.{js?(x),ts?(x),json,scss,md}\"",
-    "lint-fix:eslint": "eslint --fix --color \"./**/*.{js?(x),ts?(x)}\"",
+    "preinstall": "npm update @techsee/techsee-common @techsee/techsee-media-service",
+    "prepublishOnly": "npm run build && npm run tag",
+    "build": "npm run lint-fix && npm run test && webpack",
+    "clean": "rm -rf lib dist",
+    "postpublish": "npm run clean",
+    "lint": "./node_modules/.bin/eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src ",
+    "lint-fix": "./node_modules/.bin/eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix",
     "test": "jest --config=./jest.config.js",
     "tag": "git tag v$npm_package_version -f | git push -f --tags",
     "sb": "start-storybook -p 6006",
     "build-sb": "build-storybook"
   },
-  "lint-staged": {
-    "./**/*.{js?(x),ts?(x),json,scss,md}": "prettier --write",
-    "./**/*.{js?(x),ts?(x)}": "eslint --fix --color"
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/TechSeeDev/techsee-media-service-client.git"
   },
   "dependencies": {
-    "@techsee/techsee-client-infra": "^12.0.0",
-    "@techsee/techsee-client-services": "^12.0.0",
-    "@techsee/techsee-common": "^7.5.0",
-    "@techsee/techsee-media-service": "^18.2.0",
-    "@techsee/techsee-ui-common": "^10.3.1",
-    "moment": "2.24.0"
+    "@techsee/techsee-common": "~0.23.0",
+    "@techsee/techsee-media-service": "999.20.0-alpha",
+    "lodash": "4.17.21",
+    "react": "17.0.1",
+    "react-dom": "17.0.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.15.5",
-    "@opentok/client": "2.19.4",
-    "@storybook/addon-actions": "^6.3.8",
-    "@storybook/addon-essentials": "^6.3.8",
-    "@storybook/addon-links": "^6.3.8",
-    "@storybook/builder-webpack5": "^6.3.8",
-    "@storybook/manager-webpack5": "^6.3.8",
-    "@storybook/react": "^6.3.8",
+    "@storybook/addon-actions": "~6.1.21",
+    "@storybook/addon-essentials": "~6.1.21",
+    "@storybook/addon-links": "~6.1.21",
+    "@storybook/react": "~6.1.21",
     "@types/events": "~3.0.0",
-    "@types/jest": "~27.5.1",
-    "@types/lodash": "~4.14.182",
+    "@types/jest": "~26.0.20",
+    "@types/lodash": "~4.14.168",
     "@types/react": "~17.0.0",
-    "@types/react-bootstrap": "~0.32.25",
-    "@types/react-dom": "~17.0.0",
-    "@typescript-eslint/eslint-plugin": "~5.25.0",
-    "@typescript-eslint/parser": "~5.25.0",
-    "babel-loader": "^8.2.2",
-    "bootstrap": "3.3.7",
-    "copyfiles": "2.4.1",
-    "core-js": "~3.11.0",
-    "css-loader": "^6.2.0",
-    "eslint": "~8.16.0",
-    "eslint-config-airbnb-typescript": "~17.0.0",
-    "eslint-config-prettier": "~8.5.0",
-    "eslint-config-semistandard": "~16.0.0",
-    "eslint-config-standard": "~17.0.0",
-    "eslint-formatter-pretty": "~4.1.0",
-    "eslint-plugin-eslint-comments": "~3.2.0",
-    "eslint-plugin-import": "~2.26.0",
-    "eslint-plugin-jest": "~26.2.2",
-    "eslint-plugin-jsx-a11y": "~6.5.1",
-    "eslint-plugin-prettier": "~4.0.0",
-    "eslint-plugin-promise": "~6.0.0",
-    "eslint-plugin-react": "~7.30.0",
-    "eslint-plugin-react-hooks": "~4.5.0",
-    "husky": "~6.0.0",
-    "jest": "~28.1.0",
-    "jest-environment-jsdom": "~28.1.0",
-    "lint-staged": "~12.4.1",
-    "lodash": "^4.17.21",
-    "npm-run-all": "~4.1.5",
-    "pinst": "~2.1.6",
-    "prettier": "~2.6.2",
-    "react": "17.0.1",
-    "react-bootstrap": "0.32.4",
-    "react-dom": "17.0.1",
-    "rimraf": "~3.0.2",
-    "sass": "^1.41.0",
-    "sass-loader": "^12.1.0",
-    "style-loader": "^3.2.1",
-    "ts-jest": "~28.0.2",
-    "ts-loader": "^9.2.5",
-    "typescript": "~4.3.5",
-    "webpack": "^5.52.1"
+    "@typescript-eslint/eslint-plugin": "~4.14.0",
+    "@typescript-eslint/parser": "~4.14.0",
+    "babel-cli": "~6.26.0",
+    "babel-core": "~6.26.3",
+    "babel-loader": "~7.1.4",
+    "babel-plugin-transform-decorators-legacy": "~1.3.5",
+    "babel-preset-env": "~1.7.0",
+    "babel-preset-es2015": "~6.24.1",
+    "babel-preset-stage-3": "~6.24.1",
+    "core-js": "~3.9.1",
+    "del": "~4.1.1",
+    "eslint": "~7.18.0",
+    "eslint-config-semistandard": "~15.0.1",
+    "eslint-config-standard": "~16.0.2",
+    "eslint-plugin-import": "~2.22.1",
+    "eslint-plugin-jest": "~24.1.3",
+    "eslint-plugin-promise": "~4.2.1",
+    "html-webpack-plugin": "~5.3.1",
+    "husky": "~4.3.8",
+    "jest": "~26.6.3",
+    "merge-stream": "~1.0.1",
+    "ts-jest": "~26.4.4",
+    "ts-loader": "~8.1.0",
+    "typescript": "~4.2.3",
+    "webpack": "~5.28.0",
+    "webpack-cli": "~4.6.0"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "npm run lint && npm test",
+      "pre-push": "npm run lint && npm test"
+    }
   },
-  "peerDependencies": {
-    "lodash": "^4.17.20",
-    "react": "^17.0.0",
-    "react-bootstrap": "^0.32.4",
-    "react-dom": "^17.0.0"
-  }
+  "files": [
+    "lib/"
+  ]
 }

package/lib/components/Avatar/Avatar.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import './Avatar.scss';
-export interface AvatarProps {
-    text?: string | false;
-    onClick?: () => void;
-}
-export declare const Avatar: React.FC<AvatarProps>;
-//# sourceMappingURL=Avatar.d.ts.map

package/lib/components/Avatar/Avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,WAAW;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAWxC,CAAC"}

package/lib/components/Avatar/Avatar.js

@@ -1,26 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var avatar_png_1 = __importDefault(require("../../assets/img/avatar.png"));
-require("./Avatar.scss");
-var Avatar = function (_a) {
-    var text = _a.text, onClick = _a.onClick;
-    return (jsx_runtime_1.jsx("div", __assign({ className: 'avatar-container' }, { children: jsx_runtime_1.jsxs("div", __assign({ className: 'avatar-box' }, { children: [jsx_runtime_1.jsx("img", { src: avatar_png_1.default, className: 'avatar-img' }, void 0), text && (jsx_runtime_1.jsx("div", __assign({ className: 'avatar-toast', onClick: onClick }, { children: jsx_runtime_1.jsx("span", __assign({ className: 'avatar-toast-text' }, { children: text }), void 0) }), void 0))] }), void 0) }), void 0));
-};
-exports.Avatar = Avatar;
-//# sourceMappingURL=Avatar.js.map

package/lib/components/Avatar/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,2EAA2D;AAC3D,yBAAuB;AAOhB,IAAM,MAAM,GAA0B,UAAC,EAAe;QAAd,IAAI,UAAA,EAAE,OAAO,aAAA;IAAM,OAAA,CAC9D,oCAAK,SAAS,EAAC,kBAAkB,gBAC7B,qCAAK,SAAS,EAAC,YAAY,iBACvB,2BAAK,GAAG,EAAE,oBAAgB,EAAE,SAAS,EAAC,YAAY,WAAG,EACpD,IAAI,IAAI,CACL,oCAAK,SAAS,EAAC,cAAc,EAAC,OAAO,EAAE,OAAO,gBAC1C,qCAAM,SAAS,EAAC,mBAAmB,gBAAE,IAAI,YAAQ,YAC/C,CACT,aACC,YACJ,CACT;AAXiE,CAWjE,CAAC;AAXW,QAAA,MAAM,UAWjB"}

package/lib/components/Avatar/Avatar.scss

@@ -1,45 +0,0 @@
-.avatar-container {
-    position: absolute;
-    z-index: 2;
-    background: #3a3a3a;
-    width: 100%;
-    height: 100%;
-    border-radius: inherit;
-
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-
-    .avatar-box {
-        position: relative;
-        width: 100%;
-        text-align: center;
-
-        .avatar-toast {
-            background-color: rgba(255, 255, 255, 0.2);
-            padding: 10px;
-            z-index: 3;
-
-            position: absolute;
-            bottom: -15px;
-            left: 50%;
-
-            transform: translate(-50%, 100%);
-
-            border-radius: 4px;
-
-            .avatar-toast-text {
-                color: #ffffff;
-                font-style: normal;
-                font-weight: 700;
-                font-size: 16px;
-                line-height: 22px;
-            }
-
-            &:hover {
-                cursor: pointer;
-            }
-        }
-    }
-}

package/lib/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-declare type Props = {
-    onEndMeetingRequested?: () => void;
-};
-export declare const EndMeetingButtonPanel: React.FC<Props>;
-export {};
-//# sourceMappingURL=EndMeetingButtonPanel.d.ts.map

package/lib/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EndMeetingButtonPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,aAAK,KAAK,GAAG;IACT,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACtC,CAAC;AAWF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAqC,CAAC"}

package/lib/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EndMeetingButtonPanel = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = __importDefault(require("react"));
-var MultipartyButton_1 = require("../MultipartyButton/MultipartyButton");
-var endMeetingButtonPanel = function (_a) {
-    var onEndMeetingRequested = _a.onEndMeetingRequested;
-    return (jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: MultipartyButton_1.MultipartyButtonType.Mobile, onClick: onEndMeetingRequested, iconName: 'slim-x', isBackgroundVisible: true }, void 0));
-};
-exports.EndMeetingButtonPanel = react_1.default.memo(endMeetingButtonPanel);
-//# sourceMappingURL=EndMeetingButtonPanel.js.map

package/lib/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EndMeetingButtonPanel.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.tsx"],"names":[],"mappings":";;;;;;;AAAA,gDAA0B;AAC1B,yEAA4F;AAM5F,IAAM,qBAAqB,GAAG,UAAC,EAA8B;QAA7B,qBAAqB,2BAAA;IAA0B,OAAA,CAC3E,kBAAC,mCAAgB,IACb,IAAI,EAAE,uCAAoB,CAAC,MAAM,EACjC,OAAO,EAAE,qBAAqB,EAC9B,QAAQ,EAAC,QAAQ,EACjB,mBAAmB,iBACrB,CACL;AAP8E,CAO9E,CAAC;AAEW,QAAA,qBAAqB,GAAoB,eAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC"}

package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import { MultipartyButtonType } from '../MultipartyButton/MultipartyButton';
-import { VideoTranslationStrings } from '../../Video/VideoPlaceholder';
-import './MediaButtonsPanel.scss';
-interface Props {
-    buttonsType: MultipartyButtonType;
-    isMuted: boolean;
-    isVideoTurnedOff: boolean;
-    isBackgroundVisible?: boolean;
-    isIconTransparencyEnabled?: boolean;
-    isClientSharingScreen?: boolean;
-    disabledDesktopSharingButton?: boolean;
-    translations: VideoTranslationStrings;
-    buttonsSpacing?: ButtonsSpacing;
-    onToggleMute?: () => void;
-    onToggleVideo?: () => void;
-    onSwitchCamera?: () => void;
-    toggleScreenShare?: () => void;
-}
-export declare enum ButtonsSpacing {
-    Dense = 0,
-    Sparse = 1
-}
-export declare const MediaButtonsPanel: React.FC<Props>;
-export {};
-//# sourceMappingURL=MediaButtonsPanel.d.ts.map

package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaButtonsPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAmB,oBAAoB,EAAC,MAAM,sCAAsC,CAAC;AAC5F,OAAO,EAAC,uBAAuB,EAAC,MAAM,8BAA8B,CAAC;AAErE,OAAO,0BAA0B,CAAC;AAElC,UAAU,KAAK;IACX,WAAW,EAAE,oBAAoB,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,YAAY,EAAE,uBAAuB,CAAC;IACtC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,oBAAY,cAAc;IACtB,KAAK,IAAA;IACL,MAAM,IAAA;CACT;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkG7C,CAAC"}

package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.js

@@ -1,57 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediaButtonsPanel = exports.ButtonsSpacing = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var simple_icon_1 = require("@techsee/techsee-ui-common/lib/icons/simple-icon");
-var MultipartyButton_1 = require("../MultipartyButton/MultipartyButton");
-require("./MediaButtonsPanel.scss");
-var ButtonsSpacing;
-(function (ButtonsSpacing) {
-    ButtonsSpacing[ButtonsSpacing["Dense"] = 0] = "Dense";
-    ButtonsSpacing[ButtonsSpacing["Sparse"] = 1] = "Sparse";
-})(ButtonsSpacing = exports.ButtonsSpacing || (exports.ButtonsSpacing = {}));
-var MediaButtonsPanel = function (_a) {
-    var _b;
-    var buttonsType = _a.buttonsType, isMuted = _a.isMuted, isVideoTurnedOff = _a.isVideoTurnedOff, _c = _a.isBackgroundVisible, isBackgroundVisible = _c === void 0 ? true : _c, _d = _a.isIconTransparencyEnabled, isIconTransparencyEnabled = _d === void 0 ? true : _d, _e = _a.buttonsSpacing, buttonsSpacing = _e === void 0 ? ButtonsSpacing.Sparse : _e, onToggleMute = _a.onToggleMute, onToggleVideo = _a.onToggleVideo, onSwitchCamera = _a.onSwitchCamera, isClientSharingScreen = _a.isClientSharingScreen, toggleScreenShare = _a.toggleScreenShare, disabledDesktopSharingButton = _a.disabledDesktopSharingButton, translations = _a.translations;
-    var platformClass = 'mobile';
-    if (buttonsType === MultipartyButton_1.MultipartyButtonType.Desktop) {
-        platformClass = 'desktop';
-    }
-    else if (buttonsType === MultipartyButton_1.MultipartyButtonType.DesktopObsolete) {
-        platformClass = 'desktop-obsolete';
-    }
-    platformClass += ' ' + (buttonsSpacing === ButtonsSpacing.Dense ? 'dense' : 'sparse');
-    var _f = react_1.useState(false), displayStopSharingButton = _f[0], setDisplayStopSharingButton = _f[1];
-    var onClickScreenShare = react_1.useCallback(function () {
-        if (isClientSharingScreen && !displayStopSharingButton) {
-            setDisplayStopSharingButton(true);
-        }
-        if (isClientSharingScreen && displayStopSharingButton) {
-            setDisplayStopSharingButton(false);
-        }
-        if (!isClientSharingScreen && toggleScreenShare) {
-            toggleScreenShare();
-        }
-    }, [toggleScreenShare, isClientSharingScreen, displayStopSharingButton]);
-    var onClickStopSharingButton = react_1.useCallback(function () {
-        setDisplayStopSharingButton(false);
-        if (toggleScreenShare) {
-            toggleScreenShare();
-        }
-    }, [toggleScreenShare, setDisplayStopSharingButton]);
-    return (jsx_runtime_1.jsxs("div", __assign({ className: "media-buttons-panel " + platformClass }, { children: [toggleScreenShare && (jsx_runtime_1.jsxs("div", __assign({ className: 'share-screen-mobile' }, { children: [jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onClickScreenShare, iconName: 'Screen-Share', isBackgroundVisible: isBackgroundVisible, disabled: disabledDesktopSharingButton }, void 0), displayStopSharingButton && (jsx_runtime_1.jsxs("div", __assign({ className: 'stop-desktop-sharing', onClick: onClickStopSharingButton }, { children: [jsx_runtime_1.jsx("button", __assign({ type: 'button' }, { children: jsx_runtime_1.jsx(simple_icon_1.Icon, { iconName: 'end-sharing' }, void 0) }), void 0), jsx_runtime_1.jsx("span", { children: (_b = translations.stopSharing) !== null && _b !== void 0 ? _b : 'Stop Sharing' }, void 0)] }), void 0))] }), void 0)), onToggleMute && (jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onToggleMute, iconName: isMuted ? 'mic-off' : 'mic-on', isSwitchedOn: !isIconTransparencyEnabled || !isMuted, isBackgroundVisible: isBackgroundVisible }, void 0)), onToggleVideo && (jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onToggleVideo, iconName: isVideoTurnedOff ? 'camera-off' : 'camera-on', isSwitchedOn: !isIconTransparencyEnabled || !isVideoTurnedOff, isBackgroundVisible: isBackgroundVisible }, void 0)), onSwitchCamera && (jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onSwitchCamera, iconName: 'switch-camera', isBackgroundVisible: isBackgroundVisible, disabled: isVideoTurnedOff }, void 0))] }), void 0));
-};
-exports.MediaButtonsPanel = MediaButtonsPanel;
-//# sourceMappingURL=MediaButtonsPanel.js.map

package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaButtonsPanel.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.tsx"],"names":[],"mappings":"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"}

package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.scss

@@ -1,63 +0,0 @@
-.media-buttons-panel {
-    display: flex;
-
-    &.mobile > * {
-        margin: 15px 15px 15px 0;
-    }
-
-    &.desktop.sparse > * {
-        margin: 10px 10px 10px 0;
-
-        &:last-child {
-            margin-right: 0;
-        }
-    }
-
-    &.desktop.dense > * {
-        margin: 10px 3px 10px 0;
-
-        &:last-child {
-            margin-right: 0;
-        }
-    }
-
-    &.button-desktop-obsolete > * {
-        margin: 10px 5px 10px 0;
-    }
-
-    & > *:last-child {
-        margin-right: 0;
-    }
-
-    &.mobile {
-        display: flex;
-
-        .share-screen-mobile {
-            display: flex;
-            flex-direction: column;
-            align-items: flex-end;
-
-            .stop-desktop-sharing {
-                cursor: pointer;
-                display: flex;
-                flex-direction: row;
-                align-items: center;
-                padding: 4px;
-                width: 161px;
-                height: 56px;
-                background: #f9fafb;
-                box-shadow: 0 0 70px rgba(0, 0, 0, 45%);
-                border-radius: 10px;
-                top: 64px;
-                position: absolute;
-
-                button {
-                    border: none;
-                    background: no-repeat;
-                    margin: 8px;
-                    margin-top: 10px;
-                }
-            }
-        }
-    }
-}

package/lib/components/ButtonPanels/MultipartyButton/MultipartyButton.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-export declare enum MultipartyButtonType {
-    Mobile = "mobile",
-    Desktop = "desktop",
-    DesktopObsolete = "desktop-obsolete",
-    MobileObsolete = "mobile-obsolete"
-}
-interface Props {
-    type: MultipartyButtonType;
-    iconName: string;
-    isSwitchedOn?: boolean;
-    disabled?: boolean;
-    isBackgroundVisible?: boolean;
-    onClick?: () => void;
-}
-export declare const MultipartyButton: React.FC<Props>;
-export {};
-//# sourceMappingURL=MultipartyButton.d.ts.map

package/lib/components/ButtonPanels/MultipartyButton/MultipartyButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultipartyButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MultipartyButton/MultipartyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,oBAAY,oBAAoB;IAC5B,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,eAAe,qBAAqB;IACpC,cAAc,oBAAoB;CACrC;AAeD,UAAU,KAAK;IACX,IAAI,EAAE,oBAAoB,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0B5C,CAAC"}

package/lib/components/ButtonPanels/MultipartyButton/MultipartyButton.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultipartyButton = exports.MultipartyButtonType = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var border_rounded_icon_1 = require("@techsee/techsee-ui-common/lib/forms/buttons/border-rounded-icon");
-var square_rounded_icon_1 = require("@techsee/techsee-ui-common/lib/forms/buttons/square-rounded-icon");
-var large_rounded_icon_1 = require("@techsee/techsee-ui-common/lib/icons/large-rounded-icon");
-var MultipartyButtonType;
-(function (MultipartyButtonType) {
-    MultipartyButtonType["Mobile"] = "mobile";
-    MultipartyButtonType["Desktop"] = "desktop";
-    MultipartyButtonType["DesktopObsolete"] = "desktop-obsolete";
-    MultipartyButtonType["MobileObsolete"] = "mobile-obsolete";
-})(MultipartyButtonType = exports.MultipartyButtonType || (exports.MultipartyButtonType = {}));
-function buttonTypeToIconSize(buttonType) {
-    switch (buttonType) {
-        case MultipartyButtonType.DesktopObsolete:
-            return large_rounded_icon_1.IconSizes.LargeObsolete;
-        case MultipartyButtonType.Mobile:
-            return large_rounded_icon_1.IconSizes.MobileLarge;
-        case MultipartyButtonType.MobileObsolete:
-            return large_rounded_icon_1.IconSizes.MobileLargeObsolete;
-        default:
-            return large_rounded_icon_1.IconSizes.Large;
-    }
-}
-var MultipartyButton = function (_a) {
-    var type = _a.type, iconName = _a.iconName, _b = _a.isSwitchedOn, isSwitchedOn = _b === void 0 ? true : _b, _c = _a.isBackgroundVisible, isBackgroundVisible = _c === void 0 ? true : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, onClick = _a.onClick;
-    var IconButton = type === MultipartyButtonType.Mobile ? border_rounded_icon_1.BorderRoundedIconButton : square_rounded_icon_1.SquareRoundedIconButton;
-    var backgroundTransparency = isBackgroundVisible ? large_rounded_icon_1.BackgroundTransparencies.HALF : large_rounded_icon_1.BackgroundTransparencies.FULL;
-    var iconTransparency = isSwitchedOn || isBackgroundVisible ? large_rounded_icon_1.IconTransparencies.NONE : large_rounded_icon_1.IconTransparencies.HALF;
-    return (jsx_runtime_1.jsx(IconButton, { onClick: onClick, sizeName: buttonTypeToIconSize(type), colorName: large_rounded_icon_1.IconColors.Black, iconName: iconName, iconTransparency: iconTransparency, noBorder: true, reverseColor: true, disabled: disabled, backgroundTransparency: backgroundTransparency }, void 0));
-};
-exports.MultipartyButton = MultipartyButton;
-//# sourceMappingURL=MultipartyButton.js.map

package/lib/components/ButtonPanels/MultipartyButton/MultipartyButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultipartyButton.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MultipartyButton/MultipartyButton.tsx"],"names":[],"mappings":";;;;AACA,wGAAyG;AACzG,wGAAyG;AACzG,8FAKiE;AAEjE,IAAY,oBAKX;AALD,WAAY,oBAAoB;IAC5B,yCAAiB,CAAA;IACjB,2CAAmB,CAAA;IACnB,4DAAoC,CAAA;IACpC,0DAAkC,CAAA;AACtC,CAAC,EALW,oBAAoB,GAApB,4BAAoB,KAApB,4BAAoB,QAK/B;AAED,SAAS,oBAAoB,CAAC,UAAgC;IAC1D,QAAQ,UAAU,EAAE;QAChB,KAAK,oBAAoB,CAAC,eAAe;YACrC,OAAO,8BAAS,CAAC,aAAa,CAAC;QACnC,KAAK,oBAAoB,CAAC,MAAM;YAC5B,OAAO,8BAAS,CAAC,WAAW,CAAC;QACjC,KAAK,oBAAoB,CAAC,cAAc;YACpC,OAAO,8BAAS,CAAC,mBAAmB,CAAC;QACzC;YACI,OAAO,8BAAS,CAAC,KAAK,CAAC;KAC9B;AACL,CAAC;AAWM,IAAM,gBAAgB,GAAoB,UAAC,EAOjD;QANG,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAC1B,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA;IAEP,IAAM,UAAU,GAAG,IAAI,KAAK,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,6CAAuB,CAAC,CAAC,CAAC,6CAAuB,CAAC;IAE5G,IAAM,sBAAsB,GAAG,mBAAmB,CAAC,CAAC,CAAC,6CAAwB,CAAC,IAAI,CAAC,CAAC,CAAC,6CAAwB,CAAC,IAAI,CAAC;IACnH,IAAM,gBAAgB,GAAG,YAAY,IAAI,mBAAmB,CAAC,CAAC,CAAC,uCAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,uCAAkB,CAAC,IAAI,CAAC;IAEjH,OAAO,CACH,kBAAC,UAAU,IACP,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,oBAAoB,CAAC,IAAI,CAAC,EACpC,SAAS,EAAE,+BAAU,CAAC,KAAK,EAC3B,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,QACR,YAAY,QACZ,QAAQ,EAAE,QAAQ,EAClB,sBAAsB,EAAE,sBAAsB,WAChD,CACL,CAAC;AACN,CAAC,CAAC;AA1BW,QAAA,gBAAgB,oBA0B3B"}

package/lib/components/ButtonPanels/PinButtonPanel/PinButtonPanel.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-declare type PinCallback = (() => void) | false;
-declare type Props = {
-    isPinned: boolean;
-    isVideoHover: boolean;
-    onTogglePin?: PinCallback;
-};
-export declare const PinButtonPanel: React.FC<Props>;
-export {};
-//# sourceMappingURL=PinButtonPanel.d.ts.map

package/lib/components/ButtonPanels/PinButtonPanel/PinButtonPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PinButtonPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/PinButtonPanel/PinButtonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,aAAK,WAAW,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,KAAK,CAAC;AACxC,aAAK,KAAK,GAAG;IACT,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAY1C,CAAC"}

package/lib/components/ButtonPanels/PinButtonPanel/PinButtonPanel.js

@@ -1,22 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PinButtonPanel = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var MultipartyButton_1 = require("../MultipartyButton/MultipartyButton");
-var PinButtonPanel = function (_a) {
-    var onTogglePin = _a.onTogglePin, isPinned = _a.isPinned, isVideoHover = _a.isVideoHover;
-    return (jsx_runtime_1.jsx("div", __assign({ className: 'pin-buttons-panel' }, { children: onTogglePin && (jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: MultipartyButton_1.MultipartyButtonType.Desktop, onClick: onTogglePin, iconName: 'pin', isSwitchedOn: isPinned, isBackgroundVisible: isVideoHover }, void 0)) }), void 0));
-};
-exports.PinButtonPanel = PinButtonPanel;
-//# sourceMappingURL=PinButtonPanel.js.map

package/lib/components/ButtonPanels/PinButtonPanel/PinButtonPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PinButtonPanel.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/PinButtonPanel/PinButtonPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,yEAA4F;AASrF,IAAM,cAAc,GAAoB,UAAC,EAAqC;QAApC,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,YAAY,kBAAA;IAAmB,OAAA,CACnG,oCAAK,SAAS,EAAC,mBAAmB,gBAC7B,WAAW,IAAI,CACZ,kBAAC,mCAAgB,IACb,IAAI,EAAE,uCAAoB,CAAC,OAAO,EAClC,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAC,KAAK,EACd,YAAY,EAAE,QAAQ,EACtB,mBAAmB,EAAE,YAAY,WACnC,CACL,YACC,CACT;AAZsG,CAYtG,CAAC;AAZW,QAAA,cAAc,kBAYzB"}

package/lib/components/ButtonPanels/SnapshotButtonPanel/SnapshotButtonPanel.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './SnapshotButtonPanel.scss';
-declare type SnapshotCallback = () => void;
-declare type Props = {
-    onSnapshot?: SnapshotCallback;
-};
-export declare const SnapshotButtonPanel: React.FC<Props>;
-export {};
-//# sourceMappingURL=SnapshotButtonPanel.d.ts.map