https://brand23-ed-rinke-isuzu.netlify.app/component---src-pages-test-forms-tsx-03b0e17ce26a0579d61e.js

1"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[8221],{12927:function(e,a,t){t.d(a,{o:function(){return d}});var s=t(5130),n=t(91785),i=t(74821),r=t(36557),o=t(62706);const l=(0,n.AH)("max-width:",o.N.contentWidthValue,"px;margin-inline:auto;",(0,i.s)(),";.classStandardPageFullWidth &{&:has(.classStandardComponent){max-width:none;}}.classStandardPageFullWidth &{&:not(:has(.classStandardComponent)){max-width:none;}.classPageFeatureComponent{margin-inline:-",o.N.contentInlineGapsValue,"px;}}@media print{background-color:",r.X.white,";}",""),d=e=>{let{children:a=null,imContainerCustom:t}=e;return(0,n.Y)(s.m,{className:"classImContainer",wrapperCustom:[l,t]},a)}},18653:function(e,a,t){t.r(a),t.d(a,{Head:function(){return B}});var s=t(63696),n=t(91785),i=t(91144),r=t(89338),o=t(5826),l=t(24145),d=t(650),m=t(78635),p=t(27954),c=t(77512),g=t(81128),u=t(42621),h=t(2019),f=t(63658),C=t(38494),S=t(53634),b=t(62232),F=t(19112),x=t(57606),P=t(28333),y=t(11215),v=t(34024),H=t(21900),I=t(89140),Y=t(99815),L=t(65378),M=t(87358),T=t(57647),k=t(38070),N=t(12927),w=t(92250);const{buttonPrimary:A,buttonSizeLarge:q}=r.E,D=(0,n.AH)(A(),";",q(),";&.active{box-shadow:inset 0px 0px 0px 6px var(--primaryColourLight);}&:disabled{opacity:0.4;cursor:not-allowed;}","");var W={name:"1yzanhd",styles:"display:flex;flex-wrap:wrap;gap:5px;margin-bottom:20px"};a.default=()=>{const{brandId:e,dealerId:a}=(0,l.y)(),{0:t,1:r}=(0,s.useState)(!1),k=[{Component:c.FormAccessories,name:"Accessories Enquiry"},{Component:g.FormBasic,name:"Basic Enquiry"},{Component:u.FormBookService,name:"Book a Service"}

