@websolutespa/bom-mixer-ui 1.9.11 → 1.9.12

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @websolutespa/bom-mixer-ui
 
+## 1.9.12
+
+### Patch Changes
+
+- Fixing: MediaVideo mimeType
+
 ## 1.9.11
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -4799,12 +4799,12 @@ function isSVG(src) {
 const MediaImage_ = _a => {
   var {
       className,
-      type,
       loading = 'lazy',
       onLoaded,
-      canLoad = true
+      canLoad = true,
+      mimeType
     } = _a,
-    props = __rest(_a, ["className", "type", "loading", "onLoaded", "canLoad"]);
+    props = __rest(_a, ["className", "loading", "onLoaded", "canLoad", "mimeType"]);
   const theme = React.useContext(styled.ThemeContext);
   if (!theme) {
     throw new Error('MediaImage must be used within ThemeProvider');
@@ -4876,9 +4876,11 @@ const MediaVideo_ = _a => {
   var {
       className,
       onLoaded,
-      canLoad = true
+      canLoad = true,
+      src: mediaSrc,
+      mimeType = 'video/mp4'
     } = _a,
-    props = __rest(_a, ["className", "onLoaded", "canLoad"]);
+    props = __rest(_a, ["className", "onLoaded", "canLoad", "src", "mimeType"]);
   const videoRef = React.useRef(null);
   const {
     locale
@@ -4923,10 +4925,10 @@ const MediaVideo_ = _a => {
   const shouldLoad = isIntersecting && canLoad;
   // handle intersection
   React.useEffect(() => {
-    if (shouldLoad && src !== props.src) {
-      setSrc(props.src);
+    if (shouldLoad && src !== mediaSrc) {
+      setSrc(mediaSrc);
     }
-  }, [shouldLoad, src, props.src]);
+  }, [shouldLoad, src, mediaSrc]);
   const mounted = bomMixerHooks.useMounted();
   const id = React.useId();
   const {
@@ -4957,15 +4959,17 @@ const MediaVideo_ = _a => {
       ref: videoRef,
       id: id,
       className: classNames,
-      playsInline: true,
       autoPlay: shouldPlay,
       muted: true,
-      loop: true
-    }, props, {
+      loop: true,
+      playsInline: true
+    }, props, mimeType ? {} : {
+      src
+    }, {
       children: src && jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [jsxRuntime.jsx("source", {
+        children: [mimeType && jsxRuntime.jsx("source", {
           src: src,
-          type: "video/mp4"
+          type: mimeType
         }), locale && jsxRuntime.jsx("track", {
           src: `/captions.vtt?locale=${locale}&title=${props.title}`,
           kind: "captions",
@@ -5056,6 +5060,7 @@ function getMediaItemProps(mediaItem, options) {
     title,
     alt,
     size: options.size,
+    mimeType: media.mimeType,
     onLoaded: mediaItem.onLoaded,
     canLoad: mediaItem.canLoad
   };