{"version":3,"sources":["Components/CustomerDetails.js","Components/VehicalDetails.js","Components/ImageCapture_old.js","Components/VehicleInspection.js","Components/Form.js","App.js","serviceWorker.js","index.js"],"names":["CustomerDetails","Fragment","className","htmlFor","type","id","placeholder","defaultValue","Component","VehicalDetails","image_bd","width","height","image_btm","marginTop","marginBottom","image_a","display","overflow","position","textAlign","verticalAlign","image_dp","left","top","margin","padding","opacity","camera_sz","fontSize","trash_sz","float","ImageCapture","props","state","showHideTitel1","showHideTitel2","showHideTitel3","CurrentState","PrevStatus","NextStatus","image1","url","image2","image3","image4","image5","image6","image7","image8","image9","image10","image11","image12","image13","Defultimage","hideComponent","bind","fileChangedHandler","deleteimage","name","this","setState","event","fileInput","file","target","files","fileid","document","getElementById","disabled","classList","remove","size","resizer","imageFileResizer","uri","localStorage","Promise","resolve","reject","reader","FileReader","onload","result","onerror","error","readAsDataURL","getBase64","then","base64","defultimage","removeItem","add","style","src","alt","href","aria-hidden","onChange","accept","onClick","aria-label","tabIndex","titel","fontFamily","fontWeight","color","textTransform","paddingBottom","paddingTop","borderBottom","VehicleInspection","submit","Form","HandleSubmit","preventDefault","showHideDemo1","showHideDemo2","showHideDemo3","console","log","innerText","onSubmit","value","readOnly","App","Boolean","window","location","hostname","match","ReactDOM","render","StrictMode","navigator","serviceWorker","ready","registration","unregister","catch","message"],"mappings":"qRA8DeA,E,uKA1DP,OACI,kBAAC,IAAMC,SAAP,KACI,yBAAKC,UAAU,YACX,yBAAKA,UAAU,uBACX,2BAAOC,QAAQ,kBAAf,cACA,2BAAOC,KAAK,OAAOF,UAAU,eAAeG,GAAG,iBAAiBC,YAAY,gBAEhF,yBAAKJ,UAAU,uBACX,2BAAOC,QAAQ,iBAAf,aACA,2BAAOC,KAAK,OAAOF,UAAU,eAAeG,GAAG,gBAAgBC,YAAY,gBAGnF,yBAAKJ,UAAU,YACX,yBAAKA,UAAU,uBACX,2BAAOC,QAAQ,cAAf,qBACA,2BAAOC,KAAK,QAAQF,UAAU,eAAeG,GAAG,aAAaC,YAAY,WAE7E,yBAAKJ,UAAU,uBACX,2BAAOC,QAAQ,iBAAf,sBACA,2BAAOC,KAAK,OAAOF,UAAU,eAAeG,GAAG,gBAAgBC,YAAY,gBAGnF,yBAAKJ,UAAU,cACX,2BAAOC,QAAQ,gBAAf,WACA,2BAAOC,KAAK,OAAOF,UAAU,eAAeG,GAAG,eAAeC,YAAY,kBAE9E,yBAAKJ,UAAU,YACX,yBAAKA,UAAU,uBACX,2BAAOC,QAAQ,cAAf,SACA,4BAAQE,GAAG,aAAaH,UAAU,gBAC9B,4BAAQK,cAAY,GAApB,aACA,yCAGR,yBAAKL,UAAU,uBACX,2BAAOC,QAAQ,iBAAf,YACA,4BAAQE,GAAG,gBAAgBH,UAAU,gBACjC,4BAAQK,cAAY,GAApB,aACA,yCAGR,yBAAKL,UAAU,uBACX,2BAAOC,QAAQ,aAAf,QACA,4BAAQE,GAAG,YAAYH,UAAU,gBAC7B,4BAAQK,cAAY,GAApB,aACA,yCAGR,yBAAKL,UAAU,uBACX,2BAAOC,QAAQ,YAAf,OACA,2BAAOC,KAAK,OAAOF,UAAU,eAAeG,GAAG,oB,GApDzCG,aCsDfC,G,6KAnDP,OACI,kBAAC,IAAMR,SAAP,KACI,yBAAKC,UAAU,YACX,yBAAKA,UAAU,uBACX,2BAAOC,QAAQ,aAAf,QACA,4BAAQE,GAAG,YAAYH,UAAU,gBAC7B,4BAAQK,cAAY,GAApB,aACA,yCAGR,yBAAKL,UAAU,uBACX,2BAAOC,QAAQ,cAAf,SACA,4BAAQE,GAAG,aAAaH,UAAU,gBAC9B,4BAAQK,cAAY,GAApB,aACA,yCAGR,yBAAKL,UAAU,uBACX,2BAAOC,QAAQ,qBAAf,+BACA,yBAAKD,UAAU,cACX,2BAAOA,UAAU,UACb,2BAAOA,UAAU,mBAAmBE,KAAK,WAAWC,GAAG,sBACvD,0BAAMH,UAAU,qBAKhC,yBAAKA,UAAU,YACX,yBAAKA,UAAU,uBACX,2BAAOC,QAAQ,cAAf,kBACA,2BAAOC,KAAK,OAAOF,UAAU,eAAeG,GAAG,aAAaC,YAAY,oBAE5E,yBAAKJ,UAAU,uBACX,2BAAOC,QAAQ,iBAAf,aACA,2BAAOC,KAAK,OAAOF,UAAU,eAAeG,GAAG,gBAAgBC,YAAY,eAE/E,yBAAKJ,UAAU,uBACX,2BAAOC,QAAQ,kBAAf,cACA,2BAAOC,KAAK,OAAOF,UAAU,eAAeG,GAAG,iBAAiBC,YAAY,iBAGpF,yBAAKJ,UAAU,cACX,2BAAOC,QAAQ,eAAf,2BACA,2BAAOC,KAAK,OAAOF,UAAU,eAAeG,GAAG,cAAcC,YAAY,kC,GA7ChEE,c,uBCAvBE,EAAW,CACbC,MAAO,OACPC,OAAQ,QAGNC,EAAY,CACdC,UAAW,OACXC,aAAc,QAGZC,EAAU,CACZC,QAAS,eACTC,SAAU,SACVC,SAAU,WACVC,UAAW,SACXC,cAAe,UAGbC,EAAW,CACbH,SAAU,WACVI,KAAM,IACNC,IAAK,IACLC,OAAQ,IACRC,QAAS,IACTC,QAAS,KAGPC,EAAY,CACdC,SAAU,QAGRC,EAAW,CACbC,MAAO,SAsZIC,EAzYf,kDAEI,WAAYC,GAAQ,IAAD,8BACf,gBAEKC,MAAQ,CAETC,gBAAgB,EAChBC,gBAAgB,EAChBC,gBAAgB,EAEhBC,aAAc,EACdC,WAAY,WACZC,WAAY,KAEZC,OAAQC,4DACRC,OAAQD,6DACRE,OAAQF,2DACRG,OAAQH,4DAERI,OAAQJ,mEACRK,OAAQL,2DACRM,OAAQN,sDACRO,OAAQP,mDAERQ,OAAQR,2HACRS,QAAST,wDACTU,QAASV,oEACTW,QAASX,oGAETY,QAASZ,wEAETa,YAAa,CACTd,OAAQC,4DACRC,OAAQD,6DACRE,OAAQF,2DACRG,OAAQH,4DAERI,OAAQJ,mEACRK,OAAQL,2DACRM,OAAQN,sDACRO,OAAQP,mDAERQ,OAAQR,2HACRS,QAAST,wDACTU,QAASV,oEACTW,QAASX,oGAETY,QAASZ,0EAGjB,EAAKc,cAAgB,EAAKA,cAAcC,KAAnB,gBACrB,EAAKC,mBAAqB,EAAKA,mBAAmBD,KAAxB,gBAC1B,EAAKE,YAAc,EAAKA,YAAYF,KAAjB,gBAnDJ,EAFvB,0DAwDkBG,GAEV,OAAQA,GACJ,IAAK,iBACDC,KAAKC,SAAS,CAAE3B,gBAAgB,IAChC0B,KAAKC,SAAS,CAAE1B,gBAAgB,IAChCyB,KAAKC,SAAS,CAAEzB,gBAAgB,IAChCwB,KAAKC,SAAS,CAAExB,aAAc,IAE9BuB,KAAKC,SAAS,CAAEvB,WAAY,aAC5BsB,KAAKC,SAAS,CAAEtB,WAAY,OAC5B,MACJ,IAAK,iBACDqB,KAAKC,SAAS,CAAE3B,gBAAgB,IAChC0B,KAAKC,SAAS,CAAE1B,gBAAgB,IAChCyB,KAAKC,SAAS,CAAEzB,gBAAgB,IAChCwB,KAAKC,SAAS,CAAExB,aAAc,IAC9BuB,KAAKC,SAAS,CAAEvB,WAAY,OAC5BsB,KAAKC,SAAS,CAAEtB,WAAY,OAC5B,MACJ,IAAK,iBACDqB,KAAKC,SAAS,CAAE3B,gBAAgB,IAChC0B,KAAKC,SAAS,CAAE1B,gBAAgB,IAChCyB,KAAKC,SAAS,CAAEzB,gBAAgB,IAEhCwB,KAAKC,SAAS,CAAExB,aAAc,IAC9BuB,KAAKC,SAAS,CAAEvB,WAAY,OAC5BsB,KAAKC,SAAS,CAAEtB,WAAY,gBAnF5C,yCAyFuBuB,GAAQ,IAAD,OAKlBC,GAAY,EACVC,EAAOF,EAAMG,OAAOC,MAAM,GAC1BC,EAASL,EAAMG,OAAO7D,GACxB0D,EAAMG,OAAOC,MAAM,KACnBH,GAAY,EACZK,SAASC,eAAe,aAAeF,GAAQG,UAAW,EAC1DF,SAASC,eAAe,aAAeF,GAAQI,UAAUC,OAAO,aAEhET,EAAYD,EAAMG,OAAOC,MAAM,GAAGO,KAAO,QACzCC,IAAQC,iBACJX,EACA,IACA,IACA,OACA,IACA,GACA,SAAAY,GACIC,aAAa,cAAgBV,GAAUS,EAEvC,EAAKf,SAAL,eAAiBM,EAASS,MAE9B,QAGCb,GAhIC,SAACC,GACf,OAAO,IAAIc,SAAQ,SAACC,EAASC,GACzB,IAAMC,EAAS,IAAIC,WACnBD,EAAOE,OAAS,kBAAMJ,EAAQE,EAAOG,SACrCH,EAAOI,QAAU,SAAAC,GAAK,OAAIN,EAAOM,IACjCL,EAAOM,cAAcvB,MA4HjBwB,CAAUxB,GAAMyB,MAAK,SAAAC,GACjBb,aAAa,cAAgBV,GAAUuB,EACvC,EAAK7B,SAAL,eAAiBM,EAASU,aAAa,cAAgBV,UAzHvE,kCA8HgBL,EAAO1D,EAAIuF,GACnB/B,KAAKC,SAAL,eAAiB,QAAUzD,EAAKuF,IAChCd,aAAae,WAAW,mBAAqBxF,GAC7CgE,SAASC,eAAe,kBAAoBjE,GAAImE,UAAUsB,IAAI,YAC9DzB,SAASC,eAAe,kBAAoBjE,GAAIkE,UAAW,IAlInE,+BAqIc,IAAD,SAC4FV,KAAK3B,MAA9FC,EADH,EACGA,eAAgBC,EADnB,EACmBA,eAAgBC,EADnC,EACmCA,eAAgBC,EADnD,EACmDA,aAAcC,EADjE,EACiEA,WAAYC,EAD7E,EAC6EA,WAClF,OACI,kBAAC,IAAMvC,SAAP,KACI,6BACKkC,GAAkB,6BACf,yBAAKjC,UAAU,OACX,yBAAKA,UAAU,YACX,yBAAKA,UAAU,OAAO6F,MAAOlF,GACzB,yBAAKX,UAAU,eACX,wBAAIA,UAAU,cAAd,oBAEJ,yBAAKA,UAAU,aACX,yBAAK8F,IAAKnC,KAAK3B,MAAMO,OAAQwD,IAAI,kBAAkBF,MAAOrF,KAE9D,yBAAKR,UAAU,0BACX,uBAAGA,UAAU,uBAAuB6F,MAAO/E,EAASkF,KAAK,YACrD,uBAAGhG,UAAU,sBAAsB6F,MAAOnE,EAAWuE,cAAY,SADrE,oBAGI,2BAAO9F,GAAG,SAAS0F,MAAOzE,EAAUpB,UAAU,kBAAkBE,KAAK,OAAOwD,KAAK,eAAewC,SAAU,SAACrC,GAAD,OAAW,EAAKL,mBAAmBK,IAAQsC,OAAO,4BAEhK,4BAAQhG,GAAG,mBAAmBiG,QAAS,SAACvC,GAAD,OAAW,EAAKJ,YAAYI,EAAO,IAAK,EAAK7B,MAAMqB,YAAYd,SAASvC,UAAU,2BAA2B6F,MAAOjE,GAAU,uBAAG5B,UAAU,eAAe6F,MAAOnE,EAAWuE,cAAY,aAI3O,yBAAKjG,UAAU,YACX,yBAAKA,UAAU,OAAO6F,MAAOlF,GACzB,yBAAKX,UAAU,eACX,wBAAIA,UAAU,cAAd,qBAEJ,yBAAKA,UAAU,aACX,yBAAK8F,IAAKnC,KAAK3B,MAAMS,OAAQsD,IAAI,mBAAmBF,MAAOrF,KAE/D,yBAAKR,UAAU,0BACX,uBAAGA,UAAU,kBAAkB6F,MAAO/E,EAASkF,KAAK,YAChD,uBAAGhG,UAAU,sBAAsB6F,MAAOnE,EAAWuE,cAAY,SADrE,oBAGI,2BAAO9F,GAAG,SAAS0F,MAAOzE,EAAUpB,UAAU,kBAAkBE,KAAK,OAAOwD,KAAK,eAAewC,SAAU,SAACrC,GAAD,OAAW,EAAKL,mBAAmBK,IAAQsC,OAAO,4BAEhK,4BAAQhG,GAAG,mBAAmBiG,QAAS,SAACvC,GAAD,OAAW,EAAKJ,YAAYI,EAAO,IAAK,EAAK7B,MAAMqB,YAAYZ,SAASzC,UAAU,2BAA2B6F,MAAOjE,GAAU,uBAAG5B,UAAU,eAAe6F,MAAOnE,EAAWuE,cAAY,cAK/O,yBAAKjG,UAAU,OACX,yBAAKA,UAAU,YACX,yBAAKA,UAAU,OAAO6F,MAAOlF,GACzB,yBAAKX,UAAU,eACX,wBAAIA,UAAU,cAAd,mBAEJ,yBAAKA,UAAU,aACX,yBAAK8F,IAAKnC,KAAK3B,MAAMU,OAAQqD,IAAI,iBAAiBF,MAAOrF,KAE7D,yBAAKR,UAAU,0BACX,uBAAGA,UAAU,kBAAkB6F,MAAO/E,EAASkF,KAAK,YAChD,uBAAGhG,UAAU,sBAAsB6F,MAAOnE,EAAWuE,cAAY,SADrE,oBAGI,2BAAO9F,GAAG,SAAS0F,MAAOzE,EAAUpB,UAAU,kBAAkBE,KAAK,OAAOwD,KAAK,eAAewC,SAAU,SAACrC,GAAD,OAAW,EAAKL,mBAAmBK,IAAQsC,OAAO,4BAEhK,4BAAQhG,GAAG,mBAAmBiG,QAAS,SAACvC,GAAD,OAAW,EAAKJ,YAAYI,EAAO,IAAK,EAAK7B,MAAMqB,YAAYX,SAAS1C,UAAU,2BAA2B6F,MAAOjE,GAAU,uBAAG5B,UAAU,eAAe6F,MAAOnE,EAAWuE,cAAY,aAI3O,yBAAKjG,UAAU,YACX,yBAAKA,UAAU,OAAO6F,MAAOlF,GACzB,yBAAKX,UAAU,eACX,wBAAIA,UAAU,cAAd,oBAEJ,yBAAKA,UAAU,aACX,yBAAK8F,IAAKnC,KAAK3B,MAAMW,OAAQoD,IAAI,kBAAkBF,MAAOrF,KAE9D,yBAAKR,UAAU,0BACX,uBAAGA,UAAU,kBAAkB6F,MAAO/E,EAASkF,KAAK,YAChD,uBAAGhG,UAAU,sBAAsB6F,MAAOnE,EAAWuE,cAAY,SADrE,oBAGI,2BAAO9F,GAAG,SAAS0F,MAAOzE,EAAUpB,UAAU,kBAAkBE,KAAK,OAAOwD,KAAK,eAAewC,SAAU,SAACrC,GAAD,OAAW,EAAKL,mBAAmBK,IAAQsC,OAAO,4BAEhK,4BAAQhG,GAAG,mBAAmBiG,QAAS,SAACvC,GAAD,OAAW,EAAKJ,YAAYI,EAAO,IAAK,EAAK7B,MAAMqB,YAAYV,SAAS3C,UAAU,2BAA2B6F,MAAOjE,GAAU,uBAAG5B,UAAU,eAAe6F,MAAOnE,EAAWuE,cAAY,eAMlP/D,GAAkB,6BACf,yBAAKlC,UAAU,OACX,yBAAKA,UAAU,YACX,yBAAKA,UAAU,OAAO6F,MAAOlF,GACzB,yBAAKX,UAAU,eACX,wBAAIA,UAAU,cAAd,2BAEJ,yBAAKA,UAAU,aACX,yBAAK8F,IAAKnC,KAAK3B,MAAMY,OAAQmD,IAAI,yBAAyBF,MAAOrF,KAErE,yBAAKR,UAAU,0BACX,uBAAGA,UAAU,kBAAkB6F,MAAO/E,EAASkF,KAAK,YAChD,uBAAGhG,UAAU,sBAAsB6F,MAAOnE,EAAWuE,cAAY,SADrE,oBAGI,2BAAO9F,GAAG,SAAS0F,MAAOzE,EAAUpB,UAAU,kBAAkBE,KAAK,OAAOwD,KAAK,eAAewC,SAAU,SAACrC,GAAD,OAAW,EAAKL,mBAAmBK,IAAQsC,OAAO,4BAEhK,4BAAQhG,GAAG,mBAAmBiG,QAAS,SAACvC,GAAD,OAAW,EAAKJ,YAAYI,EAAO,IAAK,EAAK7B,MAAMqB,YAAYT,SAAS5C,UAAU,2BAA2B6F,MAAOjE,GAAU,uBAAG5B,UAAU,eAAe6F,MAAOnE,EAAWuE,cAAY,aAI3O,yBAAKjG,UAAU,YACX,yBAAKA,UAAU,OAAO6F,MAAOlF,GACzB,yBAAKX,UAAU,eACX,wBAAIA,UAAU,cAAd,qBAEJ,yBAAKA,UAAU,aACX,yBAAK8F,IAAKnC,KAAK3B,MAAMa,OAAQkD,IAAI,mBAAmBF,MAAOrF,KAE/D,yBAAKR,UAAU,0BACX,uBAAGA,UAAU,kBAAkB6F,MAAO/E,EAASkF,KAAK,YAChD,uBAAGhG,UAAU,sBAAsB6F,MAAOnE,EAAWuE,cAAY,SADrE,oBAGI,2BAAO9F,GAAG,SAAS0F,MAAOzE,EAAUpB,UAAU,kBAAkBE,KAAK,OAAOwD,KAAK,eAAewC,SAAU,SAACrC,GAAD,OAAW,EAAKL,mBAAmBK,IAAQsC,OAAO,4BAEhK,4BAAQhG,GAAG,mBAAmBiG,QAAS,SAACvC,GAAD,OAAW,EAAKJ,YAAYI,EAAO,IAAK,EAAK7B,MAAMqB,YAAYR,SAAS7C,UAAU,2BAA2B6F,MAAOjE,GAAU,uBAAG5B,UAAU,eAAe6F,MAAOnE,EAAWuE,cAAY,cAK/O,yBAAKjG,UAAU,OACX,yBAAKA,UAAU,YACX,yBAAKA,UAAU,OAAO6F,MAAOlF,GACzB,yBAAKX,UAAU,eACX,wBAAIA,UAAU,cAAd,gBAEJ,yBAAKA,UAAU,aACX,yBAAK8F,IAAKnC,KAAK3B,MAAMc,OAAQiD,IAAI,cAAcF,MAAOrF,KAE1D,yBAAKR,UAAU,0BACX,uBAAGA,UAAU,kBAAkB6F,MAAO/E,EAASkF,KAAK,YAChD,uBAAGhG,UAAU,sBAAsB6F,MAAOnE,EAAWuE,cAAY,SADrE,oBAGI,2BAAO9F,GAAG,SAAS0F,MAAOzE,EAAUpB,UAAU,kBAAkBE,KAAK,OAAOwD,KAAK,eAAewC,SAAU,SAACrC,GAAD,OAAW,EAAKL,mBAAmBK,IAAQsC,OAAO,4BAEhK,4BAAQhG,GAAG,mBAAmBiG,QAAS,SAACvC,GAAD,OAAW,EAAKJ,YAAYI,EAAO,IAAK,EAAK7B,MAAMqB,YAAYP,SAAS9C,UAAU,2BAA2B6F,MAAOjE,GAAU,uBAAG5B,UAAU,eAAe6F,MAAOnE,EAAWuE,cAAY,aAI3O,yBAAKjG,UAAU,YACX,yBAAKA,UAAU,OAAO6F,MAAOlF,GACzB,yBAAKX,UAAU,eACX,wBAAIA,UAAU,cAAd,aAEJ,yBAAKA,UAAU,aACX,yBAAK8F,IAAKnC,KAAK3B,MAAMe,OAAQgD,IAAI,WAAWF,MAAOrF,KAEvD,yBAAKR,UAAU,0BACX,uBAAGA,UAAU,kBAAkB6F,MAAO/E,EAASkF,KAAK,YAChD,uBAAGhG,UAAU,sBAAsB6F,MAAOnE,EAAWuE,cAAY,SADrE,oBAGI,2BAAO9F,GAAG,SAAS0F,MAAOzE,EAAUpB,UAAU,kBAAkBE,KAAK,OAAOwD,KAAK,eAAewC,SAAU,SAACrC,GAAD,OAAW,EAAKL,mBAAmBK,IAAQsC,OAAO,4BAEhK,4BAAQhG,GAAG,mBAAmBiG,QAAS,SAACvC,GAAD,OAAW,EAAKJ,YAAYI,EAAO,IAAK,EAAK7B,MAAMqB,YAAYN,SAAS/C,UAAU,2BAA2B6F,MAAOjE,GAAU,uBAAG5B,UAAU,eAAe6F,MAAOnE,EAAWuE,cAAY,eAMlP9D,GAAkB,6BACf,yBAAKnC,UAAU,OACX,yBAAKA,UAAU,YACX,yBAAKA,UAAU,OAAO6F,MAAOlF,GACzB,yBAAKX,UAAU,eACX,wBAAIA,UAAU,cAAd,uEAEJ,yBAAKA,UAAU,aACX,yBAAK8F,IAAKnC,KAAK3B,MAAMgB,OAAQ+C,IAAI,qEAAqEF,MAAOrF,KAEjH,yBAAKR,UAAU,0BACX,uBAAGA,UAAU,kBAAkB6F,MAAO/E,EAASkF,KAAK,YAChD,uBAAGhG,UAAU,sBAAsB6F,MAAOnE,EAAWuE,cAAY,SADrE,oBAGI,2BAAO9F,GAAG,SAAS0F,MAAOzE,EAAUpB,UAAU,kBAAkBE,KAAK,OAAOwD,KAAK,eAAewC,SAAU,SAACrC,GAAD,OAAW,EAAKL,mBAAmBK,IAAQsC,OAAO,4BAEhK,4BAAQhG,GAAG,mBAAmBiG,QAAS,SAACvC,GAAD,OAAW,EAAKJ,YAAYI,EAAO,IAAK,EAAK7B,MAAMqB,YAAYL,SAAShD,UAAU,2BAA2B6F,MAAOjE,GAAU,uBAAG5B,UAAU,eAAe6F,MAAOnE,EAAWuE,cAAY,aAI3O,yBAAKjG,UAAU,YACX,yBAAKA,UAAU,OAAO6F,MAAOlF,GACzB,yBAAKX,UAAU,eACX,wBAAIA,UAAU,cAAd,kBAEJ,yBAAKA,UAAU,aACX,yBAAK8F,IAAKnC,KAAK3B,MAAMiB,QAAS8C,IAAI,gBAAgBF,MAAOrF,KAE7D,yBAAKR,UAAU,0BACX,uBAAGA,UAAU,kBAAkB6F,MAAO/E,EAASkF,KAAK,YAChD,uBAAGhG,UAAU,sBAAsB6F,MAAOnE,EAAWuE,cAAY,SADrE,oBAGI,2BAAO9F,GAAG,UAAU0F,MAAOzE,EAAUpB,UAAU,kBAAkBE,KAAK,OAAOwD,KAAK,eAAewC,SAAU,SAACrC,GAAD,OAAW,EAAKL,mBAAmBK,IAAQsC,OAAO,4BAEjK,4BAAQhG,GAAG,oBAAoBiG,QAAS,SAACvC,GAAD,OAAW,EAAKJ,YAAYI,EAAO,KAAM,EAAK7B,MAAMqB,YAAYJ,UAAUjD,UAAU,2BAA2B6F,MAAOjE,GAAU,uBAAG5B,UAAU,eAAe6F,MAAOnE,EAAWuE,cAAY,cAKlP,yBAAKjG,UAAU,OACX,yBAAKA,UAAU,YACX,yBAAKA,UAAU,OAAO6F,MAAOlF,GACzB,yBAAKX,UAAU,eACX,wBAAIA,UAAU,cAAd,0BAEJ,yBAAKA,UAAU,aACX,yBAAK8F,IAAKnC,KAAK3B,MAAMkB,QAAS6C,IAAI,wBAAwBF,MAAOrF,KAErE,yBAAKR,UAAU,0BACX,uBAAGA,UAAU,kBAAkB6F,MAAO/E,EAASkF,KAAK,YAChD,uBAAGhG,UAAU,sBAAsB6F,MAAOnE,EAAWuE,cAAY,SADrE,oBAGI,2BAAO9F,GAAG,UAAU0F,MAAOzE,EAAUpB,UAAU,kBAAkBE,KAAK,OAAOwD,KAAK,eAAewC,SAAU,SAACrC,GAAD,OAAW,EAAKL,mBAAmBK,IAAQsC,OAAO,4BAEjK,4BAAQhG,GAAG,oBAAoBiG,QAAS,SAACvC,GAAD,OAAW,EAAKJ,YAAYI,EAAO,KAAM,EAAK7B,MAAMqB,YAAYH,UAAUlD,UAAU,2BAA2B6F,MAAOjE,GAAU,uBAAG5B,UAAU,eAAe6F,MAAOnE,EAAWuE,cAAY,aAI9O,yBAAKjG,UAAU,YACX,yBAAKA,UAAU,OAAO6F,MAAOlF,GACzB,yBAAKX,UAAU,eACX,wBAAIA,UAAU,cAAd,kDAEJ,yBAAKA,UAAU,aACX,yBAAK8F,IAAKnC,KAAK3B,MAAMmB,QAAS4C,IAAI,gDAAgDF,MAAOrF,KAE7F,yBAAKR,UAAU,0BACX,uBAAGA,UAAU,kBAAkB6F,MAAO/E,EAASkF,KAAK,YAChD,uBAAGhG,UAAU,sBAAsB6F,MAAOnE,EAAWuE,cAAY,SADrE,oBAGI,2BAAO9F,GAAG,UAAU0F,MAAOzE,EAAUpB,UAAU,kBAAkBE,KAAK,OAAOwD,KAAK,eAAewC,SAAU,SAACrC,GAAD,OAAW,EAAKL,mBAAmBK,IAAQsC,OAAO,4BAEjK,4BAAQhG,GAAG,oBAAoBiG,QAAS,SAACvC,GAAD,OAAW,EAAKJ,YAAYI,EAAO,KAAM,EAAK7B,MAAMqB,YAAYF,UAAUnD,UAAU,2BAA2B6F,MAAOjE,GAAU,uBAAG5B,UAAU,eAAe6F,MAAOnE,EAAWuE,cAAY,eAQtP,yBAAKI,aAAW,mBACZ,wBAAIrG,UAAU,qCACV,wBAAIA,UAAS,qBAAgBqC,IACzB,uBAAGrC,UAAU,YAAYoG,QAAS,kBAAM,EAAK9C,cAAc,iBAAmBlB,EAAe,KAAK4D,KAAK,WAAWM,SAAS,MAA3H,aAEJ,wBAAItG,UAAU,aAAY,uBAAGA,UAAU,YAAYoG,QAAS,kBAAM,EAAK9C,cAAc,mBAAmB0C,KAAK,YAAnF,MAC1B,wBAAIhG,UAAU,aAAY,uBAAGA,UAAU,YAAYoG,QAAS,kBAAM,EAAK9C,cAAc,mBAAmB0C,KAAK,YAAnF,MAC1B,wBAAIhG,UAAU,aAAY,uBAAGA,UAAU,YAAYoG,QAAS,kBAAM,EAAK9C,cAAc,mBAAmB0C,KAAK,YAAnF,MAC1B,wBAAIhG,UAAS,qBAAgBsC,IACzB,uBAAGtC,UAAU,YAAYoG,QAAS,kBAAM,EAAK9C,cAAc,iBAAmBlB,EAAe,KAAK4D,KAAK,YAAvG,iBA/XhC,GAAkC1F,aC5C5BiG,EAAQ,CACVC,WAAY,qBACZ7E,SAAU,OACV8E,WAAY,MACZC,MAAO,UACPC,cAAe,UACf/F,UAAW,MACXC,aAAc,OACd+F,cAAe,OACfC,WAAY,OACZC,aAAc,qBAmBHC,E,uKAfP,OACI,kBAAC,IAAMhH,SAAP,KACK,yBAAKC,UAAU,cACZ,wBAAI6F,MAAOU,GAAX,0BAEJ,kBAAC,EAAD,MACA,yBAAKvG,UAAU,cACX,wBAAI6F,MAAOU,GAAX,+B,GATYjG,aCX1BiG,EAAQ,CACVC,WAAY,qBACZ7E,SAAU,OACV8E,WAAY,MACZC,MAAO,UACPC,cAAe,UACf/F,UAAW,MACXC,aAAc,OACd+F,cAAe,OACfC,WAAY,OACZC,aAAc,qBAGZE,EAAS,CACXjG,QAAQ,QAwEGkG,E,kDApEX,aAAe,IAAD,8BACV,gBA2BJC,aAAe,SAAArD,GACXA,EAAMsD,kBA3BN,EAAKnF,MAAQ,CACT0B,KAAM,QACN0D,eAAe,EACfC,eAAe,EACfC,eAAe,GAEnB,EAAKhE,cAAgB,EAAKA,cAAcC,KAAnB,gBARX,E,0DAWAG,GAEV,OADA6D,QAAQC,IAAI9D,GACJA,GACJ,IAAK,gBACDC,KAAKC,SAAS,CAAEwD,eAAgBzD,KAAK3B,MAAMoF,gBAC3CzD,KAAKC,SAAS,CAAEyD,eAAgB1D,KAAK3B,MAAMqF,gBAC3ClD,SAASC,eAAe,cAAcqD,UAAgE,gBAApDtD,SAASC,eAAe,cAAcqD,UAA8B,cAAgB,cACtI,MACJ,IAAK,gBACD9D,KAAKC,SAAS,CAAEwD,eAAgBzD,KAAK3B,MAAMoF,gBAC3CzD,KAAKC,SAAS,CAAEyD,eAAgB1D,KAAK3B,MAAMqF,gBAC3ClD,SAASC,eAAe,iBAAiBqD,UAAmE,gBAAvDtD,SAASC,eAAe,iBAAiBqD,UAA8B,cAAgB,iB,+BAS9I,IAAD,SACqC9D,KAAK3B,MAAvCoF,EADH,EACGA,cAAgBC,EADnB,EACmBA,cACxB,OACI,0BAAMK,SAAU/D,KAAKuD,cACjB,yBAAKlH,UAAU,kBACX,2BAAOA,UAAU,0BAA0BC,QAAQ,eAAnD,WACA,2BAAOC,KAAK,OAAOF,UAAU,mCAAmCG,GAAG,cAAcwH,MAAM,QAAQC,UAAQ,KAE1GR,GAAiB,yBAAKpH,UAAU,cAC7B,wBAAI6F,MAAOU,GAAX,qBAEFa,GAAiB,kBAAC,EAAD,MAClBA,GAAiB,yBAAKpH,UAAU,cAC7B,wBAAI6F,MAAOU,GAAX,oBAEHa,GAAiB,kBAAC,EAAD,MAChBA,GACF,yBAAKpH,UAAU,cACX,yBAAKA,UAAU,cACX,2BAAOA,UAAU,mBAAmBE,KAAK,WAAWC,GAAG,cACvD,2BAAOH,UAAU,mBAAmBC,QAAQ,aAA5C,kBAKNmH,GAAiB,4BAAQjH,GAAG,aAAaiG,QAAS,kBAAM,EAAK9C,cAAc,kBAAkBtD,UAAU,mBAAtF,eACjBqH,GAAiB,yBAAKrH,UAAU,cAC9B,wBAAI6F,MAAOU,GAAX,uBAEFc,GAAiB,kBAAC,EAAD,MACjBA,GAAiB,4BAAQlH,GAAG,gBAAgBiG,QAAS,kBAAM,EAAK9C,cAAc,kBAAkBtD,UAAU,mBAAzF,eACnB,4BAAQE,KAAK,SAAS2F,MAAOmB,EAAQhH,UAAU,mBAA/C,e,GAhEGM,aCSJuH,MAzBf,WACE,OACG,kBAAC,WAAD,KACE,kBAAC,EAAD,QCIaC,QACW,cAA7BC,OAAOC,SAASC,UAEe,UAA7BF,OAAOC,SAASC,UAEhBF,OAAOC,SAASC,SAASC,MACvB,2DCVNC,IAASC,OACN,kBAAC,IAAMC,WAAP,KACE,kBAAC,EAAD,OAGFlE,SAASC,eAAe,SDsHrB,kBAAmBkE,WACrBA,UAAUC,cAAcC,MACrBhD,MAAK,SAAAiD,GACJA,EAAaC,gBAEdC,OAAM,SAAAtD,GACLkC,QAAQlC,MAAMA,EAAMuD,c","file":"static/js/main.138aeb32.chunk.js","sourcesContent":["import React, { Component } from 'react'\r\n\r\nclass CustomerDetails extends Component {\r\n    render() {\r\n        return (\r\n            <React.Fragment>\r\n                <div className=\"form-row\">\r\n                    <div className=\"form-group col-md-6\">\r\n                        <label htmlFor=\"inputFirstName\">First Name</label>\r\n                        <input type=\"text\" className=\"form-control\" id=\"inputFirstName\" placeholder=\"First Name\" />\r\n                    </div>\r\n                    <div className=\"form-group col-md-6\">\r\n                        <label htmlFor=\"inputLastName\">Last Name</label>\r\n                        <input type=\"text\" className=\"form-control\" id=\"inputLastName\" placeholder=\"Last Name\" />\r\n                    </div>\r\n                </div>\r\n                <div className=\"form-row\">\r\n                    <div className=\"form-group col-md-6\">\r\n                        <label htmlFor=\"inputEmail\">Proposal Email ID</label>\r\n                        <input type=\"email\" className=\"form-control\" id=\"inputEmail\" placeholder=\"Email\" />\r\n                    </div>\r\n                    <div className=\"form-group col-md-6\">\r\n                        <label htmlFor=\"inputMobileNo\">Customer Mobile No</label>\r\n                        <input type=\"text\" className=\"form-control\" id=\"inputMobileNo\" placeholder=\"Mobile No\" />\r\n                    </div>\r\n                </div>\r\n                <div className=\"form-group\">\r\n                    <label htmlFor=\"inputAddress\">Address</label>\r\n                    <input type=\"text\" className=\"form-control\" id=\"inputAddress\" placeholder=\"1234 Main St\" />\r\n                </div>\r\n                <div className=\"form-row\">\r\n                    <div className=\"form-group col-md-3\">\r\n                        <label htmlFor=\"inputState\">State</label>\r\n                        <select id=\"inputState\" className=\"form-control\">\r\n                            <option defaultValue>Choose...</option>\r\n                            <option>...</option>\r\n                        </select>\r\n                    </div>\r\n                    <div className=\"form-group col-md-3\">\r\n                        <label htmlFor=\"inputDistrict\">District</label>\r\n                        <select id=\"inputDistrict\" className=\"form-control\">\r\n                            <option defaultValue>Choose...</option>\r\n                            <option>...</option>\r\n                        </select>\r\n                    </div>\r\n                    <div className=\"form-group col-md-3\">\r\n                        <label htmlFor=\"inputCity\">City</label>\r\n                        <select id=\"inputCity\" className=\"form-control\">\r\n                            <option defaultValue>Choose...</option>\r\n                            <option>...</option>\r\n                        </select>\r\n                    </div>\r\n                    <div className=\"form-group col-md-3\">\r\n                        <label htmlFor=\"inputZip\">Zip</label>\r\n                        <input type=\"text\" className=\"form-control\" id=\"inputZip\" />\r\n                    </div>\r\n                </div>\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\n\r\nexport default CustomerDetails\r\n","import React, { Component } from 'react'\r\nimport './switch.css'\r\n\r\nclass VehicalDetails extends Component {\r\n    render() {\r\n        return (\r\n            <React.Fragment>\r\n                <div className=\"form-row\">\r\n                    <div className=\"form-group col-md-4\">\r\n                        <label htmlFor=\"inputMake\">Make</label>\r\n                        <select id=\"inputMake\" className=\"form-control\">\r\n                            <option defaultValue>Choose...</option>\r\n                            <option>...</option>\r\n                        </select>\r\n                    </div>\r\n                    <div className=\"form-group col-md-4\">\r\n                        <label htmlFor=\"inputModel\">Model</label>\r\n                        <select id=\"inputModel\" className=\"form-control\">\r\n                            <option defaultValue>Choose...</option>\r\n                            <option>...</option>\r\n                        </select>\r\n                    </div>\r\n                    <div className=\"form-group col-md-4\">\r\n                        <label htmlFor=\"EngConditionCheck\">Engine in Working Condition</label>\r\n                        <div className=\"form-check\">\r\n                            <label className=\"switch\">\r\n                                <input className=\"form-check-input\" type=\"checkbox\" id=\"EngConditionCheck\" />\r\n                                <span className=\"slider round\"></span>\r\n                            </label>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div className=\"form-row\">\r\n                    <div className=\"form-group col-md-4\">\r\n                        <label htmlFor=\"inputRegNo\">Vehicle Reg No</label>\r\n                        <input type=\"text\" className=\"form-control\" id=\"inputRegNo\" placeholder=\"Vehicle Reg No\" />\r\n                    </div>\r\n                    <div className=\"form-group col-md-4\">\r\n                        <label htmlFor=\"inputEngineNo\">Engine No</label>\r\n                        <input type=\"text\" className=\"form-control\" id=\"inputEngineNo\" placeholder=\"Engine No\" />\r\n                    </div>\r\n                    <div className=\"form-group col-md-4\">\r\n                        <label htmlFor=\"inputChassisNo\">Chassis No</label>\r\n                        <input type=\"text\" className=\"form-control\" id=\"inputChassisNo\" placeholder=\"Chassis No\" />\r\n                    </div>\r\n                </div>\r\n                <div className=\"form-group\">\r\n                    <label htmlFor=\"inputRemark\">Other Remarks(Optional)</label>\r\n                    <input type=\"text\" className=\"form-control\" id=\"inputRemark\" placeholder=\"Other Remark (Optional)\" />\r\n                </div>\r\n\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\n\r\nexport default VehicalDetails\r\n","import React, { Component } from 'react'\r\nimport resizer from 'react-image-file-resizer'\r\n\r\nconst image_bd = {\r\n    width: '100%',\r\n    height: 'auto'\r\n}\r\n\r\nconst image_btm = {\r\n    marginTop: '10px',\r\n    marginBottom: '10px'\r\n}\r\n\r\nconst image_a = {\r\n    display: 'inline-block',\r\n    overflow: 'hidden',\r\n    position: 'relative',\r\n    textAlign: 'center',\r\n    verticalAlign: 'middle'\r\n}\r\n\r\nconst image_dp = {\r\n    position: 'absolute',\r\n    left: '0',\r\n    top: '0',\r\n    margin: '0',\r\n    padding: '0',\r\n    opacity: '0'\r\n}\r\n\r\nconst camera_sz = {\r\n    fontSize: '16px'\r\n}\r\n\r\nconst trash_sz = {\r\n    float: 'Right'\r\n}\r\n\r\nconst getBase64 = (file) => {\r\n    return new Promise((resolve, reject) => {\r\n        const reader = new FileReader();\r\n        reader.onload = () => resolve(reader.result);\r\n        reader.onerror = error => reject(error);\r\n        reader.readAsDataURL(file);\r\n    });\r\n}\r\n\r\nconst url = '.'\r\nexport class ImageCapture extends Component {\r\n\r\n    constructor(props) {\r\n        super();\r\n\r\n        this.state = {\r\n\r\n            showHideTitel1: true,\r\n            showHideTitel2: false,\r\n            showHideTitel3: false,\r\n\r\n            CurrentState: 1,\r\n            PrevStatus: 'disabled',\r\n            NextStatus: null,\r\n\r\n            image1: url + '/UploadFiles/PhotoCategoryImages/Front%20Left%20View.PNG',\r\n            image2: url + '/UploadFiles/PhotoCategoryImages/Front%20Right%20View.PNG',\r\n            image3: url + '/UploadFiles/PhotoCategoryImages/Rear%20Left%20View.PNG',\r\n            image4: url + '/UploadFiles/PhotoCategoryImages/Rear%20Right%20View.PNG',\r\n\r\n            image5: url + '/UploadFiles/PhotoCategoryImages/Windshield%20From%20Inside.PNG',\r\n            image6: url + '/UploadFiles/PhotoCategoryImages/Odometer%20Reading.PNG',\r\n            image7: url + '/UploadFiles/PhotoCategoryImages/Original%20RC.png',\r\n            image8: url + '/UploadFiles/PhotoCategoryImages/Tax%20Copy.jpg',\r\n\r\n            image9: url + '/UploadFiles/PhotoCategoryImages/Windshield%20Glass%20(Full%20view%20from%20outside%20without%20any%20obstructions).jpg',\r\n            image10: url + '/UploadFiles/PhotoCategoryImages/Under%20Chassis.PNG',\r\n            image11: url + '/UploadFiles/PhotoCategoryImages/VIN%20and%20Engine%20Number.jpg',\r\n            image12: url + '/UploadFiles/PhotoCategoryImages/Engine%20Bay%20(Covering%20both%20the%20Head%20Lamp%20Tabs).PNG',\r\n\r\n            image13: url + '/UploadFiles/PhotoCategoryImages/Keys%20(Original%20and%20Spare).PNG',\r\n\r\n            Defultimage: {\r\n                image1: url + '/UploadFiles/PhotoCategoryImages/Front%20Left%20View.PNG',\r\n                image2: url + '/UploadFiles/PhotoCategoryImages/Front%20Right%20View.PNG',\r\n                image3: url + '/UploadFiles/PhotoCategoryImages/Rear%20Left%20View.PNG',\r\n                image4: url + '/UploadFiles/PhotoCategoryImages/Rear%20Right%20View.PNG',\r\n\r\n                image5: url + '/UploadFiles/PhotoCategoryImages/Windshield%20From%20Inside.PNG',\r\n                image6: url + '/UploadFiles/PhotoCategoryImages/Odometer%20Reading.PNG',\r\n                image7: url + '/UploadFiles/PhotoCategoryImages/Original%20RC.png',\r\n                image8: url + '/UploadFiles/PhotoCategoryImages/Tax%20Copy.jpg',\r\n\r\n                image9: url + '/UploadFiles/PhotoCategoryImages/Windshield%20Glass%20(Full%20view%20from%20outside%20without%20any%20obstructions).jpg',\r\n                image10: url + '/UploadFiles/PhotoCategoryImages/Under%20Chassis.PNG',\r\n                image11: url + '/UploadFiles/PhotoCategoryImages/VIN%20and%20Engine%20Number.jpg',\r\n                image12: url + '/UploadFiles/PhotoCategoryImages/Engine%20Bay%20(Covering%20both%20the%20Head%20Lamp%20Tabs).PNG',\r\n\r\n                image13: url + '/UploadFiles/PhotoCategoryImages/Keys%20(Original%20and%20Spare).PNG'\r\n            }\r\n        };\r\n        this.hideComponent = this.hideComponent.bind(this);\r\n        this.fileChangedHandler = this.fileChangedHandler.bind(this);\r\n        this.deleteimage = this.deleteimage.bind(this);\r\n    }\r\n\r\n    hideComponent(name) {\r\n        //console.log(name);\r\n        switch (name) {\r\n            case \"showHideTitel1\":\r\n                this.setState({ showHideTitel1: true });\r\n                this.setState({ showHideTitel2: false });\r\n                this.setState({ showHideTitel3: false });\r\n                this.setState({ CurrentState: 1 });\r\n                //document.getElementById('#') disabled\r\n                this.setState({ PrevStatus: 'disabled' });\r\n                this.setState({ NextStatus: null });\r\n                break;\r\n            case \"showHideTitel2\":\r\n                this.setState({ showHideTitel1: false });\r\n                this.setState({ showHideTitel2: true });\r\n                this.setState({ showHideTitel3: false });\r\n                this.setState({ CurrentState: 2 });\r\n                this.setState({ PrevStatus: null });\r\n                this.setState({ NextStatus: null });\r\n                break;\r\n            case \"showHideTitel3\":\r\n                this.setState({ showHideTitel1: false });\r\n                this.setState({ showHideTitel2: false });\r\n                this.setState({ showHideTitel3: true });\r\n                //this.setState({ showHideTitel3: !this.state.showHideTitel3 });\r\n                this.setState({ CurrentState: 3 });\r\n                this.setState({ PrevStatus: null });\r\n                this.setState({ NextStatus: 'disabled' });\r\n                break;\r\n            default:\r\n        }\r\n    }\r\n\r\n    fileChangedHandler(event) {\r\n        //console.log(event.target.id);\r\n        //console.log(event.target.name);\r\n        //console.log(event.target.value);\r\n        //console.log(event.target.files[0]);\r\n        var fileInput = false\r\n        const file = event.target.files[0];\r\n        const fileid = event.target.id;\r\n        if (event.target.files[0]) {\r\n            fileInput = true;\r\n            document.getElementById('btn_trash_' + fileid).disabled = false;\r\n            document.getElementById('btn_trash_' + fileid).classList.remove(\"disabled\");\r\n        }\r\n        if (fileInput & event.target.files[0].size > 3145728) {            \r\n            resizer.imageFileResizer(\r\n                file,\r\n                1000,\r\n                750,\r\n                'JPEG',\r\n                100,\r\n                0,\r\n                uri => {\r\n                    localStorage[\"fileBase64_\" + fileid] = uri;\r\n                    //document.getElementById(props.id).src = localStorage[\"fileBase64_\" + props.id];\r\n                    this.setState({ [fileid]: uri});\r\n                },\r\n                'JPEG'\r\n            );\r\n        }\r\n        else if (fileInput) {            \r\n            getBase64(file).then(base64 => {\r\n                localStorage[\"fileBase64_\" + fileid] = base64;\r\n                this.setState({ [fileid]: localStorage[\"fileBase64_\" + fileid] });\r\n            });\r\n        }   \r\n    }\r\n\r\n    deleteimage(event, id, defultimage) {\r\n        this.setState({ ['image' + id]: defultimage })\r\n        localStorage.removeItem(\"fileBase64_image\" + id);\r\n        document.getElementById('btn_trash_image' + id).classList.add(\"disabled\");\r\n        document.getElementById('btn_trash_image' + id).disabled = true;\r\n    }\r\n\r\n    render() {\r\n        const { showHideTitel1, showHideTitel2, showHideTitel3, CurrentState, PrevStatus, NextStatus } = this.state;\r\n        return (\r\n            <React.Fragment>\r\n                <div>\r\n                    {showHideTitel1 && <div>\r\n                        <div className=\"row\">\r\n                            <div className=\"col-sm-6\">\r\n                                <div className=\"card\" style={image_btm}>\r\n                                    <div className=\"card-header\">\r\n                                        <h5 className=\"card-title\">Front Left View</h5>\r\n                                    </div>\r\n                                    <div className=\"card-body\">\r\n                                        <img src={this.state.image1} alt=\"Front Left View\" style={image_bd} />\r\n                                    </div>\r\n                                    <div className=\"card-footer text-muted\">\r\n                                        <a className=\"btn btn-primary mr-3\" style={image_a} href=\"#section\" >\r\n                                            <i className=\"fas fa-camera-retro\" style={camera_sz} aria-hidden=\"true\"></i>\r\n                                             &nbsp; Take Picture\r\n                                            <input id=\"image1\" style={image_dp} className=\"btn btn-primary\" type=\"file\" name='Take Picture' onChange={(event) => this.fileChangedHandler(event)} accept=\"image/*;capture=camera\" />\r\n                                        </a>\r\n                                        <button id=\"btn_trash_image1\" onClick={(event) => this.deleteimage(event, \"1\", this.state.Defultimage.image1)} className=\"btn btn-primary disabled\" style={trash_sz}><i className=\"fas fa-trash\" style={camera_sz} aria-hidden=\"true\"></i></button>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-sm-6\">\r\n                                <div className=\"card\" style={image_btm}>\r\n                                    <div className=\"card-header\">\r\n                                        <h5 className=\"card-title\">Front Right View</h5>\r\n                                    </div>\r\n                                    <div className=\"card-body\">\r\n                                        <img src={this.state.image2} alt=\"Front Right View\" style={image_bd} />\r\n                                    </div>\r\n                                    <div className=\"card-footer text-muted\">\r\n                                        <a className=\"btn btn-primary\" style={image_a} href=\"#section\" >\r\n                                            <i className=\"fas fa-camera-retro\" style={camera_sz} aria-hidden=\"true\"></i>\r\n                                             &nbsp; Take Picture\r\n                                            <input id=\"image2\" style={image_dp} className=\"btn btn-primary\" type=\"file\" name='Take Picture' onChange={(event) => this.fileChangedHandler(event)} accept=\"image/*;capture=camera\" />\r\n                                        </a>\r\n                                        <button id=\"btn_trash_image2\" onClick={(event) => this.deleteimage(event, \"2\", this.state.Defultimage.image2)} className=\"btn btn-primary disabled\" style={trash_sz}><i className=\"fas fa-trash\" style={camera_sz} aria-hidden=\"true\"></i></button>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row\">\r\n                            <div className=\"col-sm-6\">\r\n                                <div className=\"card\" style={image_btm}>\r\n                                    <div className=\"card-header\">\r\n                                        <h5 className=\"card-title\">Rear Left View</h5>\r\n                                    </div>\r\n                                    <div className=\"card-body\">\r\n                                        <img src={this.state.image3} alt=\"Rear Left View\" style={image_bd} />\r\n                                    </div>\r\n                                    <div className=\"card-footer text-muted\">\r\n                                        <a className=\"btn btn-primary\" style={image_a} href=\"#section\" >\r\n                                            <i className=\"fas fa-camera-retro\" style={camera_sz} aria-hidden=\"true\"></i>\r\n                                             &nbsp; Take Picture\r\n                                            <input id=\"image3\" style={image_dp} className=\"btn btn-primary\" type=\"file\" name='Take Picture' onChange={(event) => this.fileChangedHandler(event)} accept=\"image/*;capture=camera\" />\r\n                                        </a>\r\n                                        <button id=\"btn_trash_image3\" onClick={(event) => this.deleteimage(event, \"3\", this.state.Defultimage.image3)} className=\"btn btn-primary disabled\" style={trash_sz}><i className=\"fas fa-trash\" style={camera_sz} aria-hidden=\"true\"></i></button>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-sm-6\">\r\n                                <div className=\"card\" style={image_btm}>\r\n                                    <div className=\"card-header\">\r\n                                        <h5 className=\"card-title\">Rear Right View</h5>\r\n                                    </div>\r\n                                    <div className=\"card-body\">\r\n                                        <img src={this.state.image4} alt=\"Rear Right View\" style={image_bd} />\r\n                                    </div>\r\n                                    <div className=\"card-footer text-muted\">\r\n                                        <a className=\"btn btn-primary\" style={image_a} href=\"#section\" >\r\n                                            <i className=\"fas fa-camera-retro\" style={camera_sz} aria-hidden=\"true\"></i>\r\n                                             &nbsp; Take Picture\r\n                                            <input id=\"image4\" style={image_dp} className=\"btn btn-primary\" type=\"file\" name='Take Picture' onChange={(event) => this.fileChangedHandler(event)} accept=\"image/*;capture=camera\" />\r\n                                        </a>\r\n                                        <button id=\"btn_trash_image4\" onClick={(event) => this.deleteimage(event, \"4\", this.state.Defultimage.image4)} className=\"btn btn-primary disabled\" style={trash_sz}><i className=\"fas fa-trash\" style={camera_sz} aria-hidden=\"true\"></i></button>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>}\r\n                    {showHideTitel2 && <div>\r\n                        <div className=\"row\">\r\n                            <div className=\"col-sm-6\">\r\n                                <div className=\"card\" style={image_btm}>\r\n                                    <div className=\"card-header\">\r\n                                        <h5 className=\"card-title\">Windshield From Inside</h5>\r\n                                    </div>\r\n                                    <div className=\"card-body\">\r\n                                        <img src={this.state.image5} alt=\"Windshield From Inside\" style={image_bd} />\r\n                                    </div>\r\n                                    <div className=\"card-footer text-muted\">\r\n                                        <a className=\"btn btn-primary\" style={image_a} href=\"#section\" >\r\n                                            <i className=\"fas fa-camera-retro\" style={camera_sz} aria-hidden=\"true\"></i>\r\n                                             &nbsp; Take Picture\r\n                                            <input id=\"image5\" style={image_dp} className=\"btn btn-primary\" type=\"file\" name='Take Picture' onChange={(event) => this.fileChangedHandler(event)} accept=\"image/*;capture=camera\" />\r\n                                        </a>\r\n                                        <button id=\"btn_trash_image5\" onClick={(event) => this.deleteimage(event, \"5\", this.state.Defultimage.image5)} className=\"btn btn-primary disabled\" style={trash_sz}><i className=\"fas fa-trash\" style={camera_sz} aria-hidden=\"true\"></i></button>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-sm-6\">\r\n                                <div className=\"card\" style={image_btm}>\r\n                                    <div className=\"card-header\">\r\n                                        <h5 className=\"card-title\">Odometer Reading</h5>\r\n                                    </div>\r\n                                    <div className=\"card-body\">\r\n                                        <img src={this.state.image6} alt=\"Odometer Reading\" style={image_bd} />\r\n                                    </div>\r\n                                    <div className=\"card-footer text-muted\">\r\n                                        <a className=\"btn btn-primary\" style={image_a} href=\"#section\" >\r\n                                            <i className=\"fas fa-camera-retro\" style={camera_sz} aria-hidden=\"true\"></i>\r\n                                             &nbsp; Take Picture\r\n                                            <input id=\"image6\" style={image_dp} className=\"btn btn-primary\" type=\"file\" name='Take Picture' onChange={(event) => this.fileChangedHandler(event)} accept=\"image/*;capture=camera\" />\r\n                                        </a>\r\n                                        <button id=\"btn_trash_image6\" onClick={(event) => this.deleteimage(event, \"6\", this.state.Defultimage.image6)} className=\"btn btn-primary disabled\" style={trash_sz}><i className=\"fas fa-trash\" style={camera_sz} aria-hidden=\"true\"></i></button>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row\">\r\n                            <div className=\"col-sm-6\" >\r\n                                <div className=\"card\" style={image_btm}>\r\n                                    <div className=\"card-header\">\r\n                                        <h5 className=\"card-title\">Original RC</h5>\r\n                                    </div>\r\n                                    <div className=\"card-body\">\r\n                                        <img src={this.state.image7} alt=\"Original RC\" style={image_bd} />\r\n                                    </div>\r\n                                    <div className=\"card-footer text-muted\">\r\n                                        <a className=\"btn btn-primary\" style={image_a} href=\"#section\" >\r\n                                            <i className=\"fas fa-camera-retro\" style={camera_sz} aria-hidden=\"true\"></i>\r\n                                             &nbsp; Take Picture\r\n                                            <input id=\"image7\" style={image_dp} className=\"btn btn-primary\" type=\"file\" name='Take Picture' onChange={(event) => this.fileChangedHandler(event)} accept=\"image/*;capture=camera\" />\r\n                                        </a>\r\n                                        <button id=\"btn_trash_image7\" onClick={(event) => this.deleteimage(event, \"7\", this.state.Defultimage.image7)} className=\"btn btn-primary disabled\" style={trash_sz}><i className=\"fas fa-trash\" style={camera_sz} aria-hidden=\"true\"></i></button>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-sm-6\">\r\n                                <div className=\"card\" style={image_btm}>\r\n                                    <div className=\"card-header\">\r\n                                        <h5 className=\"card-title\">Tax Copy</h5>\r\n                                    </div>\r\n                                    <div className=\"card-body\">\r\n                                        <img src={this.state.image8} alt=\"Tax Copy\" style={image_bd} />\r\n                                    </div>\r\n                                    <div className=\"card-footer text-muted\">\r\n                                        <a className=\"btn btn-primary\" style={image_a} href=\"#section\" >\r\n                                            <i className=\"fas fa-camera-retro\" style={camera_sz} aria-hidden=\"true\"></i>\r\n                                             &nbsp; Take Picture\r\n                                            <input id=\"image8\" style={image_dp} className=\"btn btn-primary\" type=\"file\" name='Take Picture' onChange={(event) => this.fileChangedHandler(event)} accept=\"image/*;capture=camera\" />\r\n                                        </a>\r\n                                        <button id=\"btn_trash_image8\" onClick={(event) => this.deleteimage(event, \"8\", this.state.Defultimage.image8)} className=\"btn btn-primary disabled\" style={trash_sz}><i className=\"fas fa-trash\" style={camera_sz} aria-hidden=\"true\"></i></button>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>}\r\n                    {showHideTitel3 && <div>\r\n                        <div className=\"row\">\r\n                            <div className=\"col-sm-6\">\r\n                                <div className=\"card\" style={image_btm}>\r\n                                    <div className=\"card-header\">\r\n                                        <h5 className=\"card-title\">Windshield Glass (Full view from outside without any obstructions)</h5>\r\n                                    </div>\r\n                                    <div className=\"card-body\">\r\n                                        <img src={this.state.image9} alt=\"Windshield Glass (Full view from outside without any obstructions)\" style={image_bd} />\r\n                                    </div>\r\n                                    <div className=\"card-footer text-muted\">\r\n                                        <a className=\"btn btn-primary\" style={image_a} href=\"#section\" >\r\n                                            <i className=\"fas fa-camera-retro\" style={camera_sz} aria-hidden=\"true\"></i>\r\n                                             &nbsp; Take Picture\r\n                                            <input id=\"image9\" style={image_dp} className=\"btn btn-primary\" type=\"file\" name='Take Picture' onChange={(event) => this.fileChangedHandler(event)} accept=\"image/*;capture=camera\" />\r\n                                        </a>\r\n                                        <button id=\"btn_trash_image9\" onClick={(event) => this.deleteimage(event, \"9\", this.state.Defultimage.image9)} className=\"btn btn-primary disabled\" style={trash_sz}><i className=\"fas fa-trash\" style={camera_sz} aria-hidden=\"true\"></i></button>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-sm-6\">\r\n                                <div className=\"card\" style={image_btm}>\r\n                                    <div className=\"card-header\">\r\n                                        <h5 className=\"card-title\">Under Chassis</h5>\r\n                                    </div>\r\n                                    <div className=\"card-body\">\r\n                                        <img src={this.state.image10} alt=\"Under Chassis\" style={image_bd} />\r\n                                    </div>\r\n                                    <div className=\"card-footer text-muted\">\r\n                                        <a className=\"btn btn-primary\" style={image_a} href=\"#section\" >\r\n                                            <i className=\"fas fa-camera-retro\" style={camera_sz} aria-hidden=\"true\"></i>\r\n                                             &nbsp; Take Picture\r\n                                            <input id=\"image10\" style={image_dp} className=\"btn btn-primary\" type=\"file\" name='Take Picture' onChange={(event) => this.fileChangedHandler(event)} accept=\"image/*;capture=camera\" />\r\n                                        </a>\r\n                                        <button id=\"btn_trash_image10\" onClick={(event) => this.deleteimage(event, \"10\", this.state.Defultimage.image10)} className=\"btn btn-primary disabled\" style={trash_sz}><i className=\"fas fa-trash\" style={camera_sz} aria-hidden=\"true\"></i></button>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row\">\r\n                            <div className=\"col-sm-6\">\r\n                                <div className=\"card\" style={image_btm}>\r\n                                    <div className=\"card-header\">\r\n                                        <h5 className=\"card-title\">VIN and Engine Number</h5>\r\n                                    </div>\r\n                                    <div className=\"card-body\">\r\n                                        <img src={this.state.image11} alt=\"VIN and Engine Number\" style={image_bd} />\r\n                                    </div>\r\n                                    <div className=\"card-footer text-muted\">\r\n                                        <a className=\"btn btn-primary\" style={image_a} href=\"#section\" >\r\n                                            <i className=\"fas fa-camera-retro\" style={camera_sz} aria-hidden=\"true\"></i>\r\n                                             &nbsp; Take Picture\r\n                                            <input id=\"image11\" style={image_dp} className=\"btn btn-primary\" type=\"file\" name='Take Picture' onChange={(event) => this.fileChangedHandler(event)} accept=\"image/*;capture=camera\" />\r\n                                        </a>\r\n                                        <button id=\"btn_trash_image11\" onClick={(event) => this.deleteimage(event, \"11\", this.state.Defultimage.image11)} className=\"btn btn-primary disabled\" style={trash_sz}><i className=\"fas fa-trash\" style={camera_sz} aria-hidden=\"true\"></i></button>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"col-sm-6\">\r\n                                <div className=\"card\" style={image_btm}>\r\n                                    <div className=\"card-header\">\r\n                                        <h5 className=\"card-title\">Engine Bay (Covering both the Head Lamp Tabs)</h5>\r\n                                    </div>\r\n                                    <div className=\"card-body\">\r\n                                        <img src={this.state.image12} alt=\"Engine Bay (Covering both the Head Lamp Tabs)\" style={image_bd} />\r\n                                    </div>\r\n                                    <div className=\"card-footer text-muted\">\r\n                                        <a className=\"btn btn-primary\" style={image_a} href=\"#section\" >\r\n                                            <i className=\"fas fa-camera-retro\" style={camera_sz} aria-hidden=\"true\"></i>\r\n                                             &nbsp; Take Picture\r\n                                            <input id=\"image12\" style={image_dp} className=\"btn btn-primary\" type=\"file\" name='Take Picture' onChange={(event) => this.fileChangedHandler(event)} accept=\"image/*;capture=camera\" />\r\n                                        </a>\r\n                                        <button id=\"btn_trash_image12\" onClick={(event) => this.deleteimage(event, \"12\", this.state.Defultimage.image12)} className=\"btn btn-primary disabled\" style={trash_sz}><i className=\"fas fa-trash\" style={camera_sz} aria-hidden=\"true\"></i></button>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>}\r\n                    {/* <button id onClick={() => this.hideComponent(\"showHideTitel\" + (CurrentState - 1))} className=\"btn btn-primary\">Previous</button>\r\n                    <button onClick={() => this.hideComponent(\"showHideTitel\" + CurrentState)} className=\"btn btn-primary\">Next</button> */}\r\n                    <nav aria-label=\"Page navigation\">\r\n                        <ul className=\"pagination justify-content-center\">\r\n                            <li className={`page-item  ${PrevStatus}`} >\r\n                                <a className=\"page-link\" onClick={() => this.hideComponent(\"showHideTitel\" + (CurrentState - 1))} href=\"#section\" tabIndex=\"-1\">Previous</a>\r\n                            </li>\r\n                            <li className=\"page-item\"><a className=\"page-link\" onClick={() => this.hideComponent(\"showHideTitel1\")} href=\"#section\">1</a></li>\r\n                            <li className=\"page-item\"><a className=\"page-link\" onClick={() => this.hideComponent(\"showHideTitel2\")} href=\"#section\">2</a></li>\r\n                            <li className=\"page-item\"><a className=\"page-link\" onClick={() => this.hideComponent(\"showHideTitel3\")} href=\"#section\">3</a></li>\r\n                            <li className={`page-item  ${NextStatus}`}>\r\n                                <a className=\"page-link\" onClick={() => this.hideComponent(\"showHideTitel\" + (CurrentState + 1))} href=\"#section\">Next</a>\r\n                            </li>\r\n                        </ul>\r\n                    </nav>\r\n                </div>\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\n\r\nexport default ImageCapture","import React, { Component } from 'react'\r\nimport ImageCapture from './ImageCapture_old'\r\n//import VideoCapture from './VideoCapture'\r\n\r\nconst titel = {\r\n    fontFamily: 'Roboto, sans-serif',\r\n    fontSize: '24px',\r\n    fontWeight: '500',\r\n    color: '#294480',\r\n    textTransform: 'inherit',\r\n    marginTop: '0px',\r\n    marginBottom: '25px',\r\n    paddingBottom: '25px',\r\n    paddingTop: '12px',\r\n    borderBottom: '1px solid #e6e6e6'\r\n}\r\nclass VehicleInspection extends Component {\r\n    render() {\r\n        return (\r\n            <React.Fragment>\r\n                 <div className=\"form-group\">\r\n                    <h2 style={titel}>Vehicle Image Details</h2>\r\n                </div>\r\n                <ImageCapture /> \r\n                <div className=\"form-group\">\r\n                    <h2 style={titel}>Vehicle Video Details</h2>\r\n                </div>\r\n                {/* <VideoCapture /> */}\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\n\r\nexport default VehicleInspection\r\n","import React, { Component } from 'react'\r\nimport CustomerDetails from './CustomerDetails'\r\nimport VehicalDetails from './VehicalDetails'\r\nimport VehicleInspection from './VehicleInspection';\r\n\r\nconst titel = {\r\n    fontFamily: 'Roboto, sans-serif',\r\n    fontSize: '24px',\r\n    fontWeight: '500',\r\n    color: '#294480',\r\n    textTransform: 'inherit',\r\n    marginTop: '0px',\r\n    marginBottom: '25px',\r\n    paddingBottom: '25px',\r\n    paddingTop: '12px',\r\n    borderBottom: '1px solid #e6e6e6'\r\n}\r\n\r\nconst submit = {\r\n    display:'none'\r\n}\r\nclass Form extends Component {\r\n\r\n    constructor() {\r\n        super();\r\n        this.state = {\r\n            name: \"React\",\r\n            showHideDemo1: true,\r\n            showHideDemo2: false,\r\n            showHideDemo3: false\r\n        };\r\n        this.hideComponent = this.hideComponent.bind(this);\r\n    }\r\n\r\n    hideComponent(name) {\r\n        console.log(name);\r\n        switch (name) {\r\n            case \"showHideDemo1\":\r\n                this.setState({ showHideDemo1: !this.state.showHideDemo1 });\r\n                this.setState({ showHideDemo2: !this.state.showHideDemo2 });                \r\n                document.getElementById(\"btnDetails\").innerText = document.getElementById(\"btnDetails\").innerText === \"Save & Show\" ? \"Save & Hide\" : \"Save & Show\";                \r\n                break;\r\n            case \"showHideDemo2\": \r\n                this.setState({ showHideDemo1: !this.state.showHideDemo1 });               \r\n                this.setState({ showHideDemo2: !this.state.showHideDemo2 });\r\n                document.getElementById(\"btnInspection\").innerText = document.getElementById(\"btnInspection\").innerText === \"Save & Show\" ? \"Save & Hide\" : \"Save & Show\";\r\n                break;\r\n            default:\r\n        }\r\n    }\r\n\r\n    HandleSubmit = event => {       \r\n        event.preventDefault()\r\n    }\r\n    render() {\r\n        const { showHideDemo1 , showHideDemo2 } = this.state;\r\n        return (\r\n            <form onSubmit={this.HandleSubmit}>\r\n                <div className=\"form-group row\">\r\n                    <label className=\"col-sm-2 col-form-label\" htmlFor=\"inputLeadId\">Lead ID</label>\r\n                    <input type=\"text\" className=\"col-sm-10 form-control-plaintext\" id=\"inputLeadId\" value=\"12345\" readOnly />\r\n                </div>\r\n                {showHideDemo1 && <div className=\"form-group\">\r\n                    <h2 style={titel}>Customer Details</h2>\r\n                </div>}\r\n                 {showHideDemo1 && <CustomerDetails />} \r\n                {showHideDemo1 && <div className=\"form-group\">\r\n                    <h2 style={titel}>Vehical Details</h2>\r\n                </div>}\r\n                {showHideDemo1 && <VehicalDetails />} \r\n                { showHideDemo1 &&\r\n                <div className=\"form-group\">\r\n                    <div className=\"form-check\">\r\n                        <input className=\"form-check-input\" type=\"checkbox\" id=\"gridCheck\" />\r\n                        <label className=\"form-check-label\" htmlFor=\"gridCheck\">\r\n                            Check me out\r\n                        </label>\r\n                    </div>\r\n                </div> }\r\n                { showHideDemo1 && <button id=\"btnDetails\" onClick={() => this.hideComponent(\"showHideDemo1\")} className=\"btn btn-primary\">Save & Hide</button> }\r\n                { showHideDemo2 && <div className=\"form-group\">\r\n                    <h2 style={titel}>Vehicle Inspection</h2>\r\n                </div>}\r\n                { showHideDemo2 && <VehicleInspection /> } \r\n                { showHideDemo2 && <button id=\"btnInspection\" onClick={() => this.hideComponent(\"showHideDemo2\")} className=\"btn btn-primary\">Save & Hide</button> }\r\n                <button type=\"submit\" style={submit} className=\"btn btn-primary\">Submit</button>\r\n            </form>\r\n        )\r\n    }\r\n}\r\n\r\nexport default Form\r\n","import React, { Fragment } from 'react';\n//import logo from './logo.svg';\n//import './App.css';\nimport Form from './Components/Form';\n\nfunction App() {\n  return (\n     <Fragment>\n       <Form />\n     </Fragment>\n    /*<div className=\"App\">\n       <header className=\"App-header\">\n        <img src={logo} className=\"App-logo\" alt=\"logo\" />\n        <p>\n          Edit <code>src/App.js</code> and save to reload.\n        </p>\n        <a\n          className=\"App-link\"\n          href=\"https://reactjs.org\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Learn React\n        </a> \n      </header>\n      <Form />\n    </div>*/\n  );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' },\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n//import Form from './Components/Form';\n//mport CustomerDetails from './Components/CustomerDetails';\n\nReactDOM.render(\n   <React.StrictMode>\n     <App /> \n     {/* <CustomerDetails /> */}    \n   </React.StrictMode>,\n   document.getElementById('root')  \n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}