@trafilea/afrodita-components 7.17.0 → 7.18.1

package/build/es/components/atoms/Image/Image.js

@@ -1,2 +1,2 @@
-import{__rest as i,__assign as t}from"tslib";import{jsx as r}from"react/jsx-runtime";import{useState as e}from"react";import"../../../types/enums.js";import{useTheme as s}from"../../../core/theme/Theme.js";import{buildImageUrl as a}from"../../../utils/buildImageUrl/buildImageUrl.js";import{buildSrcSetOptimized as o}from"../../../utils/buildSrcSetOptimized/buildSrcSetOptimized.js";import{StyledImage as c}from"./styled.js";var d=function(d){var m=d.src,l=d.alt,g=d.height,n=d.width,h=d.quality,u=d.xSizes,f=d.fallbackImg,p=d.srcSet;d.sizes;var S=d.loading,v=void 0===S?"lazy":S,b=d.decoding,z=void 0===b?"async":b,y=i(d,["src","alt","height","width","quality","xSizes","fallbackImg","srcSet","sizes","loading","decoding"]),j=s(),w=j.config,x=j.assets,I=w||{},k=I.cdn,q=I.useTrafileaImages,O=e(0),T=O[0],U=O[1],E=q&&k?a({cdn:k,src:m,height:g,width:n,quality:h}):m,_=p||(k&&q?o({cdn:k,image:{src:m,height:g,width:n},xSizes:u}):void 0);return r(c,t({onError:function(i){var t="".concat(x.cdn,"/images/fallback_img.svg"),r=i.target;0===T&&f?(r.src=f,U(1)):T<=1&&(r.src=t,U(2))},src:E,srcSet:_,loading:v,decoding:z,alt:l,height:g,width:n},y),void 0)};export{d as Image,d as default};
+import{__rest as i,__assign as t}from"tslib";import{jsx as r}from"react/jsx-runtime";import{useState as e}from"react";import"../../../types/enums.js";import{useTheme as o}from"../../../core/theme/Theme.js";import{buildImageUrl as s}from"../../../utils/buildImageUrl/buildImageUrl.js";import{buildSrcSetOptimized as a}from"../../../utils/buildSrcSetOptimized/buildSrcSetOptimized.js";import{StyledImage as c}from"./styled.js";var d=function(d){var m=d.src,l=d.alt,g=d.height,n=d.width,h=d.quality,f=d.xSizes,u=d.fallbackImg,p=d.srcSet;d.sizes;var v=d.loading,y=void 0===v?"lazy":v,S=d.decoding,b=void 0===S?"async":S,z=d.fetchPriority,j=void 0===z?"auto":z,w=i(d,["src","alt","height","width","quality","xSizes","fallbackImg","srcSet","sizes","loading","decoding","fetchPriority"]),x=o(),I=x.config,k=x.assets,q=I||{},P=q.cdn,O=q.useTrafileaImages,T=e(0),U=T[0],E=T[1],_=O&&P?s({cdn:P,src:m,height:g,width:n,quality:h}):m,A=p||(P&&O?a({cdn:P,image:{src:m,height:g,width:n},xSizes:f}):void 0);return r(c,t({onError:function(i){var t="".concat(k.cdn,"/images/fallback_img.svg"),r=i.target;0===U&&u?(r.src=u,E(1)):U<=1&&(r.src=t,E(2))},src:_,srcSet:A,loading:y,decoding:b,alt:l,height:g,width:n,fetchPriority:j},w),void 0)};export{d as Image,d as default};
 //# sourceMappingURL=Image.js.map

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

