stormcloud-video-player 0.7.7 → 0.7.9

package/lib/index.js

@@ -759,28 +759,9 @@ function createAdStormPlayer(contentVideo, options) {
         adVideoElement.removeAttribute("src");
         adVideoElement.load();
     }
-    function buildVastUrl(durationSeconds, metadata) {
-        var baseUrl = "https://adstorm.co/api-adstorm-dev/adstorm/vast/".concat(licenseKey, "/pod");
-        var defaultMetadata = {
-            video: {
-                codec: "h264",
-                width: contentVideo.videoWidth || 1280,
-                height: contentVideo.videoHeight || 720,
-                fps: 29.97,
-                bitrate: 5e3,
-                profile: "high",
-                pix_fmt: "yuv420p",
-                has_b_frames: 0
-            },
-            audio: {
-                codec: "aac",
-                sample_rate: 48e3,
-                bitrate: 128
-            }
-        };
-        var finalMetadata = metadata || defaultMetadata;
-        var metadataStr = encodeURIComponent(JSON.stringify(finalMetadata));
-        return "".concat(baseUrl, "?duration=").concat(Math.ceil(durationSeconds), "&metadata=").concat(metadataStr);
+    function buildVastUrl(durationSeconds) {
+        var baseUrl = "https://adstorm.co/api-adstorm-dev/adstorm/nab/vast/pod";
+        return "".concat(baseUrl, "?duration=").concat(Math.ceil(durationSeconds));
     }
     function parseVastXml(xmlString) {
         var ads = [];
@@ -6360,15 +6341,38 @@ function ScoreBugOverlay(param) {
                     })
                 ]
             }),
-            cfg.sponsorText && /* @__PURE__ */ jsx("div", {
+            (cfg.sponsorText || cfg.sponsorImageUrl) && /* @__PURE__ */ jsxs("div", {
                 style: {
                     fontSize: "0.7em",
                     textAlign: "center",
-                    opacity: 0.5,
-                    padding: "".concat(f * 0.2, "px 0"),
-                    borderTop: "1px solid ".concat(cfg.accentColor, "40")
+                    opacity: 0.6,
+                    padding: "".concat(f * 0.2, "px ").concat(f * 0.4, "px"),
+                    borderTop: "1px solid ".concat(cfg.accentColor, "40"),
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    gap: f * 0.4,
+                    overflow: "hidden"
                 },
-                children: cfg.sponsorText
+                children: [
+                    cfg.sponsorImageUrl && /* @__PURE__ */ jsx("img", {
+                        src: cfg.sponsorImageUrl,
+                        alt: "sponsor",
+                        style: {
+                            height: "".concat(f * 1.4, "px"),
+                            objectFit: "contain",
+                            flexShrink: 0
+                        }
+                    }),
+                    cfg.sponsorText && /* @__PURE__ */ jsx("span", {
+                        style: {
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            whiteSpace: "nowrap"
+                        },
+                        children: cfg.sponsorText
+                    })
+                ]
             })
         ]
     });
@@ -6430,13 +6434,35 @@ function LowerThirdOverlay(param) {
                     })
                 ]
             }),
-            cfg.sponsorText && /* @__PURE__ */ jsx("div", {
+            (cfg.sponsorText || cfg.sponsorImageUrl) && /* @__PURE__ */ jsxs("div", {
                 style: {
                     fontSize: "0.7em",
-                    opacity: 0.4,
-                    padding: "0 ".concat(f * 1.2, "px ").concat(f * 0.4, "px")
+                    opacity: 0.5,
+                    padding: "0 ".concat(f * 1.2, "px ").concat(f * 0.4, "px"),
+                    display: "flex",
+                    alignItems: "center",
+                    gap: f * 0.4,
+                    overflow: "hidden"
                 },
-                children: cfg.sponsorText
+                children: [
+                    cfg.sponsorImageUrl && /* @__PURE__ */ jsx("img", {
+                        src: cfg.sponsorImageUrl,
+                        alt: "sponsor",
+                        style: {
+                            height: "".concat(f * 1.4, "px"),
+                            objectFit: "contain",
+                            flexShrink: 0
+                        }
+                    }),
+                    cfg.sponsorText && /* @__PURE__ */ jsx("span", {
+                        style: {
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            whiteSpace: "nowrap"
+                        },
+                        children: cfg.sponsorText
+                    })
+                ]
             })
         ]
     });
