@tellescope/react-components 1.240.0 → 1.241.0

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 (76) hide show
  1. package/lib/cjs/Forms/inputs.d.ts +1 -1
  2. package/lib/cjs/TwilioVideo/TwilioControls.d.ts +8 -0
  3. package/lib/cjs/TwilioVideo/TwilioControls.d.ts.map +1 -0
  4. package/lib/cjs/TwilioVideo/TwilioControls.js +57 -0
  5. package/lib/cjs/TwilioVideo/TwilioControls.js.map +1 -0
  6. package/lib/cjs/TwilioVideo/TwilioLocalPreview.d.ts +6 -0
  7. package/lib/cjs/TwilioVideo/TwilioLocalPreview.d.ts.map +1 -0
  8. package/lib/cjs/TwilioVideo/TwilioLocalPreview.js +173 -0
  9. package/lib/cjs/TwilioVideo/TwilioLocalPreview.js.map +1 -0
  10. package/lib/cjs/TwilioVideo/TwilioParticipant.d.ts +11 -0
  11. package/lib/cjs/TwilioVideo/TwilioParticipant.d.ts.map +1 -0
  12. package/lib/cjs/TwilioVideo/TwilioParticipant.js +98 -0
  13. package/lib/cjs/TwilioVideo/TwilioParticipant.js.map +1 -0
  14. package/lib/cjs/TwilioVideo/TwilioVideoContext.d.ts +28 -0
  15. package/lib/cjs/TwilioVideo/TwilioVideoContext.d.ts.map +1 -0
  16. package/lib/cjs/TwilioVideo/TwilioVideoContext.js +222 -0
  17. package/lib/cjs/TwilioVideo/TwilioVideoContext.js.map +1 -0
  18. package/lib/cjs/TwilioVideo/TwilioVideoRoom.d.ts +10 -0
  19. package/lib/cjs/TwilioVideo/TwilioVideoRoom.d.ts.map +1 -0
  20. package/lib/cjs/TwilioVideo/TwilioVideoRoom.js +49 -0
  21. package/lib/cjs/TwilioVideo/TwilioVideoRoom.js.map +1 -0
  22. package/lib/cjs/TwilioVideo/hooks.d.ts +44 -0
  23. package/lib/cjs/TwilioVideo/hooks.d.ts.map +1 -0
  24. package/lib/cjs/TwilioVideo/hooks.js +232 -0
  25. package/lib/cjs/TwilioVideo/hooks.js.map +1 -0
  26. package/lib/cjs/TwilioVideo/index.d.ts +7 -0
  27. package/lib/cjs/TwilioVideo/index.d.ts.map +1 -0
  28. package/lib/cjs/TwilioVideo/index.js +19 -0
  29. package/lib/cjs/TwilioVideo/index.js.map +1 -0
  30. package/lib/cjs/index.d.ts +1 -0
  31. package/lib/cjs/index.d.ts.map +1 -1
  32. package/lib/cjs/index.js +1 -0
  33. package/lib/cjs/index.js.map +1 -1
  34. package/lib/esm/Forms/inputs.d.ts +1 -1
  35. package/lib/esm/TwilioVideo/TwilioControls.d.ts +8 -0
  36. package/lib/esm/TwilioVideo/TwilioControls.d.ts.map +1 -0
  37. package/lib/esm/TwilioVideo/TwilioControls.js +53 -0
  38. package/lib/esm/TwilioVideo/TwilioControls.js.map +1 -0
  39. package/lib/esm/TwilioVideo/TwilioLocalPreview.d.ts +6 -0
  40. package/lib/esm/TwilioVideo/TwilioLocalPreview.d.ts.map +1 -0
  41. package/lib/esm/TwilioVideo/TwilioLocalPreview.js +166 -0
  42. package/lib/esm/TwilioVideo/TwilioLocalPreview.js.map +1 -0
  43. package/lib/esm/TwilioVideo/TwilioParticipant.d.ts +11 -0
  44. package/lib/esm/TwilioVideo/TwilioParticipant.d.ts.map +1 -0
  45. package/lib/esm/TwilioVideo/TwilioParticipant.js +94 -0
  46. package/lib/esm/TwilioVideo/TwilioParticipant.js.map +1 -0
  47. package/lib/esm/TwilioVideo/TwilioVideoContext.d.ts +28 -0
  48. package/lib/esm/TwilioVideo/TwilioVideoContext.d.ts.map +1 -0
  49. package/lib/esm/TwilioVideo/TwilioVideoContext.js +214 -0
  50. package/lib/esm/TwilioVideo/TwilioVideoContext.js.map +1 -0
  51. package/lib/esm/TwilioVideo/TwilioVideoRoom.d.ts +10 -0
  52. package/lib/esm/TwilioVideo/TwilioVideoRoom.d.ts.map +1 -0
  53. package/lib/esm/TwilioVideo/TwilioVideoRoom.js +45 -0
  54. package/lib/esm/TwilioVideo/TwilioVideoRoom.js.map +1 -0
  55. package/lib/esm/TwilioVideo/hooks.d.ts +44 -0
  56. package/lib/esm/TwilioVideo/hooks.d.ts.map +1 -0
  57. package/lib/esm/TwilioVideo/hooks.js +226 -0
  58. package/lib/esm/TwilioVideo/hooks.js.map +1 -0
  59. package/lib/esm/TwilioVideo/index.d.ts +7 -0
  60. package/lib/esm/TwilioVideo/index.d.ts.map +1 -0
  61. package/lib/esm/TwilioVideo/index.js +7 -0
  62. package/lib/esm/TwilioVideo/index.js.map +1 -0
  63. package/lib/esm/index.d.ts +1 -0
  64. package/lib/esm/index.d.ts.map +1 -1
  65. package/lib/esm/index.js +1 -0
  66. package/lib/esm/index.js.map +1 -1
  67. package/lib/tsconfig.tsbuildinfo +1 -1
  68. package/package.json +12 -11
  69. package/src/TwilioVideo/TwilioControls.tsx +110 -0
  70. package/src/TwilioVideo/TwilioLocalPreview.tsx +151 -0
  71. package/src/TwilioVideo/TwilioParticipant.tsx +136 -0
  72. package/src/TwilioVideo/TwilioVideoContext.tsx +198 -0
  73. package/src/TwilioVideo/TwilioVideoRoom.tsx +98 -0
  74. package/src/TwilioVideo/hooks.ts +159 -0
  75. package/src/TwilioVideo/index.ts +19 -0
  76. package/src/index.ts +2 -1
