@tellescope/video-chat 0.0.13 → 0.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/lib/cjs/controls.d.ts +18 -0
  2. package/lib/cjs/controls.d.ts.map +1 -0
  3. package/lib/cjs/controls.js +57 -0
  4. package/lib/cjs/controls.js.map +1 -0
  5. package/lib/cjs/index.d.ts +1 -0
  6. package/lib/cjs/index.d.ts.map +1 -1
  7. package/lib/cjs/index.js +1 -0
  8. package/lib/cjs/index.js.map +1 -1
  9. package/lib/cjs/index.native.d.ts +1 -0
  10. package/lib/cjs/index.native.d.ts.map +1 -1
  11. package/lib/cjs/index.native.js +1 -0
  12. package/lib/cjs/index.native.js.map +1 -1
  13. package/lib/cjs/native/RNVideoRenderView.d.ts +11 -0
  14. package/lib/cjs/native/RNVideoRenderView.d.ts.map +1 -0
  15. package/lib/cjs/native/RNVideoRenderView.js +62 -0
  16. package/lib/cjs/native/RNVideoRenderView.js.map +1 -0
  17. package/lib/cjs/native/bridge.d.ts +36 -0
  18. package/lib/cjs/native/bridge.d.ts.map +1 -0
  19. package/lib/cjs/native/bridge.js +60 -0
  20. package/lib/cjs/native/bridge.js.map +1 -0
  21. package/lib/cjs/video.d.ts +13 -3
  22. package/lib/cjs/video.d.ts.map +1 -1
  23. package/lib/cjs/video.js +38 -7
  24. package/lib/cjs/video.js.map +1 -1
  25. package/lib/cjs/video.native.d.ts +7 -1
  26. package/lib/cjs/video.native.d.ts.map +1 -1
  27. package/lib/cjs/video.native.js +89 -36
  28. package/lib/cjs/video.native.js.map +1 -1
  29. package/lib/esm/controls.d.ts +18 -0
  30. package/lib/esm/controls.d.ts.map +1 -0
  31. package/lib/esm/controls.js +46 -0
  32. package/lib/esm/controls.js.map +1 -0
  33. package/lib/esm/index.d.ts +1 -0
  34. package/lib/esm/index.d.ts.map +1 -1
  35. package/lib/esm/index.js +1 -0
  36. package/lib/esm/index.js.map +1 -1
  37. package/lib/esm/index.native.d.ts +1 -0
  38. package/lib/esm/index.native.d.ts.map +1 -1
  39. package/lib/esm/index.native.js +1 -0
  40. package/lib/esm/index.native.js.map +1 -1
  41. package/lib/esm/native/RNVideoRenderView.d.ts +11 -0
  42. package/lib/esm/native/RNVideoRenderView.d.ts.map +1 -0
  43. package/lib/esm/native/RNVideoRenderView.js +56 -0
  44. package/lib/esm/native/RNVideoRenderView.js.map +1 -0
  45. package/lib/esm/native/bridge.d.ts +36 -0
  46. package/lib/esm/native/bridge.d.ts.map +1 -0
  47. package/lib/esm/native/bridge.js +56 -0
  48. package/lib/esm/native/bridge.js.map +1 -0
  49. package/lib/esm/shared.d.ts +1 -0
  50. package/lib/esm/shared.d.ts.map +1 -0
  51. package/lib/esm/shared.js +2 -0
  52. package/lib/esm/shared.js.map +1 -0
  53. package/lib/esm/video.d.ts +13 -3
  54. package/lib/esm/video.d.ts.map +1 -1
  55. package/lib/esm/video.js +36 -8
  56. package/lib/esm/video.js.map +1 -1
  57. package/lib/esm/video.native.d.ts +7 -1
  58. package/lib/esm/video.native.d.ts.map +1 -1
  59. package/lib/esm/video.native.js +88 -37
  60. package/lib/esm/video.native.js.map +1 -1
  61. package/lib/tsconfig.tsbuildinfo +1 -1
  62. package/package.json +10 -10
  63. package/src/controls.tsx +86 -0
  64. package/src/index.native.ts +2 -1
  65. package/src/index.ts +2 -1
  66. package/src/native/RNVideoRenderView.tsx +31 -0
  67. package/src/native/bridge.ts +61 -0
  68. package/src/video.native.tsx +122 -53
  69. package/src/video.tsx +45 -16
