@mottosports/motto-video-player 1.0.1-rc.53 → 1.0.1-rc.54

package/dist/index.d.mts

@@ -308,6 +308,11 @@ interface PlayerProps extends Omit<HTMLAttributes<HTMLVideoElement>, 'src' | 'on
      * Event callbacks
      */
     events?: PlayerEvents;
+    /**
+     * Locale for Shaka Player UI localization (e.g., 'en', 'ar', 'es')
+     * Defaults to 'en' if not provided
+     */
+    locale?: string;
     containerClassName?: string;
 }
 /**

package/dist/index.d.ts

@@ -308,6 +308,11 @@ interface PlayerProps extends Omit<HTMLAttributes<HTMLVideoElement>, 'src' | 'on
      * Event callbacks
      */
     events?: PlayerEvents;
+    /**
+     * Locale for Shaka Player UI localization (e.g., 'en', 'ar', 'es')
+     * Defaults to 'en' if not provided
+     */
+    locale?: string;
     containerClassName?: string;
 }
 /**

package/dist/index.js

@@ -1211,7 +1211,7 @@ var supportsWidevinePersistentLicenses = () => {
 var import_mux_data_shakaplayer = __toESM(require("@mux/mux-data-shakaplayer"));
 
 // package.json
-var version = "1.0.1-rc.53";
+var version = "1.0.1-rc.54";
 
 // src/utils/licenseCache.ts
 var PERSISTENT_LICENSE_PREFIX = "motto_lic_";
@@ -2000,7 +2000,7 @@ var SkipForwardButtonFactory = class {
     return new SkipForwardButton(rootElement, controls, this.onSkipForward, this.iconSize);
   }
 };
-var useShakaUI = (playerRef, containerRef, videoRef, controls, chromecastConfig, seekbarColors, onSkipBack, onSkipForward, iconSizes) => {
+var useShakaUI = (playerRef, containerRef, videoRef, controls, chromecastConfig, seekbarColors, onSkipBack, onSkipForward, iconSizes, locale = "en") => {
   const uiRef = (0, import_react6.useRef)(null);
   const registeredElements = (0, import_react6.useRef)(/* @__PURE__ */ new Set());
   const initializeUI = (0, import_react6.useCallback)(async () => {
@@ -2017,6 +2017,14 @@ var useShakaUI = (playerRef, containerRef, videoRef, controls, chromecastConfig,
     }
     const ui = new import_shaka_player3.ui.Overlay(playerRef.current, containerRef.current, videoRef.current);
     uiRef.current = ui;
+    if (locale !== "en") {
+      try {
+        ui.getControls().getLocalization().changeLocale([locale]);
+        console.log(`Set locale to '${locale}'`);
+      } catch (error) {
+        console.warn(`Failed to set locale to '${locale}', falling back to 'en':`, error);
+      }
+    }
     const isMobile = window.innerWidth <= 767;
     const controlPanelElements = [
       ...isMobile ? [] : ["skip_back_button"],
@@ -2081,7 +2089,7 @@ var useShakaUI = (playerRef, containerRef, videoRef, controls, chromecastConfig,
       }
     }
     return ui;
-  }, [controls, containerRef, playerRef, videoRef, chromecastConfig, seekbarColors, onSkipBack, onSkipForward, iconSizes]);
+  }, [controls, containerRef, playerRef, videoRef, chromecastConfig, seekbarColors, onSkipBack, onSkipForward, iconSizes, locale]);
   const destroyUI = (0, import_react6.useCallback)(() => {
     if (uiRef.current) {
       try {
@@ -3695,6 +3703,7 @@ var Player = (0, import_react12.forwardRef)(
     seekbarConfig,
     iconSizes,
     events,
+    locale = "en",
     containerClassName,
     ...videoProps
   }, ref) => {
@@ -3751,7 +3760,8 @@ var Player = (0, import_react12.forwardRef)(
       seekbarConfig,
       events?.onSkipBack,
       events?.onSkipForward,
-      iconSizes
+      iconSizes,
+      locale
     );
     const { isLive, isVisible: isLiveBadgeVisible } = useLiveBadge(playerRef, {
       enabled: true,
@@ -4522,6 +4532,7 @@ var Video = ({
       src: activePlaylist,
       className: (0, import_tailwind_merge3.twMerge)("video-player-container", className),
       events,
+      locale,
       containerClassName: "w-full h-full",
       children
     }
@@ -4690,6 +4701,7 @@ var Event = ({
           src: activePlaylist,
           className: (0, import_tailwind_merge4.twMerge)(className, "peer"),
           events,
+          locale,
           containerClassName: "w-full h-full"
         }
       ) }),
@@ -5045,6 +5057,7 @@ var CreativeWork = ({
             ...events
           },
           src: activePlaylist,
+          locale,
           containerClassName: "w-full h-full"
         }
       ),