https://abm.recotap.com/9175.5e9c7737f65216ef.js

1"use strict";(self.webpackChunkclient_panel=self.webpackChunkclient_panel||[]).push([[9175],{89175:(V,f,s)=>{s.r(f),s.d(f,{ConversionFormModule:()=>H});var d=s(60177),c=s(12791),u=s(10467),h=s(21413),F=s(70152),v=s(67428),e=s(54438),C=s(10837),g=s(62796),p=s(89417),b=s(10426);function _(o,r){if(1&o&&(e.qex(0),e.j41(1,"a",9),e.EFF(2),e.k0s(),e.bVm()),2&o){const t=e.XpG().$implicit;e.R7$(),e.Y8G("href",null==t?null:t.answer,e.B4B),e.R7$(),e.SpI(" ",null==t?null:t.answer," ")}}const y=o=>({"fw-bold text-gray-900 text-break fs-6":!0,"text-capitalize":o});function G(o,r){if(1&o&&(e.j41(0,"span",10),e.EFF(1),e.k0s()),2&o){const t=e.XpG().$implicit,a=e.XpG(2);e.FS9("title",null==t?null:t.answer),e.Y8G("ngClass",e.eq3(3,y,!a.isEmail(null==t?null:t.answer))),e.R7$(),e.SpI(" ",null==t?null:t.answer," ")}}function I(o,r){if(1&o&&(e.j41(0,"div")(1,"div",3)(2,"div",4)(3,"span",5),e.EFF(4),e.k0s()(),e.j41(5,"div",6),e.DNE(6,_,3,2,"ng-container",7)(7,G,2,5,"ng-template",null,8,e.C5r),e.k0s()()()),2&o){const t=r.$implicit,a=e.sdS(8),n=e.XpG(2);e.R7$(4),e.JRh(null==t?null:t.question),e.R7$(2),e.Y8G("ngIf",n.isUrl(null==t?null:t.answer))("ngIfElse",a)}}function D(o,r){if(1&o&&(e.j41(0,"div",1),e.DNE(1,I,9,3,"div",2),e.k0s()),2&o){const t=e.XpG();e.R7$(),e.Y8G("ngForOf",null==t.leadGenFormData?null:t.leadGenFormData.formResponses)}}let M=(()=>{class o{leadFormService;cdr;router;route;isLoadingleadGenConversion$;leadGenConversionData$;leadGenFormData$;leadGenFormData;dismissModal=new e.bkB;subscriptions=[];constructor(t,a,n,i){this.leadFormService=t,this.cdr=a,this.router=n,this.route=i}setLeadGenFormData(t){this.leadGenFormData=t,console.log(36,"leadGenFormData",this.leadGenFormData),this.cdr.detectChanges()}ngOnInit(){}isUrl(t){return t.includes("http")}isEmail(t){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t)}ngOnDestroy(){this.subscriptions.forEach(t=>t.unsubscribe())}static \u0275fac=function(a){return new(a||o)(e.rXU(C.w),e.rXU(e.gRc),e.rXU(c.Ix),e.rXU(c.nX))};static \u0275cmp=e.VBU({type:o,selectors:[["app-lead-details"]],outputs:{dismissModal:"dismissModal"},decls:1,vars:1,consts:[["class","p-6 pb-0",4,"ngIf"],[1,"p-6","pb-0"],[4,"ngFor","ngForOf"],[1,"d-flex","flex-column","gap-1","pb-6"],[1,"fs-lg","d-flex","align-items-center"],[1,"text-muted","fw-normal"],[1,"d-flex","gap-2","align-items-baseline"],[4,"ngIf","ngIfElse"],["textAnswer",""],["target","_blank",1,"fw-bold","text-gray-900","text-break","fs-6",3,"href"],[3,"title","ngClass"]],template:function(a,n){1&a&&e.DNE(0,D,2,1,"div",0),2&a&&e.Y8G("ngIf",n.leadGenFormData)},dependencies:[d.YU,d.Sq,d.bT]})}return o})();const E=["exportModal"],j=["modal"],$=["leadDetailsComponent"];function w(o,r){if(1&o){const t=e.RV6();e.j41(0,"tr")(1,"td",38)(2,"div",39),e.EFF(3),e.k0s()(),e.j41(4,"td",40),e.qex(5,41),e.j41(6,"div",42)(7,"div",43)(8,"span",44),e.EFF(9),e.nI1(10,"date"),e.k0s()(),e.j41(11,"div",45)(12,"span",46),e.EFF(13),e.nI1(14,"date"),e.k0s()()(),e.bVm(),e.k0s(),e.j41(15,"td",47)(16,"div",48),e.EFF(17),e.k0s()(),e.j41(18,"td",49)(19,"a",50),e.bIt("click",function(){const i=e.eBV(t).$implicit,l=e.XpG(2);return e.Njj(l.openModal(i))}),e.EFF(20," View details "),e.k0s()()()}if(2&o){const t=r.$implicit;e.R7$(3),e.SpI(" ",null==t||null==t.campaignDetails?null:t.campaignDetails.name," "),e.R7$(6),e.SpI(" ",e.i5U(10,4,null==t?null:t.createdAt,"MMM dd, yyyy")," "),e.R7$(4),e.SpI(" ",e.i5U(14,7,null==t?null:t.createdAt,"h:mm a")," "),e.R7$(4),e.SpI(" ",null==t?null:t.leadEmail," ")}}const S=(o,r,t)=>({itemsPerPage:o,currentPage:r,totalItems:t});function k(o,r){if(1&o&&(e.j41(0,"tbody"),e.DNE(1,w,21,10,"tr",37),e.nI1(2,"paginate"),e.nI1(3,"async"),e.k0s()),2&o){const t=e.XpG();e.R7$(),e.Y8G("ngForOf",e.i5U(2,1,e.bMT(3,4,t.leadGenConversionData$),e.sMw(6,S,t.pageSize,t.currentPage,t.totalItems)))}}function L(o,r){if(1&o&&(e.j41(0,"option",58),e.EFF(1),e.k0s()),2&o){const t=r.$implicit;e.Y8G("value",t),e.R7$(),e.SpI(" ",t," ")}}function T(o,r){if(1&o){const t=e.RV6();e.j41(0,"div",54)(1,"select",55),e.mxI("ngModelChange",function(n){e.eBV(t);const i=e.XpG(2);return e.DH7(i.pageSize,n)||(i.pageSize=n),e.Njj(n)}),e.bIt("change",function(n){e.eBV(t);const i=e.XpG(2);return e.Njj(i.onPageSizeChange(n))}),e.DNE(2,L,2,2,"option",56),e.k0s(),e.j41(3,"span",57),e.EFF(4),e.k0s()()}if(2&o){const t=e.XpG(2);e.R7$(),e.R50("ngModel",t.pageSize),e.R7$(),e.Y8G("ngForOf",t.pageSizeOptions),e.R7$(2),e.E5c(" ",t.totalItems>0?t.pageSize*(t.currentPage-1)+1:t.totalItems,"-",t.currentPage*t.pageSize<t.totalItems?t.currentPage*t.pageSize:t.totalItems," of ",t.totalItems," showing ")}}function P(o,r){if(1&o){const t=e.RV6();e.j41(0,"div",51),e.DNE(1,T,5,5,"div",52),e.j41(2,"pagination-controls",53),e.bIt("pageChange",function(n){e.eBV(t);const i=e.XpG();return e.Njj(i.pageChanged(n))}),e.k0s()()}if(2&o){const t=e.XpG();e.R7$(),e.Y8G("ngIf",t.totalItems),e.R7$(),e.Y8G("maxSize",5)("autoHide",!0)("responsive",!1)}}function R(o,r){1&o&&(e.j41(0,"div",59)(1,"div",60),e.EFF(2," Loading... "),e.k0s()())}function N(o,r){1&o&&(e.j41(0,"div",61)(1,"div",60),e.EFF(2," No data found "),e.k0s()())}const z=()=>[],X=[{path:"",component:(()=>{class o{leadFormService;cdr;router;route;exportModalConfig={modalTitle:"Export View",centered:!0,modalTitleClasses:"fs-3",dismissButtonLabel:"",closeButtonLabel:""};exportModal;exportModalComponent;routerPath="conversion";pageSize;currentPage;totalItems;pageSizeOptions=[10,20,50,100,200];searchQuery="";firstTimeLoad=!0;showIllustration=!1;leadFormName="";subscriptions=[];searchQueryChanged=new h.B;isLoadingleadGenConversion$;leadGenConversionData$;dataExists$=new h.B;filterData={};detailsData;leadGenId;data=[{campaignName:"Camp_prd_Fe24",time:"09:45 PM",date:"Jan 07, 2024",email:"[email protected]"},{campaignName:"Camp_prd_Fe25",time:"09:45 PM",date:"Feb 15, 2024",email:"[email protected]"},{campaignName:"Camp_prd_Fe26",time:"09:45 PM",date:"Mar 22, 2024",email:"[email protected]"},{campaignName:"Camp_prd_Fe27",time:"09:45 PM",date:"Apr 30, 2024",email:"[email protected]"},{campaignName:"Camp_prd_Fe28",time:"09:45 PM",date:"May 14, 2024",email:"[email protected]"}];modalConfig={modalTitle:"Lead Details",centered:!0,size:"sm"};modalComponent;leadDetailsComponent;constructor(t,a,n,i){this.leadFormService=t,this.cdr=a,this.router=n,this.route=i,this.isLoadingleadGenConversion$=this.leadFormService.isLoadingleadGenConversion$,this.leadGenConversionData$=this.leadFormService.leadGenConversionData$,this.searchQueryChanged.pipe((0,F.B)(300)).subscribe(m=>{this.updateSearch(m)});const l=this.leadFormService.leadGenListPayload.value;this.pageSize=l[this.routerPath].size||10,this.currentPage=1,this.searchQuery=l[this.routerPath].search,this.route.params.subscribe(m=>{this.leadGenId=m.id}),this.route.queryParams.subscribe(m=>{this.leadFormName=m.name||""}),console.log(59,this.leadGenId),this.leadGenConversionData$.subscribe(m=>console.log(99,m)),console.log(109,this.leadGenConversionData$),this.fetchLeadGenConfigureList(this.leadGenId)}

1ngOnInit(){this.filterData.leadGenId=this.route.snapshot.paramMap.get("id")}navigateBack(){this.router.navigate(["/content-hub/lead-forms"])}openModal(t){var a=this;return(0,u.A)(function*(){return a.leadDetailsComponent.setLeadGenFormData(t),yield a.modalComponent.open()})()}dismissModal(t){console.log("cancel button is clicked")}getDefaultExportName(){const t=(this.leadFormName||"Form").replace(/\s+/g,"_").replace(/[^a-zA-Z0-9_-]/g,""),a=new Date;return`${t||"Form"}_Lead_Gen_Forms_Conversions_${a.getFullYear()}-${String(a.getMonth()+1).padStart(2,"0")}-${String(a.getDate()).padStart(2,"0")}`}onExportClick(){var t=this;return(0,u.A)(function*(){return t.exportModalComponent.reset(t.getDefaultExportName()),yield t.exportModal.open()})()}dismissExportModal(t){var a=this;return(0,u.A)(function*(){a.exportModal.dismiss()})()}fetchLeadGenConfigureList(t){const a=this.leadFormService.getLeadGenConfigureList(t,this.routerPath).subscribe({next:n=>{n&&(this.totalItems=n.totalItems,console.log(124,"*********************************************** converison page",n),this.dataExists$.next(this.totalItems>0),!this.searchQuery&&0===this.totalItems&&console.log(this.showIllustration,139,"&*JHOEHJFIEHFEIHFDEJDIWJ((@))))))))))))))UEU@(E)U@D#ODHJ#WJD#OFJ#OJEODHEWODMEODJ/owj"),this.cdr.detectChanges())},error:n=>{console.log(n,"error---")}});this.subscriptions.push(a)}pageChanged(t){this.currentPage=t,this.leadFormService.updateLeadGenListPayload({page:this.currentPage},this.routerPath),this.fetchLeadGenConfigureList(this.leadGenId)}onPageSizeChange(t){const a=t.target.value;console.log(132,a),this.currentPage=1,this.leadFormService.updateLeadGenListPayload({size:a,page:this.currentPage},this.routerPath),this.fetchLeadGenConfigureList(this.leadGenId)}onSearchQueryChange(){this.searchQueryChanged.next(this.searchQuery)}updateSearch(t){this.currentPage=1,this.leadFormService.updateLeadGenListPayload({search:t,page:this.currentPage},this.routerPath),this.fetchLeadGenConfigureList(this.leadGenId)}static \u0275fac=function(a){return new(a||o)(e.rXU(C.w),e.rXU(e.gRc),e.rXU(c.Ix),e.rXU(c.nX))};static \u0275cmp=e.VBU({type:o,selectors:[["app-conversion-form"]],viewQuery:function(a,n){if(1&a&&(e.GBs(E,5),e.GBs(v.H,5),e.GBs(j,5),e.GBs($,5)),2&a){let i;e.mGM(i=e.lsd())&&(n.exportModal=i.first),e.mGM(i=e.lsd())&&(n.exportModalComponent=i.first),e.mGM(i=e.lsd())&&(n.modalComponent=i.first),e.mGM(i=e.lsd())&&(n.leadDetailsComponent=i.first)}},decls:53,vars:30,consts:[["id","kt_app_main",1,"app-main","flex-column","flex-row-fluid"],[1,"d-flex","flex-column","flex-column-fluid"],["id","kt_app_toolbar",1,"app-toolbar","d-flex","flex-stack","flex-row-fluid","pt-0","pb-6","pb-sm-8"],[1,"d-flex","flex-stack","flex-row-fluid","h-48px"],[1,"d-flex","align-items-center","gap-5","h-44px"],[1,"border-0","shadow-none","bg-transparent","p-0","m-0",3,"click"],["src","./assets/media/recotap-assets/icons/arrow-left-back.svg","alt","back",1,"w-32px","h-32px","object-fit-contain","object-position-center"],[1,"page-title","d-flex","flex-column","me-3"],[1,"d-flex","text-gray-900","fw-bold","fs-1","flex-column","justify-content-center","my-0"],[1,"fw-normal","text-gray-500","fs-xl"],["id","kt_app_content",1,"app-content","p-0"],[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 Campaign name",1,"form-control","form-control-solid","ps-10","rounded-pill","w-100","px-4","py-2",3,"ngModel","input","ngModelChange"],[1,"card-toolbar","my-0"],["data-kt-user-table-toolbar","base",1,"d-flex","justify-content-end","my-0"],["type","button",1,"btn","bg-light-primary","text-gray-700","rounded-pill","py-3","ps-3","pe-4",3,"disabled","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","table-responsive","fs-6","gy-4","dataTable","no-footer"],[1,"fw-semibold","fs-6","text-gray-400","mt-4","mb-3"],[1,"px-0","pt-4","pb-3","lh-sm","mw-300px","min-w-300px"],[1,"px-0","pt-4","pb-3","lh-sm","mw-200px","min-w-200px"],[4,"ngIf"],["class","d-flex justify-content-between align-items-center pt-4",4,"ngIf"],[3,"modalConfig"],["exportModal",""],["source","leadGenFormConversions",3,"filters","search","recordIds","totalRecords","displayOnlyTotal","excludeProperties","initialExportName","dismissModal"],["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"],["modal",""],[3,"dismissModal"],["leadDetailsComponent",""],[4,"ngFor","ngForOf"],[1,"p-0","py-3","min-w-300px","mw-300px","align-content-center"],[1,"curs

1or-pointer","text-gray-700","text-truncate","fw-bold","text-hover-primary","mb-1","fs-6","lh-sm"],[1,"p-0","py-3","align-content-center","min-w-300px","mw-300px"],[1,"d-flex","justify-content-between"],[1,"d-flex","flex-column","gap-1"],[1,"d-flex","gap-2","align-items-baseline"],[1,"fw-bold","text-gray-700","text-capitalize","text-truncate",2,"max-width","200px"],[1,"fs-lg","d-flex","align-items-center"],[1,"text-muted","fw-normal"],[1,"p-0","py-3","align-content-center","min-w-300px","mw-200px"],[1,"fw-bold","min-w-150px","text-gray-700"],[1,"p-0","py-3","align-content-center","min-w-200px","mw-200px"],["type","button",1,"fw-bold","text-semantic-blue",3,"click"],[1,"d-flex","justify-content-between","align-items-center","pt-4"],["class","d-flex align-items-center w-100",4,"ngIf"],["previousLabel","","nextLabel","",1,"flex-shrink-0",3,"maxSize","autoHide","responsive","pageChange"],[1,"d-flex","align-items-center","w-100"],["data-control","select2",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"],[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"]],template:function(a,n){1&a&&(e.j41(0,"div",0)(1,"div",1)(2,"div",2)(3,"div",3)(4,"div",4)(5,"button",5),e.bIt("click",function(){return n.navigateBack()}),e.nrm(6,"img",6),e.k0s(),e.j41(7,"div",7)(8,"h1",8),e.EFF(9),e.k0s(),e.j41(10,"span",9),e.EFF(11),e.k0s()()()()()()(),e.j41(12,"div",10)(13,"div",11)(14,"div",12)(15,"div",13)(16,"div",14),e.nrm(17,"img",15),e.j41(18,"input",16),e.bIt("input",function(){return n.onSearchQueryChange()}),e.mxI("ngModelChange",function(l){return e.DH7(n.searchQuery,l)||(n.searchQuery=l),l}),e.k0s()()(),e.j41(19,"div",17)(20,"div",18)(21,"button",19),e.bIt("click",function(){return n.totalItems>0&&n.onExportClick()}),e.nrm(22,"img",20),e.EFF(23,"Export "),e.k0s()()()(),e.j41(24,"div",21)(25,"div",22)(26,"table",23)(27,"thead")(28,"tr",24)(29,"th",25),e.EFF(30," Campaign Name "),e.k0s(),e.j41(31,"th",25),e.EFF(32," Date and Time "),e.k0s(),e.j41(33,"th",25),e.EFF(34,"Lead Email"),e.k0s(),e.j41(35,"th",26),e.EFF(36," Lead Details "),e.k0s()()(),e.DNE(37,k,4,10,"tbody",27),e.nI1(38,"async"),e.nI1(39,"async"),e.k0s()(),e.DNE(40,P,3,4,"div",28),e.nI1(41,"async"),e.j41(42,"app-modal",29,30)(44,"app-export-modal",31),e.bIt("dismissModal",function(l){return n.dismissExportModal(l)}),e.k0s()(),e.DNE(45,R,3,0,"div",32),e.nI1(46,"async"),e.DNE(47,N,3,0,"div",33),e.nI1(48,"async"),e.k0s()()(),e.j41(49,"app-modal",29,34)(51,"app-lead-details",35,36),e.bIt("dismissModal",function(l){return n.dismissModal(l)}),e.k0s()()),2&a&&(e.R7$(9),e.SpI(" ",n.leadFormName," - Conversion "),e.R7$(2),e.SpI("",n.totalItems," records"),e.R7$(7),e.R50("ngModel",n.searchQuery),e.R7$(3),e.AVh("disabled",0==n.totalItems),e.Y8G("disabled",0==n.totalItems),e.R7$(16),e.Y8G("ngIf",e.bMT(38,19,n.leadGenConversionData$)&&!e.bMT(39,21,n.isLoadingleadGenConversion$)),e.R7$(3),e.Y8G("ngIf",!e.bMT(41,23,n.isLoadingleadGenConversion$)),e.R7$(2),e.Y8G("modalConfig",n.exportModalConfig),e.R7$(2),e.Y8G("filters",n.filterData)("search",n.searchQuery)("recordIds",e.lJ4(29,z))("totalRecords",n.totalItems)("displayOnlyTotal",!0)("excludeProperties",!0)("initialExportName",n.getDefaultExportName()),e.R7$(),e.Y8G("ngIf",e.bMT(46,25,n.isLoadingleadGenConversion$)),e.R7$(2),e.Y8G("ngIf",!e.bMT(48,27,n.isLoadingleadGenConversion$)&&0==n.totalItems),e.R7$(2),e.Y8G("modalConfig",n.modalConfig))},dependencies:[d.Sq,d.bT,g.ej,p.xH,p.y7,p.me,p.wz,p.BC,p.vS,v.H,b.z,M,d.Jj,d.vh,g.kf]})}return o})()}];let B=(()=>{class o{static \u0275fac=function(a){return new(a||o)};static \u0275mod=e.$C({type:o});static \u0275inj=e.G2t({imports:[c.iI.forChild(X),c.iI]})}return o})();var Y=s(71224),x=s(29599),O=s(72510),U=s(72242),Q=s(84362);let H=(()=>{class o{static \u0275fac=function(a){return new(a||o)};static \u0275mod=e.$C({type:o});static \u0275inj=e.G2t({imports:[d.MD,B,g.ed,Y.G,x.n8,O.MQ,p.X1,p.YN,U.r,Q.Dk,x.zH]})}return o}

1)()}}]);