@tellescope/react-components 1.239.1 → 1.241.0

package/lib/cjs/index.js

@@ -33,4 +33,5 @@ __exportStar(require("./Forms/index"), exports);
 __exportStar(require("./Community/index"), exports);
 __exportStar(require("./CMS/index"), exports);
 __exportStar(require("./Calendar/index"), exports);
+__exportStar(require("./TwilioVideo/index"), exports);
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,2CAAyB;AACzB,6CAA2B;AAC3B,2CAAyB;AACzB,kDAAgC;AAChC,mDAAgC;AAChC,0CAAuB;AACvB,wCAAqB;AACrB,0CAAwB;AACxB,0CAAuB;AACvB,6CAA0B;AAC1B,0CAAuB;AACvB,gDAA6B;AAC7B,oDAAiC;AACjC,8CAA2B;AAC3B,mDAAgC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,2CAAyB;AACzB,6CAA2B;AAC3B,2CAAyB;AACzB,kDAAgC;AAChC,mDAAgC;AAChC,0CAAuB;AACvB,wCAAqB;AACrB,0CAAwB;AACxB,0CAAuB;AACvB,6CAA0B;AAC1B,0CAAuB;AACvB,gDAA6B;AAC7B,oDAAiC;AACjC,8CAA2B;AAC3B,mDAAgC;AAChC,sDAAmC"}

package/lib/esm/Forms/inputs.d.ts

@@ -25,7 +25,7 @@ export declare const DateInput: ({ field, value, onChange, placement, ...props }
     placement?: "left" | "right" | "bottom" | "top" | undefined;
 } & FormInputProps<"date"> & Styled) => JSX.Element;
 export declare const TableInput: ({ field, value, onChange, form, ...props }: FormInputProps<'Input Table'>) => JSX.Element;
