@stream-io/video-react-sdk 1.37.0 → 1.37.2

package/dist/index.es.js

@@ -1399,7 +1399,7 @@ const SpeakerTest = (props) => {
     const audioElementRef = useRef(null);
     const [isPlaying, setIsPlaying] = useState(false);
     const { t } = useI18n();
-    const { audioUrl = `https://unpkg.com/${"@stream-io/video-react-sdk"}@${"1.37.0"}/assets/piano.mp3`, } = props;
+    const { audioUrl = `https://unpkg.com/${"@stream-io/video-react-sdk"}@${"1.37.2"}/assets/piano.mp3`, } = props;
     // Update audio output device when selection changes
     useEffect(() => {
         const audio = audioElementRef.current;
@@ -2836,7 +2836,19 @@ const BackstageLayout = (props) => {
     const participantCount = useParticipantCount();
     const startsAt = useCallStartsAt();
     const { t } = useI18n();
-    return (jsx("div", { className: "str-video__livestream-layout__wrapper", children: jsxs("div", { className: "str-video__livestream-layout__backstage", children: [startsAt && (jsx("span", { className: "str-video__livestream-layout__starts-at", children: startsAt.getTime() < Date.now()
+    const [startsAtPassed, setStartsAtPassed] = useState(() => !!startsAt && startsAt.getTime() < Date.now());
+    useEffect(() => {
+        if (!startsAt || startsAtPassed)
+            return;
+        const check = () => {
+            if (startsAt.getTime() < Date.now()) {
+                setStartsAtPassed(true);
+            }
+        };
+        const interval = setInterval(check, 1000);
+        return () => clearInterval(interval);
+    }, [startsAt, startsAtPassed]);
+    return (jsx("div", { className: "str-video__livestream-layout__wrapper", children: jsxs("div", { className: "str-video__livestream-layout__backstage", children: [startsAt && (jsx("span", { className: "str-video__livestream-layout__starts-at", children: startsAtPassed
                         ? t('Livestream starts soon')
                         : t('Livestream starts at {{ time }}', {
                             time: startsAt.toLocaleTimeString([], {
@@ -3252,7 +3264,7 @@ const checkCanJoinEarly = (startsAt, joinAheadTimeSeconds) => {
     return Date.now() >= +startsAt - (joinAheadTimeSeconds ?? 0) * 1000;
 };
 
-const [major, minor, patch] = ("1.37.0").split('.');
+const [major, minor, patch] = ("1.37.2").split('.');
 setSdkInfo({
     type: SfuModels.SdkType.REACT,
     major,