https://www.autotrader.nl/assets/as24-search-funnel/_next/static/chunks/4293.6e9df425aae801be.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4293],{94293:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return T}});var s=a(85893),i=a(67294),r=a(70131),n=a(94184),l=a.n(n),C=a(33970),o=a(56663),d=a(92421),c=a(77398),u=a(59084),g=a(55917),p=a(35135),h=a(61892),m=a(8532);let x=(e,t)=>{(0,h.RF)({action:`${e}_page`,label:`feedback_${t}`,category:"visibility",nonInteraction:!0})},_=(e,t)=>{(0,h.RF)({category:"engagement",action:`feedback_${e}`,label:`${t}`})},v=(e,t,a)=>{(0,p.vYk)({name:"send_feedback_success",type:"action"},{feedback_id:t}),(0,m.d)("feedback-success",e,{feedback_id:t},a)};var f=a(3522);let b=[{ratingNumber:1,element:(0,s.jsx)(()=>(0,s.jsx)("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("g",{id:"48px/smiley_unhappy",children:(0,s.jsx)("path",{id:"Color",fillRule:"evenodd",clipRule:"evenodd",d:"M24 5C13.507 5 5 13.507 5 24C5 34.493 13.507 43 24 43C34.493 43 43 34.493 43 24C43 13.507 34.493 5 24 5ZM24 7C33.389 7 41 14.611 41 24C41 33.389 33.389 41 24 41C14.611 41 7 33.389 7 24C7 14.611 14.611 7 24 7ZM29.0372 27.5406C27.5493 26.5363 25.7951 25.9998 24 26C22.2066 25.9999 20.454 26.5354 18.967 27.538C17.48 28.5405 16.3264 29.9644 15.654 31.627C15.6037 31.7489 15.578 31.8796 15.5785 32.0115C15.5789 32.1434 15.6054 32.2739 15.6565 32.3955C15.7075 32.5171 15.7822 32.6274 15.876 32.72C15.9699 32.8127 16.0812 32.8858 16.2034 32.9353C16.3257 32.9848 16.4566 33.0096 16.5884 33.0082C16.7203 33.0069 16.8507 32.9795 16.9719 32.9276C17.0932 32.8757 17.203 32.8004 17.295 32.7059C17.387 32.6114 17.4594 32.4996 17.508 32.377C18.0309 31.0828 18.9288 29.9744 20.0862 29.1941C21.2437 28.4139 22.608 27.9974 24.0039 27.9981C25.3998 27.9989 26.7636 28.4168 27.9202 29.1983C29.0768 29.9798 29.9735 31.0892 30.495 32.384C30.5441 32.5058 30.6167 32.6167 30.7087 32.7105C30.8007 32.8042 30.9103 32.8789 31.0311 32.9303C31.152 32.9817 31.2818 33.0088 31.4131 33.01C31.5444 33.0113 31.6747 32.9866 31.7965 32.9375C31.9183 32.8884 32.0292 32.8158 32.123 32.7238C32.2167 32.6318 32.2914 32.5222 32.3428 32.4014C32.3942 32.2805 32.4213 32.1507 32.4225 32.0194C32.4238 31.8881 32.3991 31.7578 32.35 31.636C31.6788 29.9711 30.5251 28.5449 29.0372 27.5406ZM19.6644 17.2527C19.4813 17.09 19.2449 17 19 17C18.7348 17 18.4804 17.1054 18.2929 17.2929C18.1054 17.4804 18 17.7348 18 18V22L18.007 22.117C18.0371 22.3701 18.1627 22.6021 18.3582 22.7657C18.5536 22.9293 18.8042 23.0121 19.0586 22.9972C19.313 22.9822 19.5522 22.8707 19.7272 22.6854C19.9021 22.5 19.9997 22.2549 20 22V18L19.993 17.883C19.9643 17.6397 19.8474 17.4155 19.6644 17.2527ZM29.6644 17.2527C29.4813 17.09 29.2449 17 29 17C28.7348 17 28.4804 17.1054 28.2929 17.2929C28.1054 17.4804 28 17.7348 28 18V22L28.007 22.117C28.0371 22.3701 28.1627 22.6021 28.3582 22.7657C28.5536 22.9293 28.8042 23.0121 29.0586 22.9972C29.313 22.9822 29.5522 22.8707 29.7272 22.6854C29.9021 22.5 29.9997 22.2549 30 22V18L29.993 17.883C29.9643 17.6397 29.8474 17.4155 29.6644 17.2527Z",fill:"#333333"})})}),{})},{ratingNumber:2,element:(0,s.jsx)(()=>(0,s.jsx)("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("g",{id:"48px/smiley_slightly_unhappy",children:(0,s.jsx)("path",{id:"Color",fillRule:"evenodd",clipRule:"evenodd",d:"M24 5C13.507 5 5 13.507 5 24C5 34.493 13.507 43 24 43C34.493 43 43 34.493 43 24C43 13.507 34.493 5 24 5ZM24 7C33.389 7 41 14.611 41 24C41 33.389 33.389 41 24 41C14.611 41 7 33.389 7 24C7 14.611 14.611 7 24 7ZM29.968 31.264C28.334 29.815 26.229 29 24 29C21.8032 28.9971 19.6817 29.8006 18.038 31.258C17.8423 31.4345 17.7242 31.6811 17.7093 31.9443C17.6944 32.2074 17.7841 32.4657 17.9587 32.6632C18.1333 32.8606 18.3788 32.9811 18.6417 32.9984C18.9047 33.0158 19.1639 32.9287 19.363 32.756C20.634 31.63 22.267 31 24 31C25.7109 30.9971 27.3631 31.6235 28.642 32.76C28.7394 32.8518 28.8543 32.9231 28.9798 32.9697C29.1054 33.0163 29.239 33.0372 29.3727 33.0312C29.5065 33.0252 29.6376 32.9924 29.7585 32.9347C29.8793 32.877 29.9873 32.7957 30.0761 32.6955C30.1649 32.5953 30.2327 32.4783 30.2755 32.3514C30.3182 32.2245 30.335 32.0904 30.3249 31.9569C30.3149 31.8234 30.2781 31.6932 30.2168 31.5742C30.1554 31.4552 30.0708 31.3497 29.968 31.264ZM19.6644 17.2527C19.4813 17.09 19.2449 17 19 17C18.7348 17 18.4804 17.1054 18.2929 17.2929C18.1054 17.4804 18 17.7348 18 18V22L18.007 22.117C18.0371 22.3701 18.1627 22.6021 18.3582 22.7657C18.5536 22.9293 18.8042 23.0121 19.0586 22.9972C19.313 22.9822 19.5522 22.8707 19.7271 22.6854C19.9021 22.5 19.9997 22.2549 20 22V18L19.993 17.883C19.9643 17.6397 19.8474 17.4155 19.6644 17.2527ZM29.6644 17.2527C29.4813 17.09 29.2449 17 29 17C28.7348 17 28.4804 17.1054 28.2929 17.2929C28.1054 17.4804 28 17.7348 28 18V22L28.007 22.117C28.0371 22.3701 28.1627 22.6021 28.3582 22.7657C28.5536 22.9293 28.8042 23.0121 29.0586 22.9972C29.313 22.9822 29.5522 22.8707 29.7271 22.6854C29.9021 22.5 29.9997 22.2549 30 22V18L29.993 17.883C29.9643 17.6397 29.8474 17.4155 29.6644 17.2527Z",fill:"#333333"})})}),{})},{ratingNumber:3,element:(0,s.jsx)(()=>(0,s.jsx)("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("g",{id:"48px/smiley_neutral",children:(0,s.jsx)("path",{id:"Color",fillRule:"evenodd",clipRule:"evenodd",d:"M24 5C13.507 5 5 13.507 5 24C5 34.493 13.507 43 24 43C34.493 43 43 34.493 43 24C43 13.507 34.493 5 24 5ZM24 7C33.389 7 41 14.611 41 24C41 33.389 33.389 41 24 41C14.611 41 7 33.389 7 24C7 14.611 14.611 7 24 7ZM30.6854 29.2748C30.5 29.0999 30.2549 29.0023 30 29.002V29.001H18L17.883 29.007C17.6299 29.0371 17.3979 29.1627 17.2343 29.3582C17.0707 29.5536 16.9879 29.8042 17.0028 30.0586C17.0178 30.313 17.1293 30.5522 17.3146 30.7272C17.5 30.9021 17.7451 30.9997 18 31H30L30.117 30.995C30.3701 30.9649 30.6021 30.8393 30.7657 3

