https://www.jamba.com/_next/static/chunks/1825.5fa2282eb0daad12.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1825],{49899:function(e,l,i){var o=i(27573);l.Z=e=>{let{width:l,height:i,fill:t,id:n,stroke:d,onClick:c}=e;return(0,o.jsxs)("svg",{id:n,onClick:c,width:l,height:i,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,o.jsx)("rect",{x:.5,y:.5,width:23,height:23,rx:3.5,fill:d,stroke:d,style:{pointerEvents:"none"}}),(0,o.jsx)("path",{d:"M18.7071 8.70711C19.0976 8.31658 19.0976 7.68342 18.7071 7.29289C18.3166 6.90237 17.6834 6.90237 17.2929 7.29289L10.5 14.0858L7.20711 10.7929C6.81658 10.4024 6.18342 10.4024 5.79289 10.7929C5.40237 11.1834 5.40237 11.8166 5.79289 12.2071L9.79289 16.2071C10.1834 16.5976 10.8166 16.5976 11.2071 16.2071L18.7071 8.70711Z",fill:t})]})}},61825:function(e,l,i){i.r(l),i.d(l,{CheckOutVehicleInfo:function(){return C}});var o=i(27573),t=i(7653),n=i(64387),d=i(51699),c=i(31849),v=i(2263),a=i(86686),u=i(93636),s=i(21120),r=i(2829),h=i(71409),f=i(15514),m=i(83125),x=i(79386),k=i(40387),I=i(13890),g=i(9589),_=i(41592),b=i(77517);let C=()=>{var e,l,i,C,j,p,y,w,L,V,H,N,S,E,T;let{t:$}=(0,d.$G)(),{status:A}=(0,n.useSession)(),{fetchVehicles:P}=(0,b.Q)(),{getOrderConfirmationDetails:B,getOrderHistory:Z}=(0,_.Z)(),{showApiFailure:D}=(0,k.useToast)(),U=(0,a.CG)(e=>e.checkout),O=(0,a.TL)(),{checkoutContactInfo_DisclaimerIcon:F}=f.assets,J=(0,t.useRef)(null),{register:R,errors:G,setValue:M,isSubmitted:X,trigger:q}=(0,I._)(g.B2),z=(null==U?void 0:U.VehicleList)&&(null==U?void 0:null===(e=U.VehicleList)||void 0===e?void 0:e.length)<m.beN;(0,t.useEffect)(()=>{if(A===m.iyH.AUTH){var e,l,i;M("make",null==U?void 0:null===(e=U.vehicleInfo)||void 0===e?void 0:e.make),M("model",null==U?void 0:null===(l=U.vehicleInfo)||void 0===l?void 0:l.model),M("color",null==U?void 0:null===(i=U.vehicleInfo)||void 0===i?void 0:i.color)}},[A,null==U?void 0:U.vehicleInfo]);let Q=async()=>{var e,l,i;if(null==U?void 0:null===(e=U.VehicleList)||void 0===e?void 0:e.length){let{make:e,model:o,color:t}=null!==(i=null==U?void 0:null===(l=U.VehicleList)||void 0===l?void 0:l[0])&&void 0!==i?i:{};O((0,c.$P)({...U,vehicleInfo:{make:e,model:o,color:t}}))}},Y=async()=>{try{let e=await P();O((0,c.$P)({...U,VehicleList:null==e?void 0:e.data}))}catch(c){var e,l,i,o,t,n,d;D(null!==(d=null==c?void 0:null===(o=c.response)||void 0===o?void 0:null===(i=o.data)||void 0===i?void 0:null===(l=i.error)||void 0===l?void 0:null===(e=l[0])||void 0===e?void 0:e.message)&&void 0!==d?d:null==c?void 0:null===(n=c.errors)||void 0===n?void 0:null===(t=n[0])||void 0===t?void 0:t.message)}},K=async()=>{var e,l,i,o,t,n;try{let{data:i}=await Z(),o=null==i?void 0:i.find(e=>e.handOff===m.kow);if(null==o?void 0:o.orderId){let{data:i}=await B(null==o?void 0:o.orderId);if(null==i?void 0:i.vehicle){let[o,t,n]=i.vehicle.split(",").map(e=>e.trim()),d=null==U?void 0:null===(e=U.VehicleList)||void 0===e?void 0:e.find(e=>(null==e?void 0:e.make)===o&&(null==e?void 0:e.model)===t&&(null==e?void 0:e.color)===n),v=(null==d?void 0:d.id)?d:null==U?void 0:null===(l=U.VehicleList)||void 0===l?void 0:l[0];if(v){let{make:e,model:l,color:i}=v;O((0,c.$P)({...U,vehicleInfo:{make:e,model:l,color:i}}))}}else Q()}else Q()}catch(e){D(null!==(n=null==e?void 0:null===(i=e[0])||void 0===i?void 0:i.message)&&void 0!==n?n:null==e?void 0:null===(t=e.errors)||void 0===t?void 0:null===(o=t[0])||void 0===o?void 0:o.message)}};return(0,t.useEffect)(()=>{A===(null===m.iyH||void 0===m.iyH?void 0:m.iyH.AUTH)&&Y()},[A]),(0,t.useEffect)(()=>{A===(null===m.iyH||void 0===m.iyH?void 0:m.iyH.AUTH)&&K()},[A,null==U?void 0:null===(l=U.VehicleList)||void 0===l?void 0:l.length]),(0,t.useEffect)(()=>{0===Object.keys(G).length&&O((0,c.np)({...null==U?void 0:U.error,vehicleInfo:!1}))},[0===Object.keys(G).length,null==U?void 0:U.vehicleInfo]),(0,t.useEffect)(()=>{var e;if(null==U?void 0:null===(e=U.error)||void 0===e?void 0:e.vehicleInfo){q();let e=J.current?J.current.getBoundingClientRect().top+window.scrollY-10:0;window.scrollTo({top:e,behavior:"smooth"})}},[null==U?void 0:null===(i=U.error)||void 0===i?void 0:i.vehicleInfo,null==U?void 0:U.vehicleInfo,J]),(0,o.jsxs)("div",{className:"borderContainer",ref:J,children:[(0,o.jsxs)("div",{className:"vehicleInfoCont",children:[(0,o.jsx)("h3",{className:"checkoutSubHeaderText","data-testid":"txt_checkout_vehicleInfoHeader",children:$("checkout.vehicleInfoTitle.text")}),A===m.iyH.AUTH&&(0,o.jsx)(u.z,{title:$("checkout.vehicle.viewSavedCars"),testid:"bt

