@stream-io/video-react-sdk 1.14.1 → 1.14.3

package/dist/index.cjs.js

@@ -2656,13 +2656,15 @@ const VerticalScrollButtons = ({ scrollWrapper, }) => {
 };
 
 const Pip = (props) => {
-    const { excludeLocalParticipant = false, filterParticipants, mirrorLocalParticipantVideo = true, VideoPlaceholder, ParticipantViewUI = DefaultParticipantViewUI, PictureInPicturePlaceholder, } = props;
+    const { t } = videoReactBindings.useI18n();
+    const { excludeLocalParticipant = false, filterParticipants, mirrorLocalParticipantVideo = true, VideoPlaceholder, ParticipantViewUI = DefaultParticipantViewUI, } = props;
     const [layoutWrapperElement, setLayoutWrapperElement] = react.useState(null);
     const call = videoReactBindings.useCall();
     const participants = useFilteredParticipants({
         excludeLocalParticipant,
         filterParticipants,
     });
+    const screenSharingParticipant = participants.find((p) => videoClient.hasScreenShare(p));
     usePaginatedLayoutSortPreset(call);
     react.useEffect(() => {
         if (!layoutWrapperElement || !call)
@@ -2672,7 +2674,8 @@ const Pip = (props) => {
     const mirror = mirrorLocalParticipantVideo ? undefined : false;
     if (!call)
         return null;
-    return (jsxRuntime.jsx("div", { className: "str-video__pip-layout", ref: setLayoutWrapperElement, children: participants.map((participant) => (jsxRuntime.jsx(ParticipantView, { participant: participant, muteAudio: true, mirror: mirror, VideoPlaceholder: VideoPlaceholder, PictureInPicturePlaceholder: PictureInPicturePlaceholder, ParticipantViewUI: ParticipantViewUI }, participant.sessionId))) }));
+    return (jsxRuntime.jsxs("div", { className: "str-video__pip-layout", ref: setLayoutWrapperElement, children: [screenSharingParticipant &&
+                (screenSharingParticipant.isLocalParticipant ? (jsxRuntime.jsxs("div", { className: "str-video__pip-screen-share-local", children: [jsxRuntime.jsx(Icon, { icon: "screen-share-off" }), jsxRuntime.jsx("span", { className: "str-video__pip-screen-share-local__title", children: t('You are presenting your screen') })] })) : (jsxRuntime.jsx(ParticipantView, { participant: screenSharingParticipant, trackType: "screenShareTrack", muteAudio: true, mirror: false, VideoPlaceholder: VideoPlaceholder, ParticipantViewUI: ParticipantViewUI }))), participants.map((participant) => (jsxRuntime.jsx(ParticipantView, { participant: participant, muteAudio: true, mirror: mirror, VideoPlaceholder: VideoPlaceholder, ParticipantViewUI: ParticipantViewUI }, participant.sessionId)))] }));
 };
 Pip.displayName = 'PipLayout.Pip';
 const Host = () => {
@@ -2707,7 +2710,7 @@ const LivestreamPlayer = (props) => {
     return (jsxRuntime.jsx(StreamCall, { call: call, children: jsxRuntime.jsx(LivestreamLayout, { ...layoutProps }) }));
 };
 
-const [major, minor, patch] = ("1.14.1").split('.');
+const [major, minor, patch] = ("1.14.3").split('.');
 videoClient.setSdkInfo({
     type: videoClient.SfuModels.SdkType.REACT,
     major,
@@ -2797,6 +2800,7 @@ exports.defaultReactions = defaultReactions;
 exports.translations = translations;
 exports.useBackgroundFilters = useBackgroundFilters;
 exports.useDeviceList = useDeviceList;
+exports.useFilteredParticipants = useFilteredParticipants;
 exports.useHorizontalScrollPosition = useHorizontalScrollPosition;
 exports.useMenuContext = useMenuContext;
 exports.useNoiseCancellation = useNoiseCancellation;