https://autozentrumduisburg.de/_next/static/chunks/2609.43e73ff2c4d0da2e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2609],{32842:(e,t,n)=>{n.d(t,{A:()=>r});var i=n(62888),a=n(50180),l=n(37600),o=n(16014);let r=function(e){let t=(0,l.ZN)(),{position:n,symbol:r}=(0,o.OY)(t.currency_code);return(0,i.jsx)(a.YI,{...{["append"===n?"addonAfter":"addonBefore"]:r},style:{width:"100%"},min:0,precision:2,...e})}},69521:(e,t,n)=>{n.d(t,{WO:()=>M,WP:()=>x,o9:()=>V,qW:()=>L,z1:()=>b});var i=n(91524),a=n(70742),l=n.n(a),o=n(31762),r=n.n(o),m=n(34663),c=n(45812),u=n(62017),s=n(93901),d=n(63905),h=n(59817),g=n(82762),f=n(19022),F=n.n(f),y=n(75767),p=n.n(y);function x(e,t){let{t:n}=(0,u.Bd)("common"),a=(0,m.useRouter)().locale,o=(0,d.e)(),{settings:c}=e.widget;if(!c)return null;let h=(0,s.Ld)(c,"formTitle",a)||n(`form-${r()(c.preset)}-title`),g=(0,s.Ld)(c,"instruction",a),f=(0,s.Ld)(c,"submitMessage",a);return o?.setTitle&&h&&o.setTitle(h),(0,i.useMemo)(()=>(l()(a),{title:h,instruction:g,submitMessage:f,fields:t&&k(t,n)}),[h,g,f,t,n,a])}let M=e=>{let{t}=(0,u.Bd)("common");return k(e,t)};function k(e,t){let n={};return e?.reduce((e,n)=>({...e,[n]:{label:t(`field-${r()(n)}-label`),placeholder:t(`field-${r()(n)}-placeholder`)}}),n)??n}function V(e,t){let{filterFn:n}=t||{},{data:i}=(0,c.Ay)(e?`/api/lookups/${e}`:null,g.GO);return i?n?i?.data.filter(n):i.data:[]}function L(e,t){let{shouldTranslate:n=!0}=t||{},i=V(e,t),a=(0,u.Bd)("common");return i.filter(e=>e.enabled).map(e=>({label:n?(0,h.wJ)(a,e.type,e.name):e.name,value:e.name}))}function b(e){let{query:t}=(0,m.useRouter)(),[n]=(0,i.useState)(t.utm_source),[a]=(0,i.useState)(t.utm_medium),[l]=(0,i.useState)(t.utm_campaign),[o]=(0,i.useState)(t.utm_term),[r]=(0,i.useState)(t.utm_content),c=e.widget.settings.trackingCampaign,u=F()({source:n,medium:a,campaign:l,term:o,content:r}),s=[n,a,l,o,r,c].join("-");return(0,i.useMemo)(()=>F()({trackingCampaign:c,utm:p()(u)?null:u}),[s])}},82762:(e,t,n)=>{n.d(t,{Qh:()=>s,GO:()=>r,f5:()=>c,W3:()=>u,Zv:()=>m});var i=n(3042),a=n.n(i),l=n(4772),o=n(65623);let r=async e=>await fetch(e).then(e=>e.json()),m=e=>e&&e.toUpperCase?e.toUpperCase():e,c=async(e,t,n,i)=>{try{await e.validateFields()}catch(a){l.GA.event(l.GA.actions.formValidationError,l.GA.categories.leads,t,"number"==typeof i?i:void 0,{lead_type:n});let e={preset:t,leadType:n};try{e={...e,outOfDate:a.outOfDate,values:JSON.stringify(a.values,null,2),errorFields:JSON.stringify(a.errorFields,null,2)}}catch(e){(0,o.lQ)(e)}(0,l.captureMessage)("Client-side validation failed",{extra:e})}};function u(e,t){return e?[e[0].hour(8).minute(0).second(0),e[1].hour(17).minute(0).second(0)]:e}let s=(e,t)=>{if(!t)return e;let n=a()(t,"id"),i=a()(t,"sites[0].id"),l={...e};return n&&(l.vehicleId=n),i&&(l.siteLocation=i),l}},92609:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var i=n(62888),a=n(50180),l=n(35125),o=n(62017),r=n(37600),m=n(86116),c=n(32842),u=n(81220),s=n(54209),d=n(69521),h=n(87466);let g=h.Ay.div.withConfig({componentId:"sc-1a807c7b-0"})(["background:",";padding:",";border-radius:",";box-shadow:",";margin:",";@media (width < 768px){margin:",";}.header-label{font-size:",";color:",";padding:",";font-weight:",";margin-bottom:",";text-align:",";}.instruction{text-align:",";margin-bottom:",";padding-left:",";font-size:",";}.ant-form-item-label{text-align:",";}"],e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalBackground,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalPadding,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalBorderRadius,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalBoxShadow,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalMargin,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalMarginMD,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalTitleFontSize,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalTitleColor,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalTitlePadding,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalTitleFontWeight,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalTitleMarginBottom,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalTitleTextAlign,e=>

