https://www.carglass.at/chunk-MDBU6XMC.js

1import{b as Ie,k as ke}from"./chunk-THBOWAD3.js";import"./chunk-GTWSYLOW.js";import{a as V}from"./chunk-5LDITJ27.js";import"./chunk-FYEJ3U6T.js";import"./chunk-6M7YTNZ3.js";import"./chunk-JAUFFMJB.js";import"./chunk-DW26KXPT.js";import"./chunk-6BJ4ARYE.js";import"./chunk-UCSPB2TI.js";import{a as S}from"./chunk-HDEOED3Y.js";import{a as k}from"./chunk-TGYCWN6X.js";import"./chunk-LUEPDDK3.js";import{a as I}from"./chunk-JYTHCYMB.js";import"./chunk-QD7LQMXQ.js";import"./chunk-TU4HS7DK.js";import{D as Oe,c as we,h as Te,o as ye,x as Fe}from"./chunk-JE6V5G7H.js";import"./chunk-SVGMRVKV.js";import"./chunk-RU6I4RW7.js";import"./chunk-WYYGTMZQ.js";import"./chunk-75FMBNAY.js";import"./chunk-RX2QZ7KY.js";import"./chunk-MNNBRWSC.js";import"./chunk-UCTXCWYE.js";import{d as be}from"./chunk-QE2RFR3A.js";import"./chunk-3ORZ5HPX.js";import{A as xe,d as ce,g as pe,h as de,j as y,l as me,n as ue,q as fe,r as he,s as ge,t as Ce,u as _e,x as E,z as ve}from"./chunk-UECSTCKC.js";import"./chunk-HCUC3NOO.js";import"./chunk-XPHZSUHH.js";import"./chunk-BFMBCTON.js";import"./chunk-C3K4HGJA.js";import"./chunk-4GARSLLQ.js";import{a as le}from"./chunk-NCUSZAE2.js";import{a as F}from"./chunk-OZF65NGS.js";import"./chunk-7ZH3MW5T.js";import{a as Re}from"./chunk-6XLZH56E.js";import"./chunk-UOH7FEVC.js";import"./chunk-KW6DEXY7.js";import"./chunk-3U7PUHCT.js";import"./chunk-DDHCCZ7T.js";import"./chunk-POVH2XMP.js";import{j as ne,l as oe,m as re,p as ae,w as se}from"./chunk-LTE72U6U.js";import{Ac as c,Bb as s,Bc as p,Cc as j,Dc as K,E as H,Ec as W,Gb as x,Gc as C,Ia as d,Ja as m,Lc as u,Mc as a,Pc as A,R as P,Sa as B,Sb as b,Sc as J,Tb as q,Tc as X,Uc as Y,Yb as f,hd as Z,jd as w,ld as T,md as ee,oc as Q,pa as $,pc as r,qa as L,rd as te,sd as ie,ua as M}from"./chunk-6P6DX2R6.js";import{a as U,f as G}from"./chunk-GAL4ENT6.js";var h=G(Re());var N=G(Oe());var Me=(t,l,e,i)=>({"bg-ewp-interactive-bg-default hover:bg-ewp-interactive-bg-default bg-white":t,"tab-item sticky top-auto z-10 bg-ewp-ui-bg-select-selected hover:bg-ewp-ui-bg-select-selected":l,"rounded-l-[4px]":e,"rounded-r-[4px]":i}),Be=(t,l,e)=>({templateId:"ewpHeadline",title:t,headlineAlignment:l,hTag:e}),je=t=>({templateId:"ewpRichtext",wysiwyg:t}),Se=t=>({templateId:"ewpLink",text:t,href:""}),Ve=(t,l,e)=>({templateId:"ewpCta",link:t,ctaSize:l,ctaVariation:e,showIcon:!1});function Ae(t,l){if(t&1){let e=C();K(0),c(1,"div",11),u("click",function(){let n=d(e).index,o=a(2);return m(o.handleTabClick(n))})("keydown.enter",function(){let n=d(e).index,o=a(2);return m(o.handleTabClick(n))})("keydown.space",function(){let n=d(e).index,o=a(2);return m(o.handleTabClick(n))}),c(2,"div",12),j(3,"ewp-text",13),p()(),W()}if(t&2){let e=l.$implicit,i=l.first,n=l.last,o=a(2);s(),A("tabindex",o.tabIndex),r("ngClass",ee(5,Me,o.selectedItem!==e,o.selectedItem===e,i,n)),Q("data-header",e.tabTitle.textPlain),s(2),r("content",e.tabTitle)("tabIndex",-1)}}function Ee(t,l){if(t&1&&(c(0,"div",9),f(1,Ae,4,10,"ng-container",10),p()),t&2){let e=a();s(),r("ngForOf",e.uploadTabs)}}function ze(t,l){if(t&1){let e=C();c(0,"div",14)(1,"ewp-input-file",17),u("outputFile",function(n){d(e);let o=a().index,_=a().index,g=a();return m(g.onFileReceived(n,o,_))}),p()()}if(t&2){let e=a(),i=e.$implicit,n=e.index,o=a(2);r("formGroupName",n),s(),A("id",n),r("accept","image/jpeg,image/png,application/pdf")("inputLabel",i.inputLabel)("maxfilesize",o.maxFileSize)("errorMessage",o.errorMessage)("required",!0)("tabIndex",o.tabIndex)}}function De(t,l){if(t&1&&(c(0,"div"),f(1,ze,2,8,"div",16),p()),t&2){let e=a().$implicit,i=a();s(),r("ngIf",e===i.selectedItem)}}function Ge(t,l){if(t&1&&(c(0,"div",14)(1,"div",15),f(2,De,2,1,"div",10),p()()),t&2){let e=l.$implicit,i=l.index;r("formGroupName",i),s(2),r("ngForOf",e.inputFiles)}}function He(t,l){if(t&1){let e=C();c(0,"ewp-cta",18),u("ctaClicked",function(n){d(e);let o=a();return m(o.handleCtaClick(n))}),p()}if(t&2){let e=a();r("content",e.nextButton)("tabIndex",e.tabIndex)}}function Pe(t,l){if(t&1){let e=C();c(0,"div",19),u("click",function(){d(e);let n=a();return m(n.toggleShowOverlay())}),c(1,"div",20),u("click",function(n){d(e);let o=a();return m(o.ignoreClick(n))}),j(2,"ewp-headline",21)(3,"ewp-richtext",22),c(4,"div",23)(5,"ewp-cta",24),u("ctaClicked",function(n){d(e);let o=a();return m(o.continueTabClick(n))}),p(),c(6,"ewp-cta",25),u("ctaClicked",function(n){d(e);let o=a();return m(o.handleOverlayCancelClick(n))}),p()()()()}if(t&2){let e=a();s(2),r("content",T(4,Be,e.overlayContent.headline,e.Alignment.Left,e.HTag.H3)),s(),r("content",w(8,je,e.overlayContent.text)),s(2),r("content",T(12,Ve,w(10,Se,e.overlayContent.ctaTextContinue),e.CtaSize.Medium,e.CtaVariation.Tertiary)),s(),r("content",T(18,Ve,w(16,Se,e.overlayContent.ctaTextCancel),e.CtaSize.Medium,e.CtaVariation.Tertiary))}}var Ne=(()=>{class t{get formTabs(){return this.uploadForm.get("formTabs")}constructor(e,i){this.gtmService=e,this.isBrowser=i,this.uploadedCertificates=[],this.tabIndex=0,this.handleNextButton=new B,this.emitVehicleCertificate=new B,this.vehicleCertificates=[],this.vehicleCertificateObj={front:void 0,back:void 0},this.showOverlay=!1,this.HTag=h.HTag,this.Alignment=h.Alignment,this.CtaSize=h.CtaSize,this.CtaVariation=h.CtaVariation,this.isFileUploaded=!1,this._index=0}ngOnInit(){this.selectedItem=this.uploadedCertificates?.length&&!this.uploadedCertificates[0]?.back?this.uploadTabs[1]:this.uploadTabs[0],this.uploadForm=new y({formTabs:new E([])}

1),this.uploadTabs.forEach(()=>{this.formTabs.push(new y({inputFiles:new E([])}))}),this.rebuildFormInputControls(this.uploadedCertificates?.length&&!this.uploadedCertificates[0]?.back?1:0)}getformTabInputs(e){return this.uploadForm.get(["formTabs",e,"inputFiles"])}rebuildFormInputControls(e){this.clearAllInputArrays();let i=this.getformTabInputs(e);this.uploadTabs[e].inputFiles.forEach(()=>{i.push(new y({inputFile:new me(null,ce.required)}))})}clearAllInputArrays(){this.uploadTabs.forEach((e,i)=>{this.getformTabInputs(i).clear()})}toggleShowOverlay(){this.showOverlay=!this.showOverlay}ignoreClick(e){e.stopPropagation(),e.preventDefault()}handleOverlayCancelClick(e){this.ignoreClick(e),this.toggleShowOverlay()}handleTabClick(e){this.selectedItem!==this.uploadTabs[`${e}`]&&(this._index=e,this.isFileUploaded?this.toggleShowOverlay():(this.uploadedCertificates=[],this.uploadForm.reset(),this.selectedItem=this.uploadTabs[this._index],this.rebuildFormInputControls(this._index)))}continueTabClick(e){this.ignoreClick(e),this.isBrowser&&(this.isFileUploaded=!1,this.selectedItem=this.uploadTabs[this._index],this.uploadedCertificates=[],this.uploadForm.reset(),this.rebuildFormInputControls(this._index),this.toggleShowOverlay())}onFileReceived(e,i,n){this.isFileUploaded=!0;let o=n,_=i,g=/data:(.*);base64/gi.exec(e.data)[1],O=/^data:(image|application)\/(png|jpeg|jpg|pdf);base64,/,v=U({},this.vehicleCertificateObj);o===0&&_===0&&(v.front={name:e.fileName,side:N.VehicleRegistrationFileSide.FRONT,mimeType:g,attachment:e.data.replace(O,"")}),o===0&&_===1&&(v.back={name:e.fileName,side:N.VehicleRegistrationFileSide.BACK,mimeType:g,attachment:e.data.replace(O,"")}),o===1&&_===0&&(v.front={name:e.fileName,side:N.VehicleRegistrationFileSide.FRONT,mimeType:g,attachment:e.data.replace(O,"")},v.back=void 0);let D=[...this.vehicleCertificates];D.splice(-1,1,v),this.vehicleCertificates=D,this.vehicleCertificateObj=U({},v)}handleCtaClick(e){if(console.log("handleCtaClick(event: MouseEvent)",this.uploadForm.valid),this.uploadForm.valid||(console.log("this.uploadForm",this.uploadForm),this.gtmService.trackFormFailure(this.uploadForm,this.tileName)),this.uploadForm.valid?(this.emitVehicleCertificate.emit(this.vehicleCertificates),this.selectedItem&&this.gtmService&&this.gtmService.trackEvent({event:"tracking_event",event_action:"vehicle-information",event_label:this.selectedItem.id,eventNonInteraction:!1})):(this.uploadForm.markAllAsTouched(),this.uploadForm.updateValueAndValidity()),this.uploadForm.status==="INVALID"){e.preventDefault();return}}static{this.\u0275fac=function(i){return new(i||t)(x(be,8),x(le))}}static{this.\u0275cmp=b({type:t,selectors:[["ewp-upload-registration"]],inputs:{uploadTabs:"uploadTabs",errorMessage:"errorMessage",nextButton:"nextButton",maxFileSize:"maxFileSize",overlayContent:"overlayContent",uploadedCertificates:"uploadedCertificates",tabIndex:"tabIndex",tileName:"tileName"}

1,outputs:{handleNextButton:"handleNextButton",emitVehicleCertificate:"emitVehicleCertificate"},standalone:!1,decls:9,vars:5,consts:[[1,"max-w-[400px]"],[1,"flex","flex-col"],["class","flex flex-row justify-center gap-2 overflow-hidden",4,"ngIf"],[1,"w-full"],[3,"formGroup"],["formArrayName","formTabs"],[3,"formGroupName",4,"ngFor","ngForOf"],["class","mt-6 block s:mt-12",3,"content","tabIndex","ctaClicked",4,"ngIf"],["class","fixed bottom-0 left-0 right-0 top-0 z-50 flex items-center justify-center bg-black/60 m:p-4",3,"click",4,"ngIf"],[1,"flex","flex-row","justify-center","gap-2","overflow-hidden"],[4,"ngFor","ngForOf"],[1,"static","mb-3","w-1/2","flex-grow","cursor-pointer",3,"click","keydown.enter","keydown.space","ngClass","tabindex"],[1,"relative","flex","flex-col","items-center","justify-between"],[1,"block","px-6","py-3","text-center","font-ewp-primary","text-ewp-interactive-m","font-ewp-fw-bold","leading-ewp-interactive-m","text-ewp-ui-interactive-default",3,"content","tabIndex"],[3,"formGroupName"],["formArrayName","inputFiles"],[3,"formGroupName",4,"ngIf"],["data-cs-mask","","formControlName","inputFile",1,"w-full",3,"outputFile","id","accept","inputLabel","maxfilesize","errorMessage","required","tabIndex"],[1,"mt-6","block","s:mt-12",3,"ctaClicked","content","tabIndex"],[1,"fixed","bottom-0","left-0","right-0","top-0","z-50","flex","items-center","justify-center","bg-black/60","m:p-4",3,"click"],[1,"max-h-full","w-full","max-w-[624px]","overflow-y-auto","rounded-lg","bg-ewp-ui-bg-container-primary","p-6","pb-0","xs:m-4",3,"click"],[3,"content"],[1,"mt-2","block","text-ewp-copy-l","leading-ewp-copy-l","s:mt-4",3,"content"],[1,"sticky","bottom-0","left-0","right-0","flex","flex-row","bg-ewp-ui-bg-container-primary","pb-4"],[1,"ml-auto","mt-6","cursor-pointer","text-center",3,"ctaClicked","content"],[1,"ml-3","mt-6","cursor-pointer","text-center",3,"ctaClicked","content"]],template:function(i,n){i&1&&(c(0,"div",0)(1,"div",1),f(2,Ee,2,1,"div",2),c(3,"div",3)(4,"form",4)(5,"div",5),f(6,Ge,3,2,"div",6),p(),f(7,He,1,2,"ewp-cta",7),p()()()(),f(8,Pe,7,22,"div",8)),i&2&&(s(2),r("ngIf",n.uploadTabs.length>1),s(2),r("formGroup",n.uploadForm),s(2),r("ngForOf",n.uploadTabs),s(),r("ngIf",n.nextButton),s(),r("ngIf",n.showOverlay))},dependencies:[ne,oe,re,ue,pe,de,_e,fe,Ce,he,ge,S,F,I,k,V],styles:['[_nghost-%COMP%]   .tab-item[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:after{border-right:solid 10px transparent;border-left:solid 10px transparent;border-top:solid 10px;position:absolute;z-index:-1;content:"";height:0;width:0;bottom:-10px;border-top-color:var(--ewp-ui-bg-select-selected-advantages, #FFDC00)}'],changeDetection:0})}}return t})();var R=(()=>{class t{constructor(e,i){this.vehicleFacade=e,this.tileService=i,this.headline="",this.richText="",this.subHeadline="",this.maxFileSize=5242880,this.uploadTabs=[],this.errorMsg="",this.infoBtnTitle="",this.nextButton={},this.overlayContent={},this.tabIndex=0,this.tileName=we.CERTIFICATE_UPLOAD}get certificates$(){return this.vehicleFacade.certificates$}fetchConfiguration(){this.tileService.fetchConfiguration(this.tileName).subscribe(e=>{this.tabIndex=e.valid?-1:0,this.headline=e.headline||this.headline,this.subHeadline=e.richtext||this.richText,this.uploadTabs=e.uploadTabs||this.uploadTabs,this.maxFileSize=e.maxFileSize||this.maxFileSize,this.errorMsg=e.errorMsg||this.errorMsg,this.nextButton=e.nextButton||this.nextButton,this.infoBtnTitle=e.infoBtnTitle||this.infoBtnTitle,this.overlayContent=e.overlayContent||{}})}setCertificate(e){this.vehicleFacade.setVehicleCertificate(e),this.tileService.validateTile(this.tileName),this.vehicleFacade.certificatesSaved$.pipe(H(i=>i),P()).subscribe(()=>{this.tileService.getNextTile(this.tileName)})}static{this.\u0275fac=function(i){return new(i||t)(M(Te),M(Fe))}}static{this.\u0275prov=$({token:t,factory:t.\u0275fac})}}return t})();var Qe=["baseTileComponent"],Tt=(()=>{class t{constructor(e,i){this.service=e,this.processTrackingFacade=i}ngOnInit(){this.service.fetchConfiguration(),this.processTrackingFacade.trackTilePageView("upload-registration-certificate","vehicle-information")}setCertificate(e){this.service.setCertificate(e)}static{this.\u0275fac=function(i){return new(i||t)(x(R),x(ye))}}static{this.\u0275cmp=b({type:t,selectors:[["ewp-upload-registration-tile"]],viewQuery:function(i,n){if(i&1&&J(Qe,5),i&2){let o;X(o=Y())&&(n.baseTileComponent=o.first)}},standalone:!1,features:[Z([R])],decls:4,vars:14,consts:[["baseTileComponent",""],[3,"headline","subHeadline","infoBtnTitle","tileName"],[3,"emit

1VehicleCertificate","tileName","uploadTabs","nextButton","maxFileSize","errorMessage","overlayContent","uploadedCertificates","tabIndex"]],template:function(i,n){if(i&1){let o=C();c(0,"ewp-olb-base-tile",1,0)(2,"ewp-upload-registration",2),te(3,"async"),u("emitVehicleCertificate",function(g){return d(o),m(n.setCertificate(g))}),p()()}i&2&&(r("headline",n.service.headline)("subHeadline",n.service.subHeadline)("infoBtnTitle",n.service.infoBtnTitle)("tileName",n.service.tileName),s(2),r("tileName",n.service.tileName)("uploadTabs",n.service.uploadTabs)("nextButton",n.service.nextButton)("maxFileSize",n.service.maxFileSize)("errorMessage",n.service.errorMsg)("overlayContent",n.service.overlayContent)("uploadedCertificates",ie(3,12,n.service.certificates$))("tabIndex",n.service.tabIndex))},dependencies:[Ie,Ne,ae],encapsulation:2,changeDetection:0})}}return t})();var At=(()=>{class t{static{this.\u0275fac=function(i){return new(i||t)}}static{this.\u0275mod=q({type:t})}static{this.\u0275inj=L({imports:[se,ve,xe,ke,S,F,I,k,V]})}}return t})();export{At as OlbFeatureUploadRegistrationTileModule,Tt as UploadRegistrationTileComponent};