stormcloud-video-player 0.7.49 → 0.7.51

package/lib/ui/StormcloudVideoPlayer.cjs

@@ -1715,6 +1715,116 @@ function createAdStormPlayer(contentVideo, options) {
         }
     };
 }
+// src/utils/mqttClient.ts
+var import_mqtt = __toESM(require("mqtt"), 1);
+// src/utils/mqttConfig.ts
+var DEFAULT_MQTT_CONFIG = {
+    enabled: true,
+    brokerAddress: "vecbae77.ala.us-east-1.emqxsl.com",
+    brokerPort: 8883,
+    wsPort: 8084,
+    username: "for-sonifi",
+    password: "sonifi-mqtt",
+    topicPrefix: "adstorm/players",
+    qos: 1
+};
+var mqttConfig = _object_spread({}, DEFAULT_MQTT_CONFIG);
+function applyMQTTConfig(overrides) {
+    Object.assign(mqttConfig, overrides);
+}
+function isMQTTEnabled() {
+    return mqttConfig.enabled;
+}
+function buildMQTTBrokerUrl() {
+    if (mqttConfig.brokerUrl) return mqttConfig.brokerUrl;
+    return "wss://".concat(mqttConfig.brokerAddress, ":").concat(mqttConfig.wsPort, "/mqtt");
+}
+function buildPlayerTopic(licenseKey, channel) {
+    return "".concat(mqttConfig.topicPrefix, "/").concat(licenseKey, "/").concat(channel);
+}
+// src/utils/mqttClient.ts
+var LOG = "[StormcloudVideoPlayer][MQTT]";
+var client = null;
+var status = "disconnected";
+function configureMQTT(overrides) {
+    applyMQTTConfig(overrides);
+    disconnectMQTT();
+}
+function initMQTTClient() {
+    if (client || !isMQTTEnabled()) return;
+    var url = buildMQTTBrokerUrl();
+    status = "connecting";
+    var clientId = "stormcloud-vp-".concat(Math.random().toString(36).slice(2, 9));
+    try {
+        client = import_mqtt.default.connect(url, {
+            clientId: clientId,
+            username: mqttConfig.username,
+            password: mqttConfig.password,
+            keepalive: 60,
+            clean: true,
+            reconnectPeriod: 5e3,
+            connectTimeout: 1e4,
+            queueQoSZero: false
+        });
+    } catch (err) {
+        status = "error";
+        console.warn("".concat(LOG, " connect() threw:"), err);
+        return;
+    }
+    client.on("connect", function() {
+        status = "connected";
+        console.info("".concat(LOG, " connected to ").concat(url));
+    });
+    client.on("reconnect", function() {
+        status = "connecting";
+        console.info("".concat(LOG, " reconnecting..."));
+    });
+    client.on("offline", function() {
+        if (status !== "error") {
+            status = "disconnected";
+        }
+        console.warn("".concat(LOG, " offline"));
+    });
+    client.on("error", function(err) {
+        status = "error";
+        console.warn("".concat(LOG, " error:"), err.message);
+    });
+    client.on("close", function() {
+        if (status === "connected" || status === "connecting") {
+            status = "disconnected";
+        }
+    });
+}
+function ensureMQTTClient() {
+    if (isMQTTEnabled() && !client) {
+        initMQTTClient();
+    }
+}
+function publishMQTT(topic, payload) {
+    if (!isMQTTEnabled()) {
+        return false;
+    }
+    ensureMQTTClient();
+    if (!client) {
+        return false;
+    }
+    try {
+        client.publish(topic, JSON.stringify(payload), {
+            qos: mqttConfig.qos
+        });
+        return true;
+    } catch (err) {
+        console.warn("".concat(LOG, " publish failed on ").concat(topic, ":"), err);
+        return false;
+    }
+}
+function disconnectMQTT() {
+    if (client) {
+        client.end(true);
+        client = null;
+        status = "disconnected";
+    }
+}
 // src/utils/tracking.ts
 var cachedBrowserId = null;
 function getClientInfo() {
@@ -1945,139 +2055,120 @@ function getBrowserID(clientInfo) {
         });
     })();
 }
