stormcloud-video-player 0.7.19 → 0.7.21

package/lib/index.cjs

@@ -7395,6 +7395,31 @@ function fetchAdcisionChannel(_0) {
         });
     }).apply(this, arguments);
 }
+function fetchAdcisionChannelLiveContext(_0) {
+    return _async_to_generator(function(channelId) {
+        var apiBaseUrl, response;
+        var _arguments = arguments;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    apiBaseUrl = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : ADCISION_API_BASE;
+                    return [
+                        4,
+                        fetch("".concat(apiBaseUrl, "/adstorm/adcision/channels/").concat(channelId, "/live-context"))
+                    ];
+                case 1:
+                    response = _state.sent();
+                    if (!response.ok) {
+                        throw new Error("Failed to fetch adcision channel live context ".concat(channelId, ": ").concat(response.status, " ").concat(response.statusText));
+                    }
+                    return [
+                        2,
+                        response.json()
+                    ];
+            }
+        });
+    }).apply(this, arguments);
+}
 // src/ui/StormcloudVideoPlayer.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var CRITICAL_PROPS = [
@@ -7640,14 +7665,11 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
         }
         setShowSpeedMenu(false);
     };
-    var isHlsStream = (src === null || src === void 0 ? void 0 : src.toLowerCase().includes(".m3u8")) || (src === null || src === void 0 ? void 0 : src.toLowerCase().includes("/hls/"));
-    var shouldShowEnhancedControls = showCustomControls && (isHlsStream ? allowNativeHls : true);
     var analyzerPanelWidth = Math.min(420, Math.max(320, viewportWidth * 0.41));
     var analyzerPanelHeight = isPortrait ? "52vh" : "420px";
     var analyzerPanelMaxHeight = "60vh";
     var panelGap = Math.max(8, 12 * responsiveScale);
     var shouldStackPanels = isPortrait || viewportWidth < 980;
-    var debugPanelBottomOffset = shouldShowEnhancedControls ? Math.max(74, 92 * responsiveScale) : Math.max(52, 58 * responsiveScale);
     var panelBaseRight = PANEL_BASE_RIGHT_OFFSET * responsiveScale;
     var debugPanelRightOffset = showAiPanel && !shouldStackPanels ? panelBaseRight + analyzerPanelWidth + panelGap : panelBaseRight;
     (0, import_react2.useEffect)(function() {
@@ -7670,6 +7692,9 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
         adcisionChannelId
     ]);
     var effectiveSrc = adcisionChannelId ? adcisionSrc : src;
+    var isHlsStream = (effectiveSrc === null || effectiveSrc === void 0 ? void 0 : effectiveSrc.toLowerCase().includes(".m3u8")) || (effectiveSrc === null || effectiveSrc === void 0 ? void 0 : effectiveSrc.toLowerCase().includes("/hls/"));
+    var shouldShowEnhancedControls = showCustomControls && (isHlsStream ? allowNativeHls : true);
+    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]);
@@ -8014,13 +8039,13 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
         adcisionChannelId
     ]);
     (0, import_react2.useEffect)(function() {
-        if (!showAiPanel || !swirlProjectId || adcisionChannelId) return;
+        if (!showAiPanel || !swirlProjectId && !adcisionChannelId) return;
         var cancelled = false;
         var pollTimeoutId = null;
         var inFlight = false;
         var pollLiveContext = function pollLiveContext1() {
             return _async_to_generator(function() {
-                var response, payload, error, message, _ref, _playerRef_current, segmentPollMs, nextPollMs;
+                var payload, adcisionCtx, response, error, message, _ref, _playerRef_current, segmentPollMs, nextPollMs;
                 return _ts_generator(this, function(_state) {
                     switch(_state.label){
                         case 0:
@@ -8038,10 +8063,32 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                         case 1:
                             _state.trys.push([
                                 1,
+                                7,
+                                8,
+                                9
+                            ]);
+                            if (!adcisionChannelId) return [
+                                3,
+                                3
+                            ];
+                            return [
                                 4,
-                                5,
+                                fetchAdcisionChannelLiveContext(adcisionChannelId)
+                            ];
+                        case 2:
+                            adcisionCtx = _state.sent();
+                            payload = {
+                                id: adcisionCtx.id,
+                                project_id: adcisionCtx.channel_id,
+                                keywords: adcisionCtx.keywords,
+                                context: adcisionCtx.context,
+                                updated_at: adcisionCtx.updated_at
+                            };
+                            return [
+                                3,
                                 6
-                            ]);
+                            ];
+                        case 3:
                             return [
                                 4,
                                 fetch("https://adstorm.co/api-adstorm-dev/adstorm/swirl/projects/".concat(swirlProjectId, "/live-context"), {
@@ -8051,7 +8098,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                                     }
                                 })
                             ];
-                        case 2:
+                        case 4:
                             response = _state.sent();
                             if (!response.ok) {
                                 throw new Error("Live context request failed (".concat(response.status, " ").concat(response.statusText, ")"));
@@ -8060,8 +8107,10 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                                 4,
                                 response.json()
                             ];
-                        case 3:
+                        case 5:
                             payload = _state.sent();
+                            _state.label = 6;
+                        case 6:
                             if (cancelled) return [
                                 2
                             ];
@@ -8073,9 +8122,9 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                             });
                             return [
                                 3,
-                                6
+                                9
                             ];
-                        case 4:
+                        case 7:
                             error = _state.sent();
                             if (cancelled) return [
                                 2
@@ -8090,9 +8139,9 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                             });
                             return [
                                 3,
-                                6
+                                9
                             ];
-                        case 5:
+                        case 8:
                             inFlight = false;
                             if (!cancelled) {
                                 ;
@@ -8104,7 +8153,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                             return [
                                 7
                             ];
-                        case 6:
+                        case 9:
                             return [
                                 2
                             ];
@@ -8122,6 +8171,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
     }, [
         showAiPanel,
         swirlProjectId,
+        adcisionChannelId,
         criticalPropsKey
     ]);
     var handleWrapperMouseMove = (0, import_react2.useCallback)(function() {
@@ -8384,7 +8434,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                             })
                         ]
                     }),
-                    showAiPanel && !showLicenseWarning && swirlProjectId && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", {
+                    showAiPanel && !showLicenseWarning && (swirlProjectId || adcisionChannelId) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", {
                         style: _object_spread_props(_object_spread({
                             position: "absolute",
                             right: "".concat(panelBaseRight, "px")