https://almutahidah.com/chunk-OUHOGXRJ.js

1import{a as E}from"./chunk-HKD37XTT.js";import{h as z}from"./chunk-JEH3B2MD.js";import"./chunk-HL27X4PX.js";import"./chunk-QPVJBQNK.js";import"./chunk-KRKLOAW6.js";import{e as d,w as A,y as F}from"./chunk-2R4AZB5W.js";import"./chunk-NMGI7OHJ.js";import{i as I}from"./chunk-JCPUWVFC.js";import"./chunk-MCQML6YT.js";import{b as O}from"./chunk-XNXLFDZX.js";import{a as T}from"./chunk-KELMSLCR.js";import{a as y}from"./chunk-N6W3AF2G.js";import"./chunk-IENL4UJA.js";import{d as S,e as k}from"./chunk-JLWCQ6UT.js";import{V as P}from"./chunk-P4C42LQP.js";import"./chunk-RZZCZ2VH.js";import{m as M,w as _}from"./chunk-Z7IUSDSQ.js";import{Fa as a,Je as e,Kd as v,Ke as r,Le as u,Ra as f,Vf as s,Wf as h,Xf as l,hf as C,ig as w,mb as x,ob as b,pe as g,vg as c,wg as p,zc as n}from"./chunk-SRTQBDBP.js";import{a as q}from"./chunk-EJD3L6HM.js";import{g as L}from"./chunk-T7NDVU76.js";var B=L(q());function R(o,G){o&1&&(e(0,"div",6),u(1,"div",7),r())}function j(o,G){if(o&1&&(e(0,"div",8)(1,"div",9),x(),e(2,"svg",10),u(3,"line",11)(4,"line",12),r()(),b(),e(5,"h3",13),s(6),c(7,"translate"),r(),e(8,"div",14)(9,"p",15),s(10),c(11,"translate"),r(),e(12,"p",16),s(13),c(14,"translate"),r()(),e(15,"p",17),s(16),c(17,"translate"),e(18,"span",18),s(19),r(),s(20),c(21,"translate"),r()()),o&2){let t=C();n(6),h(p(7,6,"common.error")),n(4),l(" ",p(11,8,"complaints.cannotCreateTicket")," "),n(3),l(" ",p(14,10,"complaints.pleaseContactSupport")," "),n(3),l(" ",p(17,12,"complaints.redirectingIn")," "),n(3),h(t.countdown),n(),l(" ",p(21,14,"complaints.seconds")," ")}}var ot=(()=>{class o{constructor(){this.isFormSubmitted=!1,this.subscriptions=[],this.isLoading=!0,this.showErrorState=!1,this.countdown=10,this.fb=a(A),this.supportTicketService=a(E),this.sessionStorageService=a(O),this.langService=a(y),this.sharedService=a(I),this.router=a(P),this.createForm()}ngOnInit(){this.checkAvailabilityAndRedirect()}checkAvailabilityAndRedirect(){this.subscriptions.push(this.supportTicketService.checkCreateTicketAvailability().subscribe({next:t=>{this.isLoading=!1,t.data?this.router.navigate(["/dashboard/support/create"]):(this.showErrorState=!0,this.startCountdown())},error:()=>{this.isLoading=!1,this.showErrorState=!0,this.startCountdown()}}))}startCountdown(){this.countdownInterval=setInterval(()=>{this.countdown--,this.countdown<=0&&(this.clearCountdown(),this.router.navigate(["/dashboard/support"]))},1e3)}clearCountdown(){this.countdownInterval&&(clearInterval(this.countdownInterval),this.countdownInterval=null)}ngOnDestroy(){this.subscriptions.forEach(t=>t.unsubscribe()),this.clearCountdown(),this.sharedService.setActiveComponent("")}createForm(){this.complaintsForm=this.fb.group({sector:["",d.required],ticketingGroupId:["",d.required],phoneNumber:["",d.required],details:["",[d.required,d.pattern(`^(?:(?:[a-zA-Z\u0621-\u064A]{3,}[ 
2\ra-zA-Z0-9\u0621-\u064A]*)|(?:[ 
3\r]*[a-zA-Z\u0621-\u064A][a-zA-Z0-9\u0621-\u064A 
4\r]+))$`)]]})}setPhoneNumberFromSessionStorage(){this.getControl("phoneNumber")?.setValue(this.sessionStorageService?.phoneNumber)}getSectorsFromAPI(){this.subscriptions.push(this.supportTicketService.getSectors().subscribe(t=>{this.sectors=t.data,this.sectors?.length&&this.getTicketsGroup(this.sectors[0].key)}))}getTicketsGroup(t){this.subscriptions.push(this.supportTicketService.getTicketsGroup(t).subscribe(i=>{this.ticketGroups=i.data}))}onChangeSector(t){this.getTicketsGroup(t)}onSubmit(){this.isFormSubmitted=!0,this.complaintsForm.valid&&this.createTicketRequest()}createTicketRequest(){this.subscriptions.push(this.supportTicketService.createTicket(this.complaintsForm.value).subscribe({next:t=>{t&&this.displaySuccessMessage(t.data)},error:()=>{}}))}displaySuccessMessage(t){let i=t?.length>0?String(t[0]?.value||t):"";B.default.fire({iconHtml:`<img src="${T}" alt="success">`,title:i,confirmButtonText:this.langService.getOkMessageAccordingToLanguage()}).then(m=>{m.value&&this.navigateToHome()})}navigateToHome(){this.router.navigate(["/dashboard/support"])}onCancel(){this.complaintsForm.reset(),this.isFormSubmitted=!1,this.router.navigate(["/home"])}getControl(t){return this.complaintsForm.get(t)}static{this.\u0275fac=function(i){return new(i||o)}}static{this.\u0275cmp=f({type:o,selectors:[["app-complaints"]],standalone:!0,features:[w],decls:6,vars:2,consts:[[1,"complaints-page"],[1,"container","my-5"],[1,"row","justify-content-center"],[1,"col-lg-8","col-md-10"],["class","loading-container",4,"ngIf"],["class","error-card",4,"ngIf"],[1,"loading-container"],[1,"spinner"],[1,"error-card"],[1,"error-icon"],["xmlns","http://www.w3.org/2000/svg","viewBox","0 0 24 24","fill","none","stroke","currentColor","stroke-width","2.5","

4stroke-linecap","round","stroke-linejoin","round"],["x1","18","y1","6","x2","6","y2","18"],["x1","6","y1","6","x2","18","y2","18"],[1,"error-title"],[1,"error-message-box"],[1,"error-message"],[1,"error-submessage"],[1,"countdown-text"],[1,"countdown-number"]],template:function(i,m){i&1&&(e(0,"div",0)(1,"div",1)(2,"div",2)(3,"div",3),v(4,R,2,0,"div",4)(5,j,22,16,"div",5),r()()()()),i&2&&(n(4),g("ngIf",m.isLoading),n(),g("ngIf",m.showErrorState))},dependencies:[_,M,k,S,F,z],styles:[".complaints-page[_ngcontent-%COMP%]{min-height:calc(100vh - 200px);padding-top:32px;padding-bottom:32px}.form-container[_ngcontent-%COMP%]{background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.form-header[_ngcontent-%COMP%]{background-color:var(--color-primary, #00857c);padding:24px 32px;text-align:center}.form-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{color:#fff;margin:0}.form-body[_ngcontent-%COMP%]{padding:48px 32px;border:2px solid #e5e5e5;border-top:none;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.form-row[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:8px;position:relative}.form-row[_ngcontent-%COMP%]   .form-label[_ngcontent-%COMP%]{color:var(--color-primary, #00857c);margin-bottom:0}.form-row[_ngcontent-%COMP%]   .form-control[_ngcontent-%COMP%]{padding:12px 16px;border:1px solid #cbcbcb;border-radius:10px;font-size:16px;transition:all .3s ease;background-color:#fff;box-shadow:inset 0 3px 6px #0000001a;height:52px}.form-row[_ngcontent-%COMP%]   .form-control[_ngcontent-%COMP%]:focus{outline:none;border-color:var(--color-primary, #00857c);box-shadow:0 0 0 .2rem #00857c1a}.form-row[_ngcontent-%COMP%]   .form-control.is-invalid[_ngcontent-%COMP%]{border-color:#dc3545}.form-row[_ngcontent-%COMP%]   .form-control[_ngcontent-%COMP%]::placeholder{color:#999}.form-row[_ngcontent-%COMP%]   .form-control[readonly][_ngcontent-%COMP%]{background-color:#f8f9fa}.form-row[_ngcontent-%COMP%]   textarea.form-control[_ngcontent-%COMP%]{resize:vertical;min-height:120px;height:auto}.form-row[_ngcontent-%COMP%]   .error-msg[_ngcontent-%COMP%]{color:#dc3545;font-size:14px;margin-top:4px}  .p-dropdown{width:100%;border:1px solid #cbcbcb;border-radius:10px;height:52px;box-shadow:inset 0 3px 6px #0000001a}  .p-dropdown:hover{border-color:var(--color-primary, #00857c)}  .p-dropdown.p-focus{border-color:var(--color-primary, #00857c);box-shadow:0 0 0 .2rem #00857c1a}  .p-dropdown.is-invalid{border-color:#dc3545}  .p-dropdown .p-dropdown-label{display:flex;align-items:center;height:100%;padding:0 16px}  .p-dropdown .p-dropdown-trigger{width:48px}  .p-dropdown-panel{z-index:1000!important}.btn[_ngcontent-%COMP%]{padding:12px 32px;border-radius:28px;font-size:16px;font-weight:500;border:none;cursor:pointer;transition:all .3s ease;min-width:140px}.btn[_ngcontent-%COMP%]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-submit[_ngcontent-%COMP%]{background-color:var(--color-primary, #00857c);color:#fff}.btn-submit[_ngcontent-%COMP%]:hover{background-color:var(--color-hover, #14524a)}.btn-submit[_ngcontent-%COMP%]:focus{box-shadow:0 0 0 .2rem #00857c4d}.btn-cancel[_ngcontent-%COMP%]{background-color:#6c757d;color:#fff}.btn-cancel[_ngcontent-%COMP%]:hover{background-color:#5a6268}.btn-cancel[_ngcontent-%COMP%]:focus{box-shadow:0 0 0 .2rem #6c757d4d}.loading-container[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;min-height:300px}.spinner[_ngcontent-%COMP%]{width:48px;height:48px;border:4px solid #e5e5e5;border-top-color:var(--color-primary, #00857c);border-radius:50%;animation:_ngcontent-%COMP%_spin 1s linear infinite}@keyframes _ngcontent-%COMP%_spin{to{transform:rotate(360deg)}}.error-card[_ngcontent-%COMP%]{background-color:#fff;border-radius:16px;padding:48px 32px;text-align:center;box-shadow:0 4px 12px #00000014;border:1px solid #f0f0f0}.error-icon[_ngcontent-%COMP%]{width:64px;height:64px;background-color:#e53e3e;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 16px}.error-icon[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{width:28px;height:28px;color:#fff}.error-title[_ngcontent-%COMP%]{color:#e53e3e;font-size:20px;font-weight:600;margin:0 0 24px}.error-message-box[_ngcontent-%COMP%]{background-color:#fecaca;border-radius:32px;padding:16px 32px;max-width:100%;margin:0 auto 24px}.error-message[_ngcontent-%COMP%]{color:#dc2626;font-size:14px;font-weight:500;margin:0 0 4px;line-height:1.5}.error-submessage[_ngcontent-%COMP%]{color:#dc2626;font-size:14px;margin:0;line-height:1.5}.countdown-text[_ngcontent-%COMP%]{color:#6b7280;font-size:14px;margin:0}.countdown-number[_ngcontent-%COMP%]{color:#e53e3e;font-weight:700}@media (max-width: 768px){.error-card[_ngcontent-%COMP%]{padding:32px 16px}.error-message-box[_ngcontent-%COMP%]{padding:14px 20px;border-radius:24px}.error-icon[_ngcontent-%COMP%]{width:56px;height:56px}.error-icon[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{width:24px;height:24px}.error-title[_ngcontent-%COMP%]{font-size:18px}.error-message[_ngcontent-%COMP%], .error-submessage[_ngcontent-%COMP%]{font-size:13px}}"]})}}return o}

4)();export{ot as ComplaintsComponent};