@techsee/techsee-media-service-client 999.1.3-jaber-PinIssue → 999.1.3-sss

package/lib/components/Multiparty.d.ts

@@ -1,23 +1,5 @@
-import { RefObject } from 'react';
-import { VideoLayoutType } from '@techsee/techsee-common/lib/constants/media.constants';
-import { IMultipartyController } from '../services/MultipartyController';
-import { OnPinnedVideoChangedCb } from '../services/types';
-import { MultipartyTranslationStrings, OnEndMeetingRequestedCb, OnPermissionsModalVisibilityChangedCb, OnSnapshotRequestedCb } from './Multiparty.types';
-import '@techsee/techsee-ui-common/lib/_shared/icons.css';
-import './Multiparty.scss';
-declare type MultipartyProps = {
-    controller: IMultipartyController;
-    translations: MultipartyTranslationStrings;
-    selectedLayoutType: VideoLayoutType;
-    isPeerMediaPermissionRejected?: boolean;
-    onPermissionsModalVisibilityChanged?: OnPermissionsModalVisibilityChangedCb;
-    onPinnedVideoChanged?: OnPinnedVideoChangedCb;
-    onSnapshotRequested?: OnSnapshotRequestedCb;
-    onEndMeetingRequested?: OnEndMeetingRequestedCb;
-    videoOverlay?: (props: {
-        floatingElements: RefObject<HTMLElement>[];
-    }) => JSX.Element;
-};
-export declare const Multiparty: React.FC<MultipartyProps>;
-export {};
-//# sourceMappingURL=Multiparty.d.ts.map
+import React from 'react';
+import { WebRtcClient } from '../services/WebRTCClient';
+export declare const Multiparty: React.FC<{
+    webRtcClient: WebRtcClient;
+}>;

package/lib/components/Multiparty.js

