https://www.base.be/etc/designs/aff-telenetgroup/ng/dist/telenetgroup-app/chunk-GJLD6H3I.js

1import{a as c,b as P,c as D}from"/etc/designs/aff-telenetgroup/ng/dist/telenetgroup-app/chunk-2F2AJ2L6.js";import{a as w}from"/etc/designs/aff-telenetgroup/ng/dist/telenetgroup-app/chunk-NLQF6ATP.js";import"/etc/designs/aff-telenetgroup/ng/dist/telenetgroup-app/chunk-KZW6QPPH.js";import"/etc/designs/aff-telenetgroup/ng/dist/telenetgroup-app/chunk-2CVC5BBX.js";import{a as y}from"/etc/designs/aff-telenetgroup/ng/dist/telenetgroup-app/chunk-ME6OOKIW.js";import{j as N}from"/etc/designs/aff-telenetgroup/ng/dist/telenetgroup-app/chunk-FTWOOITD.js";import{B as v,a as h,c as d}from"/etc/designs/aff-telenetgroup/ng/dist/telenetgroup-app/chunk-LBCPBUBK.js";import"/etc/designs/aff-telenetgroup/ng/dist/telenetgroup-app/chunk-ILLEOMOT.js";import"/etc/designs/aff-telenetgroup/ng/dist/telenetgroup-app/chunk-KFW34AI3.js";import"/etc/designs/aff-telenetgroup/ng/dist/telenetgroup-app/chunk-G3XYAJPK.js";import"/etc/designs/aff-telenetgroup/ng/dist/telenetgroup-app/chunk-WXUJ2XVZ.js";import"@angular/core";import"@angular/core";import"@angular/material/dialog";import{ConfigConstants as G}from"@telenet/ng-lib-config";import"@angular/core";import{FormControl as I}from"@angular/forms";import{MAT_DIALOG_DATA as R}from"@angular/material/dialog";import*as e from"@angular/core";import*as p from"@angular/material/dialog";import*as b from"@angular/common";import*as g from"@angular/material/autocomplete";import*as T from"@angular/material/input";import*as _ from"@angular/cdk/drag-drop";import*as u from"@angular/forms";import*as O from"@ngx-translate/core";function L(n,r){if(n&1&&(e.\u0275\u0275elementStart(0,"mat-option",19),e.\u0275\u0275text(1),e.\u0275\u0275elementEnd()),n&2){let t=r.$implicit;e.\u0275\u0275property("value",t),e.\u0275\u0275advance(),e.\u0275\u0275textInterpolate1(" ",t," ")}}function W(n,r){if(n&1&&(e.\u0275\u0275elementStart(0,"mat-option",19),e.\u0275\u0275text(1),e.\u0275\u0275elementEnd()),n&2){let t=r.$implicit;e.\u0275\u0275property("value",t),e.\u0275\u0275advance(),e.\u0275\u0275textInterpolate1(" ",t," ")}}function k(n,r){if(n&1&&(e.\u0275\u0275elementStart(0,"mat-option",19),e.\u0275\u0275text(1),e.\u0275\u0275elementEnd()),n&2){let t=r.$implicit;e.\u0275\u0275property("value",t),e.\u0275\u0275advance(),e.\u0275\u0275textInterpolate1(" ",t," ")}}function B(n,r){if(n&1&&(e.\u0275\u0275elementStart(0,"div",20)(1,"span",21)(2,"div"),e.\u0275\u0275text(3),e.\u0275\u0275pipe(4,"translate"),e.\u0275\u0275elementEnd()()()),n&2){let t=e.\u0275\u0275nextContext();e.\u0275\u0275advance(3),e.\u0275\u0275textInterpolate(e.\u0275\u0275pipeBind1(4,1,t.errorMsg))}}var V=(()=>{class n{constructor(t,i,a,o){this.dialogRef=t,this.nbaPreviewService=a,this.nbaMonitorService=o,this.messageGroupName="nba-preview",this.errorMsg="",this.nameControl=new I,this.treatmentControl=new I,this.campaignIdControl=new I,this.masterNames=[],this.filteredNames=[],this.masterTreatments=[],this.filteredTreatments=[],this.masterCampaignIds=[],this.masterCSVdata=[],this.filteredCSVdata=[],this.isPreviewButtonDisabled=!0,this.useCaseData=i.useCaseData,this.containerIdsInPage=i.containerData&&i.containerData.split(",")}ngOnInit(){let t={};this.nbaMonitorService.getUseCaseData(Object.values(this.useCaseData)).subscribe(i=>{this.nbaPreviewService.setPreviewContent(t),this.masterCSVdata=i,this.filteredCSVdata=this.masterCSVdata,this.populateNamesList(),this.treatmentControl.disable(),this.campaignIdControl.disable()})}populateNamesList(){this.masterNames=Array.from(new Set(this.masterCSVdata.map(t=>t.Name))),this.filteredNames=this.masterNames,this.nameControl.valueChanges.subscribe(t=>{this.filteredNames=this.masterNames.filter(i=>i.toLowerCase().includes(t.toLowerCase()))})}onNameSelection(){this.treatmentControl.enable(),this.campaignIdControl.disable(),this.filteredCSVdata=this.masterCSVdata.filter(t=>t.Name==this.selectedName),this.filteredCSVdata.length>0?(this.masterTreatments=Array.from(new Set(this.filteredCSVdata.map(t=>t.Treatment))),this.filteredTreatments=this.masterTreatments,this.treatmentControl.valueChanges.subscribe(t=>{this.filteredTreatments=this.masterTreatments.filter(i=>i.toLowerCase().includes(t.toLowerCase()))})):this.errorMsg=c.PREVIEW_INCORRECT_SELECTION}onTreatmentSelection(){this.campaignIdControl.enable(),this.filteredCSVdata=this.masterCSVdata.filter(t=>t.Name==this.selectedName&&t.Treatment==this.selectedTreatment),this.selectedTreatment&&(this.isPreviewButtonDisabled=!1),this.filteredCSVdata.length>0?(this.masterCampaignIds=Array.from(new Set(this.filteredCSVdata.map(t=>t.CampaignID))),this.filteredCampaignIds=this.masterCampaignIds,this.campaignIdControl.valueChanges.subscribe(t=>{this.filteredCampaignIds=this.masterCampaignIds.filter(i=>i.toLowerCase().includes(t.toLowerCase()))})):this.errorMsg=c.PREVIEW_INCORRECT_SELECTION}onCampaignIdSelection(){this.errorMsg=""}onNameSelectionChange(){this.errorMsg="",this.treatmentControl.disable(),this.campaignIdControl.disable(),this.selectedTreatment="",this.filteredTreatments=[],this.masterTreatments=[],this.selectedCampaignId="",this.filteredCampaignIds=[],this.masterCampaignIds=[],this.filteredCSVdata=[],this.isPreviewButtonDisabled=!0}onTreatmentSelectionChange(){this.errorMsg="",this.campaignIdControl.disable(),this.selectedCampaignId="",this.filteredCampaignIds=[],this.masterCampaignIds=[],this.filteredCSVdata=[],this.isPreviewButtonDisabled=!1}onCampaignIdSelectionChange(){this.errorMsg=""}previewContent(){if(this.getErrorMessage()===""){let t={};this.containerIdsInPage.forEach(i=>

1{let a=this.getFilteredObject(i);t[i]=a?a[this.nbaMonitorService.getExpFragmentLanguageKey()]:""}),this.nbaPreviewService.setPreviewContent(t)}}getFilteredObject(t){return this.filteredCSVdata.find(i=>i.Name===this.selectedName&&i.Treatment===this.selectedTreatment&&(this.selectedCampaignId?i.CampaignID===this.selectedCampaignId:i.CampaignID==="")&&i.ContainerID==t)}getErrorMessage(){return this.containerIdsInPage.length<1?this.errorMsg=c.NO_NBA_CONTAINERS:(!this.filteredNames.includes(this.selectedName)||!this.filteredTreatments.includes(this.selectedTreatment)||this.selectedCampaignId&&!this.filteredCampaignIds.includes(this.selectedCampaignId))&&(this.errorMsg=c.PREVIEW_INCORRECT_SELECTION),this.errorMsg}static{this.\u0275fac=function(i){return new(i||n)(e.\u0275\u0275directiveInject(p.MatDialogRef),e.\u0275\u0275directiveInject(R),e.\u0275\u0275directiveInject(P),e.\u0275\u0275directiveInject(w))}}static{this.\u0275cmp=e.\u0275\u0275defineComponent({type:n,selectors:[["app-nba-preview-overlay"]],standalone:!1,decls:31,vars:15,consts:[["autoCompleteInput",""],["auto1","matAutocomplete"],["auto2","matAutocomplete"],["auto3","matAutocomplete"],["mat-dialog-title","","cdkDrag","","cdkDragRootElement",".cdk-overlay-pane","cdkDragHandle",""],["mat-dialog-content","",1,"the_dialog","font--body"],[1,"container"],[1,"filter"],[1,"form-autocomplete"],["type","text","placeholder","Name*","autocomplete","off","role","combobox","aria-autocomplete","list","aria-haspopup","true","aria-owns","mat-autocomplete-0","matInput","",1,"form__input","mat-autocomplete-trigger","ng-dirty","ng-valid","ng-touched",3,"ngModelChange","input","formControl","matAutocomplete","ngModel"],[1,"icon","icon-search","position--absolute","text--m","text-weight--g"],["hideSingleSelectionIndicator","true",3,"optionSelected"],[3,"value",4,"ngFor","ngForOf"],["type","text","placeholder","Treatment*","autocomplete","off","role","combobox","aria-autocomplete","list","aria-haspopup","true","aria-owns","mat-autocomplete-0","matInput","",1,"form__input","mat-autocomplete-trigger","ng-dirty","ng-valid","ng-touched",3,"ngModelChange","input","formControl","matAutocomplete","ngModel"],["type","text","placeholder","Campaign Id","autocomplete","off","role","combobox","aria-autocomplete","list","aria-haspopup","true","aria-owns","mat-autocomplete-0","matInput","",1,"form__input","mat-autocomplete-trigger","ng-dirty","ng-valid","ng-touched",3,"ngModelChange","input","formControl","matAutocomplete","ngModel"],["mat-dialog-actions",""],["type","button",1,"button","button--primary","button--small",3,"click","disabled"],[3,"messageGroupName"],["class","notification notification--warning mb-10",4,"ngIf"],[3,"value"],[1,"notification","notification--warning","mb-10"],[1,"icon","icon-alert-shape","warning"]],template:function(i,a){if(i&1){let o=e.\u0275\u0275getCurrentView();e.\u0275\u0275elementStart(0,"h1",4),e.\u0275\u0275text(1,` NBA Preview Configuration Window
2`),e.\u0275\u0275elementEnd(),e.\u0275\u0275elementStart(2,"div",5)(3,"div",6)(4,"div",7)(5,"div",8)(6,"input",9,0),e.\u0275\u0275twoWayListener("ngModelChange",function(s){return e.\u0275\u0275restoreView(o),e.\u0275\u0275twoWayBindingSet(a.selectedName,s)||(a.selectedName=s),e.\u0275\u0275resetView(s)}),e.\u0275\u0275listener("input",function(){return e.\u0275\u0275restoreView(o),e.\u0275\u0275resetView(a.onNameSelectionChange())}),e.\u0275\u0275elementEnd(),e.\u0275\u0275element(8,"div",10),e.\u0275\u0275elementStart(9,"mat-autocomplete",11,1),e.\u0275\u0275listener("optionSelected",function(){return e.\u0275\u0275restoreView(o),e.\u0275\u0275resetView(a.onNameSelection())}),e.\u0275\u0275template(11,L,2,2,"mat-option",12),e.\u0275\u0275elementEnd()(),e.\u0275\u0275elementStart(12,"div",8)(13,"input",13,0),e.\u0275\u0275twoWayListener("ngModelChange",function(s){return e.\u0275\u0275restoreView(o),e.\u0275\u0275twoWayBindingSet(a.selectedTreatment,s)||(a.selectedTreatment=s),e.\u0275\u0275resetView(s)}),e.\u0275\u0275listener("input",function(){return e.\u0275\u0275restoreView(o),e.\u0275\u0275resetView(a.onTreatmentSelectionChange())}),e.\u0275\u0275elementEnd(),e.\u0275\u0275element(15,"div",10),e.\u0275\u0275elementStart(16,"mat-autocomplete",11,2),e.\u0275\u0275listener("optionSelected",function(){return e.\u0275\u0275restoreView(o),e.\u0275\u0275resetVie

2w(a.onTreatmentSelection())}),e.\u0275\u0275template(18,W,2,2,"mat-option",12),e.\u0275\u0275elementEnd()(),e.\u0275\u0275elementStart(19,"div",8)(20,"input",14,0),e.\u0275\u0275twoWayListener("ngModelChange",function(s){return e.\u0275\u0275restoreView(o),e.\u0275\u0275twoWayBindingSet(a.selectedCampaignId,s)||(a.selectedCampaignId=s),e.\u0275\u0275resetView(s)}),e.\u0275\u0275listener("input",function(){return e.\u0275\u0275restoreView(o),e.\u0275\u0275resetView(a.onCampaignIdSelectionChange())}),e.\u0275\u0275elementEnd(),e.\u0275\u0275element(22,"div",10),e.\u0275\u0275elementStart(23,"mat-autocomplete",11,3),e.\u0275\u0275listener("optionSelected",function(){return e.\u0275\u0275restoreView(o),e.\u0275\u0275resetView(a.onCampaignIdSelection())}),e.\u0275\u0275template(25,k,2,2,"mat-option",12),e.\u0275\u0275elementEnd()()()()(),e.\u0275\u0275elementStart(26,"div",15)(27,"button",16),e.\u0275\u0275listener("click",function(){return e.\u0275\u0275restoreView(o),e.\u0275\u0275resetView(a.previewContent())}),e.\u0275\u0275text(28," Preview "),e.\u0275\u0275elementEnd(),e.\u0275\u0275element(29,"app-message",17),e.\u0275\u0275template(30,B,5,3,"div",18),e.\u0275\u0275elementEnd()}if(i&2){let o=e.\u0275\u0275reference(10),m=e.\u0275\u0275reference(17),s=e.\u0275\u0275reference(24);e.\u0275\u0275advance(6),e.\u0275\u0275property("formControl",a.nameControl)("matAutocomplete",o),e.\u0275\u0275twoWayProperty("ngModel",a.selectedName),e.\u0275\u0275advance(5),e.\u0275\u0275property("ngForOf",a.filteredNames),e.\u0275\u0275advance(2),e.\u0275\u0275property("formControl",a.treatmentControl)("matAutocomplete",m),e.\u0275\u0275twoWayProperty("ngModel",a.selectedTreatment),e.\u0275\u0275advance(5),e.\u0275\u0275property("ngForOf",a.filteredTreatments),e.\u0275\u0275advance(2),e.\u0275\u0275property("formControl",a.campaignIdControl)("matAutocomplete",s),e.\u0275\u0275twoWayProperty("ngModel",a.selectedCampaignId),e.\u0275\u0275advance(5),e.\u0275\u0275property("ngForOf",a.filteredCampaignIds),e.\u0275\u0275advance(2),e.\u0275\u0275property("disabled",a.isPreviewButtonDisabled),e.\u0275\u0275advance(2),e.\u0275\u0275property("messageGroupName",a.messageGroupName),e.\u0275\u0275advance(),e.\u0275\u0275property("ngIf",a.errorMsg!=="")}},dependencies:[b.NgForOf,b.NgIf,p.MatDialogTitle,p.MatDialogActions,p.MatDialogContent,g.MatAutocomplete,g.MatOption,g.MatAutocompleteTrigger,T.MatInput,_.CdkDrag,_.CdkDragHandle,u.DefaultValueAccessor,u.NgControlStatus,u.FormControlDirective,v,O.TranslatePipe],styles:["[mat-dialog-title][_ngcontent-%COMP%]{margin:0;padding:10px 24px;background:#369;color:#fff;cursor:move;font-size:1.5rem}[mat-dialog-title][_ngcontent-%COMP%]:before{height:0}[mat-dialog-content][_ngcontent-%COMP%]{padding:20px}.mat-mdc-dialog-actions[_ngcontent-%COMP%]{justify-content:end;padding:0 40px}.filter-form[_ngcontent-%COMP%]{min-width:150px;max-width:500px;width:100%}.full-width[_ngcontent-%COMP%]{width:100%}.filter[_ngcontent-%COMP%]{padding:0 20px 20px}.container[_ngcontent-%COMP%]{display:flex;flex-direction:column}.fragments[_ngcontent-%COMP%]{display:flex;flex:1 1 0;flex-direction:column;gap:2rem}.fragment-item[_ngcontent-%COMP%]{display:flex;align-items:center}.container-fragments[_ngcontent-%COMP%], .treatment-fragments[_ngcontent-%COMP%]{flex:0 0 50%;padding:0 20px;text-align:center}.containers[_ngcontent-%COMP%]{display:flex;flex-direction:column}.container-title[_ngcontent-%COMP%]{border:1px solid black;border-radius:10px;padding:10px;text-align:center}.container-title[_ngcontent-%COMP%]:not(:last-child){margin-bottom:20px}"]})}}return n})();import*as l from"@angular/core";import*as A from"@telenet/ng-lib-config";import*as E from"@angular/material/dialog";var x=(()=>{class n{constructor(t,i,a,o){this.nbaMonitorService=t,this.urlService=i,this.configService=a,this.dialog=o}ngOnInit(){!this.isAuthorMode()&&this.urlService.requestParamsContains(c.NBA_PREVIEW)&&this.hasNbaContainers()&&this.showOverlay(),this.nbaMonitorService.initMappingData(this.useCaseData)}hasNbaContainers(){return!!this.nbaContainerIds&&this.nbaContainerIds.split(",").some(t=>t.trim()!=="")}showOverlay(){this.dialog.open(V,{autoFocus:!0,width:"500px",hasBackdrop:!1,panelClass:"nba-preview-overlay-pane",data:{useCaseData:this.useCaseData,containerData:this.nbaContainerIds}})}isAuthorMode(){return this.configService.getConfig(G.IS_AUTHOR_MODE)==="true"}static{this.\u0275fac=function(i){return new(i||n)(l.\u0275\u0275directiveInject(w),l.\u0275\u0275directiveInject(N),l.\u0275\u0275directiveInject(A.ConfigService),l.\u0275\u0275directiveInject(E.MatDialog))}}static{this.\u0275cmp=l.\u0275\u0275defineComponent({type:n,selectors:[["tg-nba-monitor"]],inputs:{useCaseData:"useCaseData",nbaContainerIds:"nbaContainerIds"},standalone:!1,decls:1,vars:0,template:function(i,a){i&1&&l.\u0275\u0275element(0,"div")},encapsulation:2})}}return n})();import{provideStates as z}from"@ngxs/store";import{MatDialogModule as K}from"@angular/material/dialog";import{DragDropModule as J}from"@angular/cdk/drag-drop";import{CommonModule as Q}from"@angular/common";import{MatAutocompleteModule as X}from"@angular/material/autocomplete";import{MatInputModule as Y}from"@angular/material/input";import{ReactiveFormsModule as Z}from"@angular/forms";import{MatFormFieldModule as $}from"@angular/material/form-field";import{Action as U,Selector as H,State as q}from"@ngxs/store";import"@angular/core";var C;(function(n){let r;(function(i){i.ADD_PREVIEW_DATA="[Nba-Preview-Data] Add preview data"})(r=n.NbaPreviewDataActionTypes||(n.NbaPreviewDataActionTypes={}));class t{static{this.type=r.ADD_PREVIEW_DATA}constructor(a){this.data=a}}n.AddPreviewData=t})(C||(C={}));import*as j from"@angular/core";var f=class M{static getNbaPreviewData(r){return r["preview-data"]}addNbaPreviewData(r,{data:t}){r.setState(y(r.getState(),i=>{i["preview-data"]=t["preview-data"]}))}static{this.\u0275fac=function(t){return new(t||M)}}static{this.\u0275prov=j.\u0275\u0275defineInjectable({token:M,factory:M.\u0275fac,providedIn:"root"})}};h([U(C.AddPreviewData),d("design:type",Function),d("design:paramtypes",[Object,C.AddPreviewData]),d("design:returntype",void 0)],f.prototype,"addNbaPreviewData",null);h([H(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",void 0)],f,"getNbaPreviewData",null);f=h([q({name:"nbaPreviewData",defaults:{}})],f);import{MatSelectModule as ee}from"@angular/material/select";import{TranslateModule as te}from"@ngx-translate/core";import*as S from"@angular/core";var tt=(()=>{class n{static{this.components={"tg-nba-monitor":x}}static{this.\u0275fac=function(i){return new(i||n)}}static{this.\u0275mod=S.\u0275\u0275defineNgModule({type:n})}static{this.\u0275inj=S.\u0275\u0275defineInjector({providers:[z([D,f])],imports:[Q,K,X,Y,ee,$,J,Z,te,v]})}}return n})();export{tt as NbaMonitorModule};