@tellescope/video-chat 0.0.11 → 0.0.12

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 (20) hide show
  1. package/lib/cjs/video.d.ts +14 -3
  2. package/lib/cjs/video.d.ts.map +1 -1
  3. package/lib/cjs/video.js +21 -9
  4. package/lib/cjs/video.js.map +1 -1
  5. package/lib/cjs/video.native.d.ts +6 -0
  6. package/lib/cjs/video.native.d.ts.map +1 -0
  7. package/lib/cjs/video.native.js +328 -0
  8. package/lib/cjs/video.native.js.map +1 -0
  9. package/lib/esm/video.d.ts +14 -3
  10. package/lib/esm/video.d.ts.map +1 -1
  11. package/lib/esm/video.js +23 -12
  12. package/lib/esm/video.js.map +1 -1
  13. package/lib/esm/video.native.d.ts +6 -0
  14. package/lib/esm/video.native.d.ts.map +1 -0
  15. package/lib/esm/video.native.js +302 -0
  16. package/lib/esm/video.native.js.map +1 -0
  17. package/lib/tsconfig.tsbuildinfo +1 -1
  18. package/package.json +9 -9
  19. package/src/video.native.tsx +298 -0
  20. package/src/video.tsx +40 -19
package/lib/cjs/video.d.ts CHANGED
@@ -1,14 +1,23 @@
1
1
  import React from "react";
2
2
  import { UserIdentity } from "@tellescope/types-utilities";
3
3
  import { AttendeeInfo, MeetingInfo } from '@tellescope/types-models';
4
- import { lightTheme, VideoTileGrid } from 'amazon-chime-sdk-component-library-react';
4
+ import { darkTheme, VideoTileGrid } from 'amazon-chime-sdk-component-library-react';
5
+ export declare type AttendeeDisplayInfo = {
6
+ attendeeId: string;
7
+ externalUserId: string;
8
+ };
5
9
  export declare const CurrentCallContext: React.Context<{
6
10
  meeting: MeetingInfo | undefined;
7
11
  setMeeting: (m: MeetingInfo | undefined) => void;
12
+ videoIsEnabled: boolean;
13
+ toggleVideo: () => Promise<void>;
14
+ attendees: AttendeeDisplayInfo[];
15
+ shareScreenId: string;
16
+ videoTiles: (number | string)[];
8
17
  }>;
9
- interface VideoProps {
18
+ export interface VideoProps {
10
19
  children?: React.ReactNode;
11
- theme?: typeof lightTheme;
20
+ theme?: typeof darkTheme;
12
21
  }
13
22
  export declare const WithVideo: ({ children, theme }: VideoProps) => JSX.Element;
14
23
  export declare const useStartVideoCall: () => {
@@ -21,6 +30,7 @@ export declare const useStartVideoCall: () => {
21
30
  addAttendees: (attendees: UserIdentity[]) => Promise<void>;
22
31
  endMeeting: () => Promise<void>;
23
32
  };
33
+ export declare type StartVideoCallReturnType = ReturnType<typeof useStartVideoCall>;
24
34
  export declare const useJoinVideoCall: () => {
25
35
  meeting: MeetingInfo | undefined;
26
36
  videoIsEnabled: boolean;
@@ -31,5 +41,6 @@ export declare const useJoinVideoCall: () => {
31
41
  Attendee: AttendeeInfo;
32
42
  }) => Promise<void>;
33
43
  };
44
+ export declare type JoinVideoCallReturnType = ReturnType<typeof useJoinVideoCall>;
34
45
  export { VideoTileGrid };
35
46
  //# 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,KAA+C,MAAM,OAAO,CAAA;AAMnE,OAAO,EACL,YAAY,EACb,MAAM,6BAA6B,CAAA;AACpC,OAAO,EACL,YAAY,EACZ,WAAW,EACZ,MAAM,0BAA0B,CAAA;AAYjC,OAAO,EAEL,UAAU,EAGV,aAAa,EAUd,MAAM,0CAA0C,CAAC;AAGlD,eAAO,MAAM,kBAAkB;aACpB,WAAW,GAAG,SAAS;oBAAkB,WAAW,GAAG,SAAS,KAAK,IAAI;EAClF,CAAA;AACF,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,UAAU,CAAC;CAC3B;AACD,eAAO,MAAM,SAAS,wBAAoC,UAAU,gBAYnE,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;;;8BA+BuB,YAAY,EAAE;;CAkBlE,CAAA;AAED,eAAO,MAAM,gBAAgB;;;;+BAKa;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,gBAAgB;QAAE,QAAQ,EAAE,YAAY,CAAA;KAAE;CAO3G,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
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"}
package/lib/cjs/video.js CHANGED
@@ -76,19 +76,32 @@ Object.defineProperty(exports, "VideoTileGrid", { enumerable: true, get: functio
76
76
  // LocalVideo,
77
77
  amazon_chime_sdk_component_library_react_1.VideoTileGrid; } });
78
78
  exports.CurrentCallContext = react_1.default.createContext({});