@@ -1,194 +1,14 @@
-"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);
+import React, { useEffect } from 'react';
+import { CameraTypes } from '@techsee/techsee-media-service/lib/MediaConstants';
+export var Multiparty = function (props) {
+    useEffect(function () {
+        props.webRtcClient.init();
+        setTimeout(function () {
+            props.webRtcClient.switchCamera(CameraTypes.BACK);
+        }, 5000);
+    }, []);
+    return (React.createElement("div", { id: "videos" },
+        React.createElement("div", { id: "participate1" }),
+        React.createElement("div", { id: "participate0" })));
 };
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Multiparty = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var MediaConstants_1 = require("@techsee/techsee-media-service/lib/MediaConstants");
-var MultiParty_1 = require("@techsee/techsee-media-service/lib/MultiParty");
-var media_constants_1 = require("@techsee/techsee-common/lib/constants/media.constants");
-var MultipartyController_1 = require("../services/MultipartyController");
-var types_1 = require("../services/types");
-var utils_1 = require("../utils");
-var MultipartyEventTypes_1 = require("../services/MultipartyEventTypes");
-var MediaRejectedModal_1 = require("./MediaRejectedModal/MediaRejectedModal");
-var Multiparty_types_1 = require("./Multiparty.types");
-var VideoLayouts_1 = require("./VideoLayouts");
-require("@techsee/techsee-ui-common/lib/_shared/icons.css");
-require("./Multiparty.scss");
-var Multiparty = function (_a) {
-    var controller = _a.controller, translations = _a.translations, isPeerMediaPermissionRejected = _a.isPeerMediaPermissionRejected, selectedLayoutType = _a.selectedLayoutType, onPermissionsModalVisibilityChanged = _a.onPermissionsModalVisibilityChanged, onPinnedVideoChanged = _a.onPinnedVideoChanged, onSnapshotRequested = _a.onSnapshotRequested, onEndMeetingRequested = _a.onEndMeetingRequested, videoOverlay = _a.videoOverlay;
-    var _b = react_1.useState(false), firstPeerDidConnect = _b[0], setFirstPeerDidConnect = _b[1];
-    var _c = react_1.useState(true), wasMediaPermissionsModalClosed = _c[0], setWasMediaPermissionsModalClosed = _c[1];
-    var _d = react_1.useState(false), isOwnMediaPermissionsRejected = _d[0], setOwnMediaPermissionsRejected = _d[1];
-    var _e = react_1.useState(controller.userRole), userRole = _e[0], setUserRole = _e[1];
-    var _f = react_1.useState({
-        pinnedUserRole: controller.getPinnedVideo().pinnedUserRole,
-        videoType: controller.getPinnedVideo().videoType
-    }), pinnedVideo = _f[0], setPinnedVideo = _f[1];
-    var _g = react_1.useState(controller.isAudioDisabled), isAudioDisabled = _g[0], setIsAudioDisabled = _g[1];
-    var _h = react_1.useState(false), isAudioMuted = _h[0], setIsAudioMuted = _h[1];
-    var _j = react_1.useState(false), isVideoTurnedOff = _j[0], setIsVideoTurnedOff = _j[1];
-    var _k = react_1.useState(false), isSwitchCameraSupported = _k[0], setIsSwitchCameraSupported = _k[1];
-    var _l = react_1.useState(true), isLoading = _l[0], setIsLoading = _l[1];
-    var _m = react_1.useState(false), isScreenSharingEnabled = _m[0], setIsScreenSharingEnabled = _m[1];
-    var _o = react_1.useState([]), connections = _o[0], setConnections = _o[1];
-    var toggleMute = react_1.useCallback(function () { return controller.toggleAudio(isAudioMuted); }, [controller, isAudioMuted]);
-    var switchCamera = react_1.useCallback(function () { return controller.switchCamera(); }, [controller]);
-    var toggleVideo = react_1.useCallback(function () { return controller.toggleVideo(isVideoTurnedOff); }, [controller, isVideoTurnedOff]);
-    var onModalClosed = react_1.useCallback(function () { return setWasMediaPermissionsModalClosed(false); }, []);
-    var onModalOpen = react_1.useCallback(function () { return setWasMediaPermissionsModalClosed(true); }, []);
-    react_1.useEffect(function () {
-        controller.connect();
-        setConnections(controller.connections.get());
-        return function () { return controller.disconnect(); };
-    }, [controller]);
-    react_1.useEffect(function () {
-        onPermissionsModalVisibilityChanged === null || onPermissionsModalVisibilityChanged === void 0 ? void 0 : onPermissionsModalVisibilityChanged(isOwnMediaPermissionsRejected && wasMediaPermissionsModalClosed
-            ? Multiparty_types_1.PermissionsModalVisibilityChangedEvent.MODAL_OPEN
-            : Multiparty_types_1.PermissionsModalVisibilityChangedEvent.MODAL_CLOSED);
-    }, [isOwnMediaPermissionsRejected, wasMediaPermissionsModalClosed, onPermissionsModalVisibilityChanged]);
-    react_1.useEffect(function () {
-        controller.connections.setOwnMediaPermissionsRejected(isOwnMediaPermissionsRejected);
-        setConnections(controller.connections.get());
-    }, [controller, isOwnMediaPermissionsRejected]);
-    react_1.useEffect(function () {
-        controller.connections.setPeerMediaPermissionsRejected(isPeerMediaPermissionRejected || false);
-        setConnections(controller.connections.get());
-    }, [controller, isPeerMediaPermissionRejected]);
-    react_1.useEffect(function () {
-        setUserRole(controller.userRole);
-    }, [controller.userRole]);
-    react_1.useEffect(function () {
-        setIsAudioDisabled(controller.isAudioDisabled);
-    }, [controller.isAudioDisabled]);
-    react_1.useEffect(function () {
-        var checkScreenSharing = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var isSharingEnabled;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!(selectedLayoutType !== media_constants_1.VideoLayoutType.AgentPinnedLayout)) return [3 /*break*/, 2];
-                        return [4 /*yield*/, controller.isScreenSharingEnabled()];
-                    case 1:
-                        isSharingEnabled = _a.sent();
-                        setIsScreenSharingEnabled(isSharingEnabled);
-                        _a.label = 2;
-                    case 2:
-                        setIsLoading(false);
-                        return [2 /*return*/];
-                }
-            });
-        }); };
-        checkScreenSharing();
-    }, []);
-    utils_1.useEvent(controller, MultipartyController_1.MultipartyEventsInternal.setPinnedVideo, function (newPinnedVideo) {
-        setPinnedVideo({ pinnedUserRole: newPinnedVideo.pinnedUserRole, videoType: newPinnedVideo.videoType });
-    }, [Object.values(pinnedVideo)]);
-    utils_1.useEvent(controller, MultipartyEventTypes_1.MultipartyEvents.connectionCreated, function () {
-        var updatedConnections = controller.connections.get();
-        setConnections(updatedConnections);
-        if (updatedConnections.length > 1) {
-            setFirstPeerDidConnect(true);
-        }
-    }, []);
-    utils_1.useEvent(controller, MultipartyEventTypes_1.MultipartyEvents.connectionDestroyed, function () {
-        setConnections(controller.connections.get());
-    }, []);
-    utils_1.useEvent(controller, MultipartyEventTypes_1.MultipartyEvents.streamCreated, function (_a) {
-        var isOwnConnection = _a.isOwnConnection, hasAudio = _a.hasAudio, hasVideo = _a.hasVideo;
-        return __awaiter(void 0, void 0, void 0, function () {
-            var supportsCameraSwitch;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        setConnections(controller.connections.get());
-                        if (!isOwnConnection) return [3 /*break*/, 2];
-                        return [4 /*yield*/, MultiParty_1.checkSupportSwitchCamera()];
-                    case 1:
-                        supportsCameraSwitch = _b.sent();
-                        setIsSwitchCameraSupported(supportsCameraSwitch);
-                        setIsAudioMuted(!hasAudio);
-                        setIsVideoTurnedOff(!hasVideo);
-                        _b.label = 2;
-                    case 2: return [2 /*return*/];
-                }
-            });
-        });
-    }, []);
-    utils_1.useEvent(controller, MultipartyEventTypes_1.MultipartyEvents.streamPropertyChanged, function (_a) {
-        var isOwnConnection = _a.isOwnConnection, hasAudio = _a.hasAudio, hasVideo = _a.hasVideo;
-        setConnections(controller.connections.get());
-        if (isOwnConnection) {
-            setIsAudioMuted(!hasAudio);
-            setIsVideoTurnedOff(!hasVideo);
-        }
-    }, []);
-    utils_1.useEvent(controller, MultipartyEventTypes_1.MultipartyEvents.mediaDeviceAccessDenied, function (_a) {
-        var isOwnConnection = _a.isOwnConnection;
-        setConnections(controller.connections.get());
-        if (isOwnConnection) {
-            setOwnMediaPermissionsRejected(true);
-        }
-    }, []);
-    var MediaRejectedModalWithProps = function () {
-        if (controller.userRole === MediaConstants_1.SessionClientRole.USER &&
-            isOwnMediaPermissionsRejected &&
-            wasMediaPermissionsModalClosed) {
-            return jsx_runtime_1.jsx(MediaRejectedModal_1.MediaRejectedModal, { osType: utils_1.detectOSType(), translations: translations, onClose: onModalClosed }, void 0);
-        }
-        return null;
-    };
-    return isLoading ? null : (jsx_runtime_1.jsxs("div", __assign({ className: 'mutltiparty-container' }, { children: [jsx_runtime_1.jsx(MediaRejectedModalWithProps, {}, void 0), jsx_runtime_1.jsx(VideoLayouts_1.VideoLayoutManager, { connections: connections, selectedLayoutType: selectedLayoutType, userRole: userRole, pinnedVideo: {
-                    pinnedUserRole: types_1.toSessionClientRole(pinnedVideo.pinnedUserRole),
-                    videoType: pinnedVideo.videoType
-                }, translations: translations, firstPeerConnected: firstPeerDidConnect, onModalOpen: onModalOpen, onToggleMute: !isAudioDisabled ? toggleMute : undefined, isAudioMuted: isAudioMuted, onToggleVideo: toggleVideo, isVideoTurnedOff: isVideoTurnedOff, onVideoPinned: onPinnedVideoChanged, onSwitchCamera: isSwitchCameraSupported ? switchCamera : undefined, onSnapshotRequested: onSnapshotRequested, onEndMeetingRequested: onEndMeetingRequested, videoOverlay: videoOverlay, isScreenSharingEnabled: isScreenSharingEnabled }, void 0)] }), void 0));
-};
-exports.Multiparty = Multiparty;
 //# sourceMappingURL=Multiparty.js.map

