https://app.zentap.com/407.3d1d3745ea9fd98a.js

1"use strict";(self.webpackChunkclient_dashboard=self.webpackChunkclient_dashboard||[]).push([[407],{63407:(w,c,t)=>{t.r(c),t.d(c,{YoutubeModule:()=>x});var n=t(54438),r=t(52168),p=t(43053),l=t(60381),d=t(15501),b=t(60177),f=t(23617),m=t(50513),z=t(16389),k=t(25930),h=t(97529),v=t(82983);let s=(()=>{class o{constructor(e,i,g,y){this.route=e,this.modalService=i,this.customersService=g,this.customersYoutubeService=y,this.status=!1,this.youtubeAuthentication={},this.loading=!1}ngOnInit(){const e=this.route.snapshot.queryParams;e.error?(this.youtubeAuthentication={status:"error",message:e.error},this.status=!1,this.loading=!0,this.setFacebookAuth()):e.code&&this.linkUser(e.code)}linkUser(e){this.loading=!0,this.customersYoutubeService.getYoutubeUserConnection().subscribe(i=>{i.length>0?this.customersYoutubeService.updateYoutubeUserConnection(e,i[0].id).subscribe(g=>{this.youtubeAuthentication={status:"success",message:"Youtube Refreshed Successfully",code:e},this.status=!0,this.loading=!1,this.setFacebookAuth()}):this.createYT(e)})}createYT(e){this.customersYoutubeService.createYoutubeUserConnection(e).subscribe(i=>{this.youtubeAuthentication={status:"success",message:"Youtube Integrated Successfully",code:e},this.status=!0,this.setFacebookAuth(),this.loading=!1},i=>{i&&(this.youtubeAuthentication={status:"error",message:"Something went wrong with Youtube login"},this.status=!1,this.loading=!0,this.setFacebookAuth())})}setFacebookAuth(){this.customersYoutubeService.setYoutubeAuthorizationCode(this.youtubeAuthentication),setTimeout(function(){window.close()},3e3)}close(){window.close()}static{this.\u0275fac=n.\u0275\u0275ngDeclareFactory({minVersion:"12.0.0",version:"17.3.12",ngImport:n,type:o,deps:[{token:r.nX},{token:p.N_},{token:l.h},{token:d.q}],target:n.\u0275\u0275FactoryTarget.Component})}static{this.\u0275cmp=n.\u0275\u0275ngDeclareComponent({minVersion:"14.0.0",version:"17.3.12",type:o,selector:"app-youtube-auth",ngImport:n,template:'<div class="status-container" *ngIf="status && !loading">\n  <div class="success-checkmark">\n    <div class="check-icon">

1\n      <span class="icon-line line-tip"></span>\n      <span class="icon-line line-long"></span>\n      <div class="icon-circle"></div>\n      <div class="icon-fix"></div>\n    </div>\n  </div>\n  <h1>YouTube Connected Successfully!</h1>\n  <div nz-row nzJustify="center">\n    <div nz-col >\n      <button nz-button (click)="close()" nzType="primary">Done</button>\n\n    </div>\n  </div>\n</div>\n<div class="status-container" *ngIf="!status && !loading">\n  <div class="error-banmark">\n    <div class="ban-icon">\n      <span class="icon-line line-long-invert"></span>\n      <span class="icon-line line-long"></span>\n      <div class="icon-circle"></div>\n      <div class="icon-fix"></div>\n    </div>\n  </div>\n  <h1>Error connecting Youtube!</h1>\n</div>\n<div class="status-container"  *ngIf="loading">\n  <nz-spin nzTip="Loading...">\n    <nz-alert nzType="info" nzMessage="Youtube is connecting" nzDescription="Please wait your Youtube connection is being created."> </nz-alert>\n  </nz-spin>\n</div>\n',styles:['.status-container{left:0;line-height:200px;margin-top:-100px;position:absolute;text-align:center;top:50%;width:100%}h1{color:#0070f7;font-size:20px;font-weight:600;margin:0;line-height:0}.success-checkmark{width:80px;height:115px;margin:0 auto}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4CAF50}.success-checkmark .check-icon:before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon:after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon:before,.success-checkmark .check-icon:after{content:"";height:100px;position:absolute;background:#fff;transform:rotate(-45deg)}.success-checkmark .check-icon .icon-line{height:5px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(76,175,80,.5)}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#fff}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}.error-banmark{width:80px;height:115px;margin:0 auto}.error-banmark .ban-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid rgb(175,76,76)}.error-banmark .ban-icon:before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.error-banmark .ban-icon:after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.error-banmark .ban-icon:before,.error-banmark .ban-icon:after{content:"";height:100px;position:absolute;background:#fff0;transform:rotate(-45deg)}.error-banmark .ban-icon .icon-line{height:5px;background-color:#af4c4c;display:block;border-radius:2px;position:absolute;z-index:10}.error-banmark .ban-icon .icon-line.line-long-invert{top:39px;left:8px;width:60px;transform:rotate(45deg);animation:icon-line-long .75s}.error-banmark .ban-icon .icon-line.line-long{top:39px;left:8px;width:60px;transform:rotate(-45deg);animation:icon-line-long .85s}.error-banmark .ban-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(175,76,76,.5)}.error-banmark .ban-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#fff0}\n'],dependencies:[{kind:"directive",type:b.bT,selector:"[ngIf]",inputs:["ngIf","ngIfThe

1n","ngIfElse"]},{kind:"component",type:f.Y,selector:"nz-alert",inputs:["nzAction","nzCloseText","nzIconType","nzMessage","nzDescription","nzType","nzCloseable","nzShowIcon","nzBanner","nzNoAnimation","nzIcon"],outputs:["nzOnClose"],exportAs:["nzAlert"]},{kind:"component",type:m.aO,selector:"button[nz-button], a[nz-button]",inputs:["nzBlock","nzGhost","nzSearch","nzLoading","nzDanger","disabled","tabIndex","nzType","nzShape","nzSize"],exportAs:["nzButton"]},{kind:"directive",type:z.c,selector:"[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group",inputs:["hidden"]},{kind:"directive",type:k.p,selector:'[nz-wave],button[nz-button]:not([nzType="link"]):not([nzType="text"])',inputs:["nzWaveExtraNode"],exportAs:["nzWave"]},{kind:"directive",type:h.Uq,selector:"[nz-col],nz-col,nz-form-control,nz-form-label",inputs:["nzFlex","nzSpan","nzOrder","nzOffset","nzPush","nzPull","nzXs","nzSm","nzMd","nzLg","nzXl","nzXXl"],exportAs:["nzCol"]},{kind:"directive",type:h.e,selector:"[nz-row],nz-row,nz-form-item",inputs:["nzAlign","nzJustify","nzGutter"],exportAs:["nzRow"]},{kind:"component",type:v.a,selector:"nz-spin",inputs:["nzIndicator","nzSize","nzTip","nzDelay","nzSimple","nzSpinning"],exportAs:["nzSpin"]}]})}}return o})();n.\u0275\u0275ngDeclareClassMetadata({minVersion:"12.0.0",version:"17.3.12",ngImport:n,type:s,decorators:[{type:n.Component,args:[{selector:"app-youtube-auth",template:'<div class="status-container" *ngIf="status && !loading">\n  <div class="success-checkmark">\n    <div class="check-icon">

1\n      <span class="icon-line line-tip"></span>\n      <span class="icon-line line-long"></span>\n      <div class="icon-circle"></div>\n      <div class="icon-fix"></div>\n    </div>\n  </div>\n  <h1>YouTube Connected Successfully!</h1>\n  <div nz-row nzJustify="center">\n    <div nz-col >\n      <button nz-button (click)="close()" nzType="primary">Done</button>\n\n    </div>\n  </div>\n</div>\n<div class="status-container" *ngIf="!status && !loading">\n  <div class="error-banmark">\n    <div class="ban-icon">\n      <span class="icon-line line-long-invert"></span>\n      <span class="icon-line line-long"></span>\n      <div class="icon-circle"></div>\n      <div class="icon-fix"></div>\n    </div>\n  </div>\n  <h1>Error connecting Youtube!</h1>\n</div>\n<div class="status-container"  *ngIf="loading">\n  <nz-spin nzTip="Loading...">\n    <nz-alert nzType="info" nzMessage="Youtube is connecting" nzDescription="Please wait your Youtube connection is being created."> </nz-alert>\n  </nz-spin>\n</div>\n',styles:['.status-container{left:0;line-height:200px;margin-top:-100px;position:absolute;text-align:center;top:50%;width:100%}h1{color:#0070f7;font-size:20px;font-weight:600;margin:0;line-height:0}.success-checkmark{width:80px;height:115px;margin:0 auto}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4CAF50}.success-checkmark .check-icon:before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon:after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon:before,.success-checkmark .check-icon:after{content:"";height:100px;position:absolute;background:#fff;transform:rotate(-45deg)}.success-checkmark .check-icon .icon-line{height:5px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(76,175,80,.5)}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#fff}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}.error-banmark{width:80px;height:115px;margin:0 auto}.error-banmark .ban-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid rgb(175,76,76)}.error-banmark .ban-icon:before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.error-banmark .ban-icon:after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.error-banmark .ban-icon:before,.error-banmark .ban-icon:after{content:"";height:100px;position:absolute;background:#fff0;transform:rotate(-45deg)}.error-banmark .ban-icon .icon-line{height:5px;background-color:#af4c4c;display:block;border-radius:2px;position:absolute;z-index:10}.error-banmark .ban-icon .icon-line.line-long-invert{top:39px;left:8px;width:60px;transform:rotate(45deg);animation:icon-line-long .75s}.error-banmark .ban-icon .icon-line.line-long{top:39px;left:8px;width:60px;transform:rotate(-45deg);animation:icon-line-long .85s}.error-banmark .ban-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(175,76,76,.5)}.error-banmark .ban-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#fff0}\n']}]}],ctorParameters:()=>[{type:r.nX},{type:p.N_},{type:l.h},{type:d.q}]});const u=[{path:"",component:s}];var a=t(30500);let x=(()=>{class o{constructor(){}static{this.\u0275fac=n.\u0275\u0275ngDeclareFactory({minVersion:"12.0.0",ver

1sion:"17.3.12",ngImport:n,type:o,deps:[],target:n.\u0275\u0275FactoryTarget.NgModule})}static{this.\u0275mod=n.\u0275\u0275ngDeclareNgModule({minVersion:"14.0.0",version:"17.3.12",ngImport:n,type:o,declarations:[s],imports:[r.iI,a.g]})}static{this.\u0275inj=n.\u0275\u0275ngDeclareInjector({minVersion:"12.0.0",version:"17.3.12",ngImport:n,type:o,imports:[r.iI.forChild(u),a.g]})}}return o})();n.\u0275\u0275ngDeclareClassMetadata({minVersion:"12.0.0",version:"17.3.12",ngImport:n,type:x,decorators:[{type:n.NgModule,args:[{declarations:[s],imports:[r.iI.forChild(u),a.g],providers:[]}]}],ctorParameters:()=>[]})}}]);