https://www.jnjmedicalcloud.dk/069f997dbdc0bfa9cc5f8092ab5239833074b668-3f5a4e5322ad798ba6af.js

1"use strict";(self.webpackChunk_jmc_janssen_medical_cloud_frontend=self.webpackChunk_jmc_janssen_medical_cloud_frontend||[]).push([[6949,7644],{7644:function(e,t,a){a.r(t),a.d(t,{LiveStatus:function(){return p},MediaImpression:function(){return y},default:function(){return f}});var l=a(80972),n=a.n(l),o=a(20290),r=a(15621),i=a(58069),c=a(57773),d=a(64669),u=a(52593),s=a(77960),m=a.n(s),v=a(2784);const E=e=>{const t=Math.floor(e/60),a=e%60;return`${t<10?`0${t}`:`${t}`}:${a?a<10?`0${a}`:`${a}`:"00"}`};let p=function(e){return e.PRE_EVENT="PRE_EVENT",e.LIVE_INITIALIZING="LIVE_INITIALIZING",e.LIVE="LIVE",e.LIVE_PAUSED="LIVE_PAUSED",e.POST_EVENT="POST_EVENT",e}({});const y=e=>{const{0:t,1:a}=(0,v.useState)(0),{0:l,1:s}=(0,v.useState)("00:00"),{0:y,1:f}=(0,v.useState)("00:00"),{0:_,1:g}=(0,v.useState)(null),{0:I,1:k}=(0,v.useState)(null),{0:h,1:R}=(0,v.useState)(!1),{0:b}=(0,v.useState)(!1),{0:C,1:T}=(0,v.useState)(0),{0:L,1:A}=(0,v.useState)(!1),{0:S,1:N}=(0,v.useState)(0),{0:M,1:P}=(0,v.useState)(i.J.LOADED),{0:D,1:w}=(0,v.useState)(p.PRE_EVENT),{0:V,1:O}=(0,v.useState)(null),{0:Z,1:x}=(0,v.useState)(!1),{interacted:G}=(0,o.A)(),{0:$,1:j}=(0,v.useState)(!1),{children:J,id:U,player:W,type:z,category:B=null,name:Y,placement:q,position:F,targeturl:K=null,eventstatus:H=null,eventpurpose:X=null,autoplay:Q=!1,mediasource:ee=null,thresholdvalue:te=0,mediaClickEnabled:ae=!0,liveStatusCurrent:le,liveStatusUpdate:ne,minutesWatchedIntervalCurrent:oe,setMinutesWatchedIntervalUpdate:re,fillParentContainerVertically:ie=!1,getLength:ce,component:de="unset"}=e,ue=(0,v.useRef)(null),se=(0,d.R)(ue,te);(0,v.useEffect)((()=>{("ols"===(null==W?void 0:W.toLowerCase())&&se&&G||"youtube"===(null==W?void 0:W.toLowerCase())&&se&&G||"ols"!==(null==W?void 0:W.toLowerCase())&&C>0&&se&&G||"brightcove"===(null==W?void 0:W.toLowerCase())&&se&&G||"openmeet"===(null==W?void 0:W.toLowerCase())&&se&&G)&&setTimeout((()=>{$||(j(!0),n()().trackEvent({event:r.G.MEDIA_IMPRESSION,info:{type:z,id:U,player:W,length:!Z&&Number(C)>0?(0,u.q)(C):"unset",cookieAccept:L,autoplay:Q,mediasource:ee,category:B,eventstatus:H,eventpurpose:X,name:Y,placement:q,position:F,targeturl:K||"unset",component:de}}))}),100)}),[C,se,G]),(0,c.O)("click",(e=>{M===i.J.LOADED&&ae&&n()().trackInteraction(e,{changeEvent:r.G.MEDIA_CLICK})}),ue),(0,v.useEffect)((()=>{Q&&n()().trackInteraction({currentTarget:ue.current},{changeEvent:r.G.MEDIA_PLAY})}),[C]),(0,v.useEffect)((()=>{M===i.J.PLAY&&!h&&C>0&&n()().trackInteraction({currentTarget:ue.current},{changeEvent:r.G.MEDIA_PLAY}),M===i.J.PAUSE&&!h&&Number(C)>=0&&(0,u.q)(C)!==E(Number.parseInt(y))&&n()().trackInteraction({currentTarget:ue.current},{changeEvent:r.G.MEDIA_PAUSE})}),[M,C]),(0,v.useEffect)((()=>{if(D===p.LIVE&&le!=p.LIVE){ne&&ne(p.LIVE),n()().trackInteraction({currentTarget:ue.current},{changeEvent:r.G.MEDIA_LIVE});const e=setInterval((()=>{n()().trackInteraction({currentTarget:ue.current},{changeEvent:r.G.MEDIA_MINUTES_WATCHED})}),3e5);O(e),re&&re(e)}D===p.LIVE_PAUSED&&(clearInterval(V),clearInterval(oe)),D===p.POST_EVENT&&(n()().trackInteraction({currentTarget:ue.current},{changeEvent:r.G.MEDIA_LIVE_END}),clearInterval(V),clearInterval(oe))}),[D]),(0,v.useEffect)((()=>{if(!Z){const e=.5*C,a=.75*C,l=C-5;t>.25*C&&S<.25&&C>0&&(N(.25),n()().trackInteraction({currentTarget:ue.current},{changeEvent:r.G.MEDIA_25PCT})),t>e&&S<.5&&C>0&&(N(.5),n()().trackInteraction({currentTarget:ue.current},{changeEvent:r.G.MEDIA_50PCT})),t>a&&S<.75&&C>0&&(N(.75),n()().trackInteraction({currentTarget:ue.current},{changeEvent:r.G.MEDIA_75PCT})),t>=l&&S<1&&C>0&&(N(1),n()().trackInteraction({currentTarget:ue.current},{changeEvent:r.G.MEDIA_COMPLETE}))}}),[t]);return v.createElement("div",{role:"none","data-tracking-event":r.G.MEDIA_IMPRESSION,"data-tracking-info":JSON.stringify({type:z,id:U,player:W,timestop:b?t&&Number(C)>=0&&(0,u.q)(t):null,timeplay:b?null:Z?"unset":l,timepause:b?null:Z?"unset":y,timestamp:b?null:Z?D===p.POST_EVENT?E(m()(I).diff(_,"second")):E(m()().diff(_,"second")):null,length:!Z&&Number(C)>=0?(0,u.q)(C):"unset",cookieAccept:"video"===z||"audio"===z?L:null,autoplay:Q,mediasource:ee,category:B,eventstatus:H,eventpurpose:X,name:Y,placement:q,position:F,targeturl:K||"unset",component:de}),style:{width:"100%",...ie?{height:"100%"}:{}},ref:ue},v.cloneElement(J,{mediastop:(e,t)=>{let a=e;"boolean"==typeof e&&(a=e?i.J.PLAY:i.J.PAUSE);let l=t;if("number"==typeof t&&(l=E(Number.parseInt(t.toString()))),a===i.J.PLAY){const e=E(_?m()().diff(_,"second"):0);s(Z?e:l)}else a===i.J.PAUSE&&f(l);P(a),R(!1)},medialive:(e,t,a)=>{x(!0),g(t),k(a),w(e),R(!1)},getLength:e=>{ce&&ce(Number.isNaN(e)?0:e),T(Number.isNaN(e)?0:e)},cookieAccept:A,getCurrentTime:a}))};var f=y},70714:function(e,t,a){a.d(t,{x:function(){return l.default}});var l=a(7644)},14334:function(e,t,a){a.r(t),a.d(t,{MediaCard:function(){return W},default:function(){return z}});var l=a(21279),n=a(21715),o=a(95946),r=a(72940),i=a(75898),c=a(90255),d=a(46646),u=a(45245),s=a(77034),m=a(15305),v=a(43720),E=a(1884),p=a(34880),y=a(85606),f=a(90780),_=a(70714),g=a(99756),I=a(65321),k=a(95553),h=a.n(k),R=a(2784),b=a(28316),C=a(98627),T={wrapper:"style-module--wrapper--53f93",container:"style-module--container--6719e",header:"style-module--header--5b803",closeButton:"style-module--closeButton--57bdb",playerWrapper:"style-module--playerWrapper--4a9a0",scrolledMobile:"style-module--scrolledMobile--4f12a",content:"style-module--content--e8024",imr:"style-module--imr--8f146",bookmark:"style-module--bookmark--4741f"};const L=e=>

1{let{open:t=!0,player:a,title:l,testId:n="MediaOverlay",description:o,tags:r,detailLink:i,imr:c,onClose:d,media:u,bookmarkProps:s}=e;const m=(0,R.useRef)(null),v=(0,g.a)(g.R.md),{0:p,1:f}=(0,R.useState)(!1),k="asset"===(null==u?void 0:u.media_source);if((0,R.useEffect)((()=>{if(t)return document.body.style.overflow="hidden",()=>{document.body.style.overflow="unset"};document.body.style.overflow="unset"}),[t]),(0,R.useEffect)((()=>{t&&m.current&&m.current.focus()}),[t]),!t)return null;return(0,b.createPortal)(React.createElement("dialog",{className:T.wrapper,"data-test-id":n,onClick:e=>{e.target===e.currentTarget&&d(e),e.stopPropagation()},onKeyDown:e=>{"Escape"===e.key&&d(e)},onScroll:e=>{v&&((null==e?void 0:e.currentTarget.scrollTop)>0?f(!0):f(!1))}},React.createElement("div",{className:T.container},React.createElement("div",{className:T.header},React.createElement("button",{type:"button",ref:m,className:T.closeButton,onClick:d,onKeyDown:e=>{(0,I.q)(e.key,(()=>{d(e)}))}},React.createElement(E.JO,{icon:E.ic,type:"jnj",color:"black",verticalAlign:"middle","data-test-id":"closeIconList"}))),React.createElement("div",{className:h()(T.playerWrapper,p?T.scrolledMobile:"")},React.createElement(_.x,{id:k?null==u?void 0:u.uid:(null==u?void 0:u.video_id)||(null==u?void 0:u.audio_id),type:null!=u&&u.video_id?"video":"audio",name:null==u?void 0:u.title,placement:`mediacard|overlay:(${null==l?void 0:l.toString().toLowerCase()})`,position:1,mediasource:null==u?void 0:u.media_source,player:null==u?void 0:u.media_source,component:"Overlay"},a)),s&&"none"!==(null==s?void 0:s.display)&&React.createElement("div",{className:T.bookmark},React.createElement(C.C,{id:`BookmarkButton.${null==u?void 0:u.uid}`,text:"add"===(null==s?void 0:s.display)?null==s?void 0:s.tooltipLabel.add:null==s?void 0:s.tooltipLabel.remove,onClick:()=>null==s?void 0:s.onBookmarkClick(null==s?void 0:s.display),icon:React.createElement(E.JO,{icon:"add"===(null==s?void 0:s.display)?E.XL:E.aD,size:"medium"})})),React.createElement("div",{className:T.content},React.createElement(y.Z,{variant:"h3"},l),React.createElement(y.Z,{variant:"body-02"},o),React.createElement("div",{className:T.tags},r),i&&React.createElement("div",{className:T.detailLink},i),c?React.createElement(y.Z,{variant:"body-04",className:T.imr,"data-test-id":"MediaCard.Overlay.IMR"},c):null))),document.body)};var A=a(23322),S=a(10542),N=a(41053),M=a(76814),P=a(71588),D=a.n(P),w=a(71321),V="style-module--tags--ea65a",O="style-module--locked--dbfe2",Z="style-module--title--b3e87",x="style-module--bookmark--9d9ee",G="style-module--mediaCardWrapper--e5200",$="style-module--mediaCard--1397a",j="style-module--poster--cf347",J="style-module--showMediaOverlay--02ccc",U=a(3283);const W=e=>{var t,a,_,g,k,b,C,T,P,W,z,B;let{media:Y,onClickTag:q,footnotes:F,fullLengthFootnotes:K=!1,showLock:H=!1,loading:X="lazy",bookmarkProps:Q,disableTagsClick:ee=!1,...te}=e;const{t:ae}=(0,M.$G)(),le=((0,U.Pc)(),(0,s.bU)()),ne=(0,d.Z)(le),oe=D()({}.GATSBY_HIDE_MEDIA_CENTER_DETAIL_PAGES,{default:!1}),re=Y&&"audio_id"in Y||"asset"===(null==Y?void 0:Y.media_source),ie="video_id"in Y?null==Y?void 0:Y.video_id:"brightcove"===(null==Y?void 0:Y.media_source)?null==Y?void 0:Y.audio_id:null==Y?void 0:Y.uid,ce="video_id"in Y,de=(null==Y?void 0:Y.related_to)||[],ue=(0,N.Z)(de),se=null!=Y&&Y.display_title?Y.display_title:Y.title,me=(null===(t=Y.regulatory_status)||void 0===t?void 0:t.promotional_or_medical)!==A.CMS_MEDICAL_CONTENT,ve=React.createElement("div",{className:V,"data-test-id":"MediaCard.Tags"},null==ue?void 0:ue.map(((e,t)=>{const{title:a}=e||{};return q||ee?React.createElement("span",{key:a,"data-test-id":`MediaCard.Tag.${a}`,onClick:e=>{ee||(q(a),pe(!1)),e.preventDefault(),e.stopPropagation()}},React.createElement(p.V,{"data-test-id":`Tag.${a}`},React.createElement(y.Z,{size:"xs",weight:"400",variant:"label"},React.createElement(o.o,{footnotes:F},a)))):React.createElement(r.ju,{key:a,"data-test-id":`MediaCard.Tag.${a}`,external:!1,url:w.nZ,fullWidth:!1,params:{value:a}},React.createElement(p.V,{"data-test-id":`Tag.${a}`},React.createElement(y.Z,{size:"xs",weight:"400",variant:"label"},React.createElement(o.o,{footnotes:F},a))))})),q||ee?React.createElement("span",{key:ce?"video":"audio","data-test-id":"MediaCard.Tag."+(ce?"Video":"Audio"),onClick:e=>{ee||(q(ce?"Video":"Audio"),pe(!1)),e.preventDefault(),e.stopPropagation()}},React.createElement(p.V,null,React.createElement(y.Z,{size:"xs",weight:"400",variant:"label"},ae(ce?"Video":"Audio",{ns:"common"}

1)))):React.createElement(r.ju,{"data-test-id":"MediaCard.Tag."+(ce?"Video":"Audio"),external:!1,url:w.nZ,fullWidth:!1,params:{value:ce?"Video":"Audio"},warnAbout201Links:!1},React.createElement(p.V,null,React.createElement(y.Z,{size:"xs",weight:"400",variant:"label"},ae(ce?"Video":"Audio",{ns:"common"}))))),{0:Ee,1:pe}=(0,R.useState)(!1),ye=(0,R.useCallback)((e=>{Ee||pe(!0),e.preventDefault()}),[Ee]),fe=(0,R.useCallback)((e=>{(0,I.q)(e.key,(()=>{e.preventDefault(),e.stopPropagation(),Ee||pe(!0)}))}),[Ee]);let _e=null;const ge={};if(null!=Y&&null!==(a=Y.custom_cta)&&void 0!==a&&a.text){var Ie,ke;const e=S.ZP.getLink(null==Y||null===(Ie=Y.custom_cta)||void 0===Ie?void 0:Ie.link_group);ge.url=e.url,ge.label=null==Y||null===(ke=Y.custom_cta)||void 0===ke?void 0:ke.text,ge.commercial=e.commercial,ge.external=e.external,ge.anchorId=e.anchor_id,ge.params=e.params}else oe&&!ne||(ge.url=`${w.nZ}/${ie}`,ge.label=ae("Learn more",{ns:"common"}),ge.commercial=me,ge.external=!1);return ge.url&&(_e=React.createElement(r.ju,{url:ge.url,commercial:ge.commercial,external:ge.external,anchor_id:ge.anchorId,params:ge.params,"data-test-id":"MediaCard.Link"},React.createElement(v.z,{color:"primary-550",variant:"naked",size:"medium",accessoryLeft:void 0,accessoryRight:React.createElement(f.Zb.CTAIconArrow,null),flexibleWidth:!0},React.createElement(y.Z,{color:"inherit",dataTestId:"MediaCard.Link"},ge.label)))),he=React.createElement("div",{className:$},React.createElement("div",{className:j,"data-test-id":"MediaCard.Poster"},React.createElement(c.Y7,{videoPlayable:!1,videoId:ie,provider:Y.media_source.toLowerCase(),considerFluidStyle:!0,schemaTitle:null==Y?void 0:Y.title,schemaSummary:null==Y?void 0:Y.summary,updated_at:null==Y?void 0:Y.updated_at,videoSchema:!1,metadata:Y.metadata,thumbnail:null===(_=Y.poster_image)||void 0===_?void 0:_.url,isAudio:!ce,defaultThumbnail:ce?void 0:l.Z}),React.createElement("div",{className:J,"data-test-id":"Card.MediaOverlay"},React.createElement(E.JO,{icon:E.b,type:"jnj",color:"white",size:"small"}))),React.createElement(y.Z,{variant:"h5",color:"inherit",component:"span"},React.createElement("div",{className:h()(Z,Q&&"none"!==(null==Q?void 0:Q.display)&&x),"data-test-id":"MediaCard.Title"},React.createElement(o.o,{footnotes:F,fullLengthFootnotes:K,"data-test-id":"MediaCard.Title"},se),H&&React.createElement(E.JO,{"data-test-id":"cardLock",className:O,icon:E.bO,type:"jnj",color:"inherit",size:"medium"}),Q&&React.createElement(m.r,{bookmarkProps:Q}))),Ee&&H&&me&&React.createElement(i.default,{anonymously:(null==Y||null===(g=Y.access_control)||void 0===g?void 0:g.access_level)!==A.AccessLevel.level3,navigateBackOnCancel:!1,snackbar:()=>{pe(!1)}}),!H&&me&&React.createElement(L,{open:Ee,onClose:e=>{pe(!1),e.preventDefault()},media:Y,bookmarkProps:Q,testId:"MediaCard.Overlay",player:re?React.createElement(n.c,{play:!0,audio:Y}):React.createElement(c.Y7,{videoId:ie,provider:Y.media_source.toLowerCase(),considerFluidStyle:!0,schemaTitle:null==Y?void 0:Y.title,schemaSummary:null==Y?void 0:Y.summary,updated_at:null==Y?void 0:Y.updated_at,videoSchema:!1,play:!0,metadata:Y.metadata,isAudio:!ce}),title:React.createElement(o.o,{footnotes:F,fullLengthFootnotes:K,"data-test-id":"MediaCard.Overlay.Title"},se),description:React.createElement(o.o,{"data-test-id":"MediaCard.Overlay.Description"},null==Y?void 0:Y.summary),tags:ve,imr:null!=Y&&null!==(k=Y.imedical_review)&&void 0!==k&&null!==(b=k.imr)&&void 0!==b&&b[0]?React.createElement(u.R,{code:null==Y||null===(C=Y.imedical_review)||void 0===C||null===(T=C.imr)||void 0===T||null===(P=T[0])||void 0===P?void 0:P.code,date_of_preparation:null==Y||null===(W=Y.imedical_review)||void 0===W||null===(z=W.imr)||void 0===z||null===(B=z[0])||void 0===B?void 0:B.date_of_preparation}):null,detailLink:_e})),me?React.createElement("div",{tabIndex:0,onClick:ye,onKeyDown:fe,role:"button",className:G,"data-test-id":(null==te?void 0:te["data-test-id"])||"MediaCard"},he):React.createElement(r.ju,{url:`${w.nZ}/${ie}`,fullWidth:!0,commercial:(null===(Re=Y.regulatory_status)||void 0===Re?void 0:Re.promotional_or_medical)!==A.CMS_MEDICAL_CONTENT,"data-test-id":(null==te?void 0:te["data-test-id"])||"MediaCard"},he);var he,Re};var z=W},41053:function(e,t,a){a.d(t,{Z:function(){return n}});var l=a(38777);function n(e){const t=[],a=[];for(const l of e)if(l)if(l.related_to)for(const e of l.related_to||[])t.some((t=>t.title===e.title))||t.push(e);else a.push(l);const n=new Set(a.map((e=>e.title)));return[].concat(a,(0,l.Z)(t.filter((e=>!n.has(e.title)))))}}}]);
2//# sourceMappingURL=069f997dbdc0bfa9cc5f8092ab5239833074b668-3f5a4e5322ad798ba6af.js.map