@@ -0,0 +1,18 @@
1
+ import { Styled } from "@tellescope/react-components/lib/esm/mui";
2
+ interface ButtonProps {
3
+ size?: number;
4
+ }
5
+ export declare const VideoToggle: ({ size }: ButtonProps) => JSX.Element;
6
+ export declare const MicrophoneToggle: ({ size }: ButtonProps) => JSX.Element;
7
+ export declare const EndMeeting: ({ size }: ButtonProps) => JSX.Element;
8
+ interface LeaveMeetingProps {
9
+ onLeave?: () => void;
10
+ }
11
+ export declare const LeaveMeeting: ({ onLeave, size }: LeaveMeetingProps & ButtonProps) => JSX.Element;
12
+ interface ControlbarProps {
13
+ spacing?: number;
14
+ size?: number;
15
+ }
16
+ export declare const ControlBar: ({ onLeave, style, spacing, size }: ControlbarProps & LeaveMeetingProps & Styled) => JSX.Element;
17
+ export {};
18
+ //# sourceMappingURL=controls.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../src/controls.tsx"],"names":[],"mappings":"AAGA,OAAO,EASL,MAAM,EACP,MAAM,0CAA0C,CAAA;AASjD,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,eAAO,MAAM,WAAW,aAAmC,WAAW,gBAQrE,CAAA;AAED,eAAO,MAAM,gBAAgB,aAAkC,WAAW,gBAQzE,CAAA;AAGD,eAAO,MAAM,UAAU,aAAkC,WAAW,gBAMnE,CAAA;AAED,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,eAAO,MAAM,YAAY,sBAA4C,iBAAiB,GAAG,WAAW,gBAEnG,CAAA;AAED,UAAU,eAAe;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CAEf;AACD,eAAO,MAAM,UAAU,sCAA2C,eAAe,GAAG,iBAAiB,GAAG,MAAM,gBAmB7G,CAAA"}
@@ -0,0 +1,57 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __importDefault = (this && this.__importDefault) || function (mod) {
14
+ return (mod && mod.__esModule) ? mod : { "default": mod };
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ exports.ControlBar = exports.LeaveMeeting = exports.EndMeeting = exports.MicrophoneToggle = exports.VideoToggle = void 0;
18
+ var jsx_runtime_1 = require("react/jsx-runtime");
19
+ // components that work with web or native
20
+ var react_1 = __importDefault(require("react"));
21
+ var mui_1 = require("@tellescope/react-components/lib/esm/mui");
22
+ var controls_1 = require("@tellescope/react-components/lib/esm/controls");
23
+ var layout_1 = require("@tellescope/react-components/lib/esm/layout");
24
+ var video_1 = require("./video");
25
+ var DEFAULT_BUTTON_SIZE = 30;
26
+ var VideoToggle = function (_a) {
27
+ var _b = _a.size, size = _b === void 0 ? DEFAULT_BUTTON_SIZE : _b;
28
+ var _c = react_1.default.useContext(video_1.CurrentCallContext), toggleVideo = _c.toggleVideo, videoIsEnabled = _c.videoIsEnabled;
29
+ return ((0, jsx_runtime_1.jsx)(controls_1.LabeledIconButton, { size: size, Icon: videoIsEnabled ? mui_1.VideoIcon : mui_1.VideoOffIcon, onClick: toggleVideo, label: videoIsEnabled ? "Turn Camera Off" : "Turn Camera On" }, void 0));
30
+ };
31
+ exports.VideoToggle = VideoToggle;
32
+ var MicrophoneToggle = function (_a) {
33
+ var _b = _a.size, size = _b === void 0 ? DEFAULT_BUTTON_SIZE : _b;
34
+ var _c = react_1.default.useContext(video_1.CurrentCallContext), microphoneIsEnabled = _c.microphoneIsEnabled, toggleMicrophone = _c.toggleMicrophone;
35
+ return ((0, jsx_runtime_1.jsx)(controls_1.LabeledIconButton, { size: size, Icon: microphoneIsEnabled ? mui_1.MicrophoneIcon : mui_1.MicrophoneOffIcon, onClick: toggleMicrophone, label: microphoneIsEnabled ? "Turn Microphone Off" : "Turn Microphone On" }, void 0));
36
+ };
37
+ exports.MicrophoneToggle = MicrophoneToggle;
38
+ // ends meeting if host, otherwise leaves meeting
39
+ var EndMeeting = function (_a) {
40
+ var _b = _a.size, size = _b === void 0 ? DEFAULT_BUTTON_SIZE : _b;
41
+ var endMeeting = (0, video_1.useStartVideoCall)().endMeeting;
42
+ return ((0, jsx_runtime_1.jsx)(controls_1.LabeledIconButton, { size: size, Icon: mui_1.CallEndIcon, onClick: endMeeting, label: "End Meeting" }, void 0));
43
+ };
44
+ exports.EndMeeting = EndMeeting;
45
+ var LeaveMeeting = function (_a) {
46
+ var onLeave = _a.onLeave, _b = _a.size, size = _b === void 0 ? DEFAULT_BUTTON_SIZE : _b;
47
+ return ((0, jsx_runtime_1.jsx)(controls_1.LabeledIconButton, { size: size, Icon: mui_1.CallEndIcon, onClick: onLeave, label: "Leave Meeting" }, void 0));
48
+ };
49
+ exports.LeaveMeeting = LeaveMeeting;
50
+ var ControlBar = function (_a) {
51
+ var onLeave = _a.onLeave, style = _a.style, _b = _a.spacing, spacing = _b === void 0 ? 15 : _b, size = _a.size;
52
+ var isHost = react_1.default.useContext(video_1.CurrentCallContext).isHost;
53
+ var itemStyle = { marginLeft: spacing, marginRight: spacing };
54
+ return ((0, jsx_runtime_1.jsx)(layout_1.Flex, __assign({ flex: 1, alignItems: "center", justifyContent: "center", style: style }, { children: (0, jsx_runtime_1.jsxs)(mui_1.Paper, __assign({ elevation: 5, style: { display: 'flex', flexDirection: 'row', padding: spacing } }, { children: [(0, jsx_runtime_1.jsx)(layout_1.Flex, __assign({ style: itemStyle }, { children: (0, jsx_runtime_1.jsx)(exports.VideoToggle, { size: size }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(layout_1.Flex, __assign({ style: itemStyle }, { children: (0, jsx_runtime_1.jsx)(exports.MicrophoneToggle, { size: size }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(layout_1.Flex, __assign({ style: itemStyle }, { children: isHost ? (0, jsx_runtime_1.jsx)(exports.EndMeeting, { size: size }, void 0) : (0, jsx_runtime_1.jsx)(exports.LeaveMeeting, { size: size, onLeave: onLeave }, void 0) }), void 0)] }), void 0) }), void 0));
55
+ };
56
+ exports.ControlBar = ControlBar;
57
+ //# sourceMappingURL=controls.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"controls.js","sourceRoot":"","sources":["../../src/controls.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +1,3 @@
1
1
  export * from "./video";
2
+ export * from "./controls";
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAA"}
package/lib/cjs/index.js CHANGED
@@ -11,4 +11,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
11
11
  };
12
12
  Object.defineProperty(exports, "__esModule", { value: true });
13
13
  __exportStar(require("./video"), exports);
14
+ __exportStar(require("./controls"), exports);
14
15
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAwB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAwB;AACxB,6CAA0B"}
@@ -1,2 +1,3 @@
1
1
  export * from "./video";
2
+ export * from "./controls";
2
3
  //# sourceMappingURL=index.native.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../src/index.native.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
1
+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../src/index.native.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}
@@ -11,4 +11,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
11
11
  };
12
12
  Object.defineProperty(exports, "__esModule", { value: true });
13
13
  __exportStar(require("./video"), exports);
14
+ __exportStar(require("./controls"), exports);
14
15
  //# sourceMappingURL=index.native.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.native.js","sourceRoot":"","sources":["../../src/index.native.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAuB"}
1
+ {"version":3,"file":"index.native.js","sourceRoot":"","sources":["../../src/index.native.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAuB;AACvB,6CAA0B"}
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ import { ViewStyle } from 'react-native';
3
+ export declare class RNVideoView extends React.Component<{
4
+ tileId: number;
5
+ style?: ViewStyle;
6
+ }> {
7
+ componentDidMount(): void;
8
+ componentWillUnmount(): void;
9
+ render(): JSX.Element;
10
+ }
11
+ //# sourceMappingURL=RNVideoRenderView.d.ts.map
@@ -0,0 +1 @@
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,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;IACrF,iBAAiB;IAUjB,oBAAoB;IAIpB,MAAM;CAGP"}
@@ -0,0 +1,62 @@
1
+ "use strict";
2
+ var __extends = (this && this.__extends) || (function () {
3
+ var extendStatics = function (d, b) {
4
+ extendStatics = Object.setPrototypeOf ||
5
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
+ return extendStatics(d, b);
8
+ };
9
+ return function (d, b) {
10
+ if (typeof b !== "function" && b !== null)
11
+ throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
12
+ extendStatics(d, b);
13
+ function __() { this.constructor = d; }
14
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
+ };
16
+ })();
17
+ var __assign = (this && this.__assign) || function () {
18
+ __assign = Object.assign || function(t) {
19
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
20
+ s = arguments[i];
21
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
22
+ t[p] = s[p];
23
+ }
24
+ return t;
25
+ };
26
+ return __assign.apply(this, arguments);
27
+ };
28
+ var __importDefault = (this && this.__importDefault) || function (mod) {
29
+ return (mod && mod.__esModule) ? mod : { "default": mod };
30
+ };
31
+ Object.defineProperty(exports, "__esModule", { value: true });
32
+ exports.RNVideoView = void 0;
33
+ var jsx_runtime_1 = require("react/jsx-runtime");
34
+ var react_1 = __importDefault(require("react"));
35
+ var react_native_1 = require("react-native");
36
+ var bridge_1 = require("./bridge");
37
+ var RNVideoView = /** @class */ (function (_super) {
38
+ __extends(RNVideoView, _super);
39
+ function RNVideoView() {
40
+ return _super !== null && _super.apply(this, arguments) || this;
41
+ }
42
+ RNVideoView.prototype.componentDidMount = function () {
43
+ var _this = this;
44
+ // we need to delay the bind video
45
+ // Because "componentDidMount" will be called "immediately after the initial rendering occurs"
46
+ // This is *before* RCTUIManager add this view to register (so that viewForReactTag() can return a view)
47
+ // So we need to dispatch bindVideoView after this function complete
48
+ setTimeout(function () {
49
+ bridge_1.NativeFunction.bindVideoView((0, react_native_1.findNodeHandle)(_this), _this.props.tileId);
50
+ });
51
+ };
52
+ RNVideoView.prototype.componentWillUnmount = function () {
53
+ bridge_1.NativeFunction.unbindVideoView(this.props.tileId);
54
+ };
55
+ RNVideoView.prototype.render = function () {
56
+ return (0, jsx_runtime_1.jsx)(RNVideoRenderViewNative, __assign({}, this.props), void 0);
57
+ };
58
+ return RNVideoView;
59
+ }(react_1.default.Component));
60
+ exports.RNVideoView = RNVideoView;
61
+ var RNVideoRenderViewNative = (0, react_native_1.requireNativeComponent)('RNVideoView');
62
+ //# sourceMappingURL=RNVideoRenderView.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RNVideoRenderView.js","sourceRoot":"","sources":["../../../src/native/RNVideoRenderView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,gDAA0B;AAC1B,6CAAiF;AACjF,mCAA0C;AAE1C;IAAiC,+BAAsD;IAAvF;;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"}
@@ -0,0 +1,36 @@
1
+ import { NativeEventEmitter } from 'react-native';
2
+ export declare const MobileSDKEvent: {
3
+ OnMeetingStart: string;
4
+ OnMeetingEnd: string;
5
+ OnAttendeesJoin: string;
6
+ OnAttendeesLeave: string;
7
+ OnAttendeesMute: string;
8
+ OnAttendeesUnmute: string;
9
+ OnAddVideoTile: string;
10
+ OnRemoveVideoTile: string;
11
+ OnError: string;
12
+ };
13
+ export declare const MeetingError: {
14
+ OnMaximumConcurrentVideoReached: string;
15
+ };
16
+ export declare function getSDKEventEmitter(): NativeEventEmitter;
17
+ /**
18
+ * These are functions available for React native to call on native
19
+ * i.e. React Native -> Native
20
+ *
21
+ * NativeModules.NativeMobileSDKBridge.startMeeting(meetingId, userName)
22
+ * NativeModules.NativeMobileSDKBridge.stopMeeting()
23
+ * NativeModules.NativeMobileSDKBridge.setMute(isMute) -> boolean
24
+ * NativeModules.NativeMobileSDKBridge.setCameraOn(isOn) -> boolean
25
+ * NativeModules.NativeMobileSDKBridge.bindVideoView(reactTagId, tileId)
26
+ * NativeModules.NativeMobileSDKBridge.unbindVideoView(reactTagId, tileId)
27
+ */
28
+ export declare const NativeFunction: {
29
+ startMeeting: any;
30
+ stopMeeting: any;
31
+ setMute: any;
32
+ setCameraOn: any;
33
+ bindVideoView: any;
34
+ unbindVideoView: any;
35
+ };
36
+ //# sourceMappingURL=bridge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"bridge.d.ts","sourceRoot":"","sources":["../../../src/native/bridge.ts"],"names":[],"mappings":"AAKA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAiBjE,eAAO,MAAM,cAAc;;;;;;;;;;CAU1B,CAAA;AAED,eAAO,MAAM,YAAY;;CAExB,CAAA;AAED,wBAAgB,kBAAkB,uBAEjC;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAA"}
@@ -0,0 +1,60 @@
1
+ "use strict";
2
+ /*
3
+ * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
4
+ * SPDX-License-Identifier: MIT-0
5
+ */
6
+ Object.defineProperty(exports, "__esModule", { value: true });
7
+ exports.NativeFunction = exports.getSDKEventEmitter = exports.MeetingError = exports.MobileSDKEvent = void 0;
8
+ var react_native_1 = require("react-native");
9
+ /**
10
+ * These are the function that will be called from native side
11
+ * i.e. Native -> React Native
12
+ *
13
+ * NativeEventEmitter.onMeetingStart(meetingName)
14
+ * NativeEventEmitter.onMeetingEnd()
15
+ * NativeEventEmitter.onAttendeesJoin(attendeeInfo)
16
+ * NativeEventEmitter.onAttendeesLeave(attendeeInfo)
17
+ * NativeEventEmitter.onAddVideoTile(tileState)
18
+ * NativeEventEmitter.onRemoveVideoTile(tileState)
19
+ * NativeEventEmitter.onError(errorMessage)
20
+ */
21
+ console.log(react_native_1.NativeModules);
22
+ var _eventEmitter = new react_native_1.NativeEventEmitter(react_native_1.NativeModules.NativeMobileSDKBridge);
23
+ exports.MobileSDKEvent = {
24
+ OnMeetingStart: 'OnMeetingStart',
25
+ OnMeetingEnd: 'OnMeetingEnd',
26
+ OnAttendeesJoin: 'OnAttendeesJoin',
27
+ OnAttendeesLeave: 'OnAttendeesLeave',
28
+ OnAttendeesMute: 'OnAttendeesMute',
29
+ OnAttendeesUnmute: 'OnAttendeesUnmute',
30
+ OnAddVideoTile: 'OnAddVideoTile',
31
+ OnRemoveVideoTile: 'OnRemoveVideoTile',
32
+ OnError: 'OnError',
33
+ };
34
+ exports.MeetingError = {
35
+ OnMaximumConcurrentVideoReached: "OnMaximumConcurrentVideoReached"
36
+ };
37
+ function getSDKEventEmitter() {
38
+ return _eventEmitter;
39
+ }
40
+ exports.getSDKEventEmitter = getSDKEventEmitter;
41
+ /**
42
+ * These are functions available for React native to call on native
43
+ * i.e. React Native -> Native
44
+ *
45
+ * NativeModules.NativeMobileSDKBridge.startMeeting(meetingId, userName)
46
+ * NativeModules.NativeMobileSDKBridge.stopMeeting()
47
+ * NativeModules.NativeMobileSDKBridge.setMute(isMute) -> boolean
48
+ * NativeModules.NativeMobileSDKBridge.setCameraOn(isOn) -> boolean
49
+ * NativeModules.NativeMobileSDKBridge.bindVideoView(reactTagId, tileId)
50
+ * NativeModules.NativeMobileSDKBridge.unbindVideoView(reactTagId, tileId)
51
+ */
52
+ exports.NativeFunction = {
53
+ startMeeting: react_native_1.NativeModules.NativeMobileSDKBridge.startMeeting,
54
+ stopMeeting: react_native_1.NativeModules.NativeMobileSDKBridge.stopMeeting,
55
+ setMute: react_native_1.NativeModules.NativeMobileSDKBridge.setMute,
56
+ setCameraOn: react_native_1.NativeModules.NativeMobileSDKBridge.setCameraOn,
57
+ bindVideoView: react_native_1.NativeModules.NativeMobileSDKBridge.bindVideoView,
58
+ unbindVideoView: react_native_1.NativeModules.NativeMobileSDKBridge.unbindVideoView,
59
+ };
60
+ //# sourceMappingURL=bridge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"bridge.js","sourceRoot":"","sources":["../../../src/native/bridge.ts"],"names":[],"mappings":";AAAA;;;GAGG;;;AAEH,6CAAiE;AAEjE;;;;;;;;;;;GAWG;AACH,OAAO,CAAC,GAAG,CAAC,4BAAa,CAAC,CAAA;AAC1B,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"}
@@ -1,4 +1,4 @@
1
- import React from "react";
1
+ import React, { CSSProperties } from "react";
2
2
  import { UserIdentity } from "@tellescope/types-utilities";
3
3
  import { AttendeeInfo, MeetingInfo } from '@tellescope/types-models';
4
4
  import { darkTheme, VideoTileGrid } from 'amazon-chime-sdk-component-library-react';
@@ -11,9 +11,14 @@ export declare const CurrentCallContext: React.Context<{
11
11
  setMeeting: (m: MeetingInfo | undefined) => void;
12
12
  videoIsEnabled: boolean;
13
13
  toggleVideo: () => Promise<void>;
14
+ microphoneIsEnabled: boolean;
15
+ toggleMicrophone: () => Promise<void>;
14
16
  attendees: AttendeeDisplayInfo[];
15
- shareScreenId: string;
16
- videoTiles: (number | string)[];
17
+ shareScreenId: number | null;
18
+ localTileId: number | null;
19
+ isHost: boolean;
20
+ setIsHost: (b: boolean) => void;
21
+ videoTiles: (number)[];
17
22
  }>;
18
23
  export interface VideoProps {
19
24
  children?: React.ReactNode;
@@ -42,5 +47,10 @@ export declare const useJoinVideoCall: () => {
42
47
  }) => Promise<void>;
43
48
  };
44
49
  export declare type JoinVideoCallReturnType = ReturnType<typeof useJoinVideoCall>;
50
+ export interface VideoViewProps {
51
+ style?: CSSProperties;
52
+ }
53
+ export declare const SelfView: ({ style }: VideoViewProps) => JSX.Element;
54
+ export declare const useRemoteViews: (props?: VideoViewProps) => JSX.Element[];
45
55
  export { VideoTileGrid };
46
56
  //# sourceMappingURL=video.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAM7E,OAAO,EACL,YAAY,EACb,MAAM,6BAA6B,CAAA;AACpC,OAAO,EACL,YAAY,EACZ,WAAW,EACZ,MAAM,0BAA0B,CAAA;AAYjC,OAAO,EAEL,SAAS,EAGT,aAAa,EAWd,MAAM,0CAA0C,CAAC;AAGlD,oBAAY,mBAAmB,GAAI;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,CAAA;CAAE,CAAA;AAEjF,eAAO,MAAM,kBAAkB;aACpB,WAAW,GAAG,SAAS;oBAAkB,WAAW,GAAG,SAAS,KAAK,IAAI;oBAClE,OAAO;iBAAe,MAAM,QAAQ,IAAI,CAAC;eAC9C,mBAAmB,EAAE;mBAAiB,MAAM;gBAC3C,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE;EAC/B,CAAA;AACF,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,SAAS,CAAC;CAC1B;AAoBD,eAAO,MAAM,SAAS,wBAAmC,UAAU,gBAQlE,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;uBArCgB,QAAQ,IAAI,CAAC;;8BAmEN,YAAY,EAAE;;CAkBlE,CAAA;AACD,oBAAY,wBAAwB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAE3E,eAAO,MAAM,gBAAgB;;;uBAxFiB,QAAQ,IAAI,CAAC;+BA4FjB;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,gBAAgB;QAAE,QAAQ,EAAE,YAAY,CAAA;KAAE;CAO3G,CAAA;AACD,oBAAY,uBAAuB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAEzE,OAAO,EAAE,aAAa,EAAE,CAAA"}
1
+ {"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,aAAa,EAAY,MAAM,OAAO,CAAA;AAM7E,OAAO,EACL,YAAY,EACb,MAAM,6BAA6B,CAAA;AACpC,OAAO,EACL,YAAY,EACZ,WAAW,EACZ,MAAM,0BAA0B,CAAA;AAIjC,OAAO,EAEL,SAAS,EAGT,aAAa,EAed,MAAM,0CAA0C,CAAC;AAGlD,oBAAY,mBAAmB,GAAI;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,CAAA;CAAE,CAAA;AAEjF,eAAO,MAAM,kBAAkB;aACpB,WAAW,GAAG,SAAS;oBAAkB,WAAW,GAAG,SAAS,KAAK,IAAI;oBAClE,OAAO;iBAAe,MAAM,QAAQ,IAAI,CAAC;yBACpC,OAAO;sBAAoB,MAAM,QAAQ,IAAI,CAAC;eACxD,mBAAmB,EAAE;mBAAiB,MAAM,GAAG,IAAI;iBACjD,MAAM,GAAG,IAAI;YAClB,OAAO;mBAAiB,OAAO,KAAK,IAAI;gBACpC,CAAC,MAAM,CAAC,EAAE;EACtB,CAAA;AACF,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,SAAS,CAAC;CAC1B;AAkCD,eAAO,MAAM,SAAS,wBAAmC,UAAU,gBAQlE,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;uBAtDgB,QAAQ,IAAI,CAAC;;8BAqFN,YAAY,EAAE;;CAkBlE,CAAA;AACD,oBAAY,wBAAwB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAE3E,eAAO,MAAM,gBAAgB;;;uBA1GiB,QAAQ,IAAI,CAAC;+BA8GjB;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,gBAAgB;QAAE,QAAQ,EAAE,YAAY,CAAA;KAAE;CAO3G,CAAA;AACD,oBAAY,uBAAuB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAEzE,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AACD,eAAO,MAAM,QAAQ,cAAe,cAAc,gBAA2C,CAAA;AAE7F,eAAO,MAAM,cAAc,2CAO1B,CAAA;AAGD,OAAO,EAAE,aAAa,EAAE,CAAA"}
package/lib/cjs/video.js CHANGED
@@ -66,7 +66,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
66
66
  }
67
67
  };
68
68
  Object.defineProperty(exports, "__esModule", { value: true });
69
- exports.VideoTileGrid = exports.useJoinVideoCall = exports.useStartVideoCall = exports.WithVideo = exports.CurrentCallContext = void 0;
69
+ exports.VideoTileGrid = exports.useRemoteViews = exports.SelfView = exports.useJoinVideoCall = exports.useStartVideoCall = exports.WithVideo = exports.CurrentCallContext = void 0;
70
70
  var jsx_runtime_1 = require("react/jsx-runtime");
71
71
  var react_1 = __importStar(require("react"));
72
72
  var authentication_1 = require("@tellescope/react-components/lib/esm/authentication");
@@ -77,19 +77,35 @@ Object.defineProperty(exports, "VideoTileGrid", { enumerable: true, get: functio
77
77
  amazon_chime_sdk_component_library_react_1.VideoTileGrid; } });
78
78
  exports.CurrentCallContext = react_1.default.createContext({});
79
79
  var WithContext = function (_a) {
80
- var _b;
81
80
  var children = _a.children;
82
- var _c = (0, react_1.useState)(undefined), meeting = _c[0], setMeeting = _c[1];
83
- var _d = (0, amazon_chime_sdk_component_library_react_1.useLocalVideo)(), toggleVideo = _d.toggleVideo, videoIsEnabled = _d.isVideoEnabled;
81
+ var _b = (0, react_1.useState)(undefined), meeting = _b[0], setMeeting = _b[1];
82
+ var _c = (0, react_1.useState)(false), isHost = _c[0], setIsHost = _c[1];
83
+ var _d = (0, amazon_chime_sdk_component_library_react_1.useLocalVideo)(), toggleVideo = _d.toggleVideo, videoIsEnabled = _d.isVideoEnabled, localTileId = _d.tileId;
84
84
  var roster = (0, amazon_chime_sdk_component_library_react_1.useRosterState)().roster;
85
85
  var tileId = (0, amazon_chime_sdk_component_library_react_1.useContentShareState)().tileId;
86
86
  var tiles = (0, amazon_chime_sdk_component_library_react_1.useRemoteVideoTileState)().tiles;
87
+ var _e = (0, amazon_chime_sdk_component_library_react_1.useToggleLocalMute)(), muted = _e.muted, toggleMute = _e.toggleMute;
87
88
  var attendees = [];
88
89
  for (var attendeeId in roster) {
89
90
  var externalUserId = roster[attendeeId].externalUserId;
90
91
  attendees.push({ attendeeId: attendeeId, externalUserId: externalUserId });
91
92
  }
92
- return ((0, jsx_runtime_1.jsx)(exports.CurrentCallContext.Provider, __assign({ value: { attendees: attendees, videoTiles: tiles, shareScreenId: (_b = tileId === null || tileId === void 0 ? void 0 : tileId.toString()) !== null && _b !== void 0 ? _b : '', meeting: meeting, setMeeting: setMeeting, videoIsEnabled: videoIsEnabled, toggleVideo: toggleVideo } }, { children: children }), void 0));
93
+ return ((0, jsx_runtime_1.jsx)(exports.CurrentCallContext.Provider, __assign({ value: {
94
+ isHost: isHost,
95
+ setIsHost: setIsHost,
96
+ attendees: attendees,
97
+ localTileId: localTileId,
98
+ videoTiles: tiles,
99
+ shareScreenId: tileId,
100
+ meeting: meeting,
101
+ setMeeting: setMeeting,
102
+ videoIsEnabled: videoIsEnabled,
103
+ toggleVideo: toggleVideo,
104
+ microphoneIsEnabled: !muted,
105
+ toggleMicrophone: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
106
+ return [2 /*return*/, toggleMute()];
107
+ }); }); },
108
+ } }, { children: children }), void 0));
93
109
  };
