@tellescope/react-components 1.246.1 → 1.247.0

package/lib/cjs/TwilioVideo/TwilioVideoContext.js

@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 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) {
@@ -55,14 +78,12 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TwilioVideoProvider = exports.useTwilioVideo = void 0;
+exports.TwilioVideoProvider = exports.useTwilioVideo = exports.SCREEN_SHARE_TRACK_NAME = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var twilio_video_1 = __importDefault(require("twilio-video"));
+var twilio_video_1 = __importStar(require("twilio-video"));
+exports.SCREEN_SHARE_TRACK_NAME = 'screen-share';
 var TwilioVideoContext = (0, react_1.createContext)(null);
 var useTwilioVideo = function () {
     var context = (0, react_1.useContext)(TwilioVideoContext);
@@ -83,6 +104,9 @@ var TwilioVideoProvider = function (_a) {
     var _h = (0, react_1.useState)(false), isHost = _h[0], setIsHost = _h[1];
     var _j = (0, react_1.useState)(true), isVideoEnabled = _j[0], setIsVideoEnabled = _j[1];
     var _k = (0, react_1.useState)(true), isAudioEnabled = _k[0], setIsAudioEnabled = _k[1];
+    var _l = (0, react_1.useState)(null), localScreenTrack = _l[0], setLocalScreenTrack = _l[1];
+    var _m = (0, react_1.useState)(false), isScreenSharing = _m[0], setIsScreenSharing = _m[1];
+    var _o = (0, react_1.useState)(null), screenSharingParticipantSid = _o[0], setScreenSharingParticipantSid = _o[1];
     var localTracksRef = (0, react_1.useRef)([]);
     var connect = (0, react_1.useCallback)(function (token, roomName) { return __awaiter(void 0, void 0, void 0, function () {
         var tracks, videoTrack, audioTrack, newRoom, existingParticipants, err_1;
@@ -125,6 +149,17 @@ var TwilioVideoProvider = function (_a) {
                     newRoom.on('participantDisconnected', function (participant) {
                         setParticipants(function (prev) { return prev.filter(function (p) { return p.sid !== participant.sid; }); });
                     });
+                    // Track remote screen sharing for React re-renders
+                    newRoom.on('trackSubscribed', function (track, publication, participant) {
+                        if (track.kind === 'video' && track.name === exports.SCREEN_SHARE_TRACK_NAME) {
+                            setScreenSharingParticipantSid(participant.sid);
+                        }
+                    });
+                    newRoom.on('trackUnsubscribed', function (track, publication, participant) {
+                        if (track.kind === 'video' && track.name === exports.SCREEN_SHARE_TRACK_NAME) {
+                            setScreenSharingParticipantSid(null);
+                        }
+                    });
                     newRoom.on('disconnected', function () {
                         // Stop all local tracks when disconnected
                         localTracksRef.current.forEach(function (track) {
@@ -134,6 +169,9 @@ var TwilioVideoProvider = function (_a) {
                         setRoom(null);
                         setLocalVideoTrack(null);
                         setLocalAudioTrack(null);
+                        setLocalScreenTrack(null);
+                        setIsScreenSharing(false);
+                        setScreenSharingParticipantSid(null);
                         setParticipants([]);
                     });
                     return [3 /*break*/, 6];
@@ -161,6 +199,9 @@ var TwilioVideoProvider = function (_a) {
         setRoom(null);
         setLocalVideoTrack(null);
         setLocalAudioTrack(null);
+        setLocalScreenTrack(null);
+        setIsScreenSharing(false);
+        setScreenSharingParticipantSid(null);
         setParticipants([]);
     }, [room]);
     var toggleVideo = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -188,6 +229,63 @@ var TwilioVideoProvider = function (_a) {
             setIsAudioEnabled(!isAudioEnabled);
         }
     }, [localAudioTrack, isAudioEnabled]);
+    var stopScreenShare = (0, react_1.useCallback)(function () {
+        if (localScreenTrack) {
+            if (room) {
+                room.localParticipant.unpublishTrack(localScreenTrack);
+            }
+            localScreenTrack.stop();
+            localTracksRef.current = localTracksRef.current.filter(function (t) { return t !== localScreenTrack; });
+            setLocalScreenTrack(null);
+            setIsScreenSharing(false);
+        }
+    }, [localScreenTrack, room]);
+    var toggleScreenShare = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var stream, mediaStreamTrack, screenTrack_1, err_2;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (isScreenSharing) {
+                        stopScreenShare();
+                        return [2 /*return*/];
+                    }
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 5, , 6]);
+                    return [4 /*yield*/, navigator.mediaDevices.getDisplayMedia({ video: true })];
+                case 2:
+                    stream = _a.sent();
+                    mediaStreamTrack = stream.getVideoTracks()[0];
+                    screenTrack_1 = new twilio_video_1.LocalVideoTrack(mediaStreamTrack, { name: exports.SCREEN_SHARE_TRACK_NAME });
+                    if (!room) return [3 /*break*/, 4];
+                    return [4 /*yield*/, room.localParticipant.publishTrack(screenTrack_1)];
+                case 3:
+                    _a.sent();
+                    _a.label = 4;
+                case 4:
+                    localTracksRef.current.push(screenTrack_1);
+                    setLocalScreenTrack(screenTrack_1);
+                    setIsScreenSharing(true);
+                    // Handle browser "Stop sharing" button
+                    mediaStreamTrack.onended = function () {
+                        if (room) {
+                            room.localParticipant.unpublishTrack(screenTrack_1);
+                        }
+                        screenTrack_1.stop();
+                        localTracksRef.current = localTracksRef.current.filter(function (t) { return t !== screenTrack_1; });
+                        setLocalScreenTrack(null);
+                        setIsScreenSharing(false);
+                    };
+                    return [3 /*break*/, 6];
+                case 5:
+                    err_2 = _a.sent();
+                    // User cancelled the screen share picker — not an error
+                    console.log('Screen share cancelled or failed:', err_2);
+                    return [3 /*break*/, 6];
+                case 6: return [2 /*return*/];
+            }
+        });
+    }); }, [isScreenSharing, stopScreenShare, room]);
     // Cleanup on unmount
     (0, react_1.useEffect)(function () {
         return function () {
@@ -205,6 +303,9 @@ var TwilioVideoProvider = function (_a) {
         isConnected: !!room,
         localVideoTrack: localVideoTrack,
         localAudioTrack: localAudioTrack,
+        localScreenTrack: localScreenTrack,
+        isScreenSharing: isScreenSharing,
+        screenSharingParticipantSid: screenSharingParticipantSid,
         participants: participants,
         error: error,
         isHost: isHost,
@@ -214,6 +315,7 @@ var TwilioVideoProvider = function (_a) {
         disconnect: disconnect,
         toggleVideo: toggleVideo,
         toggleAudio: toggleAudio,
+        toggleScreenShare: toggleScreenShare,
         setIsHost: setIsHost,
     };
     return ((0, jsx_runtime_1.jsx)(TwilioVideoContext.Provider, __assign({ value: value }, { children: children })));

package/lib/cjs/TwilioVideo/TwilioVideoContext.js.map

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

package/lib/cjs/TwilioVideo/TwilioVideoRoom.d.ts

@@ -5,6 +5,8 @@ export interface TwilioVideoRoomProps {
     style?: React.CSSProperties;
     /** Resolve participant identity to a display label. Defaults to empty string. */
     resolveIdentity?: (identity: string) => string;
+    /** Whether to show the screen share button. Defaults to true. */
+    showScreenShare?: boolean;
 }
 export declare const TwilioVideoRoom: React.FC<TwilioVideoRoomProps>;
 //# sourceMappingURL=TwilioVideoRoom.d.ts.map

package/lib/cjs/TwilioVideo/TwilioVideoRoom.d.ts.map

@@ -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"}
+{"version":3,"file":"TwilioVideoRoom.d.ts","sourceRoot":"","sources":["../../../src/TwilioVideo/TwilioVideoRoom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,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;IAC9C,iEAAiE;IACjE,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0K1D,CAAA"}

package/lib/cjs/TwilioVideo/TwilioVideoRoom.js

@@ -10,6 +10,15 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TwilioVideoRoom = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
@@ -18,12 +27,49 @@ var TwilioVideoContext_1 = require("./TwilioVideoContext");
 var TwilioParticipant_1 = require("./TwilioParticipant");
 var TwilioControls_1 = require("./TwilioControls");
 var TwilioVideoRoom = function (_a) {
-    var onLeave = _a.onLeave, onEndForAll = _a.onEndForAll, style = _a.style, resolveIdentity = _a.resolveIdentity;
-    var _b = (0, TwilioVideoContext_1.useTwilioVideo)(), room = _b.room, participants = _b.participants;
+    var onLeave = _a.onLeave, onEndForAll = _a.onEndForAll, style = _a.style, resolveIdentity = _a.resolveIdentity, _b = _a.showScreenShare, showScreenShareProp = _b === void 0 ? true : _b;
+    var _c = (0, TwilioVideoContext_1.useTwilioVideo)(), room = _c.room, participants = _c.participants, isScreenSharing = _c.isScreenSharing, screenSharingParticipantSid = _c.screenSharingParticipantSid;
     if (!room)
         return null;
     var localParticipant = room.localParticipant;
     var hasRemoteParticipants = participants.length > 0;
+    // Find who is sharing their screen (context-driven so React re-renders properly)
+    var screenShareParticipant = (function () {
+        if (isScreenSharing)
+            return localParticipant;
+        if (screenSharingParticipantSid) {
+            return participants.find(function (p) { return p.sid === screenSharingParticipantSid; }) || null;
+        }
+        return null;
+    })();
+    var isScreenShareActive = screenShareParticipant !== null;
+    // All participants for the camera strip (local + remote)
+    var allParticipants = __spreadArray([
+        localParticipant
+    ], participants, true);
+    if (isScreenShareActive) {
+        // Presentation layout: screen share large on top, camera strip on bottom
+        return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: __assign({ display: 'flex', flexDirection: 'column', height: '100%', width: '100%', backgroundColor: '#1a1a1a' }, style) }, { children: [(0, jsx_runtime_1.jsx)(material_1.Box, __assign({ sx: {
+                        flex: 1,
+                        overflow: 'hidden',
+                        minHeight: 0,
+                    } }, { children: (0, jsx_runtime_1.jsx)(TwilioParticipant_1.TwilioParticipant, { participant: screenShareParticipant, isLocal: screenShareParticipant === localParticipant, showScreenShare: true, resolveIdentity: resolveIdentity }) })), (0, jsx_runtime_1.jsx)(material_1.Box, __assign({ sx: {
+                        height: 120,
+                        display: 'flex',
+                        flexDirection: 'row',
+                        gap: 1,
+                        padding: 1,
+                        overflowX: 'auto',
+                        flexShrink: 0,
+                    } }, { children: allParticipants.map(function (p) { return ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ sx: {
+                            height: '100%',
+                            aspectRatio: '4/3',
+                            flexShrink: 0,
+                            borderRadius: 1,
+                            overflow: 'hidden',
+                        } }, { children: (0, jsx_runtime_1.jsx)(TwilioParticipant_1.TwilioParticipant, { participant: p, isLocal: p === localParticipant, showScreenShare: false, resolveIdentity: resolveIdentity }) }), p.sid)); }) })), (0, jsx_runtime_1.jsx)(TwilioControls_1.TwilioControlBar, { onLeave: onLeave, onEndForAll: onEndForAll, showScreenShare: showScreenShareProp })] })));
+    }
+    // Normal layout (no screen share active)
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: __assign({ display: 'flex', flexDirection: 'column', height: '100%', width: '100%', backgroundColor: '#1a1a1a' }, style) }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: {
                     flex: 1,
                     position: 'relative',
@@ -43,7 +89,7 @@ var TwilioVideoRoom = function (_a) {
                             borderRadius: 1,
                             overflow: 'hidden',
                             boxShadow: '0 2px 8px rgba(0,0,0,0.3)',
-                        } }, { children: (0, jsx_runtime_1.jsx)(TwilioParticipant_1.TwilioParticipant, { participant: localParticipant, isLocal: true, resolveIdentity: resolveIdentity }) })))] })), (0, jsx_runtime_1.jsx)(TwilioControls_1.TwilioControlBar, { onLeave: onLeave, onEndForAll: onEndForAll })] })));
+                        } }, { children: (0, jsx_runtime_1.jsx)(TwilioParticipant_1.TwilioParticipant, { participant: localParticipant, isLocal: true, resolveIdentity: resolveIdentity }) })))] })), (0, jsx_runtime_1.jsx)(TwilioControls_1.TwilioControlBar, { onLeave: onLeave, onEndForAll: onEndForAll, showScreenShare: showScreenShareProp })] })));
 };
 exports.TwilioVideoRoom = TwilioVideoRoom;
 //# sourceMappingURL=TwilioVideoRoom.js.map

