1"use strict";(self.webpackChunkyn_web=self.webpackChunkyn_web||[]).push([[552],{34552:(zt,S,s)=>{s.r(S),s.d(S,{BroadcastFlowRoute:()=>M,YNBroadcastFlowModule:()=>Yt});var f=s(12791),p=s(10467),_=s(68256),m=s(81154),F=s(77048),t=s(17705),C=s(36618),E=s(66957),b=s(15106),l=s(60177),j=s(37236),g=s(62531),w=s(82173),k=s(5455),h=s(32576),I=s(85872),R=s(12091);let G=(()=>{class r{constructor(e){this.modalService=e}ngOnInit(){}ngOnDestroy(){}onAccept(){this.modalService.close(this)}static{this.\u0275fac=function(o){return new(o||r)(t.rXU(k.B))}}static{this.\u0275cmp=t.VBU({type:r,selectors:[["app-modal-youtube-instructions"]],decls:23,vars:5,consts:[[1,"modal-body"],[1,"icon-wrapper"],[1,"icon"],[1,"ynicon","ynicon-youtube-off"],["translate","",1,"modal__title"],[1,"list"],["translate",""],[1,"note",3,"innerHTML"],[1,"button-wrapper"],["translate","",1,"button","button--green",3,"click"]],template:function(o,n){1&o&&(t.j41(0,"div",0)(1,"div",1)(2,"div",2),t.nrm(3,"i",3),t.k0s()(),t.j41(4,"h2",4),t.EFF(5,"broadcast_flow_share_simulcast"),t.k0s(),t.j41(6,"ol",5)(7,"li",6),t.EFF(8,"simulcast_connect_step1"),t.k0s(),t.j41(9,"li",6),t.EFF(10,"simulcast_connect_step2"),t.k0s(),t.j41(11,"li",6),t.EFF(12,"simulcast_connect_step3"),t.k0s(),t.j41(13,"li",6),t.EFF(14,"simulcast_connect_step4"),t.k0s(),t.j41(15,"li",6),t.EFF(16,"simulcast_connect_step5"),t.k0s()(),t.nrm(17,"div",7),t.nI1(18,"safeHtml"),t.nI1(19,"translate"),t.j41(20,"div",8)(21,"button",9),t.bIt("click",function(){return n.onAccept()}
1),t.EFF(22," got_it "),t.k0s()()()),2&o&&(t.R7$(17),t.Y8G("innerHTML",t.bMT(18,1,t.bMT(19,3,"simulcast_disclaimer")),t.npT))},dependencies:[h.Mm,R.$,h.D9],styles:['.icon-wrapper[_ngcontent-%COMP%], .button-wrapper[_ngcontent-%COMP%]{margin-top:1rem;display:flex}.icon-wrapper[_ngcontent-%COMP%] .button[_ngcontent-%COMP%], .icon-wrapper[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%], .button-wrapper[_ngcontent-%COMP%] .button[_ngcontent-%COMP%], .button-wrapper[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{margin:auto}.icon[_ngcontent-%COMP%]{background:var(--color-youtube);border-radius:1.5rem;padding:.1rem .7rem;margin:auto;width:3.5rem;height:2rem;display:flex;align-items:center}.icon[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{font-size:3rem;color:var(--color-white)}.list[_ngcontent-%COMP%]{list-style-type:none;counter-reset:item}.list[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]{background:var(--color-background-2);border-radius:var(--small-border-radius);counter-increment:item;padding:.7rem 2rem .7rem 3rem;line-height:1.2}.list[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:before{content:counters(item,".") ". ";position:absolute;left:2.5rem}.list[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]:not(:last-child){margin-bottom:.5rem}.note[_ngcontent-%COMP%]{margin-top:1rem;line-height:1.2}.button[_ngcontent-%COMP%]{padding:.4rem 1.5rem}']})}}return r})();var O=s(59337),v=s(29237),A=s(85645),D=s(14485),U=s(87553),$=s(534),Y=s(72307);function X(r,i){if(1&r){const e=t.RV6();t.j41(0,"div",6)(1,"app-checkbox-with-text",7),t.bIt("setCheckState",function(n){t.eBV(e);const a=t.XpG();return t.Njj(a.toggleTwitch(n))}),t.nI1(2,"async"),t.k0s()()}if(2&r){const e=t.XpG();let o;t.R7$(1),t.Y8G("title",e.twitchTitle)("check",null==(o=t.bMT(2,2,e.startBroadcastParams$))||null==o.publish?null:o.publish.twitch)}}function L(r,i){if(1&r){const e=t.RV6();t.j41(0,"div",6)(1,"app-checkbox-with-text",7),t.bIt("setCheckState",function(){t.eBV(e);const n=t.XpG();return t.Njj(n.toggleShare("youtube"))}),t.k0s()()}if(2&r){const e=t.XpG();t.R7$(1),t.Y8G("title",e.youtubeTitle)("check",e.publish.youtube)}}const B=function(r){return{"is-active":r}},N=function(r,i){return{"ynicon-twitter-on":r,"ynicon-twitter-off":i}},V=function(r,i){return{"ynicon-facebook-on":r,"ynicon-facebook-off":i}},z=function(r,i){return{"ynicon-discord-on":r,"ynicon-discord-off":i}};let K=(()=>{class r{constructor(e,o,n,a,c,d,u,y,Xt,Lt,Nt,Vt){this.session=e,this.auth=o,this.google=n,this.notifierService=a,this.modalService=c,this.trpx=d,this.ref=u,this.translateService=y,this.shareService=Xt,this.broadcastFlowService=Lt,this.router=Nt,this.utilsService=Vt,this.simulcastReconnectCount=0,this.shareCopy=`Come watch ${this.session.user.profile}, LIVE on YouNow.`,this.discordIsEnabled=this.session.user.discordAuth,this.startBroadcastParams$=this.broadcastFlowService.startBroadcastParams$,this.publish=this.broadcastFlowService.startBroadcastParams?.publish,this.youtubeTitle=this.translateService.instant("simulcast_youtube").replace("<>",`<img src="${this.utilsService.imageApis.local}icon-youtube.svg" alt="YouTube icon">`),this.twitchTitle=this.translateService.instant("simulcast_twitch").replace("<>",`<img src="${this.utilsService.imageApis.local}icon-twitch.svg" alt="Twitch icon">`)}get isSimulcastAvailable(){return this.session.isActivePartner}ngOnInit(){var e=this;return(0,p.A)(function*(){e.referralLinks=yield e.shareService.generateShareLink({entityType:"b",entityId:e.broadcastFlowService.broadcastId,entityUserId:e.session.user.userId,entityProfile:e.session.user.profile,userId:e.session.user.userId,feature:"GoingLive"}),e.ref.markForCheck()})()}getTrackingParams(e){return{content_type:"go live",content_id:this.broadcastFlowService.broadcastId,content:this.broadcastFlowService.startBroadcastParams?.title,category:this.broadcastFlowService.startBroadcastParams?.tags.join(","),user_id:this.session.user.userId,channel:e}}toggleShare(e){var o=this;return(0,p.A)(function*(){"youtube"===e?(o.trpx.capture({event:"CLICK",extradata:"SIMULCAST_CONNECT"}),o.session.hasProviderConnected(e)?o.enableYoutubeSimulcast().then(()=>{o.ref.markForCheck()}):o.auth.socialLogin({provider:e,connect:!0}).then(()=>{o.enableYoutubeSimulcast().then(()=>{o.ref.markForCheck()})}).catch(n=>{if(n&&n.result==v.RE.error)o.modalService.open(G,"youtube");else{const a="string"==typeof n?n:o.translateService.instant("generic_error");
1o.notifierService.notify("error",a,void 0,{disableTimeOut:!0,enableHtml:!0})}o.publish[e]=!1,o.ref.markForCheck()})):("discord"===e?o.discordIsEnabled?(o.publish[e]=!o.publish[e],o.ref.markForCheck()):(yield o.modalService.open(I.z,"prompt",!0,{title:o.translateService.instant("oops"),copy:o.translateService.instant("discord_education"),confirmButtonCopy:o.translateService.instant("go_to_settings")}).content.result)&&o.router.navigateByUrl("settings/accounts"):o.session.hasProviderConnected(e)?(o.publish[e]=!o.publish[e],o.ref.markForCheck()):"facebook"===e?o.shareService.socialSharePopup(O.J.FACEBOOK,o.referralLinks.FACEBOOK,o.shareCopy,o.getTrackingParams("facebook")):"twitter"===e&&o.shareService.socialSharePopup(O.J.TWITTER,o.referralLinks.TWITTER,o.shareCopy,o.getTrackingParams("twitter")),o.publish[e]&&o.trpx.capture({event:"CLICK",extradata:"SHARE_BC",field1:e.toUpperCase(),field2:o.broadcastFlowService.broadcastId.toString()}))})()}enableYoutubeSimulcast(){var e=this;return(0,p.A)(function*(){try{switch(e.publish.youtube=!e.publish.youtube,yield e.google.checkYoutubeSimulcastAllowed(e.session.user.userId)){case v.sk.reconnect:if(e.simulcastReconnectCount>=3)throw e.simulcastReconnectCount=0,"Please reconnect your google account in the settings";if(e.simulcastReconnectCount+=1,!(yield e.auth.disconnect("youtube")))throw"An error occurred, please try again";e.publish.youtube=!1,e.toggleShare("youtube");break;case v.sk.error:e.publish.youtube=!1;const a=e.translateService.instant("simulcast_disabled",{link:'<a target="_blank" href="https://www.youtube.com/live_streaming_signup">https://www.youtube.com/live_streaming_signup</a>'});e.notifierService.notify("error",a,void 0,{disableTimeOut:!0,enableHtml:!0})}}catch(o){return console.warn("ENABLE_SIMULCASTING",o),e.notifierService.notify("error",o),o}})()}toggleTwitch(e){var o=this;return(0,p.A)(function*(){if(o.publish.twitch=e,o.broadcastFlowService.updateParamsPublish(o.publish),e&&!o.session.user.twitchRTMPKey){const n=yield o.modalService.open(I.z,"prompt",!0,{title:o.translateService.instant("oops"),copy:o.translateService.instant("twitch_no_key"),confirmButtonCopy:o.translateService.instant("go_to_settings")}).content.result;o.publish.twitch=!1,o.broadcastFlowService.updateParamsPublish(o.publish),n&&o.router.navigateByUrl("settings")}})()}static{this.\u0275fac=function(o){return new(o||r)(t.rXU(A.Q),t.rXU(D.u),t.rXU(v.dU),t.rXU(g.iJ),t.rXU(k.B),t.rXU(w.J),t.rXU(t.gRc),t.rXU(h.c$),t.rXU(U.D),t.rXU(b.z),t.rXU(f.Ix),t.rXU(g.TJ))}}static{this.\u0275cmp=t.VBU({type:r,selectors:[["app-broadcast-flow-share"]],decls:9,vars:26,consts:[["class","checkbox-wrapper",4,"ngIf"],[1,"share-wrapper"],["tooltip","Share on Twitter",1,"button","button--twitter",3,"ngClass","tooltipAppendToBody","click"],[1,"ynicon",3,"ngClass"],["tooltip","Share on Facebook",1,"button","button--facebook",3,"ngClass","tooltipAppendToBody","click"],["tooltip","Share on Discord",1,"button","button--discord",3,"ngClass","tooltipAppendToBody","click"],[1,"checkbox-wrapper"],[3,"title","check","setCheckState"]],template:function(o,n){1&o&&(t.DNE(0,X,3,4,"div",0),t.DNE(1,L,2,2,"div",0),t.j41(2,"div",1)(3,"button",2),t.bIt("click",function(){return n.toggleShare("twitter")}),t.nrm(4,"i",3),t.k0s(),t.j41(5,"button",4),t.bIt("click",function(){return n.toggleShare("facebook")}),t.nrm(6,"i",3),t.k0s(),t.j41(7,"button",5),t.bIt("click",function(){return n.toggleShare("discord")}),t.nrm(8,"i",3),t.k0s()()),2&o&&(t.Y8G("ngIf",n.isSimulcastAvailable),t.R7$(1),t.Y8G("ngIf",n.isSimulcastAvailable),t.R7$(2),t.Y8G("ngClass",t.eq3(11,B,n.publish.twitter))("tooltipAppendToBody",!0),t.R7$(1),t.Y8G("ngClass",t.l_i(13,N,n.publish.twitter,!n.publish.twitter)),t.R7$(1),t.Y8G("ngClass",t.eq3(16,B,n.publish.facebook))("tooltipAppendToBody",!0),t.R7$(1),t.Y8G("ngClass",t.l_i(18,V,n.publish.facebook,!n.publish.facebook)),t.R7$(1),t.Y8G("ngClass",t.eq3(21,B,n.publish.discord))("tooltipAppendToBody",!0),t.R7$(1),t.Y8G("ngClass",t.l_i(23,z,n.publish.discord,!n.publish.discord)))},dependencies:[l.YU,l.bT,$.dg,Y.O,l.Jj],styles:[".checkbox-wrapper[_ngcontent-%COMP%]{margin-bottom:.5rem}.share-wrapper[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;width:100%;margin-top:1rem;margin-bottom:1.5rem}.button[_ngcontent-%COMP%]{opacity:.5;width:3.2rem;height:2.2rem;transition:opacity .3s}.button[_ngcontent-%COMP%]:not(:last-child){margin-right:.5rem}.button.is-active[_ngcontent-%COMP%]{opacity:1}.button[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{font-size:1.4rem;margin-right:0}"],changeDetection:0})}}return r})();function W(r,i){1&r&&(t.j41(0,"div",15),t.nrm(1,"i",16),t.k0s())}const J=function(r){return{"is-active":r}};function H(r,i){if(1&r){const e=t.RV6();t.j41(0,"li",7)(1,"button",8),t.bIt("click",function(){const a=t.eBV(e).$implicit,c=t.XpG();return t.Njj(c.select(a))}),t.j41(2,"div",9),t.nrm(3,"img",10),t.k0s(),t.j41(4,"div",11)(5,"h3",12),t.EFF(6),t.k0s(),t.j41(7,"span",13),t.EFF(8),t.k0s()(),t.DNE(9,W,2,0,"div",14),t.k0s()()}if(2&r){const e=i.$implicit,o=t.XpG();t.R7$(1),t.Y8G("ngClass",t.eq3(6,J,e.type===o.selectedMode.type)),t.R7$(2),t.Y8G("src",e.icon,t.B4B)("alt",e.title),t.R7$(3),t.JRh(e.title),t.R7$(2),t.JRh(e.description),t.R7$(1),t.Y8G("ngIf",e.type===o.selectedMode.type)}}let Q=(()=>
1{class r{constructor(e,o,n,a,c,d){this.streamService=e,this.trpx=o,this.broadcastFlowService=n,this.modalService=a,this.ref=c,this.utilsService=d,this.setActiveTab=new t.bkB,this.modes=[{title:"camera_option",description:"camera_description",icon:this.utilsService.getLocalImage("broadcast-flow/camera-button"),type:m.j.CAMERA},{title:"OBS",description:"gaming_pro_setup",icon:this.utilsService.getLocalImage("broadcast-flow/obs-button"),type:m.j.OBS}],this.selectedMode=this.modes.find(u=>u.type===this.streamService.localBroadcastType)??this.modes[0]}select(e){var o=this;return(0,p.A)(function*(){if(e!==o.selectedMode&&(e.type===m.j.OBS||(yield o.checkMediaPermissions())))switch(o.selectedMode=e,o.ref.markForCheck(),e.type){case m.j.CAMERA:o.streamService.selectCamera();break;case m.j.OBS:o.broadcastFlowService.selectOBS()}})()}onClickNext(){this.setActiveTab.emit(_.D.INITIAL_SETUP)}checkMediaPermissions(){var e=this;return(0,p.A)(function*(){const o=yield e.streamService.checkBrowserMediaPermissions();if(e.ref.markForCheck(),!o){const n=e.broadcastFlowService.broadcastId;n&&e.trpx.capture({event:"BROADCAST_FLOW",broadcastid:n.toString(),extradata:"CAMERA_CHECK",field1:o.toString()}),e.modalService.open(j.P),e.select(e.modes[1])}return o})()}static{this.\u0275fac=function(o){return new(o||r)(t.rXU(C.g),t.rXU(w.J),t.rXU(b.z),t.rXU(k.B),t.rXU(t.gRc),t.rXU(g.TJ))}}static{this.\u0275cmp=t.VBU({type:r,selectors:[["app-broadcast-flow-mode"]],outputs:{setActiveTab:"setActiveTab"},decls:10,vars:1,consts:[[1,"step"],[1,"content"],["translate","",1,"step__title"],[1,"list"],["class","list__entry",4,"ngFor","ngForOf"],[1,"button-wrapper"],["translate","",1,"button","button--big","button--green","step__button",3,"click"],[1,"list__entry"],[1,"list__button",3,"ngClass","click"],[1,"left"],[3,"src","alt"],[1,"right"],["translate","",1,"title"],["translate","",1,"description"],["class","check",4,"ngIf"],[1,"check"],[1,"bi","bi-check"]],template:function(o,n){1&o&&(t.j41(0,"div",0)(1,"div",1)(2,"h3",2),t.EFF(3,"broadcast_type"),t.k0s(),t.j41(4,"ul",3),t.DNE(5,H,10,8,"li",4),t.k0s(),t.nrm(6,"app-broadcast-flow-share"),t.k0s(),t.j41(7,"div",5)(8,"button",6),t.bIt("click",function(){return n.onClickNext()}
1),t.EFF(9," next "),t.k0s()()()),2&o&&(t.R7$(5),t.Y8G("ngForOf",n.modes))},dependencies:[h.Mm,l.YU,l.Sq,l.bT,K],styles:[".step[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;border-radius:var(--small-border-radius)}.step[_ngcontent-%COMP%] .content[_ngcontent-%COMP%]{display:flex;align-items:center;flex-direction:column;width:100%;height:35rem}.step__title[_ngcontent-%COMP%]{margin-bottom:2rem;font-size:1rem;text-align:center;font-weight:600;color:var(--color-text)}.step__text[_ngcontent-%COMP%]{text-align:center;font-weight:500;color:var(--color-text-lighter);margin-bottom:.5rem}.button-wrapper[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center}.step__button[_ngcontent-%COMP%]{min-width:8rem}.step__button-back[_ngcontent-%COMP%]{position:absolute;left:0}.list__button[_ngcontent-%COMP%]{border-radius:var(--small-border-radius);color:var(--color-text);border:1px solid var(--main-border-color);transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden;display:flex;position:relative}.list__button.is-active[_ngcontent-%COMP%]:not(:disabled), .list__button[_ngcontent-%COMP%]:focus:not(:disabled){border-color:var(--color-primary-green);box-shadow:0 0 12px 0 rgba(var(--color-primary-green-rgb),.3)}.list__button[_ngcontent-%COMP%]:hover:not(.is-active):not(:disabled){border-color:var(--main-border-hover-color)}.under-preview[_ngcontent-%COMP%]{height:9rem}",".list[_ngcontent-%COMP%]{width:100%;margin-bottom:2rem}.list__entry[_ngcontent-%COMP%]{width:100%}.list__entry[_ngcontent-%COMP%]:not(:last-child){margin-bottom:.75rem}.list__button[_ngcontent-%COMP%]{width:100%}.list__button.is-active[_ngcontent-%COMP%], .list__button[_ngcontent-%COMP%]:focus{transform:scale(1.02)}.check[_ngcontent-%COMP%]{position:absolute;top:.5rem;right:.5rem;font-size:1rem;color:var(--color-white);background:var(--color-primary-green);border-radius:50%}.left[_ngcontent-%COMP%]{background:var(--background-color-2);display:flex;padding:1rem 0;width:9rem;flex-shrink:0}.left[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{margin:auto;max-width:100%;height:4rem}.right[_ngcontent-%COMP%]{padding:.75rem;text-align:left;flex:1}.title[_ngcontent-%COMP%]{font-weight:600}.description[_ngcontent-%COMP%]{font-weight:400;color:var(--color-text-lighter)}"],data:{animation:[g.Tc]},changeDetection:0})}}return r})();var Z=s(19628),T=s(28972),q=s(30665),tt=s(69966),et=s(54225);const ot=["popover"];function nt(r,i){if(1&r&&(t.j41(0,"div",6),t.nrm(1,"img",7),t.k0s()),2&r){const e=t.XpG();t.R7$(1),t.Y8G("src",e.emptyEventsImage,t.B4B)}}function rt(r,i){1&r&&(t.j41(0,"div",8),t.EFF(1,"events_not_available"),t.k0s())}const at=function(r){return{opacity:r}};function it(r,i){if(1&r&&t.nrm(0,"img",13),2&r){const e=t.XpG(2);t.Y8G("src",e.eventImageUrl,t.B4B)("ngStyle",t.eq3(2,at,e.streamWithEvent?1:.2))}}function st(r,i){if(1&r&&(t.j41(0,"button",9,10),t.DNE(2,it,1,4,"img",11),t.j41(3,"div",12),t.EFF(4,"events_click_to_change"),t.k0s()()),2&r){const e=t.XpG(),o=t.sdS(6);t.Y8G("popover",o)("outsideClick",!0),t.R7$(2),t.Y8G("ngIf",e.eventImageUrl)}}function ct(r,i){1&r&&(t.j41(0,"div",18),t.nrm(1,"div",19),t.k0s())}function lt(r,i){1&r&&t.nrm(0,"div",20)}function dt(r,i){1&r&&(t.j41(0,"div",18),t.nrm(1,"div",19),t.k0s())}function pt(r,i){1&r&&t.nrm(0,"div",20)}function ut(r,i){if(1&r){const e=t.RV6();t.j41(0,"div",14)(1,"button",15),t.bIt("click",function(){t.eBV(e);const n=t.XpG();return t.Njj(n.toggle())}),t.DNE(2,ct,2,0,"div",16),t.DNE(3,lt,1,0,"div",17),t.EFF(4," events_add_event "),t.k0s(),t.j41(5,"button",15),t.bIt("click",function(){t.eBV(e);const n=t.XpG();return t.Njj(n.toggle())}),t.DNE(6,dt,2,0,"div",16),t.DNE(7,pt,1,0,"div",17),t.EFF(8,"events_stream_without_event "),t.k0s()()}if(2&r){const e=t.XpG();t.R7$(2),t.Y8G("ngIf",e.streamWithEvent),t.R7$(1),t.Y8G("ngIf",!e.streamWithEvent),t.R7$(3),t.Y8G("ngIf",!e.streamWithEvent),t.R7$(1),t.Y8G("ngIf",e.streamWithEvent)}}function mt(r,i){if(1&r){const e=t.RV6();t.j41(0,"app-events-dashboard",21),t.bIt("onEventSelected",function(n){t.eBV(e);const a=t.XpG();return t.Njj(a.onEventSelected(n))})("onModalDismiss",function(){t.eBV(e);const n=t.XpG();return t.Njj(n.onModalDismiss())})("onModalPresented",function(){t.eBV(e);const n=t.XpG();return t.Njj(n.onModalPresented())}),t.k0s(),t.j41(1,"div",22)(2,"button",23),t.bIt("click",function(){t.eBV(e);const n=t.XpG();return t.Njj(n.dismiss())}),t.EFF(3," events_select "),t.k0s()()}if(2&r){const e=t.XpG();t.Y8G("selectionMode",!0)("pickedEventId",e.pickedEventId)("goLive",!0)}}let gt=(()=>{class r{get eventImageUrl(){return this.pickedEvent?this.pickedEvent.assetUrl:this.eventSelection?this.utilsService.generateAssetSrc(this.eventSelection.defaultEvent.assetsBucket,this.eventSelection.defaultEvent.assetSku,this.eventSelection.defaultEvent.assetRevision,!1,"jpg"):void 0}get pickedEventId(){return this.pickedEvent?this.pickedEvent.id:this.eventSelection?.defaultEvent.eventId}get isEventRequired(){return 1==this.eventSelection?.required}constructor(e,o){this.utilsService=e,this.broadcastFlowService=o,this.streamWithEvent=!0,this.emptyEventsImage=this.utilsService.getLocalImage("events/no-events")}ngOnInit(){this.broadcastFlowService.updateParamsEventId(this.streamWithEvent?this.pickedEventId:null)}onClickTimeDuration(){}showEvents(){}onModalPresented(){}onModalDismiss(){}toggle(){this.streamWithEvent=!this.streamWithEvent,this.broadcastFlowService.updateParamsEventId(this.streamWithEvent?this.pickedEvent.id:null)}onEventSelected(e){this.selectedEvent=e}dismiss(){this.pickedEvent=this.selectedEvent,this.broadcastFlowService.updateParamsEventId(this.selectedEvent.id),this.popover.hide()}static{this.\u0275fac=function(o){return new(o||r)(t.rXU(g.TJ),t.rXU(b.z))}}static{this.\u0275cmp=t.VBU({type:r,selectors:[["app-broadcast-flow-event"]],viewQuery:function(o,n){if(1&o&&t.GBs(ot,5),2&o){let a;t.mGM(a=t.lsd())&&(n.popover=a.first)}},inputs:{eventSelection:"eventSelection"},decls:7,vars:4,consts:[[1,"content-wrapper"],["class","no-events-wrapper",4,"ngIf"],["class","no-events-label","translate","",4,"ngIf"],["placement","top left","containerClass","popover--events",3,"popover","outsideClick",4,"ngIf"],["class","radio-box-wrapper",4,"ngIf"],["popContent",""],[1,"no-events-wrapper"],[3,"src"],["translate","",1,"no-events-label"],["placement","top left","containerClass","popover--events",3,"popover","outsideClick"],["popover","bs-popover"],["class","image",3,"src","ngStyle",4,"ngIf"],["translate","",1,"click-to-change"],[1,"image",3,"src","ngStyle"],[1,"radio-box-wrapper"],["translate","",1,"radio-box-button",3,"click"],["class","selected-radio-box-outer",4,"ngIf"],["class","unselected-radio-box",4,"ngIf"],[1,"selected-radio-box-outer"],[1,"selected-radio-box-inner"],[1,"unselected-radio-box"],[3,"selectionMode","pickedEventId","goLive","onEventSelected","onModalDismiss","onModalPresented"],[1,"bottom-button-wrapper"],["translate","",1,"button","button--big","button--green",3,"click"]],template:function(o,n){1&o&&(t.j41(0,"div",0),t.DNE(1,nt,2,1,"div",1),t.DNE(2,rt,2,0,"div",2),t.DNE(3,st,5,3,"button",3),t.DNE(4,ut,9,4,"div",4),t.k0s(),t.DNE(5,mt,4,3,"ng-template",null,5,t.C5r)),2&o&&(t.R
17$(1),t.Y8G("ngIf",!n.eventSelection),t.R7$(1),t.Y8G("ngIf",!n.eventSelection),t.R7$(1),t.Y8G("ngIf",n.streamWithEvent&&n.eventSelection),t.R7$(1),t.Y8G("ngIf",!n.isEventRequired&&n.eventSelection))},dependencies:[h.Mm,l.bT,l.B3,tt.Hc,et.J],styles:[".content-wrapper[_ngcontent-%COMP%]{background-color:var(--background-color-2);border-radius:16px;display:flex;flex-direction:column;gap:10px;margin-top:25px;padding:7px 9px;width:336px}.image[_ngcontent-%COMP%]{height:115px;width:100%;object-fit:cover;border-radius:14px}.click-to-change[_ngcontent-%COMP%]{position:absolute;border-radius:6px;opacity:.8;background:var(--background-color-2);margin-top:-31px;margin-left:12px;padding-left:8px;padding-right:8px}.no-events-wrapper[_ngcontent-%COMP%]{height:115px;display:flex;justify-content:center;align-items:center}.no-events-label[_ngcontent-%COMP%]{position:absolute;border-radius:6px;opacity:.8;background:var(--background-color-2);margin-top:89px;margin-left:12px;padding-left:8px;padding-right:8px}.bottom-button-wrapper[_ngcontent-%COMP%]{margin-bottom:40px;display:flex;justify-content:center;align-items:center}.event-image[_ngcontent-%COMP%]{height:115px;width:100%;background-color:#fff;border-radius:14px}.selected-radio-box-outer[_ngcontent-%COMP%]{align-items:flex-start;border:2px solid;border-color:#08d687;border-radius:9px;height:18px;width:18px;padding:2px}.selected-radio-box-inner[_ngcontent-%COMP%]{background-color:#08d687;border-radius:5px;height:10px;width:10px}.radio-box-wrapper[_ngcontent-%COMP%]{gap:8px;justify-content:center;display:flex}.radio-box-button[_ngcontent-%COMP%]{display:flex;flex-direction:row;gap:8px}.unselected-radio-box[_ngcontent-%COMP%]{border:2px solid;border-color:#4e4e4e;border-radius:9px;height:18px;width:18px}"]})}}return r})();function ht(r,i){1&r&&(t.j41(0,"div",5)(1,"div",6),t.nrm(2,"i",7),t.k0s()()),2&r&&t.Y8G("@fadeAnimation",void 0)}const _t=function(r){return{"is-loaded":r}};function bt(r,i){if(1&r){const e=t.RV6();t.j41(0,"button",2),t.bIt("click",function(){t.eBV(e);const n=t.XpG();return t.Njj(n.select())}),t.j41(1,"img",3),t.bIt("load",function(){t.eBV(e);const n=t.XpG();return t.Njj(n.onLoad())})("error",function(){t.eBV(e);const n=t.XpG();return t.Njj(n.onError())}),t.k0s(),t.DNE(2,ht,3,1,"div",4),t.k0s()}if(2&r){const e=t.XpG();t.R7$(1),t.Y8G("ngClass",t.eq3(3,_t,e.isLoaded))("src",e.recentBroadcast.src,t.B4B),t.R7$(1),t.Y8G("ngIf",e.isActive)}}let vt=(()=>{class r{constructor(e){this.ref=e,this.isActive=!1,this.isPartner=!1,this.onRecentBroadcastError=new t.bkB,this.onRecentBroadcastSelect=new t.bkB,this.isLoaded=!1}ngOnInit(){}onLoad(){this.isLoaded=!0,this.ref.markForCheck()}onError(){this.onRecentBroadcastError.emit(),this.ref.markForCheck()}select(){this.onRecentBroadcastSelect.emit(),this.ref.markForCheck()}static{this.\u0275fac=function(o){return new(o||r)(t.rXU(t.gRc))}}static{this.\u0275cmp=t.VBU({type:r,selectors:[["app-recent-broadcast-thumb"]],inputs:{recentBroadcast:"recentBroadcast",isActive:"isActive",isPartner:"isPartner"},outputs:{onRecentBroadcastError:"onRecentBroadcastError",onRecentBroadcastSelect:"onRecentBroadcastSelect"},decls:2,vars:1,consts:[[1,"thumbnail"],["class","thumbnail__button",3,"click",4,"ngIf"],[1,"thumbnail__button",3,"click"],["alt","Recent broadcast thumbnail",1,"image",3,"ngClass","src","load","error"],["class","thumbnail-overlay",4,"ngIf"],[1,"thumbnail-overlay"],[1,"check-icon"],[1,"bi","bi-check"]],template:function(o,n){1&o&&(t.j41(0,"li",0),t.DNE(1,bt,3,5,"button",1),t.k0s()),2&o&&(t.R
17$(1),t.Y8G("ngIf",n.isPartner&&n.recentBroadcast.id))},dependencies:[l.YU,l.bT],styles:[".thumbnail[_ngcontent-%COMP%]{border-radius:var(--small-border-radius);background:var(--background-color-2);padding-top:56.25%;position:relative;overflow:hidden}.thumbnail__button[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%}.image[_ngcontent-%COMP%]{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .15s}.image.is-loaded[_ngcontent-%COMP%]{opacity:1}.thumbnail-overlay[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--color-black-rgb),.2)}.check-icon[_ngcontent-%COMP%]{position:absolute;top:.25rem;right:.25rem;font-size:1rem;color:var(--color-white);background:var(--color-primary-green);border-radius:50%}"],data:{animation:[g.r4]},changeDetection:0})}}return r})();function ft(r,i){1&r&&(t.j41(0,"div",22)(1,"p",23),t.EFF(2,"broadcast_flow_photo_drag"),t.k0s(),t.j41(3,"p",24)(4,"span",25),t.EFF(5,"broadcast_flow_photo_size"),t.k0s(),t.EFF(6," 732 x 438 "),t.k0s(),t.j41(7,"p",26),t.EFF(8,"broadcast_flow_photo_type"),t.k0s()())}const Ct=function(r){return{"is-loaded":r}};function wt(r,i){if(1&r){const e=t.RV6();t.j41(0,"img",27),t.bIt("load",function(){t.eBV(e);const n=t.XpG(2);return t.Njj(n.onMainImageLoad())}),t.k0s()}if(2&r){const e=t.XpG(2);t.Y8G("ngClass",t.eq3(2,Ct,e.mainImageIsLoaded))("src",e.imageUrl,t.B4B)}}function kt(r,i){if(1&r&&(t.qex(0),t.DNE(1,ft,9,0,"div",20),t.DNE(2,wt,1,4,"img",21),t.bVm()),2&r){const e=t.XpG();t.R7$(1),t.Y8G("ngIf",!e.imageUrl),t.R7$(1),t.Y8G("ngIf",e.imageUrl)}}function Bt(r,i){1&r&&(t.j41(0,"div",22)(1,"p",23),t.EFF(2," broadcast_flow_partners_can_upload_images "),t.k0s()())}function Pt(r,i){if(1&r){const e=t.RV6();t.j41(0,"app-recent-broadcast-thumb",30),t.bIt("onRecentThumbError",function(){const a=t.eBV(e).$implicit,c=t.XpG(2);return t.Njj(c.onRecentThumbError(a.id))})("onRecentBroadcastSelect",function(){const a=t.eBV(e).$implicit,c=t.XpG(2);return t.Njj(c.onRecentBroadcastSelect(a))}),t.k0s()}if(2&r){const e=i.$implicit,o=t.XpG(2);t.Y8G("recentBroadcast",e)("isPartner",o.isPartner)("isActive",e.id===o.activeRecentBroadcastId)}}function yt(r,i){if(1&r&&(t.j41(0,"ul",28),t.DNE(1,Pt,1,3,"app-recent-broadcast-thumb",29),t.k0s()),2&r){const e=t.XpG();t.R7$(1),t.Y8G("ngForOf",e.recentBroadcasts)}}const St=function(r,i,e){return{button:!0,"button--no-text":!0,"button--white":r,"button--i-turquoise"
1:i,"button--disabled":e}},P=function(r){return{"button-text-disabled":r}};function Ft(r,i){if(1&r){const e=t.RV6();t.j41(0,"button",31),t.bIt("click",function(){t.eBV(e);const n=t.XpG();return t.Njj(n.takeSnapshot())}),t.nrm(1,"i",32),t.k0s()}if(2&r){const e=t.XpG();t.Y8G("ngClass",t.sMw(3,St,!e.disabledToggleImageOverride,!e.disabledToggleImageOverride,e.disabledToggleImageOverride))("disabled",e.disabledToggleImageOverride),t.R7$(1),t.Y8G("ngClass",t.eq3(7,P,e.disabledToggleImageOverride))}}const It=function(r,i){return{"is-gooddrop":r,"is-baddrop":i}},Ot=function(r,i,e){return{button:!0,"button--white":r,"button--i-turquoise":i,"button--disabled":e}};let Tt=(()=>{class r{set recentBroadcastIds(e){e&&e.length&&(e.forEach(o=>{this.recentBroadcasts.push({id:o,src:`${this.utilsService.imageApis.broadcastLocal}/${o}/${o}.jpg?${Date.now()}`})}),this.addEmptyRecentBroadcast(),e.length&&this.onRecentBroadcastSelect(this.recentBroadcasts[0]))}get supermessageToggleType(){return Z.w.BASIC_SLIDER}get disabledToggleImageOverride(){return!this.isPartner}get localBroadcastIsOBS(){return this.streamService.localBroadcastIsOBS}get disableGoLiveButton(){return this.startingBroadcast||this.waitingForStream}constructor(e,o,n,a,c,d,u){this.translateService=e,this.notifierService=o,this.ref=n,this.streamService=a,this.broadcastFlowService=c,this.trpx=d,this.utilsService=u,this.setActiveTab=new t.bkB,this.broadcastImageOverride=!1,this.isPartner=!1,this.alive=!0,this.isAudioOnly$=this.streamService.isAudioOnly$,this.recentBroadcasts=[],this.maxFileSize=2097152,this.validComboDrag=!1,this.invalidComboDrag=!1,this.mainImageIsLoaded=!1,this.startingBroadcast=!1,this.waitingForStream=!0}ngOnInit(){this.broadcastFlowService.waitingForStream$.pipe((0,F.v)(()=>this.alive)).subscribe(e=>{this.waitingForStream=e,this.ref.markForCheck()}),this.broadcastFlowService.updateParamsBroadcastImageOverride(this.broadcastImageOverride)}ngOnDestroy(){this.alive=!1}onFileChange(e){this.cropImage(e.slice(-1)[0])}cropImage(e){this.trpx.capture({event:"CLICK",extradata:"PICK_IMAGE_UPLOAD",broadcastid:this.broadcastFlowService.broadcastId.toString()});const o=new Image;o.src=window.URL.createObjectURL(e),o.onload=()=>{let c,d,n=o.naturalWidth,a=o.naturalHeight;window.URL.revokeObjectURL(o.src),n>a?(c=Math.round(16*a/9),d=a,c>n&&(c=n,d=Math.round(9*n/16))):(d=Math.round(9*n/16),c=n);const u=document.createElement("canvas"),y=u.getContext("2d");u.height=d,u.width=c,y.drawImage(o,-(n-c)/2,-(a-d)/2),this.activeRecentBroadcastId=null,this.imageUrl=u.toDataURL("image/jpeg"),this.ref.markForCheck(),this.photoType=_.g.UPLOAD,this.updateBroadcastThumb(this.imageUrl)}}lastInvalidsChange(e){if(!e)return;const o=Math.round(e[0].file.size/1e6);switch(e[0].type){case"accept":this.notifierService.notify("warning","Your file type should be of the jpeg format.");break;case"fileSize":this.notifierService.notify("warning",`Your file's size (${o}MB) is too large. The maximum allowed file size is 2MB.`)}}onRecentBroadcastSelect(e){this.activeRecentBroadcastId=e.id,this.imageUrl=e.src,this.photoType=_.g.LAST_USED,this.broadcastFlowService.updateParamsRecentBroadcastIdThumb(e.id),this.ref.markForCheck()}updateBroadcastThumb(e){this.broadcastFlowService.updateParamsThumb(e)}onRecentThumbError(e){this.recentBroadcasts=this.recentBroadcasts.filter(o=>o.id!=e),this.addEmptyRecentBroadcast(),this.ref.markForCheck()}addEmptyRecentBroadcast(){const e=3-this.recentBroadcasts.length;if(e)for(let o=0;o<e;o++)this.recentBroadcasts.push({id:0})}onClickBack(){this.trpx.capture({event:"CLICK",extradata:"GO_LIVE_BACK",broadcastid:this.broadcastFlowService.broadcastId.toString(),field1:"BEFORE_GOLIVE"}),this.broadcastFlowService.updateParamsThumb(void 0),this.setActiveTab.emit(_.D.INITIAL_SETUP)}onClickGoLive(){var e=this;return(0,p.A)(function*(){e.trpx.capture({event:"CLICK",extradata:"PICK_IMAGE",broadcastid:e.broadcastFlowService.broadcastId.toString(),field1:e.photoType}),e.startingBroadcast=!0,e.ref.markForCheck(),yield e.broadcastFlowService.startBroadcast(),e.startingBroadcast=!1,e.ref.markForCheck()})()}onMainImageLoad(){this.mainImageIsLoaded=!0,this.ref.markForCheck()}takeSnapshot(){this.trpx.capture({event:"CLICK",extradata:"PICK_IMAGE_SELFIE",broadcastid:this.broadcastFlowService.broadcastId.toString()}),this.activeRecentBroadcastId=null,this.imageUrl=this.broadcastFlowService.videoPreview.snapshot,this.photoType=_.g.SELFIE,this.updateBroadcastThumb(this.imageUrl)}setCheckState(e){this.broadcastFlowService.updateParamsBroadcastImageOverride(e),this.ref.markForCheck()}onClickImageOverride(){this.disabledToggleImageOverride?this.notifierService.n
1otify("warning",this.translateService.instant("broadcast_flow_photo_toast_partner_only")):0!==this.recentBroadcasts.length||this.notifierService.notify("warning",this.translateService.instant("broadcast_flow_photo_toast_upload"))}static{this.\u0275fac=function(o){return new(o||r)(t.rXU(h.c$),t.rXU(g.iJ),t.rXU(t.gRc),t.rXU(C.g),t.rXU(b.z),t.rXU(w.J),t.rXU(g.TJ))}}static{this.\u0275cmp=t.VBU({type:r,selectors:[["app-broadcast-flow-photo"]],inputs:{broadcastImageOverride:"broadcastImageOverride",isPartner:"isPartner",eventSelection:"eventSelection",recentBroadcastIds:"recentBroadcastIds"},outputs:{setActiveTab:"setActiveTab"},decls:27,vars:32,consts:[[1,"step"],[1,"content"],["translate","",1,"step__title"],["translate","",1,"step__text"],[1,"images-wrapper"],["ngfDrop","","accept","image/jpeg",1,"userfile-drop",3,"validDrag","invalidDrag","maxSize","ngClass","validDragChange","invalidDragChange","lastInvalidsChange","filesChange"],[4,"ngIf","ngIfElse"],["nonPartnerContent",""],["class","thumbnails-wrapper",4,"ngIf"],[1,"photo-button-wrapper"],[3,"ngClass","disabled","click",4,"ngIf"],["ngfSelect","","accept","image/jpeg",3,"ngClass","maxSize","disabled","lastInvalidsChange","filesChange"],[1,"ynicon","ynicon-photo-library",3,"ngClass"],["translate","",3,"ngClass"],[1,"overrideImage-button"],[3,"type","check","disabled","click","setCheckState"],[3,"eventSelection"],[1,"button-wrapper"],["translate","",1,"button","button--text","step__button-back",3,"disabled","click"],["translate","",1,"button","button--big","button--green","step__button",3,"disabled","click"],["class","inner",4,"ngIf"],["class","image","alt","Broadcast image",3,"ngClass","src","load",4,"ngIf"],[1,"inner"],["translate","",1,"text-title"],[1,"text"],["translate",""],["translate","",1,"text"],["alt","Broadcast image",1,"image",3,"ngClass","src","load"],[1,"thumbnails-wrapper"],[3,"recentBroadcast","isPartner","isActive","onRecentThumbError","onRecentBroadcastSelect",4,"ngFor","ngForOf"],[3,"recentBroadcast","isPartner","isActive","onRecentThumbError","onRecentBroadcastSelect"],[3,"ngClass","disabled","click"],[1,"ynicon","ynicon-camera",3,"ngClass"]],template:function(o,n){if(1&o&&(t.j41(0,"div",0)(1,"div",1)(2,"h3",2),t.EFF(3,"broadcast_flow_photo_title"),t.k0s(),t.j41(4,"p",3),t.EFF(5,"broadcast_flow_photo_description"),t.k0s(),t.j41(6,"div",4)(7,"div",5),t.bIt("validDragChange",function(c){return n.validComboDrag=c})("invalidDragChange",function(c){return n.invalidComboDrag=c})("lastInvalidsChange",function(c){return n.lastInvalidsChange(c)})("filesChange",function(c){return n.onFileChange(c)}),t.DNE(8,kt,3,2,"ng-container",6),t.DNE(9,Bt,3,0,"ng-template",null,7,t.C5r),t.k0s(),t.DNE(11,yt,2,1,"ul",8),t.j41(12,"div",9),t.DNE(13,Ft,2,9,"button",10),t.nI1(14,"async"),t.j41(15,"button",11),t.bIt("lastInvalidsChange",function(c){return n.lastInvalidsChange(c)})("filesChange",function(c){return n.onFileChange(c)}),t.nrm(16,"i",12),t.j41(17,"span",13),t.EFF(18," broadcast_flow_upload_button "),t.k0s()(),t.j41(19,"button",14)(20,"app-checkbox",15),t.bIt("click",function(){return n.onClickImageOverride()})("setCheckState",function(c){return n.setCheckState(c)}),t.k0s()()()(),t.nrm(21,"app-broadcast-flow-event",16),t.k0s(),t.j41(22,"div",17)(23,"button",18),t.bIt("click",function(){return n.onClickBack()}),t.EFF(24," go_back "),t.k0s(),t.j41(25,"button",19),t.bIt("click",function(){return n.onClickGoLive()}),t.EFF(26," go_live "),t.k0s()()()),2&o){const a=t.sdS(10);t.R7$(7),t.Y8G("validDrag",n.validComboDrag)("invalidDrag",n.invalidComboDrag)("maxSize",n.maxFileSize)("ngClass",t.l_i(21,It,n.validComboDrag,n.invalidComboDrag)),t.R7$(1),t.Y8G("ngIf",n.isPartner)("ngIfElse",a),t.R7$(3),t.Y8G("ngIf",n.recentBroadcasts&&n.recentBroadcasts.length),t.R7$(2),t.Y8G("ngIf",!n.localBroadcastIsOBS&&!t.bMT(14,19,n.isAudioOnly$)),t.R7$(2),t.Y8G("ngClass",t.sMw(24,Ot,!n.disabledToggleImageOverride,!n.disabledToggleImageOverride,n.disabledToggleImageOverride))("maxSize",n.maxFileSize)("disabled",n.disabledToggleImageOverride),t.R7$(1),t.Y8G("ngClass",t.eq3(28,P,n.disabledToggleImageOverride)),t.R7$(1),t.Y8G("ngClass",t.eq3(30,P,n.disabledToggleImageOverride)),t.R7$(3),t.Y8G("type",n.supermessageToggleType)("check",n.broadcastImageOverride)("disabled",n.disabledToggleImageOverride),t.R7$(1),t.Y8G("eventSelection",n.eventSelection),t.R7$(2),t.Y8G("disabled",n.startingBroadcast),t.R7$(2),t.Y8G("disabled",n.disableGoLiveButton)}},dependencies:[h.Mm,l.YU,l.Sq,l.bT,T.hE,T.C4,q.P,gt,vt,l.Jj],styles:[".step[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;border-radius:var(--small-border-radius)}.step[_ngcontent-%COMP%] .content[_ngcontent-%COMP%]{display:flex;align-items:center;flex-direction:column;width:100%;height:35rem}.step__title[_ngcontent-%COMP%]{margin-bottom:2rem;font-size:1rem;text-align:center;font-weight:600;color:var(--color-text)}.step__text[_ngcontent-%COMP%]{text-align:center;font-weight:500;color:var(--color-text-lighter);margin-bottom:.5rem}.button-wrapper[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center}.step__button[_ngcontent-%COMP%]{min-width:8rem}.step__button-back[_ngcontent-%COMP%]{position:absolute;
1left:0}.list__button[_ngcontent-%COMP%]{border-radius:var(--small-border-radius);color:var(--color-text);border:1px solid var(--main-border-color);transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden;display:flex;position:relative}.list__button.is-active[_ngcontent-%COMP%]:not(:disabled), .list__button[_ngcontent-%COMP%]:focus:not(:disabled){border-color:var(--color-primary-green);box-shadow:0 0 12px 0 rgba(var(--color-primary-green-rgb),.3)}.list__button[_ngcontent-%COMP%]:hover:not(.is-active):not(:disabled){border-color:var(--main-border-hover-color)}.under-preview[_ngcontent-%COMP%]{height:9rem}",".images-wrapper[_ngcontent-%COMP%]{width:100%}.userfile-drop[_ngcontent-%COMP%]{background:var(--background-color-2);border-radius:var(--small-border-radius);position:relative;overflow:hidden;display:flex;transition:all .2s;text-align:center;padding-top:56.25%}.userfile-drop[_ngcontent-%COMP%] .inner[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:100%}.userfile-drop[_ngcontent-%COMP%] .inner[_ngcontent-%COMP%] .text-title[_ngcontent-%COMP%]{font-size:1.1rem;font-weight:500}.userfile-drop[_ngcontent-%COMP%] .inner[_ngcontent-%COMP%] .text[_ngcontent-%COMP%]{color:var(--color-text-lighter);font-size:.85rem}.userfile-drop[_ngcontent-%COMP%] .image[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.userfile-drop.is-gooddrop[_ngcontent-%COMP%]{background:rgba(0,128,0,.1);border-color:var(--color-primary-green)}.userfile-drop.is-baddrop[_ngcontent-%COMP%]{background:rgba(255,0,0,.1);border-color:var(--color-red)}.photo-button-wrapper[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;margin:1rem auto 0}.photo-button-wrapper[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:first-child{margin-right:.5rem}.overrideImage-button[_ngcontent-%COMP%]{margin-left:.5rem}.button--i-turquoise[_ngcontent-%COMP%]{border-color:var(--color-turquoise);color:var(--color-turquoise)}.button--disabled[_ngcontent-%COMP%]{opacity:1;background:var(--color-gray-outline);border-color:var(--color-gray-outline);color:var(--color-gray-outline)}.button-text-disabled[_ngcontent-%COMP%]{color:#fff}.thumbnails-wrapper[_ngcontent-%COMP%]{margin-top:.5rem;display:grid;grid-gap:.5rem;grid-template-columns:repeat(3,1fr)}.image[_ngcontent-%COMP%]{opacity:0;transition:opacity .15s}.image.is-loaded[_ngcontent-%COMP%]{opacity:1}"],data:{animation:[g.r4]},changeDetection:0})}}return r})();var xt=s(38119),Mt=s(58446);let Et=(()=>{class r{constructor(){}ngOnInit(){}static{this.\u0275fac=function(o){return new(o||r)}}static{this.\u0275cmp=t.VBU({type:r,selectors:[["app-broadcast-flow-obs-instru
1ctions"]],decls:8,vars:0,consts:[[1,"wrapper"],[1,"under-preview","list"],["translate",""]],template:function(o,n){1&o&&(t.j41(0,"div",0)(1,"ul",1)(2,"li",2),t.EFF(3,"obs_instruction_1"),t.k0s(),t.j41(4,"li",2),t.EFF(5,"obs_instruction_2"),t.k0s(),t.j41(6,"li",2),t.EFF(7,"obs_instruction_3"),t.k0s()()())},dependencies:[h.Mm],styles:[".step[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;border-radius:var(--small-border-radius)}.step[_ngcontent-%COMP%] .content[_ngcontent-%COMP%]{display:flex;align-items:center;flex-direction:column;width:100%;height:35rem}.step__title[_ngcontent-%COMP%]{margin-bottom:2rem;font-size:1rem;text-align:center;font-weight:600;color:var(--color-text)}.step__text[_ngcontent-%COMP%]{text-align:center;font-weight:500;color:var(--color-text-lighter);margin-bottom:.5rem}.button-wrapper[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center}.step__button[_ngcontent-%COMP%]{min-width:8rem}.step__button-back[_ngcontent-%COMP%]{position:absolute;left:0}.list__button[_ngcontent-%COMP%]{border-radius:var(--small-border-radius);color:var(--color-text);border:1px solid var(--main-border-color);transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden;display:flex;position:relative}.list__button.is-active[_ngcontent-%COMP%]:not(:disabled), .list__button[_ngcontent-%COMP%]:focus:not(:disabled){border-color:var(--color-primary-green);box-shadow:0 0 12px 0 rgba(var(--color-primary-green-rgb),.3)}.list__button[_ngcontent-%COMP%]:hover:not(.is-active):not(:disabled){border-color:var(--main-border-hover-color)}.under-preview[_ngcontent-%COMP%]{height:9rem}",".wrapper[_ngcontent-%COMP%]{margin-top:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.list[_ngcontent-%COMP%]{list-style:disc}"],changeDetection:0})}}return r})();
1function jt(r,i){1&r&&t.nrm(0,"app-broadcast-flow-obs-instructions")}function Rt(r,i){if(1&r){const e=t.RV6();t.j41(0,"app-broadcast-flow-mode",8),t.bIt("setActiveTab",function(n){t.eBV(e);const a=t.XpG();return t.Njj(a.setActiveTab(n))}),t.k0s()}}function Gt(r,i){if(1&r){const e=t.RV6();t.j41(0,"app-broadcast-flow-infos",9),t.bIt("setActiveTab",function(n){t.eBV(e);const a=t.XpG();return t.Njj(a.setActiveTab(n))}),t.k0s()}if(2&r){const e=t.XpG();t.Y8G("broadcastFlowParams",e.broadcastFlowParams)}}function At(r,i){if(1&r){const e=t.RV6();t.j41(0,"app-broadcast-flow-photo",10),t.bIt("setActiveTab",function(n){t.eBV(e);const a=t.XpG();return t.Njj(a.setActiveTab(n))}),t.k0s()}if(2&r){const e=t.XpG();t.Y8G("recentBroadcastIds",null==e.broadcastFlowParams?null:e.broadcastFlowParams.recentBroadcasts)("broadcastImageOverride",null==e.broadcastFlowParams?null:e.broadcastFlowParams.broadcastImageOverride)("isPartner",null==e.broadcastFlowParams?null:e.broadcastFlowParams.isPartner)("eventSelection",e.broadcastFlowParams.eventSelection)}}let Dt=(()=>{class r{constructor(e,o,n,a,c){this.streamService=e,this.router=o,this.channel=n,this.ref=a,this.broadcastFlowService=c,this.alive=!0,this.activeTab=_.D.MODE_SELECTION,this.localBroadcastType$=this.streamService.localBroadcastType$,this.BroadcastFlowTab=_.D,this.LocalBroadcastType=m.j}ngOnInit(){var e=this;return(0,p.A)(function*(){e.loadParams(),e.channel.goingLiveSomewhere$.pipe((0,F.v)(()=>e.alive)).subscribe(o=>{o&&e.router.navigateByUrl("/explore")})})()}ngOnDestroy(){this.broadcastFlowService.broadcastIsStarted||this.broadcastFlowService.cancelBroadcast(),this.streamService.localBroadcastIsAvatar&&this.streamService.stopLocalAvatarStream(),this.alive=!1}loadParams(){var e=this;return(0,p.A)(function*(){e.broadcastFlowParams=yield e.broadcastFlowService.createBroadcast(),e.ref.markForCheck(),e.initStream()})()}setActiveTab(e){this.activeTab=e,this.ref.markForCheck()}initStream(){var e=this;return(0,p.A)(function*(){switch(e.streamService.initVideoSDK(),e.streamService.localBroadcastType){case m.j.CAMERA:e.streamService.selectCamera();break;case m.j.OBS:e.broadcastFlowService.selectOBS();break;case m.j.AVATAR:e.streamService.lastAvatarSelected?e.streamService.selectAvatar():e.streamService.selectCamera()}})()}static{this.\u0275fac=function(o){return new(o||r)(t.rXU(C.g),t.rXU(f.Ix),t.rXU(E.l),t.rXU(t.gRc),t.rXU(b.z))}}static{this.\u0275cmp=t.VBU({type:r,selectors:[["app-broadcast-flow"]],decls:10,vars:7,consts:[[1,"main-container"],[1,"inner"],[1,"column"],[3,"streamKey"],[4,"ngIf"],[3,"setActiveTab",4,"ngIf"],[3,"broadcastFlowParams","setActiveTab",4,"ngIf"],[3,"recentBroadcastIds","broadcastImageOverride","isPartner","eventSelection","setActiveTab",4,"ngIf"],[3,"setActiveTab"],[3,"broadcastFlowParams","setActiveTab"],[3,"recentBroadcastIds","broadcastImageOverride","isPartner","eventSelection","setActiveTab"]],template:function(o,n){1&o&&(t.j41(0,"div",0)(1,"div",1)(2,"div",2),t.nrm(3,"app-broadcast-flow-preview",3),t.DNE(4,jt,1,0,"app-broadcast-flow-obs-instru
1ctions",4),t.nI1(5,"async"),t.k0s(),t.j41(6,"div",2),t.DNE(7,Rt,1,0,"app-broadcast-flow-mode",5),t.DNE(8,Gt,1,1,"app-broadcast-flow-infos",6),t.DNE(9,At,1,4,"app-broadcast-flow-photo",7),t.k0s()()()),2&o&&(t.R7$(3),t.Y8G("streamKey",null==n.broadcastFlowParams?null:n.broadcastFlowParams.streamKey),t.R7$(1),t.Y8G("ngIf",t.bMT(5,5,n.localBroadcastType$)===n.LocalBroadcastType.OBS),t.R7$(3),t.Y8G("ngIf",n.activeTab===n.BroadcastFlowTab.MODE_SELECTION),t.R7$(1),t.Y8G("ngIf",n.activeTab===n.BroadcastFlowTab.INITIAL_SETUP),t.R7$(1),t.Y8G("ngIf",n.activeTab===n.BroadcastFlowTab.PHOTO_SELECTION))},dependencies:[l.bT,Q,Tt,xt.u,Mt.p,Et,l.Jj],styles:[".step[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;border-radius:var(--small-border-radius)}.step[_ngcontent-%COMP%] .content[_ngcontent-%COMP%]{display:flex;align-items:center;flex-direction:column;width:100%;height:35rem}.step__title[_ngcontent-%COMP%]{margin-bottom:2rem;font-size:1rem;text-align:center;font-weight:600;color:var(--color-text)}.step__text[_ngcontent-%COMP%]{text-align:center;font-weight:500;color:var(--color-text-lighter);margin-bottom:.5rem}.button-wrapper[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center}.step__button[_ngcontent-%COMP%]{min-width:8rem}.step__button-back[_ngcontent-%COMP%]{position:absolute;left:0}.list__button[_ngcontent-%COMP%]{border-radius:var(--small-border-radius);color:var(--color-text);border:1px solid var(--main-border-color);transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden;display:flex;position:relative}.list__button.is-active[_ngcontent-%COMP%]:not(:disabled), .list__button[_ngcontent-%COMP%]:focus:not(:disabled){border-color:var(--color-primary-green);box-shadow:0 0 12px 0 rgba(var(--color-primary-green-rgb),.3)}.list__button[_ngcontent-%COMP%]:hover:not(.is-active):not(:disabled){border-color:var(--main-border-hover-color)}.under-preview[_ngcontent-%COMP%]{height:9rem}",".main-container[_ngcontent-%COMP%]{align-items:baseline;min-height:100vh;display:flex;align-items:center;justify-content:center}.main-container[_ngcontent-%COMP%] > .inner[_ngcontent-%COMP%]{display:grid;gap:3rem;grid-template-columns:42rem 21rem}.column[_ngcontent-%COMP%]{position:relative}"],changeDetection:0})}}return r})();var Ut=s(88419),x=s(71627),$t=s(50198);const M=[{path:"",component:Dt,canActivate:[x.s],data:{identifier:"BRDCST_SETUP",isAuthenticated:!0}}];let Yt=(()=>{class r{constructor(){}static{this.\u0275fac=function(o){return new(o||r)}}static{this.\u0275mod=t.$C({type:r})}static{this.\u0275inj=t.G2t({providers:[x.s],imports:[Ut.V,f.iI.forChild(M),$t.c]})}}return r})()}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.