티스토리 수익 글 보기

“use strict”;(self.webpackChunksubstack=self.webpackChunksubstack||[]).push([[“7426″],{36066:function(e,t,i){i.d(t,{A:()=>o});var a=i(4006),s=i(67078),n=i(46137),l=i(3364);let o=e=>{let{audience:t,className:i,size:o=16,isStatic:r,thin:d}=e;return”only_paid”===t?d?(0,a.Y)(l.A,{className:i,height:o,isStatic:r}):(0,a.Y)(s.A,{className:i,size:o}):”founding”===t?(0,a.Y)(n.A,{className:i,height:o,isStatic:r,strokeWidth:1}):null}},31793:function(e,t,i){i.d(t,{E:()=>C});var a=i(69277),s=i(70408),n=i(4006),l=i(83673),o=i.n(l),r=i(38970),d=i.n(r),p=i(17402),u=i(15734),h=i.n(u),c=i(89160),y=i(79796),m=i(27428),v=i(95691),w=i(84605),_=i(25006),g=i(46271),f=i(12501),b=i(68349),P=i(36372),T=i(56458),k=i(4016),E=i(96301),S=i(77124),L=i(39318);let C=()=>{let e=(0,g.Jd)(),t=(0,_.df)(),i=(0,P.d)(),{iString:l}=(0,w.GO)(),[r,u]=(0,p.useState)((null==e?void 0:e.name)||””),[C,I]=(0,p.useState)((null==e?void 0:e.email)||””),[A,D]=(0,p.useState)(!1),[U,Y]=(0,p.useState)(!1),[M,H]=(0,p.useState)(null),[R,F]=(0,p.useState)(null),[x,O]=(0,p.useState)(!1),[N,B]=(0,p.useState)(!1),[K]=(0,p.useState)(0),[V,j]=(0,p.useState)(new Set),{ids:G}=(0,y.i)({pub:t}),{ids:W}=(0,y.i)({pub:t,pubSetting:”fp_primary_column_section_ids”}),{ids:q}=(0,S.q)({pub:null!=t?t:void 0}),{ids:X}=(0,v.P)({pub:null!=t?t:void 0}),{ids:z}=(0,m.M)({pub:null!=t?t:void 0}),{ids:J}=(0,c.G)({pub:null!=t?t:void 0}),{result:Z,isLoading:$,refetch:Q}=(0,f.st)({pathname:”/api/v1/subscription”,auto:!0}),{refetch:ee,isLoading:et}=(0,f.st)({pathname:”/api/v1/subscription/sections/email”,auto:!1,method:”PATCH”}),{refetch:ei}=(0,f.st)({pathname:”/api/v1/subscription/email”,auto:!1,method:”POST”});(0,p.useEffect)(()=>{!$&&(null==Z?void 0:Z.email_settings)&&j(new Set(Object.keys(Z.email_settings).filter(e=>{var t;return”individual”===(null==(t=Z.email_settings)?void 0:t[e])}).map(e=>Number(e))))},[$,Z]);let ea=(0,p.useCallback)(async e=>{if(e&&e!==r){D(!0),H(null);try{await h().put(“/api/v1/user/profile”).send({name:e}),u(e)}catch(e){H((0,b.uX)(e)),console.error(“Name update failed:”,e)}finally{D(!1)}}},[r]),es=(0,p.useCallback)(async()=>{if(!(null==e?void 0:e.email))return{success:!1};O(!0);try{return await h().post(“/api/v1/forgot”).send({email:e.email,for_pub:null==t?void 0:t.subdomain,redirect:window.location.pathname}),i.popToast(()=>(0,n.Y)(P.y,{text:”Password reset email sent. Please check your inbox.”})),{success:!0}}catch(e){return console.error(“Password reset failed:”,e),i.popToast(()=>(0,n.Y)(P.y,{text:(0,b.uX)(e)})),{success:!1}}finally{O(!1)}},[null==e?void 0:e.email,i]),en=(0,p.useCallback)(async(e,i)=>{if(e&&e!==C){if(e!==i)return void F(“Email addresses do not match”);Y(!0),F(null);try{await h().put(“/api/v1/user/email”).send({email:e,email_doublecheck:i}),I(e),(0,b.V2)((0,L.bgT)({redirect:”/subscribe?isSignInAttempt=true”,for_pub:null==t?void 0:t.subdomain}))}catch(e){var a;(null==(a=e.response)?void 0:a.status)===403?F(“This email is already associated with another account”):F((0,b.uX)(e)),console.error(“Email update failed:”,e)}finally{Y(!1)}}},[C]),el=(0,p.useMemo)(()=>t?(0,T.Jh)({pub:t,includeMainPub:!(0,k.lu)({pub:t})}):[],[t]),eo=(0,p.useMemo)(()=>el.filter(e=>{var t,i,a,s;return!q.includes(null!=(t=e.sectionId)?t:-1)&&!X.includes(null!=(i=e.sectionId)?i:-1)&&!z.includes(null!=(a=e.sectionId)?a:-1)&&!J.includes(null!=(s=e.sectionId)?s:-1)}),[el,q,X,z,J]),er=(0,p.useMemo)(()=>{let e=d()(el,”sectionId”),t=[…q,…X].filter(e=>!J.includes(e));return o()(t.map(t=>e[t]))},[el,q,X,J]),ed=(0,p.useCallback)(async(e,i)=>{if(!e||!t)return;let a=new Set(V);i?a.add(e):a.delete(e);try{await ee({json:eo.reduce((t,a)=>(a.sectionId===e&&(t[a.sectionId]={setting:i?”individual”:”disabled”}),t),{})}),i&&(null==Z?void 0:Z.email_disabled)&&(await ei({json:{publication_id:t.id,email_disabled:!1,receive_podcast_emails:!0,source:”account_settings”}}),await Q()),j(a)}catch(e){console.error(“Failed to update newsletter subscription:”,e)}},[t,V,eo,ee,ei,Z,Q]),ep=(0,p.useCallback)(async(e,i)=>{if(!t)return;let a=[];”fromTheFreePress”===e?a=W:”featured”===e?a=G.filter(e=>!W.includes(e)):”topic”===e?a=eo.filter(e=>!W.includes(e.sectionId||0)&&!G.includes(e.sectionId||0)).map(e=>e.sectionId||0):”video”===e&&(a=er.map(e=>e.sectionId).filter(e=>null!=e));let s=new Set(V);a.forEach(e=>{i?s.add(e):s.delete(e)});try{let e=a.reduce((e,t)=>(e[t]={setting:i?”individual”:”disabled”},e),{});await ee({json:e}),i&&(null==Z?void 0:Z.email_disabled)&&(await ei({json:{publication_id:t.id,email_disabled:!1,receive_podcast_emails:!0,source:”account_settings”}}),await Q()),j(s)}catch(e){console.error(“Failed to update newsletter group:”,e)}},[t,W,G,V,ee,ei,Z,Q]),eu=(0,p.useCallback)(async()=>{if(t&&e)try{let e=eo.filter(e=>e.sectionId).map(e=>e.sectionId);if(e.length>0){let t=e.reduce((e,t)=>(e[t]={setting:”disabled”},e),{});await ee({json:t})}await ei({json:{publication_id:t.id,email_disabled:!0,receive_podcast_emails:!1,source:”account_settings”}}),await Q(),j(new Set),i.popToast(()=>(0,n.Y)(P.y,{text:”Successfully unsubscribed from all emails.”}))}catch(e){console.error(“Failed to unsubscribe from all emails:”,e),i.popToast(()=>(0,n.Y)(P.y,{text:(0,b.uX)(e)}))}},[t,e,eo,ee,ei,Q,i]),eh=(0,p.useCallback)(async()=>{if(confirm(l(“Are you sure? Time paid will not be refunded”)))try{await h().del(“/api/v1/subscription”).send({force_now:!0}),i.popToast(()=>(0,n.Y)(P.y,{text:”Subscription cancelled successfully.”})),setTimeout(()=>{window.location.reload()},1e3)}catch(e){console.error(“Failed to delete subscription:”,e),i.popToast(()=>(0,n.Y)(P.y,{text:(0,b.uX)(e)}))}},[l,i]),ec=(0,p.useCallback)(async()=>{B(!0);try{await h().post(“/api/v1/subscription/reactivate”).send({}),i.popToast(()=>(0,n.Y)(P.y,{text:”Your subscription is set to renew.”})),await Q()}catch(e){console.error(“Failed to set to renew:”,e),i.popToast(()=>(0,n.Y)(P.y,{text:(0,b.uX)(e)}))}finally{B(!1)}},[i,Q]),ey=d()(eo,”sectionId”),em=t&&W?{name:”From The Free Press”,newsletters:o()(W.map(e=>ey[e])).map(e=>(0,s._)((0,a._)({},e),{selected:V.has(e.sectionId||0),onToggle:t=>ed(e.sectionId||0,t)}))}:{name:”From The Free Press”,newsletters:[]},ev=t&&W?{name:”All”,newsletters:o()(eo.filter(e=>e.sectionId).map(e=>(0,s._)((0,a._)({},e),{selected:V.has(e.sectionId||0),onToggle:t=>ed(e.sectionId||0,t)})))}:{name:”All”,newsletters:[]},ew=t&&G?{name:”Featured”,newsletters:o()(G.filter(e=>!W.includes(e)).map(e=>ey[e])).map(e=>(0,s._)((0,a._)({},e),{selected:V.has(e.sectionId||0),onToggle:t=>ed(e.sectionId||0,t)}))}:{name:”Featured”,newsletters:[]},e_=t&&eo?{name:”Topic Alerts”,newsletters:o()(eo.filter(e=>!!e.sectionId&&!W.includes(e.sectionId)&&!G.includes(e.sectionId)).map(e=>(0,s._)((0,a._)({},e),{selected:V.has(e.sectionId||0),onToggle:t=>ed(e.sectionId||0,t)})))}:{name:”Topic Alerts”,newsletters:[]},eg=t&&eo?{name:”Podcast and Video Alerts”,newsletters:o()(er.map(e=>(0,s._)((0,a._)({},e),{selected:V.has(e.sectionId||0),onToggle:t=>ed(e.sectionId||0,t)})))}:{name:”Podcast and Video Alerts”,newsletters:[]},ef=(null==Z?void 0:Z.status)===”trialing”,eb=null;return ef&&(Z.current_period_end?eb=new Date(1e3*Z.current_period_end):Z.expiry&&(eb=new Date(Z.expiry))),{name:r,email:C,updateName:ea,updateEmail:en,isUpdatingName:A,isUpdatingEmail:U,nameError:M,emailError:R,isSendingReset:x,handlePasswordChange:es,newsletters:{isLoading:$||et,fromTheFreePress:em,all:ev,featured:ew,topic:e_,video:eg,updateNewsletter:ed,updateNewsletterGroup:ep,unsubscribeFromAllEmails:eu,pubEmailsDisabled:!!(null==Z?void 0:Z.email_disabled)},plan:null==Z?void 0:Z.plan,totalAmount:null==Z?void 0:Z.totalAmount,currency:null==Z?void 0:Z.currency,isLifetime:(null==Z?void 0:Z.type)===”lifetime”||(null==Z?void 0:Z.never_ends)||!1,isComped:(null==Z?void 0:Z.is_comped)||!1,isTrial:ef,giftCount:K,trialEnd:eb,canChangeSubscription:!!Z&&(0,E.GU)(Z),subscription:null!=Z?Z:void 0,renewing:N,onSetToRenew:ec,onUnsubscribeNow:eh}}},68924:function(e,t,i){i.d(t,{A:()=>o});var a=i(69277),s=i(70408),n=i(4006),l=i(97731);let o=e=>(0,n.FD)(l.A,(0,s._)((0,a._)({},e),{name:”FacebookIconCircle”,svgParams:{height:24,width:24},children:[(0,n.Y)(“circle”,{cx:”12″,cy:”12″,r:”11.75″,fill:”white”,stroke:”none”}),(0,n.Y)(“path”,{d:”M12 0C5.37098 0 0 5.37089 0 11.9975C0 17.9844 4.38331 22.9414 10.1117 23.8491L10.1164 15.473H7.04998V12.0021H10.1164C10.1164 12.0021 10.1023 10.0269 10.1164 9.14743C10.1305 8.26797 10.3045 7.42142 10.7607 6.65008C11.4615 5.4555 12.5526 4.87237 13.893 4.70775C14.9935 4.57135 16.08 4.72183 17.1664 4.87237C17.2416 4.88176 17.2792 4.89115 17.3545 4.90529C17.3545 4.90529 17.3592 5.03225 17.3545 5.11222C17.3498 5.94933 17.3545 7.86819 17.3545 7.86819C16.8324 7.8588 15.9671 7.80706 15.3933 7.89641C14.4433 8.04221 13.8977 8.64891 13.8789 9.6036C13.8601 10.3467 13.8695 12.0021 13.8695 12.0021H17.2134L16.6726 15.473H13.8742V23.8491C19.612 22.9508 24 17.9844 24 11.9975C23.9953 5.37089 18.6243 0 11.9977 0Z”,fill:”#1877f2″,stroke:”none”})]}))},4067:function(e,t,i){i.d(t,{A:()=>o});var a=i(69277),s=i(70408),n=i(4006),l=i(97731);let o=e=>(0,n.Y)(l.A,(0,s._)((0,a._)({},e),{name:”LinkedInShareIcon”,svgParams:{height:24,width:24,stroke:”none”,viewBox:”0 0 72 72″},children:(0,n.FD)(“g”,{fill:”none”,fillRule:”evenodd”,stroke:”none”,children:[(0,n.Y)(“path”,{d:”M36,72 L36,72 C55.882251,72 72,55.882251 72,36 L72,36 C72,16.117749 55.882251,-3.65231026e-15 36,0 L36,0 C16.117749,3.65231026e-15 -2.4348735e-15,16.117749 0,36 L0,36 C2.4348735e-15,55.882251 16.117749,72 36,72 Z”,fill:”#007EBB”}),(0,n.Y)(“path”,{d:”M59,57 L49.959375,57 L49.959375,41.6017895 C49.959375,37.3800228 48.3552083,35.0207581 45.0136719,35.0207581 C41.3785156,35.0207581 39.4792969,37.4759395 39.4792969,41.6017895 L39.4792969,57 L30.7666667,57 L30.7666667,27.6666667 L39.4792969,27.6666667 L39.4792969,31.6178624 C39.4792969,31.6178624 42.0989583,26.7704897 48.3236979,26.7704897 C54.5455729,26.7704897 59,30.5699366 59,38.4279486 L59,57 Z M20.372526,23.8257036 C17.4048177,23.8257036 15,21.4020172 15,18.4128518 C15,15.4236864 17.4048177,13 20.372526,13 C23.3402344,13 25.7436198,15.4236864 25.7436198,18.4128518 C25.7436198,21.4020172 23.3402344,23.8257036 20.372526,23.8257036 Z M15.8736979,57 L24.958724,57 L24.958724,27.6666667 L15.8736979,27.6666667 L15.8736979,57 Z”,fill:”#FFF”,stroke:”none”})]})}))},41873:function(e,t,i){i.d(t,{A:()=>S,b:()=>L});var a=i(99851),s=i(69277),n=i(70408),l=i(4006),o=i(32485),r=i.n(o),d=i(17402),p=i(68414),u=i(59307),h=i(13505),c=i(86500),y=i(13022),m=i(17186),v=i(68349),w=i(89490),_=i(35369),g=i(13348),f=i(91392),b=i(39318),P=i(9036),T=i(82776),k=i(18012);let E={hls:”application/x-mpegURL”,mp4:”video/mp4″};class S extends d.Component{componentDidMount(){if(this._initHlsjs(),null===v.dO||void 0===v.dO||v.dO.on(“play”,this.onGlobalPlay),”undefined”!=typeof window&&(document.addEventListener(“keydown”,this.onGlobalKeyDown,!1),window.addEventListener(“beforeunload”,this.onBeforeUnload,!1)),this.player&&(this.player.volume=1,this.player.addEventListener(“loadedmetadata”,this.onLoadedMetadata),this.player.addEventListener(“loadeddata”,this.onLoadedData),this.player.addEventListener(“canplay”,this.onCanPlay),this.player.addEventListener(“play”,this.onPlay),this.player.addEventListener(“pause”,this.onPause),this.player.addEventListener(“ended”,this.onEnded),this.player.addEventListener(“timeupdate”,this.onTimeUpdate),this.player.addEventListener(“waiting”,this.onWaiting),this.player.addEventListener(“playing”,this.onPlaying),this.player.addEventListener(“contextmenu”,this.onContextMenu),this.player.addEventListener(“click”,this.onUserInteraction),this.player.addEventListener(“mouseover”,this.onUserInteraction),this.player.addEventListener(“mousedown”,this.onUserInteraction),this.player.addEventListener(“touchstart”,this.onUserInteraction),this.player.addEventListener(“seeked”,this.onSeeked)),this.onTimeUpdate(),window&&window._preloads.mux_env_key&&!(window._preloads.disabledCookies||[]).includes(f.HY.MUX_DATA)){let{entityType:e}=this.getEntityKeyAndType();i.e(“5505″).then(i.t.bind(i,21624,23)).then(t=>{var i;let a=t.default||t;a.monitor(this.player,{Hls:this.hlsModule,hlsjs:this.hls,debug:!1,data:{env_key:window._preloads.mux_env_key,player_name:null!=(i=this.props.surface)?i:”substack”,player_init_time:a.utils.now(),video_id:this.props.mediaUpload.id,video_stream_type:e}})})}}componentWillUnmount(){this.setPlaybackRestoreLocation(),this.lastTimeUpdate=null,null===v.dO||void 0===v.dO||v.dO.off(“play”,this.onGlobalPlay),”undefined”!=typeof window&&(document.removeEventListener(“keydown”,this.onGlobalKeyDown,!1),window.removeEventListener(“beforeunload”,this.onBeforeUnload,!1)),this.player&&(this.player.removeEventListener(“loadedmetadata”,this.onLoadedMetadata),this.player.removeEventListener(“loadeddata”,this.onLoadedData),this.player.removeEventListener(“canplay”,this.onCanPlay),this.player.removeEventListener(“play”,this.onPlay),this.player.removeEventListener(“pause”,this.onPause),this.player.removeEventListener(“ended”,this.onEnded),this.player.removeEventListener(“timeupdate”,this.onTimeUpdate),this.player.removeEventListener(“waiting”,this.onWaiting),this.player.removeEventListener(“playing”,this.onPlaying),this.player.removeEventListener(“contextmenu”,this.onContextMenu),this.player.removeEventListener(“click”,this.onUserInteraction),this.player.removeEventListener(“mouseover”,this.onUserInteraction),this.player.removeEventListener(“mousedown”,this.onUserInteraction),this.player.removeEventListener(“touchstart”,this.onUserInteraction)),this.onVideoReachEnd({resetTime:!1,triggerCallback:!1,track:!1}),null!=this.hls&&this.hls.destroy()}componentDidUpdate(e,t){var i,a,n;if((this.props.noPreview!==e.noPreview||this.props.noControls!==e.noControls||this.props.noKeyboardShortcuts!==e.noKeyboardShortcuts||this.props.mediaUpload.id!==e.mediaUpload.id)&&(this._initHlsjs(),this.resetDurationTracking()),!this.state.playing&&”number”==typeof this.state.waiting&&”number”!=typeof t.waiting){let{useHLSJS:e,browserCanPlayHLS:t,HLSerrored:i}=this.state;this.track(c.qY.VIDEO_BUFFERING_STARTED,{use_hlsjs:e,browser_can_play_hls:t,hls_errored:i})}if(!this.state.playing||t.playing||this.state.waiting||”number”!=typeof t.waiting||this.track(c.qY.VIDEO_BUFFERING_COMPLETED,{buffering_duration:Date.now()-t.waiting}),this.state.playing&&!(null==(i=this.player)?void 0:i.ended)&&Math.floor(this.state.currentTime)!==Math.floor(t.currentTime)&&Math.floor(this.state.currentTime)%5==0&&(this.trackMedia(c.qY.MEDIA_PLAYBACK_CONTINUED),this.props.mediaUpload.post_id&&this.state.duration&&(!this.props.surface||”post”===this.props.surface)&&(!this.props.videoType||”post”===this.props.videoType)&&!this.props.isClip)){let e=Math.min(Math.max(0,this.state.currentTime/this.state.duration),1);(0,h.AG)(this.props.mediaUpload.post_id,”video”,e)}if(!this.state.playing&&t.playing&&(null==(a=this.player)?void 0:a.ended)&&this.trackMedia(c.qY.MEDIA_PLAYBACK_COMPLETED),this.props.mediaUpload.id&&(0,y.Ay)(“use_preloaded_player_sources”)&&(this.props.mediaUpload.id!==e.mediaUpload.id||!(null==(n=Object.keys(this.state.sources))?void 0:n.length))){let e=async e=>fetch((0,b.oRR)(“/api/v1/video/upload/”.concat(this.props.mediaUpload.id,”/src.json”),{type:e})).then(e=>e.json()).then(t=>({[e]:t.src}));Promise.all([“hls”].map(t=>e(t))).then(e=>{let t=e.reduce((e,t)=>(0,s._)({},e,t),{});this.setState({sources:t})})}}getPlaybackLocationKey(){return””.concat(“video:playback_location:”).concat(this.props.mediaUpload.id)}getPlaybackRestoreLocation(){if(this.playbackEnabled()&&this.props.restorePlaybackLocation&&this.props.mediaUpload.duration&&this.props.mediaUpload.duration>240){let e=(0,m.xm)(this.getPlaybackLocationKey());if((null==e?void 0:e.currentTime)>5&&null!==this.props.duration&&void 0!==this.props.duration&&this.props.duration-e.currentTime>60){let t=3*(Date.now()-e.watchedAt>60),i=Math.max(0,e.currentTime-t);if(i)return i}}return null}setPlaybackRestoreLocation(){var e;this.playbackEnabled()&&(null==(e=this.player)?void 0:e.currentTime)&&(0,m.X3)(this.getPlaybackLocationKey(),{currentTime:this.player.currentTime,watchedAt:Date.now()})}onPreviewClick(e){var t,i,a;if(this.props.stopPropagation&&(e.preventDefault(),e.stopPropagation()),null==(t=this.player)||t.setAttribute(“data-user-changed-playback”,”true”),this.state.previewHidden){this.player&&(!(0,v.nr)()||(0,v.nr)()&&!this.props.stopPropagation)&&(this.player.paused?this.player.play():this.player.pause());return}if(!this.href()){if(!this.playbackEnabled())return void this.onClickNonPlayableVideo();this.state.attemptingToPlay?(this.lastTimeUpdate=null,this.setState({attemptingToPlay:!1,autoPlay:!1}),null==(i=this.player)||i.pause(),this.previewHiddingTimeout&&clearTimeout(this.previewHiddingTimeout)):(this.setState({attemptingToPlay:!0}),null==(a=this.player)||a.play(),this.previewHiddingTimeout=window.setTimeout(()=>this.setState({previewHidden:!0}),3e3))}}track(e){var t,i,a,s;let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=this.props.communityPostEmbedPostId||this.props.mediaUpload.post_id,o=this.props.mediaUpload.user_id;(0,c.u4)(e,Object.assign({post_id:l,video_user_id:o,community_post_id:this.props.communityPostId,media_upload_id:this.props.mediaUpload.id,live_stream_id:this.props.liveStreamId,current_time:this.state.currentTime?Math.floor(this.state.currentTime):0,duration:this.state.duration?Math.floor(this.state.duration):0,is_clip:null!=(i=this.props.isClip)&&i,surface:this.props.surface,is_preview:null!=(a=this.props.usePreview)&&a,muted:null!=(s=null==(t=this.player)?void 0:t.muted)&&s,video_type:this.props.videoType,display:(0,v.aS)()?”fullscreen”:document.pictureInPictureElement?”pip”:”inline”},n))}trackMedia(e){var t,i,a,l,o,r,d,p;let u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{mediaUpload:h,videoType:y,surface:m,primaryEntityKey:w,primaryEntityType:_,contentType:g,feedItemTrackingParameters:f}=this.props,b=null!=g?g:y?null!=(a=({communityCommentReply:”communityComment”,”video-embed”:”embed”})[y])?a:y:”unknown”,{entityKey:P,entityType:T}=this.getEntityKeyAndType(),k=Array.from(null!=(l=null==(t=this.player)?void 0:t.textTracks)?l:[]),E=k.length>0,S=this.isShowingCaptionsElsewhere||k.some(e=>[“subtitles”,”captions”].includes(e.kind)&&”showing”===e.mode);(0,c.u4)(e,(0,s._)((0,n._)((0,s._)({},f),{media_type:”video”,video_upload_id:h.id,src_video_upload_id:h.src_media_upload_id,content_type:b,primary_entity_key:String(null!=w?w:P),primary_entity_type:null!=_?_:T,entity_key:String(P),entity_type:T,publication_id:h.publication_id,surface:m,display:(0,v.aS)()?”fullscreen”:document.pictureInPictureElement?”pip”:”inline”,muted:null!=(o=null==(i=this.player)?void 0:i.muted)&&o,captions_enabled:E?S:null,autoplay:this.state.autoPlay&&!this.state.failedAutoplay,is_preview:null!=(r=this.props.usePreview)&&r,current_time:Math.floor(null!=(d=this.state.currentTime)?d:0),duration:Math.floor(null!=(p=this.state.duration)?p:0),duration_played:Math.floor(this.state.durationPlayed),duration_played_id:this.state.durationPlayedId}),u))}render(){var e;let t=this.props,i=null!=(e=this.state)?e:{},{height:a,width:s}=(0,T.videoPlayerDimensions)(t.mediaUpload,{isStatic:!1}),n=r()(“video-player”,{“video-player-clip”:t.isClipping,”video-player-with-background”:!t.omitBackgroundColor},t.videoPlayerClassName);return(0,l.Y)(C,{className:r()(t.className,{“with-preview”:!i.previewHidden,”full-width”:s>=960,”video-player-wrapper-clip”:t.isClipping,”video-player-with-background”:!t.omitBackgroundColor}),linkClassName:n,href:this.href(),width:s,height:a,onClick:this.onPreviewClick,style:t.style,liveStreamId:t.liveStreamId,children:this.renderPlayer(this.props,this.state)})}renderPlayer(e,t){let{hidePlayButton:i,mediaUpload:a,noControls:s,noPreview:n,renderPlayButton:o,renderOverlay:r,startMuted:p,videoClassName:h,liveStreamId:c,loop:m,thumbnailUrl:w,noPictureInPicture:f=!1}=e,{autoPlay:P,attemptingToPlay:T,previewHidden:S,showControls:L,useHLSJS:C,browserCanPlayHLS:D,HLSerrored:U,failedAutoplay:Y,playing:M}=t,H=!n&&!S,R=!this.playbackEnabled(),F=this.getBaseVideoSrc(),x=[];x=c?[“hls”]:D?[“hls”,”mp4″]:C?[]:(0,v.m0)()?[“hls”,”mp4″]:U?[“mp4”]:[“hls”,”mp4″];let O=(0,v.rr)(),N=!!(0,y.Ay)(“use_preloaded_player_sources”)&&O,B=P&&!Y&&this.playbackEnabled(),K=w||””.concat((0,b.H10)(a),”?refresh=”).concat(a.updated_at);return[this.playbackEnabled()&&”undefined”!=typeof window&&(0,l.Y)(“video”,{ref:this.assignPlayer,controls:L&&!s&&!H,controlsList:”nodownload”,autoPlay:B,poster:K,muted:p,loop:m,className:h,playsInline:O,disablePictureInPicture:f,crossOrigin:”anonymous”,children:N?Object.entries(this.state.sources).map((e,t)=>{let[i,a]=e;return(0,l.Y)(“source”,{src:a,type:E[i],onError:t===Object.keys(this.state.sources).length-1?this.onAllSourcesFailed:void 0},””.concat(i,”_”).concat(t))}):x.map((e,t)=>(0,l.Y)(“source”,{src:(0,b.oRR)(F,{type:e}),type:E[e],onError:t===x.length-1?this.onAllSourcesFailed:void 0},””.concat(e,”_”).concat(t)))}),r&&(0,l.Y)(“div”,{className:k.A.previewOverlay,children:r({isPlaying:M,getCurrentTimeInSeconds:()=>this.state.currentTime})}),H&&!i&&(0,l.FD)(d.Fragment,{children:[R&&(0,l.Y)(I,{mediaUpload:a,thumbnailUrl:K}),!o&&(0,l.Y)(A,{children:this.cta()?(0,l.Y)(_.Bj,{href:this.href(),loading:T&&this.playbackEnabled(),”aria-label”:”play”,leading:(0,l.Y)(u.A,{height:16,width:16,style:{stroke:”none”,fill:”white”}}),children:this.cta()}):(0,l.Y)(g.ro,{isPlaying:!1,href:this.href(),size:72,loading:T&&this.playbackEnabled()})}),o&&(0,l.Y)(A,{children:o()})]})]}isChromeWithBrokenNativeHLS(){var e;if(“undefined”==typeof navigator)return!1;let t=null==(e=navigator.userAgentData)?void 0:e.brands;if(!t)return!1;let i=t.find(e=>”Google Chrome”===e.brand);return i&&parseInt(i.version)>=141}_initHlsjs(){let e=!!(this.player&&this.player.canPlayType(“application/vnd.apple.mpegurl”));if(e&&!(0,v.m0)()&&!this.isChromeWithBrokenNativeHLS()){this.setState({browserCanPlayHLS:e}),this.autoPlayVideo();return}i.e(“9234”).then(i.bind(i,40137)).then(e=>{this._initHlsjsWrapped(e.default)})}autoPlayVideo(){if(this.state.autoPlay&&this.player){let e=new IntersectionObserver(t=>{t.forEach(t=>{if(e.unobserve(t.target),t.isIntersecting&&this.player){var i;this.player.muted=null!=(i=this.props.startMuted)&&i,this.player.play().catch(e=>{console.error(“Unable to autoplay prior to user interaction with the dom.”,e),this.setState({failedAutoplay:!0,attemptingToPlay:!1}),this.player&&(this.player.muted=!0,this.player.play().then(()=>{var e,t;null==(e=(t=this.props).onAutoplayMuted)||e.call(t)}).catch(e=>{console.error(“Unable to autoplay prior to user interaction with the dom when muted.”,e),this.setState({failedAutoplay:!0,attemptingToPlay:!1})}))})}})},{threshold:.5});e.observe(this.player)}}_initHlsjsWrapped(e){let t=this,i=e.isSupported();if(!e.isSupported()){this.setState({useHLSJS:i}),this.autoPlayVideo();return}null!=this.hls&&this.hls.destroy();let a=new e((0,s._)({enableWorker:!1},{}));null!=this.player&&a.attachMedia(this.player);let n=this.getBaseVideoSrc(“hls”);a.on(e.Events.MEDIA_ATTACHED,()=>{a.loadSource(n),a.on(e.Events.MANIFEST_PARSED,()=>{this.autoPlayVideo()})}),a.on(e.Events.ERROR,function(i,s){if(s.fatal)switch(s.type){case e.ErrorTypes.NETWORK_ERROR:var n;t.setState({useHLSJS:!1}),null==(n=t.hls)||n.destroy(),a.startLoad();break;case e.ErrorTypes.MEDIA_ERROR:a.recoverMediaError();break;default:this._initHlsjs()}}),this.hls=a,this.hlsModule=e}constructor(e,t){var i,l;super(e,t),i=this,(0,a._)(this,”player”,null),(0,a._)(this,”previewHiddingTimeout”,null),(0,a._)(this,”lastTimeUpdate”,null),(0,a._)(this,”_accumulatedDurationPlayed”,0),(0,a._)(this,”containerRef”,(0,d.createRef)()),(0,a._)(this,”isShowingCaptionsElsewhere”,!1),(0,a._)(this,”assignPlayer”,e=>{this.player=e}),(0,a._)(this,”resetDurationTracking”,()=>{this.lastTimeUpdate=null,this.setState({durationPlayed:0,durationPlayedId:(0,p.v4)()})}),(0,a._)(this,”onLoadedMetadata”,()=>{this.state.playbackRestoreLocation&&(this.player&&(this.player.currentTime=this.state.playbackRestoreLocation),this.previewHiddingTimeout=window.setTimeout(()=>this.setState({playbackRestoreLocation:null,previewHidden:!0}),3e3))}),(0,a._)(this,”onLoadedData”,()=>{this.state.playbackRestoreLocation&&(this.previewHiddingTimeout&&clearTimeout(this.previewHiddingTimeout),this.setState({playbackRestoreLocation:null,previewHidden:!0}))}),(0,a._)(this,”onCanPlay”,()=>{this.onTimeUpdate()}),(0,a._)(this,”onPlay”,()=>{null===v.dO||void 0===v.dO||v.dO.emit(“play”,this),this.setState({playing:!0}),this.lastTimeUpdate=Date.now(),this.trackMedia(c.qY.MEDIA_PLAYBACK_STARTED)}),(0,a._)(this,”onPause”,()=>{var e;this.setPlaybackRestoreLocation(),this.lastTimeUpdate=null,this.setState({playing:!1,waiting:!1,previewHidden:!this.props.showPreviewWhenPaused&&this.state.previewHidden}),(null==(e=this.player)?void 0:e.ended)||this.trackMedia(c.qY.MEDIA_PLAYBACK_PAUSED),this.player&&this.player.currentTime>this.player.duration-.1&&this.onVideoReachEnd()}),(0,a._)(this,”onEnded”,()=>{this.lastTimeUpdate=null,this.setState({playing:!1,waiting:!1,previewHidden:!this.props.showPreviewWhenPaused&&this.state.previewHidden}),this.trackMedia(c.qY.MEDIA_PLAYBACK_PAUSED),this.onVideoReachEnd()}),(0,a._)(this,”onTimeUpdate”,()=>{if(!this.player||!isFinite(this.player.duration))return;let e=this.player.currentTime,t=Date.now();if(this.state.playing&&null!==this.lastTimeUpdate){let e=(t-this.lastTimeUpdate)/1e3;e>0&&e<1&&(this._accumulatedDurationPlayed=(this._accumulatedDurationPlayed||0)+e,this._accumulatedDurationPlayed>=1&&(this.setState(e=>({durationPlayed:e.durationPlayed+this._accumulatedDurationPlayed})),this._accumulatedDurationPlayed=0))}this.lastTimeUpdate=t,(this.props.duration||this.state.duration===this.player.duration)&&this.state.currentTime===e?this.setState({waiting:!1}):this.setState({duration:this.props.duration||this.player.duration,currentTime:e,waiting:!1})}),(0,a._)(this,”onWaiting”,()=>{this.lastTimeUpdate=null,this.setState({waiting:Date.now()})}),(0,a._)(this,”onPlaying”,()=>{this.previewHiddingTimeout&&clearTimeout(this.previewHiddingTimeout),this.lastTimeUpdate=Date.now(),this.setState({playing:!0,waiting:!1,previewHidden:!0,attemptingToPlay:!1,autoPlay:!1,hasPlayed:!0})}),(0,a._)(this,”onSeeked”,()=>{this.lastTimeUpdate=Date.now(),this.trackMedia(c.qY.MEDIA_SEEKED)}),(0,a._)(this,”onVideoReachEnd”,function(){let{resetTime:e=!0,triggerCallback:t=!0,track:a=!0}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};i.lastTimeUpdate=null,i.player&&!i.player.paused&&i.player.pause(),i.state.previewHidden&&i.setState({previewHidden:!1,attemptingToPlay:!1,hasReachedEnd:!0}),e&&i.player&&!(0,v.gI)()&&!i.props.doNotResetOnEnd&&(i.player.currentTime=0),(0,v.Eh)(),(0,v.wp)(),i.props.onFinishVideo&&t&&i.props.onFinishVideo(),a&&i.trackMedia(c.qY.MEDIA_PLAYBACK_COMPLETED)}),(0,a._)(this,”onContextMenu”,e=>{e.preventDefault()}),(0,a._)(this,”onUserInteraction”,()=>{this.state.showControls||this.setState({showControls:!0})}),(0,a._)(this,”onAllSourcesFailed”,()=>{var e,t;console.info(“Failed to load all video sources, falling back to preview image”),this.setState((0,n._)((0,s._)({},this.props.liveStreamId?{}:{previewHidden:!1,attemptingToPlay:!1,autoPlay:!1}),{allSourcesFailed:!0})),null==(e=(t=this.props).onPlaybackFailed)||e.call(t)}),(0,a._)(this,”onBeforeUnload”,()=>{this.setPlaybackRestoreLocation(),this.state.previewHidden&&this.setState({previewHidden:!1,attemptingToPlay:!1}),this.player&&!this.player.paused&&this.player.pause()}),(0,a._)(this,”onGlobalPlay”,e=>{this!==e&&this.player&&!this.player.paused&&this.player.pause()}),(0,a._)(this,”onGlobalKeyDown”,e=>{var t;this.props.noKeyboardShortcuts||e.metaKey||e.altKey||e.ctrlKey||document.activeElement!==document.body||!this.player||(!((null!=(t=null===v.dO||void 0===v.dO?void 0:v.dO.listenerCount(“play”))?t:0)>1)||!this.player.paused)&&(“f”===e.key?(0,v.aS)()?(0,v.Eh)()&&e.preventDefault():((0,v.gK)(this.player)&&e.preventDefault(),this.player.paused&&this.player.play()):” “!==e.key||(0,v.aS)()?”ArrowRight”===e.key?this.player.currentTime+5>this.player.duration?this.onVideoReachEnd():(this.player.currentTime+=5,this.state.previewHidden||this.setState({previewHidden:!0,attemptingToPlay:!1})):”ArrowLeft”===e.key&&(this.player.currentTime-=5):(e.preventDefault(),this.player.paused?this.player.play():this.player.pause()))}),(0,a._)(this,”getEntityKeyAndType”,()=>{let{mediaUpload:e,communityPostId:t,entityKey:i,entityType:a}=this.props;return i?{entityKey:i,entityType:a}:t?{entityKey:t,entityType:”community_post”}:e.post_id?{entityKey:String(e.post_id),entityType:”post”}:{entityKey:i,entityType:a}}),(0,a._)(this,”getBaseVideoSrc”,e=>{var t;let i={token:this.props.reaction_token,override_publication_id:null==(t=this.props.pub)?void 0:t.id,preview:this.props.usePreview};return e&&(i.type=e),(0,b.oRR)(“/api/v1/video/upload/”.concat(this.props.mediaUpload.id,”/src”),i)}),(0,a._)(this,”hls”,null),(0,a._)(this,”hlsModule”,void 0),(0,a._)(this,”cta”,()=>””),(0,a._)(this,”href”,()=>this.props.href),(0,a._)(this,”playbackEnabled”,()=>!0),(0,a._)(this,”onClickNonPlayableVideo”,()=>{});const o=”undefined”!=typeof window?(0,P.m)(window.location.href):{};let r=null;o.timestamp?r=parseInt(o.timestamp):o.t&&(r=parseInt(o.t));const u=null!==r&&!isNaN(r);u||(0,v.qm)(“timestamp”);const h=u?r:this.getPlaybackRestoreLocation();this.state={playbackRestoreLocation:h,currentTime:0,waiting:!0,duration:null!=(l=e.mediaUpload.duration)?l:null,autoPlay:e.autoPlay,playing:!1,attemptingToPlay:e.autoPlay,previewHidden:null!==h&&h>0,showControls:!1,hasPlayed:!1,hasReachedEnd:!1,browserCanPlayHLS:!1,useHLSJS:!0,HLSerrored:!1,allSourcesFailed:!1,failedAutoplay:!1,sources:{},durationPlayed:0,durationPlayedId:(0,p.v4)()},this.onPreviewClick=this.onPreviewClick.bind(this)}}function L(e){let{className:t,mediaUpload:i,href:a}=e;return(0,l.Y)(C,(0,n._)((0,s._)({},(0,T.videoPlayerDimensions)(i,{isStatic:!0})),{className:r()(t,”video-player-with-background”,”is-static”),linkClassName:”video-player-with-background”,href:a,children:(0,l.Y)(I,{mediaUpload:i,testId:”video-player-static-preview-image”,isStatic:!0})}))}function C(e){let{className:t,linkClassName:i,width:a,height:s,href:n,onClick:o,children:d,style:p,liveStreamId:u}=e,h={paddingBottom:””.concat(Math.min(u?56.25:60,100*s/a).toFixed(4),”%”)};return(0,l.Y)(“div”,{className:r()(t,”video-player-wrapper”,a>=960&&”full-width”),onClick:o,role:”region”,”aria-label”:”Video player”,style:p,children:(0,l.Y)(n?”a”:”div”,{className:r()(“video-player”,i),href:n,style:h,children:d})})}function I(e){let{mediaUpload:t,thumbnailUrl:i,testId:a,isStatic:s}=e;return(0,l.Y)(“img”,{className:”video-player-preview”,width:550,src:i||(0,b.Pzx)(t,{isStatic:s}),”data-component-name”:”VideoPlayer-PreviewImg”,”data-testid”:a})}let A=(0,w.I4)({position:”absolute”,className:r()(k.A.buttonContainer,”video-player-button”)})},67211:function(e,t,i){i.d(t,{Y:()=>o});var a=i(4006),s=i(60322),n=i(76977),l=i(63136);let o=e=>{let{contentBelow:t,details:i,disabled:o,label:r,name:d,paddingBottom:p,paddingTop:u,testid:h,track:c,value:y,onChange:m,usePublicationTheme:v}=e;return(0,a.FD)(n.Ye,{as:”label”,gap:8,cursor:”pointer”,paddingBottom:p,paddingTop:u,children:[(0,a.Y)(s.S,{checked:y,name:null!=d?d:h,”data-testid”:h,”data-track-input”:c,disabled:o,size:”sm”,onChange:m}),(0,a.FD)(n.I1,{flex:”grow”,children:[(0,a.Y)(l.EY.B4,{as:”span”,color:o?v?”pub-secondary-text”:”secondary”:v?”pub-primary-text”:”primary”,children:r}),i&&(0,a.Y)(l.EY.B5,{color:v?”pub-secondary-text”:”secondary”,children:i}),t]})]})}},84270:function(e,t,i){i.d(t,{z:()=>l});var a=i(4006),s=i(25318),n=i(94996);let l=e=>{let{details:t,helpText:i,label:l,name:o,options:r,paddingBottom:d,paddingTop:p,flex:u,value:h,disabled:c,onChange:y}=e;return(0,a.Y)(s.D,{label:l,details:t,helpText:i,paddingTop:p,paddingBottom:d,flex:u,wrapWithLabel:!0,children:(0,a.Y)(n.I,{name:o,value:h,onChange:e=>{let t=e.target;y(t.value,{name:t.name})},disabled:c,children:r.map(e=>(0,a.Y)(“option”,{value:e.value,children:e.label},e.value))})})}},58278:function(e,t,i){i.d(t,{HN:()=>d,JG:()=>o,d9:()=>l,uB:()=>r});var a=i(12550),s=i.n(a),n=i(82776);let l=function(e){let{softMax:t=32,hardMax:i=48,extension:a=!1,extensionSeparator:n=”-“}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},l=o(e);if(l.length>t){let e=l.indexOf(“-“,t);-1!==e&&(l=l.substr(0,e))}l.length>i&&(l=l.substr(0,i));let r=a&&”string”==typeof a?a:s()().substr(0,3);return l?a&&(l+=””.concat(n).concat(r)):l=r,l},o=function(e){let{hashIfEmpty:t=!1,allowUnicode:i=!1}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=(e||””).toString().normalize(“NFD”).replace(/[\u0300-\u036f]/g,””).toLowerCase().trim().replace(/\s+/g,”-“).replace(/&/g,”-and-“).replace(i?RegExp(“[^\\p{L}\\p{N}-]+”,”gu”):/[^\w-]+/g,””).replace(/-+/g,”-“).replace(/^-|-$/g,””);return e&&”string”==typeof e&&!a&&t?Array.from(e).map(e=>e.codePointAt(0)).map(e=>{var t;return null!=(t=null==e?void 0:e.toString(16))?t:””}).join(“”).substring(0,12):a},r=(e,t)=>o((0,n.truncateText)(e,500,{ellipsis:””}),{allowUnicode:t}),d=(e,t)=>{let i=r(e,!0),a=r(e,!1);return t<0x3f9b46c&&i!==a?a:i}}}]);