stormcloud-video-player 0.7.45 → 0.7.46

package/lib/index.js

@@ -8110,6 +8110,7 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
             var _player_getMinHlsResolution;
             var fixed = swirlOverlayCoordinateSpace;
             if (fixed && fixed.width > 0 && fixed.height > 0) {
+                console.debug("[StormcloudVideoPlayer] overlay coord space (prop):", fixed.width, "x", fixed.height);
                 setOverlayCoordSpace({
                     width: fixed.width,
                     height: fixed.height
@@ -8120,6 +8121,7 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
             if (!player) return false;
             var minRes = (_player_getMinHlsResolution = player.getMinHlsResolution) === null || _player_getMinHlsResolution === void 0 ? void 0 : _player_getMinHlsResolution.call(player);
             if (minRes && minRes.width > 0 && minRes.height > 0) {
+                console.debug("[StormcloudVideoPlayer] overlay coord space (minHlsResolution):", minRes.width, "x", minRes.height);
                 setOverlayCoordSpace({
                     width: minRes.width,
                     height: minRes.height
@@ -8128,6 +8130,7 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
             }
             var video2 = player.videoElement;
             if (video2 && video2.videoWidth > 0 && video2.videoHeight > 0) {
+                console.debug("[StormcloudVideoPlayer] overlay coord space (videoNative):", video2.videoWidth, "x", video2.videoHeight);
                 setOverlayCoordSpace({
                     width: video2.videoWidth,
                     height: video2.videoHeight
@@ -8160,8 +8163,7 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
     }, [
         swirlProjectId,
         criticalPropsKey,
-        swirlOverlayCoordinateSpace,
-        overlays
+        swirlOverlayCoordinateSpace
     ]);
     useEffect2(function() {
         if (!playerRef.current) return;
@@ -8588,11 +8590,11 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
                     }, restVideoAttrs), {
                         children: children
                     })),
-                    displayOverlays.length > 0 && !adStatus.showAds && !overlaysDisabled && /* @__PURE__ */ jsx2(OverlayRenderer, {
+                    displayOverlays.length > 0 && !adStatus.showAds && !overlaysDisabled && overlayCoordSpace && /* @__PURE__ */ jsx2(OverlayRenderer, {
                         overlays: displayOverlays,
                         currentTime: currentTime,
                         videoRef: videoRef,
-                        coordinateSpace: swirlOverlayCoordinateSpace && swirlOverlayCoordinateSpace.width > 0 && swirlOverlayCoordinateSpace.height > 0 ? swirlOverlayCoordinateSpace : null,
+                        coordinateSpace: overlayCoordSpace,
                         showcaseMode: !!swirlShowcaseDemo
                     }),
                     (isLoading || isBuffering) && !hideLoadingIndicator && /* @__PURE__ */ jsxs2("div", {