stormcloud-video-player 0.3.66 → 0.3.68

package/lib/index.cjs

@@ -2002,7 +2002,7 @@ function createHlsAdPlayer(contentVideo, options) {
             }
             var adElement = xmlDoc.querySelector("Ad");
             if (!adElement) {
-                console.warn("[HlsAdPlayer] No Ad element found in VAST XML");
+                console.warn("[HlsAdPlayer] No Ad element found in VAST XML (no fill). Content (first 2000 chars):", xmlString.substring(0, 2e3));
                 return null;
             }
             var adId = adElement.getAttribute("id") || "unknown";
@@ -2098,7 +2098,7 @@ function createHlsAdPlayer(contentVideo, options) {
     }
     function fetchAndParseVastAd(vastTagUrl) {
         return _async_to_generator(function() {
-            var response, vastXml;
+            var response, vastXml, trimmedXml;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -2124,8 +2124,16 @@ function createHlsAdPlayer(contentVideo, options) {
                         ];
                     case 2:
                         vastXml = _state.sent();
-                        console.log("[HlsAdPlayer] VAST XML received");
+                        console.log("[HlsAdPlayer] VAST XML received (length=".concat(vastXml.length, ")"));
                         console.log("[HlsAdPlayer] VAST XML content (first 2000 chars):", vastXml.substring(0, 2e3));
+                        trimmedXml = vastXml.trim();
+                        if (trimmedXml.length === 0) {
+                            console.warn("[HlsAdPlayer] VAST response body is empty (no fill)");
+                            return [
+                                2,
+                                null
+                            ];
+                        }
                         return [
                             2,
                             parseVastXml(vastXml)
@@ -3586,6 +3594,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
         this.preloadPoolActive = false;
         this.preloadPoolLoopRunning = false;
         this.adDetectSentForCurrentBreak = false;
+        this.latencyProfileApplied = false;
         this.continuousFetchLoopRunning = false;
         initializePolyfills();
         var browserOverrides = getBrowserConfigOverrides();
@@ -3702,24 +3711,21 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                     2
                                 ];
                             case 7:
-                                this.hls = new import_hls2.default(_object_spread_props(_object_spread({
+                                this.hls = new import_hls2.default({
                                     enableWorker: true,
                                     backBufferLength: 30,
                                     liveDurationInfinity: true,
                                     lowLatencyMode: !!this.config.lowLatencyMode,
-                                    maxLiveSyncPlaybackRate: this.config.lowLatencyMode ? 1.5 : 1
-                                }, this.config.lowLatencyMode ? {
-                                    liveSyncDuration: 2
-                                } : {}), {
+                                    maxLiveSyncPlaybackRate: 1.1,
                                     maxBufferLength: 30,
                                     maxMaxBufferLength: 600,
                                     maxBufferSize: 60 * 1e3 * 1e3,
-                                    maxBufferHole: 0.5,
+                                    maxBufferHole: 1,
                                     highBufferWatchdogPeriod: 2,
-                                    nudgeOffset: 0.1,
-                                    nudgeMaxRetry: 3,
+                                    nudgeOffset: 0.2,
+                                    nudgeMaxRetry: 5,
                                     startPosition: -1
-                                }));
+                                });
                                 this.hls.on(import_hls2.default.Events.MEDIA_ATTACHED, function() {
                                     var _this_hls;
                                     (_this_hls = _this.hls) === null || _this_hls === void 0 ? void 0 : _this_hls.loadSource(_this.config.src);
@@ -3763,6 +3769,8 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                                     this.bufferedSegmentsCount = 0;
                                                     this.hasInitialBufferCompleted = false;
                                                     this.shouldAutoplayAfterBuffering = !!this.config.autoplay;
+                                                    this.latencyProfileApplied = false;
+                                                    this.detectedLowLatencyStream = void 0;
                                                     minSegments = (_this_config_minSegmentsBeforePlay = this.config.minSegmentsBeforePlay) !== null && _this_config_minSegmentsBeforePlay !== void 0 ? _this_config_minSegmentsBeforePlay : 2;
                                                     if (this.config.debugAdTiming) {
                                                         console.log("[StormcloudVideoPlayer] Waiting for", minSegments, "segments to buffer before playback");
@@ -3792,6 +3800,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                     }).call(_this);
                                 });
                                 this.hls.on(import_hls2.default.Events.LEVEL_LOADED, function(_evt, data) {
+                                    _this.applyStreamLatencyProfile(data === null || data === void 0 ? void 0 : data.details);
                                     if (_this.inAdBreak || _this.pendingAdBreak) {
                                         return;
                                     }
@@ -4071,6 +4080,64 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 }).call(this);
             }
         },