1e.theme.token?.featureFormLayoutVehicleFinancingMinimalInstructionTextAlign,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalInstructionMarginBottom,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalInstructionPaddingLeft,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalInstructionFontSize,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalItemLabelTextAlign),f=h.Ay.div.withConfig({componentId:"sc-1a807c7b-1"})([".financing-minimal-image{width:",";height:",";min-height:",";object-fit:",";display:",";padding:",";@media (width < 768px){padding:",";}}"],e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalImageWidth,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalImageHeight,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalImageMinHeight,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalImageObjectFit,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalImageDisplay,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalImagePadding,e=>e.theme.token?.featureFormLayoutVehicleFinancingMinimalImagePaddingMD);var F=n(21738);let y=["monthlyRate","finalPaymentFixed"],p=function(e){let{settings:t}=e.widget,{t:n}=(0,o.Bd)("common"),h=(0,d.WP)(e,y),[p]=a.lV.useForm(),x=(0,r.ZN)(),M={...u.getValues(),...s.getValues()},k={required:!0,message:n("validation-required-short")},V=a.lV.useWatch("monthlyRate",{form:p}),L=!!x&&(0,m.cj)(x),b="za"===F.env.NEXT_PUBLIC_MARKET,j=[];L&&V&&j.push(`items%5Brange%5D%5Bmonthly_rate%5D=%3A${V}`);let v=j.join("&"),I=`/${b?"cars-for-sale.html":"fahrzeugsuche.html"}${v?`?${v}`:""}`,w="https://symfio-dev-dealer-website.s3.eu-central-1.amazonaws.com/demo-de/media/gvI3Tc/pages/financing-block-home.png",_=w?{xs:24,sm:24,md:24,lg:24}:{xs:24,sm:24,md:8,lg:8},T=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.fw,{as:t.headingLevel,children:h?.title,className:"header-label"}),h?.instruction&&(0,i.jsx)("div",{className:"instruction",dangerouslySetInnerHTML:{__html:h?.instruction},style:{display:"flex",justifyContent:"flex-start"}}),(0,i.jsxs)(a.lV,{name:"vehicle_financing_minimal",layout:"vertical",form:p,initialValues:M,children:[(0,i.jsxs)(l.fI,{gutter:[20,20],children:[(0,i.jsx)(l.fv,{..._,children:(0,i.jsx)(a.lV.Item,{name:"monthlyRate",label:h?.fields?.monthlyRate.label,rules:[k],children:(0,i.jsx)(c.A,{placeholder:n("form-common-field-input-placeholder")})})}),(0,i.jsx)(l.fv,{..._,children:(0,i.jsx)(a.lV.Item,{name:"finalPaymentFixed",label:h?.fields?.finalPaymentFixed.label,rules:[k],children:(0,i.jsx)(c.A,{placeholder:n("form-common-field-input-placeholder")})})}),(0,i.jsx)(l.fv,{..._,className:"submit-button-col",children:(0,i.jsx)(l.$n,{href:I,block:!0,type:"primary",children:n("calculate-without-obligation")})})]}),u.fields.map(e=>(0,i.jsx)(a.lV.Item,{name:e.name,noStyle:!0,children:(0,i.jsx)(u.Input,{...e.attrs})},e.name)),s.fields.map(e=>(0,i.jsx)(a.lV.Item,{name:e.name,noStyle:!0,children:(0,i.jsx)(s.Input,{...e.attrs})},e.name))]})]});return w?(0,i.jsx)(f,{children:(0,i.jsxs)(l.fI,{gutter:[20,20],children:[(0,i.jsx)(l.fv,{xs:24,md:12,children:(0,i.jsx)("img",{src:w,alt:n("wesbank-financing-minimal-image-alt"),className:"financing-minimal-image"})}),(0,i.jsx)(l.fv,{xs:24,md:12,children:(0,i.jsx)(g,{children:T})})]})}):(0,i.jsx)(g,{children:T})}}}]);