-var TRACK_URL = "https://adstorm.co/api-adstorm-dev/adstorm/player-tracking/track";
-function sendTrackRequest(licenseKey, body) {
+function canPublish(licenseKey) {
+    return Boolean(isMQTTEnabled() && licenseKey);
+}
+function buildPlayerMetricEvent() {
     return _async_to_generator(function() {
-        var headers, response;
+        var context, flags, _flags_captureAt, _flags_adLoaded, _flags_adDetect, clientInfo, playerId, captureAt;
+        var _arguments = arguments;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
-                    headers = {
-                        "Content-Type": "application/json"
-                    };
-                    if (licenseKey) {
-                        headers["Authorization"] = "Bearer ".concat(licenseKey);
-                    }
+                    context = _arguments.length > 0 && _arguments[0] !== void 0 ? _arguments[0] : {}, flags = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : {};
+                    clientInfo = getClientInfo();
                     return [
                         4,
-                        fetch(TRACK_URL, {
-                            method: "POST",
-                            headers: headers,
-                            body: JSON.stringify(body)
-                        })
+                        getBrowserID(clientInfo)
                     ];
                 case 1:
-                    response = _state.sent();
-                    if (!response.ok) {
-                        throw new Error("HTTP error! status: ".concat(response.status));
-                    }
-                    return [
-                        4,
-                        response.json()
-                    ];
-                case 2:
-                    _state.sent();
+                    playerId = _state.sent();
+                    captureAt = (_flags_captureAt = flags.captureAt) !== null && _flags_captureAt !== void 0 ? _flags_captureAt : /* @__PURE__ */ new Date().toISOString();
                     return [
-                        2
+                        2,
+                        _object_spread({
+                            player_id: playerId,
+                            device_type: clientInfo.deviceType,
+                            os: clientInfo.os.toLowerCase(),
+                            ad_loaded: (_flags_adLoaded = flags.adLoaded) !== null && _flags_adLoaded !== void 0 ? _flags_adLoaded : false,
+                            ad_detect: (_flags_adDetect = flags.adDetect) !== null && _flags_adDetect !== void 0 ? _flags_adDetect : false,
+                            capture_at: captureAt
+                        }, context.inputStreamType ? {
+                            input_stream_type: context.inputStreamType
+                        } : {})
                     ];
             }
         });
-    })();
+    }).apply(this, arguments);
 }
-function sendInitialTracking(licenseKey) {
-    return _async_to_generator(function() {
-        var clientInfo, browserId, trackingData, headers, response, error;
+function publishTracking(licenseKey, channel, body) {
+    ensureMQTTClient();
+    publishMQTT(buildPlayerTopic(licenseKey, channel), body);
+}
+function sendInitialTracking(_0) {
+    return _async_to_generator(function(licenseKey) {
+        var context, metricEvent, error;
+        var _arguments = arguments;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
+                    context = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : {};
+                    if (!canPublish(licenseKey)) return [
+                        2
+                    ];
+                    _state.label = 1;
+                case 1:
                     _state.trys.push([
-                        0,
-                        4,
+                        1,
+                        3,
                         ,
-                        5
+                        4
                     ]);
-                    clientInfo = getClientInfo();
                     return [
                         4,
-                        getBrowserID(clientInfo)
-                    ];
-                case 1:
-                    browserId = _state.sent();
-                    trackingData = _object_spread({
-                        browserId: browserId
-                    }, clientInfo);
-                    headers = {
-                        "Content-Type": "application/json"
-                    };
-                    if (licenseKey) {
-                        headers["Authorization"] = "Bearer ".concat(licenseKey);
-                    }
-                    return [
-                        4,
-                        fetch(TRACK_URL, {
-                            method: "POST",
-                            headers: headers,
-                            body: JSON.stringify(trackingData)
+                        buildPlayerMetricEvent(context, {
+                            adLoaded: false,
+                            adDetect: false
                         })
                     ];
                 case 2:
-                    response = _state.sent();
-                    if (!response.ok) {
-                        throw new Error("HTTP error! status: ".concat(response.status));
-                    }
-                    return [
-                        4,
-                        response.json()
-                    ];
-                case 3:
-                    _state.sent();
+                    metricEvent = _state.sent();
+                    publishTracking(licenseKey, "metrics", {
+                        events: [
+                            metricEvent
+                        ]
+                    });
                     return [
                         3,
-                        5
+                        4
                     ];
-                case 4:
+                case 3:
                     error = _state.sent();
                     console.error("[StormcloudVideoPlayer] Error sending initial tracking data:", error);
                     return [
                         3,
-                        5
+                        4
                     ];
-                case 5:
+                case 4:
                     return [
                         2
                     ];
             }
         });
-    })();
+    }).apply(this, arguments);
 }