94
110
  var WithVideo = function (_a) {
95
111
  var children = _a.children, _b = _a.theme, theme = _b === void 0 ? amazon_chime_sdk_component_library_react_1.darkTheme : _b;
@@ -99,8 +115,8 @@ exports.WithVideo = WithVideo;
99
115
  var useStartVideoCall = function () {
100
116
  var _a = (0, react_1.useState)(false), starting = _a[0], setStarting = _a[1];
101
117
  var _b = (0, react_1.useState)(false), ending = _b[0], setEnding = _b[1];
102
- var _c = react_1.default.useContext(exports.CurrentCallContext), meeting = _c.meeting, setMeeting = _c.setMeeting, toggleVideo = _c.toggleVideo, videoIsEnabled = _c.videoIsEnabled;
103
- var session = (0, authentication_1.useSession)();
118
+ var _c = react_1.default.useContext(exports.CurrentCallContext), meeting = _c.meeting, setMeeting = _c.setMeeting, toggleVideo = _c.toggleVideo, videoIsEnabled = _c.videoIsEnabled, setIsHost = _c.setIsHost;
119
+ var session = (0, authentication_1.useSession)(); // meetings can only be started by users, not endusers (for now)
104
120
  var meetingManager = (0, amazon_chime_sdk_component_library_react_1.useMeetingManager)();
105
121
  var createAndStartMeeting = function (initialAttendees) { return __awaiter(void 0, void 0, void 0, function () {
106
122
  var _a, meeting_1, host, err_1;
@@ -124,6 +140,7 @@ var useStartVideoCall = function () {
124
140
  session.api.meetings.add_attendees_to_meeting({ id: meeting_1.Meeting.ExternalMeetingId, attendees: initialAttendees });
125
141
  }
126
142
  setMeeting(meeting_1.Meeting);
143
+ setIsHost(true);
127
144
  return [3 /*break*/, 7];
128
145
  case 5:
129
146
  err_1 = _b.sent();
@@ -198,4 +215,18 @@ var useJoinVideoCall = function () {
198
215
  return { meeting: meeting, videoIsEnabled: videoIsEnabled, toggleVideo: toggleVideo, joinMeeting: joinMeeting };
199
216
  };
200
217
  exports.useJoinVideoCall = useJoinVideoCall;
218
+ var SelfView = function (_a) {
219
+ var style = _a.style;
220
+ return (0, jsx_runtime_1.jsx)("div", __assign({ style: style }, { children: (0, jsx_runtime_1.jsx)(amazon_chime_sdk_component_library_react_1.LocalVideo, {}, void 0) }), void 0);
221
+ };
222
+ exports.SelfView = SelfView;
223
+ var useRemoteViews = function (props) {
224
+ if (props === void 0) { props = {}; }
225
+ var _a = react_1.default.useContext(exports.CurrentCallContext), localTileId = _a.localTileId, videoTiles = _a.videoTiles;
226
+ var nonLocal = videoTiles.filter(function (v) { return v !== localTileId; });
227
+ return nonLocal.map(function (tileId) {
228
+ return (0, jsx_runtime_1.jsx)(amazon_chime_sdk_component_library_react_1.RemoteVideo, { style: props.style, tileId: tileId }, tileId);
229
+ });
230
+ };
231
+ exports.useRemoteViews = useRemoteViews;
201
232
  //# sourceMappingURL=video.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"video.js","sourceRoot":"","sources":["../../src/video.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"video.js","sourceRoot":"","sources":["../../src/video.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +1,11 @@
1
- import { JoinVideoCallReturnType, StartVideoCallReturnType, VideoProps } from "./video.js";
1
+ import React from "react";
2
+ import { CurrentCallContext, JoinVideoCallReturnType, StartVideoCallReturnType, VideoProps, VideoViewProps } from "./video.js";
3
+ export { CurrentCallContext };
2
4
  export declare const WithVideo: ({ children }: VideoProps) => JSX.Element;
5
+ export declare const useRemoteViews: (props?: {
6
+ style: React.CSSProperties;
7
+ }) => JSX.Element[];
8
+ export declare const SelfView: ({ style }: VideoViewProps) => JSX.Element | null;
3
9
  export declare const useStartVideoCall: () => StartVideoCallReturnType;
4
10
  export declare const useJoinVideoCall: () => JoinVideoCallReturnType;
5
11
  export declare const VideoTileGrid: () => JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"video.native.d.ts","sourceRoot":"","sources":["../../src/video.native.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAEL,uBAAuB,EACvB,wBAAwB,EACxB,UAAU,EAEX,MAAM,YAAY,CAAA;AASnB,eAAO,MAAM,SAAS,iBAAmB,UAAU,gBAoFlD,CAAA;AAED,eAAO,MAAM,iBAAiB,QAAO,wBA4CpC,CAAA;AAED,eAAO,MAAM,gBAAgB,QAAO,uBAQnC,CAAA;AAED,eAAO,MAAM,aAAa,mBA8CzB,CAAA"}
1
+ {"version":3,"file":"video.native.d.ts","sourceRoot":"","sources":["../../src/video.native.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAsB3E,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,EACxB,UAAU,EAEV,cAAc,EACf,MAAM,YAAY,CAAA;AASnB,OAAO,EAAE,kBAAkB,EAAE,CAAA;AAQ7B,eAAO,MAAM,SAAS,iBAAmB,UAAU,gBAkHlD,CAAA;AAGD,eAAO,MAAM,cAAc;WAAyB,MAAM,aAAa;mBAOtE,CAAA;AAED,eAAO,MAAM,QAAQ,cAAgB,cAAc,uBAOlD,CAAA;AAED,eAAO,MAAM,iBAAiB,QAAO,wBAsDpC,CAAA;AAED,eAAO,MAAM,gBAAgB,QAAO,uBAQnC,CAAA;AACD,eAAO,MAAM,aAAa,mBAgDzB,CAAA"}