1,{Component:h.FormBookTestDrive,name:"Book a Test Drive"},{Component:f.FormCareer,name:"Career Enquiry"},{Component:C.FormChangeOwner,name:"Change of Owner"},{Component:S.FormEmailThisVehicle,name:"Email this Vehicle"},{Component:F.FormFinanceCalculator,name:"Finance Calculator"},{Component:b.FormFinance,name:"Finance Enquiry"},{Component:x.FormFleet,name:"Fleet Enquiry"},{Component:P.FormGetQuote,name:"Get a Quote"},{Component:y.FormMakeOffer,name:"Make an Offer"},{Component:v.FormParts,name:"Parts Enquiry"},{Component:H.FormRegisterInterest,name:"Register Your Interest"},{Component:I.FormRequestBrochure,name:"Request a Brochure"},{Component:Y.FormUpdateDetails,name:"Update My Details"},{Component:L.FormValueTradeIn,name:"Value Trade In"}],A=k.length,{0:q,1:B}=(0,s.useState)(null),V=W,R=(0,n.AH)("display:grid;grid-template-columns:repeat(1, 1fr);gap:10px;&.classNarrowWidth{",(0,o.HG)(d.f.md),"{grid-template-columns:repeat(2, 1fr);.classFormFinanceCalc{grid-column:span 2;}}",(0,o.HG)(d.f.lg),"{grid-template-columns:repeat(3, 1fr);.classFormFinanceCalc{grid-column:span 3;}}}",""),{0:E,1:O}=(0,s.useState)(!1);return(0,s.useEffect)((()=>{if(E)return;window.prompt("This page is for internal use and test purpose only. Please enter the password to continue.")===e+"pedaltometal"+a?O(!0):window.location.href="/"}),[]),E?(0,n.Y)(T.P,{classNamePage:"classPageTest"},(0,n.Y)(M.A,{isHeadingAlternative:!0,pageHeadingText:"Test Forms Page"}),(0,n.Y)(w.Y,null,(0,n.Y)(N.o,null,(0,n.Y)(i.fV,null,"Standard Forms (",A,") - Filter"),(0,n.Y)("div",{css:V},k.map((e=>(0,n.Y)(m.$,{key:e.name,className:e.name===(null==q?void 0:q.name)?"active":"",buttonLinkCustom:D,onClick:()=>(e=>{B(e)})(e)},e.name)))),(0,n.Y)(i.fV,null,"Change Width / Show All"),(0,n.Y)("div",{css:V},(0,n.Y)(m.$,{buttonLinkCustom:D,onClick:()=>{r(!t)}},t?"Change to Narrow Width":"Change to Full Width"),(0,n.Y)(m.$,{buttonLinkCustom:D,onClick:()=>{B(null)},disabled:!q},"Show All Forms")),(0,n.Y)("div",{className:t?"classFullWidth":"classNarrowWidth",css:R},(0,n.Y)(p.i,null,q?(0,n.Y)("div",{className:"FormFinanceCalculator"===q.Component.name?"classFormFinanceCalc":"classForm"},(0,n.Y)(q.Component,{formId:q.name})):k.map(((e,a)=>{const{Component:t,name:s}=e;return(0,n.Y)("div",{className:"Finance Calculator"===e.name?"classFormFinanceCalc":"classForm",key:s},(0,n.Y)(t,{formId:a.toString()}))}))))))):null};const B=()=>(0,n.Y)(k.G,{seoTitle:"Test Forms",seoDescription:"Test page for all iMotor forms"},(0,n.Y)("meta",{name:"robots",content:"noindex"}))},43555:function(e,a,t){t.d(a,{q:function(){return f}});var s=t(17474),n=t(36557),i=t(62706);const r=(0,s.X_)(),o=["28px","32px","40px"],l=["28px","30px","36px"],d="none",m="center",p="left",c=["24px","30px","36px"],g=["24px","30px","36px"],u=["16px","16px","16px"],h=["18px","18px","18px"],f={phFontStack:r,phColor:n.X.black,phSizeSm:o[0],phSizeMd:o[1],phSizeLg:o[2],phLineHeightSm:l[0],phLineHeightMd:l[1],phLineHeightLg:l[2],phTransform:d,phLetterSpacing:"0",phAlignSm:m,phAlignLg:p,phStandardPaddingSm:"24px",phStandardPaddingMd:"40px",phStandardPaddingLg:"55px",phMarginBottomSm:"40px",phMarginBottomLg:"60px",phMinHeightSm:"auto",phMinHeightMd:"auto",phMinHeightLg:"auto",phAltColor:n.X.white,phAltBg:n.X.black80,phAltPadding:"24px",phModelNameExceptions:void 0,biTextAlignMobile:"center",biTextAlignDesktop:"center",biTextWrapperFlexJustifyMobile:"center",biTextWrapperFlexJustifyDesktop:"center",biTextWrapperPaddingMobile:"0 15px",biTextWrapperPaddingDesktop:"0 15px",biTextWrapperDarkTextShadow:"0 0 10px rgba(255, 255, 255, 1)",biTextWrapperDarkTextBg:"",biTextWrapperLightTextShadow:"0 0 10px rgba(0, 0, 0, 1)",biTextWrapperLightTextBg:"",bihFontStack:r,bihSizeSm:c[0],bihSizeMd:c[1],bihSizeLg:c[2],bihLineHeightSm:g[0],bihLineHeightMd:g[1],bihLineHeightLg:g[2],bihNoSubheadingTransform:"translateY(-30%)",bihTransform:d,bihLetterSpacing:"0",bihPadding:"",bihMaxWidth:i.N.contentWidthValue+"px",bihAlignSm:m,bihAlignLg:p,bishFontStack:r,bishSizeSm:u[0],bishSizeMd:u[1],bishSizeLg:u[2],bishLineHeightSm:h[0],bishLineHeightMd:h[1],bishLineHeightLg:h[2],bishTransform:d,bishLetterSpacing:"0",bishPadding:"",bishMaxWidth:i.N.contentWidthValue+"px",bishAlignSm:m,bishAlignLg:p,bishGapTopSm:"8px",bishGapTopLg:"24px"}}