79
- var WithVideo = function (_a) {
80
- var children = _a.children, _b = _a.theme, theme = _b === void 0 ? amazon_chime_sdk_component_library_react_1.lightTheme : _b;
79
+ var WithContext = function (_a) {
80
+ var _b;
81
+ var children = _a.children;
81
82
  var _c = (0, react_1.useState)(undefined), meeting = _c[0], setMeeting = _c[1];
82
- return ((0, jsx_runtime_1.jsx)(exports.CurrentCallContext.Provider, __assign({ value: { meeting: meeting, setMeeting: setMeeting } }, { children: (0, jsx_runtime_1.jsx)(styled_components_1.ThemeProvider, __assign({ theme: theme }, { children: (0, jsx_runtime_1.jsx)(amazon_chime_sdk_component_library_react_1.MeetingProvider, { children: children }, void 0) }), void 0) }), void 0));
83
+ var _d = (0, amazon_chime_sdk_component_library_react_1.useLocalVideo)(), toggleVideo = _d.toggleVideo, videoIsEnabled = _d.isVideoEnabled;
84
+ var roster = (0, amazon_chime_sdk_component_library_react_1.useRosterState)().roster;
85
+ var tileId = (0, amazon_chime_sdk_component_library_react_1.useContentShareState)().tileId;
86
+ var tiles = (0, amazon_chime_sdk_component_library_react_1.useRemoteVideoTileState)().tiles;
87
+ var attendees = [];
88
+ for (var attendeeId in roster) {
89
+ var externalUserId = roster[attendeeId].externalUserId;
90
+ attendees.push({ attendeeId: attendeeId, externalUserId: externalUserId });
91
+ }
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
+ };
94
+ var WithVideo = function (_a) {
95
+ var children = _a.children, _b = _a.theme, theme = _b === void 0 ? amazon_chime_sdk_component_library_react_1.darkTheme : _b;
96
+ return ((0, jsx_runtime_1.jsx)(styled_components_1.ThemeProvider, __assign({ theme: theme }, { children: (0, jsx_runtime_1.jsx)(amazon_chime_sdk_component_library_react_1.MeetingProvider, { children: (0, jsx_runtime_1.jsx)(WithContext, { children: children }, void 0) }, void 0) }), void 0));
83
97
  };
84
98
  exports.WithVideo = WithVideo;
85
99
  var useStartVideoCall = function () {
86
100
  var _a = (0, react_1.useState)(false), starting = _a[0], setStarting = _a[1];
87
101
  var _b = (0, react_1.useState)(false), ending = _b[0], setEnding = _b[1];
88
- var _c = react_1.default.useContext(exports.CurrentCallContext), meeting = _c.meeting, setMeeting = _c.setMeeting;
102
+ var _c = react_1.default.useContext(exports.CurrentCallContext), meeting = _c.meeting, setMeeting = _c.setMeeting, toggleVideo = _c.toggleVideo, videoIsEnabled = _c.videoIsEnabled;
89
103
  var session = (0, authentication_1.useSession)();
90
104
  var meetingManager = (0, amazon_chime_sdk_component_library_react_1.useMeetingManager)();
91
- var _d = (0, amazon_chime_sdk_component_library_react_1.useLocalVideo)(), toggleVideo = _d.toggleVideo, isVideoEnabled = _d.isVideoEnabled;
92
105
  var createAndStartMeeting = function (initialAttendees) { return __awaiter(void 0, void 0, void 0, function () {
93
106
  var _a, meeting_1, host, err_1;
94
107
  return __generator(this, function (_b) {
@@ -162,13 +175,12 @@ var useStartVideoCall = function () {
162
175
  }
163
176
  });
164
177
  }); };
165
- return { starting: starting, ending: ending, meeting: meeting, videoIsEnabled: isVideoEnabled, toggleVideo: toggleVideo, createAndStartMeeting: createAndStartMeeting, addAttendees: addAttendees, endMeeting: endMeeting };
178
+ return { starting: starting, ending: ending, meeting: meeting, videoIsEnabled: videoIsEnabled, toggleVideo: toggleVideo, createAndStartMeeting: createAndStartMeeting, addAttendees: addAttendees, endMeeting: endMeeting };
166
179
  };
167
180
  exports.useStartVideoCall = useStartVideoCall;
168
181
  var useJoinVideoCall = function () {
169
182
  var meetingManager = (0, amazon_chime_sdk_component_library_react_1.useMeetingManager)();
170
- var _a = (0, amazon_chime_sdk_component_library_react_1.useLocalVideo)(), toggleVideo = _a.toggleVideo, isVideoEnabled = _a.isVideoEnabled;
171
- var _b = react_1.default.useContext(exports.CurrentCallContext), meeting = _b.meeting, setMeeting = _b.setMeeting;
183
+ var _a = react_1.default.useContext(exports.CurrentCallContext), meeting = _a.meeting, setMeeting = _a.setMeeting, toggleVideo = _a.toggleVideo, videoIsEnabled = _a.videoIsEnabled;
172
184
  var joinMeeting = function (meetingInfo, attendeeInfo) { return __awaiter(void 0, void 0, void 0, function () {
173
185
  return __generator(this, function (_a) {
174
186
  switch (_a.label) {
@@ -183,7 +195,7 @@ var useJoinVideoCall = function () {
183
195
  }
184
196
  });
185
197
  }); };
186
- return { meeting: meeting, videoIsEnabled: isVideoEnabled, toggleVideo: toggleVideo, joinMeeting: joinMeeting };
198
+ return { meeting: meeting, videoIsEnabled: videoIsEnabled, toggleVideo: toggleVideo, joinMeeting: joinMeeting };
187
199
  };
188
200
  exports.useJoinVideoCall = useJoinVideoCall;
189
201
  //# 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,6CAAmE;AAEnE,sFAE4D;AAmB5D,uDAAkD;AAClD,qGAekD;AAyFzC;IApGP,cAAc;IACd,wDAAa,OAmGO;AAtFT,QAAA,kBAAkB,GAAG,eAAK,CAAC,aAAa,CAAC,EAErD,CAAC,CAAA;AAKK,IAAM,SAAS,GAAG,UAAC,EAA0C;QAAxC,QAAQ,cAAA,EAAE,aAAgB,EAAhB,KAAK,mBAAC,qDAAU,KAAA;IAC9C,IAAA,KAAwB,IAAA,gBAAQ,EAAC,SAAoC,CAAC,EAArE,OAAO,QAAA,EAAE,UAAU,QAAkD,CAAA;IAE5E,OAAO,CACL,uBAAC,0BAAkB,CAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,OAAO,SAAA,EAAE,UAAU,YAAA,EAAE,gBAC3D,uBAAC,iCAAa,aAAC,KAAK,EAAE,KAAK,gBAC3B,uBAAC,0DAAe,cACb,QAAQ,WACO,YACF,YACc,CAC/B,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,SAAS,aAYrB;AAEM,IAAM,iBAAiB,GAAG;IACzB,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAA;IACzC,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IACrC,IAAA,KAA0B,eAAK,CAAC,UAAU,CAAC,0BAAkB,CAAC,EAA5D,OAAO,aAAA,EAAE,UAAU,gBAAyC,CAAA;IAEpE,IAAM,OAAO,GAAG,IAAA,2BAAU,GAAE,CAAA;IAC5B,IAAM,cAAc,GAAG,IAAA,4DAAiB,GAAE,CAAC;IACrC,IAAA,KAAkC,IAAA,wDAAa,GAAE,EAA/C,WAAW,iBAAA,EAAE,cAAc,oBAAoB,CAAC;IAExD,IAAM,qBAAqB,GAAG,UAAO,gBAAiC;;;;;oBACpE,WAAW,CAAC,KAAK,CAAC,CAAA;;;;oBAGU,qBAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,aAAa,EAAE,EAAA;;oBAA9D,KAAoB,SAA0C,EAA5D,sBAAO,EAAE,IAAI,UAAA;oBAErB,qBAAM,cAAc,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,SAAO,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,EAAA;;oBAAvE,SAAuE,CAAC,CAAC,+CAA+C;oBACxH,qBAAM,cAAc,CAAC,KAAK,EAAE,EAAA;;oBAA5B,SAA4B,CAAC,CAAC,wFAAwF;oBAEtH,IAAI,gBAAgB,EAAE;wBACpB,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,wBAAwB,CAAC,EAAE,EAAE,EAAE,SAAO,CAAC,OAAO,CAAC,iBAAiB,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,CAAA;qBACtH;oBAED,UAAU,CAAC,SAAO,CAAC,OAAO,CAAC,CAAA;;;;oBAE3B,OAAO,CAAC,KAAK,CAAC,KAAG,CAAC,CAAA;;;oBAGlB,WAAW,CAAC,KAAK,CAAC,CAAA;;;;;SAErB,CAAA;IAED,IAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,UAAO,SAAyB;;;;oBAC/D,IAAI,CAAC,OAAO;wBAAE,sBAAM;oBACpB,qBAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,wBAAwB,CAAC,EAAE,EAAE,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,EAAE,SAAS,WAAA,EAAE,CAAC,EAAA;;oBAAlG,SAAkG,CAAA;;;;SACnG,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAEtB,IAAM,UAAU,GAAG;;;;;oBACjB,IAAI,CAAC,OAAO;wBAAE,sBAAM;oBACpB,SAAS,CAAC,IAAI,CAAC,CAAA;;;;oBAGb,qBAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,OAAO,CAAC,iBAAiB,EAAE,CAAC,EAAA;;oBAAzE,SAAyE,CAAA;;;;oBAC5D,OAAO,CAAC,KAAK,CAAC,KAAG,CAAC,CAAA;;;oBAEjC,SAAS,CAAC,KAAK,CAAC,CAAA;oBAChB,UAAU,CAAC,SAAS,CAAC,CAAA;;;;SACtB,CAAA;IAED,OAAO,EAAE,QAAQ,UAAA,EAAE,MAAM,QAAA,EAAE,OAAO,SAAA,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,aAAA,EAAE,qBAAqB,uBAAA,EAAE,YAAY,cAAA,EAAE,UAAU,YAAA,EAAE,CAAA;AACpI,CAAC,CAAA;AAjDY,QAAA,iBAAiB,qBAiD7B;AAEM,IAAM,gBAAgB,GAAG;IAC9B,IAAM,cAAc,GAAG,IAAA,4DAAiB,GAAE,CAAC;IACrC,IAAA,KAAkC,IAAA,wDAAa,GAAE,EAA/C,WAAW,iBAAA,EAAE,cAAc,oBAAoB,CAAC;IAClD,IAAA,KAA0B,eAAK,CAAC,UAAU,CAAC,0BAAkB,CAAC,EAA5D,OAAO,aAAA,EAAE,UAAU,gBAAyC,CAAA;IAEpE,IAAM,WAAW,GAAG,UAAO,WAAqC,EAAE,YAAwC;;;wBACxG,qBAAM,cAAc,CAAC,IAAI,CAAC,EAAE,WAAW,aAAA,EAAE,YAAY,cAAA,EAAE,CAAC,EAAA;;oBAAxD,SAAwD,CAAC,CAAC,+CAA+C;oBACzG,qBAAM,cAAc,CAAC,KAAK,EAAE,EAAA;;oBAA5B,SAA4B,CAAC,CAAC,wFAAwF;oBACtH,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;;;;SAChC,CAAA;IAED,OAAO,EAAE,OAAO,SAAA,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,aAAA,EAAE,WAAW,aAAA,EAAE,CAAA;AAC9E,CAAC,CAAA;AAZY,QAAA,gBAAgB,oBAY5B"}
1
+ {"version":3,"file":"video.js","sourceRoot":"","sources":["../../src/video.tsx"],"names":[],"mappings":"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"}
package/lib/cjs/video.native.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { JoinVideoCallReturnType, StartVideoCallReturnType, VideoProps } from "./video.js";
2
+ export declare const WithVideo: ({ children }: VideoProps) => JSX.Element;
3
+ export declare const useStartVideoCall: () => StartVideoCallReturnType;
4
+ export declare const useJoinVideoCall: () => JoinVideoCallReturnType;
5
+ export declare const VideoTileGrid: () => JSX.Element;
6
+ //# sourceMappingURL=video.native.d.ts.map
package/lib/cjs/video.native.d.ts.map ADDED
@@ -0,0 +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"}
package/lib/cjs/video.native.js ADDED
@@ -0,0 +1,328 @@
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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
+ if (k2 === undefined) k2 = k;
15
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
16
+ }) : (function(o, m, k, k2) {
17
+ if (k2 === undefined) k2 = k;
18
+ o[k2] = m[k];
19
+ }));
20
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
21
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
22
+ }) : function(o, v) {
23
+ o["default"] = v;
24
+ });
25
+ var __importStar = (this && this.__importStar) || function (mod) {
26
+ if (mod && mod.__esModule) return mod;
27
+ var result = {};
28
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
29
+ __setModuleDefault(result, mod);
30
+ return result;
31
+ };
32
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
33
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
34
+ return new (P || (P = Promise))(function (resolve, reject) {
35
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
36
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
37
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
38
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
39
+ });
40
+ };
41
+ var __generator = (this && this.__generator) || function (thisArg, body) {
42
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
43
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
44
+ function verb(n) { return function (v) { return step([n, v]); }; }
45
+ function step(op) {
46
+ if (f) throw new TypeError("Generator is already executing.");
47
+ while (_) try {
48
+ 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;
49
+ if (y = 0, t) op = [op[0] & 2, t.value];
50
+ switch (op[0]) {
51
+ case 0: case 1: t = op; break;
52
+ case 4: _.label++; return { value: op[1], done: false };
53
+ case 5: _.label++; y = op[1]; op = [0]; continue;
54
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
55
+ default:
56
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
57
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
58
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
59
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
60
+ if (t[2]) _.ops.pop();
61
+ _.trys.pop(); continue;
62
+ }
63
+ op = body.call(thisArg, _);
64
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
65
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
66
+ }
67
+ };
68
+ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
69
+ if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
70
+ if (ar || !(i in from)) {
71
+ if (!ar) ar = Array.prototype.slice.call(from, 0, i);
72
+ ar[i] = from[i];
73
+ }
74
+ }
75
+ return to.concat(ar || Array.prototype.slice.call(from));
76
+ };
77
+ Object.defineProperty(exports, "__esModule", { value: true });
78
+ exports.VideoTileGrid = exports.useJoinVideoCall = exports.useStartVideoCall = exports.WithVideo = void 0;
79
+ var jsx_runtime_1 = require("react/jsx-runtime");
80
+ // logic pulled + refactored from
81
+ // https://github.com/aws-samples/amazon-chime-react-native-demo/blob/master/src/containers/Meeting.js
82
+ // which includes the following copyright disclaimer
83
+ /*
84
+ * Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
85
+ * SPDX-License-Identifier: MIT-0
86
+ */
87
+ var react_1 = __importStar(require("react"));
88
+ var react_native_1 = require("react-native");
89
+ var authentication_1 = require("@tellescope/react-components/lib/esm/authentication");
90
+ var mui_1 = require("@tellescope/react-components/lib/esm/mui");
91
+ var video_js_1 = require("./video.js");
92
+ var bridge_1 = require("./native/bridge");
93
+ var RNVideoRenderView_1 = require("./native/RNVideoRenderView");
94
+ var WithVideo = function (_a) {
95
+ var children = _a.children;
96
+ var _b = (0, react_1.useState)(undefined), meeting = _b[0], setMeeting = _b[1];
97
+ var _c = (0, react_1.useState)(false), inMeeting = _c[0], setInMeeting = _c[1];
98
+ var _d = (0, react_1.useState)(false), isLoading = _d[0], setIsLoading = _d[1];
99
+ var _e = (0, react_1.useState)(false), videoIsEnabled = _e[0], setVideoIsEnabled = _e[1];
100
+ var _f = (0, react_1.useState)([]), videoTiles = _f[0], setVideoTiles = _f[1];
101
+ var _g = (0, react_1.useState)(''), screenShareTile = _g[0], setScreenShareTile = _g[1];
102
+ var _h = (0, react_1.useState)([]), attendees = _h[0], setAttendees = _h[1];
103
+ var toggleVideo = function () { return bridge_1.NativeFunction.setCameraOn(!videoIsEnabled); };
104
+ var emitter = (0, bridge_1.getSDKEventEmitter)();
105
+ (0, react_1.useEffect)(function () {
106
+ var startSubscription = emitter.addListener(bridge_1.MobileSDKEvent.OnMeetingStart, function () {
107
+ setInMeeting(true);
108
+ setIsLoading(false);
109
+ });
110
+ var endSubscription = emitter.addListener(bridge_1.MobileSDKEvent.OnMeetingEnd, function () {
111
+ setInMeeting(true);
112
+ setIsLoading(false);
113
+ });
114
+ var joinSubscription = emitter.addListener(bridge_1.MobileSDKEvent.OnAttendeesJoin, function (_a) {
115
+ var attendeeId = _a.attendeeId, externalUserId = _a.externalUserId;
116
+ setAttendees(function (as) { return !as.find(function (a) { return a.attendeeId === attendeeId; })
117
+ ? __spreadArray([{ attendeeId: attendeeId, externalUserId: externalUserId, muted: false }], as, true) : as; });
118
+ });
119
+ var leaveSubscription = emitter.addListener(bridge_1.MobileSDKEvent.OnAttendeesLeave, function (_a) {
120
+ var attendeeId = _a.attendeeId;
121
+ setAttendees(function (as) { return as.filter(function (a) { return a.attendeeId !== attendeeId; }); });
122
+ });
123
+ var errorSubscription = emitter.addListener(bridge_1.MobileSDKEvent.OnError, function (message) {
124
+ console.error("SDK Error", message);
125
+ });
126
+ var muteSubscription = emitter.addListener(bridge_1.MobileSDKEvent.OnAttendeesMute, function (attendeeId) {
127
+ setAttendees(function (as) { return as.map(function (a) { return a.attendeeId === attendeeId ? __assign(__assign({}, a), { muted: true }) : a; }); });
128
+ });
129
+ var unmuteSubscription = emitter.addListener(bridge_1.MobileSDKEvent.OnAttendeesUnmute, function (attendeeId) {
130
+ setAttendees(function (as) { return as.map(function (a) { return a.attendeeId === attendeeId ? __assign(__assign({}, a), { muted: false }) : a; }); });
131
+ });
132
+ var addVideoSubscription = emitter.addListener(bridge_1.MobileSDKEvent.OnAddVideoTile, function (tileState) {
133
+ if (tileState.isScreenShare) {
134
+ setScreenShareTile(tileState.tileId);
135
+ return;
136
+ }
137
+ setVideoTiles(function (v) { return __spreadArray(__spreadArray([], v, true), [tileState.titleId], false); });
138
+ setVideoIsEnabled(function (v) { return tileState.isLocal ? true : v; });
139
+ });
140
+ var removeVideoSubscription = emitter.addListener(bridge_1.MobileSDKEvent.OnRemoveVideoTile, function (tileState) {
141
+ if (tileState.isScreenShare) {
142
+ setScreenShareTile('');
143
+ return;
144
+ }
145
+ setVideoTiles(function (vs) { return vs.filter(function (v) { return v !== tileState.tileId; }); });
146
+ setVideoIsEnabled(function (v) { return tileState.isLocal ? false : v; });
147
+ });
148
+ return function () {
149
+ startSubscription.remove();
150
+ endSubscription.remove();
151
+ errorSubscription.remove();
152
+ joinSubscription.remove();
153
+ leaveSubscription.remove();
154
+ muteSubscription.remove();
155
+ unmuteSubscription.remove();
156
+ addVideoSubscription.remove();
157
+ removeVideoSubscription.remove();
158
+ };
159
+ }, [emitter]);
160
+ return ((0, jsx_runtime_1.jsx)(video_js_1.CurrentCallContext.Provider, __assign({ value: { attendees: attendees, videoTiles: videoTiles, meeting: meeting, shareScreenId: screenShareTile, setMeeting: setMeeting, videoIsEnabled: videoIsEnabled, toggleVideo: toggleVideo } }, { children: children }), void 0));
161
+ };
162
+ exports.WithVideo = WithVideo;
163
+ var useStartVideoCall = function () {
164
+ var session = (0, authentication_1.useSession)();
165
+ var _a = react_1.default.useContext(video_js_1.CurrentCallContext), meeting = _a.meeting, setMeeting = _a.setMeeting, videoIsEnabled = _a.videoIsEnabled, toggleVideo = _a.toggleVideo;
166
+ var _b = (0, react_1.useState)(false), starting = _b[0], setStarting = _b[1];
167
+ var _c = (0, react_1.useState)(false), ending = _c[0], setEnding = _c[1];
168
+ var createAndStartMeeting = function (initialAttendees) { return __awaiter(void 0, void 0, void 0, function () {
169
+ var _a, meeting_1, host, err_1;
170
+ return __generator(this, function (_b) {
171
+ switch (_b.label) {
172
+ case 0:
173
+ _b.trys.push([0, 2, 3, 4]);
174
+ return [4 /*yield*/, session.api.meetings.start_meeting()];
175
+ case 1:
176
+ _a = _b.sent(), meeting_1 = _a.meeting, host = _a.host;
177
+ if (initialAttendees) {
178
+ session.api.meetings.add_attendees_to_meeting({ id: meeting_1.Meeting.ExternalMeetingId, attendees: initialAttendees });
179
+ }
180
+ bridge_1.NativeFunction.startMeeting(meeting_1.Meeting, host.Attendee);
181
+ setMeeting(meeting_1.Meeting);
182
+ return [3 /*break*/, 4];
183
+ case 2:
184
+ err_1 = _b.sent();
185
+ console.error(err_1);
186
+ return [3 /*break*/, 4];
187
+ case 3: return [7 /*endfinally*/];
188
+ case 4: return [2 /*return*/];
189
+ }
190
+ });
191
+ }); };
192
+ var addAttendees = (0, react_1.useCallback)(function (attendees) { return __awaiter(void 0, void 0, void 0, function () {
193
+ return __generator(this, function (_a) {
194
+ switch (_a.label) {
195
+ case 0:
196
+ if (!meeting)
197
+ return [2 /*return*/];
198
+ return [4 /*yield*/, session.api.meetings.add_attendees_to_meeting({ id: meeting === null || meeting === void 0 ? void 0 : meeting.ExternalMeetingId, attendees: attendees })];
199
+ case 1:
200
+ _a.sent();
201
+ return [2 /*return*/];
202
+ }
203
+ });
204
+ }); }, [session, meeting]);
205
+ var endMeeting = function () { return __awaiter(void 0, void 0, void 0, function () {
206
+ var err_2;
207
+ return __generator(this, function (_a) {
208
+ switch (_a.label) {
209
+ case 0:
210
+ if (!meeting)
211
+ return [2 /*return*/];
212
+ setEnding(true);
213
+ _a.label = 1;
214
+ case 1:
215
+ _a.trys.push([1, 3, , 4]);
216
+ return [4 /*yield*/, session.api.meetings.end_meeting({ id: meeting.ExternalMeetingId })];
217
+ case 2:
218
+ _a.sent();
219
+ return [3 /*break*/, 4];
220
+ case 3:
221
+ err_2 = _a.sent();
222
+ console.error(err_2);
223
+ return [3 /*break*/, 4];
224
+ case 4:
225
+ setEnding(false);
226
+ setMeeting(undefined);
227
+ return [2 /*return*/];
228
+ }
229
+ });
230
+ }); };
231
+ return { meeting: meeting, videoIsEnabled: videoIsEnabled, starting: starting, ending: ending, toggleVideo: toggleVideo, createAndStartMeeting: createAndStartMeeting, addAttendees: addAttendees, endMeeting: endMeeting };
232
+ };
233
+ exports.useStartVideoCall = useStartVideoCall;
234
+ var useJoinVideoCall = function () {
235
+ var _a = react_1.default.useContext(video_js_1.CurrentCallContext), meeting = _a.meeting, setMeeting = _a.setMeeting, videoIsEnabled = _a.videoIsEnabled, toggleVideo = _a.toggleVideo;
236
+ var joinMeeting = function (meetingInfo, attendeeInfo) { return __awaiter(void 0, void 0, void 0, function () {
237
+ return __generator(this, function (_a) {
238
+ bridge_1.NativeFunction.startMeeting(meetingInfo.Meeting, attendeeInfo.Attendee);
239
+ return [2 /*return*/];
240
+ });
241
+ }); };
242
+ return { meeting: meeting, videoIsEnabled: videoIsEnabled, toggleVideo: toggleVideo, joinMeeting: joinMeeting };
243
+ };
244
+ exports.useJoinVideoCall = useJoinVideoCall;
245
+ var VideoTileGrid = function () {
246
+ var _a = (0, react_1.useContext)(video_js_1.CurrentCallContext),
247
+ // attendees,
248
+ videoIsEnabled = _a.videoIsEnabled, videoTiles = _a.videoTiles, shareScreenId = _a.shareScreenId;
249
+ return ((0, jsx_runtime_1.jsxs)(react_native_1.View, __assign({ style: [styles.container, { justifyContent: 'flex-start' }] }, { children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, __assign({ style: styles.title }, { children: "TITLE" }), void 0), (0, jsx_runtime_1.jsxs)(react_native_1.View, __assign({ style: styles.buttonContainer }, { children: [(0, jsx_runtime_1.jsx)(mui_1.Button, __assign({ disabled: videoIsEnabled, onPress: function () { return bridge_1.NativeFunction.setCameraOn(!videoIsEnabled); } }, { children: "Toggle Video" }), void 0), (0, jsx_runtime_1.jsx)(mui_1.Button, __assign({ onPress: function () { return bridge_1.NativeFunction.stopMeeting(); } }, { children: " Leave Meeting " }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)(react_native_1.Text, __assign({ style: styles.title }, { children: "Video" }), void 0), (0, jsx_runtime_1.jsx)(react_native_1.View, __assign({ style: styles.videoContainer }, { children: videoTiles.length > 0 ? videoTiles.map(function (tileId) {
250
+ return (0, jsx_runtime_1.jsx)(RNVideoRenderView_1.RNVideoView, { style: styles.video, tileId: tileId }, tileId);
251
+ }) : (0, jsx_runtime_1.jsx)(react_native_1.Text, __assign({ style: styles.subtitle }, { children: "No one is sharing video at this moment" }), void 0) }), void 0), !!shareScreenId &&
252
+ (0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, __assign({ style: styles.title }, { children: "Screen Share" }), void 0), (0, jsx_runtime_1.jsx)(react_native_1.View, __assign({ style: styles.videoContainer }, { children: (0, jsx_runtime_1.jsx)(RNVideoRenderView_1.RNVideoView, { style: styles.screenShare, tileId: shareScreenId }, shareScreenId) }), void 0)] }, void 0), (0, jsx_runtime_1.jsx)(react_native_1.Text, __assign({ style: styles.title }, { children: "Attendee" }), void 0)] }), void 0));
253
+ };
254
+ exports.VideoTileGrid = VideoTileGrid;
255
+ var styles = react_native_1.StyleSheet.create({
256
+ container: {
257
+ justifyContent: 'center',
258
+ alignItems: 'center',
259
+ height: '95%',
260
+ backgroundColor: 'white'
261
+ },
262
+ buttonContainer: {
263
+ flexDirection: 'row',
264
+ justifyContent: 'space-between',
265
+ },
266
+ title: {
267
+ fontSize: 30,
268
+ fontWeight: '700'
269
+ },
270
+ subtitle: {
271
+ marginBottom: 25,
272
+ marginTop: 10,
273
+ color: 'grey'
274
+ },
275
+ videoContainer: {
276
+ flexDirection: 'row',
277
+ justifyContent: 'space-around',
278
+ width: '100%',
279
+ // This is an existing React Native issue:
280
+ // When you create a native android component
281
+ // that use GLSurfaceView (We use this internally), the entire screen will
282
+ // black out
283
+ overflow: 'hidden'
284
+ },
285
+ video: {
286
+ width: '45%',
287
+ margin: '1%',
288
+ aspectRatio: 16 / 9,
289
+ },
290
+ screenShare: {
291
+ width: '90%',
292
+ margin: '1%',
293
+ aspectRatio: 16 / 9,
294
+ },
295
+ attendeeList: {
296
+ flex: 1,
297
+ width: '80%'
298
+ },
299
+ attendeeContainer: {
300
+ fontSize: 20,
301
+ margin: 5,
302
+ padding: 5,
303
+ height: 30,
304
+ backgroundColor: '#eee',
305
+ justifyContent: 'space-between',
306
+ flexDirection: 'row',
307
+ },
308
+ attendeeMuteImage: {
309
+ resizeMode: 'contain',
310
+ width: 20,
311
+ height: 20
312
+ },
313
+ inputBox: {
314
+ height: 40,
315
+ borderColor: 'black',
316
+ borderWidth: 1,
317
+ margin: 5,
318
+ width: '50%',
319
+ padding: 10,
320
+ color: 'black'
321
+ },
322
+ meetingButton: {
323
+ resizeMode: 'contain',
324
+ width: 50,
325
+ height: 50
326
+ }
327
+ });
328
+ //# sourceMappingURL=video.native.js.map
package/lib/cjs/video.native.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"video.native.js","sourceRoot":"","sources":["../../src/video.native.tsx"],"names":[],"mappings":"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"}
package/lib/esm/video.d.ts CHANGED
@@ -1,14 +1,23 @@
1
1
  import React from "react";