1n_view_saved_cars",onClick:()=>{O((0,v.pF)({showVehicles:!0}))}})]}),(0,o.jsx)("div",{className:"mt-5",children:(0,o.jsxs)("form",{"data-testid":"from_checkout_vehicle_info",noValidate:!0,children:[(0,o.jsx)(h.A,{label:$("account.vehicle.makeInput.text"),type:"text",onChange:e=>{let l=e.target.value;(0,x.BbJ)(l,"make",(e,l)=>{M(e,l,{shouldValidate:X})},!0,!0),O((0,c.$P)({...U,vehicleInfo:{...null==U?void 0:U.vehicleInfo,make:l,isSelected:!1}}))},register:R("make"),testid:"txt_checkout_make",name:"make",error:null===(j=G.make)||void 0===j?void 0:null===(C=j.message)||void 0===C?void 0:C.toString(),containerClassName:"mt-6",maxLength:20,value:null==U?void 0:null===(p=U.vehicleInfo)||void 0===p?void 0:p.make,onBlur:e=>{let l=e.target.value;M("make",null==l?void 0:l.trim(),{shouldValidate:X}),O((0,c.$P)({...U,vehicleInfo:{...null==U?void 0:U.vehicleInfo,make:l}}))}}),(0,o.jsx)(h.A,{label:$("account.vehicle.modelInput.text"),type:"text",onChange:e=>{let l=e.target.value;(0,x.BbJ)(l,"model",(e,l)=>{M(e,l,{shouldValidate:X})},!0,!0),O((0,c.$P)({...U,vehicleInfo:{...null==U?void 0:U.vehicleInfo,model:l,isSelected:!1}}))},register:R("model"),testid:"txt_checkout_model",name:"model",error:null===(w=G.model)||void 0===w?void 0:null===(y=w.message)||void 0===y?void 0:y.toString(),containerClassName:"mt-6",maxLength:20,value:null==U?void 0:null===(L=U.vehicleInfo)||void 0===L?void 0:L.model,onBlur:e=>{let l=e.target.value;M("model",null==l?void 0:l.trim(),{shouldValidate:X}),O((0,c.$P)({...U,vehicleInfo:{...null==U?void 0:U.vehicleInfo,model:l}}))}}),(0,o.jsx)(h.A,{label:$("account.vehicle.colorInput.text"),type:"text",onChange:e=>{let l=e.target.value;(0,x.BbJ)(l.trimStart(),"color",(e,l)=>{M(e,l,{shouldValidate:X})},!0,!0),O((0,c.$P)({...U,vehicleInfo:{...null==U?void 0:U.vehicleInfo,color:l,isSelected:!1}}))},register:R("color"),testid:"txt_checkout_color",name:"color",error:null===(H=G.color)||void 0===H?void 0:null===(V=H.message)||void 0===V?void 0:V.toString(),containerClassName:"mt-6",value:null==U?void 0:null===(N=U.vehicleInfo)||void 0===N?void 0:N.color,maxLength:20})]})}),A===m.iyH.AUTH&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"contactInfoContainer",children:(0,o.jsx)("div",{className:"defaultMethod",children:(0,o.jsx)(s.X,{label:$("checkout.vehicleInfoCardDefault.text"),name:$("checkout.AddcardcardDefault.text"),register:R,defaultValue:null==U?void 0:null===(S=U.vehicleInfo)||void 0===S?void 0:S.isSaveDefault,testid:"txt_checkout_car_default_checkbox",onClick:()=>{var e;O((0,c.$P)({...U,vehicleInfo:{...null==U?void 0:U.vehicleInfo,isSaveDefault:!(null==U?void 0:null===(e=U.vehicleInfo)||void 0===e?void 0:e.isSaveDefault)}}))},disable:!z||(null==U?void 0:null===(E=U.vehicleInfo)||void 0===E?void 0:E.isSelected),isResetCheckbox:null==U?void 0:null===(T=U.vehicleInfo)||void 0===T?void 0:T.isSelected})})}),!z&&(0,o.jsxs)("div",{className:"contactInfoContainer",children:[(0,o.jsx)("span",{children:(0,o.jsx)(r.Z,{...F,id:"img_checkout_contactinfo_disclaimericon"})}),(0,o.jsx)("p",{className:"contactInformation","data-testid":"txt_checkout_max_vehicle_limit",children:$("checkout.vehicle.maxlimit.text")})]})]})]})}},21120:function(e,l,i){i.d(l,{X:function(){return v}});var o=i(27573),t=i(7653),n=i(10607),d=i(49899),c=i(15514);let v=e=>{let{label:l,defaultValue:i=!1,name:v,register:a,required:u=!1,testid:s,ariaLabel:r,onClick:h,disable:f=!1,isResetCheckbox:m=!1}=e,[x,k]=(0,t.useState)(!1),{checkBox_Icon:I,checkMark_Icon:g}=c.assets,_=()=>k(e=>!e),b=x?I:g;(0,t.useEffect)(()=>{x!==i&&k(i)},[i]);let C=a(v,{onChange:()=>{_(),null==h||h()}});return(0,t.useEffect)(()=>{m&&k(!1)},[m]),(0,o.jsxs)("label",{"data-testid":"txt_check_box_label",className:"checkboxLabel ".concat((0,n.Z)(x&&"checked")),htmlFor:s,children:[(0,o.jsx)("input",{type:"checkbox",className:"fbr-checkbox-input",id:s,checked:x,...C,onChange:null==C?void 0:C.onChange,ref:null==C?void 0:C.ref,required:u,"data-testid":s,"aria-label":r,tabIndex:0,disabled:f}),(0,o.jsx)(d.Z,{...b,id:"img_check_box"}),l]})}}}]);