package/lib/components/Multiparty.js.map

@@ -1 +1 @@
-{"version":3,"file":"Multiparty.js","sourceRoot":"","sources":["../../src/components/Multiparty.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAkE;AAClE,oFAAoG;AACpG,4EAAuF;AACvF,yFAAsF;AACtF,yEAAiG;AACjG,2CAM2B;AAC3B,kCAAgD;AAChD,yEAAkE;AAClE,8EAA2E;AAC3E,uDAM4B;AAC5B,+CAAkD;AAElD,4DAA0D;AAC1D,6BAA2B;AAcpB,IAAM,UAAU,GAA8B,UAAC,EAUrD;QATG,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,6BAA6B,mCAAA,EAC7B,kBAAkB,wBAAA,EAClB,mCAAmC,yCAAA,EACnC,oBAAoB,0BAAA,EACpB,mBAAmB,yBAAA,EACnB,qBAAqB,2BAAA,EACrB,YAAY,kBAAA;IAEN,IAAA,KAAgD,gBAAQ,CAAC,KAAK,CAAC,EAA9D,mBAAmB,QAAA,EAAE,sBAAsB,QAAmB,CAAC;IAChE,IAAA,KAAsE,gBAAQ,CAAC,IAAI,CAAC,EAAnF,8BAA8B,QAAA,EAAE,iCAAiC,QAAkB,CAAC;IACrF,IAAA,KAAkE,gBAAQ,CAAC,KAAK,CAAC,EAAhF,6BAA6B,QAAA,EAAE,8BAA8B,QAAmB,CAAC;IAElF,IAAA,KAA0B,gBAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAtD,QAAQ,QAAA,EAAE,WAAW,QAAiC,CAAC;IACxD,IAAA,KAAgC,gBAAQ,CAAe;QACzD,cAAc,EAAE,UAAU,CAAC,cAAc,EAAE,CAAC,cAAc;QAC1D,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,CAAC,SAAS;KACnD,CAAC,EAHK,WAAW,QAAA,EAAE,cAAc,QAGhC,CAAC;IACG,IAAA,KAAwC,gBAAQ,CAAC,UAAU,CAAC,eAAe,CAAC,EAA3E,eAAe,QAAA,EAAE,kBAAkB,QAAwC,CAAC;IAE7E,IAAA,KAAkC,gBAAQ,CAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAC;IAClD,IAAA,KAA0C,gBAAQ,CAAC,KAAK,CAAC,EAAxD,gBAAgB,QAAA,EAAE,mBAAmB,QAAmB,CAAC;IAC1D,IAAA,KAAwD,gBAAQ,CAAC,KAAK,CAAC,EAAtE,uBAAuB,QAAA,EAAE,0BAA0B,QAAmB,CAAC;IACxE,IAAA,KAA4B,gBAAQ,CAAC,IAAI,CAAC,EAAzC,SAAS,QAAA,EAAE,YAAY,QAAkB,CAAC;IAC3C,IAAA,KAAsD,gBAAQ,CAAC,KAAK,CAAC,EAApE,sBAAsB,QAAA,EAAE,yBAAyB,QAAmB,CAAC;IAEtE,IAAA,KAAgC,gBAAQ,CAA2B,EAAE,CAAC,EAArE,WAAW,QAAA,EAAE,cAAc,QAA0C,CAAC;IAE7E,IAAM,UAAU,GAAG,mBAAW,CAAC,cAAM,OAAA,UAAU,CAAC,WAAW,CAAC,YAAY,CAAC,EAApC,CAAoC,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC;IACvG,IAAM,YAAY,GAAG,mBAAW,CAAC,cAAM,OAAA,UAAU,CAAC,YAAY,EAAE,EAAzB,CAAyB,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAChF,IAAM,WAAW,GAAG,mBAAW,CAAC,cAAM,OAAA,UAAU,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAxC,CAAwC,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAChH,IAAM,aAAa,GAAG,mBAAW,CAAC,cAAM,OAAA,iCAAiC,CAAC,KAAK,CAAC,EAAxC,CAAwC,EAAE,EAAE,CAAC,CAAC;IACtF,IAAM,WAAW,GAAG,mBAAW,CAAC,cAAM,OAAA,iCAAiC,CAAC,IAAI,CAAC,EAAvC,CAAuC,EAAE,EAAE,CAAC,CAAC;IAEnF,iBAAS,CAAC;QACN,UAAU,CAAC,OAAO,EAAE,CAAC;QACrB,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;QAE7C,OAAO,cAAM,OAAA,UAAU,CAAC,UAAU,EAAE,EAAvB,CAAuB,CAAC;IACzC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,iBAAS,CAAC;QACN,mCAAmC,aAAnC,mCAAmC,uBAAnC,mCAAmC,CAC/B,6BAA6B,IAAI,8BAA8B;YAC3D,CAAC,CAAC,yDAAsC,CAAC,UAAU;YACnD,CAAC,CAAC,yDAAsC,CAAC,YAAY,CAC5D,CAAC;IACN,CAAC,EAAE,CAAC,6BAA6B,EAAE,8BAA8B,EAAE,mCAAmC,CAAC,CAAC,CAAC;IAEzG,iBAAS,CAAC;QACN,UAAU,CAAC,WAAW,CAAC,8BAA8B,CAAC,6BAA6B,CAAC,CAAC;QAErF,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,UAAU,EAAE,6BAA6B,CAAC,CAAC,CAAC;IAEhD,iBAAS,CAAC;QACN,UAAU,CAAC,WAAW,CAAC,+BAA+B,CAAC,6BAA6B,IAAI,KAAK,CAAC,CAAC;QAE/F,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,UAAU,EAAE,6BAA6B,CAAC,CAAC,CAAC;IAEhD,iBAAS,CAAC;QACN,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE1B,iBAAS,CAAC;QACN,kBAAkB,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC;IAEjC,iBAAS,CAAC;QACN,IAAM,kBAAkB,GAAG;;;;;6BACnB,CAAA,kBAAkB,KAAK,iCAAe,CAAC,iBAAiB,CAAA,EAAxD,wBAAwD;wBAC/B,qBAAM,UAAU,CAAC,sBAAsB,EAAE,EAAA;;wBAA5D,gBAAgB,GAAG,SAAyC;wBAElE,yBAAyB,CAAC,gBAAgB,CAAC,CAAC;;;wBAEhD,YAAY,CAAC,KAAK,CAAC,CAAC;;;;aACvB,CAAC;QAEF,kBAAkB,EAAE,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,gBAAQ,CACJ,UAAU,EACV,+CAAwB,CAAC,cAAc,EACvC,UAAC,cAA2E;QACxE,cAAc,CAAC,EAAC,cAAc,EAAE,cAAc,CAAC,cAAc,EAAE,SAAS,EAAE,cAAc,CAAC,SAAS,EAAC,CAAC,CAAC;IACzG,CAAC,EACD,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAC/B,CAAC;IAEF,gBAAQ,CACJ,UAAU,EACV,uCAAgB,CAAC,iBAAiB,EAClC;QACI,IAAM,kBAAkB,GAAG,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;QAExD,cAAc,CAAC,kBAAkB,CAAC,CAAC;QAEnC,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,EAAE;YAC/B,sBAAsB,CAAC,IAAI,CAAC,CAAC;SAChC;IACL,CAAC,EACD,EAAE,CACL,CAAC;IAEF,gBAAQ,CACJ,UAAU,EACV,uCAAgB,CAAC,mBAAmB,EACpC;QACI,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;IACjD,CAAC,EACD,EAAE,CACL,CAAC;IAEF,gBAAQ,CACJ,UAAU,EACV,uCAAgB,CAAC,aAAa,EAC9B,UAAO,EAAqC;YAApC,eAAe,qBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;;;;;;wBACvC,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;6BAEzC,eAAe,EAAf,wBAAe;wBACc,qBAAM,qCAAwB,EAAE,EAAA;;wBAAvD,oBAAoB,GAAG,SAAgC;wBAE7D,0BAA0B,CAAC,oBAAoB,CAAC,CAAC;wBACjD,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC;wBAC3B,mBAAmB,CAAC,CAAC,QAAQ,CAAC,CAAC;;;;;;KAEtC,EACD,EAAE,CACL,CAAC;IAEF,gBAAQ,CACJ,UAAU,EACV,uCAAgB,CAAC,qBAAqB,EACtC,UAAC,EAAqC;YAApC,eAAe,qBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;QACjC,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;QAE7C,IAAI,eAAe,EAAE;YACjB,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC;YAC3B,mBAAmB,CAAC,CAAC,QAAQ,CAAC,CAAC;SAClC;IACL,CAAC,EACD,EAAE,CACL,CAAC;IAEF,gBAAQ,CACJ,UAAU,EACV,uCAAgB,CAAC,uBAAuB,EACxC,UAAC,EAAiB;YAAhB,eAAe,qBAAA;QACb,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;QAE7C,IAAI,eAAe,EAAE;YACjB,8BAA8B,CAAC,IAAI,CAAC,CAAC;SACxC;IACL,CAAC,EACD,EAAE,CACL,CAAC;IAEF,IAAM,2BAA2B,GAAG;QAChC,IACI,UAAU,CAAC,QAAQ,KAAK,kCAAiB,CAAC,IAAI;YAC9C,6BAA6B;YAC7B,8BAA8B,EAChC;YACE,OAAO,kBAAC,uCAAkB,IAAC,MAAM,EAAE,oBAAY,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,WAAI,CAAC;SAC7G;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACtB,qCAAK,SAAS,EAAC,uBAAuB,iBAClC,kBAAC,2BAA2B,aAAG,EAC/B,kBAAC,iCAAkB,IACf,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE;oBACT,cAAc,EAAE,2BAAmB,CAAC,WAAW,CAAC,cAAc,CAAC;oBAC/D,SAAS,EAAE,WAAW,CAAC,SAAS;iBACnC,EACD,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,mBAAmB,EACvC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACvD,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,WAAW,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,oBAAoB,EACnC,cAAc,EAAE,uBAAuB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAClE,mBAAmB,EAAE,mBAAmB,EACxC,qBAAqB,EAAE,qBAAqB,EAC5C,YAAY,EAAE,YAAY,EAC1B,sBAAsB,EAAE,sBAAsB,WAChD,aACA,CACT,CAAC;AACN,CAAC,CAAC;AAxMW,QAAA,UAAU,cAwMrB"}
+{"version":3,"file":"Multiparty.js","sourceRoot":"","sources":["../../src/components/Multiparty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAC,WAAW,EAAC,MAAM,mDAAmD,CAAC;AAE9E,MAAM,CAAC,IAAM,UAAU,GAA4C,UAAC,KAAK;IACrE,SAAS,CAAC;QACN,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAC1B,UAAU,CAAC;YACP,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACtD,CAAC,EAAE,IAAI,CAAC,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,6BAAK,EAAE,EAAC,QAAQ;QACZ,6BAAK,EAAE,EAAC,cAAc,GAAE;QACxB,6BAAK,EAAE,EAAC,cAAc,GAAE,CACtB,CACT,CAAC;AACN,CAAC,CAAC"}

package/lib/index.d.ts

@@ -1,7 +1,2 @@
-export * from './services/MultipartyEventTypes';
 export { Multiparty } from './components/Multiparty';
-export { MultipartyTranslationStrings, PermissionsModalVisibilityChangedEvent, OnPermissionsModalVisibilityChangedCb, OnSnapshotRequestedCb, OnEndMeetingRequestedCb } from './components/Multiparty.types';
-export { MagicMarkerComponent, MagicMarkerOptions, MagicMarkerComponentProps } from './components/MagicMarker';
-export { MultipartySessionSettings, AudioState, PinnedUserType, OnPinnedVideoChangedCb } from './services/types';
-export { createMultipartyController, IMultipartyController } from './services/MultipartyController';
-//# sourceMappingURL=index.d.ts.map
+export { WebRtcClient, WebRtcClientEvents } from './services/WebRTCClient';

package/lib/index.js

@@ -1,26 +1,3 @@
-"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]; } });
-}) : (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" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createMultipartyController = exports.PinnedUserType = exports.AudioState = exports.MagicMarkerComponent = exports.PermissionsModalVisibilityChangedEvent = exports.Multiparty = void 0;
-__exportStar(require("./services/MultipartyEventTypes"), exports);
-var Multiparty_1 = require("./components/Multiparty");
-Object.defineProperty(exports, "Multiparty", { enumerable: true, get: function () { return Multiparty_1.Multiparty; } });
-var Multiparty_types_1 = require("./components/Multiparty.types");
-Object.defineProperty(exports, "PermissionsModalVisibilityChangedEvent", { enumerable: true, get: function () { return Multiparty_types_1.PermissionsModalVisibilityChangedEvent; } });
-var MagicMarker_1 = require("./components/MagicMarker");
-Object.defineProperty(exports, "MagicMarkerComponent", { enumerable: true, get: function () { return MagicMarker_1.MagicMarkerComponent; } });
-var types_1 = require("./services/types");
-Object.defineProperty(exports, "AudioState", { enumerable: true, get: function () { return types_1.AudioState; } });
-Object.defineProperty(exports, "PinnedUserType", { enumerable: true, get: function () { return types_1.PinnedUserType; } });
-var MultipartyController_1 = require("./services/MultipartyController");
-Object.defineProperty(exports, "createMultipartyController", { enumerable: true, get: function () { return MultipartyController_1.createMultipartyController; } });
+export { Multiparty } from './components/Multiparty';
+export { WebRtcClient, WebRtcClientEvents } from './services/WebRTCClient';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,kEAAgD;AAChD,sDAAmD;AAA3C,wGAAA,UAAU,OAAA;AAClB,kEAMuC;AAJnC,0IAAA,sCAAsC,OAAA;AAK1C,wDAA6G;AAArG,mHAAA,oBAAoB,OAAA;AAC5B,0CAA+G;AAA5E,mGAAA,UAAU,OAAA;AAAE,uGAAA,cAAc,OAAA;AAC7D,wEAAkG;AAA1F,kIAAA,0BAA0B,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC"}

package/lib/services/LayoutManager.js

@@ -0,0 +1,3 @@
+"use strict";
+//
+//# sourceMappingURL=LayoutManager.js.map

package/lib/services/LayoutManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutManager.js","sourceRoot":"","sources":["../../src/services/LayoutManager.ts"],"names":[],"mappings":";AAAA,EAAE"}

package/lib/services/WebRTCClient.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="node" />
+import { ICredentials, ISessionSettings } from '@techsee/techsee-media-service/lib/MultiParty/Contracts';
+import { EventEmitter } from 'events';
+import { CameraTypes } from '@techsee/techsee-media-service/lib/MediaConstants';
+export declare enum WebRtcClientEvents {
+    mediaCapabilitiesSupport = "mediaCapabilitiesSupport",
+    connectFailed = "connectFailed",
+    streamDestroyed = "streamDestroyed",
+    connectionCreated = "connectionCreated",
+    connectionDestroyed = "connectionDestroyed",
+    streamCreated = "streamCreated"
+}
+export declare class WebRtcClient extends EventEmitter {
+    private readonly credentials;
+    private readonly settings;
+    private multiParty?;
+    constructor(credentials: ICredentials, settings: ISessionSettings);
+    init(): Promise<void>;
+    initHandlers(): void;
+    disconnect(): void;
+    switchCamera(cameraType: CameraTypes): void;
+}

package/lib/services/WebRTCClient.js

@@ -0,0 +1,123 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { couldStartMultiparty, MULTI_PARTY_EVENTS } from '@techsee/techsee-media-service/lib/MultiParty/MultiParty';
+import { createMultiParty } from '@techsee/techsee-media-service/lib/MultiParty/MultipartyFactory';
+import { getMediaTracer } from '@techsee/techsee-media-service/lib/MediaUtils/MediaTracer';
+import { EventEmitter } from 'events';
+var trace = getMediaTracer('Multiparty');
+export var WebRtcClientEvents;
+(function (WebRtcClientEvents) {
+    WebRtcClientEvents["mediaCapabilitiesSupport"] = "mediaCapabilitiesSupport";
+    WebRtcClientEvents["connectFailed"] = "connectFailed";
+    WebRtcClientEvents["streamDestroyed"] = "streamDestroyed";
+    WebRtcClientEvents["connectionCreated"] = "connectionCreated";
+    WebRtcClientEvents["connectionDestroyed"] = "connectionDestroyed";
+    WebRtcClientEvents["streamCreated"] = "streamCreated";
+})(WebRtcClientEvents || (WebRtcClientEvents = {}));
+var WebRtcClient = /** @class */ (function (_super) {
+    __extends(WebRtcClient, _super);
+    function WebRtcClient(credentials, settings) {
+        var _this = _super.call(this) || this;
+        _this.credentials = credentials;
+        _this.settings = settings;
+        return _this;
+    }
+    WebRtcClient.prototype.init = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var mediaCapabilitiesSupport;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, couldStartMultiparty()];
+                    case 1:
+                        mediaCapabilitiesSupport = _a.sent();
+                        this.emit(WebRtcClientEvents.mediaCapabilitiesSupport, mediaCapabilitiesSupport);
+                        trace.info('Media Capabilities support', mediaCapabilitiesSupport);
+                        if (mediaCapabilitiesSupport) {
+                            this.multiParty = createMultiParty(this.settings);
+                            this.initHandlers();
+                            return [2 /*return*/, this.multiParty.connect(this.credentials)];
+                        }
+                        throw new Error('No WebRtc support');
+                }
+            });
+        });
+    };
+    WebRtcClient.prototype.initHandlers = function () {
+        var _this = this;
+        this.multiParty.on(MULTI_PARTY_EVENTS.connectFailed, function (event) {
+            _this.emit(WebRtcClientEvents.connectFailed, event);
+        });
+        this.multiParty.on(MULTI_PARTY_EVENTS.connectionCreated, function (event) {
+            _this.emit(WebRtcClientEvents.connectionCreated, event);
+        });
+        this.multiParty.on(MULTI_PARTY_EVENTS.connectionDestroyed, function (event) {
+            _this.emit(WebRtcClientEvents.connectionDestroyed, event);
+        });
+        this.multiParty.on(MULTI_PARTY_EVENTS.streamDestroyed, function (event) {
+            _this.emit(WebRtcClientEvents.streamDestroyed, event);
+        });
+        this.multiParty.on(MULTI_PARTY_EVENTS.streamCreated, function (event) {
+            _this.emit(WebRtcClientEvents.streamCreated, event);
+        });
+    };
+    WebRtcClient.prototype.disconnect = function () {
+        var _a;
+        (_a = this.multiParty) === null || _a === void 0 ? void 0 : _a.disconnect();
+    };
+    WebRtcClient.prototype.switchCamera = function (cameraType) {
+        var _a;
+        (_a = this.multiParty) === null || _a === void 0 ? void 0 : _a.switchCamera(cameraType);
+    };
+    return WebRtcClient;
+}(EventEmitter));
+export { WebRtcClient };
+//# sourceMappingURL=WebRTCClient.js.map

