stormcloud-video-player 0.7.40 → 0.7.42

package/lib/index.cjs

@@ -470,9 +470,6 @@ __export(index_exports, {
     createAdStormPlayer: function createAdStormPlayer1() {
         return createAdStormPlayer;
     },
-    createDemoStockTickerOverlay: function createDemoStockTickerOverlay1() {
-        return createDemoStockTickerOverlay;
-    },
     createStormcloudPlayer: function createStormcloudPlayer1() {
         return createStormcloudPlayer;
     },
@@ -536,9 +533,6 @@ __export(index_exports, {
     resolveImageUrl: function resolveImageUrl1() {
         return resolveImageUrl;
     },
-    scrollerLooksLikeMarketsStock: function scrollerLooksLikeMarketsStock1() {
-        return scrollerLooksLikeMarketsStock;
-    },
     sendHeartbeat: function sendHeartbeat1() {
         return sendHeartbeat;
     },
@@ -5915,8 +5909,7 @@ function overlayAuthoringDimensions(overlay, decodeWidth, decodeHeight) {
     var EPS = 2;
     var exceedsDecode = extR > decodeWidth + EPS || extB > decodeHeight + EPS;
     var isNabDemo = overlay.name.startsWith(NAB_DEMO_NAME_PREFIX);
-    var isSyntheticMarketsTicker = overlay.id === -9001 || overlay.name === "Demo stock ticker";
-    if (exceedsDecode && (isNabDemo || isSyntheticMarketsTicker)) {
+    if (exceedsDecode && isNabDemo) {
         return {
             width: SWIRL_HD_AUTHORING_WIDTH,
             height: SWIRL_HD_AUTHORING_HEIGHT
@@ -6014,63 +6007,6 @@ function inferSwirlOverlayCoordinateSpace(overlays, videoWidth, videoHeight) {
         height: videoHeight
     };
 }
-function scrollerLooksLikeMarketsStock(o) {
-    var _ref, _ref1, _ref2, _ref3;
-    if (o.type !== "scroller") return false;
-    var cfg = o.scroller_config;
-    var blob = "".concat(o.name, " ").concat((_ref = cfg === null || cfg === void 0 ? void 0 : cfg.label) !== null && _ref !== void 0 ? _ref : "", " ").concat((_ref1 = cfg === null || cfg === void 0 ? void 0 : cfg.label_line2) !== null && _ref1 !== void 0 ? _ref1 : "", " ").concat((_ref2 = cfg === null || cfg === void 0 ? void 0 : cfg.custom_text) !== null && _ref2 !== void 0 ? _ref2 : "", " ").concat((_ref3 = cfg === null || cfg === void 0 ? void 0 : cfg.preset) !== null && _ref3 !== void 0 ? _ref3 : "");
-    return /\b(MARKETS?|NYSE|NASDAQ|DJIA|\bS&P\b|STOCK|AAPL|TSLA|NVDA|EQUITIES)\b/i.test(blob);
-}
-function createDemoStockTickerOverlay(projectId, opts) {
-    var stack = (opts === null || opts === void 0 ? void 0 : opts.stackAboveNews) === true;
-    var cw = (opts === null || opts === void 0 ? void 0 : opts.coordinateWidth) && opts.coordinateWidth > 0 ? opts.coordinateWidth : SWIRL_HD_AUTHORING_WIDTH;
-    var ch = (opts === null || opts === void 0 ? void 0 : opts.coordinateHeight) && opts.coordinateHeight > 0 ? opts.coordinateHeight : SWIRL_HD_AUTHORING_HEIGHT;
-    var sx = cw / SWIRL_HD_AUTHORING_WIDTH;
-    var sy = ch / SWIRL_HD_AUTHORING_HEIGHT;
-    var x = 36 * sx;
-    var y = (stack ? 788 : 992) * sy;
-    var width = 1848 * sx;
-    var height = (stack ? 72 : 78) * sy;
-    var fontSize = Math.max(8, Math.round(14 * sy));
-    var scrollSpeed = Math.max(8, Math.round(38 * sx));
-    var borderRadius = Math.max(1, Math.round(6 * sy));
-    return {
-        id: -9001,
-        project_id: projectId,
-        name: "Demo stock ticker",
-        type: "scroller",
-        visible: true,
-        x: x,
-        y: y,
-        width: width,
-        height: height,
-        opacity: 100,
-        start_time: "00:00:00.000",
-        duration: "24:00:00.000",
-        z_index: stack ? 125 : 120,
-        scroller_config: {
-            use_custom_text: true,
-            custom_text: "AAPL +1.24%  \u2022  MSFT +0.42%  \u2022  GOOGL \u22120.11%  \u2022  TSLA +2.31%  \u2022  NVDA +1.87%  \u2022  AMZN +0.65%  \u2022  META +0.38%  \u2022  DJIA +0.52%  \u2022  S&P 500 +0.33%  \u2022  NDAQ +0.41%",
-            direction: "left",
-            scroll_speed: scrollSpeed,
-            font_size: fontSize,
-            font_weight: "600",
-            text_color: "#e2e8f0",
-            background_color: "#070b14",
-            background_opacity: 94,
-            border_radius: borderRadius,
-            padding: Math.max(4, Math.round(8 * sy)),
-            label: "MARKETS",
-            label_line2: "LIVE",
-            label_color: "#0e7490",
-            label_text_color: "#ecfeff",
-            accent_color: "#22d3ee",
-            show_accent_line: true,
-            separator_char: "\u2022",
-            item_spacing: Math.max(32, Math.round(56 * sx))
-        }
-    };
-}
 function normalizeScrollerConfig(raw) {
     if (!raw || (typeof raw === "undefined" ? "undefined" : _type_of(raw)) !== "object") return void 0;
     var r = raw;
@@ -6517,6 +6453,7 @@ function ScrollerOverlay(param) {
     var labelTextColor = (_ref11 = cfg === null || cfg === void 0 ? void 0 : cfg.label_text_color) !== null && _ref11 !== void 0 ? _ref11 : "#ffffff";
     var accentColor = (_ref12 = cfg === null || cfg === void 0 ? void 0 : cfg.accent_color) !== null && _ref12 !== void 0 ? _ref12 : labelColor;
     var showAccentLine = (cfg === null || cfg === void 0 ? void 0 : cfg.show_accent_line) !== false;
+    var isEquitiesStrip = (cfg === null || cfg === void 0 ? void 0 : cfg.preset) === "equities_strip";
     var isHorizontal = direction === "left" || direction === "right";
     var isReverse = direction === "right" || direction === "down";
     var fullText = segments.join("  ".concat(sep, "  "));
@@ -6547,7 +6484,7 @@ function ScrollerOverlay(param) {
                 children: [
                     showAccentLine && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                         style: {
-                            height: 3,
+                            height: isEquitiesStrip ? 2 : 3,
                             background: accentColor,
                             flexShrink: 0,
                             width: "100%"
@@ -6560,8 +6497,8 @@ function ScrollerOverlay(param) {
                             overflow: "hidden",
                             minHeight: 0,
                             alignItems: "center",
-                            padding: "".concat(Math.max(4, pad * 0.75), "px ").concat(pad, "px"),
-                            gap: Math.max(6, pad),
+                            padding: isEquitiesStrip ? "".concat(Math.max(2, pad * 0.5), "px ").concat(pad, "px") : "".concat(Math.max(4, pad * 0.75), "px ").concat(pad, "px"),
+                            gap: isEquitiesStrip ? Math.max(4, Math.round(pad * 0.75)) : Math.max(6, pad),
                             boxSizing: "border-box"
                         },
                         children: [
@@ -6569,30 +6506,33 @@ function ScrollerOverlay(param) {
                                 style: {
                                     background: labelColor,
                                     color: labelTextColor,
-                                    padding: "10px 14px",
+                                    padding: isEquitiesStrip ? "6px 12px" : "10px 14px",
                                     display: "flex",
-                                    flexDirection: "column",
+                                    flexDirection: isEquitiesStrip ? "row" : "column",
                                     alignItems: "center",
                                     justifyContent: "center",
                                     flexShrink: 0,
                                     textAlign: "center",
-                                    gap: 2,
-                                    borderRadius: Math.max(4, borderRadius > 0 ? borderRadius : 6),
-                                    boxShadow: "0 2px 8px rgba(0,0,0,0.35)"
+                                    gap: isEquitiesStrip ? 0 : 2,
+                                    borderRadius: Math.max(2, borderRadius > 0 ? borderRadius : 6),
+                                    boxShadow: isEquitiesStrip ? "inset 0 1px 0 rgba(255,255,255,0.08)" : "0 2px 8px rgba(0,0,0,0.35)",
+                                    alignSelf: "stretch",
+                                    maxWidth: isEquitiesStrip ? "min(200px, 28%)" : void 0
                                 },
                                 children: [
                                     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
                                         style: {
-                                            fontWeight: 800,
-                                            fontSize: "0.78em",
-                                            letterSpacing: "0.08em",
-                                            lineHeight: 1.15,
-                                            textTransform: "uppercase",
-                                            whiteSpace: "nowrap"
+                                            fontWeight: isEquitiesStrip ? 700 : 800,
+                                            fontSize: isEquitiesStrip ? "0.82em" : "0.78em",
+                                            letterSpacing: isEquitiesStrip ? "0.04em" : "0.08em",
+                                            lineHeight: 1.2,
+                                            textTransform: isEquitiesStrip ? "none" : "uppercase",
+                                            whiteSpace: isEquitiesStrip ? "normal" : "nowrap",
+                                            textAlign: isEquitiesStrip ? "left" : "center"
                                         },
                                         children: label
                                     }),
-                                    labelLine2 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+                                    labelLine2 && !isEquitiesStrip && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
                                         style: {
                                             fontWeight: 600,
                                             fontSize: "0.58em",
@@ -6607,13 +6547,13 @@ function ScrollerOverlay(param) {
                             }),
                             label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                                 style: {
-                                    width: 2,
+                                    width: isEquitiesStrip ? 1 : 2,
                                     alignSelf: "stretch",
-                                    minHeight: 24,
+                                    minHeight: isEquitiesStrip ? 20 : 24,
                                     background: accentColor,
                                     flexShrink: 0,
                                     borderRadius: 1,
-                                    opacity: 0.9
+                                    opacity: 0.85
                                 }
                             }),
                             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -8087,30 +8027,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
         swirlOverlayApiBaseUrl
     ]);
     var _import_react2_default_useState17 = _sliced_to_array(import_react2.default.useState(null), 2), overlayCoordSpace = _import_react2_default_useState17[0], setOverlayCoordSpace = _import_react2_default_useState17[1];
-    var displayOverlays = import_react2.default.useMemo(function() {
-        if (!swirlProjectId || !swirlShowcaseDemo) return overlays;
-        if (overlays.some(scrollerLooksLikeMarketsStock)) return overlays;
-        var hasOtherScroller = overlays.some(function(o) {
-            return o.type === "scroller";
-        });
-        var cw = overlayCoordSpace === null || overlayCoordSpace === void 0 ? void 0 : overlayCoordSpace.width;
-        var ch = overlayCoordSpace === null || overlayCoordSpace === void 0 ? void 0 : overlayCoordSpace.height;
-        var tickerOpts = cw && cw > 0 && ch && ch > 0 ? {
-            stackAboveNews: hasOtherScroller,
-            coordinateWidth: cw,
-            coordinateHeight: ch
-        } : {
-            stackAboveNews: hasOtherScroller
-        };
-        return _to_consumable_array(overlays).concat([
-            createDemoStockTickerOverlay(swirlProjectId, tickerOpts)
-        ]);
-    }, [
-        overlays,
-        swirlProjectId,
-        swirlShowcaseDemo,
-        overlayCoordSpace
-    ]);
+    var displayOverlays = overlays;
     var _import_react2_default_useState18 = _sliced_to_array(import_react2.default.useState(typeof window !== "undefined" ? window.innerWidth : 1920), 2), viewportWidth = _import_react2_default_useState18[0], setViewportWidth = _import_react2_default_useState18[1];
     var _import_react2_default_useState19 = _sliced_to_array(import_react2.default.useState(typeof window !== "undefined" ? window.innerHeight > window.innerWidth : false), 2), isPortrait = _import_react2_default_useState19[0], setIsPortrait = _import_react2_default_useState19[1];
     var _import_react2_default_useState20 = _sliced_to_array(import_react2.default.useState(DEFAULT_PLAYER_ASPECT_RATIO), 2), playerAspectRatio = _import_react2_default_useState20[0], setPlayerAspectRatio = _import_react2_default_useState20[1];
@@ -11505,7 +11422,6 @@ var StormcloudPlayer_default = StormcloudPlayer;
     StormcloudVideoPlayerComponent: StormcloudVideoPlayerComponent,
     canPlay: canPlay,
     createAdStormPlayer: createAdStormPlayer,
-    createDemoStockTickerOverlay: createDemoStockTickerOverlay,
     createStormcloudPlayer: createStormcloudPlayer,
     detectBrowser: detectBrowser,
     fetchProjectOverlays: fetchProjectOverlays,
@@ -11526,7 +11442,6 @@ var StormcloudPlayer_default = StormcloudPlayer;
     players: players,
     randomString: randomString,
     resolveImageUrl: resolveImageUrl,
-    scrollerLooksLikeMarketsStock: scrollerLooksLikeMarketsStock,
     sendHeartbeat: sendHeartbeat,
     sendInitialTracking: sendInitialTracking,
     supportsFeature: supportsFeature,