10.6438C30.9293 30.4484 31.0121 30.1978 30.9972 29.9434C30.9822 29.689 30.8707 29.4498 30.6854 29.2748ZM19.6644 17.2527C19.4813 17.09 19.2449 17 19 17C18.7348 17 18.4804 17.1054 18.2929 17.2929C18.1054 17.4804 18 17.7348 18 18V22L18.007 22.117C18.0371 22.3701 18.1627 22.6021 18.3582 22.7657C18.5536 22.9293 18.8042 23.0121 19.0586 22.9972C19.313 22.9822 19.5522 22.8707 19.7271 22.6854C19.9021 22.5 19.9997 22.2549 20 22V18L19.993 17.883C19.9643 17.6397 19.8474 17.4155 19.6644 17.2527ZM29.6644 17.2527C29.4813 17.09 29.2449 17 29 17C28.7348 17 28.4804 17.1054 28.2929 17.2929C28.1054 17.4804 28 17.7348 28 18V22L28.007 22.117C28.0371 22.3701 28.1627 22.6021 28.3582 22.7657C28.5536 22.9293 28.8042 23.0121 29.0586 22.9972C29.313 22.9822 29.5522 22.8707 29.7271 22.6854C29.9021 22.5 29.9997 22.2549 30 22V18L29.993 17.883C29.9643 17.6397 29.8474 17.4155 29.6644 17.2527Z",fill:"#333333"})})}),{})},{ratingNumber:4,element:(0,s.jsx)(()=>(0,s.jsx)("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("g",{id:"48px/smiley_slightly_happy",children:(0,s.jsx)("path",{id:"Color",fillRule:"evenodd",clipRule:"evenodd",d:"M24 5C13.507 5 5 13.507 5 24C5 34.493 13.507 43 24 43C34.493 43 43 34.493 43 24C43 13.507 34.493 5 24 5ZM24 7C33.389 7 41 14.611 41 24C41 33.389 33.389 41 24 41C14.611 41 7 33.389 7 24C7 14.611 14.611 7 24 7ZM29.968 30.748C28.3236 32.209 26.1997 33.0148 24 33.012C21.8032 33.015 19.6817 32.2115 18.038 30.754C17.8423 30.5775 17.7242 30.3309 17.7093 30.0677C17.6944 29.8046 17.7841 29.5463 17.9587 29.3489C18.1333 29.1514 18.3788 29.0309 18.6417 29.0136C18.9047 28.9962 19.1639 29.0833 19.363 29.256C20.6411 30.3901 22.2913 31.015 24 31.012C25.7109 31.0149 27.3631 30.3885 28.642 29.252C28.8417 29.0856 29.0983 29.0035 29.3575 29.023C29.6167 29.0426 29.8581 29.1624 30.0306 29.3569C30.203 29.5514 30.2929 29.8054 30.2812 30.0651C30.2695 30.3248 30.1572 30.5697 29.968 30.748ZM19.6644 17.2527C19.4813 17.09 19.2449 17 19 17C18.7348 17 18.4804 17.1054 18.2929 17.2929C18.1054 17.4804 18 17.7348 18 18V22L18.007 22.117C18.0371 22.3701 18.1627 22.6021 18.3582 22.7657C18.5536 22.9293 18.8042 23.0121 19.0586 22.9972C19.313 22.9822 19.5522 22.8707 19.7271 22.6854C19.9021 22.5 19.9997 22.2549 20 22V18L19.993 17.883C19.9643 17.6397 19.8474 17.4155 19.6644 17.2527ZM29.6644 17.2527C29.4813 17.09 29.2449 17 29 17C28.7348 17 28.4804 17.1054 28.2929 17.2929C28.1054 17.4804 28 17.7348 28 18V22L28.007 22.117C28.0371 22.3701 28.1627 22.6021 28.3582 22.7657C28.5536 22.9293 28.8042 23.0121 29.0586 22.9972C29.313 22.9822 29.5522 22.8707 29.7271 22.6854C29.9021 22.5 29.9997 22.2549 30 22V18L29.993 17.883C29.9643 17.6397 29.8474 17.4155 29.6644 17.2527Z",fill:"#333333"})})}),{})},{ratingNumber:5,element:(0,s.jsx)(()=>(0,s.jsx)("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("g",{id:"48px/smiley_happy",children:(0,s.jsx)("path",{id:"Color",fillRule:"evenodd",clipRule:"evenodd",d:"M5 24C5 13.507 13.507 5 24 5C34.493 5 43 13.507 43 24C43 34.493 34.493 43 24 43C13.507 43 5 34.493 5 24ZM41 24C41 14.611 33.389 7 24 7C14.611 7 7 14.611 7 24C7 33.389 14.611 41 24 41C33.389 41 41 33.389 41 24ZM31.7969 27.0725C32.3091 27.279 32.557 27.8616 32.3505 28.3739C31.6796 30.0381 30.5267 31.464 29.0398 32.4684C27.5528 33.4728 25.7996 34.0099 24.0052 34.0109C22.2108 34.0118 20.4571 33.4766 18.9691 32.4738C17.481 31.471 16.3266 30.0464 15.6539 28.3829C15.4469 27.8709 15.6941 27.288 16.2061 27.0809C16.7181 26.8739 17.301 27.1211 17.5081 27.6331C18.0313 28.9271 18.9293 30.0352 20.0868 30.8152C21.2442 31.5953 22.6084 32.0116 24.0042 32.0109C25.3999 32.0101 26.7636 31.5923 27.9203 30.811C29.0769 30.0298 29.9737 28.9207 30.4955 27.6261C30.702 27.1139 31.2846 26.866 31.7969 27.0725ZM19.6644 17.2527C19.4813 17.09 19.2449 17 19 17C18.7348 17 18.4804 17.1054 18.2929 17.2929C18.1054 17.4804 18 17.7348 18 18V22L18.007 22.117C18.0371 22.3701 18.1627 22.6021 18.3582 22.7657C18.5536 22.9293 18.8042 23.0121 19.0586 22.9972C19.313 22.9822 19.5522 22.8707 19.7272 22.6854C19.9021 22.5 19.9997 22.2549 20 22V18L19.993 17.883C19.9643 17.6397 19.8474 17.4155 19.6644 17.2527ZM29.6644 17.2527C29.4813 17.09 29.2449 17 29 17C28.7348 17 28.4804 17.1054 28.2929 17.2929C28.1054 17.4804 28 17.7348 28 18V22L28.007 22.117C28.0371 22.3701 28.1627 22.6021 28.3582 22.7657C28.5536 22.9293 28.8042 23.0121 29.0586 22.9972C29.313 22.9822 29.5522 22.8707 29.7272 22.6854C29.9021 22.5 29.9997 22.2549 30 22V18L29.993 17.883C29.9643 17.6397 29.8474 17.4155 29.6644 17.2527Z",fill:"#333333"})})}),{})}],k={trust:{type:"trust",question:"shared.survey.detailpage.trust",ratingQuestions:{1:"shared.survey.detailpage.trust.rating1",2:"shared.survey.detailpage.trust.rating2",3:"shared.survey.detailpage.trust.rating3",4:"shared.survey.detailpage.trust.rating4",5:"shared.survey.detailpage.trust.rating5"}}