package/lib/services/WebRTCClient.js.map

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

package/lib/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/lib/stories/Multiparty.stories.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Multiparty } from '../components/Multiparty';
+import { CameraTypes, MediaServiceType } from '@techsee/techsee-media-service/lib/MediaConstants';
+import { WebRtcClient } from '../services/WebRTCClient';
+var env = require('../../env.json');
+var _a = env.storybook, apiKey = _a.apiKey, sessionId = _a.sessionId, token = _a.token;
+export default {
+    title: 'Multiparty demo',
+    component: Multiparty,
+};
+var args = {
+    credentials: {
+        sessionId: sessionId,
+        apiKey: apiKey,
+        token: token
+    },
+    settings: {
+        defaultCamera: CameraTypes.FRONT,
+        startWithAudioMuted: false,
+        mediaServiceType: MediaServiceType.OPENTOK
+    }
+};
+var Template = function () { return React.createElement(Multiparty, { webRtcClient: new WebRtcClient(args.credentials, args.settings) }); };
+export var multiparty = Template.bind({});
+//# sourceMappingURL=Multiparty.stories.js.map

package/lib/stories/Multiparty.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Multiparty.stories.js","sourceRoot":"","sources":["../../src/stories/Multiparty.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAC,WAAW,EAAE,gBAAgB,EAAC,MAAM,mDAAmD,CAAC;AAChG,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEtD,IAAM,GAAG,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC;AAChC,IAAA,KAA6B,GAAG,CAAC,SAAS,EAAzC,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAiB,CAAC;AAEjD,eAAe;IACX,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,UAAU;CAChB,CAAC;AACV,IAAM,IAAI,GAAG;IACT,WAAW,EAAE;QACT,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,KAAK;KACf;IACD,QAAQ,EAAE;QACN,aAAa,EAAE,WAAW,CAAC,KAAK;QAChC,mBAAmB,EAAE,KAAK;QAC1B,gBAAgB,EAAE,gBAAgB,CAAC,OAAO;KAC7C;CACJ,CAAC;AAEF,IAAM,QAAQ,GAAU,cAAM,OAAA,oBAAC,UAAU,IAAC,YAAY,EAAE,IAAI,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,EAA9E,CAA8E,CAAC;AAE7G,MAAM,CAAC,IAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC"}