2
2
  import { UserIdentity } from "@tellescope/types-utilities";
3
3
  import { AttendeeInfo, MeetingInfo } from '@tellescope/types-models';
4
- import { lightTheme, VideoTileGrid } from 'amazon-chime-sdk-component-library-react';
4
+ import { darkTheme, VideoTileGrid } from 'amazon-chime-sdk-component-library-react';
5
+ export declare type AttendeeDisplayInfo = {
6
+ attendeeId: string;
7
+ externalUserId: string;
8
+ };
5
9
  export declare const CurrentCallContext: React.Context<{
6
10
  meeting: MeetingInfo | undefined;
7
11
  setMeeting: (m: MeetingInfo | undefined) => void;
12
+ videoIsEnabled: boolean;
13
+ toggleVideo: () => Promise<void>;
14
+ attendees: AttendeeDisplayInfo[];
15
+ shareScreenId: string;
16
+ videoTiles: (number | string)[];
8
17
  }>;
9
- interface VideoProps {
18
+ export interface VideoProps {
10
19
  children?: React.ReactNode;
11
- theme?: typeof lightTheme;
20
+ theme?: typeof darkTheme;
12
21
  }
13
22
  export declare const WithVideo: ({ children, theme }: VideoProps) => JSX.Element;
14
23
  export declare const useStartVideoCall: () => {
@@ -21,6 +30,7 @@ export declare const useStartVideoCall: () => {
21
30
  addAttendees: (attendees: UserIdentity[]) => Promise<void>;
22
31
  endMeeting: () => Promise<void>;
23
32
  };
33
+ export declare type StartVideoCallReturnType = ReturnType<typeof useStartVideoCall>;
24
34
  export declare const useJoinVideoCall: () => {
25
35
  meeting: MeetingInfo | undefined;
26
36
  videoIsEnabled: boolean;
@@ -31,5 +41,6 @@ export declare const useJoinVideoCall: () => {
31
41
  Attendee: AttendeeInfo;
32
42
  }) => Promise<void>;
33
43
  };
44
+ export declare type JoinVideoCallReturnType = ReturnType<typeof useJoinVideoCall>;
34
45
  export { VideoTileGrid };
35
46
  //# sourceMappingURL=video.d.ts.map
package/lib/esm/video.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAMnE,OAAO,EACL,YAAY,EACb,MAAM,6BAA6B,CAAA;AACpC,OAAO,EACL,YAAY,EACZ,WAAW,EACZ,MAAM,0BAA0B,CAAA;AAYjC,OAAO,EAEL,UAAU,EAGV,aAAa,EAUd,MAAM,0CAA0C,CAAC;AAGlD,eAAO,MAAM,kBAAkB;aACpB,WAAW,GAAG,SAAS;oBAAkB,WAAW,GAAG,SAAS,KAAK,IAAI;EAClF,CAAA;AACF,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,UAAU,CAAC;CAC3B;AACD,eAAO,MAAM,SAAS,wBAAoC,UAAU,gBAYnE,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;;;8BA+BuB,YAAY,EAAE;;CAkBlE,CAAA;AAED,eAAO,MAAM,gBAAgB;;;;+BAKa;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,gBAAgB;QAAE,QAAQ,EAAE,YAAY,CAAA;KAAE;CAO3G,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
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"}
package/lib/esm/video.js CHANGED
@@ -49,31 +49,43 @@ import { jsx as _jsx } from "react/jsx-runtime";
49
49
  import React, { useCallback, useState } from "react";
50
50
  import { useSession, } from "@tellescope/react-components/lib/esm/authentication";
51
51
  import { ThemeProvider } from 'styled-components';
52
- import { MeetingProvider, lightTheme,
52
+ import { MeetingProvider, darkTheme, useContentShareState,
53
53
  // LocalVideo,
54
54
  VideoTileGrid,
55
55
  // VideoGrid,
56
56
  // VideoTile,
57
57
  // PreviewVideo,
58
58
  // RemoteVideo,
59
- useLocalVideo, useMeetingManager,
60
- // useRosterState,
59
+ useLocalVideo, useMeetingManager, useRosterState, useRemoteVideoTileState
61
60
  // useRemoteVideoTileState,
62
61
  // useContentShareControls, // screen sharing
63
62
  } from 'amazon-chime-sdk-component-library-react';
64
63
  export var CurrentCallContext = React.createContext({});
65
- export var WithVideo = function (_a) {
66
- var children = _a.children, _b = _a.theme, theme = _b === void 0 ? lightTheme : _b;
64
+ var WithContext = function (_a) {
65
+ var _b;
66
+ var children = _a.children;
67
67
  var _c = useState(undefined), meeting = _c[0], setMeeting = _c[1];
68
- return (_jsx(CurrentCallContext.Provider, __assign({ value: { meeting: meeting, setMeeting: setMeeting } }, { children: _jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(MeetingProvider, { children: children }, void 0) }), void 0) }), void 0));
68
+ var _d = useLocalVideo(), toggleVideo = _d.toggleVideo, videoIsEnabled = _d.isVideoEnabled;
69
+ var roster = useRosterState().roster;
70
+ var tileId = useContentShareState().tileId;
71
+ var tiles = useRemoteVideoTileState().tiles;
72
+ var attendees = [];
73
+ for (var attendeeId in roster) {
74
+ var externalUserId = roster[attendeeId].externalUserId;
75
+ attendees.push({ attendeeId: attendeeId, externalUserId: externalUserId });
76
+ }
77
+ return (_jsx(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));
78
+ };
79
+ export var WithVideo = function (_a) {
80
+ var children = _a.children, _b = _a.theme, theme = _b === void 0 ? darkTheme : _b;
81
+ return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(MeetingProvider, { children: _jsx(WithContext, { children: children }, void 0) }, void 0) }), void 0));
69
82
  };