1,completeness:{type:"completeness",question:"shared.survey.detailpage.completeness",ratingQuestions:{1:"shared.survey.detailpage.completeness.rating1",2:"shared.survey.detailpage.completeness.rating2",3:"shared.survey.detailpage.completeness.rating3",4:"shared.survey.detailpage.completeness.rating4",5:"shared.survey.detailpage.completeness.rating5"}},satisfaction:{type:"satisfaction",question:"shared.survey.listpage.satisfaction",ratingQuestions:{1:"shared.survey.listpage.satisfaction.rating1",2:"shared.survey.listpage.satisfaction.rating2",3:"shared.survey.listpage.satisfaction.rating3",4:"shared.survey.listpage.satisfaction.rating4",5:"shared.survey.listpage.satisfaction.rating5"}}},y=e=>"list"===e?(0,u.bM)(u.f6):"detail"===e?(0,u.bM)(u.MK):null,F=e=>{let t=y(e);return"list"===e?k.satisfaction:"detail"===e?"trust"===t?k.trust:"completeness"===t?k.completeness:.5>Math.random()?k.trust:k.completeness:k.trust},w=async e=>{let t={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({platform:e.platform,deviceCategory:(0,f.pO)(),culture:e.culture,page:e.page,question:e.question,rating:e.rating,text:e.text,url:e.url})};return await fetch("https://xkcv8mllng.execute-api.eu-west-1.amazonaws.com/",t)};var j=a(13152),N=a.n(j);let L=e=>{let{handleOnChange:t,rating:a,ratingQuestions:i}=e,{t:r}=(0,d.$G)(),n=a&&i[a],l="string"==typeof n?r(n):"";return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("label",{className:N().textLabel,children:l}),(0,s.jsx)("textarea",{className:N().text,placeholder:r("shared.survey.textarea"),onChange:t})]})};var M=a(78107),V=a(30556),Z=a.n(V);let B=(0,i.forwardRef)((e,t)=>(0,s.jsxs)("div",{ref:t,className:l()(Z().container,e.isListPage&&Z().listpage_override),children:[!e.isListPage&&(0,s.jsx)(M.x,{}),(0,s.jsx)("div",{className:Z().feedbackSection,children:(0,s.jsx)("div",{className:l()(Z().childrenSection,e.isListPage&&Z().listSection,e.childrenClassName),children:e.children})})]}));B.displayName="FeedbackWrapper";let S=()=>{let{t:e}=(0,d.$G)();return(0,s.jsxs)("div",{className:N().thankYouForm,children:[(0,s.jsx)("p",{className:l()(N().thankYouTextTop,N().thankYouTextBold),children:e("shared.survey.complete.thankyou")}),(0,s.jsx)("p",{className:N().thankYouTextBottom,children:e("shared.survey.complete")})]})};var T=(0,o.Pf)(e=>{let{pageName:t,vehicleType:a}=e,{t:n}=(0,d.$G)(),{isoCulture:o}=(0,g.B)(),p="list"===t,[h,m]=(0,i.useState)(!1),[f,k]=(0,i.useState)(!1),[y,j]=(0,i.useState)(""),M=F(t),[V,Z]=(0,r.YD)({delay:100,initialInView:!1,triggerOnce:!0}),T=p?u.f6:u.MK,[Y,P]=(0,i.useState)(!1);(0,i.useEffect)(()=>{let e=(0,u.Fl)(u.WV,u.ix)||(0,u.Fl)(u.KV,u.PP),t=p?(0,u.bM)(u.MK):(0,u.bM)(u.f6);P(e||!!t)},[]),(0,i.useEffect)(()=>{Z&&(x(t,M.type),(0,u.qQ)(T,M.type))},[Z]);let R=e=>{h!==e?m(e):m(!1)};return Y?null:(0,s.jsx)(B,{ref:V,childrenClassName:N().formSectionContainer,isListPage:p,children:(0,s.jsxs)("div",{className:p?N().feedbackFormList:N().feedbackForm,"data-testid":"native-feedback-form",children:[(0,s.jsx)("div",{children:f?(0,s.jsx)(S,{}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("p",{className:N().ratingText,suppressHydrationWarning:!0,children:n(M.question)}),b.map(e=>{let{ratingNumber:t,element:a}=e;return(0,s.jsx)(C.z,{mode:"ghost-accent",className:l()(N().rating,h===t&&N().ratingSelected),onClick:()=>R(t),"aria-label":n("shared.survey.sendButton.accessibiity",[t,b.length]),children:a},`rating-${t}`)}),h&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(L,{handleOnChange:e=>{j(e.target.value)},rating:h,ratingQuestions:M.ratingQuestions}),(0,s.jsx)(C.z,{mode:"primary",className:N().sendButton,onClick:()=>{/local|staging|jigsaw/.test(window.location.hostname)||w({rating:h,text:y,culture:o,page:`${t}-page`,platform:"web",question:M.type,url:window.location.href}).then(e=>e.json()).then(e=>{(0,u.Cw)(u.KV,Date.now()),a&&v(a,e.feedbackId,t),_(M.type,h)}).catch(()=>{}),k(!0)},children:n("shared.survey.sendButton")})]})]})}),(0,s.jsx)(c.Z,{role:"button",name:"close_remove_in_circle",size:24,className:l()(N().closeButton,!p&&N().closeButtonListPage),onClick:()=>{(0,u.Cw)(u.WV,Date.now()),P(!0)},"aria-label":n("shared.survey.accessibility.closeButton")})]})})},"unknown","NativeFeedbackForm")},30556:function(e){e.exports={container:"FeedbackWrapper_container__K9mY1",feedbackSection:"FeedbackWrapper_feedbackSection__sxDBd",childrenSection:"FeedbackWrapper_childrenSection__r6mdx",listSection:"FeedbackWrapper_listSection__p3iwT",listpage_override:"FeedbackWrapper_listpage_override__5UKqp"}},13152:function(e){e.exports={feedbackForm:"NativeFeedbackForm_feedbackForm__lS0N_",feedbackFormList:"NativeFeedbackForm_feedbackFormList__0x28K",ratingTitleCloseButtonWrapper:"NativeFeedbackForm_ratingTitleCloseButtonWrapper__u5zVN",closeButton:"NativeFeedbackForm_closeButton__kxBm_",closeButtonListPage:"NativeFeedbackForm_closeButtonListPage__lzriI",ratingText:"NativeFeedbackForm_ratingText__YCop3",rating:"NativeFeedbackForm_rating__av69F",ratingSelected:"NativeFeedbackForm_ratingSelected__5_5c5",textLabel:"NativeFeedbackForm_textLabel__yIo0I",text:"NativeFeedbackForm_text__0_qzK",textParagraph:"NativeFeedbackForm_textParagraph__pZZWV",sendButton:"NativeFeedbackForm_sendButton__tXKu3",thankYouForm:"NativeFeedbackForm_thankYouForm__3VZUh",thankYouTextTop:"NativeFeedbackForm_thankYouTextTop__8a1jp",thankYouTextBottom:"NativeFeedbackForm_thankYouTextBottom__dsI6J"}}}]);