https://assets-thesaurus.ie.edu/pro-ie-edu/component---src-AudiovisualCard-91a6c35fbcf61babea40.js

1"use strict";(self.webpackChunk_griddo_cx=self.webpackChunk_griddo_cx||[]).push([[6756],{64977:function(e,t,l){l.r(t);var i=l(73987),n=l(71932),a=l(39816),o=l(52296),r=l(32356),s=l(58379),c=l(82086),d=l(70278),u=l(26322),m=l(52343),p=(l(21598),l(72041)),v=l(61869),x=l(38248),h=l(62423),y=l(19491);const f={en:"en-GB",es:"es-MX"},g=(0,m.default)(d.Box).withConfig({displayName:"AudiovisualCard__CardOneContainer",componentId:"sc-iy3pbv-0"})(['cursor:pointer;position:relative;width:100%;height:100%;&:focus::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid blue;}']),b=(0,m.default)(d.Box).withConfig({displayName:"AudiovisualCard__AbsoluteBox",componentId:"sc-iy3pbv-1"})(["position:absolute;top:0;right:0;bottom:0;left:0;"]),E=(0,m.default)(a.A).withConfig({displayName:"AudiovisualCard__ImageExternalStyled",componentId:"sc-iy3pbv-2"})(["transition:all 0.4s ease-in-out;transform:scale( "," );"],e=>e.$imageScale?e.$isSmall?1:e.$hover?1.1:1:1),w=(0,m.default)(n.A).withConfig({displayName:"AudiovisualCard__GriddoBackgroundImageStyled",componentId:"sc-iy3pbv-3"})(["transition:all 0.4s ease-in-out;transform:scale( "," );"],e=>e.$imageScale?e.$isSmall?1:e.$hover?1.1:1:1),S=m.default.div.withConfig({displayName:"AudiovisualCard__Content",componentId:"sc-iy3pbv-4"})(["box-shadow:0 1px 128px black;width:100%;max-height:100%;position:relative;"]),A=(0,m.default)(s.A).withConfig({displayName:"AudiovisualCard__IconsStyled",componentId:"sc-iy3pbv-5"})(["transition:all 0.4s ease-in-out;opacity:",";transform:scale(",");"],e=>e.$iconFadeOut,e=>e.$iconScale),C=(0,m.default)(s.A).withConfig({displayName:"AudiovisualCard__IconsAbsolutStyled",componentId:"sc-iy3pbv-6"})(["opacity:",";transition:all 0.4s ease-in-out;transform:translateY(",");"],e=>e.$hover?1:0,e=>e.$hover?0:"-20px"),$=(0,m.default)(d.Box).withConfig({displayName:"AudiovisualCard__SpeakerTextBoxStyled",componentId:"sc-iy3pbv-7"})(["opacity:",";transition:all 0.4s ease-in-out;transform:translateY(",");"],e=>e.$hover?1:0,e=>e.$hover?0:"-20px"),k=(0,m.default)(d.Text).withConfig({displayName:"AudiovisualCard__TextStyled",componentId:"sc-iy3pbv-8"})(["opacity:",";transition:all 0.4s ease-in-out;transform:translateY(",");"],e=>e.$hover?1:0,e=>e.$hover?0:"-20px"),I=(0,m.default)(i.default).withConfig({displayName:"AudiovisualCard__LinkStyled",componentId:"sc-iy3pbv-9"})(["cursor:pointer;"]),T=m.default.div.withConfig({displayName:"AudiovisualCard__VideoContainer",componentId:"sc-iy3pbv-10"})(["padding-top:56.25%;overflow:hidden;height:0;width:100%;"]);t.default=({thumbnail:e,imageAnimation:t,overlayOpacity:l,hoverOverlayOpacityLighter:n=!0,iconAnimation:a,url:m,automaticSubtitles:_,title:B,ratio:D=1,description:L,dateTime:N,topics:O,showDescription:F,showDate:j,podcastLinkText:M,videoLinkText:P,iframePodcast:W,design:X,layout:H,cardTitleTag:V,isVideoPodcast:Y})=>{var z,R,U,q,G,K,Q,J,Z,ee,te,le;const{ISOLocale:ie}=(0,r.N5)(),ne=["title"],[{query:ae},oe]=(0,r.UH)(),[re,se]=u.useState(),{getNestedTranslation:ce}=(0,r.s9)(),de=ce("icons.navigation.play","Play"),ue=ce("icons.communication.microphone","Microphone"),me=P||ce("components.audiovisualCard.watchVideo","Watch video"),pe=M||ce("components.audiovisualCard.listenPodcast","Listen to podcast"),ve=ce("components.audiovisualCard.aviable","Available from "),xe=(0,r.CY)(),he=u.useRef(null),{0:ye,1:fe}=(0,u.useState)(!1),{0:ge,1:be}=(0,u.useState)(!1),{0:Ee,1:we}=(0,u.useState)(),{0:Se,1:Ae}=(0,u.useState)(),Ce=B||L||m,$e=(0,r.kI)("l");u.useEffect(()=>{O?oe({data:{mode:"manual",fixed:[O]},fields:ne}):se(null)},[O]),u.useEffect(()=>{if(O&&null!=ae&&ae.items){var e;const t=null!=O&&O.label?O.label:null!=ae&&ae.items?null===(e=ae.items[0])||void 0===e?void 0:e.title:null;se(t)}},[ae]);const ke=!!a&&a.fadeOut,Ie=!!a&&a.scale,Te=!!t&&t.scale;u.useEffect(()=>{(async()=>{(0,o.Ve)(m)&&we(await(0,o.ex)(m)),(0,o.W5)(m)&&we(await(0,o.$6)(m)),(0,o.UO)(W)&&Ae(await(0,o.Xd)(W))})()},[m]);const _e=(null===(z=(0,o.jp)(W))||void 0===z?void 0:z.includes("spreaker"))&&!0,Be=null===(R=(0,o.jp)(W))||void 0===R?void 0:R.includes("spotify"),{date:De}=(0,h._Q)(N,f[ie],{year:"numeric",month:"short",day:"numeric"}),Le=new Date,Ne=new Date(N);return(0,u.useEffect)(()=>{const e=()=>{if(he.current){const{top:e,bottom:t}=he.current.getBoundingClientRect(),l=window.innerWidth/2;fe(e<l&&t>=l)}};return $e&&window.addEventListener("scroll",e,{passive:!0}),()=>{$e&&window.removeEventListener("scroll",e)}},[$e]),u.createElement(u.Fragment,null,_e||Be?Ne<Le&&u.createElement(p.A,{open:ge,setOpen:be,transparent:!0,bigX:null==W?void 0:W.includes("src")},u.createElement(d.Flex,{p:"m",width:"87%",bg:"ui02",flexDirection:{default:"column-reverse",l:Y?"row":"column"},alignItems:{default:"flex-start",l:Y?"center":"flex-start"}},!F&&L&&u.createElement(d.Box,{maxWidth:{default:"100%",l:Y?"50%":"100%"},mr:{default:0,l:Y?"m":"0"},mt:{default:Y?"s":"0",l:0}},u.createElement(d.Box,{mb:"s"},u.createElement(d.Text,{as:V||B.tag,textStyle:"headingxs",color:"text01"},u.createElement(c.A,{allowAllTypes:!0,source:B.content}))),u.createElement(d.Text,{display:"block",textStyle:"body",color:Ne>Le?"disabled02":"text01",mb:"s",as:"div"},u.createElement(c.A,{allowAllTypes:!0,source:L}))),u.createElement("iframe",{src:_e?(0,o.jp)(W):(0,o.gy)(W),width:"100%",height:!Y||L&&L.length&&!F?Y&&L&&!F?"279px":"200px":"450px",frameBorder:"0"}))):u.createElement(p.A,{open:ge,setOpen:be,transparent:!0,bigX:(null==m?void 0:m.includes("youtube"))||(null==m?void 0:m.includes("youtu.be"))},u.createElement(S,null,u.createElement(T,null,u.createElement(v.default,{video:m,automaticSubtitles:_})))),"D001"===X?u.createElement(g,{ref:he,tabIndex:0,onClick:()=>be(!0),onKeyDown:e=>"Enter"===e.key&&be(!0),onMouseEnter:()=>!$e&&fe(!0),onMouseLeave:()=>!$e&&fe(!1),"data-testid":"AudiovisualCard"},u.createElement(d.Box,{width:"100%",pt:((e="100%",t)=>(0,o.Xq)(e,e=>e/(0,o.jc)(t)))("100%",D||"16/9"),position:"relative",overflow:"hidden"},u.createElement(b,null,null!=e&&e.file||!Se&&!Ee?u.createElement(w,{image:null==e?void 0:e.file,title:(null==e?void 0:e.title)||(null==e||null===(U=e.file)||void 0===U?void 0:U.title)||(null==B?void 0:B.content),alt:(null==e||null===(q=e.file)||void 0===q?void 0:q.alt)||`Image ${null==B?void 0:B.content}`,lazy:!1,widths:["200","300","400","500","600","700","800"],overlayTransition:"0.4s",overlayOpacity:$e?.6:l>=0?ye?l:n?l/2:l/1.5:ye?n?.1:.6:.3,$imageScale:Te,$isSmall:$e,$hover:ye}):u.createElement(E,{url:Se||Ee,title:null==B?void 0:B.content,alt:`Image ${null==B?void 0:B.content}`,lazy:!0,overlayTransition:"0.4s",overlayOpacity:$e?.6:l>=0?ye?l:n?l/2:l/1.5:ye?n?.1:.6:.3,$imageScale:Te,$isSmall:$e,$hover:ye})),u.createElement(b,{as:d.Flex,alignItems:"center",justifyContent:"center"},u.createElement(A,{name:_e||Be?"microphone":"play",title:_e||Be?ue:de,role:"img","aria-label":_e||Be?pe:me,height:"64px",fill:"inverse01",$iconFadeOut:ke&&ye?0:1,$iconScale:Ie&&ye?1.1:1})),u.createElement(b,{p:$e?"s":"xl",as:d.Flex,flexDirection:"column",alignItems:"center",justifyContent:"center"},(B||L)&&u.createElement(u.Fragment,null,u.createElement(C,{name:_e||Be?Ne<Le&&"microphone":"play",title:_e||Be?Ne<Le&&ue:de,role:"img","aria-label":_e||Be?Ne<Le&&pe:me,minHeight:"64px",maxHeight:"64px",fill:"inverse01",$hover:ye}),(_e||Be)&&Ne>Le&&u.createElement($,{display:"flex",p:"xs",mb:"xxs",textStyle:"heading3xs",bg:"brand01",textAlign:"center",width:"fit-content",borderRadius:"50px",$hover:ye},u.createElement(d.Text,{crop:!0,textStyle:"headingxs",color:"ui01"},ve," ",De)),u.createElement(d.Box,{my:"xxs"},u.createElement(k,{as:V||B.tag,textStyle:"headings",color:"inverse01",textAlign:"center",$hover:ye},u.createElement(c.A,{allowAllTypes:!0,source:B.content}))),F&&u.createElement(k,{textStyle:"bodySmall",color:"inverse01",textAlign:"center",$hover:ye},L))))):u.createElement(u.Fragment,null,u.createElement(d.Box,{bg:"ui02",height:"100%"},u.createElement(d.Stack,{flexDirection:"column",height:"100%"},((null==e||null===(G=e.file)||void 0===G?void 0:G.url)||Se)&&Ne<Le&&u.createElement(d.Box,{mb:"0"}

1,u.createElement(h.eI,{image:{title:(null==e?void 0:e.title)||(null==e||null===(K=e.file)||void 0===K?void 0:K.title)||(null==B?void 0:B.content),alt:(null==e||null===(Q=e.file)||void 0===Q?void 0:Q.alt)||`Image ${null==B?void 0:B.content}`,url:null!=e&&null!==(J=e.file)&&void 0!==J&&J.url&&(null==e||null===(Z=e.file)||void 0===Z?void 0:Z.url)!==x.S_.file.url?null==e||null===(ee=e.file)||void 0===ee?void 0:ee.url:Ee?!(null!=e&&null!==(te=e.file)&&void 0!==te&&te.url):Se},width:"740",height:"740",widths:y.Uo,style:{height:"auto"},sizes:{L001:"(min-width: 600px) 50vw, (min-width: 1000px) 50vw, 100vw",L002:"(min-width: 600px) 50vw, (min-width: 1000px) 33.3334vw, 100vw",L003:"(min-width: 600px) 50vw, (min-width: 1000px) 25vw, 100vw"}[H]})),Ce?u.createElement(d.Box,{p:"s",bg:"ui01",height:"100%"},u.createElement(d.Stack,{flexDirection:"column",vs:"m",height:"100%"},u.createElement(d.Stack,{flexDirection:"column",height:"100%",vs:"s",justifyContent:"space-between"},De||null!=B&&B.content||subtitle||L?u.createElement(d.Stack,{flexDirection:"column",vs:"s"},De&&Ne<Le&&j&&u.createElement(d.Text,{color:"link01Hover",textStyle:"heading2xs"},De),De&&Ne>Le&&u.createElement(d.Box,{display:"flex",alignItems:"center"},u.createElement(s.A,{name:_e||Be?"microphone":"play",title:_e||Be?ue:de,role:"img","aria-label":_e||Be?pe:me,height:"26px",fill:"disabled02",mr:"s"}),u.createElement(d.Text,{color:"disabled02",textStyle:"heading2xs"},ve," ",De)),B&&(Ne>Le?u.createElement(d.Text,{as:V||B.tag,textStyle:"headingxs",color:"disabled02"},u.createElement(c.A,{allowAllTypes:!0,source:B.content})):u.createElement(I,{onClick:()=>be(!0),tabIndex:0,onKeyDown:e=>"Enter"===e.key&&be(!0),onMouseEnter:()=>fe(!0),onMouseLeave:()=>fe(!1),appearance:"link",internal:!1,external:!1},u.createElement(d.Text,{as:V||B.tag,textStyle:"headingxs"},u.createElement(c.A,{allowAllTypes:!0,source:B.content})))),Ne<Le?F&&L&&u.createElement(d.Text,{display:"block",textStyle:"body",color:"text01",as:"div"},u.createElement(c.A,{allowAllTypes:!0,source:L})):u.createElement(d.Text,{display:"block",textStyle:"body",color:"disabled02",as:"div"},u.createElement(c.A,{allowAllTypes:!0,source:L})),re&&u.createElement(u.Fragment,null,u.createElement(d.Box,{border:`1px ${Ne>Le?xe.colors.disabled02:xe.colors.brand01} solid`,width:"32px"}),u.createElement(d.Text,{caps:!0,display:"block",textStyle:"tinys",color:"text01"},null==ae||null===(le=ae.items)||void 0===le?void 0:le.slice(0,3).map(e=>e.title).join(", "))),!(null==O||!O.length)&&!re&&u.createElement(u.Fragment,null,u.createElement(d.Box,{border:`1px ${Ne>Le?xe.colors.disabled02:xe.colors.brand01} solid`,width:"32px"}),u.createElement(d.Text,{caps:!0,display:"block",textStyle:"tinys",color:"text01"},null==O?void 0:O.slice(0,3).map(e=>e.label).join(", ")))):null,Ne<Le&&u.createElement(d.Stack,{flexDirection:"column",pt:"xxs",vs:"xs"},u.createElement(d.Inline,{vs:"xs"},u.createElement(i.default,{appearance:"primary",rightIcon:_e||Be?"microphone":"play",internal:!1,external:!1,fluid:!0,noMinWidth:!0,onClick:e=>{e.preventDefault(),e.stopPropagation(),be(!0)},onMouseEnter:()=>fe(!0),onMouseLeave:()=>fe(!1),"data-testid":"AudiovisualCard"},_e||Be?pe:me)))))):null))))}}}]);