@mottosports/motto-video-player 1.0.1-rc.64 → 1.0.1-rc.65

package/dist/index.d.mts

@@ -314,6 +314,17 @@ interface PlayerProps extends Omit<HTMLAttributes<HTMLVideoElement>, 'src' | 'on
      */
     locale?: string;
     containerClassName?: string;
+    /**
+     * Motto public key used for authenticated requests
+     */
+    publicKey?: string;
+    /**
+     * Authentication context for player operations
+     */
+    auth?: {
+        mottoToken?: string;
+        userId?: string;
+    };
 }
 /**
  * Mux Analytics type definitions

package/dist/index.d.ts

@@ -314,6 +314,17 @@ interface PlayerProps extends Omit<HTMLAttributes<HTMLVideoElement>, 'src' | 'on
      */
     locale?: string;
     containerClassName?: string;
+    /**
+     * Motto public key used for authenticated requests
+     */
+    publicKey?: string;
+    /**
+     * Authentication context for player operations
+     */
+    auth?: {
+        mottoToken?: string;
+        userId?: string;
+    };
 }
 /**
  * Mux Analytics type definitions

package/dist/index.js

@@ -1226,7 +1226,7 @@ var supportsWidevinePersistentLicenses = () => {
 var import_mux_data_shakaplayer = __toESM(require("@mux/mux-data-shakaplayer"));
 
 // package.json
-var version = "1.0.1-rc.64";
+var version = "1.0.1-rc.65";
 
 // src/utils/licenseCache.ts
 var PERSISTENT_LICENSE_PREFIX = "motto_lic_";
@@ -1387,7 +1387,9 @@ var useShakaPlayer = ({
   onPlayerReady,
   muxConfig,
   onMuxReady,
-  onMuxDataUpdate
+  onMuxDataUpdate,
+  publicKey,
+  mottoToken
 }) => {
   const playerRef = (0, import_react.useRef)(null);
   const [isRetrying, setIsRetrying] = (0, import_react.useState)(false);
@@ -1528,7 +1530,12 @@ var useShakaPlayer = ({
         if (netEngine) {
           netEngine.registerRequestFilter((type, request) => {
             if (type === import_shaka_player.default.net.NetworkingEngine.RequestType.LICENSE) {
-              request.headers["x-dt-auth-token"] = src.drm.token;
+              if (publicKey) {
+                request.headers["authorization"] = `Bearer ${publicKey}`;
+              }
+              if (mottoToken) {
+                request.headers["x-motto-token"] = mottoToken;
+              }
             }
           });
           netEngine.registerResponseFilter((type, response) => {
@@ -1650,7 +1657,8 @@ var useShakaPlayer = ({
     return initializePlayerInternal(video);
   }, [initializePlayerInternal]);
   const destroyPlayer = (0, import_react.useCallback)(async () => {
-    if (playerRef.current) {
+    const playerInstance = playerRef.current;
+    if (playerInstance) {
       try {
         if (videoElementRef.current) {
           try {
@@ -1671,19 +1679,21 @@ var useShakaPlayer = ({
           waitingForKeyTimerRef.current = null;
         }
         try {
-          if (drmExpirationHandlerRef.current && playerRef.current?.removeEventListener) {
-            playerRef.current.removeEventListener("drmsessionupdate", drmExpirationHandlerRef.current);
+          if (drmExpirationHandlerRef.current && playerInstance.removeEventListener) {
+            playerInstance.removeEventListener("drmsessionupdate", drmExpirationHandlerRef.current);
           }
         } catch (e) {
           console.warn("Error removing DRM expiration listener:", e);
         } finally {
           drmExpirationHandlerRef.current = null;
         }
-        await playerRef.current.destroy();
+        await playerInstance.destroy();
       } catch (error) {
         console.warn("Error destroying Shaka Player:", error);
       } finally {
-        playerRef.current = null;
+        if (playerRef.current === playerInstance) {
+          playerRef.current = null;
+        }
         storedPersistentThisLoadRef.current = false;
       }
     }
@@ -2190,14 +2200,18 @@ var useShakaUI = (playerRef, containerRef, videoRef, controls, chromecastConfig,
     }
     return ui;
   }, [controls, containerRef, playerRef, videoRef, chromecastConfig, seekbarColors, onSkipBack, onSkipForward, iconSizes, locale]);
-  const destroyUI = (0, import_react6.useCallback)(() => {
-    if (uiRef.current) {
+  const destroyUI = (0, import_react6.useCallback)(async () => {
+    const uiInstance = uiRef.current;
+    if (uiInstance) {
       try {
-        uiRef.current.destroy();
+        await uiInstance.destroy();
       } catch (error) {
         console.error("Error destroying UI:", error);
+      } finally {
+        if (uiRef.current === uiInstance) {
+          uiRef.current = null;
+        }
       }
-      uiRef.current = null;
     }
   }, []);
   return {
@@ -3823,6 +3837,8 @@ var Player = (0, import_react12.forwardRef)(
     events,
     locale = "en",
     containerClassName,
+    publicKey,
+    auth,
     ...videoProps
   }, ref) => {
     const videoRef = (0, import_react12.useRef)(null);
@@ -3839,7 +3855,9 @@ var Player = (0, import_react12.forwardRef)(
       onPlayerReady: events?.onPlayerReady,
       muxConfig,
       onMuxReady: events?.onMuxReady,
-      onMuxDataUpdate: events?.onMuxDataUpdate
+      onMuxDataUpdate: events?.onMuxDataUpdate,
+      publicKey,
+      mottoToken: auth?.mottoToken
     });
     const {
       initializeMux,
@@ -4686,6 +4704,8 @@ var Video = ({
       events,
       locale,
       containerClassName: "w-full h-full",
+      publicKey,
+      auth,
       children
     }
   ) }) });
@@ -4854,7 +4874,9 @@ var Event = ({
           className: (0, import_tailwind_merge4.twMerge)(className, "peer aspect-video"),
           events,
           locale,
-          containerClassName: "w-full h-full"
+          containerClassName: "w-full h-full",
+          publicKey,
+          auth
         }
       ) }),
       !hideTitle && eventData && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
@@ -5210,7 +5232,9 @@ var CreativeWork = ({
           },
           src: activePlaylist,
           locale,
-          containerClassName: "w-full h-full"
+          containerClassName: "w-full h-full",
+          publicKey,
+          auth
         }
       ),
       !hideTitle && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(