package/lib/cjs/TwilioVideo/TwilioVideoRoom.js.map

@@ -1 +1 @@
-{"version":3,"file":"TwilioVideoRoom.js","sourceRoot":"","sources":["../../../src/TwilioVideo/TwilioVideoRoom.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,0CAAyC;AACzC,2DAAqD;AACrD,yDAAuD;AACvD,mDAAmD;AAU5C,IAAM,eAAe,GAAmC,UAAC,EAK/D;QAJC,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,eAAe,qBAAA;IAET,IAAA,KAAyB,IAAA,mCAAc,GAAE,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,wBAAC,cAAG,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,wBAAC,cAAG,aACF,EAAE,EAAE;oBACF,IAAI,EAAE,CAAC;oBACP,QAAQ,EAAE,UAAU;oBACpB,QAAQ,EAAE,QAAQ;iBACnB,iBAGA,qBAAqB,CAAC,CAAC,CAAC,CACvB,uBAAC,eAAI,aACH,SAAS,QACT,EAAE,EAAE;4BACF,MAAM,EAAE,MAAM;4BACd,KAAK,EAAE,MAAM;yBACd,gBAEA,YAAY,CAAC,GAAG,CAAC,UAAC,WAAW,IAAK,OAAA,CACjC,uBAAC,eAAI,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,uBAAC,qCAAiB,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,uBAAC,cAAG,aAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,gBACxC,uBAAC,qCAAiB,IAAC,WAAW,EAAE,gBAAgB,EAAE,OAAO,QAAC,eAAe,EAAE,eAAe,GAAI,IAC1F,CACP,EAGA,qBAAqB,IAAI,CACxB,uBAAC,cAAG,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,uBAAC,qCAAiB,IAAC,WAAW,EAAE,gBAAgB,EAAE,OAAO,QAAC,eAAe,EAAE,eAAe,GAAI,IAC1F,CACP,KACG,EAGN,uBAAC,iCAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,GAAI,KAC5D,CACP,CAAA;AACH,CAAC,CAAA;AAnFY,QAAA,eAAe,mBAmF3B"}
+{"version":3,"file":"TwilioVideoRoom.js","sourceRoot":"","sources":["../../../src/TwilioVideo/TwilioVideoRoom.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/TwilioVideo/index.d.ts

@@ -1,4 +1,4 @@
-export { TwilioVideoProvider, useTwilioVideo, type TwilioVideoState, type TwilioVideoActions, type TwilioVideoContextType, type TwilioVideoProviderProps, } from './TwilioVideoContext';
+export { TwilioVideoProvider, useTwilioVideo, SCREEN_SHARE_TRACK_NAME, type TwilioVideoState, type TwilioVideoActions, type TwilioVideoContextType, type TwilioVideoProviderProps, } from './TwilioVideoContext';
 export { useStartTwilioVideoCall, useJoinTwilioVideoCall, useTwilioMeetingForCalendarEvent, } from './hooks';
 export { TwilioParticipant, type TwilioParticipantProps } from './TwilioParticipant';
 export { TwilioControlBar, type TwilioControlBarProps } from './TwilioControls';

package/lib/cjs/TwilioVideo/index.d.ts.map

@@ -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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TwilioVideo/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,uBAAuB,EACvB,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"}

package/lib/cjs/TwilioVideo/index.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TwilioLocalPreview = exports.TwilioVideoRoom = exports.TwilioControlBar = exports.TwilioParticipant = exports.useTwilioMeetingForCalendarEvent = exports.useJoinTwilioVideoCall = exports.useStartTwilioVideoCall = exports.useTwilioVideo = exports.TwilioVideoProvider = void 0;
+exports.TwilioLocalPreview = exports.TwilioVideoRoom = exports.TwilioControlBar = exports.TwilioParticipant = exports.useTwilioMeetingForCalendarEvent = exports.useJoinTwilioVideoCall = exports.useStartTwilioVideoCall = exports.SCREEN_SHARE_TRACK_NAME = exports.useTwilioVideo = exports.TwilioVideoProvider = void 0;
 var TwilioVideoContext_1 = require("./TwilioVideoContext");
 Object.defineProperty(exports, "TwilioVideoProvider", { enumerable: true, get: function () { return TwilioVideoContext_1.TwilioVideoProvider; } });
 Object.defineProperty(exports, "useTwilioVideo", { enumerable: true, get: function () { return TwilioVideoContext_1.useTwilioVideo; } });
+Object.defineProperty(exports, "SCREEN_SHARE_TRACK_NAME", { enumerable: true, get: function () { return TwilioVideoContext_1.SCREEN_SHARE_TRACK_NAME; } });
 var hooks_1 = require("./hooks");
 Object.defineProperty(exports, "useStartTwilioVideoCall", { enumerable: true, get: function () { return hooks_1.useStartTwilioVideoCall; } });
 Object.defineProperty(exports, "useJoinTwilioVideoCall", { enumerable: true, get: function () { return hooks_1.useJoinTwilioVideoCall; } });

package/lib/cjs/TwilioVideo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TwilioVideo/index.ts"],"names":[],"mappings":";;;AAAA,2DAO6B;AAN3B,yHAAA,mBAAmB,OAAA;AACnB,oHAAA,cAAc,OAAA;AAOhB,iCAIgB;AAHd,gHAAA,uBAAuB,OAAA;AACvB,+GAAA,sBAAsB,OAAA;AACtB,yHAAA,gCAAgC,OAAA;AAGlC,yDAAoF;AAA3E,sHAAA,iBAAiB,OAAA;AAC1B,mDAA+E;AAAtE,kHAAA,gBAAgB,OAAA;AACzB,qDAA8E;AAArE,kHAAA,eAAe,OAAA;AACxB,2DAAuF;AAA9E,wHAAA,kBAAkB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TwilioVideo/index.ts"],"names":[],"mappings":";;;AAAA,2DAQ6B;AAP3B,yHAAA,mBAAmB,OAAA;AACnB,oHAAA,cAAc,OAAA;AACd,6HAAA,uBAAuB,OAAA;AAOzB,iCAIgB;AAHd,gHAAA,uBAAuB,OAAA;AACvB,+GAAA,sBAAsB,OAAA;AACtB,yHAAA,gCAAgC,OAAA;AAGlC,yDAAoF;AAA3E,sHAAA,iBAAiB,OAAA;AAC1B,mDAA+E;AAAtE,kHAAA,gBAAgB,OAAA;AACzB,qDAA8E;AAArE,kHAAA,eAAe,OAAA;AACxB,2DAAuF;AAA9E,wHAAA,kBAAkB,OAAA"}

package/lib/esm/Forms/forms.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"forms.d.ts","sourceRoot":"","sources":["../../../src/Forms/forms.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"forms.d.ts","sourceRoot":"","sources":["../../../src/Forms/forms.tsx"],"names":[],"mappings":"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"}

package/lib/esm/Forms/forms.js

@@ -602,9 +602,15 @@ var HistoricalDataSection = function (_a) {
     var _c = useState([]), medications = _c[0], setMedications = _c[1];
     var _d = useState(true), loading = _d[0], setLoading = _d[1];
     var _e = useState(''), error = _e[0], setError = _e[1];
+    var loadedKeyRef = useRef('');
     useEffect(function () {
         if (!session)
             return;
+        // Build a stable key from enduserId + sources to avoid re-fetching on object reference changes
+        var key = enduserId + ':' + JSON.stringify(sources);
+        if (loadedKeyRef.current === key)
+            return;
+        loadedKeyRef.current = key;
         var loadData = function () { return __awaiter(void 0, void 0, void 0, function () {
             var promises, _i, sources_1, source, err_4;
             return __generator(this, function (_a) {
@@ -660,7 +666,14 @@ var HistoricalDataSection = function (_a) {
     }
     var hasObservations = sources.some(function (s) { return s.type === 'Observations'; });
     var hasMedications = sources.some(function (s) { return s.type === 'Medications'; });
-    return (_jsxs("div", __assign({ style: { marginTop: 10 } }, { children: [hasObservations && (_jsxs("div", __assign({ style: { marginBottom: 15 } }, { children: [_jsx(Typography, __assign({ style: { fontWeight: 'bold', marginBottom: 5 } }, { children: "Observations" })), observations.length === 0 ? (_jsx(Typography, __assign({ style: { fontStyle: 'italic', color: '#888' } }, { children: "No observations found" }))) : (_jsxs("table", __assign({ style: { width: '100%', borderCollapse: 'collapse', fontSize: 14 } }, { children: [_jsx("thead", { children: _jsxs("tr", __assign({ style: { borderBottom: '2px solid #ccc', textAlign: 'left' } }, { children: [_jsx("th", __assign({ style: { padding: '6px 8px' } }, { children: "Date" })), _jsx("th", __assign({ style: { padding: '6px 8px' } }, { children: "Type" })), _jsx("th", __assign({ style: { padding: '6px 8px' } }, { children: "Value" })), _jsx("th", __assign({ style: { padding: '6px 8px' } }, { children: "Category" })), _jsx("th", __assign({ style: { padding: '6px 8px' } }, { children: "Status" }))] })) }), _jsx("tbody", { children: observations.map(function (obs) { return (_jsxs("tr", __assign({ style: { borderBottom: '1px solid #eee' } }, { children: [_jsx("td", __assign({ style: { padding: '6px 8px' } }, { children: obs.timestamp ? formatted_date(new Date(obs.timestamp)) : '-' })), _jsx("td", __assign({ style: { padding: '6px 8px' } }, { children: obs.type || obs.code || '-' })), _jsx("td", __assign({ style: { padding: '6px 8px' } }, { children: obs.measurement ? "".concat(obs.measurement.value, " ").concat(obs.measurement.unit) : obs.qualitativeResult || '-' })), _jsx("td", __assign({ style: { padding: '6px 8px' } }, { children: obs.category || '-' })), _jsx("td", __assign({ style: { padding: '6px 8px' } }, { children: obs.status || '-' }))] }), obs.id)); }) })] })))] }))), hasMedications && (_jsxs("div", __assign({ style: { marginBottom: 15 } }, { children: [_jsx(Typography, __assign({ style: { fontWeight: 'bold', marginBottom: 5 } }, { children: "Medications" })), medications.length === 0 ? (_jsx(Typography, __assign({ style: { fontStyle: 'italic', color: '#888' } }, { children: "No medications found" }))) : (_jsxs("table", __assign({ style: { width: '100%', borderCollapse: 'collapse', fontSize: 14 } }, { children: [_jsx("thead", { children: _jsxs("tr", __assign({ style: { borderBottom: '2px solid #ccc', textAlign: 'left' } }, { children: [_jsx("th", __assign({ style: { padding: '6px 8px' } }, { children: "Title" })), _jsx("th", __assign({ style: { padding: '6px 8px' } }, { children: "Dosage" })), _jsx("th", __assign({ style: { padding: '6px 8px' } }, { children: "Prescribed By" })), _jsx("th", __assign({ style: { padding: '6px 8px' } }, { children: "Start Date" }))] })) }), _jsx("tbody", { children: medications.map(function (med) { return (_jsxs("tr", __assign({ style: { borderBottom: '1px solid #eee' } }, { children: [_jsx("td", __assign({ style: { padding: '6px 8px' } }, { children: med.title || '-' })), _jsx("td", __assign({ style: { padding: '6px 8px' } }, { children: med.dosage ? "".concat(med.dosage.value, " ").concat(med.dosage.unit) : '-' })), _jsx("td", __assign({ style: { padding: '6px 8px' } }, { children: med.prescriberName || '-' })), _jsx("td", __assign({ style: { padding: '6px 8px' } }, { children: med.startedTakingAt ? formatted_date(new Date(med.startedTakingAt)) : '-' }))] }), med.id)); }) })] })))] })))] })));
+    return (_jsxs("div", __assign({ style: { marginTop: 10 } }, { children: [hasObservations && (_jsxs("div", __assign({ style: { marginBottom: 15 } }, { children: [_jsx(Typography, __assign({ style: { fontWeight: 'bold', marginBottom: 5 } }, { children: "Observations" })), observations.length === 0 ? (_jsx(Typography, __assign({ style: { fontStyle: 'italic', color: '#888' } }, { children: "No observations found" }))) : (_jsxs("table", __assign({ style: { width: '100%', borderCollapse: 'collapse', fontSize: 14 } }, { children: [_jsx("thead", { children: _jsxs("tr", __assign({ style: { borderBottom: '2px solid #ccc', textAlign: 'left' } }, { children: [_jsx("th", __assign({ style: { padding: '6px 8px' } }, { children: "Date" })), _jsx("th", __assign({ style: { padding: '6px 8px' } }, { children: "Type" })), _jsx("th", __assign({ style: { padding: '6px 8px' } }, { children: "Value" })), _jsx("th", __assign({ style: { padding: '6px 8px' } }, { children: "Category" })), _jsx("th", __assign({ style: { padding: '6px 8px' } }, { children: "Status" }))] })) }), _jsx("tbody", { children: observations.map(function (obs) { return (_jsxs("tr", __assign({ style: { borderBottom: '1px solid #eee' } }, { children: [_jsx("td", __assign({ style: { padding: '6px 8px' } }, { children: obs.timestamp ? formatted_date(new Date(obs.timestamp)) : '-' })), _jsx("td", __assign({ style: { padding: '6px 8px' } }, { children: obs.type || obs.code || '-' })), _jsx("td", __assign({ style: { padding: '6px 8px' } }, { children: obs.measurement ? "".concat(obs.measurement.value, " ").concat(obs.measurement.unit) : obs.qualitativeResult || '-' })), _jsx("td", __assign({ style: { padding: '6px 8px' } }, { children: obs.category || '-' })), _jsx("td", __assign({ style: { padding: '6px 8px' } }, { children: obs.status || '-' }))] }), obs.id)); }) })] })))] }))), hasMedications && (_jsxs("div", __assign({ style: { marginBottom: 15 } }, { children: [_jsx(Typography, __assign({ style: { fontWeight: 'bold', marginBottom: 5 } }, { children: "Medications" })), medications.length === 0 ? (_jsx(Typography, __assign({ style: { fontStyle: 'italic', color: '#888' } }, { children: "No medications found" }))) : (_jsxs("table", __assign({ style: { width: '100%', borderCollapse: 'collapse', fontSize: 14 } }, { children: [_jsx("thead", { children: _jsxs("tr", __assign({ style: { borderBottom: '2px solid #ccc', textAlign: 'left' } }, { children: [_jsx("th", __assign({ style: { padding: '6px 8px' } }, { children: "Medication" })), _jsx("th", __assign({ style: { padding: '6px 8px' } }, { children: "Dosage" })), _jsx("th", __assign({ style: { padding: '6px 8px' } }, { children: "Dispensing" })), _jsx("th", __assign({ style: { padding: '6px 8px' } }, { children: "Pharmacy" })), _jsx("th", __assign({ style: { padding: '6px 8px' } }, { children: "Prescriber" })), _jsx("th", __assign({ style: { padding: '6px 8px' } }, { children: "Date" }))] })) }), _jsx("tbody", { children: medications.map(function (med) {
+                                    var _a;
+                                    return (_jsxs("tr", __assign({ style: { borderBottom: '1px solid #eee' } }, { children: [_jsxs("td", __assign({ style: { padding: '6px 8px' } }, { children: [med.title || '-', med.allergyNote ? _jsxs("div", __assign({ style: { color: 'red', fontSize: 12 } }, { children: ["Allergies: ", med.allergyNote] })) : null, med.directions ? _jsxs("div", __assign({ style: { color: '#888', fontSize: 12 } }, { children: ["Directions: ", med.directions] })) : null] })), _jsx("td", __assign({ style: { padding: '6px 8px' } }, { children: med.dosage
+                                                    ? med.dosage.description
+                                                        ? med.dosage.description
+                                                        : "".concat(med.dosage.value || '').concat(med.dosage.unit ? " ".concat(med.dosage.unit) : '').concat(med.dosage.quantity ? " ".concat(med.dosage.quantity, " units") : '').concat(med.dosage.frequency ? " ".concat(!isNaN(parseInt(med.dosage.frequency)) ? "".concat(med.dosage.frequency, "x ").concat(((_a = med.dosage) === null || _a === void 0 ? void 0 : _a.frequencyDescriptor) ? "Per ".concat(med.dosage.frequencyDescriptor) : 'daily') : med.dosage.frequency) : '')
+                                                    : '-' })), _jsx("td", __assign({ style: { padding: '6px 8px' } }, { children: med.dispensing ? "".concat(med.dispensing.quantity || '', " ").concat(med.dispensing.unit || '').trim() || '-' : '-' })), _jsx("td", __assign({ style: { padding: '6px 8px' } }, { children: med.pharmacyName || med.pharmacyId || '-' })), _jsxs("td", __assign({ style: { padding: '6px 8px' } }, { children: [med.prescriberName || '-', med.source ? _jsx("div", __assign({ style: { fontStyle: 'italic', fontSize: 12 } }, { children: med.source })) : null, med.notes ? _jsx("div", __assign({ style: { fontSize: 12 } }, { children: med.notes })) : null] })), _jsx("td", __assign({ style: { padding: '6px 8px' } }, { children: formatted_date(new Date(med.startedTakingAt || med.prescribedAt || med.createdAt)) }))] }), med.id));
+                                }) })] })))] })))] })));
 };
 export var Description = function (_a) {
     var _b, _c;