{"version":3,"sources":["XSRE.js","reportWebVitals.js","index.js"],"names":["XSRE","props","state","items","selected_items","first_name","last_name","phone","email","errors","isSubmitting","isSent","show","demo_model","handleToggle","bind","handleTextInput","submitLead","handleModalClose","handleModalOpen","handleSlideChange","this","getSlides","event","setState","target","value","model_id","fetch","method","headers","authToken","then","response","json","final","map","v","checked","console","log","error","string_of_accessories","forEach","item","sku","toString","slice","jsonBody","lead","vin","make","model","year","body","JSON","stringify","add_or_remove","name","i_index","item_array","findIndex","i","selected_items_array","push","si_index","splice","parentElement","classList","preventDefault","newErrors","findFormErrors","Object","keys","length","submitInternal","submitExternal","setTimeout","test","emailIsValid","phoneIsValid","e","settings","dots","infinite","speed","slidesToShow","className","Button","onClick","variant","id","style","backgroundImage","image_url","type","onChange","title","Modal","onHide","backdrop","size","keyboard","Header","closeButton","dealer","Body","src","modalImageUrl","Form","Group","Control","isInvalid","placeholder","Feedback","disabled","Footer","Component","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"oTAUqBA,E,kDAEnB,WAAYC,GAAO,IAAD,8BAChB,cAAMA,IACDC,MAAQ,CACdC,MAAO,GACPC,eAAe,GACfC,WAAW,GACXC,UAAU,GACVC,MAAM,GACNC,MAAM,GACNC,OAAO,GACPC,cAAa,EACbC,QAAO,EACPC,MAAK,EACLC,WAAW,GAGZ,EAAKC,aAAe,EAAKA,aAAaC,KAAlB,gBACpB,EAAKC,gBAAkB,EAAKA,gBAAgBD,KAArB,gBACvB,EAAKE,WAAa,EAAKA,WAAWF,KAAhB,gBAClB,EAAKG,iBAAmB,EAAKA,iBAAiBH,KAAtB,gBACxB,EAAKI,gBAAkB,EAAKA,gBAAgBJ,KAArB,gBACvB,EAAKK,kBAAoB,EAAKA,kBAAkBL,KAAvB,gBArBP,E,qDAwBlB,WACCM,KAAKC,c,+BAGN,SAAkBC,GAIjBF,KAAKG,SAAS,CAAEpB,eAAgB,KAChCiB,KAAKG,SAAS,CAAErB,MAAO,KACvBkB,KAAKC,UAAUC,EAAME,OAAOC,S,uBAI7B,WAAwB,IAAD,OAAbC,EAAa,uDAAF,EAEpBC,MAAM,kBAAD,OAAmBD,EAAnB,eACJ,CAACE,OAAQ,MACVC,QAAS,CACP,cAAgB,UAAhB,OAA2BT,KAAKpB,MAAM8B,cAGnCC,MAAK,SAAAC,GACF,OAAOA,EAASC,UAEnBF,MAAK,SAAAE,GACR,IAAMC,EAAQD,EAAKE,KAAI,SAAAC,GAAC,kCAASA,GAAT,IAAYC,SAAS,OAC7CC,QAAQC,IAAI,eAAgBL,GACtB,EAAKX,SAAS,CAACrB,MAAOgC,OAZ9B,OAcW,SAAAM,GACHF,QAAQC,IAAIC,Q,4BAKrB,WACA,IAAIC,EAAwB,GAC5BrB,KAAKnB,MAAME,eAAeuC,SAAQ,SAAUC,GAC3CF,EAAwBA,EAAwBE,EAAKC,IAAIC,WAAa,OAEvEJ,EAAwBA,EAAsBK,MAAM,GAAI,GAExD,IAAMC,EAAW,CAChBC,KAAK,CACHC,IAAI7B,KAAKpB,MAAMiD,IACfC,KAAK9B,KAAKpB,MAAMkD,KAChBC,MAAM/B,KAAKpB,MAAMmD,MACjBC,KAAKhC,KAAKpB,MAAMoD,KAChBlD,MAAOuC,IAGVd,MAAM,gBACN,CACAC,OAAQ,OACRyB,KAAMC,KAAKC,UAAUR,GACrBlB,QAAU,CACJ,eAAgB,mBAChB,OAAU,mBACb,cAAgB,kFAGlBE,MAAK,SAAAC,GACJ,OAAOA,EAASC,UAEjBF,MAAK,SAAAE,GACLK,QAAQC,IAAI,WAAYN,MAdzB,OAgBO,SAAAO,GAENF,QAAQC,IAAIC,Q,4BAIb,c,0BAMA,SAAalB,GACZ,IAAIkC,EAAgBlC,EAAME,OAAOa,QAC7BO,EAAMtB,EAAME,OAAOiC,KACvB,IAAsB,IAAlBD,EAAyB,EAKd,IADZE,GADAC,EAAavC,KAAKnB,MAAMC,OACH0D,WAAU,SAAAC,GAAC,OAAIA,EAAEjB,KAAOA,QAEhDe,EAAWD,GAASrB,SAAQ,GAE7B,IAAIM,EAAOgB,EAAWD,IAClBI,EAAuB1C,KAAKnB,MAAME,gBACjB4D,KAAKpB,GACxBvB,KAAKG,SAAS,CACdrB,MAAMyD,EACNxD,eAAe2D,SAGV,IAAsB,IAAlBN,EAA0B,CAErC,IAEIE,EAFAC,EAAavC,KAAKnB,MAAMC,MACxB4D,EAAuB1C,KAAKnB,MAAME,gBAGtB,IAFZuD,EAAUC,EAAWC,WAAU,SAAAC,GAAC,OAAIA,EAAEjB,KAAOA,QAG7Ce,EAAWD,GAASrB,SAAQ,GAGhC,IAAI2B,EAAWF,EAAqBF,WAAU,SAAAC,GAAC,OAAIA,EAAEjB,KAAOA,MAC3C,GAAboB,GACHF,EAAqBG,OAAOD,EAAS,GAGnC5C,KAAKG,SAAS,CACbrB,MAAMyD,EACTxD,eAAe2D,IAIgC,mBAA3CxC,EAAME,OAAO0C,cAAcC,UAAU,IACxC/C,KAAKF,oB,wBAIP,SAAWI,GAAO,IAAD,OAChBA,EAAM8C,iBACN,IAAIC,EAAYjD,KAAKkD,iBAChBC,OAAOC,KAAKH,GAAWI,OAAS,EAE/BrD,KAAKG,SAAS,CAACf,OAAQ6D,KAG3BjD,KAAKG,SAAS,CAACd,cAAa,IAC5BW,KAAKG,SAAS,CAACf,OAAQ6D,IAEvBjD,KAAKsD,iBAELtD,KAAKuD,iBAILC,YAAW,WACV,EAAKrD,SAAS,CAACd,cAAa,IAC5B,EAAKc,SAAS,CAACb,QAAO,MACpB,Q,8BAIN,WAAoB,IAAD,OAClBU,KAAKG,SAAS,CAACZ,MAAK,IACpBiE,YAAW,WACV,EAAKrD,SAAS,CAACb,QAAQ,MACrB,O,6BAKJ,WACCU,KAAKG,SAAS,CAACZ,MAAK,M,0BAIrB,SAAcJ,GACZ,MAAO,6BAA6BsE,KAAKtE,K,0BAG3C,SAAcD,GACb,MAAO,sDAAsDuE,KAAKvE,K,4BAGnE,WACI,IAAMF,EAAagB,KAAKnB,MAAMG,WAC3BC,EAAYe,KAAKnB,MAAMI,UACvBC,EAAQc,KAAKnB,MAAMK,MACnBC,EAAQa,KAAKnB,MAAMM,MAChB8D,EAAY,GAOlB,OALMjE,IAAciE,EAAUjE,WAAa,mBACxCC,IAAagE,EAAUhE,UAAY,oBACnCe,KAAK0D,aAAavE,IAAUA,IAAO8D,EAAU9D,MAAQ,wBACrDa,KAAK2D,aAAazE,IAAUA,IAAO+D,EAAU/D,MAAQ,8BACrDA,GAAUC,IAAS8D,EAAU/D,MAAQ,0BAA2B+D,EAAU9D,MAAQ,2BAC9E8D,I,6BAIX,SAAgBW,GACf5D,KAAKG,SAAL,eAAgByD,EAAExD,OAAOiC,KAAOuB,EAAExD,OAAOC,U,oBAG1C,WACE,IAAMwD,EAAW,CACXC,MAAM,EACVC,UAAS,EACRC,MAAO,IACRC,aAAc,GAIhB,OAEH,gCAGC,sBAAKC,UAAU,4BAAf,UACC,cAACC,EAAA,EAAD,CAAQC,QAASpE,KAAKD,kBAAmBsE,QAAQ,UAAUhE,MAAM,IAAjE,yBAA2F,IAC3F,cAAC8D,EAAA,EAAD,CAAQC,QAASpE,KAAKD,kBAAmBsE,QAAQ,UAAUhE,MAAM,IAAjE,yBAA0F,IAC1F,cAAC8D,EAAA,EAAD,CAAQC,QAASpE,KAAKD,kBAAmBsE,QAAQ,UAAUhE,MAAM,IAAjE,gCAAiG,OAElG,sBAAK6D,UAAU,mBAAf,UACA,wDAGM,cAAC,IAAD,2BAAYL,GAAZ,aAEH7D,KAAKnB,MAAMC,MAAMiC,KAAI,SAASQ,GACpB,OACA,sBAAK2C,UAAU,QAAuBI,GAAI/C,EAAKC,IAA/C,UAAoD,qBAAK0C,UAAU,WAAWK,MAAO,CAACC,gBAAgB,OAAD,OAASjD,EAAKkD,UAAd,QAC5G,gCACC,gCACA,+BACO,6BACN,wBAAOP,UAAU,yBAAjB,UACA,uBAAOI,GAAG,sBAAsBI,KAAK,WACrCzD,QAASM,EAAKN,QACd0D,SAAU3E,KAAKP,aACf4C,KAAMd,EAAKC,MAEX,sBAAM,cAAY,QAClB,cAAY,cAAc0C,UAAU,uBAEhC,6BACC,6BAAK3C,EAAKqD,mBAfkBrD,EAAKC,OAuBlCxB,YAMX,eAAC6E,EAAA,EAAD,CACCtF,KAAMS,KAAKnB,MAAMU,KACduF,OAAQ9E,KAAKH,iBACbkF,SAAS,SACZC,KAAK,KACFC,UAAU,EALd,UAQC,cAACJ,EAAA,EAAMK,OAAP,CAAcC,aAAW,EAAzB,SACA,6BAAKnF,KAAKpB,MAAMwG,WAGhB,eAACP,EAAA,EAAMQ,KAAP,WACErF,KAAKnB,MAAMS,QACJ,qBAAK4E,UAAU,yBAAf,2FAKNlE,KAAKnB,MAAMS,QAEd,sBAAK4E,UAAU,MAAf,UACA,sBAAKA,UAAU,WAAf,UACC,qBAAKI,GAAG,YAAYgB,IAAKtF,KAAKpB,MAAM2G,gBACpC,qBAAKrB,UAAU,cAAf,SACG,cAAC,IAAD,2BAAYL,GAAZ,aAEH7D,KAAKnB,MAAMC,MAAMiC,KAAI,SAASQ,GACtB,OACE,sBAAK2C,UAAU,QAAuBI,GAAI/C,EAAKC,IAA/C,UAAoD,qBAAK0C,UAAU,WAAWK,MAAO,CAACC,gBAAgB,OAAD,OAASjD,EAAKkD,UAAd,QAC7G,gCACC,gCACA,+BACK,6BACJ,qBAAKP,UAAU,kBAAf,SACC,wBAAOA,UAAU,SAAjB,UACC,uBAAOI,GAAG,sBAAsBI,KAAK,WACrCzD,QAASM,EAAKN,QACd0D,SAAU3E,KAAKP,aACf4C,KAAMd,EAAKC,MAEX,sBAAM0C,UAAU,yBAId,6BACC,6BAAK3C,EAAKqD,mBAjBmBrD,EAAKC,OAwBpCxB,cAMR,qBAAKkE,UAAU,sBAAf,SACC,sBAAKA,UAAU,sBAAf,UACC,uBAAOA,UAAU,qBAEjB,sBAAKA,UAAU,MAAf,UACE,sBAAKA,UAAU,YAAf,UACD,+BAAMlE,KAAKpB,MAAMoD,KAAjB,IAA0BhC,KAAKpB,MAAMkD,KAArC,IAA8C9B,KAAKpB,MAAMmD,SACzD,uCAAW/B,KAAKpB,MAAMiD,OAEvB,wBAAOqC,UAAU,oBAAjB,UACC,gCACA,+BACA,2CACA,0CAGA,gCAGClE,KAAKnB,MAAME,eAAegC,KAAI,SAASQ,GAEvC,OACC,+BAAmB,6BAAKA,EAAKqD,QAAW,6BAAKrD,EAAKC,QAAzCD,EAAKC,OACbxB,cAOF,sBAAKkE,UAAU,qBAAf,UAED,cAACsB,EAAA,EAAD,UACC,sBAAKtB,UAAU,MAAf,UACA,sBAAKA,UAAU,WAAf,UACC,eAACsB,EAAA,EAAKC,MAAN,WACQ,cAACD,EAAA,EAAKE,QAAN,CAAcrF,MAAOL,KAAKnB,MAAMG,WAAY2G,YAAc3F,KAAKnB,MAAMO,OAAOJ,WAAa2F,SAAU3E,KAAKL,gBAAiB+E,KAAK,OAAOkB,YAAY,aAAavD,KAAK,eACzK,cAACmD,EAAA,EAAKE,QAAQG,SAAd,CAAuBnB,KAAK,UAA5B,SACQ1E,KAAKnB,MAAMO,OAAOJ,gBAG5B,eAACwG,EAAA,EAAKC,MAAN,WACQ,cAACD,EAAA,EAAKE,QAAN,CAAcrF,MAAOL,KAAKnB,MAAMI,UAAW0G,YAAc3F,KAAKnB,MAAMO,OAAOH,UAAY0F,SAAU3E,KAAKL,gBAAiB+E,KAAK,OAAOkB,YAAY,YAAYvD,KAAK,cACtK,cAACmD,EAAA,EAAKE,QAAQG,SAAd,CAAuBnB,KAAK,UAA5B,SACQ1E,KAAKnB,MAAMO,OAAOH,kBAI7B,sBAAKiF,UAAU,WAAf,UACC,eAACsB,EAAA,EAAKC,MAAN,WACQ,cAACD,EAAA,EAAKE,QAAN,CAAcrF,MAAOL,KAAKnB,MAAMM,MAAOwG,YAAc3F,KAAKnB,MAAMO,OAAOD,MAAQwF,SAAU3E,KAAKL,gBAAiB+E,KAAK,OAAOkB,YAAY,QAAQvD,KAAK,UAC1J,cAACmD,EAAA,EAAKE,QAAQG,SAAd,CAAuBnB,KAAK,UAA5B,SACQ1E,KAAKnB,MAAMO,OAAOD,WAG5B,eAACqG,EAAA,EAAKC,MAAN,WACQ,cAACD,EAAA,EAAKE,QAAN,CAAcrF,MAAOL,KAAKnB,MAAMK,MAAOyG,YAAc3F,KAAKnB,MAAMO,OAAOF,MAAQyF,SAAU3E,KAAKL,gBAAiB+E,KAAK,OAAOkB,YAAY,QAAQvD,KAAK,UAC1J,cAACmD,EAAA,EAAKE,QAAQG,SAAd,CAAuBnB,KAAK,UAA5B,SACQ1E,KAAKnB,MAAMO,OAAOF,mBASpB,yBAAQwF,KAAK,SAAUoB,SAAU9F,KAAKnB,MAAMQ,cAAgBW,KAAKnB,MAAMS,OAAQ8E,QAASpE,KAAKJ,WAAYsE,UAAS,kCAA6BlE,KAAKnB,MAAMS,OAAS,cAAgB,gBAAnL,UACNU,KAAKnB,MAAMQ,cAAgB,+BAAM,mBAAG6E,UAAU,4BADxC,eAGNlE,KAAKnB,MAAMS,QACX,0GAcJ,cAACuF,EAAA,EAAMkB,OAAP,UACQ,qBAAK7B,UAAU,sBAAf,qX,GAlamB8B,aCEnBC,EAZS,SAAAC,GAClBA,GAAeA,aAAuBC,UACxC,6BAAqBxF,MAAK,YAAkD,IAA/CyF,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOF,GACPG,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAQN,OCDdO,IAASC,OACP,cAAC,IAAMC,WAAP,UACE,cAAC,EAAD,CACDvB,OAAO,mBACPvD,IAAI,aACJC,KAAK,OACLC,MAAM,eACNC,KAAK,OACLtB,UAAU,wEACV6E,cAAc,wEAIfqB,SAASC,eAAe,SAM1BZ,M","file":"static/js/main.f8462994.chunk.js","sourcesContent":["import { React, Component } from \"react\";\nimport Slider from \"react-slick\";\nimport Form from \"react-bootstrap/Form\";\nimport Modal from \"react-bootstrap/Modal\";\nimport Button from \"react-bootstrap/Button\";\nimport 'bootstrap/dist/css/bootstrap.min.css';\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\n\n\nexport default class XSRE extends Component {\n  \n  constructor(props){\n    super(props);\n    this.state = {\n\t  items: [],\n\t  selected_items:[],\n\t  first_name:\"\",\n\t  last_name:\"\",\n\t  phone:\"\",\n\t  email:\"\",\n\t  errors:{},\n\t  isSubmitting:false,\n\t  isSent:false,\n\t  show:false,\n\t  demo_model:1\n    };\n\t\n  this.handleToggle = this.handleToggle.bind(this);\n  this.handleTextInput = this.handleTextInput.bind(this);\n  this.submitLead = this.submitLead.bind(this);\n  this.handleModalClose = this.handleModalClose.bind(this);\n  this.handleModalOpen = this.handleModalOpen.bind(this);\n  this.handleSlideChange = this.handleSlideChange.bind(this);\n  }\n  \n  componentDidMount(){\n\t  this.getSlides()\n  }\n  \n  handleSlideChange(event){\n\t  //clear the existing slides\n\t  \n\t  //reget getSlides\n\t  this.setState({ selected_items: [] })\n\t  this.setState({ items: [] })\n\t  this.getSlides(event.target.value)\n\t  \n  }\n  \n  getSlides(model_id = 1){\n\t  \n\t  fetch(`/api/v1/models/${model_id}/items.json`, \n\t\t  {method: 'get',\n\t  headers: {\n\t\t\t  \"Authorization\": `Bearer ${this.props.authToken}`\n\t  }\n  })\n\t      .then(response => {\n\t          return response.json(); \n\t      })\n\t      .then(json => {\n\t\t\t  const final = json.map(v => ({...v, checked: false}))\t\n\t\t\t  console.log('parsed json ', final);\n\t          this.setState({items: final});\n\t      })\n\t      .catch(error => {\n\t          console.log(error);\n\t      });\n\t\n  }\n  \n  submitInternal(){\n\t\tlet string_of_accessories = \"\"\n\t\tthis.state.selected_items.forEach(function (item) {\n\t\t string_of_accessories = string_of_accessories + item.sku.toString() + \"|\"\n\t\t});\n\t\tstring_of_accessories = string_of_accessories.slice(0, -1)\n\n\t\tconst jsonBody = { \n\t\t\tlead:{\n\t\t\t\t vin:this.props.vin,\n\t\t\t\t make:this.props.make,\n\t\t\t\t model:this.props.model,\n\t\t\t\t year:this.props.year,\n\t\t\t\t items: string_of_accessories\n\t\t\t }\n\t\t}\n\t\tfetch( `/api/v1/leads`,\n\t\t{\n\t\tmethod: 'post',\n\t\tbody: JSON.stringify(jsonBody),\n\t\theaders:  {\n\t\t      \"Content-Type\": \"application/json\",\n\t\t      \"Accept\": \"application/json\",\n\t\t\t  \"Authorization\": `Bearer eyJhbGciOiJIUzI1NiJ9.IjEi.4AZoswRMyYlzDPD90W3IElxEyhKx9pKspEJNeFgRnzU`\n\t\t    }\n\t\t})\n\t\t.then(response => {\t \n\t\t  return response.json();\n\t\t})\n\t\t.then(json => {\n\t\t\tconsole.log(\"response\", json)\n\t\t})\n\t\t.catch(error => {\n\t\t\tdebugger;\n\t\t\tconsole.log(error);\n\t\t});\n  }\n  \n  submitExternal(){ \n\t  //send xml\n\t  //email\n\t  //send json\n  }\n  \n  handleToggle(event){\n\t  var add_or_remove = event.target.checked\n\t  var sku = event.target.name\n\t  if (add_or_remove === true  ){\n\t\t\n\t\t  \t\t\n\t\tvar item_array = this.state.items\n\t\tvar i_index = item_array.findIndex(i => i.sku == sku)\n\t\tif (i_index != -1){\n\t\t\titem_array[i_index].checked=true\n\t\t}\n\t\tvar item = item_array[i_index]\n\t\tvar selected_items_array = this.state.selected_items\n\t\tselected_items_array.push(item)\n\t  \tthis.setState({\n\t\t  items:item_array,\n\t\t  selected_items:selected_items_array\n\t  \t})\n \t  }\n \t  else if (add_or_remove === false ) {\n   \t\t\n\t\tvar item_array = this.state.items\n\t\tvar selected_items_array = this.state.selected_items\t\n\t\tvar i_index = item_array.findIndex(i => i.sku == sku);\n   \t\t\n\t\tif (i_index != -1){\n   \t\t\titem_array[i_index].checked=false\n   \t\t}\n\t\t\n\t\tvar si_index = selected_items_array.findIndex(i => i.sku == sku)\n\t\tif (si_index != -1){\n\t\t\tselected_items_array.splice(si_index,1)\n\t\t}\n\t\t\n   \t\tthis.setState({\n   \t\t\titems:item_array,\n\t\t\tselected_items:selected_items_array\n \n   \t\t})\n \t  }\n\t  if (event.target.parentElement.classList[1] == \"mainSliderInput\") {\n\t  \tthis.handleModalOpen()\n\t  }\n  }\n  \n  submitLead(event){\n\t  event.preventDefault()\n\t  let newErrors = this.findFormErrors()\n\t  if ( Object.keys(newErrors).length > 0 ) {\n\t        // We got errors!\n\t        this.setState({errors: newErrors})\n\t      } else {\n   \t          // No errors! Put any logic here for the form submission!\n\t\t\t  this.setState({isSubmitting:true})\t\n\t\t\t  this.setState({errors: newErrors})\n\t\t\t  //generate and post lead back to our system\n\t\t\t  this.submitInternal()\n\t\t\t  //generate and post xml lead \n\t\t\t  this.submitExternal()\n\t\t\t  // *******\n\t\t\t  //fake api wait right now to get the loading interaction right\n\t\t\t  // *******\n\t\t\t  setTimeout(()=>{\n\t\t\t\t  this.setState({isSubmitting:false})\n\t\t\t\t  this.setState({isSent:true})\n\t\t\t  }, 2000)\t\n\t      }\n  }\n  \n  handleModalClose() {\n\t  this.setState({show:false})\n\t  setTimeout(()=>{\n\t\t  this.setState({isSent: false})\n\t  }, 500)\t\n\t  \n  \t\n  }\n  \n  handleModalOpen() {\n\t  this.setState({show:true})\n  \t\n  }\n  \n  emailIsValid (email) {\n    return /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)\n  }\n  \n  phoneIsValid (phone) {\n   return /^(\\+\\d{1,2}\\s)?\\(?\\d{3}\\)?[\\s.-]?\\d{3}[\\s.-]?\\d{4}$/.test(phone)\n  }\n  \n  findFormErrors() {\n      const first_name = this.state.first_name\n\t  const last_name = this.state.last_name\n\t  const phone = this.state.phone\n\t  const email = this.state.email\n      const newErrors = {}\n      // check for errors\n      if ( !first_name  ) newErrors.first_name = 'Cannot Be Blank'\n\t  if ( !last_name  ) newErrors.last_name = 'Cannot Be Blank'\n\t  if ( !this.emailIsValid(email) && email) newErrors.email = 'Must be Valid Email'\n\t  if ( !this.phoneIsValid(phone) && phone) newErrors.phone = 'Must be Valid Phone Number'\n\t  if ( !phone && !email ) {newErrors.phone = 'Phone Or Email Required'; newErrors.email = 'Phone Or Email Required';}\n      return newErrors\n\t  //add errors object to state\n  }\n  \n  handleTextInput(e){\n\t  this.setState({[e.target.name]: e.target.value})\n  }\n\n  render() {\n    const settings = {\n\t \t       dots: true,\n\t\t\t   infinite:true,\n\t\t \t   speed: 300,\n\t\t\t   slidesToShow: 3\n\t\t\t \t    }\t\n\t\t\t\n\t\n    return (\n\t\n\t<div>\n\t\t\n\n\t\t<div className=\"xsreButtonRow text-center\">\n\t\t\t<Button onClick={this.handleSlideChange} variant=\"primary\" value=\"1\" >Default Set</Button>{' '}\n\t\t\t<Button onClick={this.handleSlideChange} variant=\"primary\" value=\"2\">Winter Gear</Button>{' '}\n\t\t\t<Button onClick={this.handleSlideChange} variant=\"primary\" value=\"3\">Watersports Racks </Button>{' '}\n\t\t</div>\n\t\t<div className=\"xsre text-center\">\n\t\t<h5>\n\t\t Frequently Bought With\n\t\t</h5>\n\t\t      <Slider {...settings}>\n\t\t\t\t{\n\t\t\t\t\tthis.state.items.map(function(item) {\n          \t\t\t  return (\n\t\t\t            <div className=\"hines\" key={item.sku} id={item.sku}><div className=\"sliderbg\" style={{backgroundImage: `url(${item.image_url})`}}></div>\n\t\t\t\t\t\t  <table>\n\t\t\t\t\t\t  \t<tbody>\n\t\t\t\t\t\t  \t<tr>\n  \t\t\t\t\t\t        <td>\n\t\t\t\t\t\t\t\t  <label className=\"switch mainSliderInput\">\n\t\t\t\t\t\t\t\t  <input id=\"SelectedXSRE_switch\" type=\"checkbox\"\n\t\t\t\t\t\t\t\t  checked={item.checked} \n\t\t\t\t\t\t\t\t  onChange={this.handleToggle}\n\t\t\t\t\t\t\t\t  name={item.sku}\n\t\t\t\t\t\t\t\t  />\n\t\t\t\t\t\t\t\t  <span data-toggle=\"modal\" \n\t\t\t\t\t\t\t\t  data-target=\"#largeModal\" className=\"toggler round\"></span></label>\n\t\t\t\t\t\t        </td>\n\t\t\t\t\t\t        <td>\n\t\t\t\t\t\t         <h3>{item.title}</h3> \t\n\t\t\t\t\t\t        </td>\n\t\t\t\t\t\t       </tr>\n\t\t\t\t\t\t     </tbody>\n\t\t\t\t\t\t  </table>\n\t\t\t\t\t\t  \n\t\t\t\t\t\t  </div>\n          \t\t\t  \t);\n        \t\t\t}, this)\n\t\t\t\t}\n\t\n\t\t     </Slider>\n\t\t</div>\n\t\t\t\t\n\t\t\t<Modal\n\t\t\t\tshow={this.state.show}\n\t\t\t    onHide={this.handleModalClose}\n\t\t\t    backdrop=\"static\"\n\t\t\t\tsize=\"xl\"\n\t\t\t    keyboard={false}\n\t\t\t\t>\n\t\t\t\t\t\t\n\t\t  <Modal.Header closeButton>\n\t\t\t\t<h4>{this.props.dealer}</h4>\n\t\t  </Modal.Header>\n\n\t\t  <Modal.Body>\n\t\t\t\t{ this.state.isSent && \n\t\t\t\t\t        <div className=\"modal-body btn-success\">\n\t\t\t\t\t\t\t\tThank you for your submission - come in or someone will be in touch shortly!\n\t\t\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\n\t\t\t\t{ !this.state.isSent && \n\n\t\t  <div className=\"row\">\n\t\t  <div className=\"col-xl-6\">\n\t\t\t  <img id=\"xsre_hero\" src={this.props.modalImageUrl} />\n\t\t\t  <div className=\"modalSlider\">\n\t\t      <Slider {...settings}>\n\t\t\t\t{\n\t\t\t\t\tthis.state.items.map(function(item) {\n\t\t      \t\t\t  return (\n\t\t\t            <div className=\"hines\" key={item.sku} id={item.sku}><div className=\"sliderbg\" style={{backgroundImage: `url(${item.image_url})`}}></div>\n\t\t\t\t\t  <table>\n\t\t\t\t\t  \t<tbody>\n\t\t\t\t\t  \t<tr>\n\t\t\t\t\t        <td>\n\t\t\t\t\t\t\t  <div className=\"switchContainer\">\n\t\t\t\t\t\t\t\t  <label className=\"switch\">\n\t\t\t\t\t\t\t\t\t  <input id=\"SelectedXSRE_switch\" type=\"checkbox\"\n\t\t\t\t\t\t\t\t\t  checked={item.checked} \n\t\t\t\t\t\t\t\t\t  onChange={this.handleToggle}\n\t\t\t\t\t\t\t\t\t  name={item.sku}\n\t\t\t\t\t\t\t\t\t  />\n\t\t\t\t\t\t\t\t\t  <span className=\"toggler round\"></span>\n\t\t\t\t\t\t\t\t  </label>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t        </td>\n\t\t\t\t\t        <td>\n\t\t\t\t\t         <h3>{item.title}</h3> \t\n\t\t\t\t\t        </td>\n\t\t\t\t\t       </tr>\n\t\t\t\t\t     </tbody>\n\t\t\t\t\t  </table>\n\t\t\t\t\t\t  </div>\n\t\t      \t\t\t  \t);\n\t\t    \t\t\t}, this)\n\t\t\t\t}\n\n\t\t     </Slider>\n\t\t\t</div>\n\t\t  </div>  \n\t\t  <div className=\"col-xl-6 selections\">\n\t\t\t  <div className=\"xsre_list_container\">\n\t\t\t\t  <table className=\"table_xsre table\">\n\t\t\t\t  </table>\n\t\t\t\t  <div className=\"row\">\n\t\t\t\t\t\t  <div className=\"col-xl-12\">\n\t\t\t\t\t\t\t<h3>{ this.props.year } { this.props.make } { this.props.model }</h3>\n\t\t\t\t\t\t\t<h5>VIN: { this.props.vin }</h5>\n\t\t\n\t\t\t\t\t\t<table className=\"table xsres_modal\">\n\t\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Accessory</th>\n\t\t\t\t\t\t\t<th>SKU</th>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t</thead>\n\t\t\t\t\t\t\t<tbody>\n\t\t\t\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tthis.state.selected_items.map(function(item) {\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<tr key={item.sku}><td>{item.title}</td><td>{item.sku}</td></tr>)\n\t\t\t\t\t\t\t}, this)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t  </div>\n\t\t\t\t\t\t  <div className=\"col-xl-12 leadform\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t<Form>\n\t\t\t\t\t\t\t\t<div className=\"row\">\n\t\t\t\t\t\t\t\t<div className=\"col-xl-6\">\n\t\t\t\t\t\t\t\t\t<Form.Group>\n\t\t\t\t\t\t\t          <Form.Control value={this.state.first_name} isInvalid={ !!this.state.errors.first_name } onChange={this.handleTextInput} type='text' placeholder=\"First Name\" name=\"first_name\"/>\n\t\t\t\t\t\t\t\t\t  <Form.Control.Feedback type='invalid'>\n\t\t\t\t\t\t\t\t\t        { this.state.errors.first_name }\n\t\t\t\t\t\t\t\t\t    </Form.Control.Feedback>\n\t\t\t\t\t\t\t        </Form.Group>\n\t\t\t\t\t\t\t\t\t<Form.Group>\n\t\t\t\t\t\t\t          <Form.Control value={this.state.last_name} isInvalid={ !!this.state.errors.last_name } onChange={this.handleTextInput} type='text' placeholder=\"Last Name\" name=\"last_name\" />\n\t\t\t\t\t\t\t\t\t  <Form.Control.Feedback type='invalid'>\n\t\t\t\t\t\t\t\t\t        { this.state.errors.last_name }\n\t\t\t\t\t\t\t\t\t    </Form.Control.Feedback>\n\t\t\t\t\t\t\t        </Form.Group>\n\t\t\t\t\t\t\t    </div>\n\t\t\t\t\t\t\t\t<div className=\"col-xl-6\">\n\t\t\t\t\t\t\t\t\t<Form.Group>\n\t\t\t\t\t\t\t          <Form.Control value={this.state.email} isInvalid={ !!this.state.errors.email } onChange={this.handleTextInput} type='text' placeholder=\"Email\" name=\"email\"/>\n\t\t\t\t\t\t\t\t\t  <Form.Control.Feedback type='invalid'>\n\t\t\t\t\t\t\t\t\t        { this.state.errors.email }\n\t\t\t\t\t\t\t\t\t    </Form.Control.Feedback>\n\t\t\t\t\t\t\t        </Form.Group>\n\t\t\t\t\t\t\t\t\t<Form.Group>\n\t\t\t\t\t\t\t          <Form.Control value={this.state.phone} isInvalid={ !!this.state.errors.phone } onChange={this.handleTextInput} type='text' placeholder=\"Phone\" name=\"phone\"/>\n\t\t\t\t\t\t\t\t\t  <Form.Control.Feedback type='invalid'>\n\t\t\t\t\t\t\t\t\t        { this.state.errors.phone }\n\t\t\t\t\t\t\t\t\t    </Form.Control.Feedback>\n\t\t\t\t\t\t\t        </Form.Group>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t    </div>\n\t\t\t\t\t\t\t</Form>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t   \t\t\t\t\t\t<button type=\"submit\"  disabled={this.state.isSubmitting || this.state.isSent} onClick={this.submitLead} className={`btn btn-large col-xl-12 ${this.state.isSent ? \"btn-success\" : \" btn-primary\"}`}>\n\t\t\t\t\t\t\t\t\t\t{this.state.isSubmitting && <span><i className=\"fa fa-spinner fa-spin\"></i></span>}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tLets Talk</button>\n\t\t\t\t\t\t\t\t\t\t{this.state.isSent && \n\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\tThank you - someone will be in touch with you shortly! \n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t   </div>\n\t\t\t\t\t\t\t\t\t\t </div>\n\t\t\t\t\t\t\t\t\t  </div>\n\t\t\t\t\t\t\t\t  </div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t}\n\t\t\n\t\t\n\t\t\t\t\t  </Modal.Body>\n\n\t\t\t\t\t  <Modal.Footer>\n\t\t\t\t\t  \t\t\t\t\t\t  <div className=\"col-xl-12 fineprint\">\n\t\t\t\t\t\t\t\t\t\t\t\tAccessory prices do not include sales tax or installation. Consult with your local dealer. Proper installation to be confirmed by dealership.\n\t\t\t\t\t\t\t\t\t\t\t\tBy submitting your contact information, you consent to be contacted by telephone about purchasing a vehicle or obtaining vehicle financing. Clicking on the Submit button above is your electronic signature.\n\t\t\t\t\t  \t\t\t\t\t\t  </div>\n\t\t\t\t\t  </Modal.Footer> \n\t\t\t\t\t</Modal>\n\t\t\t\t\n\t\t\t\t\n      </div>\n   \n    );\n  }\n \n}","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport XSRE from './XSRE';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <XSRE\n\t  dealer=\"XSRE Demo Dealer\"\n\t  vin=\"21312341x3\"\n\t  make=\"Jeep\"\n\t  model=\"Wrangler 4xe\"\n\t  year=\"2023\"\n\t  authToken=\"eyJhbGciOiJIUzI1NiJ9.IjEi.4AZoswRMyYlzDPD90W3IElxEyhKx9pKspEJNeFgRnzU\"\n\t  modalImageUrl=\"https://storage.googleapis.com/xsre-hines/home/jeep_wrangler.jpeg\"\n\t\n\t />\n  </React.StrictMode>,\n  document.getElementById('xsre')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}