https://tr.vava.cars/chunk-NDWPQHMZ.js

1import{a as he}from"./chunk-LRWBCE5G.js";import{a as ge}from"./chunk-CW5SJ32I.js";import{a as pe}from"./chunk-HW5LYUXI.js";import{b as ue}from"./chunk-MGMRNW4E.js";import"./chunk-HIVQ6PSO.js";import"./chunk-R4NZTXWL.js";import"./chunk-WLGTYKDZ.js";import"./chunk-3IEOKETJ.js";import"./chunk-LWUFQPJR.js";import"./chunk-SCIQFTIH.js";import"./chunk-3PPG3Z7A.js";import"./chunk-BCMZKZCW.js";import"./chunk-CGQ5EDVL.js";import"./chunk-AYOUWP34.js";import"./chunk-MUQZNVUP.js";import"./chunk-Q7B5NWHO.js";import"./chunk-4HQJ3NKY.js";import"./chunk-C24AG7SQ.js";import"./chunk-HCXVREHZ.js";import"./chunk-WUEWRIAV.js";import"./chunk-33S5KQ5C.js";import"./chunk-SQ3RDEBM.js";import"./chunk-NYQE5AXP.js";import"./chunk-UZNDGU2Z.js";import"./chunk-KVT3OPON.js";import"./chunk-SBVBU5Q5.js";import"./chunk-BC23MMDC.js";import"./chunk-ZAX7ETH6.js";import"./chunk-63R7DJHA.js";import{d as me}from"./chunk-MV5ZRZA7.js";import"./chunk-TUU7LT6S.js";import"./chunk-242X2FV7.js";import"./chunk-4SXTRAE2.js";import"./chunk-2IZT475I.js";import"./chunk-A7GKGJBJ.js";import"./chunk-N47XCLTH.js";import"./chunk-NDAOXHYR.js";import"./chunk-NUYGW733.js";import"./chunk-FPZHQ23V.js";import"./chunk-T7J7QSRH.js";import"./chunk-4LYIKTX5.js";import"./chunk-MFFJE6MK.js";import{S as D,U as F,W as ee,X as te,ca as ie,ea as re,fa as oe,ga as ne,ja as se}from"./chunk-SRDWMU6F.js";import"./chunk-VPWWSG6A.js";import"./chunk-YWE2DEGF.js";import"./chunk-M5UZ3FRU.js";import{b as ce,c as le,e as de}from"./chunk-6W3WIZQP.js";import{l as ae}from"./chunk-7V3PSFPC.js";import"./chunk-TNOZY3JM.js";import{r as U,y as Z}from"./chunk-7VAAVEYI.js";import{Cd as l,D as H,Dc as f,Dd as d,Ga as m,Gb as Y,Ic as x,Jc as _,Kc as C,Mb as X,Nb as c,Oc as Q,P as $,Ra as P,Rb as J,Sa as G,T as I,Tc as T,Uc as E,_ as y,aa as z,bc as K,da as M,fb as W,gd as v,hc as k,i as b,id as w,qa as O,qd as L,ra as S,rd as j,sd as B,vc as p,w as V}from"./chunk-4O3NM6QG.js";import"./chunk-4ZYARHXF.js";import{a as A,b as R}from"./chunk-PGWVXC2P.js";var q=function(i){return i.SideLetter="sideLetter",i}(q||{});function be(i,g){i&1&&(x(0,"div",7),v(1),l(2,"translate"),_()),i&2&&(c(),w(" ",d(2,1,"terms-and-conditions.side-letter.email-verification.error-message")," "))}function fe(i,g){i&1&&(v(0),l(1,"translate")),i&2&&w(" ",d(1,1,"terms-and-conditions.side-letter.email-verification.submit.loading")," ")}function xe(i,g){i&1&&(v(0),l(1,"translate")),i&2&&w(" ",d(1,1,"terms-and-conditions.side-letter.email-verification.submit.continue")," ")}function _e(i,g){if(i&1){let e=Q();x(0,"form",3),T("ngSubmit",function(){P(e);let o=E();return G(o.fetchInspectionData())}),x(1,"div",4)(2,"label",5),v(3),l(4,"translate"),_(),C(5,"input",6),l(6,"translate"),k(7,be,3,3,"div",7),_(),x(8,"button",8),k(9,fe,2,3)(10,xe,2,3),_()()}if(i&2){let e,t=E(),o=B(4);p("formGroup",t.emailForm),c(3),w(" ",d(4,6,"terms-and-conditions.side-letter.email-verification.title")," "),c(2),p("placeholder",d(6,8,"terms-and-conditions.side-letter.email-verification.placeholder")),c(2),f((e=t.emailForm.get("email"))!=null&&e.invalid&&((e=t.emailForm.get("email"))!=null&&e.touched)?7:-1),c(),p("disabled",t.emailForm.invali

1d||o),c(),f(o?9:10)}}function ve(i,g){if(i&1&&(C(0,"div",1),l(1,"vcSafeHtml")),i&2){E();let e=B(0);p("innerHtml",d(1,1,e),Y)}}function we(i,g){i&1&&C(0,"vc-fullscreen-spinner",2),i&2&&p("show",!0)}var u={form:"#dynamicForm",checkbox:"#accept-terms",checkboxSection:".side-letter__checkbox",submitButton:".side-letter__submit-button",signatureSection:".side-letter__signature"},Ge=(()=>{class i{constructor(){this.renderer=m(J),this.elementRef=m(W),this.formBuilder=m(ne),this.inspectionService=m(ue),this.customerService=m(he),this.localizationService=m(me),this.activatedRoute=m(ae),this.translateService=m(ce),this.errorSubject=new b(!1),this.emailVerifiedSubject=new b(!1),this.loadingSubject=new b(!1),this.successSubject=new b(!1),this.hasError$=this.errorSubject.asObservable(),this.emailVerified$=this.emailVerifiedSubject.asObservable(),this.loading$=this.loadingSubject.asObservable(),this.success$=this.successSubject.asObservable(),this.token$=this.activatedRoute.queryParamMap.pipe(H(e=>e.get("token")))}ngOnInit(){this.initContent(),this.initForm(),this.initEmailForm()}ngAfterViewInit(){this.content$.pipe(y(1),z(0)).subscribe(()=>{let e=new MutationObserver(t=>{t.forEach(o=>{if(o.addedNodes.length){let n=this.elementRef.nativeElement.querySelector("#dynamicForm");n&&n.querySelector("#accept-terms")&&(this.setupCheckboxListener(n),e.disconnect())}})});e.observe(this.elementRef.nativeElement,{childList:!0,subtree:!0})})}fetchInspectionData(){this.emailForm.valid&&(this.loadingSubject.next(!0),this.emailForm.get("email")?.disable(),this.token$.pipe(y(1),S(e=>this.inspectionService.getInspectionData(this.emailForm.value.email,e)),M(()=>{this.loadingSubject.next(!1),this.emailForm.get("email")?.enable()})).subscribe({next:e=>{e&&(this.updateContentWithInspectionData(e),this.emailVerifiedSubject.next(!0),this.clearExistingMessages())},error:()=>{this.clearExistingMessages();let e=this.renderer.createElement("div");e.className="side-letter__error-message-container",e.innerHTML=`
2              <div class="side-letter__error-message" style="color: red; margin: 10px 0;">
3                <em class="side-letter__error-icon">\u2715</em>
4                ${this.translateService.instant("terms-and-conditions.side-letter.messages.error")}
5              </div>
6            `;let t=this.elementRef.nativeElement.querySelector(".email-verification-form, form, #emailForm");t?t.insertAdjacentElement("afterend",e):this.elementRef.nativeElement.appendChild(e),this.errorSubject.next(!0)}}))}onDocumentSubmit(e){let t=e.target;if(t.id==="dynamicForm"){if(e.preventDefault(),e.stopPropagation(),this.loadingSubject.getValue())return;if(!t.querySelector("#accept-terms")?.checked){document.querySelectorAll(".side-letter__error-message, .side-letter__success-message").forEach(a=>a.remove());let r=this.renderer.createElement("div");r.innerHTML=`
7          <div class="side-letter__error-message">
8            <em class="side-letter__error-icon">\u2715</em>
9            ${this.translateService.instant("terms-and-conditions.side-letter.messages.checkbox-error")}
10          </div>
11        `;let s=t.querySelector(".side-letter__signature");s?s.parentElement?.insertAdjacentElement("afterend",r):t.insertAdjacentElement("afterend",r);return}this.loadingSubject.next(!0),this.token$.pipe(y(1),$(n=>!!n),S(n=>this.inspectionService.updateVehicleStatus(n,this.emailForm.value.email)),M(()=>this.loadingSubject.next(!1))).subscribe({next:()=>this.handleFormSuccess(),error:()=>this.handleFormError()})}}initContent(){let e={locale:this.localizationService.getCurrentLanguage(),model:q.SideLetter,versionName:this.activatedRoute.snapshot.paramMap.get("version")??void 0};this.content$=this.localizationService.onLangChange.pipe(O(e.locale),S(t=>this.customerService.getTermsAndConditions(R(A({},e),{locale:t})).pipe(I(()=>(this.errorSubject.next(!0),V(""))))))}initForm(){this.confirmationForm=this.formBuilder.group({acceptTerms:[!1,F.requiredTrue]})}initEmailForm(){this.emailForm=this.formBuilder.group({email:[{value:"",disabled:!1},[F.required,F.email]]})}setupCheckboxListener(e){let t=new MutationObserver(o=>{o.forEach(n=>{if(n.addedNodes.length){let r=e.querySelector("#accept-terms");r&&(this.renderer.listen(r,"change",s=>{let a=s.target;this.confirmationForm.get("acceptTerms")?.setValue(a.checked),a.checked&&document.querySelectorAll(".side-letter__error-message").forEach(N=>N.remove())}),t.disconnect())}})});t.observe(e,{childList:!0,subtree:!0})}updateContentWithInspectionData(e){let t=new MutationObserver(o=>{o.forEach(n=>{if(n.addedNodes.length){let r=this.elementRef.nativeElement.querySelector("#dynamicForm");if(!r)return;let s=r.innerHTML;if(Object.entries({"{{bankAccountHolderName}}":e.bankAccountHolderName,"{{bankAccountNumber}}":e.bankAccountNumber,"{{bankBranchOffice}}":e.bankBranchOffice,"{{bankName}}":e.bankName,"{{engineNumber}}":e.engineNumber,"{{makeName}}":e.makeName,"{{modelName}}":e.modelName,"{{ownerName}}":e.ownerName,"{{ownerAddress}}":e.ownerAddress,"{{ownerNationalId}}":e.ownerNationalId,"{{ownerEmail}}":e.ownerEmail,"{{ownerPhone}}":e.ownerPhone,"{{registrationNumber}}":e.registrationNumber,"{{vin}}":e.vin,"{{vehicleNetPrice}}":e.vehicleNetPrice,"{{ibanNumber}}":e.ibanNumber}

11).forEach(([a,h])=>{let N=new RegExp(a,"g");s=s.replace(N,h||"")}),r.innerHTML=s,e.active){let a=r.querySelector("#accept-terms"),h=r.querySelector(".side-letter__submit-button");a&&(a.checked=!0,a.disabled=!0,this.confirmationForm.get("acceptTerms")?.setValue(!0),this.confirmationForm.get("acceptTerms")?.disable()),h&&(h.disabled=!0)}t.disconnect()}})});t.observe(this.elementRef.nativeElement,{childList:!0,subtree:!0})}handleFormSuccess(){this.successSubject.next(!0),this.clearExistingMessages();let e=this.elementRef.nativeElement.querySelector(u.form),t=this.renderer.createElement("div");t.innerHTML=`
12      <div class="side-letter__success-message">
13        <em class="side-letter__success-icon">\u2713</em>
14        ${this.translateService.instant("terms-and-conditions.side-letter.messages.success")}
15      </div>
16    `,(e.querySelector(u.signatureSection)?.parentElement||e).insertAdjacentElement("afterend",t);let r=e.querySelector(u.submitButton),s=e.querySelector(u.checkbox);r&&(r.disabled=!0),s&&(s.disabled=!0)}handleFormError(){this.errorSubject.next(!0),this.clearExistingMessages();let e=this.elementRef.nativeElement.querySelector(u.form),t=this.renderer.createElement("div");t.innerHTML=`
17      <div class="side-letter__error-message">
18        <em class="side-letter__error-icon">\u2715</em>
19        ${this.translateService.instant("terms-and-conditions.side-letter.messages.general-error")}
20      </div>
21    `,(e.querySelector(u.signatureSection)?.parentElement||e).insertAdjacentElement("afterend",t)}clearExistingMessages(){document.querySelectorAll(".side-letter__error-message, .side-letter__success-message").forEach(t=>t.remove())}static{this.\u0275fac=function(t){return new(t||i)}}static{this.\u0275cmp=K({type:i,selectors:[["vc-side-letter"]],hostBindings:function(t,o){t&1&&T("submit",function(r){return o.onDocumentSubmit(r)},!1,X)},decls:9,vars:10,consts:[[1,"max-w-xl","mx-auto","my-8","p-8","bg-white","rounded-lg","shadow-md",3,"formGroup"],[3,"innerHtml"],[3,"show"],[1,"max-w-xl","mx-auto","my-8","p-8","bg-white","rounded-lg","shadow-md",3,"ngSubmit","formGroup"],[1,"mb-6"],["for","email",1,"block","mb-2","text-sm","font-medium","text-gray-700"],["type","email","id","email","formControlName","email",1,"w-full","px-4","py-3","border","border-gray-300","rounded-md","focus:ring-2","focus:ring-green-500","focus:border-green-500","disabled:bg-gray-100",3,"placeholder"],[1,"mt-2","text-sm","text-red-600"],["type","submit",1,"w-full","py-3","px-6","text-white","bg-green-600","hover:bg-green-700","rounded-md","transition-colors","disabled:opacity-50","disabled:cursor-not-allowed",3,"disabled"]],template:function(t,o){if(t&1&&(L(0),l(1,"async"),L(2),l(3,"async"),L(4),l(5,"async"),k(6,_e,11,10,"form",0)(7,ve,2,3,"div",1)(8,we,1,1,"vc-fullscreen-spinner",2)),t&2){let n=j(d(1,2,o.content$)),r=d(3,5,o.emailVerified$);c(4);let s=j(d(5,7,o.loading$));c(2),f(r?n?7:-1:6),c(2),f(s?8:-1)}},dependencies:[Z,U,ge,pe,se,ie,D,ee,te,re,oe,de,le],styles:[`.side-letter{margin-left:auto;margin-right:auto;max-width:996px;padding:2rem}@media (min-width: 640px){.side-letter{padding:1rem}}.side-letter__title{margin-bottom:4rem;font-size:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(15 116 59 / var(--tw-text-opacity))}.side-letter__subtitle{margin-bottom:1rem;font-size:20px;font-weight:600;--tw-text-opacity: 1;color:rgb(var(--monochrome-900) / var(--tw-text-opacity))}.side-letter__section{margin-bottom:2rem}.side-letter__section--info{display:grid;grid-template-columns:minmax(140px,auto) auto 1fr;align-items:flex-start;row-gap:.25rem}.side-letter__text{display:block;line-height:1.25}.side-letter__section--info .side-letter__text{display:contents;line-height:1.25}.side-letter__label{padding-right:.5rem;font-weight:600;line-height:1.25}.side-letter__separator{justify-self:start;padding-left:.5rem;padding-right:.5rem}.side-letter__value{line-height:1.25}.side-letter__section--spaced-text .side-letter__text:first-child{margin-bottom:2rem}.side-letter__checkbox{position:relative;margin-top:2rem;margin-bottom:2rem}.side-letter__checkbox-container{display:flex;align-items:flex-start;gap:1rem}.side-letter__checkbox input[type=checkbox]{margin-top:0;height:1.5rem;width:1.5rem;cursor:pointer;appearance:none;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.side-letter__checkbox input[type=checkbox]:checked{--tw-border-opacity: 1;border-color:rgb(40 167 69 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(40 167 69 / var(--tw-bg-opacity))}.side-letter__checkbox input[type=checkbox]:checked:after{content:"";position:absolute;

21left:.5rem;top:.2rem;height:.75rem;width:.375rem;--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-right-width:2px;border-bottom-width:2px;--tw-border-opacity: 1;border-color:rgb(var(--monochrome-0) / var(--tw-border-opacity))}.side-letter__checkbox label{flex:1 1 0%;cursor:pointer;font-size:14px;line-height:22px;letter-spacing:0px;line-height:1.625}.side-letter__checkbox a{font-weight:600;--tw-text-opacity: 1;color:rgb(40 167 69 / var(--tw-text-opacity))}.side-letter__checkbox a:hover{text-decoration-line:underline}.side-letter__signature{margin-bottom:2rem;display:flex;width:100%;flex-direction:column;align-items:center;gap:.5rem}@media (min-width: 640px){.side-letter__signature{width:auto;align-items:flex-start}}.side-letter__signature-image{height:auto;max-width:230px}.side-letter__signature-text{margin-top:.5rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(var(--monochrome-900) / var(--tw-border-opacity));padding-top:.5rem;text-align:center}@media (min-width: 640px){.side-letter__signature-text{text-align:left}}.side-letter__footer{margin-top:2rem}.side-letter__submit{display:flex;justify-content:flex-end}.side-letter__submit-button{margin-left:auto;width:100%;cursor:pointer;border-radius:.25rem;border-width:0px;--tw-bg-opacity: 1;background-color:rgb(40 167 69 / var(--tw-bg-opacity));padding:.75rem 2rem;font-size:16px;line-height:24px;letter-spacing:0px;font-weight:500;--tw-text-opacity: 1;color:rgb(var(--monochrome-0) / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}@media (min-width: 640px){.side-letter__submit-button{width:auto}}.side-letter__submit-button:hover:not(:disabled){--tw-bg-opacity: 1;background-color:rgb(33 136 56 / var(--tw-bg-opacity))}.side-letter__submit-button:disabled{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.side-letter__success-message{margin-top:1.25rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(200 230 201 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(237 247 237 / var(--tw-bg-opacity));padding:.75rem;font-size:14px;line-height:22px;letter-spacing:0px;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(30 70 32 / var(--tw-text-opacity))}.side-letter__error-message{margin-top:1.25rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(245 194 199 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(253 237 237 / var(--tw-bg-opacity));padding:.75rem;font-size:14px;line-height:22px;letter-spacing:0px;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(95 33 32 / var(--tw-text-opacity))}.side-letter__success-icon{font-weight:700;--tw-text-opacity: 1;color:rgb(46 125 50 / var(--tw-text-opacity))}.side-letter__error-icon{font-weight:700;--tw-text-opacity: 1;color:rgb(211 47 47 / var(--tw-text-opacity))}
22`,`#accept-terms:disabled{opacity:.5;background-color:app-color("P200");cursor:not-allowed}
23`],encapsulation:2,changeDetection:0})}}return i})();export{Ge as SideLetterComponent};