@@ -1,2 +1,2 @@
-import{__rest as o,__assign as r}from"tslib";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useRef as i,useState as n}from"react";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 a}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 u,PlayContainer as c,PlayIcon as d,PauseContainer as l,MuteButton as m,HTMLVideo as p}from"./styled.js";var f=function(f){var v,h,g=f.source,y=f.thumbnail,j=f.height,b=f.className,P=f.withProgressBar,C=void 0===P||P,L=f.hasAudioControl,I=f.muted,k=f.onLoadedData,D=o(f,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData"]),T=i(null),A=n(!0),B=A[0],N=A[1],w=n(!1),x=w[0],z=w[1],E=n(I),H=E[0],M=E[1],O=n(0),V=O[0],_=O[1],q=n(!1),F=q[0],S=q[1],U=V>0,G=(null===(v=T.current)||void 0===v?void 0:v.duration)?V/T.current.duration:0,J=V===(null===(h=null==T?void 0:T.current)||void 0===h?void 0:h.duration)||0===V,K=D.autoPlay?void 0:y;return t(u,r({className:b},{children:[!B&&C&&e(s,{progress:G,hide:J},void 0),x?e(l,{"data-testid":"pause",onClick:function(){T.current&&x&&(T.current.pause(),z(!1))}},void 0):e(c,r({"data-testid":"play",onClick:function(){T.current&&!F&&(S(!0),T.current.play().then((function(){z(!0)})).catch((function(o){console.error("Error playing video:",o)})).finally((function(){return S(!1)})))}},{children:U&&e(d,{},void 0)}),void 0),L&&t(m,r({onClick:function(){T.current&&M((function(o){return!o}))}},{children:[H&&e(a,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!H&&e(a,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),t(p,r({},D,{muted:H,"data-testid":"video",poster:K,playsInline:!0,ref:T,onTimeUpdate:function(){if(T.current){var o=T.current.currentTime;requestAnimationFrame((function(){return _(o)}))}},onCanPlay:function(){return N(!1)},onLoadedData:function(o){k&&k(o),N(!1),D.autoPlay&&T.current&&T.current.play().then((function(){z(!0)})).catch((function(o){console.error("Error auto-playing video:",o)}))},onPause:function(){return z(!1)},onPlaying:function(){return z(!0)},height:j||"auto"},{children:[e("track",{kind:"captions"},void 0),e("source",{src:g},void 0)]}),void 0)]}),void 0)};export{f as Video};
+import{__rest as o,__assign as t}from"tslib";import{jsxs as r,jsx as i}from"react/jsx-runtime";import{useRef as e,useState as n,useEffect as a}from"react";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 s}from"../../atoms/Icon/Icon.js";import"../../atoms/Image/styled.js";import"../../atoms/PriceLabelV2/PriceLabelV2.js";import"../../atoms/Toggle/toggle.styled.js";import{ProgressBar as u}from"./components/ProgressBar.js";import{Container as c,PlayContainer as d,PlayIcon as l,PauseContainer as m,MuteButton as f,HTMLVideo as p}from"./styled.js";var v=function(v){var h,g,y=v.source,j=v.thumbnail,b=v.height,P=v.className,C=v.withProgressBar,L=void 0===C||C,A=v.hasAudioControl,I=v.muted,k=v.onLoadedData,D=v.autoPlay,N=v.isActive,T=void 0===N||N,w=o(v,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData","autoPlay","isActive"]),B=e(null),x=n(!0),z=x[0],E=x[1],H=n(!1),M=H[0],O=H[1],V=n(I),_=V[0],q=V[1],F=n(0),S=F[0],U=F[1],G=n(!1),J=G[0],K=G[1],Q=n(!1),R=Q[0],W=Q[1],X=S>0,Y=(null===(h=B.current)||void 0===h?void 0:h.duration)?S/B.current.duration:0,Z=S===(null===(g=null==B?void 0:B.current)||void 0===g?void 0:g.duration)||0===S,$=D?void 0:j;a((function(){var o=B.current;if(o)if(T&&D){o.muted=!0,q(!0);var t=o.play();void 0!==t&&t.then((function(){O(!0)})).catch((function(o){"NotAllowedError"===o.name&&W(!0)}))}else o.pause(),O(!1)}),[T,D]);return r(c,t({className:P},{children:[!z&&L&&i(u,{progress:Y,hide:Z},void 0),M?i(m,{"data-testid":"pause",onClick:function(){B.current&&M&&(B.current.pause(),O(!1))}},void 0):i(d,t({"data-testid":"play",onClick:function(){B.current&&!J&&(K(!0),B.current.play().then((function(){O(!0)})).catch((function(o){"NotAllowedError"===o.name&&W(!0)})).finally((function(){return K(!1)})))}},{children:X&&i(l,{},void 0)}),void 0),A&&r(f,t({onClick:function(){B.current&&q((function(o){return!o}))}},{children:[_&&i(s,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!_&&i(s,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),r(p,t({},w,{muted:_,"data-testid":"video",poster:$,playsInline:!0,controls:R,ref:B,onTimeUpdate:function(){if(B.current){var o=B.current.currentTime;requestAnimationFrame((function(){return U(o)}))}},onCanPlay:function(){return E(!1)},onLoadedData:function(o){k&&k(o),E(!1)},onPause:function(){return O(!1)},onPlaying:function(){return O(!0)},height:b||"auto"},{children:[i("track",{kind:"captions"},void 0),i("source",{src:y},void 0)]}),void 0)]}),void 0)};export{v as Video};
 //# sourceMappingURL=Video.js.map

package/build/index.d.ts

@@ -235,6 +235,7 @@ declare type ImageStyleProps = {
     borderRadius?: string;
     objectFit?: string;
     objectPosition?: string;
+    fetchPriority?: 'auto' | 'high' | 'low';
 };
 
 declare type ImgAttributes = React.ImgHTMLAttributes<HTMLImageElement>;
@@ -2989,6 +2990,8 @@ declare type VideoProps = {
     height?: string;
     hasAudioControl?: boolean;
     withProgressBar?: boolean;
+    /** Whether this video's slide is currently visible/active. Defaults to true. */
+    isActive?: boolean;
 } & DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>;
 declare const Video: React.FC<VideoProps>;
 

package/build/lib/components/atoms/Image/Image.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react");require("../../../types/enums.js");var t=require("../../../core/theme/Theme.js"),s=require("../../../utils/buildImageUrl/buildImageUrl.js"),a=require("../../../utils/buildSrcSetOptimized/buildSrcSetOptimized.js"),d=require("./styled.js"),c=function(c){var l=c.src,u=c.alt,g=c.height,n=c.width,o=c.quality,m=c.xSizes,h=c.fallbackImg,S=c.srcSet;c.sizes;var b=c.loading,q=void 0===b?"lazy":b,v=c.decoding,f=void 0===v?"async":v,y=e.__rest(c,["src","alt","height","width","quality","xSizes","fallbackImg","srcSet","sizes","loading","decoding"]),z=t.useTheme(),j=z.config,p=z.assets,x=j||{},I=x.cdn,_=x.useTrafileaImages,w=r.useState(0),O=w[0],k=w[1],T=_&&I?s.buildImageUrl({cdn:I,src:l,height:g,width:n,quality:o}):l,U=S||(I&&_?a.buildSrcSetOptimized({cdn:I,image:{src:l,height:g,width:n},xSizes:m}):void 0);return i.jsx(d.StyledImage,e.__assign({onError:function(e){var i="".concat(p.cdn,"/images/fallback_img.svg"),r=e.target;0===O&&h?(r.src=h,k(1)):O<=1&&(r.src=i,k(2))},src:T,srcSet:U,loading:q,decoding:f,alt:u,height:g,width:n},y),void 0)};exports.Image=c,exports.default=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react");require("../../../types/enums.js");var t=require("../../../core/theme/Theme.js"),s=require("../../../utils/buildImageUrl/buildImageUrl.js"),a=require("../../../utils/buildSrcSetOptimized/buildSrcSetOptimized.js"),c=require("./styled.js"),d=function(d){var l=d.src,u=d.alt,o=d.height,g=d.width,n=d.quality,h=d.xSizes,m=d.fallbackImg,S=d.srcSet;d.sizes;var f=d.loading,v=void 0===f?"lazy":f,y=d.decoding,b=void 0===y?"async":y,q=d.fetchPriority,z=void 0===q?"auto":q,j=e.__rest(d,["src","alt","height","width","quality","xSizes","fallbackImg","srcSet","sizes","loading","decoding","fetchPriority"]),p=t.useTheme(),x=p.config,I=p.assets,_=x||{},w=_.cdn,O=_.useTrafileaImages,P=r.useState(0),k=P[0],T=P[1],U=O&&w?s.buildImageUrl({cdn:w,src:l,height:o,width:g,quality:n}):l,E=S||(w&&O?a.buildSrcSetOptimized({cdn:w,image:{src:l,height:o,width:g},xSizes:h}):void 0);return i.jsx(c.StyledImage,e.__assign({onError:function(e){var i="".concat(I.cdn,"/images/fallback_img.svg"),r=e.target;0===k&&m?(r.src=m,T(1)):k<=1&&(r.src=i,T(2))},src:U,srcSet:E,loading:v,decoding:b,alt:u,height:o,width:g,fetchPriority:z},j),void 0)};exports.Image=d,exports.default=d;
 //# sourceMappingURL=Image.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"),r=require("react/jsx-runtime"),t=require("react");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(s){var u,a,c=s.source,d=s.thumbnail,l=s.height,m=s.className,f=s.withProgressBar,v=void 0===f||f,j=s.hasAudioControl,g=s.muted,h=s.onLoadedData,y=e.__rest(s,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData"]),p=t.useRef(null),q=t.useState(!0),P=q[0],b=q[1],x=t.useState(!1),_=x[0],C=x[1],L=t.useState(g),I=L[0],S=L[1],T=t.useState(0),k=T[0],B=T[1],D=t.useState(!1),M=D[0],V=D[1],A=k>0,H=(null===(u=p.current)||void 0===u?void 0:u.duration)?k/p.current.duration:0,N=k===(null===(a=null==p?void 0:p.current)||void 0===a?void 0:a.duration)||0===k,O=y.autoPlay?void 0:d;return r.jsxs(i.Container,e.__assign({className:m},{children:[!P&&v&&r.jsx(o.ProgressBar,{progress:H,hide:N},void 0),_?r.jsx(i.PauseContainer,{"data-testid":"pause",onClick:function(){p.current&&_&&(p.current.pause(),C(!1))}},void 0):r.jsx(i.PlayContainer,e.__assign({"data-testid":"play",onClick:function(){p.current&&!M&&(V(!0),p.current.play().then((function(){C(!0)})).catch((function(e){console.error("Error playing video:",e)})).finally((function(){return V(!1)})))}},{children:A&&r.jsx(i.PlayIcon,{},void 0)}),void 0),j&&r.jsxs(i.MuteButton,e.__assign({onClick:function(){p.current&&S((function(e){return!e}))}},{children:[I&&r.jsx(n.Icon,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!I&&r.jsx(n.Icon,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),r.jsxs(i.HTMLVideo,e.__assign({},y,{muted:I,"data-testid":"video",poster:O,playsInline:!0,ref:p,onTimeUpdate:function(){if(p.current){var e=p.current.currentTime;requestAnimationFrame((function(){return B(e)}))}},onCanPlay:function(){return b(!1)},onLoadedData:function(e){h&&h(e),b(!1),y.autoPlay&&p.current&&p.current.play().then((function(){C(!0)})).catch((function(e){console.error("Error auto-playing video:",e)}))},onPause:function(){return C(!1)},onPlaying:function(){return C(!0)},height:l||"auto"},{children:[r.jsx("track",{kind:"captions"},void 0),r.jsx("source",{src:c},void 0)]}),void 0)]}),void 0)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react");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 i=require("../../atoms/Icon/Icon.js");require("../../atoms/Image/styled.js"),require("../../atoms/PriceLabelV2/PriceLabelV2.js"),require("../../atoms/Toggle/toggle.styled.js");var n=require("./components/ProgressBar.js"),o=require("./styled.js");exports.Video=function(s){var u,a,c=s.source,d=s.thumbnail,l=s.height,f=s.className,m=s.withProgressBar,v=void 0===m||m,j=s.hasAudioControl,h=s.muted,g=s.onLoadedData,p=s.autoPlay,y=s.isActive,q=void 0===y||y,P=e.__rest(s,["source","thumbnail","height","className","withProgressBar","hasAudioControl","muted","onLoadedData","autoPlay","isActive"]),b=t.useRef(null),x=t.useState(!0),_=x[0],C=x[1],L=t.useState(!1),I=L[0],A=L[1],S=t.useState(h),T=S[0],k=S[1],B=t.useState(0),D=B[0],M=B[1],N=t.useState(!1),w=N[0],V=N[1],E=t.useState(!1),H=E[0],O=E[1],z=D>0,F=(null===(u=b.current)||void 0===u?void 0:u.duration)?D/b.current.duration:0,R=D===(null===(a=null==b?void 0:b.current)||void 0===a?void 0:a.duration)||0===D,U=p?void 0:d;t.useEffect((function(){var e=b.current;if(e)if(q&&p){e.muted=!0,k(!0);var r=e.play();void 0!==r&&r.then((function(){A(!0)})).catch((function(e){"NotAllowedError"===e.name&&O(!0)}))}else e.pause(),A(!1)}),[q,p]);return r.jsxs(o.Container,e.__assign({className:f},{children:[!_&&v&&r.jsx(n.ProgressBar,{progress:F,hide:R},void 0),I?r.jsx(o.PauseContainer,{"data-testid":"pause",onClick:function(){b.current&&I&&(b.current.pause(),A(!1))}},void 0):r.jsx(o.PlayContainer,e.__assign({"data-testid":"play",onClick:function(){b.current&&!w&&(V(!0),b.current.play().then((function(){A(!0)})).catch((function(e){"NotAllowedError"===e.name&&O(!0)})).finally((function(){return V(!1)})))}},{children:z&&r.jsx(o.PlayIcon,{},void 0)}),void 0),j&&r.jsxs(o.MuteButton,e.__assign({onClick:function(){b.current&&k((function(e){return!e}))}},{children:[T&&r.jsx(i.Icon,{name:"custom/sound_off",testId:"sound-off-icon"},void 0),!T&&r.jsx(i.Icon,{name:"custom/sound_on",testId:"sound-on-icon"},void 0)]}),void 0),r.jsxs(o.HTMLVideo,e.__assign({},P,{muted:T,"data-testid":"video",poster:U,playsInline:!0,controls:H,ref:b,onTimeUpdate:function(){if(b.current){var e=b.current.currentTime;requestAnimationFrame((function(){return M(e)}))}},onCanPlay:function(){return C(!1)},onLoadedData:function(e){g&&g(e),C(!1)},onPause:function(){return A(!1)},onPlaying:function(){return A(!0)},height:l||"auto"},{children:[r.jsx("track",{kind:"captions"},void 0),r.jsx("source",{src:c},void 0)]}),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.17.0",
+  "version": "7.18.1",
   "private": false,
   "main": "build/lib/index.js",
   "style": "build/es/index.css",