https://abm.recotap.com/2987.167c9c898d31dd1e.js

1"use strict";(self.webpackChunkclient_panel=self.webpackChunkclient_panel||[]).push([[2987],{72987:(K,g,o)=>{o.r(g),o.d(g,{ProgrammaticWebsitesModule:()=>Z});var l=o(60177),c=o(89417),m=o(62796),v=o(72510),d=o(29599),p=o(12791),u=o(10467),C=o(21413),x=o(84412),y=o(70152),I=o(23294),h=o(56977),f=o(67428),S=o(6204),t=o(54438),R=o(62798),$=o(50091),F=o(71289),P=o(44289),_=o(10426),k=o(33923);const j=["exportModal"];function G(i,r){if(1&i&&(t.j41(0,"h2",35),t.nI1(1,"number"),t.EFF(2),t.nI1(3,"numberSuffix"),t.k0s()),2&i){const e=t.XpG().$implicit;t.Y8G("title",t.i5U(1,2,e.value,"1.0-2")),t.R7$(2),t.SpI(" ",t.i5U(3,5,e.value,2)," ")}}function T(i,r){1&i&&t.nrm(0,"app-triple-dot-loader",36)}function w(i,r){if(1&i&&t.nrm(0,"div",37),2&i){const e=t.XpG().$implicit;t.Y8G("ngClass",e.color)}}function D(i,r){if(1&i&&(t.j41(0,"div",28)(1,"div",29)(2,"div",30)(3,"span",31),t.EFF(4),t.k0s(),t.DNE(5,G,4,8,"h2",32),t.nI1(6,"async"),t.DNE(7,T,1,0,"app-triple-dot-loader",33),t.nI1(8,"async"),t.k0s()(),t.DNE(9,w,1,1,"div",34),t.k0s()),2&i){const e=r.$implicit,n=r.index,s=t.XpG();t.R7$(3),t.Y8G("title",e.title),t.R7$(),t.JRh(e.title),t.R7$(),t.Y8G("ngIf",!1===t.bMT(6,5,s.isSummaryLoading)),t.R7$(2),t.Y8G("ngIf",t.bMT(8,7,s.isSummaryLoading)),t.R7$(2),t.Y8G("ngIf",n<s.summaryData.length-1)}}function M(i,r){if(1&i&&(t.j41(0,"tr")(1,"td",39)(2,"div",40),t.nrm(3,"img",41),t.j41(4,"span",42),t.EFF(5),t.k0s()()(),t.j41(6,"td",43),t.nI1(7,"number"),t.EFF(8),t.nI1(9,"numberSuffix"),t.k0s(),t.j41(10,"td",43),t.nI1(11,"number"),t.EFF(12),t.nI1(13,"numberSuffix"),t.k0s(),t.j41(14,"td",43),t.nI1(15,"number"),t.EFF(16),t.nI1(17,"numberSuffix"),t.k0s(),t.j41(18,"td",43),t.nI1(19,"number"),t.EFF(20),t.nI1(21,"numberSuffix"),t.k0s(),t.j41(22,"td",43),t.nI1(23,"number"),t.EFF(24),t.nI1(25,"numberSuffix"),t.k0s(),t.j41(26,"td",43),t.nI1(27,"number"),t.EFF(28),t.nI1(29,"numberSuffix"),t.k0s()()),2&i){const e=r.$implicit;t.R7$(),t.Y8G("title",e.website),t.R7$(2),t.Y8G("src",e.faviconUrl||"./assets/media/recotap-assets/icons/programmatic-1.svg",t.B4B),t.R7$(),t.Y8G("title",e.website),t.R7$(),t.JRh(e.website),t.R7$(),t.Y8G("title",t.i5U(7,16,e.mediaCost,"1.0-2")),t.R7$(2),t.SpI(" ",t.i5U(9,19,e.mediaCost,2)," "),t.R7$(2),t.Y8G("title",t.i5U(11,22,e.impressions,"1.0-2")),t.R7$(2),t.SpI(" ",t.i5U(13,25,e.impressions,2)," "),t.R7$(2),t.Y8G("title",t.i5U(15,28,e.avgCPM,"1.0-2")),t.R7$(2),t.SpI(" ",t.i5U(17,31,e.avgCPM,2)," "),t.R7$(2),t.Y8G("title",t.i5U(19,34,e.clicks,"1.0-2")),t.R7$(2),t.SpI(" ",t.i5U(21,37,e.clicks,2)," "),t.R7$(2),t.Y8G("title",t.i5U(23,40,e.avgCPC,"1.0-2")),t.R7$(2),t.SpI(" ",t.i5U(25,43,e.avgCPC,2)," "),t.R7$(2),t.Y8G("title",t.i5U(27,46,e.avgCTR,"1.0-2")),t.R7$(2),t.SpI(" ",t.i5U(29,49,e.avgCTR,2)," ")}}const E=(i,r,e)=>({itemsPerPage:i,currentPage:r,totalItems:e});function W(i,r){if(1&i&&(t.j41(0,"tbody"),t.DNE(1,M,30,52,"tr",38),t.nI1(2,"paginate"),t.k0s()),2&i){const e=t.XpG();t.R7$(),t.Y8G("ngForOf",t.i5U(2,1,e.websiteData,t.sMw(4,E,e.pageSize,e.currentPage,e.totalItems)))}}function Y(i,r){1&i&&(t.j41(0,"div",44)(1,"div",45),t.EFF(2," Loading... "),t.k0s()())}function B(i,r){1&i&&(t.j41(0,"div",46)(1,"div",47),t.EFF(2," No data to show "),t.k0s()())}function N(i,r){if(1&i&&(t.j41(0,"option",55),t.EFF(1),t.k0s()),2&i){const e=r.$implicit;t.Y8G("value",e),t.R7$(),t.JRh(e)}}function U(i,r){if(1&i){const e=t.RV6();t.j41(0,"div",51)(1,"select",52),t.mxI("ngModelChange",function(s){t.eBV(e);const a=t.XpG(2);return t.DH7(a.pageSize,s)||(a.pageSize=s),t.Njj(s)}),t.bIt("change",function(s){t.eBV(e);const a=t.XpG(2);return t.Njj(a.onPageSizeChange(s))}),t.DNE(2,N,2,2,"option",53),t.k0s(),t.j41(3,"span",54),t.EFF(4),t.k0s()()}if(2&i){const e=t.XpG(2);t.R7$(),t.R50("ngModel",e.pageSize),t.R7$(),t.Y8G("ngForOf",e.pageSizeOptions),t.R7$(2),t.E5c(" Showing ",e.pageSize*(e.currentPage-1)+1,"-",e.currentPage*e.pageSize<e.totalItems?e.currentPage*e.pageSize:e.totalItems," of ",e.totalItems," entries ")}}function z(i,r){if(1&i){const e=t.RV6();t.j41(0,"pagination-controls",56),t.bIt("pageChange",function(s){t.eBV(e);const a=t.XpG(2);return t.Njj(a.pageChanged(s))}),t.k0s()}2&i&&t.Y8G("autoHide",!0)("responsive",!1)}function L(i,r){if(1&i&&(t.j41(0,"div",48),t.DNE(1,U,5,5,"div",49)(2,z,1,2,"pagination-controls",50),t.k0s()),2&i){const e=t.XpG();t.R7$(),t.Y8G("ngIf",e.totalItems),t.R7$(),t.Y8G("ngIf",e.totalItems>0)}}const X=()=>[];function O(i,r){if(1&i){const e=t.RV6();t.j41(0,"app-export-modal",57),t.bIt("dismissModal",function(){t.eBV(e);const s=t.XpG();return t.Njj(s.dismissExportModal())}),t.k0s()}if(2&i){const e=t.XpG();t.Y8G("source","programmaticWebsitesPerformanceReports")("filters",e.fetchFilterData())("recordIds",t.lJ4(8,X))("displayOnlyTotal",!0)("search",e.searchQuery)("totalRecords",e.totalItems)("excludeProperties",!0)("initialExportName",e.getDefaultExportName())}}const Q=[{path:"",component:(()=>{class i{reportsService;router;configureCampaignService;authService;subscriptions=[];unsubscribe$=new C.B;isLoading$;isSummaryLoading;isSummaryLoadingSubject;campaignId=null;campaignName="";searchQuery="";searchControl=new c.MJ("");currencySymbol="$";currentRoute;websiteData=[];pageSize=10;currentPage=1;totalItems=0;pageSizeOptions=[10,20,50,100,200];sortField="impressions";sortDirection="desc";

1summaryData=[{title:"Websites",value:"0",color:"bg-semantic-blue",key:"websitesCount"},{title:"Media Costs",value:"0",color:"bg-semantic-blue",key:"mediaCost"},{title:"Impressions",value:"0",color:"bg-semantic-yellow",key:"impressions"},{title:"Avg CPM",value:"0",color:"bg-semantic-indigo",key:"avgCPM"},{title:"Clicks",value:"0",color:"bg-semantic-yellow",key:"clicks"},{title:"Avg CPC",value:"0",color:"bg-semantic-red",key:"avgCPC"},{title:"Avg CTR",value:"0",color:"bg-semantic-green",key:"avgCTR"}];exportModalConfig={modalTitle:"Export View",centered:!0,modalTitleClasses:"fs-3",dismissButtonLabel:"",closeButtonLabel:""};exportModal;exportModalComponent;constructor(e,n,s,a){this.reportsService=e,this.router=n,this.configureCampaignService=s,this.authService=a,this.isSummaryLoadingSubject=new x.t(!0),this.isSummaryLoading=this.isSummaryLoadingSubject.asObservable(),this.isLoading$=this.reportsService.programmaticWebsiteReportFetchLoading$;const b=this.router.url.split("/");this.currentRoute=b[b.length-1]}ngOnInit(){this.subscriptions.push(this.searchControl.valueChanges.pipe((0,y.B)(300),(0,I.F)()).subscribe(e=>this.updateSearch(e??""))),this.subscriptions.push((0,S.Y7)(this.authService).subscribe(e=>{this.currencySymbol=e})),this.subscriptions.push(this.configureCampaignService.campaignDetailsForReports$.pipe((0,h.Q)(this.unsubscribe$)).subscribe(e=>{!e||0===Object.keys(e).length||(this.campaignId=e?._id,this.campaignName=e?.name||"",this.initTriggerSubscribe())}))}initTriggerSubscribe(){this.subscriptions.push(this.reportsService.triggerChannelReportFetch$.pipe((0,h.Q)(this.unsubscribe$)).subscribe(()=>{"programmatic-websites"===this.currentRoute&&this.initializeWebsiteData()}))}initializeWebsiteData(){this.campaignId&&(this.isSummaryLoadingSubject.next(!0),this.subscriptions.push(this.reportsService.fetchProgrammaticWebsiteReportSummary(this.campaignId,{}).subscribe(e=>{e?.data&&(this.summaryData=this.summaryData.map(n=>({...n,value:void 0!==e.data[n.key]?e.data[n.key]:n.value}))),this.isSummaryLoadingSubject.next(!1)})),this.pageChanged(1))}fetchWebsiteReport(){if(!this.campaignId)return;const e={page:this.currentPage,limit:this.pageSize,sortField:this.sortField,sortDirection:this.sortDirection};this.searchQuery&&(e.website=this.searchQuery),this.subscriptions.push(this.reportsService.fetchProgrammaticWebsiteReport(this.campaignId,e).subscribe(n=>{this.websiteData=n?.data?.docs||[],this.totalItems=n?.data?.totalDocs||0}))}updateSearch(e){this.searchQuery=e.trim(),this.pageChanged(1)}pageChanged(e){this.currentPage=e,this.fetchWebsiteReport()}onSortClick(e){this.sortField===e?this.sortDirection="asc"===this.sortDirection?"desc":"asc":(this.sortField=e,this.sortDirection="desc"),this.pageChanged(1)}getSortIcon(e){return this.sortField!==e?"./assets/media/recotap-assets/icons/sort-Down.svg":"asc"===this.sortDirection?"./assets/media/recotap-assets/icons/sortUp.svg":"./assets/media/recotap-assets/icons/sort-Down.svg"}onPageSizeChange(e){this.pageSize=parseInt(e.target.value,10)||this.pageSize,this.pageChanged(1)}getDefaultExportName(){const e=(this.campaignName||"Campaign").replace(/\s+/g,"_").replace(/[^a-zA-Z0-9_-]/g,""),n=new Date;return`${e||"Campaign"}_Programmatic_Websites_${n.getFullYear()}-${String(n.getMonth()+1).padStart(2,"0")}-${String(n.getDate()).padStart(2,"0")}`}onExportClick(){var e=this;return(0,u.A)(function*(){return e.exportModalComponent.reset(e.getDefaultExportName()),yield e.exportModal.open()})()}dismissExportModal(){var e=this;return(0,u.A)(function*(){e.exportModal.dismiss()})()}fetchFilterData(){if(this.campaignId)return{campaignId:this.campaignId,dateRange:this.reportsService.reportsPayloadValue.dateRange,website:this.searchQuery,sortField:this.sortField,sortDirection:this.sortDirection}}ngOnDestroy(){this.subscriptions.forEach(e=>e.unsubscribe()),this.unsubscribe$.next(),this.unsubscribe$.complete()}static \u0275fac=function(n){return new(n||i)(t.rXU(R.P),t.rXU(p.Ix),t.rXU($.g),t.rXU(F.uR))};static \u0275cmp=t.VBU({type:i,selectors:[["app-programmatic-websites"]],viewQuery:function(n,s){if(1&n&&(t.GBs(j,5),t.GBs(f.H,5)),2&n){let a;t.mGM(a=t.lsd())&&(s.exportModal=a.first),t.mGM(a=t.lsd())&&(s.exportModalComponent=a.first)}},decls:52,vars:26,consts:[[1,"card","shadow-none","rounded-6"],[1,"card-body","p-4"],[1,"d-flex","flex-wrap","w-100"],["class","d-flex align-items-center justify-content-around flex-grow-1",4,"ngFor","ngForOf"],[1,"pt-8"],[1,"card","shadow-none"],[1,"card-header","p-4","p-md-8","p-xl-8","pb-2","pb-md-4","pb-xl-4","border-0"],[1,"card-title","my-0","mw-325px","w-100"],[1,"d-flex","align-items-center","position-relative","my-0","w-100"],["src","./assets/media/recotap-assets/icons/magnifier-duotone.svg","alt","",1,"position-absolute","ms-4","w-16px"],["type","text","placeholder","Search by website",1,"bg-gray-50","shadow-none","border-0","ps-10","py-2","pe-4","rounded-pill","h-100","w-100","fs-lg","fw-semibold","placeholder-gray-400","outline-none",3,"formControl"],[1,"d-flex","justify-content-end","my-0"],["type","button",1,"btn","bg-light-primary","bg-hover-gray-100","text-primary","rounded-pill","py-3","ps-3","pe-4",3,"click"],["src","./assets/media/recotap-assets/icons/exit-up-duotone.svg","alt","",1,"me-2"],[1,"card-body","p-4","p-md-8","p-xl-8","pt-0","pt-md-0","pt-xl-0"],[1,"table-responsive","table-scrollbar"],[1,"table","table-row-dashed","fs-6","gy-4","dataTable","no-footer"],[1,"fw-bold","fs-6","text-gray-400","mt-4","mb-3"],[1,"px-0","pt-4","pb-3","lh-sm","mw-240px","min-w-240px","cursor-pointer",3,"click"],["alt","sort",1,"w-16px","h-16px","me-2",3,"src"],[1,"text-center","px-0","pt-4","pb-3","lh-sm","mw-140px","min-w-140px","cursor-pointer",3,"click"],[4,"ngIf"],["class","d-flex card-body justify-content-center align-content-center h-25vh pt-0 pt-md-0 pt-xl-0 pb-0",4,"ngIf"],["class","d-flex card-body justify-content-center align-content-center pt-0 pt-md-0 pt-xl-0 pb-0",4,"ngIf"],["class","d-flex justify-content-between align-items-center pt-4",4,"ngIf"],[3,"modalConfig"],["exportModal",""],[3,"source","filters","recordIds","displayOnlyTotal","search","totalRecords","excludeProperties","initialExportName","dismissModal",4,"ngIf"],[1,"d-flex","align-items-center","justify-content-around","flex-grow-1"],[1,"min-w-75px"],[1,"text-center"],[1,"fs-lg","text-muted","d-block","text-truncate","mb-1",3,"title"],["class","m-0 min-w-70px text-truncate text-gray-700",3,"title",4,"ngIf"],["class","mt-3 mb-2 d-flex justify-content-center",4,"ngIf"],["class","w-1px rounded-pill h-100 mx-2 mx-md-2",3,"ngClass",4,"ngIf"],[1,"m-0","min-w-70px","text-truncate","text-gray-700",3,"title"],[1,"mt-3","mb-2","d-flex","justify-content-center"],[1,"w-1px","rounded-pill","h-100","mx-2","mx-md-2",3,"ngClass"],[4,"ngFor","ngForOf"],[1,"px-0",3,"title"],[1,"d-flex","align-items-center","mw-240px","min-w-240px"],["alt","",1,"w-16px","h-16px","object-fit-contain","object-position-center",3,"src"],[1,"text-gray-700","fs-6","fw-bold","ms-2","text-truncate",3,"title"],[1,"p-0","py-3","align-content-center","text-center","mw-140px","min-w-140px","text-gray-700","fs-6","fw-bold",3,"title"],[1,"d-flex","card-body","justify-content-center","align-content-center","h-25vh","pt-0","pt-md-0","pt-xl-0","pb-0"],[1,"d-flex","align-items-center"],[1,"d-flex","card-body","justify-content-center","align-content-center","pt-0","pt-md-0","pt-xl-0","pb-0"],[1,"d-flex","h-25vh","align-items-center"],[1,"d-flex","justify-content-between","align-items-center","pt-4"],["class","d-flex align-items-center w-100",4,"ngIf"],["previousLabel","","nextLabel","","class","flex-shrink-0",3,"autoHide","responsive","pageChange",4,"ngIf"],[1,"d-flex","align-items-center","w-100"],[1,"form-select","bg-gray-50","bg-hover-gray-100","w-80px","h-30px","me-5","rounded-pill","px-3","py-1",3,"ngModel","ngModelChange","change"],[3,"value",4,"ngFor","ngForOf"],[1,"fs-lg","text-gray-700"],[3,"value"],["previousLabel","","nextLabel","",1,"flex-shrink-0",3,"autoHide","responsive","pageChange"],[3,"source","filters","recordIds","displayOnlyTotal","search","totalRecords","excludeProperties","initialExportName","dismissModal"]],template:function(n,s){1&n&&(t.j41(0,"div",0)(1,"div",1)(2,"div",2),t.DNE(3,D,10,9,"div",3),t.k0s()()(),t.j41(4,"div",4)(5,"div",5)(6,"div",6)(7,"div",7)(8,"div",8),t.nrm(9,"img",9)(10,"input",10),t.k0s()(),t.j41(11,"div",11)(12,"button",12),t.bIt("click",function(){return s.onExportClick()}),t.nrm(13,"img",13),t.EFF(14,"Export "),t.k0s()()(),t.j41(15,"div",14)(16,"div",15)(17,"table",16)(18,"thead")(19,"tr",17)(20,"th",18),t.bIt("click",function(){return s.onSortClick("website")}),t.EFF(21," Website "),t.nrm(22,"img",19),t.k0s(),t.j41(23,"th",20),t.bIt("click",function(){return s.onSortClick("mediaCost")}),t.EFF(24),t.nrm(25,"img",19),t.k0s(),t.j41(26,"th",20),t.bIt("click",function(){return s.onSortClick("impressions")}),t.EFF(27," Impressions "),t.nrm(28,"img",19),t.k0s(),t.j41(29,"th",20),t.bIt("click",function(){return s.onSortClick("avgCPM")}),t.EFF(30),t.nrm(31,"img",19),t.k0s(),t.j41(32,"th",20),t.bIt("click",function(){return s.onSortClick("clicks")}),t.EFF(33," Clicks "),t.nrm(34,"img",19),t.k0s(),t.j41(35,"th",20),t.bIt("click",function(){return s.onSortClick("avgCPC")}),t.EFF(36),t.nrm(37,"img",19),t.k0s(),t.j41(38,"th",20),t.bIt("click",function(){return s.onSortClick("avgCTR")}),t.EFF(39," Avg CTR (%) "),t.nrm(40,"img",19),t.k0s()()(),t.DNE(41,W,3,8,"tbody",21),t.nI1(42,"async"),t.k0s(),t.DNE(43,Y,3,0,"div",22),t.nI1(44,"async"),t.DNE(45,B,3,0,"div",23),t.nI1(46,"async"),t.k0s(),t.DNE(47,L,3,2,"div",24),t.nI1(48,"async"),t.k0s()()(),t.j41(49,"app-modal",25,26),t.DNE(51,O,1,9,"app-export-modal",27),t.k0s()),2&n&&(t.R7$(3),t.Y8G("ngForOf",s.summaryData),t.R7$(7),t.Y8G("formControl",s.searchControl),t.R7$(12),t.Y8G("src",s.getSortIcon("website"),t.B4B),t.R7$(2),t.SpI(" Media Cost (",s.currencySymbol,") "),t.R7$(),t.Y8G("src",s.getSortIcon("mediaCost"),t.B4B),t.R7$(3),t.Y8G("src",s.getSortIcon("impressions"),t.B4B),t.R7$(2),t.SpI(" Avg CPM (",s.currencySymbol,") "),t.R7$(),t.Y8G("src",s.getSortIcon("avgCPM"),t.B4B),t.R7$(3),t.Y8G("src",s.getSortIcon("clicks"),t.B4B),t.R7$(2),t.SpI(" Avg CPC (",s.currencySymbol,") "),t.R7$(),t.Y8G("src",s.getSortIcon("avgCPC"),t.B4B),t.R7$(3),t.Y8G("src",s.getSortIcon("avgCTR"),t.B4B),t.R7$(),t.Y8G("ngIf",!1===t.bMT(42,18,s.isLoading$)&&s.websiteData.length>0),t.R7$(2),t.Y8G("ngIf",t.bMT(44,20,s.isLoading$)),t.R7$(2),t.Y8G("ngIf",!1===t.bMT(46,22,s.isLoading$)&&0===s.websiteData.length),t.R7$(2),t.Y8G("ngIf",!1===t.bMT(48,24,s.isLoading$)),t.R7$(2),t.Y8G("modalConfig",s.exportModalConfig),t.R7$(2),t.Y8G("ngIf",s.totalItems))},dependencies:[l.YU,l.Sq,l.bT,m.ej,c.xH,c.y7,c.me,c.wz,c.BC,c.l_,c.vS,f.H,P.M,_.z,l.Jj,l.QX,m.kf,k.V]})}return i})()}];let V=(()=>

1{class i{static \u0275fac=function(n){return new(n||i)};static \u0275mod=t.$C({type:i});static \u0275inj=t.G2t({imports:[p.iI.forChild(Q),p.iI]})}return i})();var A=o(71224),H=o(72242),J=o(84362);let Z=(()=>{class i{static \u0275fac=function(n){return new(n||i)};static \u0275mod=t.$C({type:i});static \u0275inj=t.G2t({imports:[l.MD,V,m.ed,A.G,d.n8,v.MQ,c.X1,c.YN,H.r,J.Dk,d.zH]})}return i})()}}]);