+        {
+            key: "applyStreamLatencyProfile",
+            value: function applyStreamLatencyProfile(details) {
+                if (this.latencyProfileApplied || !this.hls) {
+                    return;
+                }
+                if (!details) {
+                    return;
+                }
+                if (details.live !== true) {
+                    this.latencyProfileApplied = true;
+                    this.detectedLowLatencyStream = false;
+                    return;
+                }
+                var isLowLatencyManifest = this.isLowLatencyManifest(details);
+                var useLowLatency = isLowLatencyManifest && !!this.config.lowLatencyMode;
+                this.detectedLowLatencyStream = useLowLatency;
+                this.latencyProfileApplied = true;
+                var cfg = this.hls.config;
+                if (useLowLatency) {
+                    cfg.maxLiveSyncPlaybackRate = 1.5;
+                    cfg.maxBufferHole = 0.5;
+                    delete cfg.liveSyncDuration;
+                } else {
+                    cfg.maxLiveSyncPlaybackRate = 1.1;
+                    cfg.maxBufferHole = 1;
+                    delete cfg.liveSyncDuration;
+                    cfg.liveSyncDurationCount = 3;
+                }
+                if (this.config.debugAdTiming) {
+                    var _details_targetduration;
+                    console.log("[StormcloudVideoPlayer] Live latency profile: ".concat(useLowLatency ? "LL-HLS (low latency)" : "standard live (stability)"), {
+                        isLowLatencyManifest: isLowLatencyManifest,
+                        lowLatencyModeRequested: !!this.config.lowLatencyMode,
+                        canBlockReload: details.canBlockReload,
+                        partTarget: details.partTarget,
+                        partHoldBack: details.partHoldBack,
+                        partListLength: Array.isArray(details.partList) ? details.partList.length : 0,
+                        targetDuration: (_details_targetduration = details.targetduration) !== null && _details_targetduration !== void 0 ? _details_targetduration : details.targetDuration,
+                        maxLiveSyncPlaybackRate: cfg.maxLiveSyncPlaybackRate,
+                        maxBufferHole: cfg.maxBufferHole
+                    });
+                }
+            }
+        },
+        {
+            key: "isLowLatencyManifest",
+            value: function isLowLatencyManifest(details) {
+                if (!details) {
+                    return false;
+                }
+                var hasParts = Array.isArray(details.partList) && details.partList.length > 0;
+                var hasPartTarget = typeof details.partTarget === "number" && details.partTarget > 0;
+                var hasPartHoldBack = typeof details.partHoldBack === "number" && details.partHoldBack > 0;
+                var canBlockReload = details.canBlockReload === true;
+                return hasParts || hasPartTarget || hasPartHoldBack || canBlockReload;
+            }
+        },
         {
             key: "attachImaEventListeners",
             value: function attachImaEventListeners() {
@@ -4127,10 +4194,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                             console.log("[StormcloudVideoPlayer] Starting ad break timer on content_pause (first ad starting)");
                         }
                     }
