https://portal.tmtech.co.uk/8015.8ad622b5254f0782.js

1"use strict";(self.webpackChunkCloudRadial=self.webpackChunkCloudRadial||[]).push([[8015],{33340:(T,y,r)=>{r.d(y,{u:()=>f});var s=r(54438),S=r(3724),C=r(89417);const g=["signatureContainer"];let f=(()=>{class _{constructor(){this.onDrawComplete=new s.bkB,this.onDrawClear=new s.bkB,this.signaturePadOptions={minWidth:5,canvasWidth:300,canvasHeight:150,penColor:"blue",backgroundColor:"rgb(240, 248, 255)"},this.typedSignature=""}ngOnInit(){}ngAfterViewInit(){this.signaturePad.set("canvasWidth",this.signatureContainer.nativeElement.offsetWidth)}drawComplete(){const a=document.getElementById("bladeDiv");a&&a.classList.remove("disableScroll"),this.signatureModel.signature=this.signaturePad.toDataURL(),this.onDrawComplete.emit()}drawStart(){const a=document.getElementById("bladeDiv");a&&a.classList.add("disableScroll")}drawClear(){return this.signaturePad.clear(),this.typedSignature="",this.signatureModel.signature="",this.onDrawClear.emit(),!1}onTypedSignatureChange(a){if(this.typedSignature=a,this.signaturePad.clear(),a&&a.trim().length>0){const l=this.signaturePad.getCanvas(),e=l.getContext("2d");e&&(e.fillStyle="rgb(240, 248, 255)",e.fillRect(0,0,l.width,l.height),e.font='italic 32px "Segoe Script", "Bradley Hand", "Dancing Script", cursive',e.fillStyle="blue",e.textBaseline="middle",e.fillText(a,20,l.height/2)),this.signatureModel.signature=l.toDataURL(),this.onDrawComplete.emit()}else this.signatureModel.signature="",this.onDrawClear.emit()}static{this.\u0275fac=function(l){return new(l||_)}}static{this.\u0275cmp=s.VBU({type:_,selectors:[["signature-display"]],viewQuery:function(l,e){if(1&l&&(s.GBs(g,5),s.GBs(S.L,5)),2&l){let d;s.mGM(d=s.lsd())&&(e.signatureContainer=d.first),s.mGM(d=s.lsd())&&(e.signaturePad=d.first)}},inputs:{signatureModel:"signatureModel"},outputs:{onDrawComplete:"onDrawComplete",onDrawClear:"onDrawClear"},decls:16,vars:3,consts:[["signatureContainer",""],[1,"signatureArea"],[1,"form-control-label","control-label","clearfix"],[2,"margin-bottom","2px"],["aria-hidden","true",1,"alertText","boldText"],[2,"text-align","right","float","right"],["type","button","aria-label","Clear signature",1,"btn-reset",3,"click"],[3,"drawStart","drawEnd","options"],[1,"small","text-muted"],[1,"mt-2"],["type","text","aria-label","Type your signature","placeholder","Type your name to sign",1,"form-control",3,"ngModelChange","ngModel"]],template:function(l,e){if(1&l){const d=s.RV6();s.j41(0,"div",1,0)(2,"div",2)(3,"div",3),s.EFF(4," Signature "),s.j41(5,"span",4),s.EFF(6,"*"),s.k0s(),s.j41(7,"div",5)(8,"button",6),s.bIt("click",function(){return s.eBV(d),s.Njj(e.drawClear())}),s.EFF(9,"Clear"),s.k0s()()()(),s.j41(10,"div")(11,"signature-pad",7),s.bIt("drawStart",function(){return s.eBV(d),s.Njj(e.drawStart())})("drawEnd",function(){return s.eBV(d),s.Njj(e.drawComplete())}),s.k0s()(),s.j41(12,"div",8),s.EFF(13,"Draw your signature above, or type your name below."),s.k0s(),s.j41(14,"div",9)(15,"input",10),s.mxI("ngModelChange",function(v){return s.eBV(d),s.DH7(e.typedSignature,v)||(e.typedSignature=v),s.Njj(v)}),s.bIt("ngModelChange",function(v){return s.eBV(d),s.Njj(e.onTypedSignatureChange(v))}),s.k0s()()()}2&l&&(s.R7$(11),s.Y8G("options",e.signaturePadOptions),s.R7$(4),s.R50("ngModel",e.typedSignature),s.BMQ("aria-required",null!=e.signatureModel&&e.signatureModel.signature?null:"true"))},dependencies:[C.me,C.BC,C.vS,S.L],styles:[".signatureArea[_ngcontent-%COMP%]{margin-bottom:1rem}"]})}static{this.\u0275prov=s.jDH({token:_,factory:_.\u0275fac})}}return _})()},1969:(T,y,r)=>{r.d(y,{n:()=>g});var s=r(39408),S=r(54438),C=r(38299);let g=(()=>{class f{constructor(p){this.utilityService=p,this.zeroPad=(a,l)=>String(a).padStart(l,"0"),this.replaceAll=(a,l,e)=>a.replace(new RegExp(l,"g"),e),this.isDateObject=a=>a.hasOwnProperty("year")&&a.hasOwnProperty("month")&&a.hasOwnProperty("day"),this.setDefaultValue=(a,l)=>{if("object"==typeof l)if(this.isDateObject(l)){const{year:e,month:d,day:h}=l;a.defaultValue=`${e}-${this.zeroPad(d.toString(),2)}-${this.zeroPad(h.toString(),2)}`}else{const e=Object.entries(l).filter(([d,h])=>!!h).map(([d])=>`"${d}"`);a.defaultValue=e.join(", ")}else a.defaultValue=l},this.populateTicketQuestions=a=>{const l=[];for(const e of a)e.hasOwnProperty("fieldGroup")?l.push(...e.fieldGroup):l.push(e);return l},this.addNewQuestions=(a,l,e,d,h)=>{const v=this.utilityService.findItem(d,"key",a,"fieldGroup"),m=JSON.parse(JSON.stringify(h)),M=e.find(I=>I.id===a);if(M&&(m.isVisible=!M.hide),!m.isVisible)return;const b=v.props;return b?.questionType==s.xi.Automation?(m.id=0,m.type=s.xi.Automation,m.info=JSON.stringify({questionId:b.questionId,automationId:b.automationId,tokenName:b.tokenName})):m.id=parseInt(a.toString().replace("f",""),10),this.setDefaultValue(m,l[a]),m.isRequired=b.required,m},this.setJsonId=(a,l,e)=>{for(let d=0;d<l.questions.length;d++)if(l.questions[d].id==e.questions[a].id){e.questions[a].jsonId=l.questions[d].jsonId;break}},this.addSourceAndDeviceQuestions=(a,l)=>{if(a.questions.push({defaultValue:"Desktop Application",id:0,info:"",isDescription:!1,isRequired:!1,isSubject:!1,isUserLookup:!1,label:"Source",options:"",order:9998,placeholder:"",type:s.xi.MemoField,customFieldName:"",hideConditions:[],isAdvanced:!1,isDeleted:!1,isVisible:!0,jsonId:"portalSource",isIncludeInTicket:!0}),l){const d={defaultValue:this.replaceAll(l,"\\^",", "),id:0,info:"",isDescription:!1,isRequired:!1,isSubject:!1,isUserLookup:!1,label:"Device Info",options:"",order:9999,placeholder:"",type:s.xi.MemoField,customFieldName:"",hideConditions:[],isAdvanced:!1,isDeleted:!1,isVisible:!0,jsonId:"portalDeviceInfo",isIncludeInTicket:!0};a.questions.push(d)}},this.isRoleFilter=(a,l)=>l?"^"===l?a.roleIds&&0!==a.roleIds.length?"hiddenByRole":"":a.roleIds&&0!==a.roleIds.length&&a.roleIds.some(e=>e===l)?"":"hiddenByRole":""}static{this.\u0275fac=function(a){return new(a||f)(S.KVO(C.Q))}}static{this.\u0275prov=S.jDH({token:f,factory:f.\u0275fac,providedIn:"root"})}}return f})()},48015:(T,y,r)=>{r.r(y),r.d(y,{HelpDeskComponent:()=>Se});var s=r(60177),S=r(35867),C=r(6744),g=r(39408),f=r(14620),_=r(8524),p=r(89417),a=r(65588),l=r(54281),e=r(54438),d=r(75417),h=r(87136),v=r(2

11626),m=r(96354),M=r(73670);let b=(()=>{class i{static{this.oldBasePath="api/catalog"}static{this.basePath="api/help-desk/catalog-items"}constructor(t){this.dataService=t}getCatalogCategories(t){return this.dataService.get(`${i.oldBasePath}/categories/${t}`)}getCatalogItems(t){const o=(new v.Nl).set("catalogType",t.toString());return this.dataService.get(`${i.basePath}`,o)}getCatalogItemById(t){return this.dataService.get(`${i.basePath}/${t}`).pipe((0,m.T)(o=>o))}postTicket(t){return this.dataService.post(`${i.oldBasePath}/request/ticket`,t)}postSignature(t){return this.dataService.post(`${i.oldBasePath}/tickets/signature`,t)}static{this.\u0275fac=function(o){return new(o||i)(e.KVO(M.u))}}static{this.\u0275prov=e.jDH({token:i,factory:i.\u0275fac,providedIn:"root"})}}return i})();var I=r(54397),D=r(1969),j=r(48256),E=r(97710),w=r(33340),F=r(47220);const P=()=>[1,2,3,4,5,6],$=(i,c,t)=>[i,c,"symbol-narrow","1.2-2",t];function G(i,c){1&i&&(e.j41(0,"div",10),e.nrm(1,"div",11),e.k0s())}function B(i,c){1&i&&(e.j41(0,"div",6),e.Z7z(1,G,2,0,"div",10,e.fX1),e.k0s()),2&i&&(e.R7$(),e.Dyx(e.lJ4(0,P)))}function O(i,c){1&i&&(e.j41(0,"span"),e.EFF(1,"NO CHARGE"),e.k0s())}function U(i,c){if(1&i&&(e.j41(0,"span"),e.EFF(1),e.nI1(2,"currency"),e.k0s()),2&i){const t=e.XpG(3);e.R7$(),e.JRh(e.iJd(2,1,e.sMw(7,$,t.catalogModel.price,t.userService.UserProfile.partner.currencyCode,t.userService.UserProfile.partner.locale)))}}function A(i,c){1&i&&(e.j41(0,"span"),e.EFF(1," / month"),e.k0s())}function N(i,c){if(1&i&&(e.j41(0,"p",21),e.DNE(1,O,2,0,"span",17)(2,U,3,11,"span",17)(3,A,2,0,"span",17),e.k0s()),2&i){const t=e.XpG(2);e.R7$(),e.Y8G("ngIf",0==t.catalogModel.price),e.R7$(),e.Y8G("ngIf",0!=t.catalogModel.price),e.R7$(),e.Y8G("ngIf",t.catalogModel.isShowMonth)}}function V(i,c){1&i&&(e.j41(0,"span",22),e.EFF(1,"This request will be routed first for company approval."),e.k0s())}function X(i,c){if(1&i&&(e.j41(0,"div",24),e.EFF(1),e.k0s()),2&i){const t=c.$implicit;e.R7$(),e.SpI(" ",t," ")}}function Y(i,c){if(1&i&&(e.j41(0,"div"),e.DNE(1,X,2,1,"div",23),e.k0s()),2&i){const t=e.XpG(2);e.R7$(),e.Y8G("ngForOf",t.errors)}}function H(i,c){1&i&&(e.j41(0,"th",30),e.EFF(1,"Price "),e.k0s())}function L(i,c){1&i&&(e.j41(0,"th",30),e.EFF(1,"Total "),e.k0s())}function Q(i,c){if(1&i&&(e.j41(0,"td",30),e.EFF(1),e.nI1(2,"currency"),e.k0s()),2&i){const t=e.XpG().$implicit;e.R7$(),e.SpI("",e.bMT(2,1,t.price)," ")}}function q(i,c){if(1&i&&(e.j41(0,"td",30),e.EFF(1),e.nI1(2,"currency"),e.k0s()),2&i){const t=e.XpG().$implicit;e.R7$(),e.SpI("",e.bMT(2,1,t.price*t.quantity)," ")}}function z(i,c){if(1&i&&(e.j41(0,"tr")(1,"td"),e.EFF(2),e.k0s(),e.j41(3,"td",28),e.EFF(4),e.k0s(),e.DNE(5,Q,3,3,"td",29)(6,q,3,3,"td",29),e.k0s()),2&i){const t=c.$implicit,o=e.XpG(4);e.R7$(2),e.JRh(t.name),e.R7$(2),e.JRh(t.quantity),e.R7$(),e.Y8G("ngIf",o.catalogModel.displayPrice),e.R7$(),e.Y8G("ngIf",o.catalogModel.displayPrice)}}function J(i,c){if(1&i&&(e.j41(0,"tr")(1,"td"),e.EFF(2,"Total Price:"),e.k0s(),e.nrm(3,"td")(4,"td"),e.j41(5,"td",30),e.EFF(6),e.nI1(7,"currency"),e.k0s()()),2&i){const t=e.XpG().$implicit,o=e.XpG(3);e.R7$(6),e.JRh(e.bMT(7,1,o.calculateActivityTotalPrice(t)))}}function W(i,c){if(1&i&&(e.j41(0,"div")(1,"div",26),e.EFF(2),e.k0s(),e.j41(3,"table",27)(4,"thead")(5,"tr")(6,"th"),e.EFF(7,"Name"),e.k0s(),e.j41(8,"th",28),e.EFF(9,"Quantity"),e.k0s(),e.DNE(10,H,2,0,"th",29)(11,L,2,0,"th",29),e.k0s()(),e.j41(12,"tbody"),e.DNE(13,z,7,4,"tr",25)(14,J,8,3,"tr",17),e.k0s()()()),2&i){const t=c.$implicit,o=e.XpG(3);e.R7$(2),e.SpI(" ",t.description," "),e.R7$(8),e.Y8G("ngIf",o.catalogModel.displayPrice),e.R7$(),e.Y8G("ngIf",o.catalogModel.displayPrice),e.R7$(2),e.Y8G("ngForOf",t.products),e.R7$(),e.Y8G("ngIf",o.catalogModel.displayPrice)}}function K(i,c){if(1&i&&e.DNE(0,W,15,5,"div",25),2&i){const t=e.XpG(2);e.Y8G("ngForOf",t.catalogModel.activitiesWithProducts)}}function Z(i,c){if(1&i&&(e.j41(0,"div")(1,"div",26),e.EFF(2),e.k0s(),e.j41(3,"div"),e.EFF(4),e.nI1(5,"currency"),e.k0s()()),2&i){const t=c.$implicit,o=e.XpG(3);e.R7$(2),e.SpI(" ",t.description," "),e.R7$(2),e.SpI(" Total Price: ",e.bMT(5,2,o.calculateActivityTotalPrice(t))," ")}}function ee(i,c){if(1&i&&e.DNE(0,Z,6,4,"div",25),2&i){const t=e.XpG(2);e.Y8G("ngForOf",t.catalogModel.activitiesWithProducts)}}function te(i,c){if(1&i&&(e.j41(0,"div")(1,"div",31),e.EFF(2," Attachments "),e.k0s(),e.nrm(3,"upload-editor",32),e.k0s()),2&i){const t=e.XpG(2);e.R7$(3),e.Y8G("showQueue",!0)("showUpload",!1)("uploader",t.uploader)("attachments",t.files)}}

1function ie(i,c){if(1&i){const t=e.RV6();e.j41(0,"signature-display",33),e.bIt("onDrawComplete",function(){e.eBV(t);const n=e.XpG(2);return e.Njj(n.drawComplete())})("onDrawClear",function(){e.eBV(t);const n=e.XpG(2);return e.Njj(n.drawClear())}),e.k0s()}if(2&i){const t=e.XpG(2);e.Y8G("signatureModel",t.signatureModel)}}function oe(i,c){if(1&i){const t=e.RV6();e.j41(0,"div",34)(1,"input",35),e.bIt("ngModelChange",function(n){e.eBV(t);const u=e.XpG(2);return e.Njj(u.onScreenshotChange(n))}),e.k0s(),e.j41(2,"label",36),e.EFF(3,"Add screenshot to this item?"),e.k0s(),e.j41(4,"div")(5,"small",37),e.EFF(6,"Checking this box allows you take and add a screenshot after submitting."),e.k0s()()()}if(2&i){const t=e.XpG(2);e.R7$(),e.Y8G("ngModel",t.isSendScreenshot)}}function ne(i,c){if(1&i){const t=e.RV6();e.j41(0,"div")(1,"h3"),e.EFF(2),e.k0s(),e.nrm(3,"p",12),e.nI1(4,"SafeMatchHtml"),e.DNE(5,N,4,3,"p",13),e.j41(6,"p",14),e.EFF(7," Complete the following details to submit your request. "),e.DNE(8,V,2,0,"span",15),e.k0s()(),e.j41(9,"form",16),e.bIt("ngSubmit",function(){e.eBV(t);const n=e.XpG();return e.Njj(n.submitTicket(n.questionModel))}),e.DNE(10,Y,2,1,"div",17),e.nrm(11,"formly-form",18),e.DNE(12,K,1,1,"div")(13,ee,1,1,"div")(14,te,4,4,"div")(15,ie,1,1,"signature-display",19)(16,oe,7,1,"div",20),e.k0s()}if(2&i){const t=e.XpG();e.R7$(2),e.JRh(t.catalogModel.subject),e.R7$(),e.Y8G("innerHTML",e.bMT(4,14,t.catalogModel.description),e.npT),e.R7$(2),e.Y8G("ngIf",t.catalogModel.isShowPrice),e.R7$(3),e.Y8G("ngIf",t.catalogModel.isNeedsApproval),e.R7$(),e.Y8G("formGroup",t.form),e.R7$(),e.Y8G("ngIf",t.errors.length>0),e.R7$(),e.Y8G("model",t.questionModel)("fields",t.questionFields)("form",t.form),e.R7$(),e.vxM(t.catalogModel.displayProducts?12:-1),e.R7$(),e.vxM(!t.catalogModel.displayProducts&&t.catalogModel.displayPrice?13:-1),e.R7$(),e.vxM(t.catalogModel.isFileUpload?14:-1),e.R7$(),e.vxM(t.catalogModel.isSignature?15:-1),e.R7$(),e.Y8G("ngIf",""!=t.databaseService.trayAppVersion()&&t.catalogModel.isSendToPsa)}}function se(i,c){1&i&&e.nrm(0,"kendo-loader",9),2&i&&e.Y8G("type","infinite-spinner")("size","small")}function ae(i,c){1&i&&e.EFF(0," Submit ")}let re=(()=>{class i{constructor(t,o,n,u,k,ye,be,Me,ke){this.activeModal=t,this.fileUploadService=o,this.catalogService=n,this.questionsService=u,this.serviceLibrary=k,this.toastrService=ye,this.databaseService=be,this.userService=Me,this.logRocketService=ke,this.title="Request Service",this.catalogModel={},this.questionModel={},this.newQuestionModel={},this.questionFields=[],this.signatureModel={signature:""},this.errors=[],this.isSendScreenshot=!1,this.maxFileSize=20971520,this.uploadTicketId=0,this.isSignature=!1,this.isLoading=!0,this.isSubmitting=!1,this.files=[],this.closeModal=()=>this.activeModal.close(),this.uploader=this.fileUploadService.instance({maxFileSize:this.maxFileSize,url:"/api/catalog/tickets/upload"},(Ie,Te)=>{Ie.additionalParameter={fileName:Te.file.name,ticketId:this.uploadTicketId}}),this.uploader.onCompleteAll=()=>{this.uploader.clearQueue()}}ngOnInit(){this.form=new p.J3({}),this.questionModel={},this.errors=[],this.catalogService.getCatalogItemById(this.catalogModelId).subscribe({next:t=>{this.catalogModel=t,this.questionFields=this.questionsService.convertQuestions(this.catalogModel.questions,this.userService.UserProfile.partner.locale),this.isLoading=!1},error:t=>{this.toastrService.error(t.error??t.message,"An error occurred."),this.isLoading=!1}})}submitForm(){this.form.valid?this.submitTicket(this.questionModel):(Object.keys(this.form.controls).forEach(t=>{this.form.get(t).markAsTouched()}),this.errors=["Please complete all required fields"])}submitTicket(t){this.isSubmitting=!0;const o=this.prepareSubmitRequest(t);this.catalogService.postTicket(o).subscribe({next:n=>this.handleSuccessfulSubmission(n,o),error:({error:n})=>this.handleSubmissionError(n)})}prepareSubmitRequest(t){const o=this.serviceLibrary.populateTicketQuestions(this.questionFields);this.errors=[];const n=JSON.parse(JSON.stringify(this.catalogModel));return n.questions=[],this.addQuestionsToSubmitRequest(t,o,n),this.setJsonIdsForQuestions(n),this.addTrayAppInfoIfNeeded(n),n}addQuestionsToSubmitRequest(t,o,n){for(const u in t){const k=this.serviceLibrary.addNewQuestions(u,t,o,this.questionFields,this.newQuestionModel);k&&n.questions.push(k)}}setJsonIdsForQuestions(t){for(let o=0;o<t.questions.length&&(this.serviceLibrary.setJsonId(o,this.catalogModel,t),!t.questions[o].jsonId);o++);}addTrayAppInfoIfNeeded(t){if(this.databaseService.isTrayApp()){const o=this.databaseService.getTrayDeviceInfo();this.serviceLibrary.addSourceAndDeviceQuestions(t,o)}}handleSuccessfulSubmission(t,o){const n=t.data,u=t.extended;this.showSuccessToast(n,u),this.logRocketService.trackCustomEvent(l.hN.TicketSubmitted,{type:0===o.usage?"report_problem":"service_request",form_id:this.catalogModel.id,success:!0}),n>0?(this.handleThankYouMessage(u,o),this.handleAdditionalProcessing(n)):this.closeModal(),this.isSubmitting=!1}showSuccessToast(t,o){this.toastrService.success(0===t?"Request successfully submitted.":`Request successfully submitted - Ticket # ${o}`,"Done!")}handleThankYouMessage(t,o){this.catalogModel.thankYou?(this.catalogModel.thankYou=this.catalogModel.thankYou.replace(new RegExp("@TicketId","g"),t),o.questions?.forEach(n=>

1{n.jsonId&&(this.catalogModel.thankYou=this.catalogModel.thankYou.replace(new RegExp(`@${n.jsonId}`,"g"),n.defaultValue))})):this.closeModal()}handleAdditionalProcessing(t){const o=this.userService.UserProfile.company.companyId;this.databaseService.captureScreenshot(this.isSendScreenshot,o,t),this.handleFileUpload(t),this.handleCloudRadialShell(t,o),this.handleSignatureSubmission(t)}handleFileUpload(t){this.catalogModel.isFileUpload&&this.uploader.queue.length>0&&(this.uploadTicketId=t,this.uploader.uploadAll())}handleCloudRadialShell(t,o){if(this.databaseService.trayAppVersion()&&window.hasOwnProperty("CloudRadialShellHandler"))try{window.CloudRadialShellHandler.AttachConfig(JSON.stringify({ticketId:t,companyId:o}))}catch(n){alert(n)}}handleSignatureSubmission(t){this.isSignature&&this.catalogService.postSignature({id:t,data:this.signatureModel.signature}).subscribe()}handleSubmissionError(t){this.logRocketService.trackCustomEvent(l.hN.TicketSubmitted,{type:0===this.catalogModel.usage?"report_problem":"service_request",form_id:this.catalogModel.id,success:!1,error_code:t.code||t.status||"unknown"}),this.toastrService.error(t,"An error occurred."),this.isSubmitting=!1}calculateActivityTotalPrice(t){if(t?.products)return t.products.reduce((o,n)=>o+n.price*n.quantity,0)}onScreenshotChange(t){this.isSendScreenshot=t}drawComplete(){this.isSignature=!0}drawClear(){this.isSignature=!1}static{this.\u0275fac=function(o){return new(o||i)(e.rXU(d.Lw),e.rXU(h.P),e.rXU(b),e.rXU(I.rp),e.rXU(D.n),e.rXU(j.tw),e.rXU(I.jK),e.rXU(I.DL),e.rXU(l.ox))}}static{this.\u0275cmp=e.VBU({type:i,selectors:[["app-service-modal"]],inputs:{catalogModelId:"catalogModelId",title:"title"},standalone:!0,features:[e.aNF],decls:13,vars:5,consts:[[1,"support-modal-header"],[1,"support-modal-title"],[1,"support-modal-header-buttons"],["title","Close",1,"pageHeaderButton",3,"click"],[1,"fal","fa-times","icon-no-margin"],[1,"support-modal-body"],[1,"spinner"],[1,"support-modal-footer"],[1,"btn","btn-primary",3,"click","type","disabled"],[3,"type","size"],[1,"spinner__circle-wrapper"],[1,"spinner__circle"],[3,"innerHTML"],["class","catalogprice",4,"ngIf"],[2,"font-style","italic"],["style","text-decoration: underline;",4,"ngIf"],[3,"ngSubmit","formGroup"],[4,"ngIf"],[3,"model","fields","form"],[3,"signatureModel"],["class","addScreenshot",4,"ngIf"],[1,"catalogprice"],[2,"text-decoration","underline"],["class","alert alert-danger","role","alert",4,"ngFor","ngForOf"],["role","alert",1,"alert","alert-danger"],[4,"ngFor","ngForOf"],[1,"title"],[1,"table","table-sm"],[1,"text-center"],["class","text-end",4,"ngIf"],[1,"text-end"],[1,"clearfix",2,"padding-bottom","10px"],[3,"showQueue","showUpload","uploader","attachments"],[3,"onDrawComplete","onDrawClear","signatureModel"],[1,"addScreenshot"],["type","checkbox","name","isSendScreenshot","id","isSendScreenshot",1,"form-check-input","me-2",3,"ngModelChange","ngModel"],["for","isSendScreenshot",1,"form-check-label"],[1,"text-muted"]],template:function(o,n){1&o&&(e.j41(0,"div",0)(1,"div",1),e.EFF(2),e.k0s(),e.j41(3,"div",2)(4,"button",3),e.bIt("click",function(){return n.closeModal()}),e.nrm(5,"span",4),e.k0s()()(),e.j41(6,"div",5),e.DNE(7,B,3,1,"div",6)(8,ne,17,16),e.k0s(),e.j41(9,"div",7)(10,"button",8),e.bIt("click",function(){return n.submitForm()}),e.DNE(11,se,1,2,"kendo-loader",9)(12,ae,1,0),e.k0s()()),2&o&&(e.R7$(2),e.SpI(" ",n.title," "),e.R7$(5),e.vxM(n.isLoading?7:8),e.R7$(3),e.Y8G("type","submit")("disabled",n.isSubmitting),e.R7$(),e.vxM(n.isSubmitting?11:12))},dependencies:[C.sb,s.Sq,s.bT,_.aF,p.qT,p.Zm,p.BC,p.cb,p.vS,p.j4,E.u,w.u,s.oe,F.Iv,p.X1,_.qy,a.VU],encapsulation:2})}}return i})();var le=r(21413),x=r(27468),ce=r(56977),de=r(86598),ue=r(32394),pe=r(25708),R=r(30948);const he=i=>({category:i});function me(i,c){if(1&i){const t=e.RV6();e.j41(0,"button",5),e.bIt("click",function(){const n=e.eBV(t).$implicit,u=e.XpG();return e.Njj(u.filterByCategory(n.category))}),e.EFF(1),e.k0s()}if(2&i){const t=c.$implicit,o=e.XpG();e.Y8G("themeColor",o.selectedCategory===t.category?"primary":"base"),e.R7$(),e.SpI(" ",t.category," ")}}function ge(i,c){if(1&i){const t=e.RV6();e.j41(0,"button",12),e.bIt("click",function(){e.eBV(t);const n=e.XpG();return e.Njj(n.filterByCategory(n.selectedCategory))}),e.EFF(1),e.k0s()}if(2&i){const t=e.XpG();e.R7$(),e.SpI(" ",t.selectedCategory," ")}}function fe(i,c){if(1&i){const t=e.RV6();e.j41(0,"div",8)(1,"kendo-dropdownlist",13),e.mxI("ngModelChange",function(n){e.eBV(t);const u=e.XpG();return e.DH7(u.dropdownValue,n)||(u.dropdownValue=n),e.Njj(n)}),e.bIt("valueChange",function(n){e.eBV(t);const u=e.XpG();return e.Njj(u.filterByCategory(n.category))}),e.k0s()()}if(2&i){const t=e.XpG();e.R7$(),e.xc7("width",200,"px"),e.Y8G("defaultItem",e.eq3(5,he,t.placeHolderCategory))("data",t.categories.slice(4)),e.R50("ngModel",t.dropdownValue)}}function _e(i,c){if(1&i&&(e.qex(0),e.nrm(1,"span",22),e.bVm()),2&i){const t=e.XpG().$implicit,o=e.XpG();e.R7$(),e.xc7("color",t.iconColor?t.iconColor:"ServiceRequest"===t.usage?o.defaultServiceRequestIconColor:o.defaultProblemIconColor),e.Y8G("ngClass",t.icon?t.icon:"ServiceRequest"===t.usage?o.defaultServiceRequestIcon:o.defaultProblemIcon)}}function ve(i,c){if(1&i&&(e.nrm(0,"img",23),e.nI1(1,"SafeUrl")),2&i){const t=e.XpG().$implicit;e.Y8G("src",e.bMT(1,1,t.iconUrl),e.B4B)}}function Ce(i,c){if(1&i){const t=e.RV6();e.j41(0,"kendo-tilelayout-item",14),e.bIt("click",function(){const n=e.eBV(t).$implicit,u=e.XpG();return e.Njj(u.handleClick(n))}),e.j41(1,"kendo-tilelayout-item-body",15)(2,"div",16)(3,"div",17),e.DNE(4,_e,2,3,"ng-container",18)(5,ve,2,3,"img",19),e.k0s(),e.j41(6,"div",20),e.EFF(7),e.k0s(),e.j41(8,"div",21),e.EFF(9),e.k0s()()()()}if(2&i){const t=c.$implicit,o=c.$index,n=e.XpG();e.Y8G("col",n.getCol(o))("colSpan",1)("rowSpan",2),e.R7$(4),e.Y8G("ngIf",!t.iconUrl),e.R7$(),e.Y8G("ngIf",t.iconUrl),e.R7$(2),e.SpI(" ",t.subject," "),e.R7$(2),e.SpI(" ",t.shortDe

1scription?t.shortDescription:t.description," ")}}let Se=(()=>{class i{constructor(t,o,n){this.catalogService=t,this.layoutService=o,this.ngbModal=n,this.isResizable=!1,this.isReorderable=!1,this.columns=4,this.rowHeight=80,this.categories=[],this.catalogItems=[],this.filteredCatalogItems=[],this.selectedCategory="All",this.placeHolderCategory="Select a category",this.dropdownValue=null,this.searchText="",this.defaultServiceRequestIcon="fal fa-life-ring",this.defaultServiceRequestIconColor="var(--cr-primary)",this.defaultProblemIcon="fa fa-exclamation-triangle",this.defaultProblemIconColor="#FF0000",this.destroy$=new le.B}ngOnInit(){(0,x.p)({serviceRequestCategories:this.catalogService.getCatalogCategories(g.CU.ServiceRequest),reportProblemCategories:this.catalogService.getCatalogCategories(g.CU.Default)}).subscribe(t=>{this.categories=[...t.serviceRequestCategories.data,...t.reportProblemCategories.data]}),(0,x.p)({serviceRequests:this.catalogService.getCatalogItems(g.CU.ServiceRequest),reportProblem:this.catalogService.getCatalogItems(g.CU.Default)}).subscribe(t=>{this.catalogItems=[...t.serviceRequests.data,...t.reportProblem.data],this.filteredCatalogItems=this.catalogItems}),this.layoutService.columns$.pipe((0,ce.Q)(this.destroy$)).subscribe(t=>{this.columns=t})}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}getCol(t){return t%this.columns+1}get isSelectedCategoryInMore(){const t=this.categories.slice(0,4).map(o=>o.category);return"All"!==this.selectedCategory&&!!this.selectedCategory&&!t.includes(this.selectedCategory)}filterByCategory(t){this.selectedCategory=t==this.placeHolderCategory?"All":t,this.categories.slice(4).map(n=>n.category).includes(t)||(this.dropdownValue=null),this.applyFilters()}onSearch(t){this.searchText=t,this.applyFilters()}handleClick(t){const o=this.ngbModal.open(re,{size:"xl",scrollable:!0,centered:!0});o.componentInstance.catalogModelId=t.id,o.componentInstance.title=t.subject}applyFilters(){let t=this.catalogItems;if(this.selectedCategory&&"All"!==this.selectedCategory&&(t=t.filter(o=>o.category===this.selectedCategory)),this.searchText&&""!==this.searchText.trim()){const o=this.searchText.toLowerCase();t=t.filter(n=>n.subject?.toLowerCase().includes(o)||n.shortDescription?.toLowerCase().includes(o)||n.description?.toLowerCase().includes(o))}this.filteredCatalogItems=t}static{this.\u0275fac=function(o){return new(o||i)(e.rXU(b),e.rXU(de.Y),e.rXU(d.Bq))}}static{this.\u0275cmp=e.VBU({type:i,selectors:[["app-help-desk"]],hostAttrs:[1,"h-100","overflow-hidden"],standalone:!0,features:[e.aNF],decls:16,vars:8,consts:[[1,"container-fluid","d-flex","flex-column","h-100","overflow-hidden","w-75","pt-4"],[3,"search","placeholder"],[1,"fs-3","fw-bold","my-3"],[1,"toolbar","d-flex","justify-content-between","align-items-start","flex-wrap"],[1,"button-container","d-flex","align-items-center","flex-wrap"],["kendoButton","","rounded","full","type","button","size","small",1,"filter-button","me-2","mb-2",3,"click","themeColor"],["kendoButton","","rounded","full","type","button","size","small",1,"filter-button","me-2","mb-2",3,"themeColor"],["kendoButton","","rounded","full","type","button","size","small","themeColor","primary",1,"filter-button","me-2","mb-2"],[1,"dropdown-container","mb-2"],[1,"h-100","overflow-auto"],[1,"mt-3",3,"columns","rowHeight","resizable","reorderable"],[3,"col","colSpan","rowSpan"],["kendoButton","","rounded","full","type","button","size","small","themeColor","primary",1,"filter-button","me-2","mb-2",3,"click"],["textField","category","valueField","category",3,"ngModelChange","valueChange","defaultItem","data","ngModel"],[3,"click","col","colSpan","rowSpan"],[1,"h-100","overflow-hidden"],[1,"d-flex","flex-column","align-items-center","text-center","h-100"],[1,"fs-1"],[4,"ngIf"],["class","img-fluid","style","max-height: 1rem","alt","Icon",3,"src",4,"ngIf"],[1,"fw-semibold","fs-5","mb-2"],[1,"text-muted","fs-6","truncate-2-lines"],[3,"ngClass"],["alt","Icon",1,"img-fluid",2,"max-height","1rem",3,"src"]],template:function(o,n){1&o&&(e.j41(0,"div",0)(1,"app-search",1),e.bIt("search",function(k){return n.onSearch(k)}),e.k0s(),e.j41(2,"h2",2),e.EFF(3,"I need help with ..."),e.k0s(),e.j41(4,"div",3)(5,"div",4)(6,"button",5),e.bIt("click",function(){return n.filterByCategory("All")}),e.EFF(7," All "),e.k0s(),e.Z7z(8,me,2,2,"button",6,e.fX1),e.DNE(10,ge,2,1,"button",7),e.k0s(),e.DNE(11,fe,2,7,"div",8),e.k0s(),e.j41(12,"div",9)(13,"kendo-tilelayout",10),e.Z7z(14,Ce,10,7,"kendo-tilelayout-item",11,e.fX1),e.k0s()()()),2&o&&(e.R7$(),e.Y8G("placeholder","Search help desk items..."),e.R7$(5),e.Y8G("themeColor","All"===n.selectedCategory?"primary":"base"),e.R7$(2),e.Dyx(n.categories.slice(0,4)),e.R7$(2),e.vxM(n.isSelectedCategoryInMore?10:-1),e.R7$(),e.vxM(n.categories.length>4?11:-1),e.R7$(2),e.Y8G("columns",n.columns)("rowHeight",n.rowHeight)("resizable",!1)("reorderable",!1),e.R7$(),e.Dyx(n.filteredCatalogItems))},dependencies:[s.MD,s.YU,s.bT,S._,ue.V9,pe.Qp,R.iB,R.fu,R.ZP,f.S,C.sb,p.BC,p.vS,F.d6],styles:[".truncate-2-lines[_ngcontent-%COMP%]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}"]})}}return i})()},86598:(T,y,r)=>{r.d(y,{Y:()=>p});var s=r(96354),S=r(23294),C=r(44668),g=r(54438),f=r(99327),_=r(17655);let p=(()=>{class a{constructor(e,d){this.breakpointObserver=e,this.bsBreakpoints=d,this.breakpointToColumns={xs:1,sm:1,md:2,lg:3,xl:4,xxl:5};const h=Object.values(this.bsBreakpoints.breakpoints);this.columns$=this.breakpointObserver.observe(h).pipe((0,s.T)(v=>{for(const[m,M]of Object.entries(this.bsBreakpoints.breakpoints))if(v.breakpoints[M])return this.breakpointToColumns[m];return 4}),(0,S.F)(),(0,C.t)(1))}static{this.\u0275fac=function(d){return new(d||a)(g.KVO(f.QP),g.KVO(_.t))}}static{this.\u0275prov=g.jDH({token:a,factory:a.\u0275fac,providedIn:"root"})}}return a})()}}]);