70
83
  export var useStartVideoCall = function () {
71
84
  var _a = useState(false), starting = _a[0], setStarting = _a[1];
72
85
  var _b = useState(false), ending = _b[0], setEnding = _b[1];
73
- var _c = React.useContext(CurrentCallContext), meeting = _c.meeting, setMeeting = _c.setMeeting;
86
+ var _c = React.useContext(CurrentCallContext), meeting = _c.meeting, setMeeting = _c.setMeeting, toggleVideo = _c.toggleVideo, videoIsEnabled = _c.videoIsEnabled;
74
87
  var session = useSession();
75
88
  var meetingManager = useMeetingManager();
76
- var _d = useLocalVideo(), toggleVideo = _d.toggleVideo, isVideoEnabled = _d.isVideoEnabled;
77
89
  var createAndStartMeeting = function (initialAttendees) { return __awaiter(void 0, void 0, void 0, function () {
78
90
  var _a, meeting_1, host, err_1;
79
91
  return __generator(this, function (_b) {
@@ -147,12 +159,11 @@ export var useStartVideoCall = function () {
147
159
  }
148
160
  });
149
161
  }); };
150
- return { starting: starting, ending: ending, meeting: meeting, videoIsEnabled: isVideoEnabled, toggleVideo: toggleVideo, createAndStartMeeting: createAndStartMeeting, addAttendees: addAttendees, endMeeting: endMeeting };
162
+ return { starting: starting, ending: ending, meeting: meeting, videoIsEnabled: videoIsEnabled, toggleVideo: toggleVideo, createAndStartMeeting: createAndStartMeeting, addAttendees: addAttendees, endMeeting: endMeeting };
151
163
  };
