https://www.jnjmedicalcloud.nl/component---src-templates-services-…er-media-center-tsx-5a5bf456c3b7f5b2d759.js

1"use strict";(self.webpackChunk_jmc_janssen_medical_cloud_frontend=self.webpackChunk_jmc_janssen_medical_cloud_frontend||[]).push([[4934],{84633:function(e,t,l){l.d(t,{s:function(){return i}});var o={"gap-1":"style-module--gap-1--7667b","gap-2":"style-module--gap-2--2fbad","gap-4":"style-module--gap-4--79375","gap-8":"style-module--gap-8--f8afc","gap-16":"style-module--gap-16--ba90e","gap-24":"style-module--gap-24--91a35","gap-32":"style-module--gap-32--84cf4",container:"style-module--container--52588",item:"style-module--item--1504d","grid-overview":"style-module--grid-overview--258e5","cols-1":"style-module--cols-1--80c82","rows-1":"style-module--rows-1--5cd33","cols-2":"style-module--cols-2--13b86","rows-2":"style-module--rows-2--b5535","cols-3":"style-module--cols-3--63b52","rows-3":"style-module--rows-3--3ed0e","cols-4":"style-module--cols-4--f7de8","rows-4":"style-module--rows-4--b7dee","cols-5":"style-module--cols-5--2b35e","rows-5":"style-module--rows-5--c5745","cols-6":"style-module--cols-6--3440e","rows-6":"style-module--rows-6--2c515","cols-7":"style-module--cols-7--b94fc","rows-7":"style-module--rows-7--47ce2","cols-8":"style-module--cols-8--4ee7d","rows-8":"style-module--rows-8--16804","cols-9":"style-module--cols-9--bfcf6","rows-9":"style-module--rows-9--f3ccc","cols-10":"style-module--cols-10--ac0fb","rows-10":"style-module--rows-10--3e124","cols-11":"style-module--cols-11--5ce8d","rows-11":"style-module--rows-11--20bad","cols-12":"style-module--cols-12--445c2","rows-12":"style-module--rows-12--4165e"},n=l(95553),a=l.n(n);const i=e=>{let{container:t=!1,item:l=!0,width:n="0",gap:i=16,children:r,cols:s=1,rows:c=1,size:d="auto",overview:u=!1,...m}=e;const v=a()(o.element,t?o.container:null,l?o.item:null,s>1?o[`cols-${String(s)}`]:null,c>1?o[`rows-${String(c)}`]:null,t?o[`gap-${String(i)}`]:null,u?o["grid-overview"]:null);return React.createElement("div",Object.assign({},m,{className:a()(v)}),r)}},86968:function(e,t,l){l.d(t,{r:function(){return _},L:function(){return p}});var o=l(95946),n=l(77034),a=l(95553),i=l.n(a),r=l(40031),s="style-module--wrapper--52f99",c="style-module--padding-inline--75cae",d="style-module--padding-block-end--448ae",u="style-module--padding-block-start--86bb0",m="style-module--disclaimer--5b5ec";const v=()=>{var e;const{allContentstackDisclaimers:t}=(0,r.useStaticQuery)("3190903156"),l=(0,n.bU)();return null==t||null===(e=t.nodes)||void 0===e?void 0:e.filter((e=>{var t;return(null==e||null===(t=e.publish_details)||void 0===t?void 0:t.locale)===l})).map((e=>e.ae_pi_disclaimer)).pop()}

1,p=e=>{let{paddingInline:t=!0,paddingBottom:l}=e;const n=v();return null!=n&&n.top_disclaimer?React.createElement("div",{className:i()(s,t&&c,l&&d)},React.createElement("div",{className:m},React.createElement(o.o,{"data-test-id":"aepi.disclaimer.top.text"},null==n?void 0:n.top_disclaimer))):null},_=e=>{let{paddingInline:t=!0,paddingBottom:l=!0,paddingTop:n=!1}=e;const a=v();return null!=a&&a.bottom_disclaimer?React.createElement("div",{id:"bottom_aepi",className:i()(s,t&&c,n&&u,l&&d)},React.createElement("div",{className:m},React.createElement(o.o,{"data-test-id":"aepi.disclaimer.bottom.text"},null==a?void 0:a.bottom_disclaimer))):null}},98099:function(e,t,l){l.d(t,{x:function(){return r}});var o=l(85606),n=l(76814),a=l(50292),i="style-module--wrapper--ebf86";const r=e=>{let{onClick:t}=e;const{t:l}=(0,n.$G)();return React.createElement("div",{className:i},React.createElement(o.Z,{variant:"h4"},l("No result",{ns:"common"})),React.createElement(o.Z,{variant:"span"},(()=>{const e=l("Your filters did not match any results, please {{RESET}} and try again",{RESET:"[Reset]",ns:"common"});return(0,a.Z)({pattern:/\[.*?\]/gim,decorator:()=>React.createElement(o.Z,{key:"NoResultDecorateLink",color:"inherit",variant:"link",onClick:t},l("reset filters",{ns:"common"})),input:e})})()))}},85769:function(e,t,l){l.d(t,{$:function(){return L}});var o=l(38777),n=l(60991),a=l(78879),i=l(42635),r=l(31234),s=l(1884),c=l(85606),d=l(17881),u=l(32694),m=l(87240),v=l(23322),p=l(95553),_=l.n(p),f=l(77960),g=l.n(f),y=l(44073),E=l.n(y),b=l(40031),h=l(18149),C=l.n(h),k=l(2784),R=l(76814),w=l(57975),S=l(20247),M=l(71321),$="style-module--smpcList--79b2e",T="style-module--top-spacing--e9cdb",Z="style-module--list--44b4d",N=l(3283);g().extend(E());const A=e=>{var t;let{smpcs:l}=e;const o=(0,N.Pc)(),{t:i}=(0,R.$G)(),p=null===(t=(0,w.v9)((e=>e.bottomContent),C()))||void 0===t?void 0:t.hasVisibleFootnotes,{lastSectionBackground:f}=(0,a.CI)(),g=f&&f!==d.Il.WHITE&&!p;return l&&l.length>0?k.createElement("div",{className:_()($,g&&T)},k.createElement(c.Z,{variant:"h2",color:"title",weight:"400"},i("SMPC & Technical Information",{ns:"common"})),k.createElement("div",{className:Z},l.map((e=>{var t;const l=null===(t=e.page_reference)||void 0===t?void 0:t[0],a=e.display_title||e.title;if(e.smpc_source===v.SMPCSource.EXTERNAL&&e.external_link){const t=e.generate_detail_page?`${M.k_}/${e.uid}`:e.external_link,l=(null==e?void 0:e.generate_detail_page)&&!o.isAuthorized((null==e?void 0:e.access_level)||m.u.level1,t);return k.createElement(n.ju,{fullWidth:!1,name:a,key:e.uid,url:t,htmlLink:!0,commercial:!0,external:!(null!=e&&e.generate_detail_page),"data-test-id":`SMPCItem-${a}`},k.createElement(c.Z,{color:"inherit",variant:"body-02"},(0,u.b)(a),l&&k.createElement(s.JO,{color:"inherit","data-test-id":"button.lock",icon:s.bO,type:"jnj"})))}if(e.smpc_source===v.SMPCSource.INTERNAL&&l){var i,d;const t=(null==l?void 0:l.page_url)||`${M.cU}/${null==l?void 0:l.material_id}`,r=(null==l||null===(i=l.regulatory_status)||void 0===i?void 0:i.promotional_or_medical)===v.CMS_MEDICAL_CONTENT?m.u.level3:(null===(d=l.access_control)||void 0===d?void 0:d.access_level)||m.u.level1,p=!o.isAuthorized(r,t);return k.createElement(n.ju,{fullWidth:!1,name:a,"data-test-id":`SMPCItem-${a}`,key:e.uid,url:t,htmlLink:!0,commercial:!l.regulatory_status||l.regulatory_status.promotional_or_medical===v.CMS_PROMOTIONAL_CONTENT},k.createElement(c.Z,{color:"inherit",variant:"body-02"},(0,u.b)(a),p&&k.createElement(s.JO,{color:"inherit","data-test-id":"button.lock",icon:s.bO,type:"jnj"})))}if(e.smpc_source===v.SMPCSource.FILE_ASSET&&e.file_asset){const t=e.generate_detail_page?`${M.k_}/${e.uid}`:e.file_asset.url,l=(null==e?void 0:e.generate_detail_page)&&!o.isAuthorized((null==e?void 0:e.access_level)||m.u.level1,t);return k.createElement(r.w,{key:e.uid,name:m.Z.getFileName(e.file_asset.url)},k.createElement(n.ju,{fullWidth:!1,url:t,commercial:!0,external:!(null!=e&&e.generate_detail_page),htmlLink:!0,"data-test-id":`SMPCItem-${a}`},k.createElement(c.Z,{color:"inherit",variant:"body-02"}

1,(0,u.b)(a),l&&k.createElement(s.JO,{color:"inherit","data-test-id":"button.lock",icon:s.bO,type:"jnj"}))))}return null})))):null},L=e=>{var t,l;let{products:n=[],smpcs:a=[]}=e;const r=(0,w.I0)(),s=(0,w.v9)((e=>e.smpcProducts),C()),{allContentstackSmpc:c}=(0,b.useStaticQuery)("2332281398"),d=[].concat((0,o.Z)(null!==(t=null==s?void 0:s.refs)&&void 0!==t?t:[]),(0,o.Z)(a)),u=[].concat((0,o.Z)(null!==(l=null==s?void 0:s.products)&&void 0!==l?l:[]),(0,o.Z)(n)),m=(()=>{const e=[].concat((0,o.Z)(d),(0,o.Z)(u&&u.length>0?c.nodes.filter((e=>!e.exclude_from_automatic_smpc_collection&&(null==u?void 0:u.find((t=>e.product_relation.find((e=>t.uid===e.uid))))))):[]));return Array.from(new Set(e.map((e=>e.uid)))).map((t=>e.find((e=>e.uid===t)))).sort(((e,t)=>{const l=(e.display_title||e.title).toLowerCase(),o=(t.display_title||t.title).toLowerCase();return l<o?-1:l>o?1:0}))})();return k.useEffect((()=>{m.length>0&&r((0,S.Vx)({hasVisibleSMPCs:!0}))}),[m.length,r]),k.createElement(i.N,{name:"SMPC & Technical Information",position:1},k.createElement(A,{smpcs:m}))}},68990:function(e,t,l){l.r(t),l.d(t,{Head:function(){return U},MediaCenterOverviewPage:function(){return V},MediaOverview:function(){return z},default:function(){return G}});var o=l(38777),n=l(28892),a=l(86968),i=l(19947),r=l(14334),s=l(98099),c=l(58848),d=l(90921),u=l(85769),m=l(3283),v=l(93141),p=l(9152),_=l(62559),f=l(15621),g=l(14476),y=l(11815),E=l(43720),b=l(84633),h=l(62611),C=l(85606),k=l(93508),R=l(99756),w=l(83692),S=l(23322),M=l(61550),$=l(74740),T=l(12994),Z=l(17979),N=l(46235),A=l(77960),L=l.n(A),I=l(35676),F=l.n(I),O=l(18149),x=l.n(O),J=l(2784),P=l(76814),j=l(57975),B=l(71321),D={mediaCenter:"media-center-module--mediaCenter--27bd7",body:"media-center-module--body--b3485",loadMoreContainer:"media-center-module--loadMoreContainer--c84ab",footerSection:"media-center-module--footerSection--fd5e0"};const z=e=>{const{media_players:t,locale:l,smpcs:n,title:d,displayAEPI:A,enableMyFavorites:L,customFilters:I}=e,{0:O,1:z}=(0,J.useState)(t),{0:V,1:G}=(0,J.useState)([]),U=(0,m.Pc)(),H=(0,j.I0)(),{t:W}=(0,P.$G)(),Q=(0,R.a)(R.R.md),X=(0,R.a)(R.R.lg),Y=Q||X?8:9,{0:q,1:K}=(0,J.useState)(Y),{0:ee,1:te}=(0,J.useState)(!1),le=null==O?void 0:O.slice(0,q);(0,J.useEffect)((()=>{K(Q||X?ee?e=>e:8:ee?e=>e:9)}),[Q,X]);const oe=(null==I?void 0:I.map((e=>({name:null==e?void 0:e.title,id:null==e?void 0:e.id,getFilterOptions:t=>F()(t.map((t=>t.related_to.map((t=>{var l;return(null==t?void 0:t.customFilterTitle)&&(null==e||null===(l=e.custom_filter_option)||void 0===l?void 0:l.find((e=>(null==e?void 0:e.uid)===(null==t?void 0:t.uid))))&&(null==t?void 0:t.customFilterTitle)})))))}))))||[],ne=(null==I?void 0:I.length)&&I.flatMap((e=>e.custom_filter_option)),ae=[{name:W("Product",{ns:"common"}),id:"product",getFilterOptions:e=>F()(e.map((e=>e.related_to.map((e=>e.productTitle)))))},{name:W("Specialty",{ns:"common"}),id:"specialty",getFilterOptions:e=>F()(e.map((e=>e.related_to.map((e=>e.specialtyTitle)))))},{name:W("Video/Audio",{ns:"common"}),id:"mediatype",getFilterOptions:e=>e.map((e=>e.video_id?W("Video",{ns:"common"}):W("Audio",{ns:"common"})))},{name:W("Speaker",{ns:"common"}),id:"speaker",getFilterOptions:e=>F()(e.map((e=>e.speakers.map((e=>(0,Z.A)(e))))))}].concat((0,o.Z)(oe)),{0:ie,1:re}=(0,J.useState)(M.Z.generateOptions(t,ae)),se=()=>{re(M.Z.generateOptions(t,ae))},ce=function(e,t){void 0===t&&(t=!0);const l=M.Z.onFilterByTags(ie,e,t);document.dispatchEvent(new CustomEvent(f.G.FILTER_TAG,{bubbles:!0,detail:{filterResult:l}})),re(l),setTimeout((()=>{(0,g.lR)("media-center")}),500)};(0,J.useEffect)((()=>{(()=>{const e=O.reduce(((e,t)=>{for(const l of t.related_to)l.productTitle&&!e.includes(l)&&e.push(l);return e}),[]);G(e)})()}),[O]),(0,J.useEffect)((()=>{const e=M.Z.onFilterOptionsChange(ie,t,ae);document.dispatchEvent(new CustomEvent(f.G.FILTER_COUNT,{bubbles:!0,detail:{count:e.length}})),z(e)}),[ie]),(0,J.useEffect)((()=>{(()=>{const e=M.Z.addTagsFromUrl();e.length&&ce(e)})()}),[]),(0,J.useEffect)((()=>{U.isAuthorized(S.AccessLevel.level3)&&H((0,w.zD)())}),[H,U]);const de=(0,j.v9)((e=>{var t;return null==e||null===(t=e.bookmarksMedia)||void 0===t?void 0:t.data}),x()),{onBookmarkClick:ue,snackBar:me,handleCloseSnackBar:ve}=(0,$.A)();return React.createElement("div",{id:"media-center",className:D.mediaCenter},React.createElement(c.m,{title:d,renderBreadcrumb:()=>{const e=[{url:B.$N,title:W("Services",{ns:"common"})},{url:B.nZ,title:W("Media Center",{ns:"common"})}];return React.createElement(i.c,{paths:e})},headerSize:"auto",bannerDisclaimer:A&&React.createElement(a.L,{paddingInline:!1})}),React.createElement("div",{className:D.body},React.createElement(_.h,{ignore:["Speaker"]}

1,React.createElement(k.F,{productTagsEnabled:!0,filter:ie,onChangeFilter:(e,t)=>{re(Array.isArray(t)?M.Z.onResetFilter(ie,e):M.Z.onChangeFilter(ie,e,t))},onRemoveFilter:e=>{ce([e.value],!1)},onResetFilters:se,showLabelBelowFilter:!0,id:"MediaCenter.ControlHeader"})),React.createElement(h.D,{fractions:[1],spacing:8,minHeight:!1,noTopSpacing:!0},0===O.length&&ie.length>0&&React.createElement(s.x,{onClick:se}),React.createElement(b.s,{container:!0,overview:!0,"data-test-id":"MediaCenter.MaterialsGrid"},le.map(((e,t)=>{var o,n,a,i,s,c,d;const u="video_id"in e?y.V.VIDEO:y.V.AUDIO,m={mediaId:null==e?void 0:e.uid,mediaType:u,title:(null==e?void 0:e.display_title)||(null==e?void 0:e.title),isMedical:(null==e?void 0:e.regulatory_status.promotional_or_medical)===S.CMS_MEDICAL_CONTENT},v=null!==(o=null==de?void 0:de.some((e=>e.mediaId===m.mediaId&&e.mediaType===m.mediaType)))&&void 0!==o&&o,_=U.isAuthorized(S.AccessLevel.level3)?v?"remove":"add":"none",f={bookmark:m,display:_,tooltipLabel:{add:W("Save to MyJ&J",{ns:"myJNJ"}),remove:W("Remove from MyJ&J",{ns:"myJNJ"})},onBookmarkClick:e=>ue(m,e)},g=(null===(n=e.fields)||void 0===n||null===(a=n.footnotes)||void 0===a||null===(i=a.find((t=>t.mapped_text===e.display_title)))||void 0===i?void 0:i.text_without_footnotes)||e.display_title||e.title,E=(null==e||null===(s=e.regulatory_status)||void 0===s?void 0:s.promotional_or_medical)===S.CMS_MEDICAL_CONTENT?S.AccessLevel.level3:(null==e||null===(c=e.access_control)||void 0===c?void 0:c.access_level)||S.AccessLevel.level1,h="asset"===(null==e?void 0:e.media_source)?e.uid:e.video_id||e.audio_id,C=!U.isAuthorized(E,`${B.nZ}/${h}`),k=(e=>{var t;const l=null===(t=e.related_to)||void 0===t?void 0:t.filter((e=>!(null!=e&&e.customFilterTitle)||(null==ne?void 0:ne.length)&&(null==ne?void 0:ne.find((t=>t.uid===e.uid)))));return{...e,related_to:l}})(e),R=React.createElement(r.MediaCard,{media:k,"data-test-id":`MediaCenter.Media.${t}.${h}`,onClickTag:e=>ce([e]),bookmarkProps:L&&f,footnotes:null===(d=e.fields)||void 0===d?void 0:d.footnotes,fullLengthFootnotes:!0,showLock:C,disabledLink:!0});return React.createElement(b.s,{key:`${h}-${t}`},React.createElement(p.r,{key:`imp${h}`,type:"media",category:e.video_id?"video":"audio",name:g,placement:W("Media Center",{ns:"mediaCenter"}),position:t+1,targeturl:N.Z.getFullUrl(`${B.nZ}/${h}`,l,!1)},R))}))),React.createElement(v.J,{open:(null==me?void 0:me.open)||!1,message:(null==me?void 0:me.message)||"",signinLabel:W("Go to MyJNJ",{ns:"myJNJ"}),onClose:ve,onSignIn:()=>{(0,T.Z)(`/${l}/services/my-jmc/my-favorite-pages?tab=${me.mediaType===y.V.VIDEO?"video":"audio"}`)}})),O.length>0&&React.createElement("div",{className:D.loadMoreContainer,"data-test-id":"loadMoreContainer"},React.createElement(C.Z,{variant:"label-01"},W("Showing {{visible}} of {{total}} results",{visible:Math.min(q,O.length),total:O.length,ns:"common"})),O.length>q&&React.createElement(E.z,{className:D.loadMoreButton,variant:"outlined",onClick:()=>{te(!0),K((e=>e+Y))},"data-test-id":"loadMoreButton"},W("Load more",{ns:"common"})))),React.createElement("div",{className:D.footerSection},React.createElement(u.$,{smpcs:n,products:V}),A&&React.createElement(a.r,null)))},V=e=>{const{pageContext:t,data:{page:{title:l,access_control:{access_level:a},smpc_reference:i},display_ae_pi:r,myJMC:s}}=e,{locale:c,gatedUrl:d,publicContent:u}=t,m=()=>{const e=(0,J.useContext)(n.JX);if(e){var t;const n=(a=e,[].concat((0,o.Z)(a.videos),(0,o.Z)(a.audios)).filter((e=>!e.exclude_video_from_the_media_center&&!e.exclude_audio_from_the_media_center)).sort(((e,t)=>L()(t.updated_at).unix()-L()(e.updated_at).unix()))),d=n.reduce(((e,t)=>{var l;return t.smpc_reference&&(null===(l=t.smpc_reference)||void 0===l?void 0:l.length)>0&&(e=[].concat((0,o.Z)(e),(0,o.Z)(t.smpc_reference))),e}),[]);return React.createElement(z,{media_players:n,locale:c,smpcs:[].concat((0,o.Z)(d),(0,o.Z)(i||[])),title:l,displayAEPI:r,customFilters:(null==e?void 0:e.custom_filters)||[],enableMyFavorites:null==s||null===(t=s.my_favorites)||void 0===t?void 0:t.enable_my_favorites})}var a;return null};return React.createElement(n.Mj,{gatedUrl:d,level:a,publicContent:u,title:l},React.createElement(m,null))};var G=V;const U=e=>{var t,l,o,n,a,i,r,s,c;let{data:u,pageContext:m,location:v}=e;

1const p=(null==u||null===(t=u.page)||void 0===t?void 0:t.title)||(null==m||null===(l=m.page)||void 0===l||null===(o=l.seo_settings)||void 0===o?void 0:o.meta_title)||"Media Center",_=(null==m||null===(n=m.page)||void 0===n||null===(a=n.seo_settings)||void 0===a?void 0:a.meta_description)||"",f=null==u||null===(i=u.page)||void 0===i||null===(r=i.access_control)||void 0===r?void 0:r.access_level,g=(null==m||null===(s=m.availableLocales)||void 0===s?void 0:s.length)>1?{locale:m.availableLocales,url:m.url}:void 0;return React.createElement(d.Z,{title:p,description:_,canonical:void 0,hreflangs:void 0,availableLocale:g,level:f,service:!0,uid:null==u||null===(c=u.page)||void 0===c?void 0:c.uid,contentType:"media_center",pageContext:m,location:v})}},17979:function(e,t,l){l.d(t,{A:function(){return o},Q:function(){return n}});const o=e=>{const t=e.prefix?`${e.prefix}. `:"";return e.first_name&&e.last_name?`${t}${e.first_name} ${e.last_name}`:e.first_name?`${t}${e.first_name}`:e.last_name?`${t}${e.last_name}`:`${t}${null!=e&&e.title?e.title:""}`},n=e=>e.first_name&&e.last_name?`${e.first_name.charAt(0)} ${e.last_name.charAt(0)}`:e.first_name?`${e.first_name.charAt(0)}`:e.last_name?`${e.last_name.charAt(0)}`:`${null!=e&&e.title?e.title.charAt(0):""}`}}]);
2//# sourceMappingURL=component---src-templates-services-media-center-media-center-tsx-5a5bf456c3b7f5b2d759.js.map