@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.
- package/lib/cjs/controls.d.ts +18 -0
- package/lib/cjs/controls.d.ts.map +1 -0
- package/lib/cjs/controls.js +57 -0
- package/lib/cjs/controls.js.map +1 -0
- package/lib/cjs/index.d.ts +1 -0
- package/lib/cjs/index.d.ts.map +1 -1
- package/lib/cjs/index.js +1 -0
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/index.native.d.ts +1 -0
- package/lib/cjs/index.native.d.ts.map +1 -1
- package/lib/cjs/index.native.js +1 -0
- package/lib/cjs/index.native.js.map +1 -1
- package/lib/cjs/native/RNVideoRenderView.d.ts +11 -0
- package/lib/cjs/native/RNVideoRenderView.d.ts.map +1 -0
- package/lib/cjs/native/RNVideoRenderView.js +62 -0
- package/lib/cjs/native/RNVideoRenderView.js.map +1 -0
- package/lib/cjs/native/bridge.d.ts +36 -0
- package/lib/cjs/native/bridge.d.ts.map +1 -0
- package/lib/cjs/native/bridge.js +60 -0
- package/lib/cjs/native/bridge.js.map +1 -0
- package/lib/cjs/video.d.ts +13 -3
- package/lib/cjs/video.d.ts.map +1 -1
- package/lib/cjs/video.js +38 -7
- package/lib/cjs/video.js.map +1 -1
- package/lib/cjs/video.native.d.ts +7 -1
- package/lib/cjs/video.native.d.ts.map +1 -1
- package/lib/cjs/video.native.js +89 -36
- package/lib/cjs/video.native.js.map +1 -1
- package/lib/esm/controls.d.ts +18 -0
- package/lib/esm/controls.d.ts.map +1 -0
- package/lib/esm/controls.js +46 -0
- package/lib/esm/controls.js.map +1 -0
- package/lib/esm/index.d.ts +1 -0
- package/lib/esm/index.d.ts.map +1 -1
- package/lib/esm/index.js +1 -0
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/index.native.d.ts +1 -0
- package/lib/esm/index.native.d.ts.map +1 -1
- package/lib/esm/index.native.js +1 -0
- package/lib/esm/index.native.js.map +1 -1
- package/lib/esm/native/RNVideoRenderView.d.ts +11 -0
- package/lib/esm/native/RNVideoRenderView.d.ts.map +1 -0
- package/lib/esm/native/RNVideoRenderView.js +56 -0
- package/lib/esm/native/RNVideoRenderView.js.map +1 -0
- package/lib/esm/native/bridge.d.ts +36 -0
- package/lib/esm/native/bridge.d.ts.map +1 -0
- package/lib/esm/native/bridge.js +56 -0
- package/lib/esm/native/bridge.js.map +1 -0
- package/lib/esm/shared.d.ts +1 -0
- package/lib/esm/shared.d.ts.map +1 -0
- package/lib/esm/shared.js +2 -0
- package/lib/esm/shared.js.map +1 -0
- package/lib/esm/video.d.ts +13 -3
- package/lib/esm/video.d.ts.map +1 -1
- package/lib/esm/video.js +36 -8
- package/lib/esm/video.js.map +1 -1
- package/lib/esm/video.native.d.ts +7 -1
- package/lib/esm/video.native.d.ts.map +1 -1
- package/lib/esm/video.native.js +88 -37
- package/lib/esm/video.native.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +10 -10
- package/src/controls.tsx +86 -0
- package/src/index.native.ts +2 -1
- package/src/index.ts +2 -1
- package/src/native/RNVideoRenderView.tsx +31 -0
- package/src/native/bridge.ts +61 -0
- package/src/video.native.tsx +122 -53
- 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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"}
|
package/lib/cjs/index.d.ts
CHANGED
package/lib/cjs/index.d.ts.map
CHANGED
|
@@ -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
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -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 +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"}
|
package/lib/cjs/index.native.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.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"}
|
package/lib/cjs/video.d.ts
CHANGED
|
@@ -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:
|
|
16
|
-
|
|
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
|
package/lib/cjs/video.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/video.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
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
|
|
83
|
-
var
|
|
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: {
|
|
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
|
package/lib/cjs/video.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"video.js","sourceRoot":"","sources":["../../src/video.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA6E;AAE7E,sFAE4D;
|
|
1
|
+
{"version":3,"file":"video.js","sourceRoot":"","sources":["../../src/video.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
import
|
|
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":"
|
|
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"}
|