@trafilea/afrodita-components 7.24.2 → 7.24.3

package/build/es/components/molecules/Video/Video.js

@@ -1,2 +1,2 @@
-import{__rest as o,__assign as t}from"tslib";import{useRef as r,useState as n,useEffect as e,createElement as i}from"react";import{jsxs as a,jsx as u}from"react/jsx-runtime";import"../../../core/theme/Theme.js";import"../../../types/enums.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/styled.js";import"../../pricing/styles.js";import"../../tooltip/Styled.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as c}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import{ProgressBar as s}from"./components/ProgressBar.js";import{Container as d,PlayContainer as l,PlayIcon as m,PauseContainer as f,MuteButton as p,HTMLVideo as v}from"./styled.js";var h=function(h){var y,g,j=h.source,P=h.thumbnail,b=h.height,L=h.className,C=h.withProgressBar,A=void 0===C||C,k=h.hasAudioControl,I=h.muted,T=h.onLoadedData,D=h.autoPlay,N=h.isActive,w=void 0===N||N,z=h.lazyLoad,B=void 0!==z&&z,x=o(h,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData","autoPlay","isActive","lazyLoad"]),E=r(null),H=n(!0),M=H[0],O=H[1],V=n(!1),_=V[0],q=V[1],F=n(!!D||I),S=F[0],U=F[1],G=n(0),J=G[0],K=G[1],Q=n(!1),R=Q[0],W=Q[1],X=n(!1),Y=X[0],Z=X[1],$=n(!1),oo=$[0],to=$[1],ro=n(!B||w),no=ro[0],eo=ro[1],io=J>0,ao=(null===(y=E.current)||void 0===y?void 0:y.duration)?J/E.current.duration:0,uo=J===(null===(g=null==E?void 0:E.current)||void 0===g?void 0:g.duration)||0===J,co=!B||no,so=D&&co?void 0:P;e((function(){to(!1)}),[j]),e((function(){w&&!no&&eo(!0)}),[w,no]),e((function(){var o=E.current;o&&o.load()}),[j,so]),e((function(){var o=E.current;if(o)if(w&&D&&oo){o.muted=!0,U(!0);var t=o.play();void 0!==t&&t.then((function(){q(!0)})).catch((function(o){"NotAllowedError"===o.name&&Z(!0)}))}else w||(o.pause(),q(!1))}),[w,D,oo]);return a(d,t({className:L},{children:[!M&&A&&u(s,{progress:ao,hide:uo},void 0),_?u(f,{"data-testid":"pause",onClick:function(){E.current&&_&&(E.current.pause(),q(!1))}},void 0):u(l,t({"data-testid":"play",onClick:function(){E.current&&!R&&(W(!0),E.current.play().then((function(){q(!0)})).catch((function(o){"NotAllowedError"===o.name&&Z(!0)})).finally((function(){return W(!1)})))}},{children:io&&u(m,{},void 0)}),void 0),k&&a(p,t({onClick:function(){E.current&&U((function(o){return!o}))}},{children:[S&&u(c,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!S&&u(c,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),i(v,t({},x,{key:"".concat(j,"-").concat(so||"no-poster"),autoPlay:D&&w,muted:S,"data-testid":"video",poster:so,playsInline:!0,controls:Y,ref:E,onTimeUpdate:function(){if(E.current){var o=E.current.currentTime;requestAnimationFrame((function(){return K(o)}))}},onCanPlay:function(){return O(!1)},onCanPlayThrough:function(){return to(!0)},onLoadedData:function(o){T&&T(o),O(!1)},onPause:function(){return q(!1)},onPlaying:function(){return q(!0)},height:b||"auto",preload:co?"metadata":"none"}),u("track",{kind:"captions"},void 0),co&&u("source",{src:j},void 0))]}),void 0)};export{h as Video};
+import{__rest as o,__assign as t}from"tslib";import{useRef as r,useState as n,useEffect as e,createElement as i}from"react";import{jsxs as a,jsx as u}from"react/jsx-runtime";import"../../../core/theme/Theme.js";import"../../../types/enums.js";import"../../pricing/clubOffer/ClubOfferTag.js";import"../../pricing/discount/styled.js";import"../../pricing/styles.js";import"../../tooltip/Styled.js";import"../../atoms/PriceLabel/PriceLabel.js";import"../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js";import"../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as c}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import{ProgressBar as s}from"./components/ProgressBar.js";import{Container as d,PauseContainer as l,PlayContainer as m,PlayIcon as f,MuteButton as p,HTMLVideo as v}from"./styled.js";var h=function(h){var y,g,j=h.source,P=h.thumbnail,b=h.height,L=h.className,C=h.withProgressBar,A=void 0===C||C,k=h.hasAudioControl,I=h.muted,T=h.onLoadedData,D=h.autoPlay,N=h.isActive,w=void 0===N||N,z=h.lazyLoad,B=void 0!==z&&z,x=o(h,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData","autoPlay","isActive","lazyLoad"]),E=r(null),H=n(!0),M=H[0],O=H[1],V=n(!1),_=V[0],q=V[1],F=n(!!D||I),S=F[0],U=F[1],G=n(0),J=G[0],K=G[1],Q=n(!1),R=Q[0],W=Q[1],X=n(!1),Y=X[0],Z=X[1],$=n(!1),oo=$[0],to=$[1],ro=n(!B||w),no=ro[0],eo=ro[1],io=r(null),ao=J>0,uo=(null===(y=E.current)||void 0===y?void 0:y.duration)?J/E.current.duration:0,co=J===(null===(g=null==E?void 0:E.current)||void 0===g?void 0:g.duration)||0===J,so=!B||no,lo=!D||!so?P:void 0;e((function(){w&&!no&&eo(!0)}),[w,no]),e((function(){var o=E.current;o&&so&&io.current!==j&&(io.current=j,to(!1),O(!0),o.load())}),[j,so]),e((function(){var o=E.current;if(o)if(w&&D&&oo){o.muted=!0,U(!0);var t=o.play();void 0!==t&&t.then((function(){q(!0)})).catch((function(o){"NotAllowedError"===o.name&&Z(!0)}))}else w||(o.pause(),q(!1))}),[w,D,oo]);return a(d,t({className:L},{children:[!M&&A&&u(s,{progress:uo,hide:co},void 0),_?u(l,{"data-testid":"pause",onClick:function(){E.current&&_&&(E.current.pause(),q(!1))}},void 0):u(m,t({"data-testid":"play",onClick:function(){E.current&&!R&&(W(!0),E.current.play().then((function(){q(!0)})).catch((function(o){"NotAllowedError"===o.name&&Z(!0)})).finally((function(){return W(!1)})))}},{children:ao&&u(f,{},void 0)}),void 0),k&&a(p,t({onClick:function(){E.current&&U((function(o){return!o}))}},{children:[S&&u(c,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!S&&u(c,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),i(v,t({},x,{key:j,autoPlay:D&&w&&so,muted:!!D||S,"data-testid":"video",poster:lo,playsInline:!0,controls:Y,ref:E,onTimeUpdate:function(){if(E.current){var o=E.current.currentTime;requestAnimationFrame((function(){return K(o)}))}},onCanPlay:function(){return O(!1)},onCanPlayThrough:function(){return to(!0)},onLoadedData:function(o){T&&T(o),O(!1)},onPause:function(){return q(!1)},onPlaying:function(){return q(!0)},height:b||"auto",preload:so?D?"auto":"metadata":"none"}),u("track",{kind:"captions"},void 0),so&&u("source",{src:j},void 0))]}),void 0)};export{h as Video};
 //# sourceMappingURL=Video.js.map

package/build/lib/components/molecules/Video/Video.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("react/jsx-runtime");require("../../../core/theme/Theme.js"),require("../../../types/enums.js"),require("../../pricing/clubOffer/ClubOfferTag.js"),require("../../pricing/discount/styled.js"),require("../../pricing/styles.js"),require("../../tooltip/Styled.js"),require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js");var n=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/styled.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js");var o=require("./components/ProgressBar.js"),i=require("./styled.js");exports.Video=function(a){var s,u,c=a.source,d=a.thumbnail,l=a.height,f=a.className,m=a.withProgressBar,v=void 0===m||m,j=a.hasAudioControl,y=a.muted,h=a.onLoadedData,g=a.autoPlay,p=a.isActive,P=void 0===p||p,q=a.lazyLoad,b=void 0!==q&&q,_=e.__rest(a,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData","autoPlay","isActive","lazyLoad"]),x=t.useRef(null),C=t.useState(!0),L=C[0],I=C[1],S=t.useState(!1),A=S[0],E=S[1],T=t.useState(!!g||y),k=T[0],B=T[1],D=t.useState(0),M=D[0],N=D[1],w=t.useState(!1),z=w[0],V=w[1],H=t.useState(!1),O=H[0],F=H[1],R=t.useState(!1),U=R[0],G=R[1],J=t.useState(!b||P),K=J[0],Q=J[1],W=M>0,X=(null===(s=x.current)||void 0===s?void 0:s.duration)?M/x.current.duration:0,Y=M===(null===(u=null==x?void 0:x.current)||void 0===u?void 0:u.duration)||0===M,Z=!b||K,$=g&&Z?void 0:d;t.useEffect((function(){G(!1)}),[c]),t.useEffect((function(){P&&!K&&Q(!0)}),[P,K]),t.useEffect((function(){var e=x.current;e&&e.load()}),[c,$]),t.useEffect((function(){var e=x.current;if(e)if(P&&g&&U){e.muted=!0,B(!0);var t=e.play();void 0!==t&&t.then((function(){E(!0)})).catch((function(e){"NotAllowedError"===e.name&&F(!0)}))}else P||(e.pause(),E(!1))}),[P,g,U]);return r.jsxs(i.Container,e.__assign({className:f},{children:[!L&&v&&r.jsx(o.ProgressBar,{progress:X,hide:Y},void 0),A?r.jsx(i.PauseContainer,{"data-testid":"pause",onClick:function(){x.current&&A&&(x.current.pause(),E(!1))}},void 0):r.jsx(i.PlayContainer,e.__assign({"data-testid":"play",onClick:function(){x.current&&!z&&(V(!0),x.current.play().then((function(){E(!0)})).catch((function(e){"NotAllowedError"===e.name&&F(!0)})).finally((function(){return V(!1)})))}},{children:W&&r.jsx(i.PlayIcon,{},void 0)}),void 0),j&&r.jsxs(i.MuteButton,e.__assign({onClick:function(){x.current&&B((function(e){return!e}))}},{children:[k&&r.jsx(n.Icon,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!k&&r.jsx(n.Icon,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),t.createElement(i.HTMLVideo,e.__assign({},_,{key:"".concat(c,"-").concat($||"no-poster"),autoPlay:g&&P,muted:k,"data-testid":"video",poster:$,playsInline:!0,controls:O,ref:x,onTimeUpdate:function(){if(x.current){var e=x.current.currentTime;requestAnimationFrame((function(){return N(e)}))}},onCanPlay:function(){return I(!1)},onCanPlayThrough:function(){return G(!0)},onLoadedData:function(e){h&&h(e),I(!1)},onPause:function(){return E(!1)},onPlaying:function(){return E(!0)},height:l||"auto",preload:Z?"metadata":"none"}),r.jsx("track",{kind:"captions"},void 0),Z&&r.jsx("source",{src:c},void 0))]}),void 0)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),t=require("react/jsx-runtime");require("../../../core/theme/Theme.js"),require("../../../types/enums.js"),require("../../pricing/clubOffer/ClubOfferTag.js"),require("../../pricing/discount/styled.js"),require("../../pricing/styles.js"),require("../../tooltip/Styled.js"),require("../../atoms/PriceLabel/PriceLabel.js"),require("../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.styled.js"),require("../../atoms/HorizontalDivider/HorizontalDivider.js");var n=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/styled.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js");var o=require("./components/ProgressBar.js"),i=require("./styled.js");exports.Video=function(u){var a,s,c=u.source,d=u.thumbnail,l=u.height,f=u.className,m=u.withProgressBar,v=void 0===m||m,j=u.hasAudioControl,y=u.muted,h=u.onLoadedData,g=u.autoPlay,p=u.isActive,P=void 0===p||p,q=u.lazyLoad,b=void 0!==q&&q,_=e.__rest(u,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData","autoPlay","isActive","lazyLoad"]),x=r.useRef(null),C=r.useState(!0),L=C[0],I=C[1],S=r.useState(!1),A=S[0],T=S[1],k=r.useState(!!g||y),E=k[0],B=k[1],D=r.useState(0),M=D[0],N=D[1],w=r.useState(!1),z=w[0],V=w[1],H=r.useState(!1),O=H[0],R=H[1],F=r.useState(!1),U=F[0],G=F[1],J=r.useState(!b||P),K=J[0],Q=J[1],W=r.useRef(null),X=M>0,Y=(null===(a=x.current)||void 0===a?void 0:a.duration)?M/x.current.duration:0,Z=M===(null===(s=null==x?void 0:x.current)||void 0===s?void 0:s.duration)||0===M,$=!b||K,ee=!g||!$?d:void 0;r.useEffect((function(){P&&!K&&Q(!0)}),[P,K]),r.useEffect((function(){var e=x.current;e&&$&&W.current!==c&&(W.current=c,G(!1),I(!0),e.load())}),[c,$]),r.useEffect((function(){var e=x.current;if(e)if(P&&g&&U){e.muted=!0,B(!0);var r=e.play();void 0!==r&&r.then((function(){T(!0)})).catch((function(e){"NotAllowedError"===e.name&&R(!0)}))}else P||(e.pause(),T(!1))}),[P,g,U]);return t.jsxs(i.Container,e.__assign({className:f},{children:[!L&&v&&t.jsx(o.ProgressBar,{progress:Y,hide:Z},void 0),A?t.jsx(i.PauseContainer,{"data-testid":"pause",onClick:function(){x.current&&A&&(x.current.pause(),T(!1))}},void 0):t.jsx(i.PlayContainer,e.__assign({"data-testid":"play",onClick:function(){x.current&&!z&&(V(!0),x.current.play().then((function(){T(!0)})).catch((function(e){"NotAllowedError"===e.name&&R(!0)})).finally((function(){return V(!1)})))}},{children:X&&t.jsx(i.PlayIcon,{},void 0)}),void 0),j&&t.jsxs(i.MuteButton,e.__assign({onClick:function(){x.current&&B((function(e){return!e}))}},{children:[E&&t.jsx(n.Icon,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!E&&t.jsx(n.Icon,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),r.createElement(i.HTMLVideo,e.__assign({},_,{key:c,autoPlay:g&&P&&$,muted:!!g||E,"data-testid":"video",poster:ee,playsInline:!0,controls:O,ref:x,onTimeUpdate:function(){if(x.current){var e=x.current.currentTime;requestAnimationFrame((function(){return N(e)}))}},onCanPlay:function(){return I(!1)},onCanPlayThrough:function(){return G(!0)},onLoadedData:function(e){h&&h(e),I(!1)},onPause:function(){return T(!1)},onPlaying:function(){return T(!0)},height:l||"auto",preload:$?g?"auto":"metadata":"none"}),t.jsx("track",{kind:"captions"},void 0),$&&t.jsx("source",{src:c},void 0))]}),void 0)};
 //# sourceMappingURL=Video.js.map

package/package.json

@@ -3,7 +3,7 @@
   "description": "Trafilea's Design System",
   "author": "Trafilea",
   "repository": "https://github.com/trafilea/afrodita-components",
-  "version": "7.24.2",
+  "version": "7.24.3",
   "private": false,
   "main": "build/lib/index.js",
   "style": "build/es/index.css",