!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("ew-common-lib"),require("rxjs"),require("rxjs/operators"),require("@ngx-translate/core"),require("@angular/common"),require("@angular/forms"),require("@angular/material/dialog"),require("@angular/router"),require("ngx-mat-select-search")):"function"==typeof define&&define.amd?define("ew-ma-integration",["exports","@angular/core","ew-common-lib","rxjs","rxjs/operators","@ngx-translate/core","@angular/common","@angular/forms","@angular/material/dialog","@angular/router","ngx-mat-select-search"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self)["ew-ma-integration"]={},t.ng.core,t.i1,t.rxjs,t.rxjs.operators,t.i1$1,t.ng.common,t.ng.forms,t.ng.material.dialog,t.ng.router,t.ngxMatSelectSearch)}(this,(function(t,e,a,n,i,s,o,r,l,d,c){"use strict";var u=function(){function t(t,e,a){this.env=t,this.httpService=e,this.authenticationService=a,this.environment=t,this.token=this.authenticationService.getUserAccessToken()}return t.prototype.getUrl=function(t){return this.environment.apiBaseUrl+t},t.prototype.getIntegtaionList=function(t){var e=this.getUrl("v1/integrations/"+t.webinar_id+"/all-integrations");return delete t.webinar_id,this.httpService.get(this.token,e,t).pipe(i.catchError(this.handleError("getAllIntegrations")))},t.prototype.getIntegtaionAllData=function(t){var e=this.getUrl("v1/integrations/"+t.webinar_id+"/fetch-integration-all-data");return delete t.webinar_id,this.httpService.get(this.token,e,t).pipe(i.catchError(this.handleError("getAllIntegrations")))},t.prototype.saveIntegration=function(t){var e=this.getUrl("v1/integrations/"+t.webinar_id+"/add-integration");return delete t.webinar_id,this.httpService.post(this.token,e,t).pipe(i.catchError(this.handleError("Add Integration")))},t.prototype.removeSelectedTag=function(t){var e=this.getUrl("v1/events/"+t.event_id+"/remove-tag");return delete t.event_id,this.httpService.put(this.token,e,t).pipe(i.catchError(this.handleError("Remove tags")))},t.prototype.disconnectIntegrationForEvent=function(t){var e=this.getUrl("v1/events/"+t.event_id+"/remove-integration");return delete t.event_id,this.httpService.post(this.token,e,t).pipe(i.catchError(this.handleError("Remove Integration")))},t.prototype.saveCustomFields=function(t){var e=this.getUrl("v1/integrations/"+t.event_id+"/save-custom-fields");return delete t.event_id,this.httpService.post(this.token,e,t).pipe(i.catchError(this.handleError("Save custom fields")))},t.prototype.saveWebinarCustomFields=function(t){var e=this.getUrl("v1/integrations/"+t.event_id+"/save-webinar-custom-fields");return delete t.event_id,this.httpService.post(this.token,e,t).pipe(i.catchError(this.handleError("Save custom fields")))},t.prototype.relaodTagListCustomFields=function(t){var e=this.getUrl("v1/integrations/reload-tags-list-customfields");return this.httpService.get(this.token,e,t).pipe(i.catchError(this.handleError("Save custom fields")))},t.prototype.saveSelectedList=function(t){var e=this.getUrl("v1/integrations/"+t.event_id+"/save-selected-list");return delete t.event_id,this.httpService.post(this.token,e,t).pipe(i.catchError(this.handleError("Save selected list")))},t.prototype.handleError=function(t,e){return void 0===t&&(t="operation"),function(e){return console.log(t+" failed: "+e.message),n.throwError(e)}},t.prototype.getV2CDN=function(){return this.environment.V2CDN},t}();u.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new u(e.ɵɵinject("env"),e.ɵɵinject(a.HttpService),e.ɵɵinject(a.AuthenticationService))},token:u,providedIn:"root"}),u.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],u.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:["env"]}]},{type:a.HttpService},{type:a.AuthenticationService}]};var g={HEADING:"Integrations",ADVANCED_SETTINGS:"Advanced Settings (Fields/Custom Fields)",APP_TO_CONNECT:"App(s) that are currently connected to your easywebinar account",INTEGRATE_EVENT:"Integrate your webinar with ",SUPERCHARGE:"to supercharge your event.",CONNECTED:"Connected",ACTIVE:"Ready",CONNECT_WITH_WEBINAR:"Connect to Webinar",NOT_CONNECTED_APPS:"You haven't connected any 3rd party softwares yet.  See our list of CRM Partners below.",NOT_CONNECTED_HEADING:"No CRM Activated",AVAILABLE_APPS_EASYWEBINAR:"Available softwares to integrate directly with Easywebinar:",CONNECT_WITH_APP:"Connect Now!",TRY_SEARCHING:"Is your software not on the list? Try using",ZAPIER:"Zapier",NEW_APPLICATION_INTEGRATIONS:" - or submit a request for a new software integration.",OR:" - or ",SOFTWARE_INTEGRATIONS:" a new software integration.",SUBMIT_REQUEST_LINK:"submit a request",SUBMIT_REQUEST:"Submit a Request",SELECT:"Select a",CONTACT_LIST:"Contact List",MODIFICATIONS_MADE_TO_OFFER:"Your attendees will be automatically added to this list after they register to your webinar.",CONTINUE:"Continue",ARE_YOU_SURE:"Confirmation Required!",DELETE_THESE_RECORDS:"You have some unsaved changes.",UNDONE_MESSAGE:" Are you sure you want to exit?",CHANGES_NOT_SAVED:"Changes not saved!",EXIT_MESSAGE:"Are you sure you want to exit!",NO:"No",YES:"Yes",INTEGRATIONS:"Integration",CHANGE:"Change",CHANGE_INTEGRATION:"Change Integration",DISCONNECT:"Disconnect",SETTINGS:"settings",RELOAD_TAGS:"Reload Tags",ACTIONS:"Actions",IF:"IF",THEN:"THEN",ACTION_VALUE:"ACTION/VALUE",EDIT:"Edit",DELETE:"Delete",SELECT_OFFER:"SELECT OFFER",ACTION:"ACTION/VALUE",DEFAULT:"Default",CUSTOM_FORM_FIELDS:"Custom Form Fields",ADD_NEW_ACTION:"Add Action",WEBINAR_JOIN_LINK:"Webinar Join Link",WEBINAR_JOIN_LINK_ATTENDEE:"Assign a custom field from your CRM to save this data.",WEBINAR_JOIN_SHORT_LINK:"Webinar Short Link",EVENT_SHORT_LINK:"Assign a custom field from your CRM to save this data.",WEBINAR_REPLAY_LINK:"Webinar Replay Link",WEBINAR_REPLAY_LINK_ATTENDEE:"Assign a custom field from your CRM to save this data.",WEBINAR_REPLAY_SHORT_LINK:"Replay Short Link",REPLAY_SHORT_LINK:"Assign a custom field from your CRM to save this data.",PHONE_NUMBER:"Phone Number",PHONE_NUMBER_ATTENDEE:"Assign a custom field from your CRM to save this data.",SAVE_CHANGES:"Save Changes",WEBINAR_DATE:"Webinar Date",ADD_NAME_CUSTOM_FIELD:"Assign a custom field from your CRM to save this data.",WEBINAR_TIME:"Webinar Time",SAVE_WEBINAR_TIME:"Assign a custom field from your CRM to save this data.",WEBINAR_DATE_TIME:"Webinar Date&Time",WEBINAR_DATE_TIME_CUSTOM:"Assign a custom field from your CRM to save this data.",WEBINAR_TIMEZONE:"Webinar Timezone",WEBINAR_TIMEZONE_CUSTOM:"Assign a custom field from your CRM to save this data.",WEBINAR_AFFILIATE:"Webinar Affiliate",NAME_OF_HIDDEN_FIELD:"Assign a custom field from your CRM to save this data.",CUSTOM_FIELD:"Assign a custom field from your CRM to save this data.",NO_CUSTOM_FIELD:"There are no custom-fields found for your webinar registration",SAVE:"SAVE",CONFIRM:"CONFIRM",SELECT_CUSTOM_FIELD:"Select a custom field",CUSTOM_FORMFIELD_EMAIL:"Assign a custom field from your CRM to save this data.",CUSTOM_FORMFIELD_FULLNAME:"Assign a custom field from your CRM to save this data.",AWEBER_LIST:"You need to set up your custom fields again",SEARCH:"Search",SEARCHLISTDROPDOWNTEXT:"Search",SEARCHTAGDROPDOWNTEXT:"Search",Empty_SEARCH:"No entry matches",SNACKBAR_TEXT:{DATA_SAVED_SUCC_MSG:"Your data is saved successfully",DATA_UPDATED_SUCC_MSG:"Your data is updated successfully",SOMETHING_WENT_WRONG:"Something went wrong.Please try again.",SELECT_OFFER_FIRST:"Please select offer first.",SELECT_GDPR_FIRST:"Please select GDPR settings first",USE_DIFFERENT_LIST_FOR_GDPR:"Please select different value as this is already used",SELECT_DIFFRENT:"Please select different value as this is selected for GDPR",REQUIRED_FIELDS_MSG:"All fields are mandatory.",GOT_IT_BUTTON:"Got It"},EVENTS:{GDPR_EXCLUDE_LIST:"GDPR exclude list",REGISTERED:"Registered",ATTENDED:"Attended",MISSED:"Missed",WATCHED_REPLAY:"Watched replay",DID_NOT_WATCHED_REPLAY:"Didn't watch replay",JOIN_WEBINAR_AFTER:"Joined webinar after",LEFT_WEBINAR_BEFORE:"Left webinar before",LEFT_EARLY:"Left early",STAY_ON_WEBINAR_AT_LEAST:"Stayed on webinar at least",WATCHED_FULL:"Watched full",OFFER_CLICKED:"Clicked Offer",SAW_BUT_NOT_CLICKED:"Saw offer but didn't click",QUESTION_ASKED:"Question asked"},SELECT_ACTIONS:{ADDTAG:"Add tag",REMOVETAG:"Remove tag",ADDTOLIST:"Add to list",REMOVE_FROM_LIST:"Remove from list"}},m={HEADING:"Integrations",ADVANCED_SETTINGS:"Advanced Settings (Fields/Custom Fields)",APP_TO_CONNECT:"App(s) that are currently connected to your easywebinar account",INTEGRATE_EVENT:"Integrate your webinar with ",SUPERCHARGE:"to supercharge your event.",CONNECTED:"Connected",ACTIVE:"Ready",CONNECT_WITH_WEBINAR:"Connect to Webinar",NOT_CONNECTED_APPS:"You haven't connected any 3rd party softwares yet.  See our list of CRM Partners below.",NOT_CONNECTED_HEADING:"No CRM Activated",AVAILABLE_APPS_EASYWEBINAR:"Available softwares to integrate directly with Easywebinar:",CONNECT_WITH_APP:"Connect Now!",TRY_SEARCHING:"Is your software not on the list? Try using",ZAPIER:"Zapier",NEW_APPLICATION_INTEGRATIONS:" - or submit a request for a new software integration.",OR:" - or ",SOFTWARE_INTEGRATIONS:" a new software integration.",SUBMIT_REQUEST_LINK:"submit a request",SUBMIT_REQUEST:"Submit a Request",SELECT:"Select a",CONTACT_LIST:"Contact List",MODIFICATIONS_MADE_TO_OFFER:"Your attendees will be automatically added to this list after they register to your webinar.",CONTINUE:"Continue",ARE_YOU_SURE:"Confirmation Required!",DELETE_THESE_RECORDS:"Do you really want to remove this item?",UNDONE_MESSAGE:"This process cannot be undone.",CHANGES_NOT_SAVED:"Changes not saved!",EXIT_MESSAGE:"Are you sure you want to exit!",NO:"No",YES:"Yes",INTEGRATIONS:"Integration",CHANGE:"Change",CHANGE_INTEGRATION:"Change Integration",DISCONNECT:"Disconnect",SETTINGS:"settings",RELOAD_TAGS:"Reload Tags",ACTIONS:"Actions",IF:"IF",THEN:"THEN",ACTION_VALUE:"ACTION/VALUE",EDIT:"Edit",DELETE:"Delete",SELECT_OFFER:"SELECT OFFER",ACTION:"ACTION/VALUE",DEFAULT:"Default",CUSTOM_FORM_FIELDS:"Custom Form Fields",ADD_NEW_ACTION:"Add Action",WEBINAR_JOIN_LINK:"Webinar Join Link",WEBINAR_JOIN_LINK_ATTENDEE:"Assign a custom field from your CRM to save this data.",WEBINAR_JOIN_SHORT_LINK:"Webinar Short Link",EVENT_SHORT_LINK:"Assign a custom field from your CRM to save this data.",WEBINAR_REPLAY_LINK:"Webinar Replay Link",WEBINAR_REPLAY_LINK_ATTENDEE:"Assign a custom field from your CRM to save this data.",WEBINAR_REPLAY_SHORT_LINK:"Replay Short Link",REPLAY_SHORT_LINK:"Assign a custom field from your CRM to save this data.",PHONE_NUMBER:"Phone Number",PHONE_NUMBER_ATTENDEE:"Assign a custom field from your CRM to save this data.",SAVE_CHANGES:"Save Changes",WEBINAR_DATE:"Webinar Date",ADD_NAME_CUSTOM_FIELD:"Assign a custom field from your CRM to save this data.",WEBINAR_TIME:"Webinar Time",SAVE_WEBINAR_TIME:"Assign a custom field from your CRM to save this data.",WEBINAR_DATE_TIME:"Webinar Date&Time",WEBINAR_DATE_TIME_CUSTOM:"Assign a custom field from your CRM to save this data.",WEBINAR_TIMEZONE:"Webinar Timezone",WEBINAR_TIMEZONE_CUSTOM:"Assign a custom field from your CRM to save this data.",WEBINAR_AFFILIATE:"Webinar Affiliate",NAME_OF_HIDDEN_FIELD:"Assign a custom field from your CRM to save this data.",CUSTOM_FIELD:"Assign a custom field from your CRM to save this data.",NO_CUSTOM_FIELD:"There are no custom-fields found for your webinar registration",SAVE:"SAVE",CONFIRM:"CONFIRM",SELECT_CUSTOM_FIELD:"Select a custom field",CUSTOM_FORMFIELD_EMAIL:"Assign a custom field from your CRM to save this data.",CUSTOM_FORMFIELD_FULLNAME:"Assign a custom field from your CRM to save this data.",AWEBER_LIST:"You need to set up your custom fields again",SEARCH:"Search",Empty_SEARCH:"No entry matches",SEARCHLISTDROPDOWNTEXT:"Search",SEARCHTAGDROPDOWNTEXT:"Search",SNACKBAR_TEXT:{DATA_SAVED_SUCC_MSG:"Your data is saved successfully",DATA_UPDATED_SUCC_MSG:"Your data is updated successfully",SOMETHING_WENT_WRONG:"Something went wrong.Please try again.",SELECT_OFFER_FIRST:"Please select offer first.",SELECT_GDPR_FIRST:"Please select GDPR settings first",USE_DIFFERENT_LIST_FOR_GDPR:"Please select different value as this is already used",SELECT_DIFFRENT:"Please select different value as this is selected for GDPR",REQUIRED_FIELDS_MSG:"All fields are mandatory.",GOT_IT_BUTTON:"Got It"},EVENTS:{GDPR_EXCLUDE_LIST:"GDPR exclude list",REGISTERED:"Registered",ATTENDED:"Attended",MISSED:"Missed",WATCHED_REPLAY:"Watched replay",DID_NOT_WATCHED_REPLAY:"Didn't watch replay",JOIN_WEBINAR_AFTER:"Joined webinar after",LEFT_WEBINAR_BEFORE:"Left webinar before",LEFT_EARLY:"Left early",STAY_ON_WEBINAR_AT_LEAST:"Stayed on webinar at least",WATCHED_FULL:"Watched full",OFFER_CLICKED:"Clicked Offer",SAW_BUT_NOT_CLICKED:"Saw offer but didn't click",QUESTION_ASKED:"Question asked"},SELECT_ACTIONS:{ADDTAG:"Add tag",REMOVETAG:"Remove tag",ADDTOLIST:"Add to list",REMOVE_FROM_LIST:"Remove from list"}},p=function(){function t(t){this.translateService=t,this.availableLanguages={en:g,es:m}}return t.prototype.init=function(t){var e=this;void 0===t&&(t=null),t?this.translateService.setTranslation(t,this.availableLanguages[t],!0):Object.keys(this.availableLanguages).forEach((function(t){e.translateService.setTranslation(t,e.availableLanguages[t],!0)}))},t}();p.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new p(e.ɵɵinject(s.TranslateService))},token:p,providedIn:"root"}),p.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],p.ctorParameters=function(){return[{type:s.TranslateService}]};var f=function(){function t(t,a,n){this.integrationService=t,this.ewTranslateService=a,this.translate=n,this.event_id="",this.default_lang="en",this.addIntegration=new e.EventEmitter,n.addLangs(["en","es"])}return t.prototype.ngOnInit=function(){this.integrationService.event_id=this.event_id,this.initLanguage()},t.prototype.initLanguage=function(){var t=this;this.translate.setDefaultLang(this.default_lang),this.translate.use(this.default_lang).subscribe((function(){t.ewTranslateService.init()}))},t.prototype.ngOnChanges=function(){this.integrationService.event_id=this.event_id},t}();f.decorators=[{type:e.Component,args:[{selector:"lib-ew-ma-integration",template:'\n  <lib-integration (add_integration)="addIntegration.emit($event)" [default_lang]="default_lang"></lib-integration>\n  \x3c!-- <lib-add-itegration *ngIf="add_integration" [serviceName]="service_name"></lib-add-itegration> --\x3e\n  '}]}],f.ctorParameters=function(){return[{type:u},{type:p},{type:s.TranslateService}]},f.propDecorators={event_id:[{type:e.Input}],default_lang:[{type:e.Input}],addIntegration:[{type:e.Output}]};var v=function(){function t(t,a,n,i,s){this.dialogRef=t,this.EwMaIntegrationService=a,this.ewFlashService=n,this.data=i,this.router=s,this.showPopupLoader=0,this.add_integration=new e.EventEmitter}return t.prototype.closeDailog=function(t){this.dialogRef.close(t)},t.prototype.ngOnInit=function(){console.log(this.data)},t.prototype.redirectToAddIntegration=function(){this.selectedList&&this.saveSelectedList(this.selectedList,this.data.service_provider)},t.prototype.saveSelectedList=function(t,e){var n=this;this.showPopupLoader=1;var i={service_provider:e,action:"list",value:t,event_id:this.data.event_id};this.EwMaIntegrationService.saveSelectedList(i).subscribe((function(t){n.showPopupLoader=0,t.status.code==a.statusCodes.SUCCESS&&(n.add_integration.emit(e),n.closeDailog(e))}),(function(t){n.showPopupLoader=0,n.ewFlashService.openSnackBar("Something went wrong.Please try again.","Got It","error-ew-message")}))},t}();v.decorators=[{type:e.Component,args:[{selector:"app-list-select-integration",template:'<div class="ew-center-dailog-wrapper">\n    <span class="close-dialog" (click)="closeDailog(\'\')">\n        <mat-icon>close</mat-icon>\n    </span>\n<lib-ew-section-loader *ngIf="showPopupLoader == 1"></lib-ew-section-loader>\n<mat-dialog-content class="mat-dialog-content">\n    <div class="ew-center-dailog">\n        <div class="aweber-contact-list">\n            <img src="assets/images/integrations/{{data.service_provider}}.png">\n            <h2>{{ \'SELECT\' | translate }} {{data.service_provider}} {{ \'CONTACT_LIST\' | translate }} </h2>\n            <span class="aweber-contatct-info">{{ \'MODIFICATIONS_MADE_TO_OFFER\' | translate }}</span>\n            <span class="aweber-alert" *ngIf="data.customFieldAlert == 1">{{ \'AWEBER_LIST\' | translate }}</span>\n            <mat-form-field floatLabel="never">\n                <mat-select matInput placeholder="Select List" [(value)] = "selectedList"  class="ew-field-no-label">\n                    <mat-option *ngFor="let item of data.list |keyvalue" value="{{item.key}}">{{item.value}}</mat-option>\n                </mat-select>\n            </mat-form-field>            \n            <button  class="large-btn-ew" mat-flat-button color="accent" (click)="redirectToAddIntegration()">{{ \'CONTINUE\' | translate }}</button>\n        </div>\n        \n    </div>\n</mat-dialog-content>\n</div>\n\n',styles:[""]}]}],v.ctorParameters=function(){return[{type:l.MatDialogRef},{type:u},{type:a.FlashService},{type:void 0,decorators:[{type:e.Inject,args:[l.MAT_DIALOG_DATA]}]},{type:d.Router}]},v.propDecorators={add_integration:[{type:e.Output}]};var h=function(){function t(t,a,n,i,s,o,r,l){this.env=t,this.EwMaIntegrationService=a,this.authenticationService=n,this.router=i,this.dialog=s,this.ewTranslateService=o,this.translate=r,this.ewCommonService=l,this.default_lang="en",this.showIntegration=1,this.activatedServices=0,this.showLoader=1,this.baseUrl="http://localhost/easywebinar-app/",this.add_integration=new e.EventEmitter,this.activeTab="eventRoom",this.keepOrder=function(t,e){return t},r.addLangs(["en","es"]),this.environment=t}return t.prototype.ngOnInit=function(){this.userDomain=this.authenticationService.getUserDomain(),this.getIntegtaionList(),this.initLanguage()},t.prototype.initLanguage=function(){var t=this;this.translate.setDefaultLang(this.default_lang),this.translate.use(this.default_lang).subscribe((function(){t.ewTranslateService.init()}))},t.prototype.getIntegtaionList=function(){var t=this,e={webinar_id:this.EwMaIntegrationService.event_id};this.EwMaIntegrationService.getIntegtaionList(e).subscribe((function(e){t.showLoader=0,e.status.code==a.statusCodes.SUCCESS?(t.integrationList=e.data.allServices,t.listData={mailchimpList:e.data.mailchimp_list,aweberList:e.data.aweber_list,getresponseList:e.data.getresponse_list,convertkitList:e.data.convertkit_list},t.selectedService=e.data.service_provider,t.activatedServices=e.data.activeIntegrations):e.status.code==a.statusCodes.NOT_FOUND&&(t.integrationList=[])}),(function(t){console.log("error",t)}))},t.prototype.overview=function(t){this.activeTab=t},t.prototype.eventRoom=function(t){this.activeTab=t},t.prototype.redirectToAddIntegration=function(t){var e=this;if(t!=this.selectedService&&("getresponse"==t||"convertkit"==t||"mailchimp"==t||"aweber"==t&&this.listData.aweberList)){var a=t+"List",n=this.dialog.open(v,{maxWidth:"555px",width:"100%",backdropClass:"ew-new-backdrop",panelClass:"ew-new",data:{service_provider:t,list:this.listData[a],event_id:this.EwMaIntegrationService.event_id}});this.ewCommonService.addPopupCustomClass("full-screen-black-dialog"),n.afterClosed().subscribe((function(t){e.ewCommonService.removePopupCustomClass("full-screen-black-dialog"),t&&e.add_integration.emit(t)}))}else this.add_integration.emit(t)},t.prototype.connectCrm=function(t){var e=this.environment.funnelAppBaseUrl+"/"+{infusionsoft:"integration-infusionsoft",ontraport:"ontraport",activecampaign:"active-campaign",aweber:"aweber",constantcontact:"constant-contact",getresponse:"get-response",icontact:"icontact",mailchimp:"mail-chimp",drip:"drip",convertkit:"convertkit",hubspot:"integration-hubspot",pardot:"pardot-integration",influencersoft:"influencersoft"}[t];window.open(e,"_blank")},t.prototype.V2CDN=function(){return this.EwMaIntegrationService.getV2CDN()},t}();h.decorators=[{type:e.Component,args:[{selector:"lib-integration",template:'<div class="body-content-web-app">\n<div class="right-body-content web-app-right-body with-two-section">\n    <div class="row">\n    <div class="col m12 custom-width-section">\n        <div class="outet-section-box">\n        \x3c!--event-content-section--\x3e\n        <div class="event-content-section">\n            <div class="section-header-ew">\n            <span class="heading-section-box">\n                <h1>{{ \'HEADING\' | translate }}</h1>\n            </span>\n            </div>\n        </div>\n        \x3c!--<lib-ew-section-loader *ngIf="showLoader == 1"></lib-ew-section-loader> --\x3e\n        <lib-ew-main-loader *ngIf="showLoader == 1"></lib-ew-main-loader>\n        <div class="ew-integration-body">\n            <div class="integration-app-grid">\n                <span class="integrationa-app-title" *ngIf="!(activatedServices == 0 && showLoader != 1)">\n                    {{ \'APP_TO_CONNECT\' | translate }}\n                </span>\n                <div  class="grid-column-integration row" *ngIf="activatedServices>0">\n                    <ng-container *ngFor="let item of integrationList |keyvalue:keepOrder" >\n                    <div *ngIf="item.value == 1"  class="grid-outer-app" [ngClass]="item.key == selectedService ?\'selected\' :\'grid-outer-app\'" >\n                            <div class="section-box">\n                                <div class="app-box" (click)="redirectToAddIntegration(item.key)">\n                                    <span class="app-branding-integration">\n                                    \x3c!--<img src="assets/images/integrations/{{item.key}}.png" alt="{{item.key}}">--\x3e\n                                    <img src="{{V2CDN()}}assets/images/{{item.key}}.png" alt="{{item.key}}">\n                                    </span>\n                                    <span class="app-title-integration">{{item.key == \'infusionsoft\' ? \'Keap\':item.key | titlecase}}</span>\n                                    <span class="app-description-integration">{{ \'INTEGRATE_EVENT\' | translate }} {{item.key == \'infusionsoft\' ? \'Keap\':item.key}} {{ \'SUPERCHARGE\' | translate }}</span>\n                                    <span *ngIf="item.key == selectedService" class="app-status-integration active-app-state"><mat-icon>done</mat-icon>{{ \'CONNECTED\' | translate }}</span>\n                                    <span *ngIf="item.key != selectedService" class="app-status-integration active-app-state"><mat-icon>done</mat-icon>{{ \'ACTIVE\' | translate }}</span>\n                                    <span class="connect-webinar-app">\n                                        <button class="small-button-ew grey darken" mat-flat-button color="accent">{{ \'CONNECT_WITH_WEBINAR\' | translate }}</button>\n                                    </span>\n                                    <span *ngIf="item.key == selectedService" class="selected-app-check">\n                                        <svg _ngcontent-buh-c230="" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 14 14"><path _ngcontent-buh-c230="" id="Path_2203" data-name="Path 2203" d="M9,2a7,7,0,1,0,7,7A7,7,0,0,0,9,2ZM7.6,12.5,4.1,9l.987-.987L7.6,10.519l5.313-5.313L13.9,6.2Z" transform="translate(-2 -2)" fill="#0044FF"></path></svg>\n                                    </span>\n                                </div>\n                            </div>                           \n\n                    </div>\n                </ng-container>\n                </div>\n                \x3c!--<div class="grid-column-integration row" *ngIf="activatedServices == 0 && showLoader != 1" >                \n                    <div class="empty-states-full-screen">\n                        <div class="empty-state-screen-box">                \n                            <div class="empty-screen-description">\n                                <span class="empty-screen-title">{{ \'NOT_CONNECTED_HEADING\' | translate}}</span>\n                                <span>{{ \'NOT_CONNECTED_APPS\' | translate }}</span>                \n                            </div>\n                        </div>\n                    </div>\n                </div>--\x3e\n            </div>\n            <div class="integration-app-grid app-unconnected">\n                <span class="integrationa-app-title">\n                    {{ \'AVAILABLE_APPS_EASYWEBINAR\' | translate }}\n                </span>\n                <div class="grid-column-integration row">\n                    <ng-container *ngFor="let item of integrationList |keyvalue" >\n                    <div class="grid-outer-app" *ngIf="item.value == 0" >\n                        <div class="section-box">\n                            <div class="app-box">\n                                <span class="app-branding-integration">\n                                    \x3c!--<img src="assets/images/integrations/{{item.key}}.png" alt="{{item.key}}">--\x3e\n                                    <img src="{{V2CDN()}}assets/images/{{item.key}}.png" alt="{{item.key}}">\n                                </span>\n                                <span class="app-title-integration">{{item.key == \'infusionsoft\' ? \'Keap\':item.key | titlecase}}</span>\n                                <span class="app-description-integration">{{ \'INTEGRATE_EVENT\' | translate }} {{item.key}} {{ \'SUPERCHARGE\' | translate }}</span>\n                                \x3c!--<span class="app-status-integration active-app-state"><mat-icon>done</mat-icon>Active</span>--\x3e\n                                <span class="connect-webinar-app">\n                                    <button class="small-button-ew grey darken" mat-flat-button color="accent" (click)="connectCrm(item.key);">{{ \'CONNECT_WITH_APP\' | translate }} </button>\n                                </span>\n                            </div>\n                        </div>\n                    </div>\n                </ng-container>\n                </div>\n            </div>\n            <div class="submision-app-integration">\n                <span class="submision-title-app">{{ \'TRY_SEARCHING\' | translate }} <a href="https://zapier.com/apps/easywebinar/integrations" target="_blank">{{ \'ZAPIER\' | translate }}</a>{{ \'OR\' | translate }}<a href="https://support.easywebinar.com" target="_blank">{{ \'SUBMIT_REQUEST_LINK\' | translate }}</a>{{ \'SOFTWARE_INTEGRATIONS\' | translate }} </span>\n                <div class="app-request-sbt">\n                    \x3c!--<mat-form-field class="ew-field-no-label" floatLabel="never">\n                        <input matInput placeholder="What should we integrate with next?" value="" >\n                    </mat-form-field>--\x3e\n                    \x3c!-- <a class="padding-standard-btn" mat-flat-button color="accent" href="https://easywebinar.canny.io" target="_blank">{{ \'NEW_APPLICATION_INTEGRATIONS\' | translate }}</a> --\x3e\n                    \n                </div>\n            </div>\n        </div>\n\n        </div>\n\n    </div>\n    </div>\n</div>\n\n</div>\n',styles:[""]}]}],h.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:["env"]}]},{type:u},{type:a.AuthenticationService},{type:d.Router},{type:l.MatDialog},{type:p},{type:s.TranslateService},{type:a.EwCommonService}]},h.propDecorators={default_lang:[{type:e.Input}],add_integration:[{type:e.Output}]};var _=function(){function t(t,e){this.dialogRef=t,this.data=e}return t.prototype.closeDailog=function(t){this.dialogRef.close(t)},t.prototype.ngOnInit=function(){},t}();_.decorators=[{type:e.Component,args:[{selector:"delete-confirmation",template:'<div class="delete-confirmation-dailog">\n    <mat-dialog-content *ngIf="! data?.confirmExit">\n        <span class="delete-clear-conf">\n            <mat-icon>clear</mat-icon>\n        </span>\n        <span class="title-delete-conf">{{\'ARE_YOU_SURE\' | translate }}</span>\n        <p>{{\'DELETE_THESE_RECORDS\' | translate }} <br> {{\'UNDONE_MESSAGE\' | translate }} </p>\n        <div class="action-confirmation">\n            <button mat-flat-button color="warn" (click)="closeDailog(true)">{{\'CONFIRM\' | translate }}</button>\n            <button mat-flat-button color="grey" (click)="closeDailog(false)">{{\'CANCEL\' | translate }}</button>\n        </div>\n    </mat-dialog-content>\n    <mat-dialog-content *ngIf="data?.confirmExit == true">\n        <span class="delete-clear-conf">\n            <mat-icon>clear</mat-icon>\n        </span>\n        <span class="title-delete-conf">{{\'ARE_YOU_SURE\' | translate }}</span>\n        <p>{{\'CHANGES_NOT_SAVED\' | translate }}<br> {{\'\tEXIT_MESSAGE\' | translate }}</p>\n        <div class="action-confirmation">\n            <button mat-flat-button color="warn" (click)="closeDailog(false)">{{\'NO\' | translate }}</button>\n            <button mat-flat-button color="grey" (click)="closeDailog(true)">{{\'YES\' | translate }}</button>\n        </div>\n    </mat-dialog-content>\n</div>\n',styles:[""]}]}],_.ctorParameters=function(){return[{type:l.MatDialogRef},{type:void 0,decorators:[{type:e.Inject,args:[l.MAT_DIALOG_DATA]}]}]};Object.create;function E(t,e){var a="function"==typeof Symbol&&t[Symbol.iterator];if(!a)return t;var n,i,s=a.call(t),o=[];try{for(;(void 0===e||e-- >0)&&!(n=s.next()).done;)o.push(n.value)}catch(t){i={error:t}}finally{try{n&&!n.done&&(a=s.return)&&a.call(s)}finally{if(i)throw i.error}}return o}Object.create;var T=function(){function t(t,a,n,i,s,o,r,l,d,c,u){this._document=t,this.EwMaIntegrationService=a,this.authenticationService=n,this.dialog=i,this.router=s,this.activatedRoute=o,this.ewFlashService=r,this.fb=l,this.ewTranslateService=d,this.translate=c,this.changeDetector=u,this.addInetgrationOption=!1,this.selectedEvent="",this.selectedAction="0",this.showLoader=0,this.customFieldLoader=0,this.selectedHours=0,this.selectedMinutes=0,this.buttonText="Save",this.customButtonText="Save Changes",this.showchangelistOption=!1,this.default_lang="en",this.disableEvents=!1,this.gotit_button_text="Got it",this.exit=new e.EventEmitter,this.parentFun=new e.EventEmitter,this.showHideEditButtons=new e.EventEmitter,this.showHideDiv=1,this.selectedOfferkey="",this.searchTags="",this.searchList="",this.searchListDropdownText="Search",this.searchTagDropdownText="Search",this.emptySearchText="No entry matches",this.showDiv={previous:!1},this.keepOrder=function(t,e){return parseInt(t.key)>parseInt(e.key)?1:0},c.addLangs(["en","es"])}return Object.defineProperty(t.prototype,"content",{set:function(t){t&&(this.contentPlaceholder=t)},enumerable:!1,configurable:!0}),t.prototype.ngOnInit=function(){var t=this;this.serviceName=this.activatedRoute.snapshot.params.service_provider,this.hoursRange=Array(8).fill(0).map((function(t,e){return e})),this.minutesRange=Array(60).fill(0).map((function(t,e){return e})),this.selectedCustomfield={},this.selectedWebinarCustomfield={},this.transLationMessages=this.translate.store.translations[this.default_lang],this.gotit_button_text=this.transLationMessages.SNACKBAR_TEXT.GOT_IT_BUTTON,this.searchListDropdownText=this.transLationMessages.SEARCHLISTDROPDOWNTEXT,this.searchTagDropdownText=this.transLationMessages.SEARCHTAGDROPDOWNTEXT,this.emptySearchText=this.transLationMessages.Empty_SEARCH,this.myForm=this.fb.group({event:["",r.Validators.required],action:["",r.Validators.required],value:["",r.Validators.required],selectedHours:[""],selectedMinutes:[""],selectedOffer:[""],searchList:["search tag"]}),this.myForm.get("event").valueChanges.subscribe((function(e){"api_joined_webinar_after_tag"==e||"api_stayed_event_atleast_tag"==e||"api_left_webinar_before_tag"==e?(t.myForm.get("selectedHours").setValidators(r.Validators.required),t.myForm.get("selectedMinutes").setValidators(r.Validators.required)):(t.myForm.get("selectedHours").setValidators([]),t.myForm.get("selectedMinutes").setValidators([])),t.myForm.get("selectedHours").updateValueAndValidity,t.myForm.get("selectedMinutes").updateValueAndValidity()}))},t.prototype.integrationOption=function(){this.myForm.reset(),this.addInetgrationOption=!this.addInetgrationOption,this.showHideEditButtons.emit(!0)},t.prototype.saveIntegration=function(){var t=this;if(this.myForm.valid){if(("api_delayed_clicked_tag"==this.selectedEvent||"api_delayed_tag"==this.selectedEvent)&&null==this.myForm.value.selectedOffer)return void this.ewFlashService.openSnackBar("Please select offer first.",this.gotit_button_text,"error-ew-message");var e=void 0;if(1==this.gdprSettingsSaved&&(e="drip"==this.serviceName?this.gdprSettings.account_id+"@"+this.gdprSettings.value:this.gdprSettings.value),1==this.showGdpr&&"api_gdpr_tag"!=this.myForm.value.event&&(null==this.webinar_integration_tags||0==Object.keys(this.webinar_integration_tags).length||0==this.gdprSettingsSaved))return void this.ewFlashService.openSnackBar(this.transLationMessages.SNACKBAR_TEXT.SELECT_GDPR_FIRST,this.gotit_button_text,"error-ew-message");if(1==this.gdprSettingsSaved&&"api_gdpr_tag"!=this.myForm.value.event&&this.gdprSettings.action==this.myForm.value.action&&e==this.myForm.value.value)return void this.ewFlashService.openSnackBar(this.transLationMessages.SNACKBAR_TEXT.SELECT_DIFFRENT,this.gotit_button_text,"error-ew-message");if(1==this.showGdpr&&"api_gdpr_tag"==this.myForm.value.event&&null!=this.webinar_integration_tags&&Object.keys(this.webinar_integration_tags).length>0)for(var n in this.webinar_integration_tags){var i=this.webinar_integration_tags[n];if(i.action==this.myForm.value.action&&e==this.myForm.value.value&&"drip"!=this.serviceName)return void this.ewFlashService.openSnackBar(this.transLationMessages.SNACKBAR_TEXT.USE_DIFFERENT_LIST_FOR_GDPR,this.gotit_button_text,"error-ew-message");if(i.action==this.myForm.value.action&&i.account_id+"@"+i.value==this.myForm.value.value&&"drip"==this.serviceName)return void this.ewFlashService.openSnackBar(this.transLationMessages.SNACKBAR_TEXT.USE_DIFFERENT_LIST_FOR_GDPR,this.gotit_button_text,"error-ew-message")}this.buttonText="Saving",this.showLoader=1,this.disableEvents=!1;var s={service_provider:this.serviceName,action:this.myForm.value.action,event:this.myForm.value.event,existing_event:this.existingEvent,value:this.myForm.value.value,webinar_id:this.event_id,hours:this.myForm.value.selectedHours,minutes:this.myForm.value.selectedMinutes,offer_id:this.myForm.value.selectedOffer};this.EwMaIntegrationService.saveIntegration(s).subscribe((function(e){if(t.showLoader=0,t.showHideEditButtons.emit(!1),e.status.code==a.statusCodes.SUCCESS)return t.parentFun.emit(),t.addInetgrationOption=!1,t.myForm.reset(),t.ewFlashService.openSnackBar(t.transLationMessages.SNACKBAR_TEXT.DATA_SAVED_SUCC_MSG,t.gotit_button_text),t.buttonText="Save",void(t.selectedEvent="");t.buttonText="Save",t.ewFlashService.openSnackBar(t.transLationMessages.SNACKBAR_TEXT.SOMETHING_WENT_WRONG,t.gotit_button_text,"error-ew-message")}),(function(e){t.showHideEditButtons.emit(!1),t.buttonText="Save",t.showLoader=0,t.existingEvent="",t.ewFlashService.openSnackBar(t.transLationMessages.SNACKBAR_TEXT.SOMETHING_WENT_WRONG,t.gotit_button_text,"error-ew-message")}))}else this.showLoader=0,this.ewFlashService.openSnackBar(this.transLationMessages.SNACKBAR_TEXT.REQUIRED_FIELDS_MSG,this.gotit_button_text,"error-ew-message")},t.prototype.editIntegration=function(t){for(var e in console.log("+++",this.allTags),this.showHideEditButtons.emit(!0),this.addInetgrationOption=!1,this.webinar_integration_tags)1==this.showGdpr&&"api_gdpr_tag"==e&&(this.gdprSettingsSaved=1,this.gdprSettings=this.webinar_integration_tags[e]),this.events[e].status=0;for(var e in this.offerstags)this.offerstags[e]=1;this.showHideDiv=0,this.existingEvent=t.key,this.selectedEvent=t.key,this.selectedAction=t.value.action,"drip"==this.serviceName?this.selectedValue=t.value.account_id+"@"+t.value.value:this.selectedValue=t.value.value,this.events[this.selectedEvent].status=1,this.myForm=this.fb.group({event:[this.selectedEvent,r.Validators.required],action:[this.selectedAction,r.Validators.required],value:[this.selectedValue,r.Validators.required],selectedHours:[""],selectedMinutes:[""],selectedOffer:[""]}),"api_joined_webinar_after_tag"==t.key||"api_stayed_event_atleast_tag"==t.key||"api_left_webinar_before_tag"==t.key?(this.selectedHours=t.value.hours,this.selectedMinutes=t.value.minutes,this.myForm.get("selectedHours").setValue(this.selectedHours),this.myForm.get("selectedMinutes").setValue(this.selectedMinutes),this.myForm.get("selectedHours").setValidators(r.Validators.required),this.myForm.get("selectedMinutes").setValidators(r.Validators.required)):(this.myForm.get("selectedHours").setValidators([]),this.myForm.get("selectedMinutes").setValidators([]))},t.prototype.conditionChanged=function(t){"api_joined_webinar_after_tag"==t.value||"api_stayed_event_atleast_tag"==t.value||"api_left_webinar_before_tag"==t.value?(this.myForm.get("selectedHours").setValidators(r.Validators.required),this.myForm.get("selectedMinutes").setValidators(r.Validators.required),this.myForm.get("selectedHours").updateValueAndValidity(),this.myForm.get("selectedMinutes").updateValueAndValidity()):"api_joined_webinar_after_tag"==t.value||"api_stayed_event_atleast_tag"==t.value||(this.myForm.get("selectedHours").setValidators([]),this.myForm.get("selectedMinutes").setValidators([]),this.myForm.get("selectedHours").updateValueAndValidity(),this.myForm.get("selectedMinutes").updateValueAndValidity())},t.prototype.editOffersIntegration=function(t,e){for(var a in this.webinar_integration_tags)1==this.showGdpr&&"api_gdpr_tag"==a&&(this.gdprSettingsSaved=1,this.gdprSettings=this.webinar_integration_tags[a]),this.events[a].status=0;for(var a in this.offerstags)this.offerstags[a]=1;for(var a in this.showHideEditButtons.emit(!0),this.addInetgrationOption=!1,this.selectedOffer=t.id,this.offerstags[e+"_"+this.selectedOffer]=0,this.selectedOfferkey=e+"_"+this.selectedOffer,this.showHideDiv=0,t.tags)a==e&&(this.selectedEvent=a,this.selectedAction=t.tags[a].action,this.selectedValue=t.tags[a].value);this.myForm=this.fb.group({event:[this.selectedEvent,r.Validators.required],action:[this.selectedAction,r.Validators.required],value:[this.selectedValue,r.Validators.required],selectedOffer:[this.selectedOffer]})},t.prototype.closeIntegrationForm=function(){if(this.myForm.reset(),this.selectedEvent="",this.existingEvent="",this.showHideDiv=1,this.addInetgrationOption=!1,this.showHideEditButtons.emit(!1),this.webinar_integration_details&&this.webinar_integration_details.tags)for(var t in this.showLoader=0,this.webinar_integration_tags=this.webinar_integration_details.tags,this.webinar_integration_tags)this.events[t].status=0;else this.webinar_integration_tags={};for(var t in this.offerstags)this.offerstags[t]=1},t.prototype.ngOnChanges=function(){var t=[];for(var e in this.allTags)t.push({id:e,name:this.allTags[e]});this.filterdTags1=t,this.filterdTags=function(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(E(arguments[e]));return t}(this.filterdTags1);var a=[];for(var e in this.allList)a.push({id:e,name:this.allList[e]});this.filterdLists1=this.filterdLists=a;var n=[];for(var e in this.campaigns)n.push({id:e,name:this.campaigns[e]});this.campaigns1=this.filteredCampaigns=n},t.prototype.onKey=function(t){this.filterdTags=this.search(t)},t.prototype.change=function(){this.filterdTags=this.filterdTags1},t.prototype.search=function(t){var e=t.toLowerCase();return this.filterdTags1.filter((function(t){return t.name.toLowerCase().includes(e)}))},t.prototype.reset=function(t){t.value="",this.onKey("")},t.prototype.onChangeFilterTags=function(t){var e=this;console.log("this.searchList",this.searchList,this.searchTags),"cam"==t&&(this.filterdLists=this.filterdLists1.filter((function(t){return t.name.toLowerCase().includes(e.searchList)})),this.filteredCampaigns=this.campaigns1.filter((function(t){return t.name.toLowerCase().includes(e.searchList)}))),"list"==t?this.filterdLists=this.filterdLists1.filter((function(t){return t.name.toLowerCase().includes(e.searchList)})):this.filterdTags=this.filterdTags1.filter((function(t){return t.name.toLowerCase().includes(e.searchTags)}))},t.prototype.decodeHtmlData=function(t){var e=document.createElement("textarea");return e.innerHTML=t.replace(/\\/g,"").replace(/&amp;/g,"&"),e.value},t}();T.decorators=[{type:e.Component,args:[{selector:"lib-integrationform",template:'<form *ngIf=" selectedOfferkey != \'\' ?  offerstags[selectedOfferkey] == 0 : (selectedEvent!= \'\'?events[selectedEvent][\'status\'] == 1:addInetgrationOption)" [formGroup]="myForm" [ngClass]="{\'itegration-body-column\': showHideDiv == 0}"  novalidate  (ngSubmit)="saveIntegration();" >\n    <ng-content></ng-content>\n      <div class="integration-adding-fields" >\n      <lib-ew-main-loader *ngIf="showLoader == 1"></lib-ew-main-loader>\n      <div class="adding-column-integartion">\n        <div class="column-listing">\n          <span class="integration-title-form">{{ \'IF\' | translate }}</span>\n          <mat-form-field class="ew-insider-label">\n            <mat-select matInput (selectionChange)="conditionChanged($event)"  [(value)]="selectedEvent" formControlName="event" placeholder="Choose Event" >\n              <ng-container *ngFor="let item of events|keyvalue:keepOrder">\n                <mat-option [disabled]="disableEvents && item.key != selectedEvent" *ngIf = "item.value.status == 1" value="{{item.key}}">{{item.value.name}}</mat-option>\n            </ng-container>\n          </mat-select>\n        </mat-form-field>\n          <div class="ew-timmer-sec" *ngIf="selectedEvent == \'api_joined_webinar_after_tag\' || selectedEvent == \'api_left_webinar_before_tag\' || selectedEvent == \'api_stayed_event_atleast_tag\'">\n            <div class="outer-looping-chat">\n              <div class="looping-area row">\n                <mat-form-field class="ew-insider-label">\n                  <mat-select matInput [(value)]="selectedHours"  formControlName="selectedHours" placeholder="Hours">\n                    <mat-option *ngFor="let n of hoursRange" [value]="(n < 10 ? \'0\'+n : n)">{{ (n < 10 ? \'0\'+n : n) }}</mat-option>\n                  </mat-select>\n                </mat-form-field>\n                <mat-form-field class="ew-insider-label">\n                  <mat-select matInput  [(value)]="selectedMinutes"   formControlName="selectedMinutes" placeholder="Minutes">\n                    <mat-option *ngFor="let n of minutesRange" [value]="(n < 10 ? \'0\'+n :n)">{{ (n < 10 ? \'0\'+n :n) }}</mat-option>\n                  </mat-select>\n                </mat-form-field>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class="column-listing" *ngIf="selectedEvent == \'api_delayed_clicked_tag\' || selectedEvent == \'api_delayed_tag\'">\n          <span class="integration-title-form">{{ \'SELECT_OFFER\' | translate }}</span>\n          <mat-form-field class="ew-insider-label">\n            <mat-select matInput placeholder="Action"  formControlName="selectedOffer"  [(value)]="selectedOffer">\n              \n              <mat-option *ngFor="let item of offers|keyvalue:keepOrder" value="{{item.value.id}}">{{item.value.title}}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n\n        <div class="column-listing">\n          <span class="integration-title-form">{{ \'THEN\' | translate }}</span>\n          <mat-form-field class="ew-insider-label">\n            <mat-select matInput placeholder="Action" [(value)]="selectedAction" formControlName="action" required>\n              <mat-option *ngFor="let item of actions|keyvalue:keepOrder" value="{{item.key}}">{{item.value}}</mat-option>\n            </mat-select>\n          </mat-form-field>\n        </div>\n\n\n        <div class="column-listing" *ngIf="serviceName != \'drip\'">\n          <span class="integration-title-form">{{ \'ACTION\' | translate }}</span>\n          <mat-form-field class="ew-insider-label">\n            <mat-select matInput placeholder="Value"  [(value)]="selectedValue" formControlName="value" *ngIf="(selectedAction == \'addtag\' || selectedAction == \'removetag\' || selectedAction == 0) && tagsType == 1 ">\n              <mat-option>\n                <ngx-mat-select-search\n                [(ngModel)]="searchTags"\n                (ngModelChange)="onChangeFilterTags(\'tag\')"\n                [placeholderLabel]= "searchTagDropdownText"\n                [disableScrollToActiveOnOptionsChanged]="true"\n                [noEntriesFoundLabel]= "emptySearchText" \n                [ngModelOptions]="{standalone: true}" \n                >\n                </ngx-mat-select-search>\n              </mat-option>\n              <mat-option  *ngFor="let item of filterdTags ;let i = index" value="{{item.id}}" [matTooltip]="decodeHtmlData(item.name)">{{item.name}}</mat-option>\n            </mat-select>\n\n            <input type="text" matInput  [(value)]="selectedValue" formControlName="value" *ngIf="(selectedAction == \'addtag\' || selectedAction == \'removetag\' || selectedAction == 0) && tagsType == 0 " />\n           \n            <mat-select matInput placeholder="Value"  [(value)]="selectedValue" formControlName="value" *ngIf="(selectedAction ==\'addlist\' || selectedAction ==\'removelist\') && serviceName != \'ontraport\'" >\n              <mat-option>\n                <ngx-mat-select-search\n                [(ngModel)]="searchList"\n                (ngModelChange)="onChangeFilterTags(\'list\')"\n                [placeholderLabel]= "searchListDropdownText" \n                [disableScrollToActiveOnOptionsChanged]="true"\n                [noEntriesFoundLabel]= "emptySearchText" \n                [ngModelOptions]="{standalone: true}" \n                >\n                </ngx-mat-select-search>\n              </mat-option>\n              \x3c!--<mat-option *ngFor="let item of allList|keyvalue:keepOrder" value="{{item.key}}" [matTooltip]="item.value">{{item.value}}</mat-option>--\x3e\n              <mat-option *ngFor="let item of filterdLists" value="{{item.id}}" [matTooltip]="item.name">{{item.name}}</mat-option>\n            </mat-select>\n            <mat-select matInput placeholder="Value"  [(value)]="selectedValue" formControlName="value" *ngIf="(selectedAction ==\'addlist\' || selectedAction ==\'removelist\') && serviceName == \'ontraport\'" >\n              <mat-option>\n                <ngx-mat-select-search\n                [(ngModel)]="searchList"\n                (ngModelChange)="onChangeFilterTags(\'cam\')"\n                [placeholderLabel]= "searchListDropdownText" \n                [disableScrollToActiveOnOptionsChanged]="true"\n                [noEntriesFoundLabel]= "emptySearchText" \n                [ngModelOptions]="{standalone: true}" \n                >\n                </ngx-mat-select-search>\n              </mat-option>\n              <mat-optgroup label="Campaigns">\n                \n                 <mat-option *ngFor="let item of filteredCampaigns" value="cam@{{item.id}}" [matTooltip]="item.name">{{item.name}}</mat-option>\n              </mat-optgroup>\n              <mat-optgroup label="Sequences">\n                 <mat-option *ngFor="let item of filterdLists" value="seq@{{item.id}}" [matTooltip]="item.name">{{item.name}}</mat-option>\n              </mat-optgroup>\n            </mat-select>\n          </mat-form-field>\n        </div>\n\n        <div class="column-listing" *ngIf="serviceName == \'drip\'">\n          <span class="integration-title-form">{{ \'ACTION\' | translate }}</span>\n\n          <mat-form-field class="ew-insider-label" *ngIf="selectedAction == \'addtag\' || selectedAction == \'removetag\'">                                   \n            <mat-select matInput placeholder="Value"  [(value)]="selectedValue" formControlName="value">\n              <ng-container *ngFor="let tags of allTags |keyvalue">\n                  <mat-optgroup label="Account Id {{tags.key}}">\n                    <ng-container *ngFor="let item of tags.value">\n                      <mat-option *ngFor="let data of item |keyvalue" value="{{tags.key+\'@\'+data.value}}" [matTooltip]="data.value">{{data.value}}</mat-option>\n                    </ng-container>\n                </mat-optgroup>\n               </ng-container>\n            </mat-select>\n          </mat-form-field>\n          <mat-form-field class="ew-insider-label" *ngIf="selectedAction ==\'addlist\' || selectedAction ==\'removelist\'">                                   \n            <mat-select matInput placeholder="Value"  [(value)]="selectedValue" formControlName="value">\n              <ng-container *ngFor="let list of allList |keyvalue">\n                  <mat-optgroup label="Account Id {{list.key}}">\n                    <ng-container *ngFor="let item of list.value |keyvalue">\n                      <mat-option  value="{{list.key+\'@\'+item.key}}" [matTooltip]="item.value">{{item.value}}</mat-option>\n                      \x3c!--<mat-option *ngFor="let data of item " value="{{data}}">{{data}}</mat-option>--\x3e\n                    </ng-container>\n                </mat-optgroup>\n               </ng-container>\n            </mat-select>\n          </mat-form-field>\n\n        </div>\n\n        <div class="column-listing  action-sbt-ing-btn">\n          <div class="form-integartion-submit-action">\n            <button type="submit" class="large-btn-ew" [disabled]="myForm.invalid" mat-flat-button color="accent">{{buttonText}}</button>\n          </div>\n          <span class="close-add-integration-btn">\n            <mat-icon (click)="closeIntegrationForm();">close</mat-icon>\n          </span>\n        </div>\n\n        </div>                                 \n    </div>\n    </form>',styles:[""]}]}],T.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:[o.DOCUMENT]}]},{type:u},{type:a.AuthenticationService},{type:l.MatDialog},{type:d.Router},{type:d.ActivatedRoute},{type:a.FlashService},{type:r.FormBuilder},{type:p},{type:s.TranslateService},{type:e.ChangeDetectorRef}]},T.propDecorators={content:[{type:e.ViewChild,args:["mySelect",{static:!1}]}],allTags:[{type:e.Input}],allList:[{type:e.Input}],campaigns:[{type:e.Input}],allcustomFields:[{type:e.Input}],webinarCustomFields:[{type:e.Input}],actions:[{type:e.Input}],events:[{type:e.Input}],webinar_integration_details:[{type:e.Input}],webinar_integration_tags:[{type:e.Input}],offers:[{type:e.Input}],customFieldType:[{type:e.Input}],showGdpr:[{type:e.Input}],gdprSettingsSaved:[{type:e.Input}],gdprSettings:[{type:e.Input}],serviceName:[{type:e.Input}],default_lang:[{type:e.Input}],event_id:[{type:e.Input}],tagsType:[{type:e.Input}],showEditButton:[{type:e.Input}],offerstags:[{type:e.Input}],showdefaultForm:[{type:e.Input}],exit:[{type:e.Output}],parentFun:[{type:e.Output}],showHideEditButtons:[{type:e.Output}]};var S=function(){function t(t,a,n,i,s,o,r,l,d,c,u,g){this._document=t,this.EwMaIntegrationService=a,this.authenticationService=n,this.dialog=i,this.router=s,this.activatedRoute=o,this.ewFlashService=r,this.fb=l,this.ewTranslateService=d,this.translate=c,this.changeDetector=u,this.ewCommonService=g,this.wasClicked=!1,this.selected="option1",this.addInetgrationOption=!1,this.selectedEvent="",this.selectedAction="0",this.showLoader=1,this.customFieldLoader=0,this.selectedHours=0,this.selectedMinutes=0,this.buttonText="Save",this.customButtonText="Save Changes",this.customFieldType=1,this.tagsType=1,this.showchangelistOption=!1,this.showGdpr=0,this.gdprSettingsSaved=0,this.default_lang="en",this.disableEvents=!1,this.gotit_button_text="Got it",this.exit=new e.EventEmitter,this.showEditButton=1,this.offerstags=[],this.showDiv={previous:!1},this.keepOrder=function(t,e){return parseInt(t.key)>parseInt(e.key)?1:0},this.activeTabCustom="defaultField",c.addLangs(["en","es"])}return Object.defineProperty(t.prototype,"content",{set:function(t){t&&(this.contentPlaceholder=t)},enumerable:!1,configurable:!0}),t.prototype.ngOnInit=function(){var t=this;this.initLanguage(),this.serviceName=this.activatedRoute.snapshot.params.service_provider,this.serviceName||this.exit.emit(),this.transLationMessages=this.translate.store.translations[this.default_lang],"mailchimp"==this.serviceName||"icontact"==this.serviceName||"activecampaign"==this.serviceName||"drip"==this.serviceName?this.customFieldType=0:this.customFieldType=1,"icontact"==this.serviceName||"hubspot"==this.serviceName||"pardot"==this.serviceName?this.actions={addlist:this.transLationMessages.SELECT_ACTIONS.ADDTOLIST,removelist:this.transLationMessages.SELECT_ACTIONS.REMOVE_FROM_LIST}:"infusionsoft"==this.serviceName||"convertkit"==this.serviceName||"getresponse"==this.serviceName?this.actions={addtag:this.transLationMessages.SELECT_ACTIONS.ADDTAG,removetag:this.transLationMessages.SELECT_ACTIONS.REMOVETAG}:this.actions={addtag:this.transLationMessages.SELECT_ACTIONS.ADDTAG,removetag:this.transLationMessages.SELECT_ACTIONS.REMOVETAG,addlist:this.transLationMessages.SELECT_ACTIONS.ADDTOLIST,removelist:this.transLationMessages.SELECT_ACTIONS.REMOVE_FROM_LIST},"mailchimp"==this.serviceName||"influencersoft"==this.serviceName?this.tagsType=0:this.tagsType=1,this.hoursRange=Array(8).fill(0).map((function(t,e){return e})),this.minutesRange=Array(60).fill(0).map((function(t,e){return e})),this.selectedCustomfield={},this.selectedWebinarCustomfield={},this.gotit_button_text=this.transLationMessages.SNACKBAR_TEXT.GOT_IT_BUTTON,this.events={api_registered_tag:{name:this.transLationMessages.EVENTS.REGISTERED,status:1},api_came_tag:{name:this.transLationMessages.EVENTS.ATTENDED,status:1},api_didnt_came_tag:{name:this.transLationMessages.EVENTS.MISSED,status:1},api_watched_replay_tag:{name:this.transLationMessages.EVENTS.WATCHED_REPLAY,status:1},api_replay_not_watched_tag:{name:this.transLationMessages.EVENTS.DID_NOT_WATCHED_REPLAY,status:1},api_joined_webinar_after_tag:{name:this.transLationMessages.EVENTS.JOIN_WEBINAR_AFTER,status:1},api_left_webinar_before_tag:{name:this.transLationMessages.EVENTS.LEFT_WEBINAR_BEFORE,status:1},api_left_early_tag:{name:this.transLationMessages.EVENTS.LEFT_EARLY,status:1},api_stayed_event_atleast_tag:{name:this.transLationMessages.EVENTS.STAY_ON_WEBINAR_AT_LEAST,status:1},api_watched_full_tag:{name:this.transLationMessages.EVENTS.WATCHED_FULL,status:1},api_delayed_clicked_tag:{name:this.transLationMessages.EVENTS.OFFER_CLICKED,status:1},api_delayed_tag:{name:this.transLationMessages.EVENTS.SAW_BUT_NOT_CLICKED,status:1},api_question_asked:{name:this.transLationMessages.EVENTS.QUESTION_ASKED,status:1}},this.getIntegtaionAllData(),this.myForm=this.fb.group({event:["",r.Validators.required],action:["",r.Validators.required],value:["",r.Validators.required],selectedHours:[""],selectedMinutes:[""],selectedOffer:[""],searchList:["testing search"]}),this.myForm.get("event").valueChanges.subscribe((function(e){"api_joined_webinar_after_tag"==e||"api_stayed_event_atleast_tag"==e||"api_left_webinar_before_tag"==e?(t.myForm.get("selectedHours").setValidators(r.Validators.required),t.myForm.get("selectedMinutes").setValidators(r.Validators.required)):(t.myForm.get("selectedHours").setValidators([]),t.myForm.get("selectedMinutes").setValidators([])),t.myForm.get("selectedHours").updateValueAndValidity,t.myForm.get("selectedMinutes").updateValueAndValidity()}))},t.prototype.initLanguage=function(){var t=this;this.translate.setDefaultLang(this.default_lang),this.translate.use(this.default_lang).subscribe((function(){t.ewTranslateService.init()}))},t.prototype.getIntegtaionAllData=function(){var t=this;this.showLoader=1;var e={webinar_id:this.event_id,service_provider:this.serviceName};this.EwMaIntegrationService.getIntegtaionAllData(e).subscribe((function(e){if(t.showLoader=0,e.status.code==a.statusCodes.SUCCESS){if(t.allList=e.data.contact_list,t.allTags=e.data.tags,t.showGdpr=e.data.show_gdpr,t.allcustomFields=e.data.custom_fields,t.campaigns=e.data.campaigns,t.offers=e.data.offers,t.offersTagging=e.data.offers,t.selectedList=e.data.selected_list,1==t.showGdpr&&(t.events={api_gdpr_tag:{name:t.transLationMessages.EVENTS.GDPR_EXCLUDE_LIST,status:1},api_registered_tag:{name:t.transLationMessages.EVENTS.REGISTERED,status:1},api_came_tag:{name:"Attended",status:1},api_didnt_came_tag:{name:"Missed",status:1},api_watched_replay_tag:{name:"Watched replay",status:1},api_replay_not_watched_tag:{name:"Didn't Watched Replay",status:1},api_joined_webinar_after_tag:{name:"Joined webinar after",status:1},api_left_webinar_before_tag:{name:"Left webinar before",status:1},api_left_early_tag:{name:"Left Early",status:1},api_stayed_event_atleast_tag:{name:"Stayed on webinar at least",status:1},api_watched_full_tag:{name:"Watched full",status:1},api_delayed_clicked_tag:{name:"Clicked Offer",status:1},api_delayed_tag:{name:"Saw offer but didn't click",status:1},api_question_asked:{name:"Question asked",status:1}}),"mailchimp"!=t.serviceName&&"getresponse"!=t.serviceName&&"convertkit"!=t.serviceName||t.selectedList||t.exit.emit(),"aweber"==t.serviceName&&e.data.selected_list&&(t.actions={addtag:"Add Tag",removetag:"Remove Tag",addlist:"Add To List",removelist:"Remove from list"},t.customFieldType=1,t.tagsType=0),"aweber"!=t.serviceName||e.data.selected_list||(t.actions={addlist:"Add To List",removelist:"Remove from list"},t.customFieldType=0),"infusionsoft"==t.serviceName&&(t.affiliates=e.data.affiliates),1==e.data.webinar_custom_fields.record_exist)for(var n in t.webinarCustomFields=e.data.webinar_custom_fields.webinar_custom_fields,t.webinarCustomFields)t.selectedWebinarCustomfield[n]=t.webinarCustomFields[n].merge_field;if(t.webinar_integration_details=e.data.webinar_integration_details,console.log("this====",t.webinar_integration_details),null!=t.webinar_integration_details&&t.webinar_integration_details.tags)for(var n in t.webinar_integration_tags=t.webinar_integration_details.tags,t.webinar_integration_tags)1==t.showGdpr&&"api_gdpr_tag"==n&&(t.gdprSettingsSaved=1,t.gdprSettings=t.webinar_integration_tags[n]),t.events[n].status=0;if(null!=t.webinar_integration_details&&t.webinar_integration_details.custom_fields?t.selectedCustomfield=t.webinar_integration_details.custom_fields:t.selectedCustomfield={},""!=t.offers)for(var n in t.offers)if(""!=t.offers[n].tags)for(var i in t.offers[n].tags)t.offerstags[i+"_"+t.offers[n].id]=1}else e.status.code==a.statusCodes.NOT_FOUND&&(t.allList=[],t.allTags=[],t.allcustomFields=[],t.campaigns=[],t.offers=[],t.webinar_integration_tags=[])}),(function(e){t.showLoader=0,console.log("error",e)}))},t.prototype.sideNav=function(){this.wasClicked?this._document.body.classList.remove("sidebar_open"):this._document.body.classList.add("sidebar_open"),this.wasClicked=!this.wasClicked},t.prototype.integrationOption1=function(){},t.prototype.conditionChanged=function(t){"api_joined_webinar_after_tag"==t.value||"api_stayed_event_atleast_tag"==t.value||"api_left_webinar_before_tag"==t.value?(this.myForm.get("selectedHours").setValidators(r.Validators.required),this.myForm.get("selectedMinutes").setValidators(r.Validators.required),this.myForm.get("selectedHours").updateValueAndValidity(),this.myForm.get("selectedMinutes").updateValueAndValidity()):"api_joined_webinar_after_tag"==t.value||"api_stayed_event_atleast_tag"==t.value||(this.myForm.get("selectedHours").setValidators([]),this.myForm.get("selectedMinutes").setValidators([]),this.myForm.get("selectedHours").updateValueAndValidity(),this.myForm.get("selectedMinutes").updateValueAndValidity())},t.prototype.confirmDelete=function(t,e){var a=this,n=this.dialog.open(_,{maxWidth:"500px",width:"100%",panelClass:"confrimation-delete"});this.ewCommonService.addPopupCustomClass("full-screen-black-dialog"),n.afterClosed().subscribe((function(n){a.ewCommonService.removePopupCustomClass("full-screen-black-dialog"),n&&a.removeSelectedTag(t,e)}))},t.prototype.removeSelectedTag=function(t,e){var n=this;this.showLoader=1;var i={event_id:this.event_id,event:t,offer_id:e};this.EwMaIntegrationService.removeSelectedTag(i).subscribe((function(i){if(n.showLoader=0,i.status.code==a.statusCodes.SUCCESS){if(n.events[t].status=1,"api_delayed_clicked_tag"==t||"api_delayed_tag"==t){for(var s=0;s<n.offersTagging.length;s++)if(n.offersTagging[s].id==e){Object.keys(n.offersTagging[s].tags).length&&delete n.offersTagging[s].tags[t];break}}else delete n.webinar_integration_tags[t];n.ewFlashService.openSnackBar(n.transLationMessages.SNACKBAR_TEXT.DATA_UPDATED_SUCC_MSG,n.gotit_button_text)}else n.ewFlashService.openSnackBar(n.transLationMessages.SNACKBAR_TEXT.SOMETHING_WENT_WRONG,n.gotit_button_text,"error-ew-message")}),(function(t){n.showLoader=0,console.log("error",t)}))},t.prototype.disconnectIntegration=function(){var t=this,e=this.dialog.open(_,{maxWidth:"500px",width:"100%",panelClass:"confrimation-delete"});this.ewCommonService.addPopupCustomClass("full-screen-black-dialog"),e.afterClosed().subscribe((function(e){t.ewCommonService.removePopupCustomClass("full-screen-black-dialog"),e&&t.disconnectIntegrationForEvent()}))},t.prototype.disconnectIntegrationForEvent=function(){var t=this,e={event_id:this.event_id};this.EwMaIntegrationService.disconnectIntegrationForEvent(e).subscribe((function(e){e.status.code==a.statusCodes.SUCCESS?(t.allList=[],t.allTags=[],t.allcustomFields=[],t.campaigns=[],t.webinar_integration_tags=[],t.ewFlashService.openSnackBar(t.transLationMessages.SNACKBAR_TEXT.DATA_UPDATED_SUCC_MSG,t.gotit_button_text),t.exit.emit()):t.ewFlashService.openSnackBar(t.transLationMessages.SNACKBAR_TEXT.SOMETHING_WENT_WRONG,t.gotit_button_text,"error-ew-message")}),(function(e){console.log("error",e),t.ewFlashService.openSnackBar(t.transLationMessages.SNACKBAR_TEXT.SOMETHING_WENT_WRONG,t.gotit_button_text,"error-ew-message")}))},t.prototype.changeIntegration=function(){this.exit.emit()},t.prototype.saveCustomfields=function(){var t=this,e={event_id:this.event_id,service_provider:this.serviceName,custom_feilds:this.selectedCustomfield};this.customFieldLoader=1,this.EwMaIntegrationService.saveCustomFields(e).subscribe((function(e){t.customFieldLoader=0,e.status.code==a.statusCodes.SUCCESS?t.ewFlashService.openSnackBar(t.transLationMessages.SNACKBAR_TEXT.DATA_SAVED_SUCC_MSG,t.gotit_button_text):t.ewFlashService.openSnackBar(t.transLationMessages.SNACKBAR_TEXT.SOMETHING_WENT_WRONG,t.gotit_button_text,"error-ew-message")}),(function(e){t.customFieldLoader=0,console.log("error",e),t.ewFlashService.openSnackBar(t.transLationMessages.SNACKBAR_TEXT.SOMETHING_WENT_WRONG,t.gotit_button_text,"error-ew-message")}))},t.prototype.saveWebinarCustomFields=function(){var t=this,e={event_id:this.event_id,service_provider:this.serviceName,custom_feilds:this.selectedWebinarCustomfield};this.customFieldLoader=1,this.EwMaIntegrationService.saveWebinarCustomFields(e).subscribe((function(e){t.customFieldLoader=0,e.status.code==a.statusCodes.SUCCESS?t.ewFlashService.openSnackBar(t.transLationMessages.SNACKBAR_TEXT.DATA_SAVED_SUCC_MSG,t.gotit_button_text):t.ewFlashService.openSnackBar(t.transLationMessages.SNACKBAR_TEXT.SOMETHING_WENT_WRONG,t.gotit_button_text,"error-ew-message")}),(function(e){t.customFieldLoader=0,console.log("error",e),t.ewFlashService.openSnackBar(t.transLationMessages.SNACKBAR_TEXT.SOMETHING_WENT_WRONG,t.gotit_button_text,"error-ew-message")}))},t.prototype.relaodTagsListCustomfields=function(){var t=this,e={service_provider:this.serviceName};this.showLoader=1,this.EwMaIntegrationService.relaodTagListCustomFields(e).subscribe((function(e){if(t.showLoader=0,e.status.code==a.statusCodes.SUCCESS){if(t.allList=e.data.contact_list,t.allTags=e.data.tags,t.allcustomFields=e.data.custom_fields,"aweber"==t.serviceName&&""!=t.selectedList)for(var n=0;n<t.allcustomFields.length;n++)if(t.allcustomFields[n].list_id==t.selectedList){for(var i=t.allcustomFields[n].custom_fields,s=[],o=0;o<i.length;o++)s[i[o].name]=i[o].name;t.allcustomFields=s;break}t.campaigns=e.data.campaigns,t.ewFlashService.openSnackBar(t.transLationMessages.SNACKBAR_TEXT.DATA_UPDATED_SUCC_MSG,t.gotit_button_text)}else t.ewFlashService.openSnackBar(t.transLationMessages.SNACKBAR_TEXT.SOMETHING_WENT_WRONG,t.gotit_button_text,"error-ew-message"),t.allList=[],t.allTags=[],t.allcustomFields=[],t.campaigns=[]}),(function(e){t.showLoader=0,console.log("error",e),t.ewFlashService.openSnackBar(t.transLationMessages.SNACKBAR_TEXT.SOMETHING_WENT_WRONG,t.gotit_button_text,"error-ew-message")}))},t.prototype.closeIntegrationForm=function(){if(this.myForm.reset(),this.selectedEvent="",this.existingEvent="",this.addInetgrationOption=!this.addInetgrationOption,this.webinar_integration_details.tags)for(var t in this.showLoader=0,this.webinar_integration_tags=this.webinar_integration_details.tags,this.webinar_integration_tags)this.events[t].status=0},t.prototype.listChangeOption=function(){var t=this,e="aweber"==this.serviceName?1:0,a=this.dialog.open(v,{maxWidth:"555px",width:"100%",backdropClass:"ew-new-backdrop",panelClass:"ew-new",data:{service_provider:this.serviceName,list:this.allList,event_id:this.event_id,customFieldAlert:e}});this.ewCommonService.addPopupCustomClass("full-screen-black-dialog"),a.afterClosed().subscribe((function(e){t.ewCommonService.removePopupCustomClass("full-screen-black-dialog"),e&&t.getIntegtaionAllData()}))},t.prototype.fetchCustomFields=function(t){var e=this,n="aweber"==this.serviceName?1:0;this.showLoader=1;var i={service_provider:this.serviceName,action:"list",value:this.selectedList,event_id:this.event_id,custom_fields:n};this.EwMaIntegrationService.saveSelectedList(i).subscribe((function(t){e.showLoader=0,t.status.code==a.statusCodes.SUCCESS&&(e.showchangelistOption=!e.showchangelistOption,"aweber"==e.serviceName&&(e.allcustomFields=t.data.custom_fields)),e.ewFlashService.openSnackBar(e.transLationMessages.SNACKBAR_TEXT.DATA_UPDATED_SUCC_MSG,e.gotit_button_text)}),(function(t){e.showLoader=0,e.ewFlashService.openSnackBar(e.transLationMessages.SNACKBAR_TEXT.SOMETHING_WENT_WRONG,e.gotit_button_text,"error-ew-message")}))},t.prototype.defaultField=function(t){this.activeTabCustom=t},t.prototype.customField=function(t){this.activeTabCustom=t},t.prototype.showHideEditButtons=function(t){this.addInetgrationOption=t},t}();S.decorators=[{type:e.Component,args:[{selector:"lib-add-itegration",template:'      <div class="body-content-web-app">\n        <div class="right-body-content web-app-right-body with-two-section">\n          <div class="row">\n            <div class="col m12 custom-width-section">\n              <div class="outet-section-box">\n                \x3c!--event-content-section--\x3e\n                <div class="event-content-section integration-section">\n                  <div class="section-header-ew">\n                    <span class="heading-section-box">\n                      <h1>\x3c!--<span class="branding-integration"><img src="assets/images/integrations/{{serviceName}}.png"></span>--\x3e{{serviceName == \'infusionsoft\'?\'keap\':serviceName | titlecase}} {{ \'INTEGRATIONS\' | translate }}\x3c!--<span class="info-title"><mat-icon>help</mat-icon></span>--\x3e</h1>\n                    </span>\n                    <span class="aweber-integration-chip" *ngIf="showLoader != 1 && ((serviceName == \'convertkit\' || serviceName == \'mailchimp\' || serviceName == \'getresponse\' || serviceName == \'aweber\') && selectedList != \'\') && !showchangelistOption">\n                      {{ (allList[selectedList].length>32)? (allList[selectedList] | slice:0:32)+\'...\':(allList[selectedList]) }}\n                    </span> \n                        <mat-select matInput #mySelect placeholder="Value" *ngIf="showchangelistOption"  [(value)]="selectedList" (selectionChange)="fetchCustomFields($event)" style="width: 150px;" >\n                        <mat-option *ngFor="let item of allList|keyvalue:keepOrder" value="{{item.key}}">{{item.value}}</mat-option>\n                      </mat-select>\n                    \n                    <button *ngIf="((serviceName == \'convertkit\' || serviceName == \'mailchimp\' || serviceName == \'aweber\' || serviceName == \'getresponse\' ) && selectedList != \'\') && !showchangelistOption" class="icon-only-button-ew padding-right-15px-ew no-bg-btn theme-button-text-ew-small " mat-flat-button disableRipple (click)="listChangeOption()">{{ \'CHANGE\' | translate }}</button>\n  \n                    <div class="rightsection-action-header-ew ">\n                        <button class="padding-standard-btn transparency-btn" mat-flat-button color="grey"  (click)="changeIntegration();">{{ \'CHANGE_INTEGRATION\' | translate }}</button>\n                          <button class="padding-standard-btn" mat-flat-button color="warn" (click)="disconnectIntegration();">{{ \'DISCONNECT\' | translate }}</button>\n                        <button class="padding-standard-btn header-btn-ew-section right-padding-section" mat-flat-button color="accent"    (click)="relaodTagsListCustomfields()"><mat-icon>settings</mat-icon>{{ \'RELOAD_TAGS\' | translate }}\n                          </button>\n                      </div>\n                  </div>\n                </div>\n                <div class="ew-integration-body">\n                    <div class="integration-app-grid">\n                        <span class="integrationa-app-title">\n                          {{ \'ACTIONS\' | translate }} \n                        </span>\n                        <div class="add-integration row">\n                            <div class="col m12 s12">\n                                <div class="add-integration-box">\n                                     <div class="integration-header flex-table">\n                                      <div class="ontegration-column-heading flex-row">{{ \'IF\' | translate }}</div>\n                                      <div class="ontegration-column-heading flex-row">{{ \'THEN\' | translate }}</div>\n                                      <div class="ontegration-column-heading flex-row">{{ \'ACTION_VALUE\' | translate }}</div>\n                                      <div class="ontegration-column-heading flex-row"></div>\n                                    </div> \n                                    <lib-ew-main-loader *ngIf="showLoader == 1"></lib-ew-main-loader>\n                                    \x3c!--*ngIf="showEditButton == 1"--\x3e\n                                  <ng-container *ngFor="let  details of webinar_integration_tags |keyvalue:keepOrder">\n\n                                    <lib-integrationform  #childCom  [tagsType]="tagsType" [allTags]="allTags" [allList]="allList" [customFieldType]="customFieldType"\n                                    [events]="events"  [actions] ="actions" [allcustomFields] ="allcustomFields" [webinarCustomFields]="webinarCustomFields"\n                                    (parentFun)="getIntegtaionAllData()" [showGdpr]="showGdpr" [gdprSettings]="gdprSettings" [gdprSettingsSaved]="gdprSettingsSaved"\n                                    [webinar_integration_details]="webinar_integration_details" [webinar_integration_tags] = "webinar_integration_tags" [offers]="offers"\n                                    [event_id]="event_id"  (showHideEditButtons)="showHideEditButtons($event)" [offerstags]="offerstags" [showdefaultForm]="addInetgrationOption" ></lib-integrationform>\n\n                                    \x3c!--<div class="itegration-body-column flex-table" *ngIf="childCom.showHideDiv == 1" >--\x3e\n                                    <div class="itegration-body-column flex-table" *ngIf="events[details.key][\'status\'] == 0" >\n                                      <div class="ontegration-column-row flex-row title-integration" >\n                                          <span class="icon-notification-title circle" [ngClass]="details.key == \'api_registered_tag\'?\'\':details.key == \'api_didnt_came_tag\' ? \'missed-integration red base \' :\' orange lighten \'" >\n                                            <svg id="edit_2_" data-name="edit (2)" xmlns="http://www.w3.org/2000/svg" width="16.999" height="16" viewBox="0 0 23.999 24">\n                                              <path id="Path_2453" data-name="Path 2453" d="M11.894,24a.5.5,0,0,1-.354-.146A.5.5,0,0,1,11.4,23.4l.707-3.535a.49.49,0,0,1,.137-.256l7.778-7.778a1.5,1.5,0,0,1,2.121,0l1.414,1.414a1.5,1.5,0,0,1,0,2.121l-7.778,7.778a.5.5,0,0,1-.256.137l-3.535.707A.531.531,0,0,1,11.894,24Zm1.168-3.789-.53,2.651,2.651-.53,7.671-7.671a.5.5,0,0,0,0-.707L21.44,12.54a.5.5,0,0,0-.707,0Zm2.367,2.582h.01Z" fill="#fff"/>\n                                              <path id="Path_2454" data-name="Path 2454" d="M9.5,21h-7A2.5,2.5,0,0,1,0,18.5V5.5A2.5,2.5,0,0,1,2.5,3h2a.5.5,0,0,1,0,1h-2A1.5,1.5,0,0,0,1,5.5v13A1.5,1.5,0,0,0,2.5,20h7a.5.5,0,0,1,0,1Z" fill="#fff"/>\n                                              <path id="Path_2455" data-name="Path 2455" d="M16.5,12a.5.5,0,0,1-.5-.5v-6A1.5,1.5,0,0,0,14.5,4h-2a.5.5,0,0,1,0-1h2A2.5,2.5,0,0,1,17,5.5v6A.5.5,0,0,1,16.5,12Z" fill="#fff"/>\n                                              <path id="Path_2456" data-name="Path 2456" d="M11.5,6h-6A1.5,1.5,0,0,1,4,4.5v-2A.5.5,0,0,1,4.5,2H6.05a2.5,2.5,0,0,1,4.9,0H12.5a.5.5,0,0,1,.5.5v2A1.5,1.5,0,0,1,11.5,6ZM5,3V4.5a.5.5,0,0,0,.5.5h6a.5.5,0,0,0,.5-.5V3H10.5a.5.5,0,0,1-.5-.5,1.5,1.5,0,0,0-3,0,.5.5,0,0,1-.5.5Z" fill="#fff"/>\n                                              <path id="Path_2457" data-name="Path 2457" d="M13.5,9H3.5a.5.5,0,0,1,0-1h10a.5.5,0,0,1,0,1Z" fill="#fff"/>\n                                              <path id="Path_2458" data-name="Path 2458" d="M13.5,12H3.5a.5.5,0,0,1,0-1h10a.5.5,0,0,1,0,1Z" fill="#fff"/>\n                                              <path id="Path_2459" data-name="Path 2459" d="M13.5,15H3.5a.5.5,0,0,1,0-1h10a.5.5,0,0,1,0,1Z" fill="#fff"/>\n                                            </svg>\n                                            \n                                          </span>\n                                            <span class="outer-title-integ"> \n                                            <span class="integr-inner-title">{{events[details.key][\'name\']}}</span> \n                                            </span>\n                                          <br/>\n                                            <span *ngIf="details.key == \'api_delayed_tag\' || details.key == \'api_delayed_clicked_tag\'" class="integr-inner-title">\n                                              {{details.value.offer_id}}\n                                            </span> \n                                          \n                                          <span class="outer-title-integ outer-sub-title-integ" *ngIf="details.key == \'api_joined_webinar_after_tag\' || details.key == \'api_left_webinar_before_tag\' || details.key == \'api_stayed_event_atleast_tag\'" >\n                                            {{details.value.hours}}:{{details.value.minutes}}\n                                          </span>\n                                        </div>\n                                        <div  class="ontegration-column-row flex-row">\n                                          <span class="tag-integration">\n                                            <svg *ngIf="details.value.action == \'addtag\' || details.value.action == \'addlist\'" xmlns="http://www.w3.org/2000/svg" width="14.57" height="21.739" viewBox="0 0 14.57 21.739">\n                                            <g id="Group_1" data-name="Group 1" transform="translate(-519.19 -346.021)">\n                                              <g id="tag" transform="translate(519.5 353.5)">\n                                                <g id="Group_2191" data-name="Group 2191" transform="translate(0)">\n                                                  <g id="Group_2190" data-name="Group 2190" transform="translate(0)">\n                                                    <path id="Path_1094" data-name="Path 1094" d="M13.751,0h-5.6a.509.509,0,0,0-.36.149L.149,7.789a.509.509,0,0,0,0,.72l5.6,5.6a.509.509,0,0,0,.72,0l7.639-7.639a.509.509,0,0,0,.149-.36V.509A.509.509,0,0,0,13.751,0Zm-.509,5.9-7.13,7.13L1.229,8.149l7.13-7.13h4.882Z" transform="translate(0)" fill="#05cbc3"/>\n                                                  </g>\n                                                </g>\n                                                <g id="Group_2193" data-name="Group 2193" transform="translate(9.167 2.037)">\n                                                  <g id="Group_2192" data-name="Group 2192">\n                                                    <path id="Path_1095" data-name="Path 1095" d="M308.724,68.267a1.528,1.528,0,1,0,1.527,1.528A1.528,1.528,0,0,0,308.724,68.267Zm0,2.037a.509.509,0,1,1,.509-.509A.51.51,0,0,1,308.724,70.3Z" transform="translate(-307.196 -68.267)" fill="#05cbc3"/>\n                                                  </g>\n                                                </g>\n                                              </g>\n                                              <path  id="Path_1096" data-name="Path 1096" d="M13.31,9.748H9.748V13.31H8.561V9.748H5V8.561H8.561V5H9.748V8.561H13.31Z" transform="translate(514.19 341.021)" fill="#05cbc3"/>\n                                            </g>\n                                          </svg>\n                                          <svg *ngIf="details.value.action == \'removetag\' || details.value.action == \'removelist\'" xmlns="http://www.w3.org/2000/svg" width="14.57" height="18.178" viewBox="0 0 14.57 18.178">\n                                            <g id="Group_1" data-name="Group 1" transform="translate(-519.19 -349.582)">\n                                              <g id="tag" transform="translate(519.5 353.5)">\n                                                <g id="Group_2191" data-name="Group 2191" transform="translate(0)">\n                                                  <g id="Group_2190" data-name="Group 2190" transform="translate(0)">\n                                                    <path id="Path_1094" data-name="Path 1094" d="M13.751,0h-5.6a.509.509,0,0,0-.36.149L.149,7.789a.509.509,0,0,0,0,.72l5.6,5.6a.509.509,0,0,0,.72,0l7.639-7.639a.509.509,0,0,0,.149-.36V.509A.509.509,0,0,0,13.751,0Zm-.509,5.9-7.13,7.13L1.229,8.149l7.13-7.13h4.882Z" transform="translate(0)" fill="#ed5267"/>\n                                                  </g>\n                                                </g>\n                                                <g id="Group_2193" data-name="Group 2193" transform="translate(9.167 2.037)">\n                                                  <g id="Group_2192" data-name="Group 2192">\n                                                    <path id="Path_1095" data-name="Path 1095" d="M308.724,68.267a1.528,1.528,0,1,0,1.527,1.528A1.528,1.528,0,0,0,308.724,68.267Zm0,2.037a.509.509,0,1,1,.509-.509A.51.51,0,0,1,308.724,70.3Z" transform="translate(-307.196 -68.267)" fill="#ed5267"/>\n                                                  </g>\n                                                </g>\n                                              </g>\n                                              <path id="Path_1096" data-name="Path 1096" d="M13.31,9.748H5V8.561h8.31Z" transform="translate(514.19 341.021)" fill="#ed5267"/>\n                                            </g>\n                                          </svg>\n                                          </span>\n                                          {{actions[details.value.action]}}</div>  \n                                        <ng-container *ngIf="serviceName != \'drip\'">  \n                                        <div class="ontegration-column-row flex-row" *ngIf="((details.value.action ==\'addlist\' || details.value.action ==\'removelist\') && serviceName == \'ontraport\')">\n                                        {{ details.value.value.substring(0, 4) == \'cam@\'?campaigns[details.value.value.substring(4)]:allList[details.value.value.substring(4)] }}\n                                        </div>\n                                        <div class="ontegration-column-row flex-row" *ngIf="tagsType == 1 && !((details.value.action ==\'addlist\' || details.value.action ==\'removelist\') && serviceName == \'ontraport\')">\n                                        {{ (details.value.action ==\'addlist\' || details.value.action ==\'removelist\') ? allList[details.value.value]:allTags[details.value.value] }}\n                                        </div>\n                                        <div class="ontegration-column-row flex-row" *ngIf="tagsType == 0">\n                                          {{ (details.value.action ==\'addlist\' || details.value.action ==\'removelist\') ? allList[details.value.value]:details.value.value }}\n                                        </div>\n\n                                      </ng-container>\n                                      <ng-container *ngIf="serviceName == \'drip\' ">\n                                        <div class="ontegration-column-row flex-row" *ngIf="details.value.action ==\'addlist\' || details.value.action ==\'removelist\'">\n                                          {{ allList[details.value.account_id][details.value.value]}}\n                                        </div>\n                                        <div class="ontegration-column-row flex-row" *ngIf="details.value.action ==\'removetag\' || details.value.action ==\'addtag\'" >\n                                         {{details.value.value}}\n                                        </div>\n                                      </ng-container>\n                                        <div  class="ontegration-column-row flex-row">\n                                          <div class="listing-table-action">\n                                            <div class="upcoming-action-btn">\n                                              <button  [matMenuTriggerFor]="menu6" class="small-button-ew-icon icon-without-text" mat-flat-button color="grey"><mat-icon>more_horiz</mat-icon></button>\n                                              <mat-menu #menu6="matMenu" xPosition="before">\n                                                <button   mat-menu-item (click)="childCom.editIntegration(details);"><mat-icon style="color:black;">edit</mat-icon>{{ \'EDIT\' | translate }}</button>\n                                                <button mat-menu-item *ngIf="details.key !=\'api_gdpr_tag\'"  (click)="confirmDelete( details.key,0 );"><mat-icon style="color:black;">delete</mat-icon>{{ \'DELETE\' | translate }}</button>\n                                              </mat-menu>\n      \n                                            </div>\n                                          </div>\n                                        </div>\n                                    </div>\n                                  </ng-container>\n                                    \x3c!--------------------------Offers tagging list here--------------------\x3e\n                                  <ng-container *ngFor="let offerObject of offersTagging ;let i = index; ">\n                                   <ng-container *ngIf="offerObject.tags != \'\'" >\n                                   <ng-container *ngFor = "let offertags of offerObject.tags |keyvalue" >\n\n                                    <lib-integrationform #childCom  [tagsType]="tagsType" [allTags]="allTags" [allList]="allList" [customFieldType]="customFieldType"\n                                    [events]="events"  [actions] ="actions" [allcustomFields] ="allcustomFields" [webinarCustomFields]="webinarCustomFields"\n                                    (parentFun)="getIntegtaionAllData()"   (showHideEditButtons)="showHideEditButtons($event)"  [showGdpr]="showGdpr" [gdprSettings]="gdprSettings" [gdprSettingsSaved]="gdprSettingsSaved"\n                                    [webinar_integration_details]="webinar_integration_details" [webinar_integration_tags] = "webinar_integration_tags" [offers]="offers"\n                                    [event_id]="event_id" [offerstags]="offerstags" [showdefaultForm]="addInetgrationOption" [campaigns]="campaigns" ></lib-integrationform>\n\n                                    \x3c!--<div class="itegration-body-column flex-table" *ngIf="childCom.showHideDiv == 1" >--\x3e\n                                    <div class="itegration-body-column flex-table" *ngIf=" this.offerstags[offertags.key+\'_\'+offerObject.id] == 1" >\n                                        <div class="ontegration-column-row flex-row title-integration">\n                                          <span class="icon-notification-title circle orange lighten" >\n                                            <svg id="edit_2_" data-name="edit (2)" xmlns="http://www.w3.org/2000/svg" width="16.999" height="16" viewBox="0 0 23.999 24">\n                                              <path id="Path_2453" data-name="Path 2453" d="M11.894,24a.5.5,0,0,1-.354-.146A.5.5,0,0,1,11.4,23.4l.707-3.535a.49.49,0,0,1,.137-.256l7.778-7.778a1.5,1.5,0,0,1,2.121,0l1.414,1.414a1.5,1.5,0,0,1,0,2.121l-7.778,7.778a.5.5,0,0,1-.256.137l-3.535.707A.531.531,0,0,1,11.894,24Zm1.168-3.789-.53,2.651,2.651-.53,7.671-7.671a.5.5,0,0,0,0-.707L21.44,12.54a.5.5,0,0,0-.707,0Zm2.367,2.582h.01Z" fill="#fff"/>\n                                              <path id="Path_2454" data-name="Path 2454" d="M9.5,21h-7A2.5,2.5,0,0,1,0,18.5V5.5A2.5,2.5,0,0,1,2.5,3h2a.5.5,0,0,1,0,1h-2A1.5,1.5,0,0,0,1,5.5v13A1.5,1.5,0,0,0,2.5,20h7a.5.5,0,0,1,0,1Z" fill="#fff"/>\n                                              <path id="Path_2455" data-name="Path 2455" d="M16.5,12a.5.5,0,0,1-.5-.5v-6A1.5,1.5,0,0,0,14.5,4h-2a.5.5,0,0,1,0-1h2A2.5,2.5,0,0,1,17,5.5v6A.5.5,0,0,1,16.5,12Z" fill="#fff"/>\n                                              <path id="Path_2456" data-name="Path 2456" d="M11.5,6h-6A1.5,1.5,0,0,1,4,4.5v-2A.5.5,0,0,1,4.5,2H6.05a2.5,2.5,0,0,1,4.9,0H12.5a.5.5,0,0,1,.5.5v2A1.5,1.5,0,0,1,11.5,6ZM5,3V4.5a.5.5,0,0,0,.5.5h6a.5.5,0,0,0,.5-.5V3H10.5a.5.5,0,0,1-.5-.5,1.5,1.5,0,0,0-3,0,.5.5,0,0,1-.5.5Z" fill="#fff"/>\n                                              <path id="Path_2457" data-name="Path 2457" d="M13.5,9H3.5a.5.5,0,0,1,0-1h10a.5.5,0,0,1,0,1Z" fill="#fff"/>\n                                              <path id="Path_2458" data-name="Path 2458" d="M13.5,12H3.5a.5.5,0,0,1,0-1h10a.5.5,0,0,1,0,1Z" fill="#fff"/>\n                                              <path id="Path_2459" data-name="Path 2459" d="M13.5,15H3.5a.5.5,0,0,1,0-1h10a.5.5,0,0,1,0,1Z" fill="#fff"/>\n                                            </svg>\n                                            \n                                          </span>\n\n                                          <span class="outer-title-integ">\n                                            <span class="integr-inner-title">{{events[offertags.key][\'name\']}}</span>\n                                            <span class="add-sub-text">{{offerObject.title}}</span>\n                                          </span>\n                                          \n                                        </div>\n                                        <div class="ontegration-column-row flex-row">\n                                          <span class="tag-integration">\n                                            <svg *ngIf="(offertags.value.action == \'addtag\' || offertags.value.action == \'addlist\')" xmlns="http://www.w3.org/2000/svg" width="14.57" height="21.739" viewBox="0 0 14.57 21.739">\n                                            <g id="Group_1" data-name="Group 1" transform="translate(-519.19 -346.021)">\n                                              <g id="tag" transform="translate(519.5 353.5)">\n                                                <g id="Group_2191" data-name="Group 2191" transform="translate(0)">\n                                                  <g id="Group_2190" data-name="Group 2190" transform="translate(0)">\n                                                    <path id="Path_1094" data-name="Path 1094" d="M13.751,0h-5.6a.509.509,0,0,0-.36.149L.149,7.789a.509.509,0,0,0,0,.72l5.6,5.6a.509.509,0,0,0,.72,0l7.639-7.639a.509.509,0,0,0,.149-.36V.509A.509.509,0,0,0,13.751,0Zm-.509,5.9-7.13,7.13L1.229,8.149l7.13-7.13h4.882Z" transform="translate(0)" fill="#05cbc3"/>\n                                                  </g>\n                                                </g>\n                                                <g id="Group_2193" data-name="Group 2193" transform="translate(9.167 2.037)">\n                                                  <g id="Group_2192" data-name="Group 2192">\n                                                    <path id="Path_1095" data-name="Path 1095" d="M308.724,68.267a1.528,1.528,0,1,0,1.527,1.528A1.528,1.528,0,0,0,308.724,68.267Zm0,2.037a.509.509,0,1,1,.509-.509A.51.51,0,0,1,308.724,70.3Z" transform="translate(-307.196 -68.267)" fill="#05cbc3"/>\n                                                  </g>\n                                                </g>\n                                              </g>\n                                              <path  id="Path_1096" data-name="Path 1096" d="M13.31,9.748H9.748V13.31H8.561V9.748H5V8.561H8.561V5H9.748V8.561H13.31Z" transform="translate(514.19 341.021)" fill="#05cbc3"/>\n                                            </g>\n                                          </svg>\n                                          <svg *ngIf="(offertags.value.action == \'removetag\' || offertags.value.action == \'removelist\')" xmlns="http://www.w3.org/2000/svg" width="14.57" height="18.178" viewBox="0 0 14.57 18.178">\n                                            <g id="Group_1" data-name="Group 1" transform="translate(-519.19 -349.582)">\n                                              <g id="tag" transform="translate(519.5 353.5)">\n                                                <g id="Group_2191" data-name="Group 2191" transform="translate(0)">\n                                                  <g id="Group_2190" data-name="Group 2190" transform="translate(0)">\n                                                    <path id="Path_1094" data-name="Path 1094" d="M13.751,0h-5.6a.509.509,0,0,0-.36.149L.149,7.789a.509.509,0,0,0,0,.72l5.6,5.6a.509.509,0,0,0,.72,0l7.639-7.639a.509.509,0,0,0,.149-.36V.509A.509.509,0,0,0,13.751,0Zm-.509,5.9-7.13,7.13L1.229,8.149l7.13-7.13h4.882Z" transform="translate(0)" fill="#ed5267"/>\n                                                  </g>\n                                                </g>\n                                                <g id="Group_2193" data-name="Group 2193" transform="translate(9.167 2.037)">\n                                                  <g id="Group_2192" data-name="Group 2192">\n                                                    <path id="Path_1095" data-name="Path 1095" d="M308.724,68.267a1.528,1.528,0,1,0,1.527,1.528A1.528,1.528,0,0,0,308.724,68.267Zm0,2.037a.509.509,0,1,1,.509-.509A.51.51,0,0,1,308.724,70.3Z" transform="translate(-307.196 -68.267)" fill="#ed5267"/>\n                                                  </g>\n                                                </g>\n                                              </g>\n                                              <path id="Path_1096" data-name="Path 1096" d="M13.31,9.748H5V8.561h8.31Z" transform="translate(514.19 341.021)" fill="#ed5267"/>\n                                            </g>\n                                          </svg>\n                                          </span>\n                                          {{actions[offertags.value.action]}}</div>\n                                         <ng-container *ngIf="serviceName != \'drip\'">\n                                            <div class="ontegration-column-row flex-row" *ngIf="((offertags.value.action ==\'addlist\' || offertags.value.action ==\'removelist\') && serviceName == \'ontraport\')">\n                                              {{ details.value.value.substring(0, 4) == \'cam@\'?campaigns[offertags.value.value.substring(4)]:allList[offertags.value.value.substring(4)] }}\n                                            </div>\n                                            <div class="ontegration-column-row flex-row" *ngIf="tagsType == 1 && !((offertags.value.action ==\'addlist\' || offertags.value.action ==\'removelist\') && serviceName == \'ontraport\')">\n                                              {{ (offertags.value.action == \'addlist\' || offertags.value.action == \'removelist\') ?allList[offertags.value.value]:allTags[offertags.value.value] }}\n                                            </div>\n                                            <div class="ontegration-column-row flex-row" *ngIf="tagsType == 0">\n                                              {{ (offertags.value.action == \'addlist\' || offertags.value.action == \'removelist\') ?allList[offertags.value.value]:offertags.value.value }}\n                                            </div>\n                                      </ng-container> \n                                      <ng-container *ngIf="serviceName == \'drip\'">\n                                        <div class="ontegration-column-row flex-row" *ngIf="offertags.value.action ==\'addlist\' || offertags.value.action == \'removelist\'">\n                                          {{ allList[offertags.value.account_id][offertags.value.value]}}\n                                        </div>\n                                        <div class="ontegration-column-row flex-row" *ngIf="offertags.value.action ==\'addtag\' || offertags.value.action == \'removetag\'" >\n                                         {{offertags.value.value}}\n                                        </div>\n                                      </ng-container>\n                                        <div class="ontegration-column-row flex-row">\n                                          <div class="listing-table-action">\n                                            <div class="upcoming-action-btn">\n                                              <button  [matMenuTriggerFor]="menu6" class="small-button-ew-icon icon-without-text" mat-flat-button color="grey"><mat-icon>more_horiz</mat-icon></button>\n                                              <mat-menu #menu6="matMenu" xPosition="before">\n                                                 <button mat-menu-item (click)="childCom.editOffersIntegration(offerObject,offertags.key);"><mat-icon style="color:black;">edit</mat-icon>{{ \'EDIT\' | translate }}</button>\n                                                 <button mat-menu-item (click)="confirmDelete(offertags.key,offerObject.id);"><mat-icon style="color:black;">delete</mat-icon>{{ \'DELETE\' | translate }}</button>\n                                              </mat-menu>\n      \n                                            </div>\n                                          </div>\n                                        </div>\n                                    </div>\n                                  </ng-container>\n                                  </ng-container>\n                                  </ng-container>\n                                  \x3c!------ Offers tagging ends here--------------------\x3e\n                                  \n                               \x3c!--- Add integration form starts here--\x3e   \n                               <lib-integrationform #childComponent  [tagsType]="tagsType" [allTags]="allTags" [allList]="allList" [customFieldType]="customFieldType"\n                               [events]="events"  [actions] ="actions" [allcustomFields] ="allcustomFields" [webinarCustomFields]="webinarCustomFields"\n                               (parentFun)="getIntegtaionAllData()" [showGdpr]="showGdpr" [gdprSettings]="gdprSettings" [gdprSettingsSaved]="gdprSettingsSaved"\n                               [webinar_integration_details]="webinar_integration_details" [webinar_integration_tags] = "webinar_integration_tags" [offers]="offers"\n                               [event_id]="event_id" [offerstags]="offerstags" [showdefaultForm]="addInetgrationOption" [campaigns]="campaigns" (showHideEditButtons)="showHideEditButtons($event)" ></lib-integrationform>\n\n                              \x3c!--- Add integration form ends here--\x3e  \n\n                                <div class="add-integration-button">\n                                  <button  class="large-btn-ew icon-only-button-ew" *ngIf="!addInetgrationOption" mat-flat-button color="accent" (click)="childComponent.integrationOption();"><mat-icon>add</mat-icon>{{ \'ADD_NEW_ACTION\' | translate }}</button>\n                                </div>\n                            \n\n                                </div>\n                            </div>\n                            \n                        </div>\n                        <div class="custom-inputs-section-integration"  *ngIf = "serviceName != \'influencersoft\'">\n                          <lib-ew-section-loader *ngIf="customFieldLoader == 1"></lib-ew-section-loader>\n                          <div class="row">\n                            <div class="col m12 l12">                              \n                              <div class="add-custom-outer-integartion">\n                                <span class="title-intg-fiels" (click)="showDiv.previous = !showDiv.previous;"><mat-icon>settings</mat-icon>{{ \'ADVANCED_SETTINGS\' | translate }}\n                                  <mat-icon  *ngIf="!showDiv.previous" class="expand-custom">expand_more</mat-icon> \n                                  <mat-icon  *ngIf="showDiv.previous" class="expand-custom">expand_less</mat-icon> \n                                </span>\n                                <div class="outer-open-sec" *ngIf="showDiv.previous">\n                                  <mat-button-toggle-group name="fontStyle" aria-label="Font Style">\n                                    <mat-button-toggle   checked   [ngClass]="{ \'active\':activeTabCustom===\'defaultField\'}" (click)="defaultField(\'defaultField\')">{{ \'DEFAULT\' | translate }}<span class="total-session-number"></span> </mat-button-toggle>\n                                    <mat-button-toggle  [ngClass]="{ \'active\':activeTabCustom===\'customField\'}" (click)="customField(\'customField\')">{{ \'CUSTOM_FORM_FIELDS\' | translate }}<span  class="total-session-number"></span> </mat-button-toggle>\n                                  </mat-button-toggle-group>\n                                  <div class="function-show-hide" [ngClass]="{ \'active\':activeTabCustom===\'defaultField\'}">\n                                    <div class="col m6 l6 s12">\n                                      <div class="custom-input-outer-intg">\n                                        \n                                        <div class="form-field-type">\n                                          <div class="form-field-row-itg">\n                                            <span class="title-frm-intg">{{ \'WEBINAR_JOIN_LINK\' | translate }}</span>\n                                            <span class="sub-title-intg">{{ \'WEBINAR_JOIN_LINK_ATTENDEE\' | translate }}\n                                             </span>\n                                              <input type="text" [(ngModel)]="selectedCustomfield.api_custom_link" *ngIf="customFieldType == 0">\n                                              <mat-form-field class="ew-insider-label" *ngIf="customFieldType == 1">\n                                                <mat-select matInput [(value)]="selectedCustomfield.api_custom_link" placeholder="{{ \'SELECT_CUSTOM_FIELD\' | translate }}" >\n                                                  <mat-option  value="">{{ \'SELECT_CUSTOM_FIELD\' | translate }}</mat-option>\n                                                  <mat-option *ngFor="let item of allcustomFields|keyvalue:keepOrder" value="{{item.key}}">{{item.value}}</mat-option>\n                                              </mat-select>\n                                              </mat-form-field>\n                                          </div>\n                                        </div>\n                                        <div class="form-field-type">\n                                          <div class="form-field-row-itg">\n                                            <span class="title-frm-intg">{{ \'WEBINAR_JOIN_SHORT_LINK\' | translate }}</span>\n                                            <span class="sub-title-intg">{{ \'EVENT_SHORT_LINK\' | translate }}\n                                             </span>\n                                              <input type="text" [(ngModel)]="selectedCustomfield.api_custom_short_link" *ngIf="customFieldType == 0">\n                                              <mat-form-field class="ew-insider-label" *ngIf="customFieldType == 1">\n                                                <mat-select matInput  [(value)]="selectedCustomfield.api_custom_short_link"  placeholder="{{ \'SELECT_CUSTOM_FIELD\' | translate }}" >\n                                                  <mat-option  value="">{{ \'SELECT_CUSTOM_FIELD\' | translate }}</mat-option>\n                                                  <mat-option *ngFor="let item of allcustomFields|keyvalue:keepOrder" value="{{item.key}}">{{item.value}}</mat-option>\n                                              </mat-select>\n                                              </mat-form-field>\n                                          </div>\n                                        </div>\n                                        <div class="form-field-type">\n                                          <div class="form-field-row-itg">\n                                            <span class="title-frm-intg">{{ \'WEBINAR_REPLAY_LINK\' | translate }}</span>\n                                            <span class="sub-title-intg">{{ \'WEBINAR_REPLAY_LINK_ATTENDEE\' | translate }}\n                                             </span>\n                                              <input type="text"  [(ngModel)]="selectedCustomfield.api_replay_custom_link" *ngIf="customFieldType == 0">\n                                              <mat-form-field class="ew-insider-label" *ngIf="customFieldType == 1">\n                                                <mat-select matInput   [(value)]="selectedCustomfield.api_replay_custom_link" placeholder="{{ \'SELECT_CUSTOM_FIELD\' | translate }}" >\n                                                  <mat-option  value="">{{ \'SELECT_CUSTOM_FIELD\' | translate }}</mat-option>\n                                                  <mat-option *ngFor="let item of allcustomFields|keyvalue:keepOrder" value="{{item.key}}">{{item.value}}</mat-option>\n                                              </mat-select>\n                                              </mat-form-field>\n                                          </div>\n                                        </div>\n\n                                        <div class="form-field-type">\n                                          <div class="form-field-row-itg">\n                                            <span class="title-frm-intg">{{ \'WEBINAR_REPLAY_SHORT_LINK\' | translate }}</span>\n                                            <span class="sub-title-intg">{{ \'REPLAY_SHORT_LINK\' | translate }}\n                                              </span>\n                                              <input type="text"  [(ngModel)]="selectedCustomfield.api_replay_custom_short_link" *ngIf="customFieldType == 0">\n                                              <mat-form-field class="ew-insider-label"  *ngIf="customFieldType == 1">\n                                              <mat-select matInput   [(value)]="selectedCustomfield.api_replay_custom_short_link" placeholder="{{ \'SELECT_CUSTOM_FIELD\' | translate }}" >\n                                                <mat-option  value="">{{ \'SELECT_CUSTOM_FIELD\' | translate }}</mat-option>\n                                                <mat-option *ngFor="let item of allcustomFields|keyvalue:keepOrder" value="{{item.key}}">{{item.value}}</mat-option>\n                                            </mat-select>\n                                            </mat-form-field>\n                                          </div>\n                                        </div>\n\n                                        <div class="form-field-type">\n                                          <div class="form-field-row-itg">\n                                            <span class="title-frm-intg">{{ \'PHONE_NUMBER\' | translate }}</span>\n                                            <span class="sub-title-intg">{{ \'PHONE_NUMBER_ATTENDEE\' | translate }}\n                                              </span>\n                                              <input type="text"  [(ngModel)]="selectedCustomfield.api_custom_phone_number" *ngIf="customFieldType == 0">\n                                              <mat-form-field class="ew-insider-label"  *ngIf="customFieldType == 1">\n                                                <mat-select matInput   [(value)]="selectedCustomfield.api_custom_phone_number" placeholder="{{ \'SELECT_CUSTOM_FIELD\' | translate }}" >\n                                                  <mat-option  value="">{{ \'SELECT_CUSTOM_FIELD\' | translate }}</mat-option>\n                                                  <mat-option *ngFor="let item of allcustomFields|keyvalue:keepOrder" value="{{item.key}}">{{item.value}}</mat-option>\n                                              </mat-select>\n                                              </mat-form-field>\n                                          </div>\n                                        </div>\n                                 \n                                        <div class="ew-call-action-btn  no-padding">\n                                          <button *ngIf="activeTabCustom===\'defaultField\'"  class="padding-standard-btn"  mat-flat-button color="accent" (click)="saveCustomfields();">{{ \'SAVE_CHANGES\' | translate }}</button>\n                                        </div>\n                                      </div>\n                                    </div>\n                                    <div class="col m6 l6 s12">\n                                      <div class="custom-input-outer-intg">\n                                        <div class="form-field-type">\n                                          <div class="form-field-row-itg">\n                                            <span class="title-frm-intg">{{ \'WEBINAR_DATE\' | translate }}</span>\n                                            <span class="sub-title-intg">{{ \'ADD_NAME_CUSTOM_FIELD\' | translate }}\n                                              </span>\n                                              <input type="text"  [(ngModel)]="selectedCustomfield.api_custom_webinar_date" *ngIf="customFieldType == 0">\n                                              <mat-form-field class="ew-insider-label"  *ngIf="customFieldType == 1">\n                                                <mat-select matInput  [(value)]="selectedCustomfield.api_custom_webinar_date" placeholder="{{ \'SELECT_CUSTOM_FIELD\' | translate }}" >\n                                                  <mat-option  value="">{{ \'SELECT_CUSTOM_FIELD\' | translate }}</mat-option>\n                                                  <mat-option *ngFor="let item of allcustomFields|keyvalue:keepOrder" value="{{item.key}}">{{item.value}}</mat-option>\n                                              </mat-select>\n                                              </mat-form-field>\n                                          </div>\n                                        </div>\n                                        <div class="form-field-type">\n                                          <div class="form-field-row-itg">\n                                            <span class="title-frm-intg">{{ \'WEBINAR_TIME\' | translate }}</span>\n                                            <span class="sub-title-intg">{{ \'SAVE_WEBINAR_TIME\' | translate }}\n                                              </span>\n                                              <input type="text"  [(ngModel)]="selectedCustomfield.api_custom_webinar_time" *ngIf="customFieldType == 0">\n                                              <mat-form-field class="ew-insider-label"  *ngIf="customFieldType == 1">\n                                              <mat-select matInput   [(value)]="selectedCustomfield.api_custom_webinar_time" placeholder="{{ \'SELECT_CUSTOM_FIELD\' | translate }}" >\n                                                <mat-option  value="">{{ \'SELECT_CUSTOM_FIELD\' | translate }}</mat-option>\n                                                <mat-option *ngFor="let item of allcustomFields|keyvalue:keepOrder" value="{{item.key}}">{{item.value}}</mat-option>\n                                            </mat-select>\n                                            </mat-form-field>\n                                          </div>\n                                        </div>\n                                        <div class="form-field-type">\n                                          <div class="form-field-row-itg">\n                                            <span class="title-frm-intg">{{ \'WEBINAR_DATE_TIME\' | translate }}</span>\n                                            <span class="sub-title-intg">{{ \'WEBINAR_DATE_TIME_CUSTOM\' | translate }}\n                                              </span>\n                                              <input type="text"  [(ngModel)]="selectedCustomfield.api_custom_webinar_date_time" *ngIf="customFieldType == 0">\n                                              <mat-form-field class="ew-insider-label"  *ngIf="customFieldType == 1">\n                                              <mat-select matInput   [(value)]="selectedCustomfield.api_custom_webinar_date_time" placeholder="{{ \'SELECT_CUSTOM_FIELD\' | translate }}" >\n                                                <mat-option  value="">{{ \'SELECT_CUSTOM_FIELD\' | translate }}</mat-option>\n                                                <mat-option *ngFor="let item of allcustomFields|keyvalue:keepOrder" value="{{item.key}}">{{item.value}}</mat-option>\n                                            </mat-select>\n                                            </mat-form-field>\n                                          </div>\n                                        </div>        \n                                        <div class="form-field-type">\n                                          <div class="form-field-row-itg">\n                                            <span class="title-frm-intg">{{ \'WEBINAR_TIMEZONE\' | translate }}</span>\n                                            <span class="sub-title-intg">{{ \'WEBINAR_TIMEZONE_CUSTOM\' | translate }}\n                                              </span>\n                                              <input type="text"  [(ngModel)]="selectedCustomfield.api_custom_timezone" *ngIf="customFieldType == 0">\n                                              <mat-form-field class="ew-insider-label"  *ngIf="customFieldType == 1">\n                                              <mat-select matInput   [(value)]="selectedCustomfield.api_custom_timezone" placeholder="{{ \'SELECT_CUSTOM_FIELD\' | translate }}" >\n                                                <mat-option  value="">{{ \'SELECT_CUSTOM_FIELD\' | translate }}</mat-option>\n                                                <mat-option *ngFor="let item of allcustomFields|keyvalue:keepOrder" value="{{item.key}}">{{item.value}}</mat-option>\n                                            </mat-select>\n                                            </mat-form-field>\n                                          </div>\n                                        </div>\n                                        <div class="form-field-type" *ngIf="serviceName == \'infusionsoft\'">\n                                          <div class="form-field-row-itg">\n                                            <span class="title-frm-intg"> {{ \'WEBINAR_AFFILIATE\' | translate }}</span>\n                                            <span class="sub-title-intg">\n                                              {{ \'NAME_OF_HIDDEN_FIELD\' | translate }}\n                                            </span>\n                                              <mat-form-field class="ew-insider-label"  *ngIf="customFieldType == 1">\n                                              <mat-select matInput   [(value)]="selectedCustomfield.api_custom_affiliate" placeholder="{{ \'SELECT_CUSTOM_FIELD\' | translate }}" >\n                                                <mat-option  value="">{{ \'SELECT_CUSTOM_FIELD\' | translate }}</mat-option>\n                                                <mat-option *ngFor="let item of affiliates|keyvalue:keepOrder" value="{{item.key}}">{{item.value}}</mat-option>\n                                            </mat-select>\n                                            </mat-form-field>\n                                          </div>\n                                        </div>\n        \n                                    \n                                      </div>\n                                    </div>\n                                  </div>\n                                  <div class="function-show-hide"   [ngClass]="{ \'active\':activeTabCustom===\'customField\'}">\n                                    <div class="col m6 l6 s12">\n                                      <div class="custom-input-outer-intg"> \n                                        \n                                        <ng-container *ngFor="let item of webinarCustomFields|keyvalue">                                       \n                                            <div class="form-field-type" *ngFor="let regCustomField of item.value |keyvalue">\n                                              <div class="form-field-row-itg">\n                                                <span class="title-frm-intg" *ngIf="regCustomField.key == \'display_txt\'" >{{regCustomField.value}}</span>\n                                                <span class="sub-title-intg"  *ngIf="regCustomField.key == \'display_txt\'">{{ \'CUSTOM_FIELD\' | translate }}\n                                                  {{regCustomField.value}}.</span>\n                                                  <input type="text"  [(ngModel)]="selectedWebinarCustomfield[item.key]"  *ngIf="customFieldType == 0 && regCustomField.key == \'merge_field\'">\n                                                  <mat-form-field class="ew-insider-label" *ngIf="customFieldType == 1 && regCustomField.key == \'merge_field\'">\n                                                    <mat-select matInput [(value)]="selectedWebinarCustomfield[item.key]"  placeholder="{{ \'SELECT_CUSTOM_FIELD\' | translate }}" >\n                                                      <mat-option  value="">{{ \'SELECT_CUSTOM_FIELD\' | translate }}</mat-option>\n                                                      <mat-option *ngFor="let item of allcustomFields|keyvalue:keepOrder" value="{{item.key}}">{{item.value}}</mat-option>\n                                                  </mat-select>\n                                                  </mat-form-field>\n                                              </div>\n                                            </div>\n                                          </ng-container>\n                                          <span *ngIf = "!webinarCustomFields">{{regCustomField}}{{ \'NO_CUSTOM_FIELD\' | translate }}</span>\n                                 \n                                        <div class="ew-call-action-btn  no-padding" *ngIf = "webinarCustomFields">\n                                          <button *ngIf="activeTabCustom===\'customField\'"  class="padding-standard-btn"  mat-flat-button color="accent" (click)="saveWebinarCustomFields();">{{ \'SAVE_CHANGES\' | translate }}</button>\n                                        </div>\n                                      </div>\n                                    </div>\n                                  </div>\n                                  \n                                </div>\n                              </div>\n                            </div>\n                          </div>\n                        </div>\n\n                    </div>\n                   \n                </div>\n  \n              </div>\n  \n            </div>\n          </div>\n        </div>\n  \n\n\n        <div class="advance-setting-integration">\n          <div class="advance-setting-inner"  [class.expanded]="wasClicked">\n              <div class="advance-setting-header">\n                  <span class="left-advance-setting">{{ \'ADVANCED_SETTINGS\' | translate }}</span>\n                  <div class="right-advance-setting">\n                    <button class="padding-standard-btn" mat-flat-button color="accent"   (click)="sideNav()" >{{ \'SAVE\' | translate }}</button>\n                    <span class="close-dialog"   (click)="sideNav()" ><mat-icon>close</mat-icon></span>\n                  </div>\n              </div>\n          </div>\n          <div class="overlay_custom"  (click)="sideNav()"  [class.show]="wasClicked"></div>\n      </div>\n\n      </div>\n\n      ',styles:[""]}]}],S.ctorParameters=function(){return[{type:void 0,decorators:[{type:e.Inject,args:[o.DOCUMENT]}]},{type:u},{type:a.AuthenticationService},{type:l.MatDialog},{type:d.Router},{type:d.ActivatedRoute},{type:a.FlashService},{type:r.FormBuilder},{type:p},{type:s.TranslateService},{type:e.ChangeDetectorRef},{type:a.EwCommonService}]},S.propDecorators={IntegrationformComponent:[{type:e.ViewChild,args:[T,{static:!0}]}],content:[{type:e.ViewChild,args:["mySelect",{static:!1}]}],serviceName:[{type:e.Input}],default_lang:[{type:e.Input}],event_id:[{type:e.Input}],exit:[{type:e.Output}]};var I=s.TranslateModule.forChild(),y=function(){function t(){}return t.forRoot=function(e){return{ngModule:t,providers:[u,{provide:"env",useValue:e}]}},t}();y.decorators=[{type:e.NgModule,args:[{declarations:[f,h,S,_,v,T],imports:[o.CommonModule,r.ReactiveFormsModule,r.FormsModule,a.EwCommonModule,a.EwMaterialComponentsModule,I,c.NgxMatSelectSearchModule],providers:[s.TranslateStore,p],exports:[f,h,S,_,v]}]}],t.EwMaIntegrationComponent=f,t.EwMaIntegrationModule=y,t.EwMaIntegrationService=u,t.EwMaIntegrationTranslateService=p,t.translateModule=I,t.ɵa=h,t.ɵb=S,t.ɵc=T,t.ɵd=_,t.ɵe=v,Object.defineProperty(t,"__esModule",{value:!0})}));
//# sourceMappingURL=ew-ma-integration.umd.min.js.map