@stream-io/video-react-sdk 1.18.1 → 1.18.2

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.18.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.18.1...@stream-io/video-react-sdk-1.18.2) (2025-06-02)
+
+### Dependency Updates
+
+- `@stream-io/audio-filters-web` updated to version `0.4.2`
+- `@stream-io/video-client` updated to version `1.23.3`
+- `@stream-io/video-react-bindings` updated to version `1.6.6`
+
+### Bug Fixes
+
+- use AudioContext for Safari ([#1810](https://github.com/GetStream/stream-video-js/issues/1810)) ([63542f4](https://github.com/GetStream/stream-video-js/commit/63542f419efa475c7acf50f053621ace74a1eff4))
+
 ## [1.18.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.18.0...@stream-io/video-react-sdk-1.18.1) (2025-05-26)
 
 ### Dependency Updates

package/dist/index.cjs.js

@@ -2539,6 +2539,11 @@ const useSpeakerLayoutSortPreset = (call, isOneOnOneCall) => {
         };
     }, [call, isOneOnOneCall]);
 };
+const useRawRemoteParticipants = () => {
+    const { useRawParticipants } = videoReactBindings.useCallStateHooks();
+    const rawParicipants = useRawParticipants();
+    return react.useMemo(() => rawParicipants.filter((p) => !p.isLocalParticipant), [rawParicipants]);
+};
 const resetSortPreset = (call) => {
     // reset the sorting to the default for the call type
     const callConfig = videoClient.CallTypes.get(call.type);
@@ -2553,11 +2558,11 @@ const loggedIn = (a, b) => {
 };
 
 const LivestreamLayout = (props) => {
-    const { useParticipants, useRemoteParticipants, useHasOngoingScreenShare } = videoReactBindings.useCallStateHooks();
+    const { useParticipants, useHasOngoingScreenShare } = videoReactBindings.useCallStateHooks();
     const call = videoReactBindings.useCall();
     const participants = useParticipants();
     const [currentSpeaker] = participants;
-    const remoteParticipants = useRemoteParticipants();
+    const remoteParticipants = useRawRemoteParticipants();
     const hasOngoingScreenShare = useHasOngoingScreenShare();
     const presenter = hasOngoingScreenShare
         ? participants.find(videoClient.hasScreenShare)
@@ -2661,8 +2666,7 @@ const PaginatedGridLayout = (props) => {
     const [page, setPage] = react.useState(0);
     const [paginatedGridLayoutWrapperElement, setPaginatedGridLayoutWrapperElement,] = react.useState(null);
     const call = videoReactBindings.useCall();
-    const { useRemoteParticipants } = videoReactBindings.useCallStateHooks();
-    const remoteParticipants = useRemoteParticipants();
+    const remoteParticipants = useRawRemoteParticipants();
     const participants = useFilteredParticipants({
         excludeLocalParticipant,
         filterParticipants,
@@ -2749,9 +2753,9 @@ hostElement, limit) => {
 const DefaultParticipantViewUIBar = () => (jsxRuntime.jsx(DefaultParticipantViewUI, { menuPlacement: "top-end" }));
 const SpeakerLayout = ({ ParticipantViewUIBar = DefaultParticipantViewUIBar, ParticipantViewUISpotlight = DefaultParticipantViewUI, VideoPlaceholder, PictureInPicturePlaceholder, participantsBarPosition = 'bottom', participantsBarLimit, mirrorLocalParticipantVideo = true, excludeLocalParticipant = false, filterParticipants, pageArrowsVisible = true, muted, }) => {
     const call = videoReactBindings.useCall();
-    const { useParticipants, useRemoteParticipants } = videoReactBindings.useCallStateHooks();
+    const { useParticipants } = videoReactBindings.useCallStateHooks();
     const allParticipants = useParticipants();
-    const remoteParticipants = useRemoteParticipants();
+    const remoteParticipants = useRawRemoteParticipants();
     const [participantInSpotlight, ...otherParticipants] = useFilteredParticipants({ excludeLocalParticipant, filterParticipants });
     const [participantsBarWrapperElement, setParticipantsBarWrapperElement] = react.useState(null);
     const [participantsBarElement, setParticipantsBarElement] = react.useState(null);
@@ -2833,8 +2837,7 @@ const Pip = (props) => {
 };
 Pip.displayName = 'PipLayout.Pip';
 const Host = () => {
-    const { useRemoteParticipants } = videoReactBindings.useCallStateHooks();
-    const remoteParticipants = useRemoteParticipants();
+    const remoteParticipants = useRawRemoteParticipants();
     return jsxRuntime.jsx(ParticipantsAudio, { participants: remoteParticipants });
 };
 Host.displayName = 'PipLayout.Host';
@@ -2931,7 +2934,7 @@ const checkCanJoinEarly = (startsAt, joinAheadTimeSeconds) => {
     return Date.now() >= +startsAt - (joinAheadTimeSeconds ?? 0) * 1000;
 };
 
-const [major, minor, patch] = ("1.18.1").split('.');
+const [major, minor, patch] = ("1.18.2").split('.');
 videoClient.setSdkInfo({
     type: videoClient.SfuModels.SdkType.REACT,
     major,