-export declare const AutoFocusTextField: (props: TextFieldProps & {
+export declare const AutoFocusTextField: (props: (import("@mui/material").OutlinedTextFieldProps | import("@mui/material").FilledTextFieldProps | import("@mui/material").StandardTextFieldProps) & {
     inputProps?: {
         sx: SxProps;
     } | undefined;

package/lib/esm/TwilioVideo/TwilioControls.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface TwilioControlBarProps {
+    onLeave?: () => void;
+    onEndForAll?: () => void;
+    style?: React.CSSProperties;
+}
+export declare const TwilioControlBar: React.FC<TwilioControlBarProps>;
+//# sourceMappingURL=TwilioControls.d.ts.map

package/lib/esm/TwilioVideo/TwilioControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwilioControls.d.ts","sourceRoot":"","sources":["../../../src/TwilioVideo/TwilioControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA4F5D,CAAA"}

package/lib/esm/TwilioVideo/TwilioControls.js

@@ -0,0 +1,53 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, IconButton, Button } from '@mui/material';
+import { Mic as MicIcon, MicOff as MicOffIcon, Videocam as VideocamIcon, VideocamOff as VideocamOffIcon, CallEnd as CallEndIcon, } from '@mui/icons-material';
+import { useTwilioVideo } from './TwilioVideoContext';
+export var TwilioControlBar = function (_a) {
+    var onLeave = _a.onLeave, onEndForAll = _a.onEndForAll, style = _a.style;
+    var _b = useTwilioVideo(), isVideoEnabled = _b.isVideoEnabled, isAudioEnabled = _b.isAudioEnabled, toggleVideo = _b.toggleVideo, toggleAudio = _b.toggleAudio, disconnect = _b.disconnect, isHost = _b.isHost;
+    var handleLeave = function () {
+        disconnect();
+        onLeave === null || onLeave === void 0 ? void 0 : onLeave();
+    };
+    var handleEndForAll = function () {
+        onEndForAll === null || onEndForAll === void 0 ? void 0 : onEndForAll();
+        disconnect();
+    };
+    return (_jsxs(Box, __assign({ sx: __assign({ display: 'flex', justifyContent: 'center', alignItems: 'center', gap: 2, backgroundColor: '#1a1a1a', padding: '12px 24px' }, style) }, { children: [_jsx(IconButton, __assign({ onClick: toggleAudio, sx: {
+                    color: isAudioEnabled ? 'white' : '#ff4444',
+                    '&:hover': {
+                        backgroundColor: 'rgba(255,255,255,0.1)',
+                    },
+                } }, { children: isAudioEnabled ? _jsx(MicIcon, {}) : _jsx(MicOffIcon, {}) })), _jsx(IconButton, __assign({ onClick: toggleVideo, sx: {
+                    color: isVideoEnabled ? 'white' : '#ff4444',
+                    '&:hover': {
+                        backgroundColor: 'rgba(255,255,255,0.1)',
+                    },
+                } }, { children: isVideoEnabled ? _jsx(VideocamIcon, {}) : _jsx(VideocamOffIcon, {}) })), _jsx(IconButton, __assign({ onClick: handleLeave, sx: {
+                    backgroundColor: '#ff4444',
+                    color: 'white',
+                    '&:hover': {
+                        backgroundColor: '#cc3333',
+                    },
+                } }, { children: _jsx(CallEndIcon, {}) })), isHost && onEndForAll && (_jsx(Button, __assign({ variant: "outlined", onClick: handleEndForAll, sx: {
+                    color: 'white',
+                    borderColor: 'white',
+                    marginLeft: 2,
+                    '&:hover': {
+                        borderColor: '#ff4444',
+                        color: '#ff4444',
+                    },
+                } }, { children: "End For All" })))] })));
+};
+//# sourceMappingURL=TwilioControls.js.map

package/lib/esm/TwilioVideo/TwilioControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwilioControls.js","sourceRoot":"","sources":["../../../src/TwilioVideo/TwilioControls.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EACL,GAAG,IAAI,OAAO,EACd,MAAM,IAAI,UAAU,EACpB,QAAQ,IAAI,YAAY,EACxB,WAAW,IAAI,eAAe,EAC9B,OAAO,IAAI,WAAW,GACvB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAQrD,MAAM,CAAC,IAAM,gBAAgB,GAAoC,UAAC,EAIjE;QAHC,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,KAAK,WAAA;IAEC,IAAA,KAOF,cAAc,EAAE,EANlB,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,MAAM,YACY,CAAA;IAEpB,IAAM,WAAW,GAAG;QAClB,UAAU,EAAE,CAAA;QACZ,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;IACb,CAAC,CAAA;IAED,IAAM,eAAe,GAAG;QACtB,WAAW,aAAX,WAAW,uBAAX,WAAW,EAAI,CAAA;QACf,UAAU,EAAE,CAAA;IACd,CAAC,CAAA;IAED,OAAO,CACL,MAAC,GAAG,aACF,EAAE,aACA,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,EACxB,UAAU,EAAE,QAAQ,EACpB,GAAG,EAAE,CAAC,EACN,eAAe,EAAE,SAAS,EAC1B,OAAO,EAAE,WAAW,IACjB,KAAK,kBAGV,KAAC,UAAU,aACT,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE;oBACF,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;oBAC3C,SAAS,EAAE;wBACT,eAAe,EAAE,uBAAuB;qBACzC;iBACF,gBAEA,cAAc,CAAC,CAAC,CAAC,KAAC,OAAO,KAAG,CAAC,CAAC,CAAC,KAAC,UAAU,KAAG,IACnC,EAEb,KAAC,UAAU,aACT,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE;oBACF,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;oBAC3C,SAAS,EAAE;wBACT,eAAe,EAAE,uBAAuB;qBACzC;iBACF,gBAEA,cAAc,CAAC,CAAC,CAAC,KAAC,YAAY,KAAG,CAAC,CAAC,CAAC,KAAC,eAAe,KAAG,IAC7C,EAEb,KAAC,UAAU,aACT,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE;oBACF,eAAe,EAAE,SAAS;oBAC1B,KAAK,EAAE,OAAO;oBACd,SAAS,EAAE;wBACT,eAAe,EAAE,SAAS;qBAC3B;iBACF,gBAED,KAAC,WAAW,KAAG,IACJ,EAEZ,MAAM,IAAI,WAAW,IAAI,CACxB,KAAC,MAAM,aACL,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,eAAe,EACxB,EAAE,EAAE;oBACF,KAAK,EAAE,OAAO;oBACd,WAAW,EAAE,OAAO;oBACpB,UAAU,EAAE,CAAC;oBACb,SAAS,EAAE;wBACT,WAAW,EAAE,SAAS;wBACtB,KAAK,EAAE,SAAS;qBACjB;iBACF,iCAGM,CACV,KACG,CACP,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/TwilioVideo/TwilioLocalPreview.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface TwilioLocalPreviewProps {
+    style?: React.CSSProperties;
+}
+export declare const TwilioLocalPreview: React.FC<TwilioLocalPreviewProps>;
+//# sourceMappingURL=TwilioLocalPreview.d.ts.map

package/lib/esm/TwilioVideo/TwilioLocalPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwilioLocalPreview.d.ts","sourceRoot":"","sources":["../../../src/TwilioVideo/TwilioLocalPreview.tsx"],"names":[],"mappings":";AAIA,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA8IhE,CAAA"}

package/lib/esm/TwilioVideo/TwilioLocalPreview.js

@@ -0,0 +1,166 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            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;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import Video from 'twilio-video';
+import { Box, Typography, CircularProgress, FormControl, InputLabel, Select, MenuItem } from '@mui/material';
+export var TwilioLocalPreview = function (_a) {
+    var style = _a.style;
+    var containerRef = useRef(null);
+    var trackRef = useRef(null);
+    var _b = useState(null), error = _b[0], setError = _b[1];
+    var _c = useState(true), loading = _c[0], setLoading = _c[1];
+    var _d = useState([]), devices = _d[0], setDevices = _d[1];
+    var _e = useState(''), selectedDeviceId = _e[0], setSelectedDeviceId = _e[1];
+    // Enumerate video devices
+    useEffect(function () {
+        var getDevices = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var stream, allDevices, videoDevices, err_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 3, , 4]);
+                        return [4 /*yield*/, navigator.mediaDevices.getUserMedia({ video: true })];
+                    case 1:
+                        stream = _a.sent();
+                        stream.getTracks().forEach(function (track) { return track.stop(); });
+                        return [4 /*yield*/, navigator.mediaDevices.enumerateDevices()];
+                    case 2:
+                        allDevices = _a.sent();
+                        videoDevices = allDevices.filter(function (d) { return d.kind === 'videoinput'; });
+                        setDevices(videoDevices);
+                        if (videoDevices.length > 0 && !selectedDeviceId) {
+                            setSelectedDeviceId(videoDevices[0].deviceId);
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_1 = _a.sent();
+                        setError((err_1 === null || err_1 === void 0 ? void 0 : err_1.message) || 'Failed to enumerate devices');
+                        setLoading(false);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
+        getDevices();
+    }, []);
+    // Create video track when device is selected
+    useEffect(function () {
+        if (!selectedDeviceId)
+            return;
+        var mounted = true;
+        var getVideoTrack = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var track, videoElement, err_2;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        // Stop existing track
+                        if (trackRef.current) {
+                            trackRef.current.stop();
+                            trackRef.current = null;
+                        }
+                        // Clear container
+                        if (containerRef.current) {
+                            containerRef.current.innerHTML = '';
+                        }
+                        setLoading(true);
+                        setError(null);
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, Video.createLocalVideoTrack({
+                                deviceId: { exact: selectedDeviceId },
+                                width: 640,
+                                height: 480,
+                            })];
+                    case 2:
+                        track = _a.sent();
+                        if (mounted && containerRef.current) {
+                            trackRef.current = track;
+                            videoElement = track.attach();
+                            videoElement.style.width = '100%';
+                            videoElement.style.height = '100%';
+                            videoElement.style.objectFit = 'cover';
+                            videoElement.style.transform = 'scaleX(-1)';
+                            containerRef.current.appendChild(videoElement);
+                            setLoading(false);
+                        }
+                        else if (!mounted) {
+                            track.stop();
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        err_2 = _a.sent();
+                        if (mounted) {
+                            setError((err_2 === null || err_2 === void 0 ? void 0 : err_2.message) || 'Failed to access camera');
+                            setLoading(false);
+                        }
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
+        getVideoTrack();
+        return function () {
+            mounted = false;
+            if (trackRef.current) {
+                trackRef.current.stop();
+                trackRef.current = null;
+            }
+            if (containerRef.current) {
+                containerRef.current.innerHTML = '';
+            }
+        };
+    }, [selectedDeviceId]);
+    return (_jsxs(Box, __assign({ sx: { display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 1 } }, { children: [devices.length > 0 && (_jsxs(FormControl, __assign({ size: "small", sx: { minWidth: 320 } }, { children: [_jsx(InputLabel, __assign({ id: "camera-select-label" }, { children: "Camera" })), _jsx(Select, __assign({ labelId: "camera-select-label", value: selectedDeviceId, label: "Camera", onChange: function (e) { return setSelectedDeviceId(e.target.value); } }, { children: devices.map(function (device) { return (_jsx(MenuItem, __assign({ value: device.deviceId }, { children: device.label || "Camera ".concat(devices.indexOf(device) + 1) }), device.deviceId)); }) }))] }))), _jsxs(Box, __assign({ sx: __assign({ width: 320, height: 240, backgroundColor: '#1a1a1a', borderRadius: 1, overflow: 'hidden', display: 'flex', alignItems: 'center', justifyContent: 'center' }, style) }, { children: [loading && _jsx(CircularProgress, { size: 24, sx: { color: 'white' } }), error && (_jsx(Typography, __assign({ color: "error", variant: "body2", textAlign: "center", sx: { p: 2 } }, { children: error }))), _jsx(Box, { ref: containerRef, sx: {
+                            width: '100%',
+                            height: '100%',
+                            display: loading || error ? 'none' : 'block',
+                        } })] }))] })));
+};
+//# sourceMappingURL=TwilioLocalPreview.js.map

package/lib/esm/TwilioVideo/TwilioLocalPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwilioLocalPreview.js","sourceRoot":"","sources":["../../../src/TwilioVideo/TwilioLocalPreview.tsx"],"names":[],"mappings":"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"}

package/lib/esm/TwilioVideo/TwilioParticipant.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { RemoteParticipant, LocalParticipant } from 'twilio-video';
+export interface TwilioParticipantProps {
+    participant: RemoteParticipant | LocalParticipant;
+    isLocal?: boolean;
+    style?: React.CSSProperties;
+    /** Resolve participant identity to a display label. Defaults to empty string. */
+    resolveIdentity?: (identity: string) => string;
+}
+export declare const TwilioParticipant: React.FC<TwilioParticipantProps>;
+//# sourceMappingURL=TwilioParticipant.d.ts.map

package/lib/esm/TwilioVideo/TwilioParticipant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwilioParticipant.d.ts","sourceRoot":"","sources":["../../../src/TwilioVideo/TwilioParticipant.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAC1D,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAKjB,MAAM,cAAc,CAAA;AAGrB,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,iBAAiB,GAAG,gBAAgB,CAAA;IACjD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,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,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAoH9D,CAAA"}

package/lib/esm/TwilioVideo/TwilioParticipant.js

@@ -0,0 +1,94 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { Box, Typography } from '@mui/material';
+export var TwilioParticipant = function (_a) {
+    var participant = _a.participant, _b = _a.isLocal, isLocal = _b === void 0 ? false : _b, style = _a.style, _c = _a.resolveIdentity, resolveIdentity = _c === void 0 ? function () { return ''; } : _c;
+    var videoRef = useRef(null);
+    var audioRef = useRef(null);
+    var _d = useState(null), videoTrack = _d[0], setVideoTrack = _d[1];
+    var _e = useState(null), audioTrack = _e[0], setAudioTrack = _e[1];
+    useEffect(function () {
+        var handleTrackSubscribed = function (track) {
+            if (track.kind === 'video') {
+                setVideoTrack(track);
+            }
+            else if (track.kind === 'audio') {
+                setAudioTrack(track);
+            }
+        };
+        var handleTrackUnsubscribed = function (track) {
+            if (track.kind === 'video') {
+                setVideoTrack(null);
+            }
+            else if (track.kind === 'audio') {
+                setAudioTrack(null);
+            }
+        };
+        // Get existing tracks
+        participant.tracks.forEach(function (publication) {
+            if (publication.track) {
+                handleTrackSubscribed(publication.track);
+            }
+        });
+        // For remote participants, listen for track subscriptions
+        if ('on' in participant) {
+            participant.on('trackSubscribed', handleTrackSubscribed);
+            participant.on('trackUnsubscribed', handleTrackUnsubscribed);
+        }
+        return function () {
+            if ('off' in participant) {
+                participant.off('trackSubscribed', handleTrackSubscribed);
+                participant.off('trackUnsubscribed', handleTrackUnsubscribed);
+            }
+        };
+    }, [participant]);
+    // Attach video track
+    useEffect(function () {
+        if (videoTrack && videoRef.current) {
+            videoTrack.attach(videoRef.current);
+            return function () {
+                videoTrack.detach();
+            };
+        }
+    }, [videoTrack]);
+    // Attach audio track (not for local participant to avoid echo)
+    useEffect(function () {
+        if (audioTrack && audioRef.current && !isLocal) {
+            audioTrack.attach(audioRef.current);
+            return function () {
+                audioTrack.detach();
+            };
+        }
+    }, [audioTrack, isLocal]);
+    return (_jsxs(Box, __assign({ sx: __assign({ position: 'relative', width: '100%', height: '100%', backgroundColor: '#1a1a1a', borderRadius: 1, overflow: 'hidden' }, style) }, { children: [_jsx("video", { ref: videoRef, autoPlay: true, muted: isLocal, playsInline: true, style: {
+                    width: '100%',
+                    height: '100%',
+                    objectFit: 'cover',
+                    transform: isLocal ? 'scaleX(-1)' : 'none',
+                } }), !isLocal && _jsx("audio", { ref: audioRef, autoPlay: true }), (function () {
+                var label = resolveIdentity(participant.identity);
+                if (!label && !isLocal)
+                    return null;
+                return (_jsxs(Typography, __assign({ variant: "caption", sx: {
+                        position: 'absolute',
+                        bottom: 8,
+                        left: 8,
+                        color: 'white',
+                        backgroundColor: 'rgba(0,0,0,0.5)',
+                        padding: '2px 8px',
+                        borderRadius: 1,
+                    } }, { children: [label, isLocal && (label ? ' (You)' : '(You)')] })));
+            })()] })));
+};
+//# sourceMappingURL=TwilioParticipant.js.map

package/lib/esm/TwilioVideo/TwilioParticipant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwilioParticipant.js","sourceRoot":"","sources":["../../../src/TwilioVideo/TwilioParticipant.tsx"],"names":[],"mappings":"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"}

package/lib/esm/TwilioVideo/TwilioVideoContext.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Room, LocalVideoTrack, LocalAudioTrack, RemoteParticipant } from 'twilio-video';
+export interface TwilioVideoState {
+    room: Room | null;
+    isConnecting: boolean;
+    isConnected: boolean;
+    localVideoTrack: LocalVideoTrack | null;
+    localAudioTrack: LocalAudioTrack | null;
+    participants: RemoteParticipant[];
+    error: Error | null;
+    isHost: boolean;
+    isVideoEnabled: boolean;
+    isAudioEnabled: boolean;
+}
+export interface TwilioVideoActions {
+    connect: (token: string, roomName: string) => Promise<void>;
+    disconnect: () => void;
+    toggleVideo: () => Promise<void>;
+    toggleAudio: () => void;
+    setIsHost: (isHost: boolean) => void;
+}
+export type TwilioVideoContextType = TwilioVideoState & TwilioVideoActions;
+export declare const useTwilioVideo: () => TwilioVideoContextType;
+export interface TwilioVideoProviderProps {
+    children: React.ReactNode;
+}
+export declare const TwilioVideoProvider: React.FC<TwilioVideoProviderProps>;
+//# sourceMappingURL=TwilioVideoContext.d.ts.map

package/lib/esm/TwilioVideo/TwilioVideoContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwilioVideoContext.d.ts","sourceRoot":"","sources":["../../../src/TwilioVideo/TwilioVideoContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAA;AAClG,OAAc,EACZ,IAAI,EACJ,eAAe,EACf,eAAe,EACf,iBAAiB,EAIlB,MAAM,cAAc,CAAA;AAErB,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;IACjB,YAAY,EAAE,OAAO,CAAA;IACrB,WAAW,EAAE,OAAO,CAAA;IACpB,eAAe,EAAE,eAAe,GAAG,IAAI,CAAA;IACvC,eAAe,EAAE,eAAe,GAAG,IAAI,CAAA;IACvC,YAAY,EAAE,iBAAiB,EAAE,CAAA;IACjC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IACnB,MAAM,EAAE,OAAO,CAAA;IACf,cAAc,EAAE,OAAO,CAAA;IACvB,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAChC,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC;AAED,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,GAAG,kBAAkB,CAAA;AAI1E,eAAO,MAAM,cAAc,QAAO,sBAMjC,CAAA;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqJlE,CAAA"}