@@ -0,0 +1,214 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
13
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
14
+ return new (P || (P = Promise))(function (resolve, reject) {
15
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
16
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
17
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
18
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
19
+ });
20
+ };
21
+ var __generator = (this && this.__generator) || function (thisArg, body) {
22
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
23
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
24
+ function verb(n) { return function (v) { return step([n, v]); }; }
25
+ function step(op) {
26
+ if (f) throw new TypeError("Generator is already executing.");
27
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
28
+ 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;
29
+ if (y = 0, t) op = [op[0] & 2, t.value];
30
+ switch (op[0]) {
31
+ case 0: case 1: t = op; break;
32
+ case 4: _.label++; return { value: op[1], done: false };
33
+ case 5: _.label++; y = op[1]; op = [0]; continue;
34
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
35
+ default:
36
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
37
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
38
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
39
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
40
+ if (t[2]) _.ops.pop();
41
+ _.trys.pop(); continue;
42
+ }
43
+ op = body.call(thisArg, _);
44
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
45
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
46
+ }
47
+ };
48
+ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
49
+ if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
50
+ if (ar || !(i in from)) {
51
+ if (!ar) ar = Array.prototype.slice.call(from, 0, i);
52
+ ar[i] = from[i];
53
+ }
54
+ }
55
+ return to.concat(ar || Array.prototype.slice.call(from));
56
+ };
57
+ import { jsx as _jsx } from "react/jsx-runtime";
58
+ import { createContext, useContext, useState, useCallback, useEffect, useRef } from 'react';
59
+ import Video from 'twilio-video';
60
+ var TwilioVideoContext = createContext(null);
61
+ export var useTwilioVideo = function () {
62
+ var context = useContext(TwilioVideoContext);
63
+ if (!context) {
64
+ throw new Error('useTwilioVideo must be used within TwilioVideoProvider');
65
+ }
66
+ return context;
67
+ };
68
+ export var TwilioVideoProvider = function (_a) {
69
+ var children = _a.children;
70
+ var _b = useState(null), room = _b[0], setRoom = _b[1];
71
+ var _c = useState(false), isConnecting = _c[0], setIsConnecting = _c[1];
72
+ var _d = useState(null), localVideoTrack = _d[0], setLocalVideoTrack = _d[1];
73
+ var _e = useState(null), localAudioTrack = _e[0], setLocalAudioTrack = _e[1];
74
+ var _f = useState([]), participants = _f[0], setParticipants = _f[1];
75
+ var _g = useState(null), error = _g[0], setError = _g[1];
76
+ var _h = useState(false), isHost = _h[0], setIsHost = _h[1];
77
+ var _j = useState(true), isVideoEnabled = _j[0], setIsVideoEnabled = _j[1];
78
+ var _k = useState(true), isAudioEnabled = _k[0], setIsAudioEnabled = _k[1];
79
+ var localTracksRef = useRef([]);
80
+ var connect = useCallback(function (token, roomName) { return __awaiter(void 0, void 0, void 0, function () {
81
+ var tracks, videoTrack, audioTrack, newRoom, existingParticipants, err_1;
82
+ return __generator(this, function (_a) {
83
+ switch (_a.label) {
84
+ case 0:
85
+ setIsConnecting(true);
86
+ setError(null);
87
+ _a.label = 1;
88
+ case 1:
89
+ _a.trys.push([1, 4, 5, 6]);
90
+ return [4 /*yield*/, Video.createLocalTracks({
91
+ audio: true,
92
+ video: { width: 640 },
93
+ })];
94
+ case 2:
95
+ tracks = _a.sent();
96
+ localTracksRef.current = tracks;
97
+ videoTrack = tracks.find(function (track) { return track.kind === 'video'; });
98
+ audioTrack = tracks.find(function (track) { return track.kind === 'audio'; });
99
+ if (videoTrack)
100
+ setLocalVideoTrack(videoTrack);
101
+ if (audioTrack)
102
+ setLocalAudioTrack(audioTrack);
103
+ return [4 /*yield*/, Video.connect(token, {
104
+ name: roomName,
105
+ tracks: tracks,
106
+ dominantSpeaker: true,
107
+ networkQuality: { local: 1, remote: 1 },
108
+ })];
109
+ case 3:
110
+ newRoom = _a.sent();
111
+ setRoom(newRoom);
112
+ existingParticipants = Array.from(newRoom.participants.values());
113
+ setParticipants(existingParticipants);
114
+ // Listen for new participants
115
+ newRoom.on('participantConnected', function (participant) {
116
+ setParticipants(function (prev) { return __spreadArray(__spreadArray([], prev, true), [participant], false); });
117
+ });
118
+ newRoom.on('participantDisconnected', function (participant) {
119
+ setParticipants(function (prev) { return prev.filter(function (p) { return p.sid !== participant.sid; }); });
120
+ });
121
+ newRoom.on('disconnected', function () {
122
+ // Stop all local tracks when disconnected
123
+ localTracksRef.current.forEach(function (track) {
124
+ track.stop();
125
+ });
126
+ localTracksRef.current = [];
127
+ setRoom(null);
128
+ setLocalVideoTrack(null);
129
+ setLocalAudioTrack(null);
130
+ setParticipants([]);
131
+ });
132
+ return [3 /*break*/, 6];
133
+ case 4:
134
+ err_1 = _a.sent();
135
+ setError(err_1);
136
+ console.error('Failed to connect to Twilio Video:', err_1);
137
+ return [3 /*break*/, 6];
138
+ case 5:
139
+ setIsConnecting(false);
140
+ return [7 /*endfinally*/];
141
+ case 6: return [2 /*return*/];
142
+ }
143
+ });
144
+ }); }, []);
145
+ var disconnect = useCallback(function () {
146
+ if (room) {
147
+ room.disconnect();
148
+ }
149
+ // Stop local tracks
150
+ localTracksRef.current.forEach(function (track) {
151
+ track.stop();
152
+ });
153
+ localTracksRef.current = [];
154
+ setRoom(null);
155
+ setLocalVideoTrack(null);
156
+ setLocalAudioTrack(null);
157
+ setParticipants([]);
158
+ }, [room]);
159
+ var toggleVideo = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
160
+ return __generator(this, function (_a) {
161
+ if (localVideoTrack) {
162
+ if (isVideoEnabled) {
163
+ localVideoTrack.disable();
164
+ }
165
+ else {
166
+ localVideoTrack.enable();
167
+ }
168
+ setIsVideoEnabled(!isVideoEnabled);
169
+ }
170
+ return [2 /*return*/];
171
+ });
172
+ }); }, [localVideoTrack, isVideoEnabled]);
173
+ var toggleAudio = useCallback(function () {
174
+ if (localAudioTrack) {
175
+ if (isAudioEnabled) {
176
+ localAudioTrack.disable();
177
+ }
178
+ else {
179
+ localAudioTrack.enable();
180
+ }
181
+ setIsAudioEnabled(!isAudioEnabled);
182
+ }
183
+ }, [localAudioTrack, isAudioEnabled]);
184
+ // Cleanup on unmount
185
+ useEffect(function () {
186
+ return function () {
187
+ if (room) {
188
+ room.disconnect();
189
+ }
190
+ localTracksRef.current.forEach(function (track) {
191
+ track.stop();
192
+ });
193
+ };
194
+ }, []);
195
+ var value = {
196
+ room: room,
197
+ isConnecting: isConnecting,
198
+ isConnected: !!room,
199
+ localVideoTrack: localVideoTrack,
200
+ localAudioTrack: localAudioTrack,
201
+ participants: participants,
202
+ error: error,
203
+ isHost: isHost,
204
+ isVideoEnabled: isVideoEnabled,
205
+ isAudioEnabled: isAudioEnabled,
206
+ connect: connect,
207
+ disconnect: disconnect,
208
+ toggleVideo: toggleVideo,
209
+ toggleAudio: toggleAudio,
210
+ setIsHost: setIsHost,
211
+ };
212
+ return (_jsx(TwilioVideoContext.Provider, __assign({ value: value }, { children: children })));
213
+ };
214
+ //# sourceMappingURL=TwilioVideoContext.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TwilioVideoContext.js","sourceRoot":"","sources":["../../../src/TwilioVideo/TwilioVideoContext.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ export interface TwilioVideoRoomProps {
3
+ onLeave?: () => void;
4
+ onEndForAll?: () => void;
5
+ style?: React.CSSProperties;
6
+ /** Resolve participant identity to a display label. Defaults to empty string. */
7
+ resolveIdentity?: (identity: string) => string;
8
+ }
9
+ export declare const TwilioVideoRoom: React.FC<TwilioVideoRoomProps>;
10
+ //# sourceMappingURL=TwilioVideoRoom.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TwilioVideoRoom.d.ts","sourceRoot":"","sources":["../../../src/TwilioVideo/TwilioVideoRoom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,iFAAiF;IACjF,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAA;CAC/C;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmF1D,CAAA"}
@@ -0,0 +1,45 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ import { Box, Grid } from '@mui/material';
14
+ import { useTwilioVideo } from './TwilioVideoContext';
15
+ import { TwilioParticipant } from './TwilioParticipant';
16
+ import { TwilioControlBar } from './TwilioControls';
17
+ export var TwilioVideoRoom = function (_a) {
18
+ var onLeave = _a.onLeave, onEndForAll = _a.onEndForAll, style = _a.style, resolveIdentity = _a.resolveIdentity;
19
+ var _b = useTwilioVideo(), room = _b.room, participants = _b.participants;
20
+ if (!room)
21
+ return null;
22
+ var localParticipant = room.localParticipant;
23
+ var hasRemoteParticipants = participants.length > 0;
24
+ return (_jsxs(Box, __assign({ sx: __assign({ display: 'flex', flexDirection: 'column', height: '100%', width: '100%', backgroundColor: '#1a1a1a' }, style) }, { children: [_jsxs(Box, __assign({ sx: {
25
+ flex: 1,
26
+ position: 'relative',
27
+ overflow: 'hidden',
28
+ } }, { children: [hasRemoteParticipants ? (_jsx(Grid, __assign({ container: true, sx: {
29
+ height: '100%',
30
+ width: '100%',
31
+ } }, { children: participants.map(function (participant) { return (_jsx(Grid, __assign({ item: true, xs: participants.length === 1 ? 12 : 6, sx: { height: participants.length <= 2 ? '100%' : '50%' } }, { children: _jsx(TwilioParticipant, { participant: participant, resolveIdentity: resolveIdentity }) }), participant.sid)); }) }))) : (
32
+ // When alone, show local video larger
33
+ _jsx(Box, __assign({ sx: { height: '100%', width: '100%' } }, { children: _jsx(TwilioParticipant, { participant: localParticipant, isLocal: true, resolveIdentity: resolveIdentity }) }))), hasRemoteParticipants && (_jsx(Box, __assign({ sx: {
34
+ position: 'absolute',
35
+ top: 16,
36
+ right: 16,
37
+ width: 200,
38
+ height: 150,
39
+ zIndex: 10,
40
+ borderRadius: 1,
41
+ overflow: 'hidden',
42
+ boxShadow: '0 2px 8px rgba(0,0,0,0.3)',
43
+ } }, { children: _jsx(TwilioParticipant, { participant: localParticipant, isLocal: true, resolveIdentity: resolveIdentity }) })))] })), _jsx(TwilioControlBar, { onLeave: onLeave, onEndForAll: onEndForAll })] })));
44
+ };
45
+ //# sourceMappingURL=TwilioVideoRoom.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TwilioVideoRoom.js","sourceRoot":"","sources":["../../../src/TwilioVideo/TwilioVideoRoom.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAUnD,MAAM,CAAC,IAAM,eAAe,GAAmC,UAAC,EAK/D;QAJC,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,eAAe,qBAAA;IAET,IAAA,KAAyB,cAAc,EAAE,EAAvC,IAAI,UAAA,EAAE,YAAY,kBAAqB,CAAA;IAE/C,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAEtB,IAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAA;IAC9C,IAAM,qBAAqB,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAA;IAErD,OAAO,CACL,MAAC,GAAG,aACF,EAAE,aACA,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,QAAQ,EACvB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,eAAe,EAAE,SAAS,IACvB,KAAK,kBAIV,MAAC,GAAG,aACF,EAAE,EAAE;oBACF,IAAI,EAAE,CAAC;oBACP,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,QAAQ;iBACnB,iBAGA,qBAAqB,CAAC,CAAC,CAAC,CACvB,KAAC,IAAI,aACH,SAAS,QACT,EAAE,EAAE;4BACF,MAAM,EAAE,MAAM;4BACd,KAAK,EAAE,MAAM;yBACd,gBAEA,YAAY,CAAC,GAAG,CAAC,UAAC,WAAW,IAAK,OAAA,CACjC,KAAC,IAAI,aACH,IAAI,QAEJ,EAAE,EAAE,YAAY,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EACtC,EAAE,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,gBAEzD,KAAC,iBAAiB,IAAC,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,GAAI,KAJ5E,WAAW,CAAC,GAAG,CAKf,CACR,EATkC,CASlC,CAAC,IACG,CACR,CAAC,CAAC,CAAC;oBACF,sCAAsC;oBACtC,KAAC,GAAG,aAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,gBACxC,KAAC,iBAAiB,IAAC,WAAW,EAAE,gBAAgB,EAAE,OAAO,QAAC,eAAe,EAAE,eAAe,GAAI,IAC1F,CACP,EAGA,qBAAqB,IAAI,CACxB,KAAC,GAAG,aACF,EAAE,EAAE;4BACF,QAAQ,EAAE,UAAU;4BACpB,GAAG,EAAE,EAAE;4BACP,KAAK,EAAE,EAAE;4BACT,KAAK,EAAE,GAAG;4BACV,MAAM,EAAE,GAAG;4BACX,MAAM,EAAE,EAAE;4BACV,YAAY,EAAE,CAAC;4BACf,QAAQ,EAAE,QAAQ;4BAClB,SAAS,EAAE,2BAA2B;yBACvC,gBAED,KAAC,iBAAiB,IAAC,WAAW,EAAE,gBAAgB,EAAE,OAAO,QAAC,eAAe,EAAE,eAAe,GAAI,IAC1F,CACP,KACG,EAGN,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,GAAI,KAC5D,CACP,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,44 @@
1
+ /**
2
+ * Hook for hosts to start a Twilio Video call for a calendar event
3
+ */
4
+ export declare const useStartTwilioVideoCall: (calendarEventId?: string) => {
5
+ starting: boolean;
6
+ ending: boolean;
7
+ room: import("twilio-video").Room | null;
8
+ isConnected: boolean;
9
+ startMeeting: (eventId?: string) => Promise<string>;
10
+ endMeeting: (meetingId: string) => Promise<void>;
11
+ };
12
+ /**
13
+ * Hook for participants to join a Twilio Video call
14
+ */
15
+ export declare const useJoinTwilioVideoCall: () => {
16
+ joining: boolean;
17
+ room: import("twilio-video").Room | null;
18
+ isConnected: boolean;
19
+ joinMeeting: (calendarEventId: string) => Promise<void>;
20
+ leaveMeeting: () => void;
21
+ };
22
+ /**
23
+ * Hook for calendar event-based Twilio Video calls
24
+ * Combines start and join functionality with meeting status polling
25
+ */
26
+ export declare const useTwilioMeetingForCalendarEvent: (calendarEventId: string) => {
27
+ event: (import("@tellescope/types-models").CalendarEvent & {
28
+ id: string;
29
+ createdAt: Date;
30
+ }) | null | undefined;
31
+ meeting: (import("@tellescope/types-models").Meeting & {
32
+ id: string;
33
+ createdAt: Date;
34
+ }) | null | undefined;
35
+ room: import("twilio-video").Room | null;
36
+ isConnected: boolean;
37
+ isHost: boolean;
38
+ starting: boolean;
39
+ joining: boolean;
40
+ startAndJoinMeeting: () => Promise<void>;
41
+ joinMeeting: () => Promise<void>;
42
+ meetingStatus: "disabled" | "loading" | "waiting-room" | "joined";
43
+ };
44
+ //# sourceMappingURL=hooks.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/TwilioVideo/hooks.ts"],"names":[],"mappings":"AAOA;;GAEG;AACH,eAAO,MAAM,uBAAuB,qBAAsB,MAAM;;;;;6BAOZ,MAAM;4BAgCP,MAAM;CAqBxD,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB;;;;mCAKuB,MAAM;;CA+B/D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,gCAAgC,oBAAqB,MAAM;;;;;;;;;;;;;;;;;CAyCvE,CAAA"}
@@ -0,0 +1,226 @@
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
9
+ };
10
+ var __generator = (this && this.__generator) || function (thisArg, body) {
11
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
12
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
13
+ function verb(n) { return function (v) { return step([n, v]); }; }
14
+ function step(op) {
15
+ if (f) throw new TypeError("Generator is already executing.");
16
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
17
+ 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;
18
+ if (y = 0, t) op = [op[0] & 2, t.value];
19
+ switch (op[0]) {
20
+ case 0: case 1: t = op; break;
21
+ case 4: _.label++; return { value: op[1], done: false };
22
+ case 5: _.label++; y = op[1]; op = [0]; continue;
23
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
24
+ default:
25
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
26
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
27
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
28
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
29
+ if (t[2]) _.ops.pop();
30
+ _.trys.pop(); continue;
31
+ }
32
+ op = body.call(thisArg, _);
33
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
34
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
35
+ }
36
+ };
37
+ import { useCallback, useState } from 'react';
38
+ import { useResolvedSession, useSession } from '../authentication';
39
+ import { useCalendarEvents, useMeetings } from '../state';
40
+ import { useTwilioVideo } from './TwilioVideoContext';
41
+ /**
42
+ * Hook for hosts to start a Twilio Video call for a calendar event
43
+ */
44
+ export var useStartTwilioVideoCall = function (calendarEventId) {
45
+ var session = useSession();
46
+ var _a = useTwilioVideo(), connect = _a.connect, disconnect = _a.disconnect, setIsHost = _a.setIsHost, room = _a.room, isConnected = _a.isConnected;
47
+ var _b = useCalendarEvents(), updateLocalEvent = _b[1].updateLocalElement;
48
+ var _c = useState(false), starting = _c[0], setStarting = _c[1];
49
+ var _d = useState(false), ending = _d[0], setEnding = _d[1];
50
+ var startMeeting = useCallback(function (eventId) { return __awaiter(void 0, void 0, void 0, function () {
51
+ var targetEventId, response, hostInfo, roomName, err_1;
52
+ return __generator(this, function (_a) {
53
+ switch (_a.label) {
54
+ case 0:
55
+ targetEventId = eventId || calendarEventId;
56
+ if (!targetEventId) {
57
+ throw new Error('No calendar event ID provided');
58
+ }
59
+ setStarting(true);
60
+ _a.label = 1;
61
+ case 1:
62
+ _a.trys.push([1, 4, 5, 6]);
63
+ return [4 /*yield*/, session.api.meetings.start_meeting_for_event({
64
+ calendarEventId: targetEventId,
65
+ })
66
+ // Update local event with meetingId
67
+ ];
68
+ case 2:
69
+ response = _a.sent();
70
+ // Update local event with meetingId
71
+ updateLocalEvent(targetEventId, { meetingId: response.id });
72
+ hostInfo = response.host.info;
73
+ roomName = response.meeting.Meeting.ExternalMeetingId || response.id;
74
+ setIsHost(true);
75
+ return [4 /*yield*/, connect(hostInfo.JoinToken, roomName)];
76
+ case 3:
77
+ _a.sent();
78
+ return [2 /*return*/, response.id];
79
+ case 4:
80
+ err_1 = _a.sent();
81
+ console.error('Failed to start Twilio meeting:', err_1);
82
+ throw err_1;
83
+ case 5:
84
+ setStarting(false);
85
+ return [7 /*endfinally*/];
86
+ case 6: return [2 /*return*/];
87
+ }
88
+ });
89
+ }); }, [session, calendarEventId, connect, setIsHost, updateLocalEvent]);
90
+ var endMeeting = useCallback(function (meetingId) { return __awaiter(void 0, void 0, void 0, function () {
91
+ var err_2;
92
+ return __generator(this, function (_a) {
93
+ switch (_a.label) {
94
+ case 0:
95
+ setEnding(true);
96
+ _a.label = 1;
97
+ case 1:
98
+ _a.trys.push([1, 3, 4, 5]);
99
+ return [4 /*yield*/, session.api.meetings.end_meeting({ id: meetingId })];
100
+ case 2:
101
+ _a.sent();
102
+ disconnect();
103
+ return [3 /*break*/, 5];
104
+ case 3:
105
+ err_2 = _a.sent();
106
+ console.error('Failed to end Twilio meeting:', err_2);
107
+ throw err_2;
108
+ case 4:
109
+ setEnding(false);
110
+ return [7 /*endfinally*/];
111
+ case 5: return [2 /*return*/];
112
+ }
113
+ });
114
+ }); }, [session, disconnect]);
115
+ return {
116
+ starting: starting,
117
+ ending: ending,
118
+ room: room,
119
+ isConnected: isConnected,
120
+ startMeeting: startMeeting,
121
+ endMeeting: endMeeting,
122
+ };
123
+ };
124
+ /**
125
+ * Hook for participants to join a Twilio Video call
126
+ */
127
+ export var useJoinTwilioVideoCall = function () {
128
+ var session = useResolvedSession();
129
+ var _a = useTwilioVideo(), connect = _a.connect, disconnect = _a.disconnect, room = _a.room, isConnected = _a.isConnected;
130
+ var _b = useState(false), joining = _b[0], setJoining = _b[1];
131
+ var joinMeeting = useCallback(function (calendarEventId) { return __awaiter(void 0, void 0, void 0, function () {
132
+ var response, attendeeInfo, roomName, err_3;
133
+ return __generator(this, function (_a) {
134
+ switch (_a.label) {
135
+ case 0:
136
+ setJoining(true);
137
+ _a.label = 1;
138
+ case 1:
139
+ _a.trys.push([1, 4, 5, 6]);
140
+ return [4 /*yield*/, session.api.meetings.join_meeting_for_event({
141
+ calendarEventId: calendarEventId,
142
+ })];
143
+ case 2:
144
+ response = _a.sent();
145
+ attendeeInfo = response.attendee.info;
146
+ roomName = response.meeting.Meeting.ExternalMeetingId || response.id;
147
+ return [4 /*yield*/, connect(attendeeInfo.JoinToken, roomName)];
148
+ case 3:
149
+ _a.sent();
150
+ return [3 /*break*/, 6];
151
+ case 4:
152
+ err_3 = _a.sent();
153
+ console.error('Failed to join Twilio meeting:', err_3);
154
+ throw err_3;
155
+ case 5:
156
+ setJoining(false);
157
+ return [7 /*endfinally*/];
158
+ case 6: return [2 /*return*/];
159
+ }
160
+ });
161
+ }); }, [session, connect]);
162
+ var leaveMeeting = useCallback(function () {
163
+ disconnect();
164
+ }, [disconnect]);
165
+ return {
166
+ joining: joining,
167
+ room: room,
168
+ isConnected: isConnected,
169
+ joinMeeting: joinMeeting,
170
+ leaveMeeting: leaveMeeting,
171
+ };
172
+ };
173
+ /**
174
+ * Hook for calendar event-based Twilio Video calls
175
+ * Combines start and join functionality with meeting status polling
176
+ */
177
+ export var useTwilioMeetingForCalendarEvent = function (calendarEventId) {
178
+ var session = useResolvedSession();
179
+ var _a = useTwilioVideo(), room = _a.room, isConnected = _a.isConnected;
180
+ var _b = useStartTwilioVideoCall(calendarEventId), startMeeting = _b.startMeeting, starting = _b.starting;
181
+ var _c = useJoinTwilioVideoCall(), joinMeeting = _c.joinMeeting, joining = _c.joining;
182
+ var _d = useCalendarEvents(), findEvent = _d[1].findById;
183
+ var _e = useMeetings(), findMeeting = _e[1].findById;
184
+ var event = findEvent(calendarEventId);
185
+ var meeting = (event === null || event === void 0 ? void 0 : event.meetingId) ? findMeeting(event.meetingId) : undefined;
186
+ var startAndJoinMeeting = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
187
+ return __generator(this, function (_a) {
188
+ switch (_a.label) {
189
+ case 0: return [4 /*yield*/, startMeeting(calendarEventId)];
190
+ case 1:
191
+ _a.sent();
192
+ return [2 /*return*/];
193
+ }
194
+ });
195
+ }); }, [startMeeting, calendarEventId]);
196
+ var join = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
197
+ return __generator(this, function (_a) {
198
+ switch (_a.label) {
199
+ case 0: return [4 /*yield*/, joinMeeting(calendarEventId)];
200
+ case 1:
201
+ _a.sent();
202
+ return [2 /*return*/];
203
+ }
204
+ });
205
+ }); }, [joinMeeting, calendarEventId]);
206
+ var isHost = session.userInfo.id === (event === null || event === void 0 ? void 0 : event.creator);
207
+ return {
208
+ event: event,
209
+ meeting: meeting,
210
+ room: room,
211
+ isConnected: isConnected,
212
+ isHost: isHost,
213
+ starting: starting,
214
+ joining: joining,
215
+ startAndJoinMeeting: startAndJoinMeeting,
216
+ joinMeeting: join,
217
+ meetingStatus: ((event === null || event === void 0 ? void 0 : event.videoIntegration) !== 'Twilio'
218
+ ? 'disabled'
219
+ : !(event === null || event === void 0 ? void 0 : event.meetingId)
220
+ ? 'waiting-room'
221
+ : isConnected
222
+ ? 'joined'
223
+ : 'loading'),
224
+ };
225
+ };
226
+ //# sourceMappingURL=hooks.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/TwilioVideo/hooks.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,7 @@
1
+ export { TwilioVideoProvider, useTwilioVideo, type TwilioVideoState, type TwilioVideoActions, type TwilioVideoContextType, type TwilioVideoProviderProps, } from './TwilioVideoContext';
2
+ export { useStartTwilioVideoCall, useJoinTwilioVideoCall, useTwilioMeetingForCalendarEvent, } from './hooks';
3
+ export { TwilioParticipant, type TwilioParticipantProps } from './TwilioParticipant';
4
+ export { TwilioControlBar, type TwilioControlBarProps } from './TwilioControls';
5
+ export { TwilioVideoRoom, type TwilioVideoRoomProps } from './TwilioVideoRoom';
6
+ export { TwilioLocalPreview, type TwilioLocalPreviewProps } from './TwilioLocalPreview';
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TwilioVideo/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,GAC9B,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EACL,uBAAuB,EACvB,sBAAsB,EACtB,gCAAgC,GACjC,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACpF,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAC/E,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAC9E,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAA"}
@@ -0,0 +1,7 @@
1
+ export { TwilioVideoProvider, useTwilioVideo, } from './TwilioVideoContext';
2
+ export { useStartTwilioVideoCall, useJoinTwilioVideoCall, useTwilioMeetingForCalendarEvent, } from './hooks';
3
+ export { TwilioParticipant } from './TwilioParticipant';
4
+ export { TwilioControlBar } from './TwilioControls';
5
+ export { TwilioVideoRoom } from './TwilioVideoRoom';
6
+ export { TwilioLocalPreview } from './TwilioLocalPreview';
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TwilioVideo/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,cAAc,GAKf,MAAM,sBAAsB,CAAA;AAE7B,OAAO,EACL,uBAAuB,EACvB,sBAAsB,EACtB,gCAAgC,GACjC,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,iBAAiB,EAA+B,MAAM,qBAAqB,CAAA;AACpF,OAAO,EAAE,gBAAgB,EAA8B,MAAM,kBAAkB,CAAA;AAC/E,OAAO,EAAE,eAAe,EAA6B,MAAM,mBAAmB,CAAA;AAC9E,OAAO,EAAE,kBAAkB,EAAgC,MAAM,sBAAsB,CAAA"}
@@ -17,4 +17,5 @@ export * from "./Forms/index";
17
17
  export * from "./Community/index";
18
18
  export * from "./CMS/index";
19
19
  export * from "./Calendar/index";
20
+ export * from "./TwilioVideo/index";
20
21
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA"}
package/lib/esm/index.js CHANGED
@@ -17,4 +17,5 @@ export * from "./Forms/index";
17
17
  export * from "./Community/index";
18
18
  export * from "./CMS/index";
19
19
  export * from "./Calendar/index";
20
+ export * from "./TwilioVideo/index";
20
21
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA"}