152
164
  export var useJoinVideoCall = function () {
153
165
  var meetingManager = useMeetingManager();
154
- var _a = useLocalVideo(), toggleVideo = _a.toggleVideo, isVideoEnabled = _a.isVideoEnabled;
155
- var _b = React.useContext(CurrentCallContext), meeting = _b.meeting, setMeeting = _b.setMeeting;
166
+ var _a = React.useContext(CurrentCallContext), meeting = _a.meeting, setMeeting = _a.setMeeting, toggleVideo = _a.toggleVideo, videoIsEnabled = _a.videoIsEnabled;
156
167
  var joinMeeting = function (meetingInfo, attendeeInfo) { return __awaiter(void 0, void 0, void 0, function () {
157
168
  return __generator(this, function (_a) {
158
169
  switch (_a.label) {
@@ -167,7 +178,7 @@ export var useJoinVideoCall = function () {
167
178
  }
168
179
  });
169
180
  }); };
170
- return { meeting: meeting, videoIsEnabled: isVideoEnabled, toggleVideo: toggleVideo, joinMeeting: joinMeeting };
181
+ return { meeting: meeting, videoIsEnabled: videoIsEnabled, toggleVideo: toggleVideo, joinMeeting: joinMeeting };
171
182
  };
172
183
  export { VideoTileGrid };
173
184
  //# sourceMappingURL=video.js.map