-                    var currentMuted = _this.video.muted;
-                    var currentVolume = _this.video.volume;
-                    var adVolume = currentMuted ? 0 : currentVolume;
-                    _this.ima.setAdVolume(adVolume);
+                    _this.ima.setAdVolume(_this.getPreAdBreakAdVolume());
                     if (_this.isShowingPlaceholder) {
                         if (_this.config.debugAdTiming) {
                             console.log("[StormcloudVideoPlayer] Hiding placeholder - new ads starting");
@@ -4884,6 +4948,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
         {
             key: "startScte35AdBreak",
             value: function startScte35AdBreak(marker, cueKey, durationMs) {
+                this.capturePreAdBreakAudio();
                 if (!this.video.muted) {
                     this.video.muted = true;
                     this.video.volume = 0;
@@ -6061,6 +6126,12 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 return !!(this.config.allowNativeHls && !((_this_config_showCustomControls = this.config.showCustomControls) !== null && _this_config_showCustomControls !== void 0 ? _this_config_showCustomControls : false));
             }
         },
+        {
+            key: "isLowLatencyStream",
+            value: function isLowLatencyStream() {
+                return this.detectedLowLatencyStream;
+            }
+        },
         {
             key: "shouldContinueLiveStreamDuringAds",
             value: function shouldContinueLiveStreamDuringAds() {
@@ -6565,9 +6636,9 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 this.continuousFetchingActive = true;
                                 this.isShowingPlaceholder = false;
                                 this.totalAdRequestsInBreak = 0;
-                                currentMuted = this.video.muted;
-                                currentVolume = this.video.volume;
-                                this.ima.updateOriginalMutedState(currentMuted, currentVolume);
+                                this.capturePreAdBreakAudio();
+                                currentMuted = this.preAdBreakAudio.muted;
+                                currentVolume = this.preAdBreakAudio.volume;
                                 if (!this.video.muted) {
                                     this.video.muted = true;
                                     this.video.volume = 0;
@@ -7042,7 +7113,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
             value: function tryNextAvailableAd() {
                 var retryCount = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
                 return _async_to_generator(function() {
-                    var remaining, preloaded, currentMuted, currentVolume, adVolume, error, nextAdUrl, currentMuted1, currentVolume1, error1, errorMessage, maxRetries;
+                    var remaining, preloaded, error, _ref, _ref1, _this_preAdBreakAudio, _this_preAdBreakAudio1, nextAdUrl, error1, errorMessage, maxRetries;
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
@@ -7114,10 +7185,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 if (this.expectedAdBreakDurationMs != null && this.adStopTimerId == null) {
                                     this.scheduleAdStopAtBreakBoundary();
                                 }
-                                currentMuted = this.video.muted;
-                                currentVolume = this.video.volume;
-                                adVolume = currentMuted ? 0 : currentVolume;
-                                this.ima.setAdVolume(adVolume);
+                                this.ima.setAdVolume(this.getPreAdBreakAdVolume());
                                 this.consecutiveFailures = 0;
                                 return [
                                     2
@@ -7164,9 +7232,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 if (this.config.debugAdTiming) {
                                     console.log("[CONTINUOUS-FETCH] \uD83C\uDFAC Requesting next ad via IMA SDK (".concat(this.currentAdIndex + 1, "/").concat(this.totalAdsInBreak, ", ").concat(this.adRequestQueue.length, " remaining in queue)"));
                                 }
-                                currentMuted1 = this.video.muted;
-                                currentVolume1 = this.video.volume;
-                                this.ima.updateOriginalMutedState(currentMuted1, currentVolume1);
+                                this.ima.updateOriginalMutedState((_ref = (_this_preAdBreakAudio = this.preAdBreakAudio) === null || _this_preAdBreakAudio === void 0 ? void 0 : _this_preAdBreakAudio.muted) !== null && _ref !== void 0 ? _ref : this.video.muted, (_ref1 = (_this_preAdBreakAudio1 = this.preAdBreakAudio) === null || _this_preAdBreakAudio1 === void 0 ? void 0 : _this_preAdBreakAudio1.volume) !== null && _ref1 !== void 0 ? _ref1 : this.video.volume);
                                 this.currentAdIndex++;
                                 this.totalAdRequestsInBreak++;
                                 this.lastAdRequestTime = Date.now();
@@ -7259,7 +7325,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
             key: "showPlaceholderAndWaitForAds",
             value: function showPlaceholderAndWaitForAds() {
                 return _async_to_generator(function() {
-                    var remaining, waitTime, checkInterval, maxChecks, i, nextAdUrl, currentMuted, currentVolume, error, errorMessage;
+                    var remaining, waitTime, checkInterval, maxChecks, i, _ref, _ref1, _this_preAdBreakAudio, _this_preAdBreakAudio1, nextAdUrl, error, errorMessage;
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
@@ -7355,9 +7421,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 }
                                 this.isShowingPlaceholder = false;
                                 this.ima.hidePlaceholder();
-                                currentMuted = this.video.muted;
-                                currentVolume = this.video.volume;
-                                this.ima.updateOriginalMutedState(currentMuted, currentVolume);
+                                this.ima.updateOriginalMutedState((_ref = (_this_preAdBreakAudio = this.preAdBreakAudio) === null || _this_preAdBreakAudio === void 0 ? void 0 : _this_preAdBreakAudio.muted) !== null && _ref !== void 0 ? _ref : this.video.muted, (_ref1 = (_this_preAdBreakAudio1 = this.preAdBreakAudio) === null || _this_preAdBreakAudio1 === void 0 ? void 0 : _this_preAdBreakAudio1.volume) !== null && _ref1 !== void 0 ? _ref1 : this.video.volume);
                                 this.currentAdIndex++;
                                 this.totalAdRequestsInBreak++;
                                 this.lastAdRequestTime = Date.now();
@@ -7539,7 +7603,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 first = tags[0];
                                 rest = tags.slice(1);
                                 this.adPodQueue = rest;
-                                this.ima.updateOriginalMutedState(this.video.muted, this.video.volume);
+                                this.capturePreAdBreakAudio();
                                 this.showAds = true;
                                 this.inAdBreak = true;
                                 this.currentAdBreakStartWallClockMs = Date.now();
@@ -7566,12 +7630,10 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 ];
                             case 3:
                                 error = _state.sent();
-                                this.adPodQueue = [];
-                                this.inAdBreak = false;
-                                this.showAds = false;
                                 if (this.config.debugAdTiming) {
                                     console.warn("[StormcloudVideoPlayer] VMAP ad request failed:", error);
                                 }
+                                this.handleAdPodComplete();
                                 return [
                                     3,
                                     4
@@ -7802,7 +7864,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
             key: "playSingleAd",
             value: function playSingleAd(vastTagUrl) {
                 return _async_to_generator(function() {
-                    var requestToken, currentMuted, currentVolume, adVolume, playError, preloadedFallback, currentMuted1, currentVolume1, adVolume1, fallbackError, error, errorMessage, preloadedFallback1, currentMuted2, currentVolume2, adVolume2, fallbackError1;
+                    var requestToken, playError, preloadedFallback, fallbackError, error, errorMessage, preloadedFallback1, fallbackError1;
                     return _ts_generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
@@ -7889,10 +7951,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 if (this.expectedAdBreakDurationMs != null && this.adStopTimerId == null) {
                                     this.scheduleAdStopAtBreakBoundary();
                                 }
-                                currentMuted = this.video.muted;
-                                currentVolume = this.video.volume;
-                                adVolume = currentMuted ? 0 : currentVolume;
-                                this.ima.setAdVolume(adVolume);
+                                this.ima.setAdVolume(this.getPreAdBreakAdVolume());
                                 this.consecutiveFailures = 0;
                                 this.temporaryFailureUrls.delete(vastTagUrl);
                                 return [
@@ -7939,10 +7998,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 if (this.expectedAdBreakDurationMs != null && this.adStopTimerId == null) {
                                     this.scheduleAdStopAtBreakBoundary();
                                 }
-                                currentMuted1 = this.video.muted;
-                                currentVolume1 = this.video.volume;
-                                adVolume1 = currentMuted1 ? 0 : currentVolume1;
-                                this.ima.setAdVolume(adVolume1);
+                                this.ima.setAdVolume(this.getPreAdBreakAdVolume());
                                 return [
                                     2
                                 ];
@@ -8016,10 +8072,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                 ];
                             case 14:
                                 _state.sent();
-                                currentMuted2 = this.video.muted;
-                                currentVolume2 = this.video.volume;
-                                adVolume2 = currentMuted2 ? 0 : currentVolume2;
-                                this.ima.setAdVolume(adVolume2);
+                                this.ima.setAdVolume(this.getPreAdBreakAdVolume());
                                 return [
                                     2
                                 ];
@@ -8059,6 +8112,33 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 }).call(this);
             }
         },
+        {
+            key: "capturePreAdBreakAudio",
+            value: function capturePreAdBreakAudio() {
+                if (this.preAdBreakAudio) {
+                    return;
+                }
+                var captured = {
+                    muted: this.video.muted,
+                    volume: typeof this.video.volume === "number" && !Number.isNaN(this.video.volume) ? Math.max(0, Math.min(1, this.video.volume)) : 1
+                };
+                this.preAdBreakAudio = captured;
+                this.ima.updateOriginalMutedState(captured.muted, captured.volume);
+                if (this.config.debugAdTiming) {
+                    console.log("[StormcloudVideoPlayer] Captured pre-ad-break audio state: muted=".concat(captured.muted, ", volume=").concat(captured.volume));
+                }
+            }
+        },
+        {
+            key: "getPreAdBreakAdVolume",
+            value: function getPreAdBreakAdVolume() {
+                var state = this.preAdBreakAudio;
+                if (state) {
+                    return state.muted ? 0 : state.volume;
+                }
+                return this.ima.getOriginalMutedState() ? 0 : this.ima.getOriginalVolume();
+            }
+        },
         {
             key: "handleAdPodComplete",
             value: function handleAdPodComplete() {
@@ -8092,14 +8172,19 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 this.consecutiveFailures = 0;
                 this.globalConsecutiveNoFills = 0;
                 this.ima.stop().catch(function() {});
-                var restoredMuted = this.ima.getOriginalMutedState();
-                var restoredVolume = this.ima.getOriginalVolume();
+                var restoredMuted = this.preAdBreakAudio ? this.preAdBreakAudio.muted : this.ima.getOriginalMutedState();
+                var restoredVolume = this.preAdBreakAudio ? this.preAdBreakAudio.volume : this.ima.getOriginalVolume();
+                this.ima.updateOriginalMutedState(restoredMuted, restoredVolume);
                 if (this.video.muted !== restoredMuted) {
                     this.video.muted = restoredMuted;
                 }
                 if (Math.abs(this.video.volume - restoredVolume) > 0.01) {
                     this.video.volume = restoredVolume;
                 }
+                this.preAdBreakAudio = void 0;
+                if (this.config.debugAdTiming) {
+                    console.log("[StormcloudVideoPlayer] Restored post-ad-break audio state: muted=".concat(restoredMuted, ", volume=").concat(restoredVolume));
+                }
                 if (this.shouldContinueLiveStreamDuringAds()) {
                     if (this.video.paused) {
                         var _this_video_play;
@@ -8509,6 +8594,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 this.clearAdFailsafeTimer();
                 this.clearAdRequestWatchdog();
                 this.clearPendingAdBreak();
+                this.preAdBreakAudio = void 0;
                 if (this.placeholderContainer) {
                     if (this.placeholderContainer.parentElement) {
                         this.placeholderContainer.parentElement.removeChild(this.placeholderContainer);
@@ -8543,6 +8629,64 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
 // src/ui/StormcloudVideoPlayer.tsx
 var import_fa = require("react-icons/fa");
 var import_jsx_runtime = require("react/jsx-runtime");
+var ExpandIcon = function ExpandIcon(param) {
+    var _param_size = param.size, size = _param_size === void 0 ? 18 : _param_size;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        focusable: "false",
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+                d: "M9 4H4v5"
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+                d: "M20 9V4h-5"
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+                d: "M15 20h5v-5"
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+                d: "M4 15v5h5"
+            })
+        ]
+    });
+};
+var CompressIcon = function CompressIcon(param) {
+    var _param_size = param.size, size = _param_size === void 0 ? 18 : _param_size;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        focusable: "false",
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+                d: "M4 9h5V4"
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+                d: "M15 4v5h5"
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+                d: "M20 15h-5v5"
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+                d: "M9 20v-5H4"
+            })
+        ]
+    });
+};
 var CRITICAL_PROPS = [
     "src",
     "allowNativeHls",
@@ -9593,9 +9737,9 @@ var StormcloudVideoPlayerComponent = import_react.default.memo(function(props) {
                                                     minHeight: "".concat(36 * responsiveScale, "px")
                                                 },
                                                 title: isFullscreen ? "Exit Fullscreen" : "Enter Fullscreen",
-                                                children: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fa.FaCompress, {
+                                                children: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompressIcon, {
                                                     size: Math.max(14, 18 * responsiveScale)
-                                                }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fa.FaExpand, {
+                                                }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExpandIcon, {
                                                     size: Math.max(14, 18 * responsiveScale)
                                                 })
                                             })
@@ -9793,9 +9937,9 @@ var StormcloudVideoPlayerComponent = import_react.default.memo(function(props) {
                                             background: "rgba(0, 0, 0, 0.6)"
                                         },
                                         title: isFullscreen ? "Exit Fullscreen" : "Enter Fullscreen",
-                                        children: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fa.FaCompress, {
+                                        children: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CompressIcon, {
                                             size: Math.max(14, 18 * responsiveScale)
-                                        }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fa.FaExpand, {
+                                        }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExpandIcon, {
                                             size: Math.max(14, 18 * responsiveScale)
                                         })
                                     })