@telefonica/mistica 14.24.1 → 14.26.0

package/dist-es/video.js

@@ -25,7 +25,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as d, jsxs as G } from "react/jsx-runtime";
+import { jsx as l, jsxs as G } from "react/jsx-runtime";
 import * as n from "react";
 import { useMediaBorderRadius as J, ImageContent as M, ImageError as O } from "./image.js";
 import { AspectRatioContainer as P } from "./utils/aspect-ratio-support.js";
@@ -80,8 +80,8 @@ const q = {
         "aspectRatio",
         "dataAttributes"
     ]);
-    const [a, l] = n.useReducer(D, "loading"), s = n.useRef(null), C = n.useRef(), f = n.useRef(null), w = J(), g = typeof c == "number" ? c : K[c], v = n.useCallback(()=>{
-        a === "loading" && (l("fail"), h == null || h());
+    const [a, d] = n.useReducer(D, "loading"), s = n.useRef(null), C = n.useRef(), f = n.useRef(null), w = J(), g = typeof c == "number" ? c : K[c], v = n.useCallback(()=>{
+        a === "loading" && (d("fail"), h == null || h());
     }, [
         h,
         a
@@ -89,9 +89,8 @@ const q = {
     n.useEffect(()=>{
         var e;
         if (C.current !== r) {
-            C.current = r;
-            const t = setTimeout(v, T);
-            return l("reset"), (e = s.current) == null || e.load(), ()=>{
+            let t;
+            return C.current = r, d("reset"), r ? (t = setTimeout(v, T), (e = s.current) == null || e.load()) : d("fail"), ()=>{
                 clearTimeout(t);
             };
         }
@@ -103,12 +102,12 @@ const q = {
     const I = ()=>{
         y == null || y();
         const e = s.current, t = p && !Q();
-        l("finishLoad"), e && t && e.paused && e.play();
+        d("finishLoad"), e && t && e.paused && e.play();
     }, U = (Array.isArray(r) ? r : [
         r
     ]).map((e)=>typeof e == "string" ? {
             src: e
-        } : e), m = a === "error" || a === "loading" || a === "loaded", V = /* @__PURE__ */ d("video", {
+        } : e), m = a === "error" || a === "loading" || a === "loaded", V = /* @__PURE__ */ l("video", {
         ref: s,
         playsInline: !0,
         disablePictureInPicture: !0,
@@ -119,11 +118,11 @@ const q = {
         preload: k,
         onError: v,
         onPause: ()=>{
-            R == null || R(), l("pause");
+            R == null || R(), d("pause");
         },
         onTimeUpdate: ()=>{
             var e;
-            a !== "playing" && ((e = s.current) == null ? void 0 : e.currentTime) !== 0 && (b == null || b(), l("play"));
+            a !== "playing" && ((e = s.current) == null ? void 0 : e.currentTime) !== 0 && (b == null || b(), d("play"));
         },
         onCanPlay: ()=>{
             p === "streaming" && I();
@@ -142,23 +141,23 @@ const q = {
         },
         children: U.map((param, i)=>/* @__PURE__ */ {
             let { src: e , type: t  } = param;
-            return d("source", {
+            return l("source", {
                 src: e,
                 type: t
             }, i);
         })
-    }), E = !!(g !== 0 || o.width && o.height), F = a === "error", j = n.useMemo(()=>u ? /* @__PURE__ */ d(M, {
+    }), E = !!(g !== 0 || o.width && o.height), F = a === "error", j = n.useMemo(()=>u ? /* @__PURE__ */ l(M, {
             aspectRatio: c,
             width: o.width,
             height: o.height,
             src: u
-        }) : E ? /* @__PURE__ */ d("div", {
+        }) : E ? /* @__PURE__ */ l("div", {
             style: {
                 position: "absolute",
                 width: "100%",
                 height: "100%"
             },
-            children: /* @__PURE__ */ d(O, {
+            children: /* @__PURE__ */ l(O, {
                 noBorderRadius: !w,
                 withIcon: F
             })
@@ -180,7 +179,7 @@ const q = {
         height: o.height,
         dataAttributes: $(B, "Video"),
         children: [
-            /* @__PURE__ */ d("div", {
+            /* @__PURE__ */ l("div", {
                 style: {
                     position: "absolute",
                     width: "100%",
@@ -198,7 +197,7 @@ const q = {
                         var i;
                         (i = f.current) != null && i.style && (f.current.style.width = "100%", f.current.style.height = "100%"), setTimeout(()=>{
                             var S;
-                            l("reset"), (S = s.current) == null || S.load();
+                            d("reset"), (S = s.current) == null || S.load();
                         }, 100);
                     }, t.setCurrentTime = (i)=>{
                         s.current && (s.current.currentTime = i);
@@ -206,7 +205,7 @@ const q = {
                 }
             }),
             V,
-            /* @__PURE__ */ d("div", {
+            /* @__PURE__ */ l("div", {
                 ref: f,
                 style: {
                     position: g !== 0 ? "absolute" : "static",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "14.24.1",
+    "version": "14.26.0",
     "license": "MIT",
     "repository": {
         "type": "git",