-function sendAdLoadedTracking(licenseKey, adLoadedInfo) {
-    return _async_to_generator(function() {
-        var clientInfo, browserId, trackingData, error;
+function sendAdLoadedTracking(_0, _1) {
+    return _async_to_generator(function(licenseKey, adLoadedInfo) {
+        var context, error;
+        var _arguments = arguments;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
+                    context = _arguments.length > 2 && _arguments[2] !== void 0 ? _arguments[2] : {};
+                    _state.label = 1;
+                case 1:
                     _state.trys.push([
-                        0,
+                        1,
                         3,
                         ,
                         4
                     ]);
-                    clientInfo = getClientInfo();
-                    return [
-                        4,
-                        getBrowserID(clientInfo)
-                    ];
-                case 1:
-                    browserId = _state.sent();
-                    trackingData = _object_spread({
-                        browserId: browserId
-                    }, clientInfo);
                     return [
                         4,
-                        sendTrackRequest(licenseKey, _object_spread_props(_object_spread({}, trackingData), {
-                            licenseKey: licenseKey,
-                            adLoadedInfo: adLoadedInfo
-                        }))
+                        sendHeartbeat(licenseKey, context, {
+                            adLoaded: true,
+                            captureAt: adLoadedInfo.timestamp
+                        })
                     ];
                 case 2:
                     _state.sent();
@@ -2098,39 +2189,46 @@ function sendAdLoadedTracking(licenseKey, adLoadedInfo) {
                     ];
             }
         });
-    })();
+    }).apply(this, arguments);
 }
-function sendAdImpressionTracking(licenseKey, adImpressionInfo) {
-    return _async_to_generator(function() {
-        var clientInfo, browserId, trackingData, error;
+function sendAdImpressionTracking(_0, _1) {
+    return _async_to_generator(function(licenseKey, adImpressionInfo) {
+        var context, metricEvent, error;
+        var _arguments = arguments;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
+                    context = _arguments.length > 2 && _arguments[2] !== void 0 ? _arguments[2] : {};
+                    if (!canPublish(licenseKey)) return [
+                        2
+                    ];
+                    _state.label = 1;
+                case 1:
                     _state.trys.push([
-                        0,
+                        1,
                         3,
                         ,
                         4
                     ]);
-                    clientInfo = getClientInfo();
                     return [
                         4,
-                        getBrowserID(clientInfo)
-                    ];
-                case 1:
-                    browserId = _state.sent();
-                    trackingData = _object_spread({
-                        browserId: browserId
-                    }, clientInfo);
-                    return [
-                        4,
-                        sendTrackRequest(licenseKey, _object_spread_props(_object_spread({}, trackingData), {
-                            licenseKey: licenseKey,
-                            adImpressionInfo: adImpressionInfo
-                        }))
+                        buildPlayerMetricEvent(context, {
+                            captureAt: adImpressionInfo.timestamp
+                        })
                     ];
                 case 2:
-                    _state.sent();
+                    metricEvent = _state.sent();
+                    publishTracking(licenseKey, "heartbeat", metricEvent);
+                    publishTracking(licenseKey, "impressions", {
+                        events: [
+                            {
+                                player_id: metricEvent.player_id,
+                                ad_played_count: 1,
+                                ad_url: adImpressionInfo.adUrl,
+                                capture_at: adImpressionInfo.timestamp
+                            }
+                        ]
+                    });
                     return [
                         3,
                         4
@@ -2148,74 +2246,52 @@ function sendAdImpressionTracking(licenseKey, adImpressionInfo) {
                     ];
             }
         });
-    })();
+    }).apply(this, arguments);
 }