@@ -6593,6 +6619,23 @@ function ComingUpNextOverlay(param) {
                         children: cfg.scheduledTime
                     })
                 ]
+            }),
+            cfg.thumbnailUrl && /* @__PURE__ */ jsx("div", {
+                style: {
+                    flexShrink: 0,
+                    width: Math.max(40, size.h * 0.75),
+                    overflow: "hidden"
+                },
+                children: /* @__PURE__ */ jsx("img", {
+                    src: cfg.thumbnailUrl,
+                    alt: "thumbnail",
+                    style: {
+                        width: "100%",
+                        height: "100%",
+                        objectFit: "cover",
+                        display: "block"
+                    }
+                })
             })
         ]
     });
@@ -6828,35 +6871,41 @@ function BreakingNewsOverlay(param) {
         ]
     });
 }
+function calcCountdownRemaining(targetTime) {
+    var diff = Math.max(0, new Date(targetTime).getTime() - Date.now());
+    return {
+        d: Math.floor(diff / 864e5),
+        h: Math.floor(diff % 864e5 / 36e5),
+        m: Math.floor(diff % 36e5 / 6e4),
+        s: Math.floor(diff % 6e4 / 1e3),
+        expired: diff === 0
+    };
+}
 function CountdownOverlay(param) {
     var overlay = param.overlay, size = param.size;
+    var _ref;
     var cfg = parseConfig(overlay.content);
-    var _useState = _sliced_to_array(useState({
-        d: 0,
-        h: 0,
-        m: 0,
-        s: 0
+    var targetTime = (_ref = cfg === null || cfg === void 0 ? void 0 : cfg.targetTime) !== null && _ref !== void 0 ? _ref : "";
+    var _useState = _sliced_to_array(useState(function() {
+        return targetTime ? calcCountdownRemaining(targetTime) : {
+            d: 0,
+            h: 0,
+            m: 0,
+            s: 0,
+            expired: false
+        };
     }), 2), remaining = _useState[0], setRemaining = _useState[1];
     useEffect(function() {
-        if (!cfg) return;
-        var update = function update() {
-            var target = new Date(cfg.targetTime).getTime();
-            var now = Date.now();
-            var diff = Math.max(0, target - now);
-            setRemaining({
-                d: Math.floor(diff / 864e5),
-                h: Math.floor(diff % 864e5 / 36e5),
-                m: Math.floor(diff % 36e5 / 6e4),
-                s: Math.floor(diff % 6e4 / 1e3)
-            });
-        };
-        update();
-        var id = setInterval(update, 1e3);
+        if (!targetTime) return;
+        setRemaining(calcCountdownRemaining(targetTime));
+        var id = setInterval(function() {
+            return setRemaining(calcCountdownRemaining(targetTime));
+        }, 1e3);
         return function() {
             return clearInterval(id);
         };
     }, [
-        cfg === null || cfg === void 0 ? void 0 : cfg.targetTime
+        targetTime
     ]);
     if (!cfg) return null;
     var f = Math.max(6, size.w * 0.055);
@@ -6915,7 +6964,14 @@ function CountdownOverlay(param) {
                 },
                 children: cfg.eventName
             }),
-            /* @__PURE__ */ jsx("div", {
+            remaining.expired ? /* @__PURE__ */ jsx("div", {
+                style: {
+                    fontSize: "1em",
+                    fontWeight: 700,
+                    opacity: 0.6
+                },
+                children: cfg.message || "Event ended"
+            }) : /* @__PURE__ */ jsx("div", {
                 style: {
                     display: "flex",
                     gap: f * 0.6,
@@ -6964,7 +7020,7 @@ function CountdownOverlay(param) {
                     }, u.label);
                 })
             }),
-            cfg.message && /* @__PURE__ */ jsx("div", {
+            !remaining.expired && cfg.message && /* @__PURE__ */ jsx("div", {
                 style: {
                     fontSize: "0.8em",
                     opacity: 0.6,