@telefonica/mistica 14.36.1 → 14.38.0

package/dist/video.js

@@ -127,7 +127,7 @@ const K = {
     "16:9": 16 / 9,
     "4:3": 4 / 3
 }, z = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC", H = /*#__PURE__*/ _react.forwardRef((_param, A)=>{
-    var { src: r, poster: u, autoPlay: p = "when-loaded", muted: k = !0, loop: N = !0, preload: x = "none", loadingTimeout: T = 1e4, onLoad: y, onError: h, onPause: v, onPlay: R, aspectRatio: c = "1:1", dataAttributes: U } = _param, o = _object_without_properties(_param, [
+    var { src: r, poster: u, autoPlay: p = "when-loaded", muted: k = !0, loop: N = !0, preload: x = "none", loadingTimeout: T = 1e4, onLoad: y, onError: h, onPause: v, onPlay: w, aspectRatio: c = "1:1", dataAttributes: U } = _param, s = _object_without_properties(_param, [
         "src",
         "poster",
         "autoPlay",
@@ -142,7 +142,7 @@ const K = {
         "aspectRatio",
         "dataAttributes"
     ]);
-    const [a, d] = _react.useReducer(M, "loading"), s = _react.useRef(null), C = _react.useRef(), f = _react.useRef(null), b = (0, _css.fallbackStyles)(_imagecssmistica.vars.mediaBorderRadius, _skincontractcssmistica.vars.borderRadii.container), m = typeof c == "number" ? c : _[c], w = _react.useCallback(()=>{
+    const [a, d] = _react.useReducer(M, "loading"), o = _react.useRef(null), C = _react.useRef(), f = _react.useRef(null), R = (0, _css.fallbackStyles)(_imagecssmistica.vars.mediaBorderRadius, _skincontractcssmistica.vars.borderRadii.container), m = s.width && s.height ? void 0 : typeof c == "number" ? c : _[c], b = _react.useCallback(()=>{
         a === "loading" && (d("fail"), h == null || h());
     }, [
         h,
@@ -152,25 +152,25 @@ const K = {
         var e;
         if (C.current !== r) {
             let t;
-            return C.current = r, d("reset"), r ? (t = setTimeout(w, T), (e = s.current) == null || e.load()) : d("fail"), ()=>{
+            return C.current = r, d("reset"), r ? (t = setTimeout(b, T), (e = o.current) == null || e.load()) : d("fail"), ()=>{
                 clearTimeout(t);
             };
         }
     }, [
         r,
         T,
-        w
+        b
     ]);
     const I = ()=>{
         y == null || y();
-        const e = s.current, t = p && !(0, _platform.isRunningAcceptanceTest)();
+        const e = o.current, t = p && !(0, _platform.isRunningAcceptanceTest)();
         d("finishLoad"), e && t && e.paused && e.play();
     }, V = (Array.isArray(r) ? r : [
         r
     ]).map((e)=>typeof e == "string" ? {
             src: e
         } : e), g = a === "error" || a === "loading" || a === "loaded", j = /* @__PURE__ */ (0, _jsxruntime.jsx)("video", {
-        ref: s,
+        ref: o,
         playsInline: !0,
         disablePictureInPicture: !0,
         disableRemotePlayback: !0,
@@ -178,13 +178,13 @@ const K = {
         loop: N,
         className: _videocssmistica.video,
         preload: x,
-        onError: w,
+        onError: b,
         onPause: ()=>{
             v == null || v(), d("pause");
         },
         onTimeUpdate: ()=>{
             var e;
-            a !== "playing" && ((e = s.current) == null ? void 0 : e.currentTime) !== 0 && (R == null || R(), d("play"));
+            a !== "playing" && ((e = o.current) == null ? void 0 : e.currentTime) !== 0 && (w == null || w(), d("play"));
         },
         onCanPlay: ()=>{
             p === "streaming" && I();
@@ -195,7 +195,7 @@ const K = {
         poster: z,
         style: {
             // For some reason adding this style with classnames doesn't add the border radius in safari
-            borderRadius: b,
+            borderRadius: R,
             visibility: g ? "hidden" : "visible",
             position: g || m !== 0 ? "absolute" : "static",
             width: "100%",
@@ -208,10 +208,10 @@ const K = {
                 type: t
             }, i);
         })
-    }), E = !!(m !== 0 || o.width && o.height), S = a === "error", B = _react.useMemo(()=>u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.ImageContent, {
+    }), E = !!(m !== 0 || s.width && s.height), S = a === "error", B = _react.useMemo(()=>u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.ImageContent, {
             aspectRatio: c,
-            width: o.width,
-            height: o.height,
+            width: s.width,
+            height: s.height,
             src: u
         }) : E ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             style: {
@@ -220,14 +220,14 @@ const K = {
                 height: "100%"
             },
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.ImageError, {
-                borderRadius: b,
+                borderRadius: R,
                 withIcon: S
             })
         }) : void 0, [
         c,
-        o.height,
-        o.width,
-        b,
+        s.height,
+        s.width,
+        R,
         S,
         u,
         E
@@ -237,8 +237,8 @@ const K = {
             position: "relative"
         },
         aspectRatio: m,
-        width: o.width,
-        height: o.height,
+        width: s.width,
+        height: s.height,
         dataAttributes: (0, _dom.getPrefixedDataAttributes)(U, "Video"),
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -251,18 +251,18 @@ const K = {
                     const t = e || null;
                     t && (t.play = ()=>{
                         var i;
-                        return ((i = s.current) == null ? void 0 : i.play()) || Promise.resolve();
+                        return ((i = o.current) == null ? void 0 : i.play()) || Promise.resolve();
                     }, t.pause = ()=>{
                         var i;
-                        return (i = s.current) == null ? void 0 : i.pause();
+                        return (i = o.current) == null ? void 0 : i.pause();
                     }, t.load = ()=>{
                         var i;
                         (i = f.current) != null && i.style && (f.current.style.width = "100%", f.current.style.height = "100%"), setTimeout(()=>{
                             var F;
-                            d("reset"), (F = s.current) == null || F.load();
+                            d("reset"), (F = o.current) == null || F.load();
                         }, 100);
                     }, t.setCurrentTime = (i)=>{
-                        s.current && (s.current.currentTime = i);
+                        o.current && (o.current.currentTime = i);
                     }), typeof A == "function" ? A(t) : A && (A.current = t);
                 }
             }),