@tellescope/video-chat 0.0.13 → 0.0.14

package/lib/cjs/native/RNVideoRenderView.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ViewStyle } from 'react-native';
+export declare class RNVideoView extends React.Component<{
+    tileId: string | number;
+    style: ViewStyle;
+}> {
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=RNVideoRenderView.d.ts.map

package/lib/cjs/native/RNVideoRenderView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RNVideoRenderView.d.ts","sourceRoot":"","sources":["../../../src/native/RNVideoRenderView.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA0C,SAAS,EAAE,MAAM,cAAc,CAAC;AAGjF,qBAAa,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC;IAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,CAAC;IAC7F,iBAAiB;IAUjB,oBAAoB;IAIpB,MAAM;CAGP"}

package/lib/cjs/native/RNVideoRenderView.js

@@ -0,0 +1,62 @@
+"use strict";
+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 __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.RNVideoView = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var bridge_1 = require("./bridge");
+var RNVideoView = /** @class */ (function (_super) {
+    __extends(RNVideoView, _super);
+    function RNVideoView() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RNVideoView.prototype.componentDidMount = function () {
+        var _this = this;
+        // we need to delay the bind video 
+        // Because "componentDidMount" will be called "immediately after the initial rendering occurs"
+        // This is *before* RCTUIManager add this view to register (so that viewForReactTag() can return a view)
+        // So we need to dispatch bindVideoView after this function complete
+        setTimeout(function () {
+            bridge_1.NativeFunction.bindVideoView((0, react_native_1.findNodeHandle)(_this), _this.props.tileId);
+        });
+    };
+    RNVideoView.prototype.componentWillUnmount = function () {
+        bridge_1.NativeFunction.unbindVideoView(this.props.tileId);
+    };
+    RNVideoView.prototype.render = function () {
+        return (0, jsx_runtime_1.jsx)(RNVideoRenderViewNative, __assign({}, this.props), void 0);
+    };
+    return RNVideoView;
+}(react_1.default.Component));
+exports.RNVideoView = RNVideoView;
+var RNVideoRenderViewNative = (0, react_native_1.requireNativeComponent)('RNVideoView');
+//# sourceMappingURL=RNVideoRenderView.js.map

package/lib/cjs/native/RNVideoRenderView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RNVideoRenderView.js","sourceRoot":"","sources":["../../../src/native/RNVideoRenderView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,gDAA0B;AAC1B,6CAAiF;AACjF,mCAA0C;AAE1C;IAAiC,+BAA8D;IAA/F;;IAkBA,CAAC;IAjBC,uCAAiB,GAAjB;QAAA,iBAQC;QAPC,mCAAmC;QACnC,8FAA8F;QAC9F,wGAAwG;QACxG,oEAAoE;QACpE,UAAU,CAAC;YACT,uBAAc,CAAC,aAAa,CAAC,IAAA,6BAAc,EAAC,KAAI,CAAC,EAAE,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;IACL,CAAC;IAED,0CAAoB,GAApB;QACE,uBAAc,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACpD,CAAC;IAED,4BAAM,GAAN;QACE,OAAO,uBAAC,uBAAuB,eAAK,IAAI,CAAC,KAAK,UAAI,CAAC;IACrD,CAAC;IACH,kBAAC;AAAD,CAAC,AAlBD,CAAiC,eAAK,CAAC,SAAS,GAkB/C;AAlBY,kCAAW;AAoBxB,IAAM,uBAAuB,GAAG,IAAA,qCAAsB,EAAC,aAAa,CAAC,CAAC"}

package/lib/cjs/native/bridge.d.ts

@@ -0,0 +1,36 @@
+import { NativeEventEmitter } from 'react-native';
+export declare const MobileSDKEvent: {
+    OnMeetingStart: string;
+    OnMeetingEnd: string;
+    OnAttendeesJoin: string;
+    OnAttendeesLeave: string;
+    OnAttendeesMute: string;
+    OnAttendeesUnmute: string;
+    OnAddVideoTile: string;
+    OnRemoveVideoTile: string;
+    OnError: string;
+};
+export declare const MeetingError: {
+    OnMaximumConcurrentVideoReached: string;
+};
+export declare function getSDKEventEmitter(): NativeEventEmitter;
+/**
+ * These are functions available for React native to call on native
+ * i.e. React Native -> Native
+ *
+ * NativeModules.NativeMobileSDKBridge.startMeeting(meetingId, userName)
+ * NativeModules.NativeMobileSDKBridge.stopMeeting()
+ * NativeModules.NativeMobileSDKBridge.setMute(isMute) -> boolean
+ * NativeModules.NativeMobileSDKBridge.setCameraOn(isOn) -> boolean
+ * NativeModules.NativeMobileSDKBridge.bindVideoView(reactTagId, tileId)
+ * NativeModules.NativeMobileSDKBridge.unbindVideoView(reactTagId, tileId)
+ */
+export declare const NativeFunction: {
+    startMeeting: any;
+    stopMeeting: any;
+    setMute: any;
+    setCameraOn: any;
+    bindVideoView: any;
+    unbindVideoView: any;
+};
+//# sourceMappingURL=bridge.d.ts.map

package/lib/cjs/native/bridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bridge.d.ts","sourceRoot":"","sources":["../../../src/native/bridge.ts"],"names":[],"mappings":"AAKA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAgBjE,eAAO,MAAM,cAAc;;;;;;;;;;CAU1B,CAAA;AAED,eAAO,MAAM,YAAY;;CAExB,CAAA;AAED,wBAAgB,kBAAkB,uBAEjC;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAA"}

package/lib/cjs/native/bridge.js

@@ -0,0 +1,59 @@
+"use strict";
+/*
+ * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * SPDX-License-Identifier: MIT-0
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeFunction = exports.getSDKEventEmitter = exports.MeetingError = exports.MobileSDKEvent = void 0;
+var react_native_1 = require("react-native");
+/**
+ * These are the function that will be called from native side
+ * i.e. Native -> React Native
+ *
+ * NativeEventEmitter.onMeetingStart(meetingName)
+ * NativeEventEmitter.onMeetingEnd()
+ * NativeEventEmitter.onAttendeesJoin(attendeeInfo)
+ * NativeEventEmitter.onAttendeesLeave(attendeeInfo)
+ * NativeEventEmitter.onAddVideoTile(tileState)
+ * NativeEventEmitter.onRemoveVideoTile(tileState)
+ * NativeEventEmitter.onError(errorMessage)
+ */
+var _eventEmitter = new react_native_1.NativeEventEmitter(react_native_1.NativeModules.NativeMobileSDKBridge);
+exports.MobileSDKEvent = {
+    OnMeetingStart: 'OnMeetingStart',
+    OnMeetingEnd: 'OnMeetingEnd',
+    OnAttendeesJoin: 'OnAttendeesJoin',
+    OnAttendeesLeave: 'OnAttendeesLeave',
+    OnAttendeesMute: 'OnAttendeesMute',
+    OnAttendeesUnmute: 'OnAttendeesUnmute',
+    OnAddVideoTile: 'OnAddVideoTile',
+    OnRemoveVideoTile: 'OnRemoveVideoTile',
+    OnError: 'OnError',
+};
+exports.MeetingError = {
+    OnMaximumConcurrentVideoReached: "OnMaximumConcurrentVideoReached"
+};
+function getSDKEventEmitter() {
+    return _eventEmitter;
+}
+exports.getSDKEventEmitter = getSDKEventEmitter;
+/**
+ * These are functions available for React native to call on native
+ * i.e. React Native -> Native
+ *
+ * NativeModules.NativeMobileSDKBridge.startMeeting(meetingId, userName)
+ * NativeModules.NativeMobileSDKBridge.stopMeeting()
+ * NativeModules.NativeMobileSDKBridge.setMute(isMute) -> boolean
+ * NativeModules.NativeMobileSDKBridge.setCameraOn(isOn) -> boolean
+ * NativeModules.NativeMobileSDKBridge.bindVideoView(reactTagId, tileId)
+ * NativeModules.NativeMobileSDKBridge.unbindVideoView(reactTagId, tileId)
+ */
+exports.NativeFunction = {
+    startMeeting: react_native_1.NativeModules.NativeMobileSDKBridge.startMeeting,
+    stopMeeting: react_native_1.NativeModules.NativeMobileSDKBridge.stopMeeting,
+    setMute: react_native_1.NativeModules.NativeMobileSDKBridge.setMute,
+    setCameraOn: react_native_1.NativeModules.NativeMobileSDKBridge.setCameraOn,
+    bindVideoView: react_native_1.NativeModules.NativeMobileSDKBridge.bindVideoView,
+    unbindVideoView: react_native_1.NativeModules.NativeMobileSDKBridge.unbindVideoView,
+};
+//# sourceMappingURL=bridge.js.map

package/lib/cjs/native/bridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bridge.js","sourceRoot":"","sources":["../../../src/native/bridge.ts"],"names":[],"mappings":";AAAA;;;GAGG;;;AAEH,6CAAiE;AAEjE;;;;;;;;;;;GAWG;AACH,IAAM,aAAa,GAAG,IAAI,iCAAkB,CAAC,4BAAa,CAAC,qBAAqB,CAAC,CAAC;AAErE,QAAA,cAAc,GAAG;IAC5B,cAAc,EAAE,gBAAgB;IAChC,YAAY,EAAE,cAAc;IAC5B,eAAe,EAAE,iBAAiB;IAClC,gBAAgB,EAAE,kBAAkB;IACpC,eAAe,EAAE,iBAAiB;IAClC,iBAAiB,EAAE,mBAAmB;IACtC,cAAc,EAAE,gBAAgB;IAChC,iBAAiB,EAAE,mBAAmB;IACtC,OAAO,EAAE,SAAS;CACnB,CAAA;AAEY,QAAA,YAAY,GAAG;IAC1B,+BAA+B,EAAE,iCAAiC;CACnE,CAAA;AAED,SAAgB,kBAAkB;IAChC,OAAO,aAAa,CAAC;AACvB,CAAC;AAFD,gDAEC;AAED;;;;;;;;;;GAUG;AACU,QAAA,cAAc,GAAG;IAC5B,YAAY,EAAE,4BAAa,CAAC,qBAAqB,CAAC,YAAY;IAC9D,WAAW,EAAE,4BAAa,CAAC,qBAAqB,CAAC,WAAW;IAC5D,OAAO,EAAE,4BAAa,CAAC,qBAAqB,CAAC,OAAO;IACpD,WAAW,EAAE,4BAAa,CAAC,qBAAqB,CAAC,WAAW;IAC5D,aAAa,EAAE,4BAAa,CAAC,qBAAqB,CAAC,aAAa;IAChE,eAAe,EAAE,4BAAa,CAAC,qBAAqB,CAAC,eAAe;CACrE,CAAA"}

package/lib/esm/native/RNVideoRenderView.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ViewStyle } from 'react-native';
+export declare class RNVideoView extends React.Component<{
+    tileId: string | number;
+    style: ViewStyle;
+}> {
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=RNVideoRenderView.d.ts.map

package/lib/esm/native/RNVideoRenderView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RNVideoRenderView.d.ts","sourceRoot":"","sources":["../../../src/native/RNVideoRenderView.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA0C,SAAS,EAAE,MAAM,cAAc,CAAC;AAGjF,qBAAa,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC;IAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,CAAC;IAC7F,iBAAiB;IAUjB,oBAAoB;IAIpB,MAAM;CAGP"}

package/lib/esm/native/RNVideoRenderView.js

@@ -0,0 +1,56 @@
+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 __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 { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { requireNativeComponent, findNodeHandle } from 'react-native';
+import { NativeFunction } from './bridge';
+var RNVideoView = /** @class */ (function (_super) {
+    __extends(RNVideoView, _super);
+    function RNVideoView() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RNVideoView.prototype.componentDidMount = function () {
+        var _this = this;
+        // we need to delay the bind video 
+        // Because "componentDidMount" will be called "immediately after the initial rendering occurs"
+        // This is *before* RCTUIManager add this view to register (so that viewForReactTag() can return a view)
+        // So we need to dispatch bindVideoView after this function complete
+        setTimeout(function () {
+            NativeFunction.bindVideoView(findNodeHandle(_this), _this.props.tileId);
+        });
+    };
+    RNVideoView.prototype.componentWillUnmount = function () {
+        NativeFunction.unbindVideoView(this.props.tileId);
+    };
+    RNVideoView.prototype.render = function () {
+        return _jsx(RNVideoRenderViewNative, __assign({}, this.props), void 0);
+    };
+    return RNVideoView;
+}(React.Component));
+export { RNVideoView };
+var RNVideoRenderViewNative = requireNativeComponent('RNVideoView');
+//# sourceMappingURL=RNVideoRenderView.js.map

package/lib/esm/native/RNVideoRenderView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RNVideoRenderView.js","sourceRoot":"","sources":["../../../src/native/RNVideoRenderView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAa,MAAM,cAAc,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C;IAAiC,+BAA8D;IAA/F;;IAkBA,CAAC;IAjBC,uCAAiB,GAAjB;QAAA,iBAQC;QAPC,mCAAmC;QACnC,8FAA8F;QAC9F,wGAAwG;QACxG,oEAAoE;QACpE,UAAU,CAAC;YACT,cAAc,CAAC,aAAa,CAAC,cAAc,CAAC,KAAI,CAAC,EAAE,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;IACL,CAAC;IAED,0CAAoB,GAApB;QACE,cAAc,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACpD,CAAC;IAED,4BAAM,GAAN;QACE,OAAO,KAAC,uBAAuB,eAAK,IAAI,CAAC,KAAK,UAAI,CAAC;IACrD,CAAC;IACH,kBAAC;AAAD,CAAC,AAlBD,CAAiC,KAAK,CAAC,SAAS,GAkB/C;;AAED,IAAM,uBAAuB,GAAG,sBAAsB,CAAC,aAAa,CAAC,CAAC"}

package/lib/esm/native/bridge.d.ts

@@ -0,0 +1,36 @@
+import { NativeEventEmitter } from 'react-native';
+export declare const MobileSDKEvent: {
+    OnMeetingStart: string;
+    OnMeetingEnd: string;
+    OnAttendeesJoin: string;
+    OnAttendeesLeave: string;
+    OnAttendeesMute: string;
+    OnAttendeesUnmute: string;
+    OnAddVideoTile: string;
+    OnRemoveVideoTile: string;
+    OnError: string;
+};
+export declare const MeetingError: {
+    OnMaximumConcurrentVideoReached: string;
+};
+export declare function getSDKEventEmitter(): NativeEventEmitter;
+/**
+ * These are functions available for React native to call on native
+ * i.e. React Native -> Native
+ *
+ * NativeModules.NativeMobileSDKBridge.startMeeting(meetingId, userName)
+ * NativeModules.NativeMobileSDKBridge.stopMeeting()
+ * NativeModules.NativeMobileSDKBridge.setMute(isMute) -> boolean
+ * NativeModules.NativeMobileSDKBridge.setCameraOn(isOn) -> boolean
+ * NativeModules.NativeMobileSDKBridge.bindVideoView(reactTagId, tileId)
+ * NativeModules.NativeMobileSDKBridge.unbindVideoView(reactTagId, tileId)
+ */
+export declare const NativeFunction: {
+    startMeeting: any;
+    stopMeeting: any;
+    setMute: any;
+    setCameraOn: any;
+    bindVideoView: any;
+    unbindVideoView: any;
+};
+//# sourceMappingURL=bridge.d.ts.map

package/lib/esm/native/bridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bridge.d.ts","sourceRoot":"","sources":["../../../src/native/bridge.ts"],"names":[],"mappings":"AAKA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAgBjE,eAAO,MAAM,cAAc;;;;;;;;;;CAU1B,CAAA;AAED,eAAO,MAAM,YAAY;;CAExB,CAAA;AAED,wBAAgB,kBAAkB,uBAEjC;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAA"}

package/lib/esm/native/bridge.js

@@ -0,0 +1,55 @@
+/*
+ * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * SPDX-License-Identifier: MIT-0
+ */
+import { NativeModules, NativeEventEmitter } from 'react-native';
+/**
+ * These are the function that will be called from native side
+ * i.e. Native -> React Native
+ *
+ * NativeEventEmitter.onMeetingStart(meetingName)
+ * NativeEventEmitter.onMeetingEnd()
+ * NativeEventEmitter.onAttendeesJoin(attendeeInfo)
+ * NativeEventEmitter.onAttendeesLeave(attendeeInfo)
+ * NativeEventEmitter.onAddVideoTile(tileState)
+ * NativeEventEmitter.onRemoveVideoTile(tileState)
+ * NativeEventEmitter.onError(errorMessage)
+ */
+var _eventEmitter = new NativeEventEmitter(NativeModules.NativeMobileSDKBridge);
+export var MobileSDKEvent = {
+    OnMeetingStart: 'OnMeetingStart',
+    OnMeetingEnd: 'OnMeetingEnd',
+    OnAttendeesJoin: 'OnAttendeesJoin',
+    OnAttendeesLeave: 'OnAttendeesLeave',
+    OnAttendeesMute: 'OnAttendeesMute',
+    OnAttendeesUnmute: 'OnAttendeesUnmute',
+    OnAddVideoTile: 'OnAddVideoTile',
+    OnRemoveVideoTile: 'OnRemoveVideoTile',
+    OnError: 'OnError',
+};
+export var MeetingError = {
+    OnMaximumConcurrentVideoReached: "OnMaximumConcurrentVideoReached"
+};
+export function getSDKEventEmitter() {
+    return _eventEmitter;
+}
+/**
+ * These are functions available for React native to call on native
+ * i.e. React Native -> Native
+ *
+ * NativeModules.NativeMobileSDKBridge.startMeeting(meetingId, userName)
+ * NativeModules.NativeMobileSDKBridge.stopMeeting()
+ * NativeModules.NativeMobileSDKBridge.setMute(isMute) -> boolean
+ * NativeModules.NativeMobileSDKBridge.setCameraOn(isOn) -> boolean
+ * NativeModules.NativeMobileSDKBridge.bindVideoView(reactTagId, tileId)
+ * NativeModules.NativeMobileSDKBridge.unbindVideoView(reactTagId, tileId)
+ */
+export var NativeFunction = {
+    startMeeting: NativeModules.NativeMobileSDKBridge.startMeeting,
+    stopMeeting: NativeModules.NativeMobileSDKBridge.stopMeeting,
+    setMute: NativeModules.NativeMobileSDKBridge.setMute,
+    setCameraOn: NativeModules.NativeMobileSDKBridge.setCameraOn,
+    bindVideoView: NativeModules.NativeMobileSDKBridge.bindVideoView,
+    unbindVideoView: NativeModules.NativeMobileSDKBridge.unbindVideoView,
+};
+//# sourceMappingURL=bridge.js.map

package/lib/esm/native/bridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bridge.js","sourceRoot":"","sources":["../../../src/native/bridge.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEjE;;;;;;;;;;;GAWG;AACH,IAAM,aAAa,GAAG,IAAI,kBAAkB,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;AAElF,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,cAAc,EAAE,gBAAgB;IAChC,YAAY,EAAE,cAAc;IAC5B,eAAe,EAAE,iBAAiB;IAClC,gBAAgB,EAAE,kBAAkB;IACpC,eAAe,EAAE,iBAAiB;IAClC,iBAAiB,EAAE,mBAAmB;IACtC,cAAc,EAAE,gBAAgB;IAChC,iBAAiB,EAAE,mBAAmB;IACtC,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,+BAA+B,EAAE,iCAAiC;CACnE,CAAA;AAED,MAAM,UAAU,kBAAkB;IAChC,OAAO,aAAa,CAAC;AACvB,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,YAAY,EAAE,aAAa,CAAC,qBAAqB,CAAC,YAAY;IAC9D,WAAW,EAAE,aAAa,CAAC,qBAAqB,CAAC,WAAW;IAC5D,OAAO,EAAE,aAAa,CAAC,qBAAqB,CAAC,OAAO;IACpD,WAAW,EAAE,aAAa,CAAC,qBAAqB,CAAC,WAAW;IAC5D,aAAa,EAAE,aAAa,CAAC,qBAAqB,CAAC,aAAa;IAChE,eAAe,EAAE,aAAa,CAAC,qBAAqB,CAAC,eAAe;CACrE,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/video-chat",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
@@ -33,13 +33,13 @@
     "@fontsource/roboto": "^4.5.1",
     "@mui/icons-material": "^5.0.1",
     "@mui/material": "^5.0.2",
-    "@tellescope/constants": "^0.0.13",
-    "@tellescope/react-components": "^0.0.13",
-    "@tellescope/sdk": "^0.0.13",
-    "@tellescope/types-client": "^0.0.13",
-    "@tellescope/types-models": "^0.0.13",
-    "@tellescope/types-utilities": "^0.0.13",
-    "@tellescope/utilities": "^0.0.13",
+    "@tellescope/constants": "^0.0.14",
+    "@tellescope/react-components": "^0.0.14",
+    "@tellescope/sdk": "^0.0.14",
+    "@tellescope/types-client": "^0.0.14",
+    "@tellescope/types-models": "^0.0.14",
+    "@tellescope/types-utilities": "^0.0.14",
+    "@tellescope/utilities": "^0.0.14",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "amazon-chime-sdk-component-library-react": "^2.12.0",
@@ -54,7 +54,7 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
-  "gitHead": "1eb38568bd39b941e6b4a2bad9e3b33841c26b39",
+  "gitHead": "b57352502a35237c417fa4d5f571f0bb0aa07be2",
   "publishConfig": {
     "access": "public"
   }

package/src/native/RNVideoRenderView.tsx

@@ -0,0 +1,31 @@
+/*
+ * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * SPDX-License-Identifier: MIT-0
+ */
+
+import PropTypes from 'prop-types';
+import React from 'react';
+import { requireNativeComponent, findNodeHandle, ViewStyle } from 'react-native';
+import { NativeFunction } from './bridge';
+
+export class RNVideoView extends React.Component<{ tileId: string | number, style: ViewStyle }> {
+  componentDidMount() {
+    // we need to delay the bind video 
+    // Because "componentDidMount" will be called "immediately after the initial rendering occurs"
+    // This is *before* RCTUIManager add this view to register (so that viewForReactTag() can return a view)
+    // So we need to dispatch bindVideoView after this function complete
+    setTimeout(() => {
+      NativeFunction.bindVideoView(findNodeHandle(this), this.props.tileId);
+    });
+  }
+
+  componentWillUnmount() {
+    NativeFunction.unbindVideoView(this.props.tileId);
+  }
+
+  render() {
+    return <RNVideoRenderViewNative {...this.props} />;
+  }
+}
+
+const RNVideoRenderViewNative = requireNativeComponent('RNVideoView');

package/src/native/bridge.ts

@@ -0,0 +1,60 @@
+/*
+ * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ * SPDX-License-Identifier: MIT-0
+ */
+
+import { NativeModules, NativeEventEmitter } from 'react-native';
+
+/**
+ * These are the function that will be called from native side
+ * i.e. Native -> React Native
+ * 
+ * NativeEventEmitter.onMeetingStart(meetingName)
+ * NativeEventEmitter.onMeetingEnd()
+ * NativeEventEmitter.onAttendeesJoin(attendeeInfo)
+ * NativeEventEmitter.onAttendeesLeave(attendeeInfo)
+ * NativeEventEmitter.onAddVideoTile(tileState)
+ * NativeEventEmitter.onRemoveVideoTile(tileState)
+ * NativeEventEmitter.onError(errorMessage)
+ */
+const _eventEmitter = new NativeEventEmitter(NativeModules.NativeMobileSDKBridge);
+
+export const MobileSDKEvent = {
+  OnMeetingStart: 'OnMeetingStart',
+  OnMeetingEnd: 'OnMeetingEnd',
+  OnAttendeesJoin: 'OnAttendeesJoin',
+  OnAttendeesLeave: 'OnAttendeesLeave',
+  OnAttendeesMute: 'OnAttendeesMute',
+  OnAttendeesUnmute: 'OnAttendeesUnmute',
+  OnAddVideoTile: 'OnAddVideoTile',
+  OnRemoveVideoTile: 'OnRemoveVideoTile',
+  OnError: 'OnError',
+}
+
+export const MeetingError = {
+  OnMaximumConcurrentVideoReached: "OnMaximumConcurrentVideoReached"
+}
+
+export function getSDKEventEmitter() {
+  return _eventEmitter;
+}
+
+/**
+ * These are functions available for React native to call on native
+ * i.e. React Native -> Native
+ *
+ * NativeModules.NativeMobileSDKBridge.startMeeting(meetingId, userName)
+ * NativeModules.NativeMobileSDKBridge.stopMeeting()
+ * NativeModules.NativeMobileSDKBridge.setMute(isMute) -> boolean
+ * NativeModules.NativeMobileSDKBridge.setCameraOn(isOn) -> boolean
+ * NativeModules.NativeMobileSDKBridge.bindVideoView(reactTagId, tileId)
+ * NativeModules.NativeMobileSDKBridge.unbindVideoView(reactTagId, tileId)
+ */
+export const NativeFunction = {
+  startMeeting: NativeModules.NativeMobileSDKBridge.startMeeting,
+  stopMeeting: NativeModules.NativeMobileSDKBridge.stopMeeting,
+  setMute: NativeModules.NativeMobileSDKBridge.setMute,
+  setCameraOn: NativeModules.NativeMobileSDKBridge.setCameraOn,
+  bindVideoView: NativeModules.NativeMobileSDKBridge.bindVideoView,
+  unbindVideoView: NativeModules.NativeMobileSDKBridge.unbindVideoView,
+}