1"use strict";(self.webpackChunksnapp_ng=self.webpackChunksnapp_ng||[]).push([[291],{6291:(E,w,c)=>{c.r(w),c.d(w,{CustomerFeedbackModule:()=>ue});var d=c(96814),h=c(64190),C=c(15861),m=c(56223),P=c(13519),_=c.n(P),t=c(65879),u=c(22096),v=c(5177),f=c(19045),g=c(29663),q=c(69862);let y=(()=>{class i extends f.s{constructor(e){super(e),this.http=e}getCustomerFeedBackStatusCount(e,o,n){return this.httpPost(g.W.urlTogetComplainStatusCount,{startDate:e,endDate:o,storeId:n})}getAllStoresComplainList(e,o,n,a){return this.httpPost(g.W.urlTogetComplainList,{startDate:e,endDate:o,status:n,storeId:a})}getComplainDetails(e){return this.httpPost(g.W.urlTogetComplainDetails,{complainId:e})}replytoComplainer(e){return this.httpPost(g.W.urlToSendMessage,e)}createComplain(e){return this.httpPost(g.W.urlToCreateComplain,e)}updateComplainRatingByComplainIdForPortal(e,o){return this.httpPost(g.W.urlToUpdateComplainRatingByComplainIdForPortal,{complainId:e,rating:o})}downloadChatHistory(e,o,n,a){return this.httpPost(g.W.urlToDownloadChatHistory,{startDate:e,endDate:o,status:n,storeId:a})}getStatus(e=null){let o=this.statusArray();return e&&(o=o.filter(n=>n.name.toLocaleLowerCase().indexOf(e.toLocaleLowerCase())>-1)),(0,u.of)(o).pipe((0,v.g)(500))}statusArray(){return[{id:"0",name:"pending"},{id:"1",name:"Rejected"},{id:"2",name:"completed"}]}getFAQs(){return this.httpPost(g.W.urlToGetFAQs,{})}getTutorials(){return this.httpPost(g.W.urlTogetAllActiveTutorialsForPortal,{})}static#t=this.\u0275fac=function(o){return new(o||i)(t.LFG(q.eN))};static#e=this.\u0275prov=t.Yz7({token:i,factory:i.\u0275fac,providedIn:"root"})}return i})();var A=c(6987),S=c(93742),B=c(82652),k=c(6593),N=c(36288),O=c(43597),F=c(53714),R=c(93530),x=c(95195),T=c(32296),I=c(30617),j=c(92596),Q=c(33020),H=c(55493),Y=c(10787),U=c(1083),L=c(16464);const z=["scrollMe"],V=function(i,s,e,o){return{highlight:i,pending:s,Reject:e,completed:o}},G=function(i,s,e){return{red:i,green:s,orange:e}};function K(i,s){if(1&i){const e=t.EpF();t.TgZ(0,"ul",33),t.NdJ("click",function(){const a=t.CHM(e).index,r=t.oxw();return t.KtG(r.setRow(a))}),t.TgZ(1,"a",34),t.NdJ("click",function(){const a=t.CHM(e).$implicit,r=t.oxw();return r.getComplainDetails(a.id,a),t.KtG(r.hideElemnt(a.complainStatus))}),t.TgZ(2,"li",35)(3,"div",36)(4,"div",37)(5,"b"),t._uU(6),t.ALo(7,"titlecase"),t.qZA()(),t.TgZ(8,"span",38)(9,"small"),t._uU(10),t.ALo(11,"titlecase"),t.qZA()()(),t.TgZ(12,"small"),t._uU(13),t.qZA(),t.TgZ(14,"small",39),t._uU(15),t.ALo(16,"date"),t.qZA()()()()}if(2&i){const e=s.$implicit,o=s.index,n=t.oxw();t.Q6J("ngClass",t.l5B(12,V,n.selectedIndex===o,"pending"==e.complainStatus,"Rejected"==e.complainStatus,"completed"==e.complainStatus)),t.xp6(6),t.Oqu(t.lcZ(7,6,e.storeName)),t.xp6(2),t.Q6J("ngClass",t.kEZ(17,G,"Rejected"==e.complainStatus,"completed"==e.complainStatus,"pending"==e.complainStatus)),t.xp6(2),t.Oqu(t.lcZ(11,8,e.complainStatus)),t.xp6(3),t.hij("Complain# ",e.id,""),t.xp6(2),t.Oqu(t.lcZ(16,10,e.issueDate))}}function W(i,s){1&i&&(t.TgZ(0,"div",40)(1,"div",41)(2,"div",42),t._UZ(3,"img",43),t.qZA(),t.TgZ(4,"div",44)(5,"h6"),t._uU(6,"YOU DO NOT HAVE OPENED COMPLAINED YET"),t.qZA(),t.TgZ(7,"small",45),t._uU(8,"Open the complaint ticket first, resolve the issue and mark them accordingly"),t.qZA()()()())}function $(i,s){if(1&i&&(t.TgZ(0,"span",61),t._uU(1),t.qZA()),2&i){const e=t.oxw(2);t.xp6(1),t.hij("Complain# ",e.ComplainNumber,"")}}function X(i,s){1&i&&(t.TgZ(0,"span",62)(1,"small",63),t._uU(2),t.ALo(3,"titlecase"),t.qZA()()),2&i&&(t.xp6(2),t.Oqu(t.lcZ(3,1,"pending")))}function tt(i,s){if(1&i){const e=t.EpF();t.TgZ(0,"div",52)(1,"button",64),t.NdJ("click",function(){t.CHM(e);const n=t.oxw(2);return t.KtG(n.openModal("Complete"))}),t.TgZ(2,"mat-icon"),t._uU(3,"check"),t.qZA(),t._uU(4," Complete "),t.qZA(),t._UZ(5,"span",65),t.TgZ(6,"button",66),t.NdJ("click",function(){t.CHM(e);const n=t.oxw(2);return t.KtG(n.openModal("Reject"))}),t.TgZ(7,"mat-icon"),t._uU(8,"close"),t.qZA(),t._uU(9," Reject "),t.qZA()()}if(2&i){const e=t.oxw(2);t.Q6J("hidden",null==e.createdBy||""==e.createdBy)}}
1function et(i,s){if(1&i&&t._UZ(0,"audio",73),2&i){const e=t.oxw().$implicit;t.s9C("src",e.complainRecording,t.LSH)}}const ot=function(i,s){return{Margin:i,Margin2:s}},nt=function(i,s){return{greens:i,oranges:s}};function it(i,s){if(1&i&&(t.TgZ(0,"div",67)(1,"div",68)(2,"span",69),t._uU(3),t.ALo(4,"uppercase"),t.qZA()(),t.TgZ(5,"label",70),t._uU(6),t.qZA(),t.YNc(7,et,1,1,"audio",71),t.TgZ(8,"small",72)(9,"b"),t._uU(10),t.ALo(11,"date"),t.qZA()()()),2&i){const e=s.$implicit;t.Q6J("ngClass",t.WLB(11,ot,"Admin"==e.createdBy,"Admin"!==e.createdBy)),t.xp6(2),t.Q6J("ngClass",t.WLB(14,nt,"Admin"==e.createdBy,"Admin"!==e.createdBy)),t.xp6(1),t.Oqu(t.lcZ(4,6,e.createdBy)),t.xp6(3),t.Oqu(e.reason),t.xp6(1),t.Q6J("ngIf",e.complainRecording),t.xp6(3),t.Oqu(t.xi3(11,8,e.createdDate,"MMM/dd/yyyy, h:mm a"))}}function at(i,s){if(1&i&&(t.TgZ(0,"div",74),t._UZ(1,"img",75),t.TgZ(2,"span")(3,"b"),t._uU(4),t.qZA(),t._uU(5," customer's feedback"),t.qZA()()),2&i){const e=t.oxw(2);t.xp6(1),t.Q6J("src",e.selectedEmoji,t.LSH),t.xp6(3),t.Oqu(e.selectedLabel)}}function rt(i,s){1&i&&(t.TgZ(0,"div",76)(1,"i"),t._uU(2,"You cannot continue this complain."),t.qZA()())}function st(i,s){if(1&i&&(t.TgZ(0,"audio",88),t._UZ(1,"source",89),t.qZA()),2&i){const e=t.oxw(3);t.xp6(1),t.Q6J("src",e.audioBlobUrl,t.LSH)}}function lt(i,s){if(1&i&&(t.TgZ(0,"div",90),t._uU(1),t.qZA()),2&i){const e=t.oxw(3);t.xp6(1),t.hij(" ",e.audioRecordedTime," ")}}function ct(i,s){if(1&i){const e=t.EpF();t.TgZ(0,"button",91),t.NdJ("click",function(){t.CHM(e);const n=t.oxw(3);return t.KtG(n.startAudioRecording())}),t.TgZ(1,"mat-icon"),t._uU(2,"mic"),t.qZA()()}}function dt(i,s){if(1&i){const e=t.EpF();t.TgZ(0,"button",92),t.NdJ("click",function(){t.CHM(e);const n=t.oxw(3);return t.KtG(n.stopAudioRecording())}),t.TgZ(1,"mat-icon"),t._uU(2,"mic_off"),t.qZA()()}}function pt(i,s){if(1&i){const e=t.EpF();t.TgZ(0,"button",93),t.NdJ("click",function(){t.CHM(e);const n=t.oxw(3);return t.KtG(n.clearAudioRecordedData())}),t.TgZ(1,"mat-icon"),t._uU(2,"delete"),t.qZA()()}}function mt(i,s){if(1&i){const e=t.EpF();t.TgZ(0,"button",94),t.NdJ("click",function(){t.CHM(e);const n=t.oxw(3);return t.KtG(n.downloadAudioRecordedData())}),t.TgZ(1,"mat-icon"),t._uU(2,"arrow_downward"),t.qZA()()}}const ut=function(i){return{"full-wid":i}};function gt(i,s){if(1&i){const e=t.EpF();t.TgZ(0,"div",77)(1,"form",78)(2,"div",79)(3,"input",80),t.NdJ("keydown",function(n){t.CHM(e);const a=t.oxw(2);return t.KtG(a.onKeyDown(n))}),t.qZA(),t.YNc(4,st,2,1,"audio",81),t.YNc(5,lt,2,1,"div",82),t.YNc(6,ct,3,0,"button",83),t.YNc(7,dt,3,0,"button",84),t.YNc(8,pt,3,0,"button",85),t.YNc(9,mt,3,0,"button",86),t.TgZ(10,"button",87),t.NdJ("click",function(){t.CHM(e);const n=t.oxw(2);return t.KtG(n.sendMessage())}),t._uU(11," Send "),t.qZA()()()()}if(2&i){const e=t.oxw(2);t.xp6(1),t.Q6J("formGroup",e.myForm),t.xp6(2),t.Q6J("ngClass",t.VKq(10,ut,!e.isAudioRecording&&!e.audioBlobUrl)),t.uIk("disabled","Rejected"===e.myForm.controls.status.value||"completed"===e.myForm.controls.status.value?"":null),t.xp6(1),t.Q6J("ngIf",!e.isAudioRecording&&e.audioBlobUrl),t.xp6(1),t.Q6J("ngIf",e.isAudioRecording&&!e.audioBlobUrl),t.xp6(1),t.Q6J("ngIf",!e.isAudioRecording&&!e.audioBlobUrl),t.xp6(1),t.Q6J("ngIf",e.isAudioRecording&&!e.audioBlobUrl),t.xp6(1),t.Q6J("ngIf",!e.isAudioRecording&&e.audioBlobUrl),t.xp6(1),t.Q6J("ngIf",!e.isAudioRecording&&e.audioBlobUrl),t.xp6(1),t.Q6J("disabled",e.isAudioRecording&&!e.audioBlobUrl)}}function ht(i,s){if(1&i&&(t.TgZ(0,"div",46)(1,"div",47)(2,"div",48)(3,"div",49),t.YNc(4,$,2,1,"span",50),t.YNc(5,X,4,3,"span",51),t.qZA()(),t.TgZ(6,"div",52),t.YNc(7,tt,10,1,"div",53),t.qZA()(),t.TgZ(8,"div",54)(9,"div",55,56),t.YNc(11,it,12,17,"div",57),t.qZA(),t.YNc(12,at,6,2,"div",58),t.YNc(13,rt,3,0,"div",59),t.YNc(14,gt,12,12,"div",60),t.qZA()()),2&i){const e=t.oxw();
1t.xp6(2),t.Q6J("hidden",e.complainHeader),t.xp6(2),t.Q6J("ngIf",e.ComplainNumber),t.xp6(1),t.Q6J("ngIf",!e.hide),t.xp6(1),t.Q6J("hidden",e.complainHeader),t.xp6(1),t.Q6J("ngIf",!e.hide),t.xp6(4),t.Q6J("ngForOf",e.ComplainDetails),t.xp6(1),t.Q6J("ngIf",e.isRate),t.xp6(1),t.Q6J("ngIf",e.hide),t.xp6(1),t.Q6J("ngIf",!e.hide)}}function _t(i,s){if(1&i){const e=t.EpF();t.TgZ(0,"div",95)(1,"div",96),t.NdJ("click",function(){const a=t.CHM(e).$implicit,r=t.oxw();return t.KtG(r.selectRating(a.value))}),t._UZ(2,"img",97),t.TgZ(3,"p"),t._uU(4),t.qZA()()()}if(2&i){const e=s.$implicit;t.xp6(2),t.Q6J("src",e.src,t.LSH)("alt",e.label),t.xp6(2),t.Oqu(e.label)}}const ft=function(){return{width:"30%"}},Ct=function(){return{width:"35%"}};let bt=(()=>{class i{setRow(e){this.selectedIndex=e}constructor(e,o,n,a,r,l,p,Z,b){this.ref=e,this.Service=o,this.datepipe=n,this.audioRecordingService=a,this.excelSer=r,this.storeService=l,this.sanitizer=p,this.toast=Z,this.menuService=b,this.isPlaying=!1,this.displayControls=!0,this.isAudioRecording=!1,this.audioConf={audio:!0},this.exportFileName="complain-history",this.fileUrl="assets/sampleFile/Book1.csv",this.date="",this.Complains=[],this.ComplainDetails=[],this.status=[],this.disableinput=!1,this.hidden=!0,this.isRecording=!1,this.hide=!1,this.fb=new m.qu,this.Message=new FormData,this.selected="option2",this.complainHeader=!1,this.pendingDownload=!0,this.allDownload=!0,this.rejectDownload=!0,this.completeDownload=!0,this.emojis=[{value:1,src:"https://openmoji.org/data/color/svg/1F641.svg",label:"Worst"},{value:2,src:"https://openmoji.org/data/color/svg/1F61E.svg",label:"Poor"},{value:3,src:"https://openmoji.org/data/color/svg/1F610.svg",label:"Average"},{value:4,src:"https://openmoji.org/data/color/svg/1F60A.svg",label:"Good"},{value:5,src:"https://openmoji.org/data/color/svg/1F603.svg",label:"Excellent"}],this.complainDetail={},this.audioRecordingService.recordingFailed().subscribe(()=>{this.isAudioRecording=!1,this.ref.detectChanges()}),this.audioRecordingService.getRecordedTime().subscribe(M=>{this.audioRecordedTime=M,this.ref.detectChanges()}),this.audioRecordingService.getRecordedBlob().subscribe(M=>{this.audioBlob=M.blob,this.audioName=M.title,this.teste=M,this.audioBlobUrl=this.sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(M.blob)),this.ref.detectChanges()})}ngOnInit(){this.initializeForm(),this.myForm.controls.sDate.setValue(void 0),this.myForm.controls.eDate.setValue(void 0),this.scrollToBottom(),this.getStores(),this.Service.getStatus().subscribe(e=>this.status=e),this.getComplainStatusCount("","",0),this.getAllStoreComplainsList("","","",0)}initializeForm(){this.myForm=this.fb.group({message:["",[]],complainRecording:[""],storeId:[,[]],issuedate:[""],status:[,[]],createdby:[""],complainid:[""],sDate:["",[]],eDate:["",[]]})}onKeyDown(e){"Enter"===e.key&&(this.sendMessage(),e.preventDefault())}getStores(){this.storeService.getAllStores().subscribe(e=>{this.storesData=e.Stores})}getComplainStatusCount(e,o,n){this.Service.getCustomerFeedBackStatusCount(e,o,n).subscribe(a=>{"00"===a.Status_code&&(this.PendingCount=a.Pending_Count,this.RejectedCount=a.Rejected_Count,this.CompletedCount=a.Completed_Count,this.Average_Rating=a.Average_Rating,this.allCount=this.PendingCount+this.CompletedCount+this.RejectedCount)},a=>{_().fire("Error",a,"error")})}disableFields(){("Rejected"==this.myForm.controls.status.value||"completed"==this.myForm.controls.status.value)&&(this.disableinput=!0),("pending"==this.myForm.controls.status.value||""==this.myForm.controls.status.value)&&(this.disableinput=!1)}getAllStoreComplainsList(e,o,n,a){this.Service.getAllStoresComplainList(e,o,n,a).subscribe(r=>{"00"===r.Status_code&&(this.Complains=r.Complains_List,this.Complains.forEach(p=>{this.IssueDate=p.issueDate,this.IssueText=p.complainText,this.complainId=p.id}))},r=>{_().fire("Error",r,"error")})}getComplainDetails(e,o){if(this.selectedComplainId=e,this.complainDetail=o,this.Service.getComplainDetails(e).subscribe(n=>{if("00"==n.Status_code){this.hidden=!1,this.complainHeader=!1,this.ComplainDetails=n.Complain_History,console.log(this.ComplainDetails),this.ComplainDetails?.forEach(a=>{this.reason=a.reason,this.complainRecording=a.complainRecording,this.createdBy=a.createdBy,this.createdDate=a.createdAt,this.storeId=a.id,this.Status=a.status,this.complainId=a.c
1omplainId,this.myForm.controls.status.setValue(a.status),"Rejected"==a.status||"completed"==a.status?(this.hide=!0,this.getAllStoreComplainsList("","","",0)):this.hide=!1});for(let a of this.ComplainDetails)this.ComplainNumber=a.complainId}}),o?.rating>0){const n=this.emojis.find(a=>a.value===o.rating);n&&(this.selectedEmoji=n.src,this.selectedLabel=n.label),this.isRate=!0,this.isCustomerFeedback=!0}else this.isRate=!1,this.isCustomerFeedback=!1}hideElemnt(e){this.hide="Rejected"==e||"completed"==e}searchButtonClicked(){this.complainHeader=!0,this.hidden=!0,this.ComplainDetails=[];let o=this.myForm.controls.eDate.value,n=this.datepipe.transform(this.myForm.controls.sDate.value,"yyyy-MM-dd"),a=this.datepipe.transform(o,"yyyy-MM-dd");n=n??"",a=a??"";let l=""==this.myForm.controls.storeId.value?0:this.myForm.controls.storeId.value;this.getAllStoreComplainsList(n,a,this.myForm.controls.status.value??"",null===l?0:l),this.getComplainStatusCount(n,a,l??0)}resetFilterDates(){this.myForm.reset(),this.createdBy="",this.complainHeader=!0,this.hidden=!0,this.ComplainDetails=[],this.hidden=!0,this.audioBlobUrl=null,this.getComplainStatusCount("","",0),this.getAllStoreComplainsList("","","",0)}startAudioRecording(){this.isAudioRecording||(this.isAudioRecording=!0,this.audioRecordingService.startRecording())}abortAudioRecording(){this.isAudioRecording&&(this.isAudioRecording=!1,this.audioRecordingService.abortRecording())}stopAudioRecording(){this.isAudioRecording&&(this.audioRecordingService.stopRecording(),this.isAudioRecording=!1)}clearAudioRecordedData(){this.teste=null,this.audioBlobUrl=null}downloadAudioRecordedData(){this._downloadFile(this.audioBlob,"audio/mp3",this.audioName)}_downloadFile(e,o,n){const a=new Blob([e],{type:o}),r=window.URL.createObjectURL(a),l=document.createElement("a");l.download=n,l.href=r,document.body.appendChild(l),l.click(),document.body.removeChild(l)}ngOnDestroy(){this.abortAudioRecording()}setValues(){let o=this.datepipe.transform(new Date,"dd/MM/yyyy hh:mm:ss a");this.myForm.controls.issuedate.setValue(o.toString()),this.myForm.controls.createdby.setValue("Admin")}sendMessage(e){var o=this;return(0,C.Z)(function*(){if("Rejected"===e?(o.myForm.controls.status.setValue(e),o.myForm.controls.message.setValue("Your complaint has been rejected.")):"completed"===e?(o.myForm.controls.status.setValue(e),o.myForm.controls.message.setValue("Your complaint has been completed, Thank you")):o.myForm.controls.status.setValue("pending"),!o.myForm.controls.message.value&&!o.teste?.title)return o.toast.showError("Message or audio cannot be empty","Error");if(o.setValues(),o.myForm.valid||void 0!==o.teste){let a={...o.myForm.value};var n=new FormData;n.append("storeId",o.complainDetail.storeId),n.append("issueDate",a.issuedate),n.append("status",a.status),n.append("createdBy",a.createdby),n.append("complainId",o.complainDetail.id),null==a.message||n.append("complainText",a.message),null==o.teste||n.append("complainRecording",o.teste.blob,JSON.stringify(o.teste.title)),o.Service.replytoComplainer(n).subscribe(r=>{"00"==r.Status_code?(o.toast.showSuccess("Message sent successfuly","Success"),"pending"===a.status?o.hide=!1:"Rejected"===a.status||"completed"===a.status?(o.hide=!0,o.getAllStoreComplainsList("","","",0)):o.hide=!0,o.myForm.controls.message.setValue(void 0),o.clearAudioRecordedData(),o.getComplainDetails(o.complainDetail.id,o.complainDetail)):o.toast.showError(r.Status_description,"Error")},r=>{o.toast.showError(r,"Error"),o.audioBlobUrl=void 0})}else o.toast.showError("Message or audio cannot be empty","Error");o.clearAudioRecordedData()})()}ngAfterViewChecked(){this.scrollToBottom()}scrollToBottom(){try{this.myScrollContainer.nativeElement.scrollTop=this.myScrollContainer.nativeElement.scrollHeight}catch{}}getComplainNumber(){for(let e of this.ComplainDetails)this.ComplainNumber=e.complainId}downloadFile(e){this.exportFileHeaderFields=[{key:"complainCode",value:"Complain Code"},{key:"complainId",value:"Complain No"},{key:"complainRecording",value:"Complain Recording"},{key:"complainMessage",value:"Complain Text"},{key:"createdAt",value:"Created Date"},{key:"createdBy",value:"Created By"},{key:"storeId",value:"Store ID"},{key:"complainStatus",value:"Complain Status"}];let o=this.datepipe.transform(this.myForm.controls.sDate.value,"yyyy-MM-dd"),n=this.datepipe.transform(this.myForm.controls.eDate.value,"yyyy-MM-dd");o=o??"",n=n??"";let r=""==this.myForm.controls.storeId.value?0:this.myForm.controls.storeId.value;r=r??0,this.Service.downloadChatHistory(o,n,e,r).subscribe(l=>{if("00"===l.Status_code){let p=l.Complain_History;p&&p.length>
10&&this.downloadExcel(p)}else console.log(l.Error)},l=>{console.log(l)})}downloadExcel(e){let o={};this.exportFileHeaderFields.forEach(r=>{o[r.key]=r.value}),this.exportFileHeaderFieldsModify=o;let n=Object.keys(this.exportFileHeaderFieldsModify),a=[];void 0===e||0===e?console.log(""):e.forEach(r=>{let l={};n.forEach(p=>{l[p]=r[p]}),a.push(l),console.log(l)}),this.excelSer.exportAsExcelFile(a,this.exportFileName,this.exportFileHeaderFieldsModify)}openModal(e){"Complete"===e?(this.markRating=!0,this.modalMessage="Are you sure you want to complete?"):"Reject"===e&&(this.markRating=!1,this.modalMessage="Are you sure you want to reject?"),this.confirmationModal=!0}closeModal(){this.confirmationModal=!1}handleConfirmAction(){this.confirmationModal=!1,this.sendMessage(this.markRating?"completed":"Rejected")}selectRating(e){this.ratingModal=!1,this.postRating(this.selectedComplainId,e);const o=this.emojis.find(n=>n.value===e);o&&(this.selectedEmoji=o.src,this.selectedLabel=o.label),this.isCustomerFeedback=!0}postRating(e,o){this.markRating=!1,this.Service.updateComplainRatingByComplainIdForPortal(e,o).subscribe(n=>{"00"==n.Status_code&&(this.isRate=!0,this.getAllStoreComplainsList("","","",0),this.toast.showInfo("Thanks for your feedback")),console.log(n)})}openRatingModal(){this.ratingModal=!0}static#t=this.\u0275fac=function(o){return new(o||i)(t.Y36(t.sBO),t.Y36(y),t.Y36(d.uU),t.Y36(A.F),t.Y36(S.x),t.Y36(B.D),t.Y36(k.H7),t.Y36(N.w),t.Y36(O.h))};static#e=this.\u0275cmp=t.Xpm({type:i,selectors:[["app-feedback"]],viewQuery:function(o,n){if(1&o&&t.Gf(z,5),2&o){let a;t.iGM(a=t.CRH())&&(n.myScrollContainer=a.first)}},features:[t._Bn([d.uU])],decls:44,vars:51,consts:[[1,"header-action"],[1,"header-action",3,"formGroup"],["formControlName","storeId",3,"Data","bindLabel","bindValue","placeholder"],["formControlName","status",3,"Data","bindLabel","bindValue","placeholder"],[3,"form","value","value2","startControlName","endControlName"],[3,"clearFilter","filter"],[1,"row"],[1,"col-lg-3","col-md-3","col-sm-6","col-xs-12"],["title","Total Complains","iconText","pi pi-download","toolTip","Download",3,"Count","isCount","isButton","clickEvent"],[1,"col-lg-2","col-md-3","col-sm-6","col-xs-12"],["title","Pending","iconText","pi pi-download","toolTip","Download",3,"Count","isCount","isButton","clickEvent"],["title","Completed ","toolTip","Download","iconText","pi pi-download",3,"Count","isCount","isButton","clickEvent"],["title","Rejected ","toolTip","Download","iconText","pi pi-download",3,"Count","isCount","isButton","clickEvent"],["title","Average Customer Rating",2,"height","80px !important",3,"Count","isCount"],[1,"containers"],[1,"chat-list","mat-elevation-z5","bg-light"],["id","listt"],["class","complains shadow p-3 mb-5 bg-white rounded cards",3,"ngClass","click",4,"ngFor","ngForOf"],[1,"messages","mat-elevation-z5"],["class","empty-screen",4,"ngIf"],["class","chatting-box",4,"ngIf"],[3,"header","modal","visible","draggable","visibleChange"],[1,"modal-body"],[1,"row","text-center"],[1,"col-md-12"],[1,"icon-class"],[1,"pi","pi-exclamation-triangle"],[1,"modal-footer"],["btnText","No, I'm not","color","warn","iconText","pi pi-times",3,"onClick"],["btnText","Yes, I am","color","primary",3,"onClick"],[1,"modal-body","text-center"],[1,"row",2,"margin-left","60px"],["class","col-md-2 text-center",4,"ngFor","ngForOf"],[1,"complains","shadow","p-3","mb-5","bg-white","rounded","cards",3,"ngClass","click"],[3,"click"],[1,"complain-complain",2,"display","flex","flex-direction","column","cursor","pointer !important","padding","10px"],[1,"complain-status-container"],[2,"cursor","pointer"],["id","status",3,"ngClass"],[1,"IssueDate"],[1,"empty-screen"],[1,"content"],[1,"img-boxs","text-center"],["src","assets/mail-png.png","alt","mail-box","height","100px"],[1,"msg-box","text-center"],[2,"color","rgba(156, 153, 153, 0.749)"],[1,"chatting-box"],[1,"header-complain"],[1,"division",3,"hidden"],[1,"complaint-info"],["style","font-size: 24px; font-weight: 400",4,"ngIf"],["id","complainNoStatus","class","orange",4,"ngIf"],[3,"hidden"],[3,"hidden",4,"ngIf"],[1,"chat-area"],[1,"container","chatContainer"],["scrollMe",""],["class","chat-bubble-container chat-bubble",3,"ngClass",4,"ngFor","ngForOf"],["class","mb-6px","style","display: flex; justify-content: center; align-items: center; text-align: center; width: 100%;",4,"ngIf"],["class","noReply mb-6px",4,"ngIf"],["class","modal-footer w-100",4,"ngIf"],[2,"font-size","24px","font-weight","400"],["id","complainNoStatus",1,"orange"],[1,"storeName"],["mat-stroked-button","","color","primary",2,"font-size","12px","border","none","outline","none",3,"click"],[1,"seprator"],["mat-stroked-button","","color","warn",2,"font-size","12px","border","none","outline","none",3,"click"],[1,"chat-bubble-container","chat-bubble",3,"ngClass"],[1,"d-flex","p-0",2,"font-weight","700","font-size","10px","color","#e6effc","user-select","text","cursor","text !important"],[2,"font-weight","500","margin","0",3,"ngClass"],[2,"line-break","anywhere","font-size","14px","text-align","justify","user-select","text","cursor","text !important"],["style","width: 70%; height: 30px; margin: 0px 0 3px 0","controls","",3,"src",4,"ngIf"],[1,"date",2,"user-select","text","cursor","text !important"],["controls","",2,"width","70%","height","30px","margin","0px 0 3px 0",3,"src"],[1,"mb-6px",2,"display","flex","justify-content","center","align-items","center","text-align","center","width","100%"],["alt","Selected Emoji",2,"width","30px","height","25px",3,"src"],[1,"n
1oReply","mb-6px"],[1,"modal-footer","w-100"],[3,"formGroup"],[1,"forms-group"],["formControlName","message","pInputText","","placeholder","Enter your message...",2,"height","35px",3,"ngClass","keydown"],["style","height: 35px; width: 70%;","controls","",4,"ngIf"],["id","audioTimer",4,"ngIf"],["mat-icon-button","","color","primary","matTooltip","Start",3,"click",4,"ngIf"],["mat-icon-button","","matTooltip","Stop","color","warn",3,"click",4,"ngIf"],["matTooltip","Delete","mat-icon-button","","color","warn",3,"click",4,"ngIf"],["matTooltip","Download","mat-icon-button","","color","accent",3,"click",4,"ngIf"],["color","primary","mat-flat-button","",3,"disabled","click"],["controls","",2,"height","35px","width","70%"],["type","audio/mp3",3,"src"],["id","audioTimer"],["mat-icon-button","","color","primary","matTooltip","Start",3,"click"],["mat-icon-button","","matTooltip","Stop","color","warn",3,"click"],["matTooltip","Delete","mat-icon-button","","color","warn",3,"click"],["matTooltip","Download","mat-icon-button","","color","accent",3,"click"],[1,"col-md-2","text-center"],[1,"emoji-container",3,"click"],[1,"emoji-icon",3,"src","alt"]],template:function(o,n){1&o&&(t.TgZ(0,"mat-card")(1,"mat-card-header")(2,"div",0)(3,"form",1),t._UZ(4,"snapp-dropdown",2)(5,"snapp-dropdown",3)(6,"snapp-date-picker",4),t.TgZ(7,"filter-buttons",5),t.NdJ("clearFilter",function(){return n.resetFilterDates()})("filter",function(){return n.searchButtonClicked()}),t.qZA()()()(),t.TgZ(8,"mat-card-content")(9,"div",6)(10,"div",7)(11,"kpi-card",8),t.NdJ("clickEvent",function(){return n.downloadFile("")}),t.qZA()(),t.TgZ(12,"div",9)(13,"kpi-card",10),t.NdJ("clickEvent",function(){return n.downloadFile("pending")}),t.qZA()(),t.TgZ(14,"div",9)(15,"kpi-card",11),t.NdJ("clickEvent",function(){return n.downloadFile("completed")}),t.qZA()(),t.TgZ(16,"div",9)(17,"kpi-card",12),t.NdJ("clickEvent",function(){return n.downloadFile("Rejected")}),t.qZA()(),t.TgZ(18,"div",7),t._UZ(19,"kpi-card",13),t.qZA()(),t.TgZ(20,"div",14)(21,"div",15)(22,"div",16),t.YNc(23,K,17,21,"ul",17),t.qZA()(),t.TgZ(24,"div",18),t.YNc(25,W,9,0,"div",19),t.YNc(26,ht,15,9,"div",20),t.qZA()()()(),t.TgZ(27,"p-dialog",21),t.NdJ("visibleChange",function(r){return n.confirmationModal=r}),t.TgZ(28,"div",22)(29,"div",23)(30,"div",24)(31,"span",25),t._UZ(32,"i",26),t.qZA(),t.TgZ(33,"h5"),t._uU(34),t.qZA()()(),t.TgZ(35,"div",27)(36,"snapp-button",28),t.NdJ("onClick",function(){return n.closeModal()}),t.qZA(),t.TgZ(37,"snapp-button",29),t.NdJ("onClick",function(){return n.handleConfirmAction()}),t.qZA()()()(),t.TgZ(38,"p-dialog",21),t.NdJ("visibleChange",function(r){return n.ratingModal=r}),t.TgZ(39,"div",30)(40,"h5"),t._uU(41,"How much are you satisfied?"),t.qZA(),t.TgZ(42,"div",31),t.YNc(43,_t,5,3,"div",32),t.qZA()()()),2&o&&(t.xp6(3),t.Q6J("formGroup",n.myForm),t.xp6(1),t.Q6J("Data",n.storesData)("bindLabel","storename")("bindValue","id")("placeholder","Select Store"),t.xp6(1),t.Q6J("Data",n.status)("bindLabel","name")("bindValue","name")("placeholder","Select Status"),t.xp6(1),t.Q6J("form",n.myForm)("value",n.date)("value2",n.date)("startControlName","sDate")("endControlName","eDate"),t.xp6(5),t.Q6J("Count",n.allCount)("isCount",!0)("isButton",!0),t.xp6(2),t.Q6J("Count",n.PendingCount)("isCount",!0)("isButton",!0),t.xp6(2),t.Q6J("Count",n.CompletedCount)("isCount",!0)("isButton",!0),t.xp6(2),t.Q6J("Count",n.RejectedCount)("isCount",!0)("isButton",!0),t.xp6(2),t.Q6J("Count",n.Average_Rating)("isCount",!0),t.xp6(2),t.Udp("height",n.menuService.dynamicHeight(),"px"),t.xp6(2),t.Q6J("ngForOf",n.Complains),t.xp6(1),t.Udp("height",n.menuService.dynamicHeight(),"px"),t.xp6(1),t.Q6J("ngIf",n.hidden),t.xp6(1),t.Q6J("ngIf",!n.hidden),t.xp6(1),t.Akn(t.DdM(49,ft)),t.Q6J("header","Confirmation")("modal",!0)("visible",n.confirmationModal)("draggable",!1),t.xp6(7),t.Oqu(n.modalMessage),t.xp6(4),t.Akn(t.DdM(50,Ct)),t.Q6J("header","Review")("modal",!0)("visible",n.ratingModal)("draggable",!1),t.xp6(5),t.Q6J("ngForOf",n.emojis))},dependencies:[d.mk,d.sg,d.O5,m._Y,m.Fj,m.JJ,m.JL,m.sg,m.u,F.o,R.V,x.a8,x.dn,x.dk,T.lW,T.RK,I.Hw,j.gM,Q.C,H.V,Y.R,U.K,L.n,d.gd,d.rS,d.uU],styles:["hr[_ng
1content-%COMP%]{margin:0!important}.container[_ngcontent-%COMP%]{max-width:100%}.containers[_ngcontent-%COMP%]{display:flex}.containers[_ngcontent-%COMP%] .chat-list[_ngcontent-%COMP%]{width:25%;height:500px;background:#ededef;border-radius:5px}.containers[_ngcontent-%COMP%] .chat-list[_ngcontent-%COMP%] .chat-title[_ngcontent-%COMP%]{display:flex;justify-content:space-between}.containers[_ngcontent-%COMP%] .chat-list[_ngcontent-%COMP%] .chat-title[_ngcontent-%COMP%] .chat-name[_ngcontent-%COMP%]{font-weight:500}.containers[_ngcontent-%COMP%] .chat-list[_ngcontent-%COMP%] .chat-title[_ngcontent-%COMP%] .chat-date[_ngcontent-%COMP%]{font-size:.7rem;color:#000000b3}.containers[_ngcontent-%COMP%] .chat-list[_ngcontent-%COMP%] .search-input[_ngcontent-%COMP%]{margin:24px}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%]{width:75%;margin-left:8px;border-radius:5px;height:500px;background:white!important}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%] .messages-header[_ngcontent-%COMP%]{display:flex;margin-bottom:8px}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%] .messages-header[_ngcontent-%COMP%] > img[_ngcontent-%COMP%]{border-radius:50%;object-fit:cover;margin-right:16px;height:35px}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%] .messages-header[_ngcontent-%COMP%] h2[_ngcontent-%COMP%]{margin:0}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%] .seprator[_ngcontent-%COMP%]{border-right:1px solid rgba(128,128,128,.2901960784);width:0px;height:31px;display:inline-block;position:absolute;bottom:0;top:12px}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%] .chat-area[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;padding:2px;position:absolute;width:73%;height:72vh;bottom:-135px}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%] .chat-bubble-container[_ngcontent-%COMP%]{display:flex;width:auto;flex-direction:column;justify-content:flex-start}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%] .chat-bubble-container[_ngcontent-%COMP%] .chat-bubble[_ngcontent-%COMP%]{background:rgb(101,101,101);padding:8px 100px 18px 8px;margin-bottom:16px;border-radius:8px;width:-moz-fit-content;width:fit-content;position:relative}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%] .chat-bubble-container[_ngcontent-%COMP%] .chat-bubble[_ngcontent-%COMP%] .chat-time[_ngcontent-%COMP%]{position:absolute;bottom:2px;right:8px;font-size:.7rem;color:#0009!important}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%] .chat-bubble-container.sender[_ngcontent-%COMP%]{justify-content:flex-end}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%] .chat-bubble-container.sender[_ngcontent-%COMP%] .chat-bubble[_ngcontent-%COMP%]{background:#c5cae9}.containers[_ngcontent-%COMP%] .input-area[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;margin-top:auto;margin-bottom:25px}.containers[_ngcontent-%COMP%] .input-area[_ngcontent-%COMP%] > input[_ngcontent-%COMP%]{width:80%;border:1px solid black}.containers[_ngcontent-%COMP%] .RcButton[_ngcontent-%COMP%]{padding:0 6px!important}.containers[_ngcontent-%COMP%] .SendButton[_ngcontent-%COMP%]{height:35px;border-radius:4px;border:none;background:#5a5278;color:#fff;font-size:small;font-weight:500;width:70px}.chatContainer[_ngcontent-%COMP%]{overflow:scroll;display:flex;flex-direction:column;width:100%;padding:0;margin:0;height:60vh}.dropdown[_ngcontent-%COMP%] > button[_ngcontent-%COMP%]{width:170px;font-weight:500}.chat-bubble-container[_ngcontent-%COMP%]{display:flex;width:100%;justify-content:flex-start}.chat-bubble-container[_ngcontent-%COMP%] .chat-bubble[_ngcontent-%COMP%]{background:rgb(101,101,101);border-radius:8px;width:-moz-fit-content;width:fit-content;position:relative}.chat-bubble-container[_ngcontent-%COMP%] .chat-bubble[_ngcontent-%COMP%] .chat-time[_ngcontent-%COMP%]{position:absolute;bottom:2px;right:8px;font-size:.7rem;color:#0009!important} .mat-select-value{color:#000!important} .mat-select-arrow{color:#000!important}.chat-bubble[_ngcontent-%COMP%]{padding:10px;margin:5px;border-radius:5px;width:-moz-fit-content;width:fit-content;background:white;border:none!important;position:relative}
1.chat-time[_ngcontent-%COMP%]{position:absolute;right:63px;font-size:.7rem;color:#0009!important;margin:25px -45px 0 0!important}.date[_ngcontent-%COMP%]{font-size:.7rem;color:#0009!important;text-align:end;margin:0!important}ul[_ngcontent-%COMP%]{padding:0!important;margin:17px!important}.complain-item[_ngcontent-%COMP%]{padding:10px;list-style:none}.header-complain[_ngcontent-%COMP%]{position:absolute;width:73.4%;z-index:10;border-bottom:1px solid rgba(128,128,128,.3803921569);border-bottom:1px solid lightgray;display:flex;justify-content:space-between;padding:10px}.header-complain[_ngcontent-%COMP%] > span[_ngcontent-%COMP%]{font-size:24px;font-weight:400}.chat-list[_ngcontent-%COMP%]{overflow:scroll}.IssueDate[_ngcontent-%COMP%]{text-align:end;font-weight:500}#listt[_ngcontent-%COMP%]{overflow-y:scroll}.cards[_ngcontent-%COMP%]{transition:all .2s ease;cursor:pointer}.cards[_ngcontent-%COMP%]:hover{box-shadow:0 7px 13px #00000021!important;transform:scale(1.1)} .mat-input-element::placeholder{color:#a9a9a9}.add-button[_ngcontent-%COMP%]{margin:10px 2% 10px 10px;border-radius:5px;border:1px solid black;padding:5px;float:right} .modal-dialog{max-width:90%!important;height:90%!important;width:100%!important} .mat-form-field-appearance-outline .mat-form-field-outline{color:#000!important} .mat-form-field{line-height:1.5!important;width:216px;margin:0 15px 0 0} .mat-focused .mat-form-field-label{color:#000!important} .mat-input-invalid .mat-input-placeholder{color:red} .mat-input-invalid .mat-input-ripple{background-color:red} .mat-form-field-label{color:#000!important;margin:0 0 5px!important} .mat-form-field-appearance-legacy .mat-form-field-underline{background-color:#000} .mat-input-element{margin-top:10px!important} .mat-select-trigger{margin-bottom:5px!important}.filterButtons[_ngcontent-%COMP%]{border-radius:5px;padding:3px;margin:2px 5px;width:50px}.storeOwner[_ngcontent-%COMP%]{font-weight:500!important;color:#534f4f;text-transform:uppercase;font-size:11px!important;margin-top:21px;font-weight:500;letter-spacing:1px}.dropdown[_ngcontent-%COMP%]{width:140px!important;height:26px!important;text-transform:capitalize;background:whitesmoke;color:#5a5278;border:1px solid black;border-radius:5px;font-size:13px}.dropdown[_ngcontent-%COMP%] [_ngcontent-%COMP%]:hover{border:none}a[_ngcontent-%COMP%]{cursor:pointer}.Margin[_ngcontent-%COMP%]{margin-left:300px!important;background:rgba(230,239,255,.4666666667)}.Margin2[_ngcontent-%COMP%]{margin-right:300px!important;font-size:12px;background:rgba(230,239,255,.3019607843)}.highlight[_ngcontent-%COMP%]{box-shadow:0 7px 13px #00000021!important;transform:scale(1.1)!important;border:1px solid var(--primary)}.pending[_ngcontent-%COMP%]{background:#FFFDE7!important;color:#000}.Reject[_ngcontent-%COMP%]{background:#FFEBEE!important;color:#000}.completed[_ngcontent-%COMP%]{background:#E8F5E9!important;color:#000}#status[_ngcontent-%COMP%]{width:82px;height:22px;border-radius:10px;color:#000;text-align:center;font-size:14px;margin:0}.complain-status-container[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;width:100%}.red[_ngcontent-%COMP%]{background:#fe5b5b}.green[_ngcontent-%COMP%]{background:#8fe365}#cStatus[_ngcontent-%COMP%]{font-weight:500;font-size:12px}.orange[_ngcontent-%COMP%]{background:#fee35b}.reds[_ngcontent-%COMP%]{color:#b71c1c}.greens[_ngcontent-%COMP%]{color:#1b5e20}.oranges[_ngcontent-%COMP%]{color:#f57f17}.complainNo-container[_ngcontent-%COMP%]{display:flex;align-items:center}.division[_ngcontent-%COMP%]{display:flex;flex-direction:column}.complaint-info[_ngcontent-%COMP%]{display:flex;align-items:center}#complainNoStatus[_ngcontent-%COMP%]{width:82px;height:22px;border-radius:10px;color:#000;text-align:center;font-size:14px;margin-left:10px}.w_sparkline[_ngcontent-%COMP%]{padding:10px!important}.w_chart[_ngcontent-%COMP%] > button[_ngcontent-%COMP%]{margin-top:3px!important}.button-42[_ngcontent-%COMP%]{background-color:initial;background-image:linear-gradient(-180deg,#FF7E31,#E62C03);border-radius:6px;box-shadow:#0000001a 0 2px 4px;color:#fff;cursor:pointer;display:inline-block;font-family:Inter,-apple-system,system-ui,Roboto,Helvetica Neue,Arial,sans-serif;height:25px;line-height:25px;outline:0;overflow:hidden;padding:0 9px;pointer-events:auto;position:relative;text-align:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:top;white-space:nowrap;width:100%;z-index:9;border:0;
1transition:box-shadow .2s;font-size:11px}.button-42[_ngcontent-%COMP%]:hover{box-shadow:#7c6a6180 0 3px 8px}.complain-header[_ngcontent-%COMP%]{display:flex;padding:0 10px;background:white;border-radius:5px;font-size:30px;display:none}.chat-container[_ngcontent-%COMP%]{display:grid;grid-template-columns:1fr;gap:10px}.chat-bubble[_ngcontent-%COMP%]{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:5px;border:1px solid #ccc;padding:5px}.user[_ngcontent-%COMP%]{grid-template-columns:1fr;background-color:#dcf8c6}.admin[_ngcontent-%COMP%]{grid-template-columns:1fr;background-color:#eceff1}.message[_ngcontent-%COMP%]{font-size:14px;text-align:justify}.audio[_ngcontent-%COMP%]{grid-column:1/-1;width:80%;margin:0}.date[_ngcontent-%COMP%]{grid-column:1/-1;text-align:right}.forms-group[_ngcontent-%COMP%]{display:flex;align-items:center;vertical-align:middle;gap:5px;width:60vw;justify-content:flex-end}.full-wid[_ngcontent-%COMP%]{width:90%}.noReply[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;padding:10px;font-size:15px;color:#555;width:102%;box-sizing:border-box;margin-bottom:-6px}"]})}return i})();const xt=["scrollMe"],vt=["inputField"],Mt=function(i,s,e,o){return{highlight:i,pending:s,Reject:e,completed:o}},wt=function(i,s,e){return{red:i,green:s,orange:e}};function yt(i,s){if(1&i){const e=t.EpF();t.TgZ(0,"ul",21),t.NdJ("click",function(){const a=t.CHM(e).index,r=t.oxw();return t.KtG(r.setRow(a))}),t.TgZ(1,"a",22),t.NdJ("click",function(){const a=t.CHM(e).$implicit,r=t.oxw();return r.getComplainDetails(a.id,a),t.KtG(r.hideElemnt(a.complainStatus))}),t.TgZ(2,"li",23)(3,"div",24)(4,"small",25)(5,"b"),t._uU(6),t.qZA()(),t.TgZ(7,"span",26)(8,"small",25),t._uU(9),t.ALo(10,"titlecase"),t.qZA()()(),t.TgZ(11,"small",27),t._uU(12),t.ALo(13,"date"),t.qZA()()()()}if(2&i){const e=s.$implicit,o=s.index,n=t.oxw();t.Q6J("ngClass",t.l5B(9,Mt,n.selectedIndex===o&&!n.isCreateComplain,"pending"==e.complainStatus,"Rejected"==e.complainStatus,"completed"==e.complainStatus)),t.xp6(6),t.hij("Complain# ",e.id,""),t.xp6(1),t.Q6J("ngClass",t.kEZ(14,wt,"Rejected"==e.complainStatus,"completed"==e.complainStatus,"pending"==e.complainStatus)),t.xp6(2),t.Oqu(t.lcZ(10,5,e.complainStatus)),t.xp6(3),t.Oqu(t.lcZ(13,7,e.issueDate))}}function Ot(i,s){1&i&&(t.TgZ(0,"span",40)(1,"small",25),t._uU(2),t.ALo(3,"titlecase"),t.qZA()()),2&i&&(t.xp6(2),t.Oqu(t.lcZ(3,1,"pending")))}function Tt(i,s){if(1&i){const e=t.EpF();t.TgZ(0,"div")(1,"button",41),t.NdJ("click",function(){t.CHM(e);const n=t.oxw(2);return t.KtG(n.openModal("Complete"))}),t.TgZ(2,"mat-icon"),t._uU(3,"check"),t.qZA(),t._uU(4," Complete "),t.qZA(),t._UZ(5,"span",42),t.TgZ(6,"button",43),t.NdJ("click",function(){t.CHM(e);const n=t.oxw(2);return t.KtG(n.openModal("Reject"))}),t.TgZ(7,"mat-icon"),t._uU(8,"close"),t.qZA(),t._uU(9," Reject "),t.qZA()()}}function Pt(i,s){if(1&i&&t._UZ(0,"audio",53),2&i){const e=t.oxw().$implicit;t.s9C("src",e.complainRecording,t.LSH)}}const kt=function(i,s){return{Margin:i,Margin2:s}},Ft=function(i,s){return{greens:i,oranges:s}};function Rt(i,s){if(1&i&&(t.TgZ(0,"div",47)(1,"div",48)(2,"span",49),t._uU(3),t.ALo(4,"uppercase"),t.qZA()(),t.TgZ(5,"label",50),t._uU(6),t.qZA(),t.YNc(7,Pt,1,1,"audio",51),t.TgZ(8,"small",52)(9,"b"),t._uU(10),t.ALo(11,"date"),t.qZA()()()),2&i){const e=s.$implicit;t.Q6J("ngClass",t.WLB(11,kt,"Admin"!=e.createdBy,"Admin"==e.createdBy)),t.xp6(2),t.Q6J("ngClass",t.WLB(14,Ft,"Admin"==e.createdBy,"Admin"!==e.createdBy)),t.xp6(1),t.Oqu(t.lcZ(4,6,e.createdBy)),t.xp6(3),t.Oqu(e.reason),t.xp6(1),t.Q6J("ngIf",e.complainRecording),t.xp6(3),t.Oqu(t.xi3(11,8,e.createdDate,"MMM/dd/yyyy, h:mm a"))}}function Zt(i,s){if(1&i&&(t.TgZ(0,"div",44,45),t.YNc(2,Rt,12,17,"div",46),t.qZA()),2&i){const e=t.oxw(2);t.xp6(2),t.Q6J("ngForOf",e.ComplainDetails)}}function At(i,s){if(1&i&&(t.TgZ(0,"div",54),t._UZ(1,"img",55),t.TgZ(2,"span"),t._uU(3,"You gave "),t.TgZ(4,"b"),t._uU(5),t.qZA(),t._uU(6," feedback"),t.qZA()()),2&i){const e=t.oxw(2);t.xp6(1),t.Q6J("src",e.selectedEmoji,t.LSH),t.xp6(4),t.Oqu(e.selectedLabel)}}function St(i,s){1&i&&(t.TgZ(0,"div",56)(1,"i"),t._uU(2,"You cannot continue this complain."),t.qZA()())}
1function Nt(i,s){if(1&i&&(t.TgZ(0,"audio",69),t._UZ(1,"source",70),t.qZA()),2&i){const e=t.oxw(3);t.xp6(1),t.Q6J("src",e.audioBlobUrl,t.LSH)}}function It(i,s){if(1&i&&(t.TgZ(0,"div",71),t._uU(1),t.qZA()),2&i){const e=t.oxw(3);t.xp6(1),t.hij(" ",e.audioRecordedTime," ")}}function jt(i,s){if(1&i){const e=t.EpF();t.TgZ(0,"button",72),t.NdJ("click",function(){t.CHM(e);const n=t.oxw(3);return t.KtG(n.startAudioRecording())}),t.TgZ(1,"mat-icon"),t._uU(2,"mic"),t.qZA()()}}function Ut(i,s){if(1&i){const e=t.EpF();t.TgZ(0,"button",73),t.NdJ("click",function(){t.CHM(e);const n=t.oxw(3);return t.KtG(n.stopAudioRecording())}),t.TgZ(1,"mat-icon"),t._uU(2,"mic_off"),t.qZA()()}}function Jt(i,s){if(1&i){const e=t.EpF();t.TgZ(0,"button",74),t.NdJ("click",function(){t.CHM(e);const n=t.oxw(3);return t.KtG(n.clearAudioRecordedData())}),t.TgZ(1,"mat-icon"),t._uU(2,"delete"),t.qZA()()}}function Dt(i,s){if(1&i){const e=t.EpF();t.TgZ(0,"button",75),t.NdJ("click",function(){t.CHM(e);const n=t.oxw(3);return t.KtG(n.downloadAudioRecordedData())}),t.TgZ(1,"mat-icon"),t._uU(2,"arrow_downward"),t.qZA()()}}const Et=function(i){return{"full-wid":i}};function qt(i,s){if(1&i){const e=t.EpF();t.TgZ(0,"div",57)(1,"form",58)(2,"div",59)(3,"input",60,61),t.NdJ("keydown",function(n){t.CHM(e);const a=t.oxw(2);return t.KtG(a.onKeyDown(n))}),t.qZA(),t.YNc(5,Nt,2,1,"audio",62),t.YNc(6,It,2,1,"div",63),t.YNc(7,jt,3,0,"button",64),t.YNc(8,Ut,3,0,"button",65),t.YNc(9,Jt,3,0,"button",66),t.YNc(10,Dt,3,0,"button",67),t.TgZ(11,"button",68),t.NdJ("click",function(){t.CHM(e);const n=t.oxw(2);return t.KtG(n.sendMessage())}),t._uU(12," Send "),t.qZA()()()()}if(2&i){const e=t.oxw(2);t.xp6(1),t.Q6J("formGroup",e.myForm),t.xp6(2),t.Q6J("ngClass",t.VKq(10,Et,!e.isAudioRecording&&!e.audioBlobUrl)),t.uIk("disabled","Rejected"===e.myForm.controls.status.value||"completed"===e.myForm.controls.status.value?"":null),t.xp6(2),t.Q6J("ngIf",!e.isAudioRecording&&e.audioBlobUrl),t.xp6(1),t.Q6J("ngIf",e.isAudioRecording&&!e.audioBlobUrl),t.xp6(1),t.Q6J("ngIf",!e.isAudioRecording&&!e.audioBlobUrl),t.xp6(1),t.Q6J("ngIf",e.isAudioRecording&&!e.audioBlobUrl),t.xp6(1),t.Q6J("ngIf",!e.isAudioRecording&&e.audioBlobUrl),t.xp6(1),t.Q6J("ngIf",!e.isAudioRecording&&e.audioBlobUrl),t.xp6(1),t.Q6J("disabled",e.isAudioRecording&&!e.audioBlobUrl)}}function Bt(i,s){if(1&i&&(t.TgZ(0,"div",28)(1,"div",29)(2,"div",30)(3,"div",31)(4,"span",32),t._uU(5),t.qZA(),t.YNc(6,Ot,4,3,"span",33),t.qZA()(),t.YNc(7,Tt,10,0,"div",34),t.qZA(),t.TgZ(8,"div",35),t.YNc(9,Zt,3,1,"div",36),t.YNc(10,At,7,2,"div",37),t.YNc(11,St,3,0,"div",38),t.YNc(12,qt,13,12,"div",39),t.qZA()()),2&i){const e=t.oxw();
1t.xp6(5),t.hij(" ",e.ComplainNumber>0?"Complain# "+e.ComplainNumber:"New Complaint"," "),t.xp6(1),t.Q6J("ngIf",e.showPendingStatusWithComplainNo),t.xp6(1),t.Q6J("ngIf",e.showCompleteReject),t.xp6(2),t.Q6J("ngIf",e.showChatting),t.xp6(1),t.Q6J("ngIf",e.isRate),t.xp6(1),t.Q6J("ngIf",e.hideMsgFooter),t.xp6(1),t.Q6J("ngIf",!e.hideMsgFooter)}}function Qt(i,s){if(1&i){const e=t.EpF();t.TgZ(0,"div",76)(1,"div",77),t.NdJ("click",function(){const a=t.CHM(e).$implicit,r=t.oxw();return t.KtG(r.selectRating(a.value))}),t._UZ(2,"img",78),t.TgZ(3,"p"),t._uU(4),t.qZA()()()}if(2&i){const e=s.$implicit;t.xp6(2),t.Q6J("src",e.src,t.LSH)("alt",e.label),t.xp6(2),t.Oqu(e.label)}}const Ht=function(){return{width:"30%"}},Yt=function(){return{width:"35%"}};let Lt=(()=>{class i{hoverEmoji(e){this.hoveredEmoji=e}leaveEmoji(){this.hoveredEmoji=null}setRow(e){this.selectedIndex=e}constructor(e,o,n,a,r,l,p,Z){this.ref=e,this.Service=o,this.datepipe=n,this.audioRecordingService=a,this.excelSer=r,this.sanitizer=l,this.toast=p,this.menuService=Z,this.isPlaying=!1,this.displayControls=!0,this.isAudioRecording=!1,this.audioConf={audio:!0},this.exportFileName="complain-history",this.fileUrl="assets/sampleFile/Book1.csv",this.date="",this.Complains=[],this.ComplainDetails=[],this.status=[],this.disableinput=!1,this.hidden=!1,this.isRecording=!1,this.hideMsgFooter=!1,this.fb=new m.qu,this.Message=new FormData,this.selected="option2",this.complainHeader=!1,this.pendingDownload=!0,this.allDownload=!0,this.rejectDownload=!0,this.completeDownload=!0,this.showCompleteReject=!1,this.showChatting=!1,this.showPendingStatusWithComplainNo=!1,this.confirmationModal=!1,this.ratingModal=!1,this.modalMessage="",this.feedbackSubmitted=!1,this.selectedEmoji="",this.selectedLabel="",this.emojis=[{value:1,src:"https://openmoji.org/data/color/svg/1F641.svg",label:"Worst"},{value:2,src:"https://openmoji.org/data/color/svg/1F61E.svg",label:"Poor"},{value:3,src:"https://openmoji.org/data/color/svg/1F610.svg",label:"Average"},{value:4,src:"https://openmoji.org/data/color/svg/1F60A.svg",label:"Good"},{value:5,src:"https://openmoji.org/data/color/svg/1F603.svg",label:"Excellent"}],this.hoveredEmoji=null,this.complainDetail={},this.isCreateComplain=!0,this.audioRecordingService.recordingFailed().subscribe(()=>{this.isAudioRecording=!1,this.ref.detectChanges()}),this.audioRecordingService.getRecordedTime().subscribe(b=>{this.audioRecordedTime=b,this.ref.detectChanges()}),this.audioRecordingService.getRecordedBlob().subscribe(b=>{this.audioBlob=b.blob,this.audioName=b.title,this.teste=b,this.audioBlobUrl=this.sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(b.blob)),this.ref.detectChanges()})}ngOnInit(){this.initializeForm(),console.log("this.hidden =>",this.hidden),console.log("this.complainHeader =>",this.complainHeader),this.myForm.controls.sDate.setValue(void 0),this.myForm.controls.eDate.setValue(void 0),this.storeId=Number(localStorage.getItem("StoreId")),this.scrollToBottom(),this.Service.getStatus().subscribe(e=>this.status=e),this.getAllStoreComplainsList("","","",this.storeId),this.setFocusOnMessage()}setFocusOnMessage(){this.inputElement?.nativeElement.focus()}ngAfterViewInit(){setTimeout(()=>{this.inputElement.nativeElement.focus()})}initializeForm(){this.myForm=this.fb.group({message:["",[]],complainRecording:[""],storeId:[,[]],issuedate:[""],status:[,[]],createdby:[""],complainid:[""],sDate:["",[]],eDate:["",[]]})}disableFields(){("Rejected"==this.myForm.controls.status.value||"completed"==this.myForm.controls.status.value)&&(this.disableinput=!0),("pending"==this.myForm.controls.status.value||""==this.myForm.controls.status.value)&&(this.disableinput=!1)}getAllStoreComplainsList(e,o,n,a){this.Service.getAllStoresComplainList(e,o,n,a).subscribe(r=>{"00"===r.Status_code&&(this.Complains=r.Complains_List)},r=>{_().fire("Error",r,"error")})}getComplainDetails(e,o){this.complainDetail=o,this.Service.getComplainDetails(e).subscribe(n=>{if("00"==n.Status_code)if(this.showChatting=!0,this.isCreateComplain?(this.isCreateComplain=!1,this.ComplainDetails=n.Complain_History,this.showCompleteReject=!0,this.showPendingStatusWithComplainNo=!0):(this.ComplainDetails=n.Complain_History,this.ComplainNumber=o.id),this.ComplainDetails?.forEach(a=>{"Rejected"==a.status||"completed"==a.status?(this.hideMsgFooter=!0,this.showCompleteReject=!1,this.showPendingStatusWithComplainNo=!1,this.getAllStoreComplainsList("","","",this.storeId)):(this.hideMsgFooter=!1,this.showCompleteReject=!0,this.showPendingStatusWithComplainNo=!0)}),o?.rating>0){const a=this.emojis.find(r=>r.value===o.rating);a&&(this.selectedEmoji=a.src,this.selectedLabel=a.label),this.isRate=!0}else this.isRate=!1})}hideElemnt(e){this.myForm.controls.message.setValue(void 0),"Rejected"==e||"completed"==e?(this.hideMsgFooter=!0,this.showCompleteReject=!1,this.showPendingStatusWithComplainNo=!1):(this.isCreateComplain=!1,this.hideMsgFooter=!1,this.showCompleteReject=!0,this.showPendingStatusWithComplainNo=!0),this.setFocusOnMessage()}startAudioRecording(){this.isAudioRecording||(this.audioRecordingService.startRecording(),this.isAudioRecording=!0)}abortAudioRecording(){this.isAudioRecording&&(this.audioRecordingService.abortRecording(),this.isAudioRecording=!1)}stopAudioRecording(){this.isAudioRecording&&(this.audioRecordingService.stopRecording(),this.isAudioRecording=!1)}clearAudioRecordedData(){this.teste=null,this.audioBlobUrl=null}downloadAudioRecordedData(){this._downloadFile(this.audioBlob,"audio/mp3",this.audioName)}_downloadFile(e,o,n){const a=new Blob([e],{type:o}),r=window.URL.createObjectURL(a),l=document.createElement("a");l.download=n,l.href=r,document.body.appendChild(l),l.click(),document.body.removeChild(l)}ngOnDestroy(){this.abortAudioRecording()}setValues(){let o=this.datepipe.transform(new Date,"dd/MM/yyyy hh:mm:ss a");this.myForm.controls.issuedate.setValue(o.toString()),this.myForm.controls.createdby.setValue(localStorage.getItem("username"))}sendMessage(e){var o=this;return(0,C.Z)(function*(){if(e){let a;o.myForm.controls.status.setValue(e),"Rejected"===e?(o.hideMsgFooter=!0,o.showCompleteReject=!1,o.showPendingStatusWithComplainNo=!1,a="Your complaint has been rejected."):"completed"===e&&(o.hideMsgFooter=!0,o.showCompleteReject=!1,o.showPendingStatusWithComplainNo=!1,a="Your complaint has been completed, Thank y
1ou"),o.myForm.controls.message.setValue(a)}else o.myForm.controls.status.setValue("pending");if(!o.myForm.controls.message.value&&!o.teste?.title)return o.toast.showError("Message or audio cannot be empty","Error");if(o.setValues(),console.log("this.teste =>",o.teste),o.myForm.valid||o.teste){let a={...o.myForm.value};console.log("this.storeId =>",o.storeId),console.log("obj =>",a);var n=new FormData;n.append("storeId",o.storeId),n.append("issueDate",a.issuedate),n.append("status",a.status),n.append("createdBy",a.createdby),a.message&&n.append("complainText",a.message),o.teste&&n.append("complainRecording",o.teste.blob,JSON.stringify(o.teste.title)),o.isCreateComplain?o.Service.createComplain(n).subscribe(r=>{"00"===r.Status_code?(o.toast.showSuccess("Complaint created successfully","Success"),o.ComplainNumber=r.Complain_Id,o.myForm.controls.message.setValue(void 0),o.clearAudioRecordedData(),o.getAllStoreComplainsList("","","",o.storeId),o.getComplainDetails(r.Complain_Id)):o.toast.showError(r.Status_description,"Error")},r=>{o.toast.showError(r,"Error"),o.audioBlobUrl=void 0}):(n.append("complainId",o.ComplainNumber>0?o.ComplainNumber:o.complainDetail.id),o.Service.replytoComplainer(n).subscribe(r=>{"00"===r.Status_code?(o.toast.showSuccess("Message sent successfully","Success"),o.myForm.controls.message.setValue(void 0),o.clearAudioRecordedData(),o.getComplainDetails(o.ComplainNumber>0?o.ComplainNumber:o.complainDetail.id,o.complainDetail)):o.toast.showError(r.Status_description,"Error")},r=>{o.toast.showError(r,"Error"),o.audioBlobUrl=void 0}))}else o.toast.showError("Message or audio cannot be empty","Error");o.clearAudioRecordedData()})()}ngAfterViewChecked(){this.scrollToBottom()}scrollToBottom(){try{this.myScrollContainer.nativeElement.scrollTop=this.myScrollContainer.nativeElement.scrollHeight}catch{}}downloadFile(e){this.exportFileHeaderFields=[{key:"complainCode",value:"Complain Code"},{key:"complainId",value:"Complain No"},{key:"complainRecording",value:"Complain Recording"},{key:"complainText",value:"Complain Text"},{key:"createdAt",value:"Created Date"},{key:"createdBy",value:"Created By"},{key:"storeId",value:"Store ID"},{key:"complainStatus",value:"Complain Status"}];let o=this.datepipe.transform(this.myForm.controls.sDate.value,"yyyy-MM-dd"),n=this.datepipe.transform(this.myForm.controls.eDate.value,"yyyy-MM-dd");o=o??"",n=n??"";let r=""==this.myForm.controls.storeId.value?0:this.myForm.controls.storeId.value;r=r??0,this.Service.downloadChatHistory(o,n,e,r).subscribe(l=>{if("00"===l.Status_code){let p=l.Complain_History;p&&p.length>0&&this.downloadExcel(p)}else console.log(l.Error)},l=>{console.log(l)})}downloadExcel(e){let o={};this.exportFileHeaderFields.forEach(r=>{o[r.key]=r.value}),this.exportFileHeaderFieldsModify=o;let n=Object.keys(this.exportFileHeaderFieldsModify),a=[];void 0===e||0===e?console.log(""):e.forEach(r=>{let l={};n.forEach(p=>{l[p]=r[p]}),a.push(l),console.log(l)}),this.excelSer.exportAsExcelFile(a,this.exportFileName,this.exportFileHeaderFieldsModify)}createComplain(){this.myForm.reset(),this.ComplainNumber=0,console.log("ComplainNumber =>",this.ComplainNumber),this.isCreateComplain=!0,this.showChatting=!1,this.complainHeader=!0,this.hideMsgFooter=!1,this.showCompleteReject=!1,this.showPendingStatusWithComplainNo=!1,this.isRate=!1,this.setFocusOnMessage()}onKeyDown(e){"Enter"===e.key&&(this.sendMessage(),e.preventDefault())}openModal(e){"Complete"===e?(this.markRating=!0,this.modalMessage="Are you sure you want to complete?"):"Reject"===e&&(this.markRating=!1,this.modalMessage="Are you sure you want to reject?"),this.confirmationModal=!0}closeModal(){this.confirmationModal=!1}handleConfirmAction(){console.log("complainId => ",this.selectedComplainId),this.confirmationModal=!1,this.markRating?(this.sendMessage("completed"),this.openRatingModal()):(this.sendMessage("Rejected"),this.openRatingModal()),this.feedbackSubmitted=!0}openRatingModal(){this.ratingModal=!0}selectRating(e){this.ratingModal=!1,this.feedbackSubmitted=!0,this.postRating(this.ComplainNumber,e);const o=this.emojis.find(n=>n.value===e);o&&(this.selectedEmoji=o.src,this.selectedLabel=o.label)}postRating(e,o){this.markRating=!1,this.Service.updateComplainRatingByComplainIdForPortal(e,o).subscribe(n=>{"00"==n.Status_code&&(this.isRate=!0,this.getAllStoreComplainsList("","","",this.storeId),this.toast.showInfo("Thanks for your feedback")),console.log(n)})}resetModal(){this.feedbackSubmitted=!1}static#t=this.\u0275fac=function(o){return new(o||i)(t.Y36(t.sBO),t.Y36(y),t.Y36(d.uU),t.Y36(A.F),t.Y36(S.x),t.Y36(k.H7),t.Y36(N.w),t.Y36(O.h))};static#e=this.\u0275cmp=t.Xpm({type:i,selectors:[["customer-feedback-retailer"]],viewQuery:function(o,n){if(1&o&&(t.Gf(xt,5),t.Gf(vt,5)),2&o){let a;t.iGM(a=t.CRH())&&(n.myScrollContainer=a.first),t.iGM(a=t.CRH())&&(n.inputElement=a.first)}},decls:28,vars:20,consts:[[1,"containers"],[1,"chat-list","mat-elevation-z5","bg-light"],[1,"m-3",2,"height","35px"],["iconText","pi pi-pencil","btnText","Create complaint",3,"onClick"],["id","listt"],["class"," complains shadow p-3 mb-5 bg-white rounded cards",3,"ngClass","click",4,"ngFor","ngForOf"],[1,"messages","mat-elevation-z5"],["class","chatting-box",4,"ngIf"],[3,"header","modal","visible","draggable","visibleChange"],[1,"modal-body"],[1,"row","text-center"],[1,"col-md-12"],[1,"icon-class"],[1,"pi","pi-exclamation-triangle"],[1,"modal-footer"],["btnText","No, I'm not","color","warn","iconText","pi pi-times",3,"onClick"],["btnText","Yes, I am","color","primary",3,"onClick"],[3,"header","modal","visible","draggable","visibleChange","onHide"],[1,"modal-body","text-center"],[1,"row",2,"margin-left","60px"],["class","col-md-2 text-center",4,"ngFor","ngForOf"],[1,"complains","shadow","p-3","mb-5","bg-white","rounded","cards",3,"ngClass","click"],[3,"click"],[1,"complain-complain",2,"display","flex","flex-direction","column","cursor","pointer !important","padding","10px"],[1,"complain-status-container"],[1,"storeName"],["id","status",3,"ngClass"],[1,"IssueDate"],[1,"chatting-box"],[1,"header-complain"],[1,"division"],[1,"complainNo-container"],[2,"font-size","24px","font-weight","400"],["id","complainNoStatus","class","orange",4,"ngIf"],[4,"ngIf"],[1,"chat-area"],["class","container chatContainer",4,"ngIf"],["class","mb-6px","style","display: flex; justify-content: center; align-items: center; width: 100%;",4,"ngIf"],["class","noReply mb-6px",4,"ngIf"],["class","modal-footer w-100",4,"ngIf"],["id","complainNoStatus",1,"orange"],["mat-stroked-button","","color","primary",2,"font-size","12px","border","none","outline","none",3,"click"],[1,"seprator"],["mat-stroked-button","","color","warn",2,"font-size","12px","border","none","outline","none",3,"click"],[1,"container","chatContainer"],["scrollMe",""],["class","chat-bubble-container chat-bubble",3,"ngClass",4,"ngFor","ngForOf"],[1,"chat-bubble-container","chat-bubble",3,"ngClass"],[1,"d-flex","p-0",2,"font-weight","700","font-size","10px","color","#e6effc","user-select","text","cursor","text !important"],[2,"font-weight","500","margin","0",3,"ngClass"],[2,"line-break","anywhere","font-size","14px","text-align","justify","user-select","text","cursor","text !important"],["style","width: 70%; height: 30px; margin: 0px 0 3px 0","controls","",3,"src",4,"ngIf"],[1,"date",2,"user-select","text","cursor","text !important"],["controls","",2,"width","70%","height","30px","margin","0px 0 3px 0",3,"src"],[1,"mb-6px",2,"display","flex","justify-content","center","align-items","center","width","100%"],["alt","Selected Emoji",2,"width","30px","height","25px",3,"src"],[1,"n
1oReply","mb-6px"],[1,"modal-footer","w-100"],[3,"formGroup"],[1,"forms-group"],["formControlName","message","pInputText","","placeholder","Enter your message...",2,"height","35px",3,"ngClass","keydown"],["inputField",""],["style","height: 35px;width: 70%;","controls","",4,"ngIf"],["id","audioTimer",4,"ngIf"],["mat-icon-button","","color","primary","matTooltip","Start",3,"click",4,"ngIf"],["mat-icon-button","","matTooltip","Stop","color","warn",3,"click",4,"ngIf"],["matTooltip","Delete","mat-icon-button","","color","warn",3,"click",4,"ngIf"],["matTooltip","Download","mat-icon-button","","color","accent",3,"click",4,"ngIf"],["color","primary","mat-flat-button","",3,"disabled","click"],["controls","",2,"height","35px","width","70%"],["type","audio/mp3",3,"src"],["id","audioTimer"],["mat-icon-button","","color","primary","matTooltip","Start",3,"click"],["mat-icon-button","","matTooltip","Stop","color","warn",3,"click"],["matTooltip","Delete","mat-icon-button","","color","warn",3,"click"],["matTooltip","Download","mat-icon-button","","color","accent",3,"click"],[1,"col-md-2","text-center"],[1,"emoji-container",3,"click"],[1,"emoji-icon",3,"src","alt"]],template:function(o,n){1&o&&(t.TgZ(0,"mat-card")(1,"mat-card-content")(2,"div",0)(3,"div",1)(4,"div",2)(5,"snapp-button",3),t.NdJ("onClick",function(){return n.createComplain()}),t.qZA()(),t._UZ(6,"hr"),t.TgZ(7,"div",4),t.YNc(8,yt,14,18,"ul",5),t.qZA()(),t.TgZ(9,"div",6),t.YNc(10,Bt,13,7,"div",7),t.qZA()()()(),t.TgZ(11,"p-dialog",8),t.NdJ("visibleChange",function(r){return n.confirmationModal=r}),t.TgZ(12,"div",9)(13,"div",10)(14,"div",11)(15,"span",12),t._UZ(16,"i",13),t.qZA(),t.TgZ(17,"h5"),t._uU(18),t.qZA()()(),t.TgZ(19,"div",14)(20,"snapp-button",15),t.NdJ("onClick",function(){return n.closeModal()}),t.qZA(),t.TgZ(21,"snapp-button",16),t.NdJ("onClick",function(){return n.handleConfirmAction()}),t.qZA()()()(),t.TgZ(22,"p-dialog",17),t.NdJ("visibleChange",function(r){return n.ratingModal=r})("onHide",function(){return n.resetModal()}),t.TgZ(23,"div",18)(24,"h5"),t._uU(25,"How much are you satisfied?"),t.qZA(),t.TgZ(26,"div",19),t.YNc(27,Qt,5,3,"div",20),t.qZA()()()),2&o&&(t.xp6(2),t.Udp("height",n.menuService.dynamicHeight(),"px"),t.xp6(6),t.Q6J("ngForOf",n.Complains),t.xp6(2),t.Q6J("ngIf",!n.hidden),t.xp6(1),t.Akn(t.DdM(18,Ht)),t.Q6J("header","Confirmation")("modal",!0)("visible",n.confirmationModal)("draggable",!1),t.xp6(7),t.Oqu(n.modalMessage),t.xp6(4),t.Akn(t.DdM(19,Yt)),t.Q6J("header","Review")("modal",!0)("visible",n.ratingModal)("draggable",!1),t.xp6(5),t.Q6J("ngForOf",n.emojis))},dependencies:[d.mk,d.sg,d.O5,m._Y,m.Fj,m.JJ,m.JL,m.sg,m.u,F.o,R.V,x.a8,x.dn,T.lW,T.RK,I.Hw,j.gM,U.K,d.gd,d.rS,d.uU],styles:["hr[_ngcontent-%COMP%]{margin:0!important}.container[_ngcontent-%COMP%]{max-width:100%}.containers[_ngcontent-%COMP%]{display:flex}.containers[_ngcontent-%COMP%] .chat-list[_ngcontent-%COMP%]{width:25%;background:#ededef;border-radius:8px}.containers[_ngcontent-%COMP%] .chat-list[_ngcontent-%COMP%] .chat-title[_ngcontent-%COMP%]{display:flex;justify-content:space-between}.containers[_ngcontent-%COMP%] .chat-list[_ngcontent-%COMP%] .chat-title[_ngcontent-%COMP%] .chat-name[_ngcontent-%COMP%]{font-weight:500}.containers[_ngcontent-%COMP%] .chat-list[_ngcontent-%COMP%] .chat-title[_ngcontent-%COMP%] .chat-date[_ngcontent-%COMP%]{font-size:.7rem;color:#000000b3}.containers[_ngcontent-%COMP%] .chat-list[_ngcontent-%COMP%] .search-input[_ngcontent-%COMP%]{margin:24px}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%]{width:75%;margin-left:8px;border-radius:8px;background:white!important}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%] .messages-header[_ngcontent-%COMP%]{display:flex;margin-bottom:8px}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%] .messages-header[_ngcontent-%COMP%] > img[_ngcontent-%COMP%]{border-radius:50%;object-fit:cover;margin-right:16px;height:35px}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%] .messages-header[_ngcontent-%COMP%] > h2[_ngcontent-%COMP%]{margin:0}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%] .seprator[_ng
1content-%COMP%]{border-right:1px solid #8080804a;width:0px;height:31px;display:inline-block;position:absolute;bottom:0;top:12px}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%] .chat-area[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;padding:2px;position:absolute;width:73%;bottom:19px}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%] .chat-bubble-container[_ngcontent-%COMP%]{display:flex;width:auto;flex-direction:column;justify-content:flex-start}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%] .chat-bubble-container[_ngcontent-%COMP%] .chat-bubble[_ngcontent-%COMP%]{background:rgb(101,101,101);padding:8px 100px 18px 8px;margin-bottom:16px;border-radius:8px;width:-moz-fit-content;width:fit-content;position:relative}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%] .chat-bubble-container[_ngcontent-%COMP%] .chat-bubble[_ngcontent-%COMP%] .chat-time[_ngcontent-%COMP%]{position:absolute;bottom:2px;right:8px;font-size:.7rem;color:#0009!important}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%] .chat-bubble-container.sender[_ngcontent-%COMP%]{justify-content:flex-end}.containers[_ngcontent-%COMP%] .messages[_ngcontent-%COMP%] .chat-bubble-container.sender[_ngcontent-%COMP%] .chat-bubble[_ngcontent-%COMP%]{background:#c5cae9}.containers[_ngcontent-%COMP%] .input-area[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;margin-top:auto;margin-bottom:25px}.containers[_ngcontent-%COMP%] .input-area[_ngcontent-%COMP%] > input[_ngcontent-%COMP%]{width:80%;border:1px solid black}.containers[_ngcontent-%COMP%] .RcButton[_ngcontent-%COMP%]{padding:0 6px!important}.containers[_ngcontent-%COMP%] .SendButton[_ngcontent-%COMP%]{height:35px;border-radius:4px;border:none;background:#5a5278;color:#fff;font-size:small;font-weight:500;width:70px}.chatContainer[_ngcontent-%COMP%]{overflow:scroll;display:flex;flex-direction:column;width:100%;padding:0;margin:0;height:400px}.dropdown[_ngcontent-%COMP%] > button[_ngcontent-%COMP%]{width:170px;font-weight:500}.chat-bubble-container[_ngcontent-%COMP%]{display:flex;width:100%;justify-content:flex-start}.chat-bubble-container[_ngcontent-%COMP%] .chat-bubble[_ngcontent-%COMP%]{background:rgb(101,101,101);border-radius:8px;width:-moz-fit-content;width:fit-content;position:relative}.chat-bubble-container[_ngcontent-%COMP%] .chat-bubble[_ngcontent-%COMP%] .chat-time[_ngcontent-%COMP%]{position:absolute;bottom:2px;right:8px;font-size:.7rem;color:#0009!important} .mat-select-value{color:#000!important} .mat-select-arrow{color:#000!important}.chat-bubble[_ngcontent-%COMP%]{padding:10px;margin:5px;border-radius:5px;width:-moz-fit-content;width:fit-content;background:white;border:none!important;position:relative}.chat-time[_ngcontent-%COMP%]{position:absolute;right:63px;font-size:.7rem;color:#0009!important;margin:25px -45px 0 0!important}.date[_ngcontent-%COMP%]{font-size:.7rem;color:#0009!important;text-align:end;margin:0!important}ul[_ngcontent-%COMP%]{padding:0!important;margin:17px!important}.complain-item[_ngcontent-%COMP%]{padding:10px;list-style:none}.header-complain[_ngcontent-%COMP%]{position:absolute;width:73.4%;z-index:10;border-bottom:1px solid #80808061;border-bottom:1px solid lightgray;display:flex;justify-content:space-between;padding:10px}.header-complain[_ngcontent-%COMP%] > span[_ngcontent-%COMP%]{font-size:24px;font-weight:400}.chat-list[_ngcontent-%COMP%]{overflow:scroll}.IssueDate[_ngcontent-%COMP%]{text-align:start;margin-top:14px;font-size:11px}#listt[_ngcontent-%COMP%]{overflow-y:scroll;height:calc(100% - 100px)}.cards[_ngcontent-%COMP%]{transition:all .2s ease;cursor:pointer}.cards[_ngcontent-%COMP%]:hover{box-shadow:0 7px 13px #00000021!important;transform:scale(1.1)} .mat-input-element::placeholder{color:#a9a9a9}.add-button[_ngcontent-%COMP%]{margin:10px 2% 10px 10px;border-radius:5px;border:1px solid black;padding:5px;float:right} .mat-form-field-appearance-outline .mat-form-field-outline{color:#000!important} .mat-form-field{line-height:1.5!important;width:216px;margin:0 15px 0 0} .mat-focused .mat-form-field-label{color:#000!important} .mat-input-invalid .mat-input-placeholder{color:red} .mat-input-invalid .mat-input-ripple{background-color:red} .mat-form-field-label{color:#000!important;margin:0 0 5px!important} .mat-form-field-appearance-legacy .mat-form-field-underline{background-color:#000} .mat-input-element{margin-top:10px!important} .mat-select-trigger{margin-bottom:5px!important}.filterButtons[_ngcontent-%COMP%]{border-radius:5px;padding:3px;margin:2px 5px;width:50px}.storeOwner[_ngcontent-%COMP%]{font-weight:500!important;color:#534f4f;text-transform:uppercase;font-size:11px!important;margin-top:21px;font-weight:500;letter-spacing:1px}.dropdown[_ngcontent-%COMP%]{width:140px!important;height:26px!important;text-transform:capitalize;background:whitesmoke;color:#5a5278;border:1px solid black;border-radius:5px;font-size:13px}.dropdown[_ngcontent-%COMP%] [_ngcontent-%COMP%]:hover{border:none}a[_ngcontent-%COMP%]{cursor:pointer}.Margin[_ngcontent-%COMP%]{margin-left:300px!important;background:#e6efff77}.Margin2[_ngcontent-%COMP%]{margin-right:300px!important;font-size:12px;background:#e6efff4d}.highlight[_ngcontent-%COMP%]{box-shadow:0 7px 13px #00000021!important;transform:scale(1.1)!important;border:1px solid var(--primary)}.pending[_ngcontent-%COMP%]{background:#FFFDE7!important;color:#000}.Reject[_ngcontent-%COMP%]{background:#ffe7e7!important;color:#000}.completed[_ngcontent-%COMP%]{background:#E8F5E9!important;color:#000}.complain-status-container[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;width:100%}#status[_ngcontent-%COMP%]{width:82px;height:22px;border-radius:10px;color:#000;text-align:center;font-size:14px;margin:0}.complainNo-container[_ngcontent-%COMP%]{display:flex;align-items:center}#complainNoStatus[_ngcontent-%COMP%]{width:82px;height:22px;border-radius:10px;color:#000;text-align:center;font-size:14px;margin-left:10px}.red[_ngcontent-%COMP%]{background:#fe5b5b}.green[_ngcontent-%COMP%]{background:#8fe365}#cStatus[_ngcontent-%COMP%]{font-weight:500;font-size:12px}.orange[_ngcontent-%COMP%]{background:#fee35b}.reds[_ngcontent-%COMP%]{color:#b71c1c}.greens[_ngcontent-%COMP%]{color:#1b5e20}.oranges[_ngcontent-%COMP%]{color:#f57f17}.division[_ngcontent-%COMP%]{display:flex;flex-direction:column}.w_sparkline[_ngcontent-%COMP%]{padding:10px!important}.w_chart[_ngcontent-%COMP%] > button[_ngcontent-%COMP%]{margin-top:3px!important}.button-42[_ngcontent-%COMP%]{background-color:initial;background-image:linear-gradient(-180deg,#FF7E31,#E62C03);border-radius:6px;box-shadow:#0000001a 0 2px 4px;color:#fff;cursor:pointer;display:inline-block;font-family:Inter,-apple-system,system-ui,Roboto,Helvetica Neue,Arial,sans-serif;height:25px;line-height:25px;outline:0;overflow:hidden;padding:0 9px;pointer-events:auto;position:relative;text-align:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:top;white-space:nowrap;width:100%;z-index:9;border:0;
1transition:box-shadow .2s;font-size:11px}.button-42[_ngcontent-%COMP%]:hover{box-shadow:#7c6a6180 0 3px 8px}.complain-header[_ngcontent-%COMP%]{display:flex;padding:0 10px;background:white;border-radius:5px;font-size:30px;display:none}.chat-container[_ngcontent-%COMP%]{display:grid;grid-template-columns:1fr;gap:10px}.chat-bubble[_ngcontent-%COMP%]{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:5px;border:1px solid #ccc;padding:5px}.user[_ngcontent-%COMP%]{grid-template-columns:1fr;background-color:#dcf8c6}.admin[_ngcontent-%COMP%]{grid-template-columns:1fr;background-color:#eceff1}.message[_ngcontent-%COMP%]{font-size:14px;text-align:justify}.audio[_ngcontent-%COMP%]{grid-column:1 / -1;width:80%;margin:0}.date[_ngcontent-%COMP%]{grid-column:1 / -1;text-align:right}.forms-group[_ngcontent-%COMP%]{display:flex;align-items:center;vertical-align:middle;gap:5px;width:60vw;justify-content:flex-end}.full-wid[_ngcontent-%COMP%]{width:90%}.emoji-icon[_ngcontent-%COMP%]{width:50px;height:50px;cursor:pointer}.emoji-container[_ngcontent-%COMP%]{text-align:center;transition:transform .3s,color .3s}.emoji-icon[_ngcontent-%COMP%]{width:50px;height:50px;transition:transform .3s}.emoji-container[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{transition:color .3s}.emoji-container[_ngcontent-%COMP%]:hover .emoji-icon[_ngcontent-%COMP%]{transform:scale(1.2)}.emoji-container[_ngcontent-%COMP%]:hover p[_ngcontent-%COMP%]{color:#00f;font-weight:700}.noReply[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;padding:10px;font-size:15px;color:#555;width:102%;box-sizing:border-box;margin-bottom:-6px}"]})}return i})();var J=c(65389);function zt(i,s){if(1&i&&(t.TgZ(0,"p-accordionTab",6)(1,"p"),t._uU(2),t.qZA()()),2&i){const e=s.$implicit;t.Q6J("header",e.title),t.xp6(2),t.Oqu(e.description)}}let Vt=(()=>{class i{constructor(e,o){this.customerSupportService=e,this.menuService=o,this.faqs=[],this.filteredFaqs=[]}ngOnInit(){this.getFAQs()}getFAQs(){this.customerSupportService.getFAQs().subscribe(e=>{this.faqs=e?.FAQS_List,this.filteredFaqs=e?.FAQS_List})}applyFilter(e){this.filteredFaqs=this.faqs?.filter(o=>o.title.toLowerCase().includes(e.toLowerCase())||o.description.toLowerCase().includes(e.toLowerCase()))}static#t=this.\u0275fac=function(o){return new(o||i)(t.Y36(y),t.Y36(O.h))};static#e=this.\u0275cmp=t.Xpm({type:i,selectors:[["faqs"]],decls:9,vars:4,consts:[[1,"bg-white"],[1,"faq-container"],[1,"search-box"],["type","text","pInputText","","placeholder","Search FAQs",3,"ngModel","ngModelChange","input"],[1,"faq-content",2,"height","450px"],[3,"header",4,"ngFor","ngForOf"],[3,"header"]],template:function(o,n){1&o&&(t.TgZ(0,"mat-card")(1,"mat-card-content")(2,"div",0)(3,"div",1)(4,"div",2)(5,"input",3),t.NdJ("ngModelChange",function(r){return n.searchTerm=r})("input",function(r){return n.applyFilter(r.target.value)}),t.qZA()(),t.TgZ(6,"div",4)(7,"p-accordion"),t.YNc(8,zt,3,2,"p-accordionTab",5),t.qZA()()()()()()),2&o&&(t.xp6(2),t.Udp("height",n.menuService.dynamicHeight(),"px"),t.xp6(3),t.Q6J("ngModel",n.searchTerm),t.xp6(3),t.Q6J("ngForOf",n.filteredFaqs))},dependencies:[d.sg,m.Fj,m.JJ,m.On,F.o,x.a8,x.dn,J.UQ,J.US],styles:[".faq-container{background-color:#fff;border-radius:8px;max-width:800px;margin:0 auto;position:relative}.faq-container .search-box{position:sticky;top:0;background-color:#fff;z-index:1000;padding:10px 0}.faq-container .faq-content{overflow-y:auto}.faq-container .p-accordion .p-accordion-header-link{display:flex;justify-content:space-between;align-items:center;background:white;border:none;font-weight:400}.faq-container .p-accordion .p-accordion-header-link .p-accordion-header-text{flex-grow:1;text-align:left}.faq-container .p-accordion .p-accordion-header-link .p-accordion-toggle-icon{order:2;margin-left:auto}.faq-container .p-accordion .p-accordion-tab{border-radius:4px;margin-bottom:10px;padding:0}.search-box>input{width:100%;border-radius:25px!important;padding:10px;margin-top:31px}.my-container{display:flex;align-items:center;justify-content:space-between}\n"],encapsulation:2})}return i})();var Gt=c(19347),Kt=c(85219),D=c(74104);
1function Wt(i,s){if(1&i){const e=t.EpF();t.TgZ(0,"div",13),t.NdJ("click",function(){const a=t.CHM(e).$implicit,r=t.oxw();return t.KtG(r.playVideo(a.tutorialUrl))})("contextmenu",function(n){const r=t.CHM(e).$implicit,l=t.oxw();return t.KtG(l.openInNewTab(n,r.tutorialUrl))}),t._UZ(1,"img",14),t.TgZ(2,"div",15),t._uU(3),t.qZA()()}if(2&i){const e=s.$implicit;t.xp6(1),t.Q6J("src","https://img.youtube.com/vi/"+e.thumbnail+"/0.jpg",t.LSH),t.xp6(2),t.Oqu(e.title)}}function $t(i,s){1&i&&(t.TgZ(0,"div",16),t._uU(1," No tutorials available. "),t.qZA())}function Xt(i,s){if(1&i&&(t.TgZ(0,"div"),t._UZ(1,"img",14),t.TgZ(2,"div",15),t._uU(3),t.qZA()()),2&i){const e=t.oxw(2).$implicit;t.xp6(1),t.Q6J("src","https://img.youtube.com/vi/"+e.thumbnail+"/0.jpg",t.LSH),t.xp6(2),t.Oqu(e.title)}}function te(i,s){if(1&i){const e=t.EpF();t.TgZ(0,"div",13),t.NdJ("click",function(){t.CHM(e);const n=t.oxw().$implicit,a=t.oxw();return t.KtG(a.playVideo(n.tutorialUrl))})("contextmenu",function(n){t.CHM(e);const a=t.oxw().$implicit,r=t.oxw();return t.KtG(r.openInNewTab(n,a.tutorialUrl))}),t.YNc(1,Xt,4,2,"div",18),t.qZA()}if(2&i){const e=t.oxw().$implicit;t.xp6(1),t.Q6J("ngIf",e.isForPortal)}}function ee(i,s){if(1&i&&(t.ynx(0),t.YNc(1,te,2,1,"div",17),t.BQk()),2&i){const e=s.$implicit;t.xp6(1),t.Q6J("ngIf",e.isForPortal)}}function oe(i,s){1&i&&(t.TgZ(0,"div",16),t._uU(1," No tutorials available. "),t.qZA())}function ne(i,s){if(1&i){const e=t.EpF();t.TgZ(0,"div",13),t.NdJ("click",function(){t.CHM(e);const n=t.oxw().$implicit,a=t.oxw();return t.KtG(a.playVideo(n.tutorialUrl))})("contextmenu",function(n){t.CHM(e);const a=t.oxw().$implicit,r=t.oxw();return t.KtG(r.openInNewTab(n,a.tutorialUrl))}),t.TgZ(1,"div"),t._UZ(2,"img",14),t.TgZ(3,"div",15),t._uU(4),t.qZA()()()}if(2&i){const e=t.oxw().$implicit;t.xp6(2),t.Q6J("src","https://img.youtube.com/vi/"+e.thumbnail+"/0.jpg",t.LSH),t.xp6(2),t.Oqu(e.title)}}function ie(i,s){if(1&i&&(t.ynx(0),t.YNc(1,ne,5,2,"div",17),t.BQk()),2&i){const e=s.$implicit;t.xp6(1),t.Q6J("ngIf",!e.isForPortal)}}function ae(i,s){1&i&&(t.TgZ(0,"span",19),t._uU(1,"Video Player"),t.qZA())}function re(i,s){if(1&i&&t._UZ(0,"iframe",21),2&i){const e=t.oxw(2);t.Q6J("src",e.currentVideoUrl,t.uOi)}}function se(i,s){if(1&i&&t.YNc(0,re,1,1,"iframe",20),2&i){const e=t.oxw();t.Q6J("ngIf",e.currentVideoUrl)}}const le=function(){return{width:"70vw",maxWidth:"800px"}},ce=[{path:"customer-feedback",component:bt},{path:"customer-feedback-retailer",component:Lt},{path:"faqs",component:Vt},{path:"tutorials",component:(()=>{class i{constructor(e,o,n,a){this.customerSupportService=e,this.sanitizer=o,this.dialog=n,this.menuService=a,this.tutorials=[],this.filteredTutorials=[],this.searchTerm="",this.currentVideoUrl=null,this.show=!1}ngOnInit(){this.getTutorials()}getTutorials(){this.customerSupportService.getTutorials().subscribe(e=>{this.tutorials=e.Tutorials_List,this.filteredTutorials=e.Tutorials_List,this.filteredTutorials?.forEach(o=>{o.thumbnail=this.getYouTubeThumbnail(o.tutorialUrl)}),this.filteredTutorials.some(o=>o.isForPortal)||(this.showWebNotAvailable=!0),this.filteredTutorials.some(o=>!o.isForPortal)||(this.showTabNotAvailable=!0)})}filterTutorials(){this.filteredTutorials=this.searchTerm?this.tutorials.filter(e=>e.title.toLowerCase().includes(this.searchTerm.toLowerCase())):this.tutorials}getYouTubeThumbnail(e){const o=e?.split("v=")[1],n=o?.indexOf("&");return-1!==n?o?.substring(0,n):o}playVideo(e){const o=this.getYouTubeThumbnail(e);o?(this.currentVideoUrl=this.sanitizer.bypassSecurityTrustResourceUrl(`https://www.youtube.com/embed/${o}`),this.show=!0):console.error("Invalid YouTube URL")}openInNewTab(e,o){2===e.button&&window.open(o,"_blank")}static#t=this.\u0275fac=function(o){return new(o||i)(t.Y36(y),t.Y36(k.H7),t.Y36(Gt.uw),t.Y36(O.h))};static#e=this.\u0275cmp=t.Xpm({type:i,selectors:[["tutorials"]],decls:17,vars:11,consts:[[1,"bg-white","tab-search-container"],[1,"tabs-container"],["mat-stretch-tabs","false","mat-align-tabs","start"],["label","All"],[1,"tutorials-container"],["class","tutorial-card",3,"click","contextmenu",4,"ngFor","ngForOf"],["label","Web Application"],["class","no-tutorials-message",4,"ngIf"],[4,"ngFor","ngForOf"],["label","Tablet & Mobile App"],["contentStyleClass","custom-dialog-content","headerStyleClass","custom-dialog-header",3,"visible","modal","closable","visibleChange","onHide"],["pTemplate","header"],["pTemplate","content"],[1,"tutorial-card",3,"click","contextmenu"],["alt","Thumbnail",3,"src"],[1,"tutorial-title"],[1,"no-tutorials-message"],["class","tutorial-card",3,"click","contextmenu",4,"ngIf"],[4,"ngIf"],[1,"custom-dialog-title"],["frameborder","0","allowfullscreen","",3,"src",4,"ngIf"],["frameborder","0","allowfullscreen","",3,"src"]],template:function(o,n){1&o&&(t.TgZ(0,"div",0)(1,"div",1)(2,"mat-tab-group",2)(3,"mat-tab",3)(4,"div",4),t.YNc(5,Wt,4,2,"div",5),t.qZA()(),t.TgZ(6,"mat-tab",6)(7,"div",4),t.YNc(8,$t,2,0,"div",7),t.YNc(9,ee,2,1,"ng-container",8),t.qZA()(),t.TgZ(10,"mat-tab",9)(11,"div",4),t.YNc(12,oe,2,0,"div",7),t.YNc(13,ie,2,1,"ng-container",8),t.qZA()()()(),t.TgZ(14,"p-dialog",10),t.NdJ("visibleChange",function(r){return n.show=r})("onHide",function(){return n.currentVideoUrl=null}),t.YNc(15,ae,2,0,"ng-template",11),t.YNc(16,se,1,1,"ng-template",12),t.qZA()()),2&o&&(t.xp6(5),t.Q6J("ngForOf",n.filteredTutorials),t.xp6(3),t.Q6J("ngIf",n.showWebNotAvailable),t.xp6(1),t.Q6J("ngForOf",n.filteredTutorials),t.xp6(3),t.Q6J("ngIf",n.showTabNotAvailable),t.xp6(1),t.Q6J("ngForOf",n.filteredTutorials),t.xp6(1),t.Akn(t.DdM(10,le)),t.Q6J("visible",n.show)("modal",!0)("closable",!0))},dependencies:[d.sg,d.O5,Kt.jx,R.V,D.uX,D.SP],styles:[".tab-search-container[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;padding:10px}.search-container[_ngcontent-%COMP%]{margin-right:10px}.mat-mdc-tab-labels[_ngcontent-%COMP%]{background-color:#add8e6!important;width:380px!important}.tab-search-container[_ngcontent-%COMP%]{display:flex;flex-direction:column}.tabs-container[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;width:100%}mat-tab-group[_ngcontent-%COMP%]{flex:1}.search-container[_ngcontent-%COMP%]{margin-left:auto;padding-right:10px}.tutorials-container[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:10px}.tutorial-card[_ngcontent-%COMP%]{margin:10px;width:300px;cursor:pointer;text-align:left}.tutorial-card[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{width:100%;height:auto}.tutorial-title[_ngcontent-%COMP%]{padding:10px;font-weight:700}.tutorials-container[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;gap:16px}.tutorial-card[_ngcontent-%COMP%]{cursor:pointer;transition:transform .3s}.tutorial-card[_ngcontent-%COMP%]:hover{transform:scale(1.05)}.tutorial-title[_ngcontent-%COMP%]{margin-top:8px;font-weight:700;text-align:left}.custom-dialog-content[_ngcontent-%COMP%]{background-color:#000;padding:0}.custom-dialog-header[_ngcontent-%COMP%]{background-color:#000;color:#fff;border-bottom:1px solid #444;text-align:center;font-size:1.2rem}.custom-dialog-title[_ngcontent-%COMP%]{margin:0}p-dialog[_ngcontent-%COMP%] .ui-dialog[_ngcontent-%COMP%] .ui-dialog-titlebar[_ngcontent-%COMP%]{background:none;border:none}p-dialog[_ngcontent-%COMP%] .ui-dialog[_ngcontent-%COMP%] .ui-dialog-titlebar[_ngcontent-%COMP%] .ui-dialog-titlebar-close[_ngcontent-%COMP%]{color:#fff;opacity:.8}p-dialog[_ngcontent-%COMP%] .ui-dialog[_ngcontent-%COMP%] .ui-dialog-titlebar[_ngcontent-%COMP%] .ui-dialog-titlebar-close[_ngcontent-%COMP%]:hover{opacity:1}p-dialog[_ngcontent-%COMP%] .ui-dialog[_ngcontent-%COMP%] .ui-dialog-content[_ngcontent-%COMP%]{padding:0;border:none}iframe[_ngcontent-%COMP%]{width:100%;height:450px;border:none}.no-tutorials-message[_ngcontent-%COMP%]{text-align:center;font-size:18px;color:#555;margin-top:20px}"]})}return i})()}];let de=(()=>
1{class i{static#t=this.\u0275fac=function(o){return new(o||i)};static#e=this.\u0275mod=t.oAB({type:i});static#o=this.\u0275inj=t.cJS({imports:[h.Bz.forChild(ce),h.Bz]})}return i})();var pe=c(88359),me=c(58209);let ue=(()=>{class i{static#t=this.\u0275fac=function(o){return new(o||i)};static#e=this.\u0275mod=t.oAB({type:i});static#o=this.\u0275inj=t.cJS({imports:[d.ez,de,pe.q,me.Y]})}return i})()},10787:(E,w,c)=>{c.d(w,{R:()=>P});var d=c(65879),h=c(56223),C=c(38034),m=c(19157);let P=(()=>{class _{constructor(){this.date=new Date,this.value=this.date,this.value2=this.date,this.view="date",this.dateFormat="yy-mm-dd",this.buttonBar=!0,this.touchUI=!0,this.dateSelect=new d.vpe,this.dateChange=new d.vpe,this.valueControl=new h.NI,this.valueControl2=new h.NI,this.onChange=()=>{},this.onTouch=()=>{}}ngOnInit(){this.max&&(this.value=this.max,this.value2=this.max),this.min&&(this.value=this.min),this.startControlName&&this.endControlName?(this.valueControl=this.form?.get(this.startControlName),this.valueControl2=this.form?.get(this.endControlName),this.valueControl?.valueChanges?.subscribe(u=>{this.onChange(u),this.onTouch()}),this.valueControl2?.valueChanges?.subscribe(u=>{this.onChange(u),this.onTouch()}),this.valueControl?.setValue(this.value),this.valueControl2?.setValue(this.value2)):console.error("Start and end control names are required."),this.valueControl?.setValue(this.value),this.valueControl2?.setValue(this.value2)}writeValue(u){this.valueControl?.setValue(u)}registerOnChange(u){this.onChange=u}registerOnTouched(u){this.onTouch=u}onBlurMethod(u){this.dateSelect?.emit(u)}onDateChanges(){this.valueControl?.value&&this.valueControl2?.value&&this.dateChange?.emit()}static#t=this.\u0275fac=function(v){return new(v||_)};static#e=this.\u0275cmp=d.Xpm({type:_,selectors:[["snapp-date-picker"]],inputs:{form:"form",inputId:"inputId",value:"value",value2:"value2",label:"label",required:"required",disabled:"disabled",view:"view",dateFormat:"dateFormat",buttonBar:"buttonBar",touchUI:"touchUI",startControlName:"startControlName",endControlName:"endControlName",max:"max",min:"min"},outputs:{dateSelect:"dateSelect",dateChange:"dateChange"},features:[d._Bn([{provide:h.JU,useExisting:(0,d.Gpc)(()=>_),multi:!0}])],decls:8,vars:10,consts:[[1,"form-group"],[3,"disabled","formGroup","rangePicker","min","max"],["matStartDate","","placeholder","Start date",3,"formControlName","readOnly"],["matEndDate","","placeholder","End date",3,"formControlName","readOnly","dateChange"],["matIconSuffix","",3,"for"],["picker",""]],template:function(v,f){if(1&v&&(d.TgZ(0,"div",0)(1,"mat-form-field")(2,"mat-date-range-input",1),d._UZ(3,"input",2),d.TgZ(4,"input",3),d.NdJ("dateChange",function(){return f.onDateChanges()}),d.qZA()(),d._UZ(5,"mat-datepicker-toggle",4)(6,"mat-date-range-picker",null,5),d.qZA()()),2&v){const g=d.MAs(7);d.xp6(2),d.Q6J("disabled",f.disabled)("formGroup",f.form)("rangePicker",g)("min",f.min)("max",f.max),d.xp6(1),d.Q6J("formControlName",f.startControlName)("readOnly",!0),d.xp6(1),d.Q6J("formControlName",f.endControlName)("readOnly",!0),d.xp6(1),d.Q6J("for",g)}},dependencies:[C.nW,C.wx,C.zY,C.By,C._g,h.Fj,h.JJ,h.JL,h.sg,h.u,m.KE,m.R9],styles:[".mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:18px!important}.mat-mdc-text-field-wrapper[_ngcontent-%COMP%]{height:30px!important}.mat-mdc-form-field[_ngcontent-%COMP%]{height:30px!important;display:block!important}.mat-mdc-form-field-flex[_ngcontent-%COMP%]{height:30px!important}.mdc-text-field--filled[_ngcontent-%COMP%]:not(.mdc-text-field--disabled){height:30px!important}.mat-mdc-form-field-has-icon-suffix[_ngcontent-%COMP%] .mat-mdc-text-field-wrapper[_ngcontent-%COMP%]{height:30px!important}.mat-mdc-form-field-flex[_ngcontent-%COMP%]{height:30px!important;align-items:center!important} .mdc-text-field{height:30px!important;align-items:center!important} .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:19px!important} .mat-mdc-text-field-wrapper{height:30px!important;border-radius:8px!important} .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper{background:white!important;border-color:#d3d3d3!important;width:215px!important;min-width:100%!important;font-size:12px!important;border-radius:8px!important} .mat-form-field-appearance-outline .mat-form-field-flex{border-radius:8px!important;padding:.75em .75em 0;border:1px solid #e2e8f0}"]})}return _})()}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.