Loading
function(e,t,n){n.d(t,{default:()=>J,H:()=>Z});var r=n(627968),a=n(64700);if(21552==n.j)var i=n(65412);var l=n(554146),o=n(875676),s=n(366010),c=n(212245),d=n(736653),u=n(793574),m=n(688810),h=n(826673),p=n(38405),_=n(232582),E=n(821609),N=n(349288),A=n(367727),g=n(174459),f=n(637706),x=n(498470),M=n(652215),T=n(49999),b=n(375708),L=n(870433);n(323874),n(14289),n(35956);var I=n(503698),O=n.n(I),y=n(562708),k=n(877624),C=n(17928),j=n(815021),v=n(812993),R=n(534514),P=n(834730),S=n(935462),w=n(315629),D=n(775602),G=n(139286),U=n(175671),H=n(259407),K=n(915089),V=n(607470),F=n(34337),$=n(186111),z=n(774774),Y=n(777135);let q=[],B=e=>{let{tagText:t,className:n}=e;return(0,r.jsx)(v.Lp,{className:O()(Y.Tc,n),text:t})},Q=e=>{let{header:t,subHeader:n,subHeaderExtra:a,imageSrc:i,tagText:l,wideStyle:o}=e;return(0,r.jsxs)("div",{className:O()(Y.Vr,{[Y.tF]:o}),children:[null!=l?(0,r.jsx)(B,{tagText:l,className:Y.bX}):null,(0,r.jsx)("img",{alt:"",className:O()(Y._n,{[Y.tF]:o}),src:i}),(0,r.jsxs)("div",{className:O()(Y.Zz,{[Y.tF]:o}),children:[(0,r.jsx)(R.D,{variant:"heading-md/bold",className:Y.Hf,children:t}),(0,r.jsxs)(P.E,{variant:"text-md/medium",color:"text-subtle",children:[n,a?.()]})]})]})};function W(e){let{componentId:t,promotionId:n,className:i,renderModalProps:o,heroArt:s,heroArtClassName:c,header:d,headerClassName:u,modalTopPill:m,subHeader:h,subHeaderExtra:_,featureCards:E,changeLogId:N,button:f,body:x,disclaimer:L,disclaimerExtra:I}=e,{onClose:v,transitionState:B}=o,W=(0,K.GV)(),Z=E.length%2==0,J=(0,C.bG)([D.Ay],()=>D.Ay.useReducedMotion),[X,ee]=a.useState(Date.now()),[et,en]=a.useState(0),[er,ea]=a.useState(0),[ei,el]=a.useState(!1),[eo,es]=a.useState(!0),ec=a.useRef(X),ed=a.useRef(et),eu=a.useRef(er),em=a.useRef(ei),eh=a.useRef(eo),[ep,e_]=a.useState(q),eE=a.useRef(!1);function eN(){let e=Date.now(),t=e-ec.current,n=ed.current,r=eu.current;return em.current&&(en(n+=t),eh.current||ea(r+=t)),ee(e),[n,r]}return(0,G.A)({type:y.ImpressionTypes.MODAL,name:y.ImpressionNames.PREMIUM_MARKETING_COMPONENT,properties:{component_id:t,component_type:k.C.ANNOUNCEMENT_MODAL}}),a.useEffect(()=>{let e=async()=>{try{if("video"!==s.type||null==s.subtitles)return;let e=s.subtitles?.map(async e=>{let t=await fetch(e.src);if(!t.ok)throw Error(`Failed to fetch the subtitle file ${e.src}`);let n=await t.text(),r=new Blob([n],{type:"text/vtt"}),a=URL.createObjectURL(r);return{...e,src:a}});e_(await Promise.all(e))}catch(e){p.A.captureException(e),e_(q)}};!0!==eE.current&&e(),eE.current=!0},[s,ep]),a.useEffect(()=>()=>{null!=ep&&ep.forEach(e=>{URL.revokeObjectURL(e.src)})},[ep]),a.useEffect(()=>{ec.current=X,ed.current=et,eu.current=er,em.current=ei,eh.current=eo},[X,et,er,ei,eo]),a.useEffect(()=>()=>{if("video"===s.type||"embed"===s.type){let[e,t]=eN();g.default.track(M.HAw.CHANGE_LOG_VIDEO_PLAYED,{change_log_id:N,seconds_played:Math.round(e/1e3)}),g.default.track(M.HAw.CHANGE_LOG_VIDEO_UNMUTE,{change_log_id:N,seconds_unmuted:Math.round(t/1e3)})}},[N,s.type]),a.useEffect(()=>{if($.A.getLayers().includes(M.zgK.COMPONENT_PLAYGROUND))return;(0,A.Vh)(l.M.PREMIUM_MARKETING_MOMENT_ANNOUNCEMENT_UPSELL,{snowflakeId:n});let e=Date.now();return g.default.track(M.HAw.CHANGE_LOG_OPENED,{change_log_id:N}),()=>{g.default.track(M.HAw.CHANGE_LOG_CLOSED,{change_log_id:N,seconds_open:Math.round((Date.now()-e)/1e3)}),(0,A.qr)(l.M.PREMIUM_MARKETING_MOMENT_ANNOUNCEMENT_UPSELL,n,{dismissAction:T.i.DISMISS})}},[N,n]),(0,r.jsx)(S.EO,{"data-migration-pending":!0,className:O()(Y.zr,Y.kv,i),transitionState:B,"aria-labelledby":W,parentComponent:"PremiumAnnouncementModalVariant1",children:(0,r.jsxs)(w.h,{color:"nitro-pink",className:Y.YV,children:[(0,r.jsx)("div",{className:Y.cG,children:(0,r.jsx)(j.J,{"data-migration-pending":!0,onClick:async()=>await v()})}),(0,r.jsxs)(S.$m,{"data-migration-pending":!0,className:Y.Qs,scrollbarType:"auto",overflow:"auto",children:[(()=>{switch(s.type){case"video":return(0,r.jsx)(V.A,{className:O()(Y.Ki,c),autoPlay:!J,loop:!0,muted:!0,controls:!0,controlsList:"nofullscreen nodownload noremoteplayback noplaybackrate",src:s.src,poster:s.poster,onPlay:e=>{g.default.track(M.HAw.CHANGE_LOG_VIDEO_INTERACTED,{change_log_id:N}),ee(Date.now()),el(!0),es(e.currentTarget.muted)},onEnded:e=>{eN(),es(e.currentTarget.muted),el(!1)},onVolumeChange:e=>{eN(),es(e.currentTarget.muted)},onPause:e=>{eN(),es(e.currentTarget.muted),el(!1)},disablePictureInPicture:!0,children:ep?.map(e=>{let t=(0,b.getLanguages)().find(t=>t.code===e.locale);return null==t?null:(0,r.jsx)("track",{label:t.englishName,kind:"captions",srcLang:t.code,src:e.src,default:e.isDefault},e.locale)})});case"embed":return(0,r.jsx)(U.rr,{className:O()(Y.Ki,c),allowFullScreen:!1,href:s.href,thumbnail:s.thumbnail,video:s.embed,provider:H.m.YOUTUBE,maxWidth:s.embed.width,maxHeight:s.embed.height,renderVideoComponent:F.$o,renderImageComponent:F.LL,renderLinkComponent:F.bU,onPlay:()=>{g.default.track(M.HAw.CHANGE_LOG_VIDEO_INTERACTED,{change_log_id:N})}});case"image":return(0,r.jsx)("img",{alt:"",className:O()(Y.Ki,c),src:s.src});default:return null}})(),null!=m&&""!==m?(0,r.jsx)(z.e4,{text:m,colorOptions:z.at.PREMIUM_TIER_2_WHITE_FILL,className:Y.ON}):null,(0,r.jsxs)("div",{className:Y.Z,children:[(0,r.jsx)(R.D,{variant:"display-md",className:O()(Y.TK,u),children:d}),(0,r.jsxs)(P.E,{variant:"text-md/medium",color:"text-subtle",className:Y.uI,children:[h,_?.()]})]}),null!=x&&""!==x&&(0,r.jsx)(R.D,{variant:"heading-lg/semibold",className:Y.G3,children:x}),E.length>0&&(0,r.jsx)("div",{className:Y.IS,children:E.map((e,t)=>(0,r.jsx)(Q,{...e,wideStyle:Z},`${e.header}_${t}`))})]}),(0,r.jsxs)("div",{className:Y.xQ,children:[f(),null!=L&&""!==L&&(0,r.jsxs)(P.E,{variant:"text-xs/medium",color:"text-subtle",className:Y.ed,children:[L,I?.()]})]})]})})}function Z(e){let{promotionId:t,content:n,isPreview:r}=e,a=o.m.fromBinary((0,i.A)(n));if("announcementModalVariant1"!==a.properties.oneofKind)return null;{let{isDismissed:e}=(0,h.u$)(l.M.PREMIUM_MARKETING_MOMENT_ANNOUNCEMENT_UPSELL,t);return!r&&e?null:(r&&(a.properties.announcementModalVariant1.dismissKey=""),a)}}function J(e){let{componentId:t,promotionId:n,renderModalProps:a,properties:i}=e,{location:o}=(0,c.p)(),{analyticsLocations:h}=(0,m.Ay)(u.A.PREMIUM_MARKETING_ANNOUNCEMENT_MODAL),I=(0,d.Ay)(),O=(0,s.q)(I);if("announcementModalVariant1"===i.properties.oneofKind){let e=function(e){let{componentId:t,promotionId:n,content:a,renderModalProps:i,analyticsLocations:o,analyticsLocation:s,isLightTheme:c}=e,d=`AnnouncementModalVariant1_${t}`,{onClose:u}=i,m=a.button?.copy??b.intl.string(b.t.YScQSF),h=a.button?.buttonAction,I=h===_.dz.OPEN_MARKETING_PAGE?"jump_to_mkt_button":h===_.dz.OPEN_SOCIAL_LAYER_STOREFRONT?"jump_to_slayer_storefront_button":"get_nitro_button",O=(0,x.h)({buttonAction:a.button?.buttonAction,deeplinkSection:a.button?.deeplinkSection,applicationId:a.button?.navigableStorefrontApplicationId?.value,analyticsLocations:o,analyticsLocation:s,onClose:u}),y=(0,f.C)(a.helpArticle,a.helpArticleId),k=null!=y?()=>(0,r.jsxs)(r.Fragment,{children:["\xa0",(0,r.jsx)(N.Anchor,{className:L.$T,href:y.url,children:y.linkText})]}):void 0,C=(0,f.C)(a.disclaimer?.disclaimerHelpArticle,""),j=null!=C?()=>(0,r.jsxs)(r.Fragment,{children:["\xa0",(0,r.jsx)(N.Anchor,{className:L.$T,href:C.url,children:C.linkText})]}):void 0,v={type:"video",src:c?a.heroArtVideoLinkLightTheme:a.videoLink};return null!=a.heroArtVideoSubtitles&&(v.subtitles=a.heroArtVideoSubtitles.map(e=>({locale:e.locale,src:e.link,isDefault:!1}))),(""!==a.heroArtImageLinkDarkTheme||""!==a.heroArtImageLinkLightTheme)&&(v={type:"image",src:c?a.heroArtImageLinkLightTheme:a.heroArtImageLinkDarkTheme}),{componentId:t,promotionId:n,renderModalProps:i,header:a.header,modalTopPill:a.modalTopPill,subHeader:a.subheader,subHeaderExtra:k,body:a.body,heroArt:v,featureCards:a.featureCards.map(e=>{let t=(0,f.C)(e.helpArticle,""),n=null!=t?()=>(0,r.jsxs)(r.Fragment,{children:["\xa0",(0,r.jsx)(N.Anchor,{className:L.$T,href:t.url,children:t.linkText})]}):void 0;return{header:e.header,subHeader:e.body,subHeaderExtra:n,imageSrc:c?e.imageLinkLightTheme:e.imageLink,tagText:""!==e.pill?e.pill:void 0}}),changeLogId:d,button:()=>{let e=Date.now(),t=async()=>{g.default.track(M.HAw.CHANGE_LOG_CTA_CLICKED,{change_log_id:d,cta_type:I,seconds_open:Math.round((Date.now()-e)/1e3),target:d});try{(h===_.dz.OPEN_MARKETING_PAGE||h===_.dz.OPEN_SOCIAL_LAYER_STOREFRONT)&&await (0,A.qr)(l.M.PREMIUM_MARKETING_MOMENT_ANNOUNCEMENT_UPSELL,n,{dismissAction:T.i.TAKE_ACTION})}catch(e){p.A.captureException(e)}finally{O()}},{icon:i}=(0,x.x)({buttonAction:a.button?.buttonAction});return(0,r.jsx)(E.$,{variant:"expressive",size:"md",onClick:t,text:m,icon:i})},disclaimer:a.disclaimer?.disclaimerText!==""?a.disclaimer?.disclaimerText:void 0,disclaimerExtra:j}}({componentId:t,promotionId:n,content:i.properties.announcementModalVariant1,renderModalProps:a,analyticsLocations:h,analyticsLocation:o,isLightTheme:O});return(0,r.jsx)(W,{...e})}return p.A.captureMessage(`Property type ${i.properties.oneofKind} is not supported to render ServerDriveAnnouncementModal`),null}}