-function sendHeartbeat(licenseKey) {
-    return _async_to_generator(function() {
-        var clientInfo, browserId, heartbeatData, headers, response, error;
+function sendHeartbeat(_0) {
+    return _async_to_generator(function(licenseKey) {
+        var context, flags, heartbeatData, error;
+        var _arguments = arguments;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
                 case 0:
+                    context = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : {}, flags = _arguments.length > 2 && _arguments[2] !== void 0 ? _arguments[2] : {};
+                    if (!canPublish(licenseKey)) return [
+                        2
+                    ];
+                    _state.label = 1;
+                case 1:
                     _state.trys.push([
-                        0,
-                        4,
+                        1,
+                        3,
                         ,
-                        5
+                        4
                     ]);
-                    clientInfo = getClientInfo();
                     return [
                         4,
-                        getBrowserID(clientInfo)
-                    ];
-                case 1:
-                    browserId = _state.sent();
-                    heartbeatData = {
-                        browserId: browserId,
-                        timestamp: /* @__PURE__ */ new Date().toISOString()
-                    };
-                    headers = {
-                        "Content-Type": "application/json"
-                    };
-                    if (licenseKey) {
-                        headers["Authorization"] = "Bearer ".concat(licenseKey);
-                    }
-                    return [
-                        4,
-                        fetch("https://adstorm.co/api-adstorm-dev/adstorm/player-tracking/heartbeat", {
-                            method: "POST",
-                            headers: headers,
-                            body: JSON.stringify(heartbeatData)
-                        })
+                        buildPlayerMetricEvent(context, flags)
                     ];
                 case 2:
-                    response = _state.sent();
-                    if (!response.ok) {
-                        throw new Error("HTTP error! status: ".concat(response.status));
-                    }
-                    return [
-                        4,
-                        response.json()
-                    ];
-                case 3:
-                    _state.sent();
+                    heartbeatData = _state.sent();
+                    publishTracking(licenseKey, "heartbeat", heartbeatData);
                     return [
                         3,
-                        5
+                        4
                     ];
-                case 4:
+                case 3:
                     error = _state.sent();
                     console.error("[StormcloudVideoPlayer] Error sending heartbeat:", error);
                     return [
                         3,
-                        5
+                        4
                     ];
-                case 5:
+                case 4:
                     return [
                         2
                     ];
             }
         });
-    })();
+    }).apply(this, arguments);
 }
 // src/utils/polyfills.ts
 function polyfillURLSearchParams() {
@@ -2777,6 +2853,9 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
         this.config = _object_spread({}, browserOverrides, config);
         this.video = config.videoElement;
         this.adTransitionGapMs = (_this_config_adTransitionGapMs = this.config.adTransitionGapMs) !== null && _this_config_adTransitionGapMs !== void 0 ? _this_config_adTransitionGapMs : 100;
+        if (this.config.mqttConfig) {
+            configureMQTT(this.config.mqttConfig);
+        }
         logBrowserInfo(config.debugAdTiming);
         var browserForAdLayer = detectBrowser();
         var isSinglePipeline = browserForAdLayer.isSmartTV || !!this.config.singlePipelineMode;
@@ -3144,7 +3223,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                             source: _this.getAdSource(),
                             adIndex: _this.currentAdIndex,
                             timestamp: /* @__PURE__ */ new Date().toISOString()
-                        });
+                        }, _this.getPlayerAnalyticsContext());
                     }
                 });
                 this.adLayer.on("ad_error", function(errorPayload) {
@@ -3449,7 +3528,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
             key: "initializeTracking",
             value: function initializeTracking() {
                 var _this = this;
-                sendInitialTracking(this.config.licenseKey).then(function() {
+                sendInitialTracking(this.config.licenseKey, this.getPlayerAnalyticsContext()).then(function() {
                     _this.heartbeatInterval = window.setInterval(function() {
                         _this.sendHeartbeatIfNeeded();
                     }, 5e3);
@@ -3470,7 +3549,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 var now = Date.now();
                 if (!this.lastHeartbeatTime || now - this.lastHeartbeatTime > 3e4) {
                     this.lastHeartbeatTime = now;
-                    sendHeartbeat(this.config.licenseKey).catch(function(error) {
+                    sendHeartbeat(this.config.licenseKey, this.getPlayerAnalyticsContext()).catch(function(error) {
                         if (_this.config.debugAdTiming) {
                             console.warn("[StormcloudVideoPlayer] Failed to send heartbeat:", error);
                         }
@@ -3564,6 +3643,14 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                 return "other";
             }
         },
+        {
+            key: "getPlayerAnalyticsContext",
+            value: function getPlayerAnalyticsContext() {
+                return {
+                    inputStreamType: this.getStreamType()
+                };
+            }
+        },
         {
             key: "shouldShowNativeControls",
             value: function shouldShowNativeControls() {
@@ -4218,7 +4305,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                                     sendAdLoadedTracking(_this.config.licenseKey, {
                                                         source: _this.getAdSource(),
                                                         timestamp: /* @__PURE__ */ new Date().toISOString()
-                                                    });
+                                                    }, _this.getPlayerAnalyticsContext());
                                                 }
                                                 return [
                                                     4,
@@ -4328,7 +4415,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                                     sendAdLoadedTracking(_this.config.licenseKey, {
                                                         source: _this.getAdSource(),
                                                         timestamp: /* @__PURE__ */ new Date().toISOString()
-                                                    });
+                                                    }, _this.getPlayerAnalyticsContext());
                                                 }
                                                 return [
                                                     4,
@@ -4495,7 +4582,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                     sendAdLoadedTracking(this.config.licenseKey, {
                                         source: this.getAdSource(),
                                         timestamp: /* @__PURE__ */ new Date().toISOString()
-                                    });
+                                    }, this.getPlayerAnalyticsContext());
                                 }
                                 _state.label = 1;
                             case 1:
@@ -4694,7 +4781,7 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                                     sendAdLoadedTracking(this.config.licenseKey, {
                                         source: this.getAdSource(),
                                         timestamp: /* @__PURE__ */ new Date().toISOString()
-                                    });
+                                    }, this.getPlayerAnalyticsContext());
                                 }
                                 return [
                                     4,
@@ -5639,6 +5726,9 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
                     clearInterval(this.heartbeatInterval);
                     this.heartbeatInterval = void 0;
                 }
+                if (isMQTTEnabled()) {
+                    disconnectMQTT();
+                }
                 (_this_hls = this.hls) === null || _this_hls === void 0 ? void 0 : _this_hls.destroy();
                 (_this_adLayer = this.adLayer) === null || _this_adLayer === void 0 ? void 0 : _this_adLayer.destroy();
                 this.consecutiveFailures = 0;
@@ -7239,38 +7329,44 @@ function hexToRgb(hex) {
     return "".concat(num >> 16 & 255, ",").concat(num >> 8 & 255, ",").concat(num & 255);
 }
 var FADE_DURATION_MS = 1e3;
-var VALID_ENTER_ANIMATIONS = /* @__PURE__ */ new Set([
-    "fade",
-    "slide_left",
-    "slide_right",
-    "slide_up",
-    "slide_down"
-]);
+var ENTER_ANIMATION_ALIASES = {
+    fade: "fade",
+    slide_from_left: "slide_from_left",
+    slide_from_right: "slide_from_right",
+    slide_from_top: "slide_from_top",
+    slide_from_bottom: "slide_from_bottom",
+    slide_left: "slide_from_left",
+    slide_right: "slide_from_right",
+    slide_up: "slide_from_top",
+    slide_down: "slide_from_bottom"
+};
+function normalizeEnterAnimation(v) {
+    var _ENTER_ANIMATION_ALIASES_v;
+    if (typeof v !== "string") return null;
+    return (_ENTER_ANIMATION_ALIASES_v = ENTER_ANIMATION_ALIASES[v]) !== null && _ENTER_ANIMATION_ALIASES_v !== void 0 ? _ENTER_ANIMATION_ALIASES_v : null;
+}
 function getEnterAnimation(overlay) {
     var flat = overlay.enter_animation;
-    if (typeof flat === "string" && VALID_ENTER_ANIMATIONS.has(flat)) {
-        return flat;
-    }
+    var fromFlat = normalizeEnterAnimation(flat);
+    if (fromFlat) return fromFlat;
     if (overlay.content) {
         try {
             var parsed = JSON.parse(overlay.content);
-            var v = parsed === null || parsed === void 0 ? void 0 : parsed.enterAnimation;
-            if (typeof v === "string" && VALID_ENTER_ANIMATIONS.has(v)) {
-                return v;
-            }
+            var fromContent = normalizeEnterAnimation(parsed === null || parsed === void 0 ? void 0 : parsed.enterAnimation);
+            if (fromContent) return fromContent;
         } catch (unused) {}
     }
     return "fade";
 }
 function enterHiddenTransform(anim) {
     switch(anim){
-        case "slide_left":
+        case "slide_from_left":
             return "translateX(-120%)";
-        case "slide_right":
+        case "slide_from_right":
             return "translateX(120%)";
-        case "slide_up":
+        case "slide_from_top":
             return "translateY(-120%)";
-        case "slide_down":
+        case "slide_from_bottom":
             return "translateY(120%)";
         default:
             return "";
@@ -7831,7 +7927,18 @@ var CRITICAL_PROPS = [
     "licenseKey",
     "lowLatencyMode",
     "driftToleranceMs",
-    "debugAdTiming"
+    "immediateManifestAds",
+    "debugAdTiming",
+    "showCustomControls",
+    "adFailsafeTimeoutMs",
+    "minSegmentsBeforePlay",
+    "disableAds",
+    "disableFiller",
+    "singlePipelineMode",
+    "mqttConfig",
+    "adBreakCheckIntervalMs",
+    "maxAdBreakExtensionMs",
+    "adTransitionGapMs"
 ];
 var CONTROLS_HIDE_DELAY = 3e3;
 var DEFAULT_PLAYER_ASPECT_RATIO = 16 / 9;
@@ -7842,7 +7949,7 @@ var PANEL_BASE_RIGHT_OFFSET = 10;
 var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props) {
     var _ref;
     var _aiLiveContext_context;
-    var src = props.src, autoplay = props.autoplay, muted = props.muted, lowLatencyMode = props.lowLatencyMode, allowNativeHls = props.allowNativeHls, driftToleranceMs = props.driftToleranceMs, immediateManifestAds = props.immediateManifestAds, debugAdTiming = props.debugAdTiming, showCustomControls = props.showCustomControls, hideLoadingIndicator = props.hideLoadingIndicator, onVolumeToggle = props.onVolumeToggle, onFullscreenToggle = props.onFullscreenToggle, onControlClick = props.onControlClick, onReady = props.onReady, wrapperClassName = props.wrapperClassName, wrapperStyle = props.wrapperStyle, className = props.className, style = props.style, controls = props.controls, playsInline = props.playsInline, preload = props.preload, poster = props.poster, children = props.children, licenseKey = props.licenseKey, minSegmentsBeforePlay = props.minSegmentsBeforePlay, disableAds = props.disableAds, disableFiller = props.disableFiller, swirlProjectId = props.swirlProjectId, swirlShowcaseDemo = props.swirlShowcaseDemo, swirlOverlayApiBaseUrl = props.swirlOverlayApiBaseUrl, swirlOverlayCoordinateSpace = props.swirlOverlayCoordinateSpace, adcisionChannelId = props.adcisionChannelId, disableOverlays = props.disableOverlays, showAdsControl = props.showAdsControl, showOverlaysControl = props.showOverlaysControl, showAiContextControl = props.showAiContextControl, showDebugControl = props.showDebugControl, restVideoAttrs = _object_without_properties(props, [
+    var src = props.src, autoplay = props.autoplay, muted = props.muted, lowLatencyMode = props.lowLatencyMode, allowNativeHls = props.allowNativeHls, driftToleranceMs = props.driftToleranceMs, immediateManifestAds = props.immediateManifestAds, debugAdTiming = props.debugAdTiming, showCustomControls = props.showCustomControls, hideLoadingIndicator = props.hideLoadingIndicator, onVolumeToggle = props.onVolumeToggle, onFullscreenToggle = props.onFullscreenToggle, onControlClick = props.onControlClick, onReady = props.onReady, wrapperClassName = props.wrapperClassName, wrapperStyle = props.wrapperStyle, className = props.className, style = props.style, controls = props.controls, playsInline = props.playsInline, preload = props.preload, poster = props.poster, children = props.children, licenseKey = props.licenseKey, adFailsafeTimeoutMs = props.adFailsafeTimeoutMs, minSegmentsBeforePlay = props.minSegmentsBeforePlay, disableAds = props.disableAds, disableFiller = props.disableFiller, singlePipelineMode = props.singlePipelineMode, mqttConfig2 = props.mqttConfig, adBreakCheckIntervalMs = props.adBreakCheckIntervalMs, maxAdBreakExtensionMs = props.maxAdBreakExtensionMs, adTransitionGapMs = props.adTransitionGapMs, swirlProjectId = props.swirlProjectId, swirlShowcaseDemo = props.swirlShowcaseDemo, swirlOverlayApiBaseUrl = props.swirlOverlayApiBaseUrl, swirlOverlayCoordinateSpace = props.swirlOverlayCoordinateSpace, adcisionChannelId = props.adcisionChannelId, disableOverlays = props.disableOverlays, showAdsControl = props.showAdsControl, showOverlaysControl = props.showOverlaysControl, showAiContextControl = props.showAiContextControl, showDebugControl = props.showDebugControl, restVideoAttrs = _object_without_properties(props, [
         "src",
         "autoplay",
         "muted",
@@ -7867,9 +7974,15 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
         "poster",
         "children",
         "licenseKey",
+        "adFailsafeTimeoutMs",
         "minSegmentsBeforePlay",
         "disableAds",
         "disableFiller",
+        "singlePipelineMode",
+        "mqttConfig",
+        "adBreakCheckIntervalMs",
+        "maxAdBreakExtensionMs",
+        "adTransitionGapMs",
         "swirlProjectId",
         "swirlShowcaseDemo",
         "swirlOverlayApiBaseUrl",
@@ -8110,7 +8223,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
     var debugPanelBottomOffset = shouldShowEnhancedControls ? Math.max(74, 92 * responsiveScale) : Math.max(52, 58 * responsiveScale);
     var criticalPropsKey = (0, import_react2.useMemo)(function() {
         var baseParts = CRITICAL_PROPS.map(function(prop) {
-            return prop === "src" ? "src:".concat(effectiveSrc) : "".concat(prop, ":").concat(props[prop]);
+            return prop === "src" ? "src:".concat(effectiveSrc) : "".concat(prop, ":").concat(JSON.stringify(props[prop]));
         }).join("|");
         return "".concat(baseParts, "|adcisionChannelId:").concat(adcisionChannelId !== null && adcisionChannelId !== void 0 ? adcisionChannelId : "");
     }, [
@@ -8119,8 +8232,19 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
         licenseKey,
         lowLatencyMode,
         driftToleranceMs,
+        immediateManifestAds,
         adcisionChannelId,
-        debugAdTiming
+        debugAdTiming,
+        showCustomControls,
+        adFailsafeTimeoutMs,
+        minSegmentsBeforePlay,
+        disableAds,
+        disableFiller,
+        singlePipelineMode,
+        mqttConfig2,
+        adBreakCheckIntervalMs,
+        maxAdBreakExtensionMs,
+        adTransitionGapMs
     ]);
     (0, import_react2.useEffect)(function() {
         if (typeof window === "undefined") return;
@@ -8154,9 +8278,15 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
         if (onFullscreenToggle !== void 0) cfg.onFullscreenToggle = onFullscreenToggle;
         if (onControlClick !== void 0) cfg.onControlClick = onControlClick;
         if (licenseKey !== void 0) cfg.licenseKey = licenseKey;
+        if (adFailsafeTimeoutMs !== void 0) cfg.adFailsafeTimeoutMs = adFailsafeTimeoutMs;
         if (minSegmentsBeforePlay !== void 0) cfg.minSegmentsBeforePlay = minSegmentsBeforePlay;
         if (disableAds !== void 0) cfg.disableAds = disableAds;
         cfg.disableFiller = disableFiller !== null && disableFiller !== void 0 ? disableFiller : true;
+        if (singlePipelineMode !== void 0) cfg.singlePipelineMode = singlePipelineMode;
+        if (mqttConfig2 !== void 0) cfg.mqttConfig = mqttConfig2;
+        if (adBreakCheckIntervalMs !== void 0) cfg.adBreakCheckIntervalMs = adBreakCheckIntervalMs;
+        if (maxAdBreakExtensionMs !== void 0) cfg.maxAdBreakExtensionMs = maxAdBreakExtensionMs;
+        if (adTransitionGapMs !== void 0) cfg.adTransitionGapMs = adTransitionGapMs;
         if (adcisionChannelId !== void 0) {
             cfg.projectId = String(adcisionChannelId);
             cfg.channelId = adcisionChannelId;