Module 103407

function(e,t,n){n.d(t,{default:()=>X,H:()=>J});var r=n(627968),a=n(64700);if(21552==n.j)var i=n(65412);var l=n(554146),o=n(285402),s=n(366010),c=n(212245),d=n(736653),u=n(793574),m=n(688810),h=n(826673),p=n(38405),E=n(403581),_=n(232582),N=n(821609),A=n(349288),g=n(367727),M=n(174459),f=n(637706),x=n(498470),T=n(652215),b=n(49999),L=n(375708),I=n(870433);n(323874),n(14289),n(35956);var y=n(503698),O=n.n(y),k=n(562708),C=n(877624),j=n(17928),v=n(815021),P=n(777666),D=n(534514),R=n(834730),w=n(935462),G=n(315629),U=n(775602),S=n(139286),H=n(392056),K=n(259407),V=n(915089),$=n(607470),F=n(34337),z=n(186111),Y=n(774774),q=n(777135);let B=[],Q=e=>{let{tagText:t,className:n}=e;return(0,r.jsx)(P.Lp,{className:O()(q.Tc,n),text:t})},W=e=>{let{header:t,subHeader:n,imageSrc:a,tagText:i,wideStyle:l}=e;return(0,r.jsxs)("div",{className:O()(q.Vr,{[q.tF]:l}),children:[null!=i?(0,r.jsx)(Q,{tagText:i,className:q.bX}):null,(0,r.jsx)("img",{alt:"",className:O()(q._n,{[q.tF]:l}),src:a}),(0,r.jsxs)("div",{className:O()(q.Zz,{[q.tF]:l}),children:[(0,r.jsx)(D.D,{variant:"heading-md/bold",className:q.Hf,children:t}),(0,r.jsx)(R.E,{variant:"text-md/medium",color:"text-subtle",children:n})]})]})};function Z(e){let{componentId:t,promotionId:n,className:i,renderModalProps:o,heroArt:s,heroArtClassName:c,header:d,headerClassName:u,modalTopPill:m,subHeader:h,subHeaderExtra:E,featureCards:_,changeLogId:N,button:A,body:f,disclaimer:x,disclaimerExtra:I}=e,{onClose:y,transitionState:P}=o,Q=(0,V.GV)(),Z=_.length%2==0,J=(0,j.bG)([U.A],()=>U.A.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,eE]=a.useState(B),e_=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,S.A)({type:k.ImpressionTypes.MODAL,name:k.ImpressionNames.PREMIUM_MARKETING_COMPONENT,properties:{component_id:t,component_type:C.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}});eE(await Promise.all(e))}catch(e){p.A.captureException(e),eE(B)}};!0!==e_.current&&e(),e_.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();M.default.track(T.HAw.CHANGE_LOG_VIDEO_PLAYED,{change_log_id:N,seconds_played:Math.round(e/1e3)}),M.default.track(T.HAw.CHANGE_LOG_VIDEO_UNMUTE,{change_log_id:N,seconds_unmuted:Math.round(t/1e3)})}},[N,s.type]),a.useEffect(()=>{if(z.A.getLayers().includes(T.zgK.COMPONENT_PLAYGROUND))return;(0,g.Vh)(l.M.PREMIUM_MARKETING_MOMENT_ANNOUNCEMENT_UPSELL,{snowflakeId:n});let e=Date.now();return M.default.track(T.HAw.CHANGE_LOG_OPENED,{change_log_id:N}),()=>{M.default.track(T.HAw.CHANGE_LOG_CLOSED,{change_log_id:N,seconds_open:Math.round((Date.now()-e)/1e3)}),(0,g.qr)(l.M.PREMIUM_MARKETING_MOMENT_ANNOUNCEMENT_UPSELL,n,{dismissAction:b.i.DISMISS})}},[N,n]),(0,r.jsx)(w.EO,{"data-migration-pending":!0,className:O()(q.zr,q.kv,i),transitionState:P,"aria-labelledby":Q,parentComponent:"PremiumAnnouncementModalVariant1",children:(0,r.jsxs)(G.h,{color:"nitro-pink",className:q.YV,children:[(0,r.jsx)("div",{className:q.cG,children:(0,r.jsx)(v.J,{"data-migration-pending":!0,onClick:async()=>await y()})}),(0,r.jsxs)(w.$m,{"data-migration-pending":!0,className:q.Qs,scrollbarType:"auto",overflow:"auto",children:["video"===s.type?(0,r.jsx)($.A,{className:O()(q.Ki,c),autoPlay:!J,loop:!0,muted:!0,controls:!0,controlsList:"nofullscreen nodownload noremoteplayback noplaybackrate",src:s.src,poster:s.poster,onPlay:e=>{M.default.track(T.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,L.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)})}):"embed"===s.type?(0,r.jsx)(H.rr,{className:O()(q.Ki,c),allowFullScreen:!1,href:s.href,thumbnail:s.thumbnail,video:s.embed,provider:K.m.YOUTUBE,maxWidth:s.embed.width,maxHeight:s.embed.height,renderVideoComponent:F.$o,renderImageComponent:F.LL,renderLinkComponent:F.bU,onPlay:()=>{M.default.track(T.HAw.CHANGE_LOG_VIDEO_INTERACTED,{change_log_id:N})}}):"image"===s.type?(0,r.jsx)("img",{alt:"",className:O()(q.Ki,c),src:s.src}):null,null!=m&&""!==m?(0,r.jsx)(Y.e4,{text:m,colorOptions:Y.at.PREMIUM_TIER_2_WHITE_FILL,className:q.ON}):null,(0,r.jsxs)("div",{className:q.Z,children:[(0,r.jsx)(D.D,{variant:"display-md",className:O()(q.TK,u),children:d}),(0,r.jsxs)(R.E,{variant:"text-md/medium",color:"text-subtle",className:q.uI,children:[h,E?.()]})]}),null!=f&&""!==f&&(0,r.jsx)(D.D,{variant:"heading-lg/semibold",className:q.G3,children:f}),_.length>0&&(0,r.jsx)("div",{className:q.IS,children:_.map((e,t)=>(0,r.jsx)(W,{...e,wideStyle:Z},`${e.header}_${t}`))})]}),(0,r.jsxs)("div",{className:q.xQ,children:[A(),null!=x&&""!==x&&(0,r.jsxs)(R.E,{variant:"text-xs/medium",color:"text-subtle",className:q.ed,children:[x,I?.()]})]})]})})}function J(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 X(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),y=(0,d.Ay)(),O=(0,s.q)(y);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??L.intl.string(L.t.YScQSF),h=a.button?.buttonAction===_.dz.OPEN_MARKETING_PAGE?"jump_to_mkt_button":"get_nitro_button",y=(0,x.h)({buttonAction:a.button?.buttonAction,deeplinkSection:a.button?.deeplinkSection,analyticsLocations:o,analyticsLocation:s,onClose:u}),O=(0,f.C)(a.helpArticle,a.helpArticleId),k=null!=O?()=>(0,r.jsxs)(r.Fragment,{children:["\xa0",(0,r.jsx)(A.Anchor,{className:I.$T,href:O.url,children:O.linkText})]}):void 0,C=(0,f.C)(a.disclaimer?.disclaimerHelpArticle,""),j=null!=C?()=>(0,r.jsxs)(r.Fragment,{children:["\xa0",(0,r.jsx)(A.Anchor,{className:I.$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=>({header:e.header,subHeader:e.body,imageSrc:c?e.imageLinkLightTheme:e.imageLink,tagText:""!==e.pill?e.pill:void 0})),changeLogId:d,button:()=>{let e=Date.now(),t=async()=>{M.default.track(T.HAw.CHANGE_LOG_CTA_CLICKED,{change_log_id:d,cta_type:h,seconds_open:Math.round((Date.now()-e)/1e3),target:d});try{a.button?.buttonAction===_.dz.OPEN_MARKETING_PAGE&&await (0,g.qr)(l.M.PREMIUM_MARKETING_MOMENT_ANNOUNCEMENT_UPSELL,n,{dismissAction:b.i.TAKE_ACTION})}catch(e){p.A.captureException(e)}finally{y()}};return(0,r.jsx)(N.$,{variant:"expressive",size:"md",onClick:t,text:m,icon:E.t})},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)(Z,{...e})}return p.A.captureMessage(`Property type ${i.properties.oneofKind} is not supported to render ServerDriveAnnouncementModal`),null}}