1,65378:function(e,a,t){t.r(a),t.d(a,{FormValueTradeIn:function(){return O}});var s=t(63696),n=t(51149),i=t(21698),r=t(54834),o=t(10898),l=t(72407),d=t(17972),m=t(97074),p=t(2290),c=t(74447),g=t(79124),u=t(51089),h=t(13276),f=t(79511),C=t(90287),S=t(40675),b=t(34995),F=t(19890),x=t(52466),P=t(62741),y=t(10560),v=t(41129),H=t(18031),I=t(24145),Y=t(3974),L=t(37771),M=t(26443),T=t(78887),k=t(98335),N=t(19951),w=t(9785),A=t(87415),q=t(63021),D=t(32120),W=t(30913),B=t(770),V=t(19023),R=t(4575),E=t(91785);const O=e=>{let{additionalFormData:a,closeFormModal:t,showLocations:O=!0,formHeading:z="",formId:G,formOnModal:j=!1,imFormBackgroundWrapperCustom:_,imFormHeadingCustom:U,imFormItemCustom:K,imFormInputRowCustom:$,imFormWrapperCustom:Q,specialId:X="",specialSlug:J="",specialTitle:Z="",specialsReferenceCode:ee="",stockDetails:ae,stockDetailsSlug:te,isStockDetailsDynamic:se}=e;const{addressTypes:ne,formValueTradeIn:ie}=d.U,{dealerId:re}=(0,I.y)(),{siteType:oe}=(0,Y.j)(),le=oe===p.D.oem,de=!j,me=de?k.Y_:M.v,{tradeMakeLabel:pe}=(0,y.V)(),ce=J?(0,S.b)(J):"",ge=te?(0,S.b)(te):"",{0:ue,1:he}=(0,s.useState)(""),fe=m.ec.FormValueTradeIn,{heading:Ce,formShortName:Se}=fe,{handleFormOpen:be,handleFormInteracted:Fe}=(0,x.Y)(Se),{isDealerPayload:xe,preferredDealerPayload:Pe}=(0,P.h)();(0,s.useEffect)((()=>{(0,s.startTransition)((()=>he((0,i.A)()))),(0,u.Q)({eventName:l.R.formOpen,eventInfo:{form_name:Se,form_category:"lead_aftersales",form_type:j?"modal":"embedded",form_step_name:"start",form_step_number:"step-0"}}),be()}),[]);const{0:ye,1:ve}=(0,s.useState)({}),{0:He,1:Ie}=(0,s.useState)(!1),{0:Ye,1:Le}=(0,s.useState)(!1),[Me,Te]=(0,v.Mj)(c.fD,{}),ke=Object.assign({},le&&{addressType:ne.private.value},{comments:"",tradeMake:"",tradeModel:"",tradeYear:"",tradeOdometer:"",tradeVehicleCondition:50,tradeIn:!0},ie.isMarketing&&{marketing:ie.isMarketingChecked},ie.isTerms&&{terms:ie.isTermsChecked}),{0:Ne,1:we}=(0,s.useState)(Object.assign({},ke)),Ae=(0,s.useRef)(null),{0:qe,1:De}=(0,s.useState)(!1),We=e=>{"string"!=typeof e&&(Te((a=>Object.assign({},a,e))),Fe())},Be=e=>{"object"==typeof e&&(we(Object.assign({},Ne,e)),Fe())},{0:Ve,1:Re}=(0,s.useState)(""),Ee=e=>He&&ye[e]?"classFormError":"",Oe=()=>{const e=Object.assign({formId:parseInt(G,10),specialsReferenceCode:ee,specialTitle:Z,specialUrl:ce,specialId:X,firstName:null==Me?void 0:Me.firstName,lastName:null==Me?void 0:Me.lastName,phone:null==Me?void 0:Me.phone,email:null==Me?void 0:Me.email},O&&{dealerLocation:null==Me?void 0:Me.dealerLocation},xe&&Pe,Ne,ae&&{make:ae.make,model:ae.model,badge:ae.variations,year:ae.year,stockId:ae.id,stockUrl:ge},Ve&&{attachments:[{name:"Trade-in Image",url:Ve}]},a);return(0,n.z)(e,o.Po)},{0:ze,1:Ge}=(0,s.useState)(!1),je=()=>{Ge(!1),Le(!1),we(Object.assign({},ke)),Re(""),Ae.current&&(Ae.current.value="")},{handleReCaptchaVerify:_e,recaptchaReady:Ue,isLoading:Ke}=(0,H.V)((async()=>{Le(!0);const e=Object.values(ye)&&Object.values(ye).reduce(((e,a)=>e||a),!1);if(Ie(e),!e)try{var a,t;if(null!==(a=Ae.current)&&void 0!==a&&null!==(t=a.files)&&void 0!==t&&t[0]){const e=Ae.current.files[0];if(!(0,C.VW)(e,r.q))return void Ie(!0);const a=await(0,F.S)(e,re,"images");Re(a)}await(0,h.M)(Me,Te),(0,g.$)("Hard Lead","Stock Value My Trade-In"),(0,b.t)({formId:parseInt(G,10),formShortName:Se}),(0,f.JP)(ae),ae&&(0,f.tZ)(ae),de&&Ge(!0),de||De(!0)}catch(s){Ie(!0)}}));return(0,E.Y)(s.Fragment,null,!qe&&(0,E.Y)("div",{className:"classStandardComponent classStandardForm",css:[me,_,""]},(0,E.Y)("div",{css:[k.cU,Q,""]},(0,E.Y)("form",{css:[k.ao,K,""],id:Se,name:Se,acceptCharset:"utf-8",onSubmit:e=>{e.preventDefault(),_e()}},(0,E.Y)(V.h,{formOnPage:de,isSubmitted:Ye,isFormErrorStatus:He,fileMessageType:"image",imFormHeadingCustom:U},z||Ce),(0,E.Y)("div",{css:T.uf},(0,E.Y)("div",{className:"classImFormCol",css:T.hL},(0,E.Y)(W.o,{formShortName:Se,uniqueId:ue,userInfo:Me,handleUserInfoChange:We,getFormErrorClassName:Ee,setErrors:ve,otherInfo:Ne,handleOtherInfoChange:Be,showAddressType:le})),(0,E.Y)("div",{className:"classImFormCol",css:T.hL},(0,E.Y)(R.FormSectionHeading,null,"Your Vehicle Details"),(0,E.Y)("div",{className:"classImFormInputRow",css:[T.lp,$,""]},(0,E.Y)(N.InputLabelNestedControlled,{isRequired:!0,idName:Se+"InBrand-"+ue,typeName:"text",placeholder:pe+" name",inputValue:Ne.tradeMake,inputValueKey:"tradeMake",handleChange:Be},pe)),(0,E.Y)("div",{className:"classImFormInputRow",css:[T.lp,$,""]},(0,E.Y)(N.InputLabelNestedControlled,{isRequired:!0,idName:Se+"Model-"+ue,typeName:"text",placeholder:"Model Name",inputValue:Ne.tradeModel,inputValueKey:"tradeModel",handleChange:Be},"Model")),(0,E.Y)("div",{className:"classImFormInputRow",css:[T.lp,$,""]},(0,E.Y)(N.InputLabelNestedControlled,{isRequired:!0,className:Ee("year"),idName:Se+"Year-"+ue,typeName:"number",placeholder:"Year",inputValue:Ne.tradeYear,inputValueKey:"tradeYear",handleChange:Be,validationRequired:!0,validateFieldType:"year",handleErrors:ve},"Year")),(0,E.Y)("div",{className:"classImFormInputRow",css:[T.lp,$,""]},(0,E.Y)(N.InputLabelNestedControlled,{isRequired:!0,className:Ee("odometer"),idName:Se+"Odometer-"+ue,typeName:"number",placeholder:"Odometer",inputValue:Ne.tradeOdometer,inputValueKey:"tradeOdometer",handleChange:Be,validationRequired:!0,validateFieldType:"odometer",handleErrors:ve},"Odometer")),(0,E.Y)("div",{className:"classImFormInputRow",css:[T.lp,$,""]},(0,E.Y)(w.Q,{inputFileRef:Ae,idName:Se+"InputFileImage-"+ue,accept:"image/*",allowedExtensions:r.q,className:Ee("tradeImage"),handleErrors:ve,validationRequired:!0,validateFieldType:"fileLessThan5Mb",inputValueKey:"tradeImage"},"Upload Image (Maximum Size 5MB)")),(0,E.Y)("div",{className:"classImFormInputRow",css:[T.lp,$,""]},(0,E.Y)(q.f,{sliderLabel:"Vehicle Condition",sliderValue:Ne.tradeVehicleC

1ondition,sliderValueKey:"tradeVehicleCondition",valueRange:[0,100],dots:!0,hideSliderValue:!0,marks:{0:"Poor",50:"Average",100:"Excellent"},step:25,handleChange:Be,rangeSliderWrapperCustom:A.un})),(0,E.Y)(B.v,{currentForm:fe,stockLocation:null==ae?void 0:ae.location,uniqueId:ue,otherInfo:Ne,handleOtherInfoChange:Be,userInfo:Me,handleUserInfoChange:We,handleErrors:ve,isSubmitted:Ye,isComments:ie.isComments,isLocations:O,isGroupModel:ie.isGroupModel,isFooterLegalHeading:ie.isFooterLegalHeading,isMarketing:ie.isMarketing,isMarketingRequired:ie.isMarketingRequired,isTerms:ie.isTerms,isTermsRequired:ie.isTermsRequired,isAlternativeLegalText:ie.isAlternativeLegalText,isSubmitDisabled:Ke||!1===Ue,isStockDetailsDynamic:se}))))),ze&&(0,E.Y)(L.a,{modalWrapperCustom:M.Du,modalContentCustom:M.pW,modalShowed:ze,closeModal:je},(0,E.Y)(D.C,{formShortName:Se,getFormData:Oe,closeMessage:je}))),qe&&(0,E.Y)(D.C,{formShortName:Se,getFormData:Oe,closeMessage:t}))}},87358:function(e,a,t){t.d(a,{A:function(){return u}});var s=t(91144),n=t(93620),i=t(11095),r=t(88232),o=t(91785),l=t(5826),d=t(650),m=t(43555);const p=(0,o.AH)("padding:",m.q.phStandardPaddingSm," 0px;",(0,l.HG)(d.f.md),"{padding:",m.q.phStandardPaddingMd," 0px;}",(0,l.HG)(d.f.lg),"{padding:",m.q.phStandardPaddingLg," 0px;}&.classPageHeadingAltWrapper,.classIsPageHeadingAbove.classHasBanner &{padding:",m.q.phAltPadding," 0;}&.classPageHeadingAltWrapper{background-color:",m.q.phAltBg,";}",""),c={name:"1x0s48h",styles:".classStandardPageFullWidth &{max-width:none;}"},g=(0,o.AH)(m.q.phFontStack,";font-size:",m.q.phSizeSm,";line-height:",m.q.phLineHeightSm,";text-transform:",m.q.phTransform,";letter-spacing:",m.q.phLetterSpacing,";text-align:",m.q.phAlignSm,";color:",m.q.phColor,";min-height:",m.q.phMinHeightSm,";margin:0;",(0,l.HG)(d.f.sm),"{text-align:",m.q.phAlignLg,";}",(0,l.HG)(d.f.md),"{font-size:",m.q.phSizeMd,";line-height:",m.q.phLineHeightMd,";min-height:",m.q.phMinHeightMd,";}",(0,l.HG)(d.f.lg),"{font-size:",m.q.phSizeLg,";line-height:",m.q.phLineHeightLg,";min-height:",m.q.phMinHeightLg,";}.classPageHeadingAltWrapper &{color:",m.q.phAltColor,";}.classModelName{",m.q.phModelNameExceptions,";}",""),u=e=>{let{pageHeadingText:a="",isHeadingAlternative:t=!1,pageHeadingWrapperCustom:l,pageHeadingCustom:d,renderH1:m=!0}=e;return!!a?(0,o.Y)("div",{className:t?"classPageHeadingAltWrapper":"classPageHeadingWrapper",css:[p,l,""]},(0,o.Y)(i.Q,{containerPaddedCustom:c},m?(0,o.Y)(s._,{heading1Custom:[g,d]},(0,o.Y)(n.$,{disallowedElements:["p","div"],unwrapDisallowed:!0},(0,r.r)(a))):(0,o.Y)(s.fV,{heading2Custom:[g,d]},(0,o.Y)(n.$,{disallowedElements:["p","div"],unwrapDisallowed:!0},(0,r.r)(a))))):null}},92250:function(e,a,t){t.d(a,{Y:function(){return f}});var s=t(5130),n=t(91785),i=t(5826),r=t(650),o=t(43555);const l=(0,n.AH)("padding-bottom:40px;",(0,i.HG)(r.f.lg),"{padding-bottom:60px;}",""),d=(0,n.AH)("padding-block:40px;",(0,i.HG)(r.f.lg),"{padding-block:60px;}",""),m={name:"1n8met0",styles:"padding-top:0"},p={name:"18g08sj",styles:"padding-bottom:0"},c={name:"1hcx8jb",styles:"padding:0"},g=(0,n.AH)("margin-block-start:",o.q.phMarginBottomSm,";",(0,i.HG)(r.f.lg),"{margin-block-start:",o.q.phMarginBottomLg,";}",""),u={name:"19m435s",styles:"margin-block-start:0"},h=(0,n.AH)(l,".classPageStandard &:only-child:not(:has(.classPageFeatureComponent:first-of-type.classItemRequiresPadding, .classHhCarouselWrapper)){",d,";}.classPageNonStandard:not(\n      .classPageBuildBuyConfigurator,\n      .classPageAccessoriesDetails,\n      .classPageLocateDealerDetails,\n      .classPageStockDetails,\n      .classPageBlogPostDetails\n    ) &:only-child{",d,";}.classPageEmbedded.classPageStandard &{&:only-child:not(:has(.classPageFeatureComponent:first-of-type.classItemRequiresPadding, .classHhCarouselWrapper)){",c,";}}.classPageStandard.classPageStandard.classPageStandard.classPageStandard.classStandardPageNoPaddingTop &{padding-top:0;}.classPageStandard.classPageStandard.classPageStandard.classPageStandard.classStandardPageNoPaddingBottom &{padding-bottom:0;}.classHasNoBanner.classIsPageHeadingTypeAlt+&{",g,";}.classIsPageHeadingBelow.classIsPageHeadingTypeAlt+&{",g,";}.classHasBanner.classHasNoPageHeading+&{",g,";}.classIsPageHeadingAbove.classHasBanner+&{",g,";}.classPagePrivacy .classPageHeadingAltWrapper+&{",g,";}.classPageTermsOfUse .classPageHeadingAltWrapper+&{",g,";}.classPageTest .classPageHeadingAltWrapper+&{",g,";}.classJumpMenu+&{",g,";}&:has(.classPageFeatureComponent:first-of-type){",u,";}.classPageStock &,.classPageSpecialsDealerDetails &,.classPageSpecialsBrandDetails &,.classPageBlogPostDetails &,.classPageBlogPostsByTagDetails &,.classPageAccessoriesDetails &,.classPageLocateDealerDetails &,.classPageBuildBuyIndex &,.classPageBuildBuyConfigurator &,.classPageBuildBuyConversion &{",m,";}.classPageLocateDealerDetails &:has(.classReviewsCarouselWrapper, .classSpgCarouselWrapper){",p,";}@media print{",c,";}",""),f=e=>{let{children:a=null,className:t,imContentCustom:i}=e;return(0,n.Y)(s.m,{className:"classImContent "+(t||""),wrapperCustom:[h,i]},a)}}}]);