@mottosports/motto-video-player 1.0.0 → 1.0.1-rc.1

package/dist/index.mjs

@@ -269,6 +269,10 @@ var SkipBackButton = class {
     this.eventManager = { listen: (element, event, handler) => {
       element.addEventListener(event, handler);
     } };
+    if (typeof document === "undefined") {
+      console.warn("SkipBackButton: document is not available (SSR environment)");
+      return;
+    }
     this.button_ = document.createElement("button");
     this.button_.className = "shaka-button motto-native-skip-button";
     this.button_.innerHTML = `
@@ -299,6 +303,10 @@ var SkipForwardButton = class {
     this.eventManager = { listen: (element, event, handler) => {
       element.addEventListener(event, handler);
     } };
+    if (typeof document === "undefined") {
+      console.warn("SkipForwardButton: document is not available (SSR environment)");
+      return;
+    }
     this.button_ = document.createElement("button");
     this.button_.className = "shaka-button motto-native-skip-button";
     this.button_.innerHTML = `
@@ -342,6 +350,10 @@ var MobilePlayButton = class {
   constructor(parent, controls) {
     this.parent = parent;
     this.controls = controls;
+    if (typeof document === "undefined") {
+      console.warn("MobilePlayButton: document is not available (SSR environment)");
+      return;
+    }
     this.video = controls?.getVideo?.() || parent.querySelector("video") || document.querySelector("video");
     if (!this.video) {
       console.error("MobilePlayButton: No video element found");
@@ -386,6 +398,10 @@ var MobileSkipBackButton = class {
   constructor(parent, controls, onSkipBack) {
     this.parent = parent;
     this.controls = controls;
+    if (typeof document === "undefined") {
+      console.warn("MobileSkipBackButton: document is not available (SSR environment)");
+      return;
+    }
     this.video = controls?.getVideo?.() || parent.querySelector("video") || document.querySelector("video");
     if (!this.video) {
       console.error("MobileSkipBackButton: No video element found");
@@ -417,6 +433,10 @@ var MobileSkipForwardButton = class {
   constructor(parent, controls, onSkipForward) {
     this.parent = parent;
     this.controls = controls;
+    if (typeof document === "undefined") {
+      console.warn("MobileSkipForwardButton: document is not available (SSR environment)");
+      return;
+    }
     this.video = controls?.getVideo?.() || parent.querySelector("video") || document.querySelector("video");
     if (!this.video) {
       console.error("MobileSkipForwardButton: No video element found");
@@ -448,6 +468,10 @@ var MobileControlsContainer = class {
   constructor(parent, controls, onSkipBack, onSkipForward) {
     this.parent = parent;
     this.controls = controls;
+    if (typeof document === "undefined") {
+      console.warn("MobileControlsContainer: document is not available (SSR environment)");
+      return;
+    }
     if (!parent) {
       console.error("MobileControlsContainer: No parent element provided");
       return;
@@ -505,6 +529,9 @@ var MobileControlsContainer = class {
     }
   }
   isElementVisible(element) {
+    if (typeof window === "undefined") {
+      return false;
+    }
     const style = window.getComputedStyle(element);
     const hasHiddenClass = element.classList.contains("shaka-hidden") || element.classList.contains("hidden") || element.classList.contains("shaka-fade-out");
     return style.display !== "none" && style.visibility !== "hidden" && style.opacity !== "0" && !element.hidden && !hasHiddenClass;
@@ -523,10 +550,14 @@ var useShakaUI = (playerRef, containerRef, videoRef, controls, chromecastConfig,
   const uiRef = useRef4(null);
   const registeredElements = useRef4(/* @__PURE__ */ new Set());
   const initializeUI = useCallback5(async () => {
+    if (typeof window === "undefined" || typeof document === "undefined") {
+      console.warn("useShakaUI: Cannot initialize UI in SSR environment");
+      return null;
+    }
     if (!controls || !containerRef.current || !playerRef.current || !videoRef.current) {
       return null;
     }
-    const isMobile = window.innerWidth <= 767 || /Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+    const isMobile = typeof window !== "undefined" && typeof navigator !== "undefined" && (window.innerWidth <= 767 || /Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent));
     if (!registeredElements.current.has("skip_back_button")) {
       ShakaUI.Controls.registerElement("skip_back_button", new SkipBackButtonFactory(onSkipBack));
       registeredElements.current.add("skip_back_button");
@@ -720,6 +751,9 @@ var useLiveIndicator = (containerRef, options = {}) => {
     showPulseAnimation = true
   } = options;
   useEffect3(() => {
+    if (typeof window === "undefined" || typeof document === "undefined") {
+      return;
+    }
     if (!containerRef.current || !enabled) {
       return;
     }
@@ -1782,6 +1816,9 @@ var availableLanguages = {
   fa: fa_default
 };
 var getBrowserLanguage = () => {
+  if (typeof window === "undefined" || typeof navigator === "undefined") {
+    return "en";
+  }
   const language = navigator.language.split("-")[0];
   return availableLanguages[language] ? language : "en";
 };