{"version":3,"file":"car-shipping.b4542212dca2ff421b1b.bundle.js","mappings":"wLAQe,MAAMA,UAAsB,YACvC,WAAAC,CAAYC,GACRC,MAAMD,GACNE,KAAKC,MAAQ,CAAEC,UAAU,EAC7B,CAEA,+BAAOC,CAAyBC,GAC5B,MAAO,CAAEF,UAAU,EACvB,CAEA,MAAAG,GACI,OAAOL,KAAKC,MAAMC,UAA0D,IAA9C,WAAeI,MAAMN,KAAKF,MAAMS,UAAkB,KAAOP,KAAKF,MAAMS,QACtG,E,4ECHW,MAAMC,UAAkB,YACnC,WAAAX,CAAYC,GACRC,MAAMD,GAENE,KAAKC,MAAQ,CACTQ,SAAS,EAEjB,CAEO,MAAAJ,GACH,OACI,+BACI,iBAAKK,UAAU,aAAY,WACvB,oBACIA,UAAW,IAAW,6BAA8BV,KAAKF,MAAMY,WAC/DC,GAAIX,KAAKF,MAAMa,GACfC,SAAUZ,KAAKF,MAAMc,SACrBC,QAAS,IAAMb,KAAKc,SAAS,CAAEL,SAAS,IACxCM,OAAQ,IAAMf,KAAKc,SAAS,CAAEL,SAAS,IACvCO,MAAOhB,KAAKF,MAAMkB,MAAK,WAEQ,IAA9BhB,KAAKF,MAAMmB,iBAA2B,mBAAQC,UAAQ,EAACF,MAAM,KAC7DhB,KAAKF,MAAMqB,QAAQC,KAAI,EAAGC,QAAOL,YAC9B,mBAAoBA,MAAOA,EAAK,SAC3BK,GADQL,SAMrB,kBACIN,UAAW,IAAW,qBAAsB,CACxC,kCAAmCV,KAAKC,MAAMQ,SAAgC,KAArBT,KAAKF,MAAMkB,QAExEM,QAAStB,KAAKF,MAAMa,GAAE,SAErBX,KAAKF,MAAMuB,SAGhB,gBACIX,UAAW,IAAW,kBAAmB,CACrC,0BAA2BV,KAAKC,MAAMQ,gBAM9D,E,kGCiDG,MAAM,EAAiCX,IAC1C,MAAM,eACFyB,EAAiB,OAAM,aACvBC,EAAe,MAAK,UACpBd,EAAS,SACTQ,GAAW,EAAK,WAChBO,EAAU,uBACVC,GAAyB,EACzBf,GAAIgB,EAAS,UACbC,EAAY,OAAM,WAClBC,EAAU,iBACVC,EAAgB,MAChBT,EAAK,UACLU,EAAS,KACTC,EAAI,OACJjB,EAAM,SACNH,EAAQ,QACRC,EAAO,QACPoB,EAAO,SACPC,GAAW,EAAK,KAChBC,EAAO,OAAM,MACbnB,EAAK,QACLoB,GAAU,GACVtC,GAEGa,GAAM,WAAegB,IAAa,QAAO,IAC1CU,EAAc,cAAc1B,IAC5B2B,EAAe,0BAA0B3B,IACzC4B,EAAe,SAA+B,MAC9CC,EC3IO,EAACC,EAA0CC,GAAe,KACvE,MAAOF,EAAWG,IAAY,IAAAC,UAASF,GAoBvC,OAlBA,IAAAG,YAAU,KACN,MAAMC,EAAUL,EAAIK,QACd/B,EAAS,IAAM4B,GAAS,GACxB9B,EAAU,IAAM8B,GAAS,GAO/B,OALIG,IACAA,EAAQC,iBAAiB,OAAQhC,GACjC+B,EAAQC,iBAAiB,QAASlC,IAG/B,KACCiC,IACAA,EAAQE,oBAAoB,OAAQjC,GACpC+B,EAAQE,oBAAoB,QAASnC,GACzC,CACH,IAGE2B,CAAS,EDsHE,CAASD,GA2B3B,OAzBA,IAAAM,YAAU,KACN,MAAMI,EAAQV,EAAaO,QACvBG,IACAA,EAAMF,iBACF,QACCG,GAAUnC,GAAUA,EAAQmC,KAEjCD,EAAMF,iBACF,UACCG,GAAUtC,GAAYA,EAAUsC,KAEzC,GACD,KAEH,IAAAL,YAAU,KACN,MAAMM,EAAQZ,aAAY,EAAZA,EAAcO,QACxBK,IACIX,IAAaX,aAAU,EAAVA,EAAYuB,aACzBD,EAAMC,YAAcvB,aAAU,EAAVA,EAAYuB,YAEhCD,EAAMC,YAAc,GAE5B,GACD,CAACZ,KAGA,iCACI,iBACI9B,UAAW,IAAWA,EAAW,iBAAkB,CAC/C,2BAA4BQ,EAC5B,0BAA2BsB,EAC3B,0BAAgD,YAArBV,EAC3B,kBAAmCuB,IAArBvB,GAAkCM,IAClD,WAEF,gDACmBX,EAAaa,OAAee,EAAS,mBAClC5B,EAAaa,OAAee,EAC9C9B,eAAgBA,EAChBC,aAAcA,EACdd,UAAU,wBACVQ,SAAUA,EACVP,GAAI0B,EACJT,UAAWA,EACXK,QAASA,EACTF,UAAWA,EACXC,KAAMA,EACNS,IAAKF,EACLL,SAAUA,EACVC,KAAMA,EACNnB,MAAOA,EACPD,OAAQA,EACRH,SAAUA,EACVC,QAASA,GACLgB,IAEPC,IACG,gBAAKpB,UAAW,wBAA6BoB,EAAkB,SACrC,UAArBA,GACG,iBAAKwB,QAAQ,YAAYC,MAAM,6BAA4B,cAAa,OAAM,WAC1E,iBAAMC,EAAE,gBAAgBC,KAAK,UAC7B,iBAAMD,EAAE,gGAGZ,iBAAKF,QAAQ,YAAYC,MAAM,6BAA4B,cAAa,OAAM,WAC1E,iBAAMC,EAAE,gBAAgBC,KAAK,UAC7B,iBAAMD,EAAE,4DAKvBpB,IACG,gBAAKsB,MAAO,CAAEC,UAAW,SAAUC,WAAY,SAAS,UACpD,wBAAaC,KAAK,QAAQxC,MAAM,kBAAkByC,KAAK,aAG/D,kBACIpD,UAAW,IAAW,qBAAsB,CACxC,kCAAmC8B,QAAwBa,IAAVrC,GAAiC,KAAVA,IAE5EM,QAASe,EAAW,SAEnBhB,KAEL,gBAAKX,UAAW,IAAW,kBAAmB,CAAE,0BAA2B8B,SAE9Ef,GACG,gBACIf,UAAW,IAAW,6BAA8B,CAChD,yCAA0CgB,EAC1C,6CAAmE,YAArBI,IAElDnB,GAAI2B,EAAY,SAEfb,IAEL,OAEX,C,sEE7NL,MAAMsC,UAAwB,YAC1B,WAAAlE,CAAYC,GACRC,MAAMD,GAMH,KAAAG,MAAQ,CACX+D,kBAAmBhE,KAAKF,MAAMkE,kBACxBhE,KAAKF,MAAMkE,kBACX,CAAEC,OAAQ,GAAIC,YAAa,IACjCD,OAAQ,GACRC,YAAa,GACbC,aAAa,EACbC,cAAe,GACfC,WAAY,GACZC,SAAU,GACVC,MAAO,CAAC,EACRC,cAAe,IAffxE,KAAKyE,iBAAmBzE,KAAKyE,iBAAiBC,KAAK1E,MACnDA,KAAK2E,qBAAuB3E,KAAK2E,qBAAqBD,KAAK1E,MAC3DA,KAAK4E,yBAA2B5E,KAAK4E,yBAAyBF,KAAK1E,KACvE,CAcO,iBAAA6E,GACH7E,KAAK8E,iBACT,CACQ,0BAAMH,GACV,MAAMI,QC3BPC,eAA6BC,EAAkBC,GAClD,MAAMX,EAAkC,CACpCY,cAAe,GACfC,iBAAkB,GAClBC,gBAAiB,GACjBC,mBAAoB,GACpBC,sBAAuB,GACvBC,qBAAsB,GACtBC,MAAO,GACPC,UAAW,GACXC,WAAY,GACZC,WAAY,IAUhB,aAPMC,EAAA,EACDC,IAAI,mDAAmDb,wBAA+BC,KACtFa,MAAMC,IACHC,OAAOC,OAAO3B,EAAOyB,EAASG,KAAK,IAEtCC,OAAMhG,GAAS,KAEbmE,CACX,CDK8D,CAClDvE,KAAKC,MAAMgE,OACXjE,KAAKC,MAAMiE,aAEXa,GACA/E,KAAKc,SAAS,CACVqD,aAAa,EACbI,MAAOQ,IAGX/E,KAAKF,MAAMuG,mBACXrG,KAAKF,MAAMuG,kBAAkBtB,EAErC,CACQ,qBAAMD,GACV,MAAMwB,QCvDPtB,iBACH,MAAMsB,EAAsC,GAS5C,aAPMT,EAAA,EACDC,IAAI,qCACJC,MAAMC,IACHC,OAAOC,OAAOI,EAAQN,EAASG,KAAK,IAEvCC,OAAMhG,GAAS,KAEbkG,CACX,CD4C0D,GAC9CA,GACAtG,KAAK4E,yBAAyB0B,EAEtC,CACQ,gBAAA7B,CAAiB8B,EAAyBC,GAC9C,MAAMC,EAAezG,KAAKC,MAAMmE,cAAcsC,QAAQC,GAC3CA,EAAM3F,QAAUuF,IAEV,WAAbC,EACAxG,KAAKc,SAAS,CACVmD,OAAQsC,EACRjC,SAAUmC,IAEM,gBAAbD,GACPxG,KAAKc,SAAS,CACVoD,YAAaqC,EACblC,WAAYoC,GAGxB,CACQ,wBAAA7B,CAAyB0B,GAC7B,MAAMnF,EAAe,GACC,IAAlBmF,EAAOM,SACPN,EAAOO,QAAQ,CAAE7E,KAAM,GAAIrB,GAAI,EAAGV,MAAO,KACzCqG,EAAOlF,KAAI,CAACuF,EAAOG,KACf,MAAMC,EAAsBJ,EAC5BxF,EAAQ6F,KAAK,CACT3F,MAAO0F,EAAa/E,KAAO+E,EAAa/E,KAAO,KAAO+E,EAAa9G,MAAQ,GAC3Ee,MAAO+F,EAAapG,GACpBsG,IAAKH,GACP,KAGV9G,KAAKc,SAAS,CACVsD,cAAejD,EACfkD,WAAYlD,EACZmD,SAAUnD,GAElB,CACO,MAAAd,GACH,MAAM6G,EAA2C,KAAtBlH,KAAKC,MAAMgE,QAA4C,KAA3BjE,KAAKC,MAAMiE,YAO5DiD,EAAoBnH,KAAKC,MAAMsE,MACrC,OACI,qBAAS5D,GAAG,wBAAwBD,UAAU,wBAAuB,WACjE,iBAAKA,UAAU,6BAA4B,WACvC,SAACF,EAAA,EAAS,CACNG,GAAG,kCACHK,MAAOhB,KAAKC,MAAMgE,OAClB5C,MAAM,OACNF,QAASnB,KAAKC,MAAMoE,WACpBzD,SAfQsC,IACpBlD,KAAKyE,iBAAiBvB,EAAMkE,OAAOpG,MAAO,SAAS,EAevCN,UAAU,uBAEd,SAACF,EAAA,EAAS,CACNG,GAAG,uCACHK,MAAOhB,KAAKC,MAAMiE,YAClB7C,MAAM,KACNF,QAASnB,KAAKC,MAAMqE,SACpB1D,SApBasC,IACzBlD,KAAKyE,iBAAiBvB,EAAMkE,OAAOpG,MAAO,cAAc,EAoB5CN,UAAU,uBAEd,mBACIA,UAAU,4BACV2G,QAASrH,KAAK2E,qBACdzD,UAAWgG,EAAkB,UAE7B,iBAAMxG,UAAU,mBAAkB,4BAGzCV,KAAKC,MAAMkE,cACR,iBAAKzD,UAAU,sCAAqC,WAChD,iBAAMA,UAAU,kBAAiB,UAC7B,iBACIC,GAAG,uCAAsC,YAC/B,UACV2G,MAAM,KACNC,OAAO,QACPjE,QAAQ,eAAc,WAEtB,2BACI,iBACI3C,GAAG,uCACH6G,EAAE,IACFC,EAAE,QACFH,MAAM,KACNC,OAAO,KACPG,UAAU,iBAAgB,UAE1B,cAAGC,UAAU,oBAAmB,UAC5B,cAAGhH,GAAG,uCAAsC,YAAW,SAAQ,UAC3D,iBACIA,GAAG,uCAAsC,YAC/B,SACV6C,EAAE,sKACFC,KAAK,OACLmE,SAAS,qBAM7B,cAAGjH,GAAG,uCAAsC,YAAW,eAAc,UACjE,eAAGA,GAAG,uCAAsC,YAAW,YAAW,WAC9D,iBACIA,GAAG,uCAAsC,YAC/B,SACV6C,EAAE,cACFmE,UAAU,oBACVlE,KAAK,OACLoE,OAAO,UACPC,gBAAgB,OAEpB,mBACInH,GAAG,uCAAsC,YAC/B,SACVoH,GAAG,IACHC,GAAG,MACHC,EAAE,IACFxE,KAAK,OACLoE,OAAO,aAEX,cAAGlH,GAAG,uCAAsC,YAAW,QAAO,UAC1D,iBACI6C,EAAE,sKACFmE,UAAU,yBAGlB,cAAGO,KAAK,6CAA4C,UAChD,iBACIvH,GAAG,uCAAsC,YAC/B,QACV8G,EAAE,QACFH,MAAM,KACNC,OAAO,KACP9D,KAAK,yBAO7B,iBAAK/C,UAAU,0CAAyC,WACpD,gBAAKA,UAAU,SAAQ,SAClByG,EAAa9B,gBAAkB,KAAO8B,EAAa/B,oBAExD,iBAAK1E,UAAU,8CAA6C,WACxD,iBAAMA,UAAU,oBAAmB,UAC/B,iBACIC,GAAG,uCAAsC,YAC/B,UACV2G,MAAM,QACNC,OAAO,OACPjE,QAAQ,iBAAgB,WAExB,2BACI,iBACI3C,GAAG,uCACH6G,EAAE,QACFC,EAAE,OACFH,MAAM,KACNC,OAAO,KACPG,UAAU,iBAAgB,UAE1B,cAAGC,UAAU,uBAAsB,UAC/B,cAAGhH,GAAG,uCAAsC,YAAW,SAAQ,UAC3D,iBACIA,GAAG,uCAAsC,YAC/B,SACV6C,EAAE,4KACFC,KAAK,OACLmE,SAAS,qBAM7B,cACIjH,GAAG,uCAAsC,YAC/B,6BAA4B,UAEtC,cAAGA,GAAG,uCAAsC,YAAW,cAAa,UAChE,cAAGA,GAAG,uCAAsC,YAAW,QAAO,UAC1D,eAAGA,GAAG,uCAAsC,YAAW,OAAM,WACzD,iBACIA,GAAG,uCAAsC,YAC/B,SACV6C,EAAE,6BACFmE,UAAU,uBACVlE,KAAK,OACLoE,OAAO,UACPC,gBAAgB,OAEpB,mBACInH,GAAG,uCAAsC,YAC/B,SACVoH,GAAG,MACHC,GAAG,OACHC,EAAE,IACFxE,KAAK,OACLoE,OAAO,aAEX,cAAGlH,GAAG,uCAAsC,YAAW,QAAO,UAC1D,iBACI6C,EAAE,4KACFmE,UAAU,4BAGlB,cAAGO,KAAK,6CAA4C,UAChD,iBACIvH,GAAG,uCAAsC,YAC/B,QACV6G,EAAE,QACFC,EAAE,OACFH,MAAM,KACNC,OAAO,KACP9D,KAAK,6BASrC,iBAAK/C,UAAU,aAAY,cAAGyG,EAAaxB,WAAU,WAEzD,gBAAKjF,UAAU,cAAa,SACvByG,EAAa3B,qBAAuB,KAAO2B,EAAa5B,gCAOrF,EAGJ,U,cEhTO,MAoBM4C,EAAsBC,IAC/B,IAAKA,GAAgC,iBAAbA,EACpB,OAAO,KAEX,MAAMpH,EAAQoH,EACd,IAAKpH,EAKD,OAHAqH,QAAQC,KAAK,0DAGN,KAEX,MAAMC,EAAMvH,EAAMwH,QAAQ,MAAO,IAC3BC,EAAQF,EAAIE,MAAM,0BAExB,OAAIA,GAASA,EAAM,GAAG7B,OAAS,EACpB5F,EAAM0H,UAAU,EAAG1H,EAAM4F,OAAS,GAGxC6B,GAAUA,EAAM,GAOhBA,EAAM,GAIJ,GAAGA,EAAM,MAAMA,EAAM,MAAMA,EAAM,KAH7B,GAAGA,EAAM,MAAMA,EAAM,KAPhB,KAARF,EACO,KAEJA,CAOiC,EAGnCI,EAAqBP,IAC9B,IAAKA,GAAgC,iBAAbA,EACpB,OAAO,KAEX,IAAIpH,EAAQoH,EACZ,MACMrG,EAAYf,EAAM4F,OADN,GAC2B5F,EAAM4F,OADjC,GAGd5F,EAAM4F,OAHQ,KAId5F,EAAQA,EAAM0H,UAAU,EAAG3G,IAG/B,MAAMwG,EAAMvH,EAAMwH,QAAQ,MAAO,IAC3BC,EAAQF,EAAIE,MAAM,0BAExB,OAAKA,GAAUA,EAAM,GAIhBA,EAAM,GAIJ,IAAIA,EAAM,OAAOA,EAAM,MAAMA,EAAM,KAH/B,IAAIA,EAAM,OAAOA,EAAM,KAJvBF,CAOmC,ECzDlD,MAAMK,UAAqB,YACvB,WAAA/I,CAAYC,GACRC,MAAMD,GAKH,KAAAG,MAAQ,CACX4I,SAAU7I,KAAKF,MAAM+I,SAAW7I,KAAKF,MAAM+I,SAAW,CAAC,EACvD7G,KAAM,GACN8G,MAAO,GACPC,MAAO,GACPC,KAAM,GACNC,KAAM,GACNC,MAAO,GACPC,SAAU,GACVC,aAAa,EACbC,UAAW,GACXC,WAAY,GACZC,WAAY,GACZC,WAAW,GAhBXxJ,KAAKyJ,aAAezJ,KAAKyJ,aAAa/E,KAAK1E,MAC3CA,KAAK0J,kBAAoB1J,KAAK0J,kBAAkBhF,KAAK1E,KACzD,CAmBQ,iBAAA0J,CAAkB1I,EAAekC,EAAYgF,GACjD,OAAQhF,EAAMkE,OAAOpF,MACjB,IAAK,QACDhC,KAAKc,SACD,CACI,CAACoC,EAAMkE,OAAOpF,MAAO2G,EAAkB3H,IAE3ChB,KAAK2J,kBAET,MACJ,IAAK,WACD3J,KAAKc,SACD,CACI,CAACoC,EAAMkE,OAAOpF,MAAOmG,EAAmBnH,IAE5ChB,KAAK2J,kBAET,MACJ,IAAK,OACD,MAAMC,EAA6B,KAAV5I,EAAeA,EDpD3B,EAACoH,EAAeyB,EAAW,KACpD,MAAM7I,EAAQoH,EACd,GAAqB,iBAAVpH,EAAoB,CAC3B,MAAM8I,EAdiB,CAAC1B,GAEP,iBADPA,GACoC,iBADpCA,EAEH2B,IAEU,iBAJP3B,IAOP4B,WAPO5B,EAOUI,QAAQ,YAAa,KAMrByB,CAAgBjJ,GACpC,OAAOkJ,OAAOC,MAAML,GAAeD,EAAWC,CAClD,CACA,OAAO9I,CAAK,EC8CgDoJ,CAAcpJ,GAAOqJ,WACrErK,KAAKc,SACD,CACI,CAACoC,EAAMkE,OAAOpF,MACW,MAArB4H,GAA4BA,EAAiBhD,OAAS,EAChDgD,EACA5J,KAAKC,MAAM+I,MAEzBhJ,KAAK2J,kBAET,MACJ,QACI3J,KAAKc,SACD,CACI,CAACoC,EAAMkE,OAAOpF,MAAOhB,GAEzBhB,KAAK2J,kBAGrB,CACQ,gBAAAA,GAEA3J,KAAKC,MAAM+B,MACgB,IAA3BhC,KAAKC,MAAM+B,KAAK4E,QAChB5G,KAAKC,MAAM6I,OACiB,IAA5B9I,KAAKC,MAAM6I,MAAMlC,QACjB5G,KAAKC,MAAM8I,OACiB,IAA5B/I,KAAKC,MAAM8I,MAAMnC,OAEjB5G,KAAKc,SAAS,CAAEsI,aAAa,IAE7BpJ,KAAKc,SAAS,CAAEsI,aAAa,GAErC,CACQ,YAAAK,GACJ,MAAMa,EAAY,CACdd,WAAW,EACXH,UAAW,GACXC,WAAY,GACZC,WAAY,IAEVgB,EAAiC,CACnCvI,KAAMhC,KAAKC,MAAM+B,KACjB8G,MAAO9I,KAAKC,MAAM6I,MAClBC,MAAO/I,KAAKC,MAAM8I,MAClByB,YAAaxK,KAAKC,MAAM+I,KACxByB,YAAazK,KAAKC,MAAMgJ,KACxByB,aAAc1K,KAAKC,MAAMiJ,MACzByB,YAAa3K,KAAKC,MAAMkJ,UCnGR,IAACnI,EDsGG,KAApBhB,KAAKC,MAAM+B,OACVsI,EAAKjB,UAAY,yBAA4BiB,EAAKd,WAAY,GAG1C,KAArBxJ,KAAKC,MAAM6I,OACVwB,EAAKhB,WAAa,yBAA4BgB,EAAKd,WAAY,IACtB,KC5GzBxI,ED4GGhB,KAAKC,MAAM6I,MC3GhC,qEAAqE8B,KAAK5J,MD4GzEsJ,EAAKhB,WAAa,gDAClBgB,EAAKd,WAAY,GAGI,KAArBxJ,KAAKC,MAAM8I,OACVuB,EAAKf,WAAa,yBAA4Be,EAAKd,WAAY,IACtB,IC/H1B,CAACxI,IACzB,IAAKA,EACD,OAGJ,MAAM6J,EAAQ7J,EAAM8J,cAEpB,MAAO,+4BAA+4BF,KACl5BC,EACH,EDsHcE,CAAa/K,KAAKC,MAAM8I,SAC/BuB,EAAKf,WAAa,wCAClBe,EAAKd,WAAY,GAGrB,IAAK,MAAMvC,KAAOhB,OAAO+E,KAAKV,GAC1BtK,KAAKc,SAAS,CAAE,CAACmG,GAAMqD,EAAKrD,KAG5BjH,KAAKF,MAAMmL,0BAA4BX,EAAKd,WAC5CxJ,KAAKkL,SAAS,0BACdlL,KAAKF,MAAMmL,yBAAyBV,IAEpCvK,KAAKkL,SAAS,sBAEtB,CACQ,QAAAA,CAASC,GACb,MAAMC,EAAoBC,SAASC,cAAcH,GAC7CC,GACAA,EAAkBG,gBAE1B,CACO,MAAAlL,GACH,OACI,qBAASM,GAAG,qBAAqBD,UAAU,qBAAoB,WAC3D,eAAIA,UAAU,4BAA2B,mEACzC,iBAAKA,UAAU,+BAA8B,WACzC,iBAAKA,UAAU,wBAAuB,WAClC,gBAAKA,UAAU,yBAAwB,+BACvC,SAAC8K,EAAA,EAAS,CACN7K,GAAG,aACHU,MAAM,OACNW,KAAK,OACLpB,SAAWsC,GAAelD,KAAK0J,kBAAkBxG,EAAMkE,OAAOpG,MAAOkC,GACrElC,MAAOhB,KAAKC,MAAM+B,KAClBP,WAAYzB,KAAKC,MAAMoJ,aAE3B,iBAAK3I,UAAU,0BAAyB,WACpC,SAAC8K,EAAA,EAAS,CACN7K,GAAG,cACHD,UAAU,kBACVW,MAAM,QACNW,KAAK,QACLG,KAAK,MACLvB,SAAWsC,GAAelD,KAAK0J,kBAAkBxG,EAAMkE,OAAOpG,MAAOkC,GACrElC,MAAOhB,KAAKC,MAAM6I,MAClBrH,WAAYzB,KAAKC,MAAMqJ,cAE3B,SAACkC,EAAA,EAAS,CACN7K,GAAG,cACHD,UAAU,kBACVW,MAAM,gBACNW,KAAK,QACLpB,SAAWsC,GAAelD,KAAK0J,kBAAkBxG,EAAMkE,OAAOpG,MAAOkC,GACrElC,MAAOhB,KAAKC,MAAM8I,MAClBtH,WAAYzB,KAAKC,MAAMsJ,oBAInC,iBAAK7I,UAAU,6BAA4B,WACvC,gBAAKA,UAAU,yBAAwB,2BACvC,iBAAKA,UAAU,oBAAmB,WAC9B,SAAC8K,EAAA,EAAS,CACN7K,GAAG,aACHD,UAAU,mBACVW,MAAM,OACNW,KAAK,OACLpB,SAAWsC,GAAelD,KAAK0J,kBAAkBxG,EAAMkE,OAAOpG,MAAOkC,GACrElC,MAAOhB,KAAKC,MAAM+I,QAEtB,SAACwC,EAAA,EAAS,CACN7K,GAAG,aACHD,UAAU,mBACVW,MAAM,OACNW,KAAK,OACLpB,SAAWsC,GAAelD,KAAK0J,kBAAkBxG,EAAMkE,OAAOpG,MAAOkC,GACrElC,MAAOhB,KAAKC,MAAMgJ,QAEtB,SAACuC,EAAA,EAAS,CACN7K,GAAG,cACHD,UAAU,mBACVW,MAAM,QACNW,KAAK,QACLpB,SAAWsC,GAAelD,KAAK0J,kBAAkBxG,EAAMkE,OAAOpG,MAAOkC,GACrElC,MAAOhB,KAAKC,MAAMiJ,eAI9B,iBAAKxI,UAAU,gDAA+C,WAC1D,gBAAKA,UAAU,yBAAwB,yDACvC,cAAGA,UAAU,wBAAuB,iFAGpC,SAAC8K,EAAA,EAAS,CACN7K,GAAG,8BACHU,MAAM,wBACNW,KAAK,WACLpB,SAAWsC,GAAelD,KAAK0J,kBAAkBxG,EAAMkE,OAAOpG,MAAOkC,GACrErB,WAAY,CAAEuB,YAAa,cAC3BpC,MAAOhB,KAAKC,MAAMkJ,eAG1B,mBACIxI,GAAG,4BACHD,UAAU,4BACV2G,QAASrH,KAAKyJ,aACdvI,UAAWlB,KAAKC,MAAMmJ,YAAW,yBAOrD,EAvMc,EAAAqC,aAAe,CACzB5C,SAAU,MAyMlB,UE3Oa6C,EAAe,EAAGC,YAC3B,gBAAKjL,UAAU,gBAAe,SACzBiL,EAAMvK,KAAI,CAACwK,EAAe9E,KACvB,gCACI,6BAAU8E,EAAIC,YACd,6BAAUD,EAAIE,WAFJhF,OCLbiF,EAA2B,CACpC,CACIF,SAAU,mCACVC,QACI,mNAEuF,KACnF,cAAGE,KAAK,kBAAiB,4BAAmB,2EAKxD,CACIH,SAAU,mBACVC,QACI,kLAMR,CACID,SAAU,4CACVC,QACI,sTAOR,CACID,SAAU,mCACVC,QAAQ,yHAEZ,CACID,SAAU,qDACVC,QACI,sYAQR,CACID,SAAU,2CACVC,QACI,iFACwD,+BAAY,KAAO,+BAAY,2CAK/F,CACID,SAAU,8DACVC,QACI,yQAOR,CACID,SAAU,0CACVC,QACI,sNAMR,CACID,SAAU,yBACVC,QACI,ihBAKmG,KAC/F,cAAGE,KAAK,kBAAiB,4BAAmB,QAIxD,CACIH,SAAU,8BACVC,QACI,wLAMR,CACID,SAAU,0CACVC,QACI,2WAQR,CACID,SAAU,8DACVC,QACI,sEAC+C,KAC3C,cAAGE,KAAK,gEAA+D,kCAAyB,yBC5EhH,EAvCgB,KAER,oBAASrL,GAAG,WAAWD,UAAU,WAAU,UACvC,iBAAKA,UAAU,qBAAoB,WAC/B,iBAAKA,UAAU,wBAAuB,WAClC,eAAIA,UAAU,gCAA+B,0CAC7C,iBAAKA,UAAU,kBAAiB,WAC5B,iBAAMA,UAAU,gBAAe,UAC3B,iBAAK4C,QAAQ,YAAYC,MAAM,6BAA4B,cAAa,OAAM,WAC1E,iBAAMC,EAAE,gBAAgBC,KAAK,UAC7B,iBAAMD,EAAE,yNAGhB,cAAG9C,UAAU,uBAAuBsL,KAAK,kBAAiB,gCAI9D,iBAAKtL,UAAU,kBAAiB,WAC5B,iBAAMA,UAAU,8BAA6B,UACzC,iBAAK4C,QAAQ,YAAYC,MAAM,6BAA4B,cAAa,OAAM,WAC1E,iBAAMC,EAAE,gBAAgBC,KAAK,UAC7B,iBAAMD,EAAE,2HAGhB,cAAG9C,UAAU,uBAAuBsL,KAAK,sCAAqC,iDAMtF,SAACN,EAAY,CAACC,MAAOI,KAErB,mBACA,oEClBhB,MAAME,UAAqB,YACvB,WAAApM,CAAYC,GACRC,MAAMD,GACNE,KAAKC,MAAQ,CACTsE,MAAO,CACHY,cAAe,GACfC,iBAAkB,GAClBC,gBAAiB,GACjBC,mBAAoB,GACpBC,sBAAuB,GACvBC,qBAAsB,GACtBC,MAAO,GACPC,UAAW,GACXC,WAAY,GACZC,WAAY,IAEhBiD,SAAU,CACN7G,KAAM,GACN8G,MAAO,GACPC,MAAO,GACPyB,YAAa,GACbC,YAAa,GACbC,aAAc,GACdC,YAAa,IAEjBuB,UAAU,EACVC,kBAAkB,EAClBC,WAAW,EACXC,WAAW,GAEfrM,KAAKqG,kBAAoBrG,KAAKqG,kBAAkB3B,KAAK1E,MACrDA,KAAKiL,yBAA2BjL,KAAKiL,yBAAyBvG,KAAK1E,KACvE,CACQ,wBAAMsM,GACV,MAAMvD,EAA8B,CAChC/G,KAAMhC,KAAKC,MAAM4I,SAAS7G,KAC1B8G,MAAO9I,KAAKC,MAAM4I,SAASC,MAC3BC,MAAO/I,KAAKC,MAAM4I,SAASE,MAC3BxE,MAAOvE,KAAKC,MAAMsE,MAClBiG,YAAaxK,KAAKC,MAAM4I,SAAS2B,YACjCC,YAAazK,KAAKC,MAAM4I,SAAS4B,YACjCC,aAAc1K,KAAKC,MAAM4I,SAAS6B,aAClCC,YAAa3K,KAAKC,MAAM4I,SAAS8B,mBPlBtC3F,eAAiCuH,GACpC,IAAIC,GAAU,EASd,aAPM3G,EAAA,EACD4G,KAAK,mCAAoCF,GACzCxG,MAAK,KACFyG,GAAU,CAAI,IAEjBpG,OAAMhG,GAAS,KAEboM,CACX,COUyC,CAAsBzD,GAGnD/I,KAAKc,SAAS,CACVqL,kBAAkB,EAClBC,WAAW,IAGfpM,KAAKc,SAAS,CACVqL,kBAAkB,EAClBC,WAAW,GAGvB,CACQ,iBAAA/F,CAAkBtB,GACtB/E,KAAKc,SAAS,CACVyD,MAAOQ,EACPmH,UAAU,EACVC,kBAAkB,EAClBC,WAAW,GAEnB,CACQ,wBAAAnB,CAAyBV,GAC7BvK,KAAKc,SACD,CACI+H,SAAU0B,EACV2B,UAAU,EACVG,WAAYrM,KAAKC,MAAMoM,WAE3BrM,KAAKsM,mBAEb,CACO,MAAAjM,GACH,MAEMqM,EAAoB1M,KAAKC,MAAMkM,mBAAqBnM,KAAKC,MAAMiM,SAAW,YAAc,GAC9F,OACI,qBAASxL,UAAU,WAAU,WACzB,qBAASC,GAAG,iBAAiBD,UAAU,iBAAgB,WACnD,gBAAKA,UAAU,mBAAkB,UAC7B,iBAAKA,UAAU,2BAA0B,WACrC,eAAIA,UAAU,wBAAuB,SARpC,iCASD,eAAIA,UAAU,uBAAsB,SARpC,+CAWR,gBAAKA,UAAW,kCAAoCgM,EAAiB,SAChE1M,KAAKC,MAAMoM,WACR,SAAC,EAAe,CAAWhG,kBAAmBrG,KAAKqG,mBAA7B,MAEtB,SAAC,EAAe,CAAWA,kBAAmBrG,KAAKqG,mBAA7B,OAG7BrG,KAAKC,MAAMiM,WAAY,SAAC,EAAY,CAACjB,yBAA0BjL,KAAKiL,2BACpEjL,KAAKC,MAAMkM,mBACR,gBAAKxL,GAAG,8BAA8BD,UAAU,8BAA6B,UACzE,iBAAKA,UAAU,sCAAqC,WAChD,gBAAIA,UAAU,wCAAuC,UAChDV,KAAKC,MAAM4I,SAAS7G,KAAI,yCAE7B,gBAAKtB,UAAU,uCAAsC,gIAOhEV,KAAKC,MAAMmM,YACR,gBAAKzL,GAAG,uBAAuBD,UAAU,uBAAsB,UAC3D,iBAAKA,UAAU,+BAA8B,WACzC,gBAAIA,UAAU,iCAAgC,sDAE1C,kBAAM,8CAGV,gBAAKA,UAAU,gCAA+B,iIAQ5DV,KAAKC,MAAMkM,mBACT,qBAASxL,GAAG,oBAAoBD,UAAU,oBAAmB,WACzD,eAAIA,UAAU,2BAA0B,+CACxC,iBAAKA,UAAU,4BAA2B,WACtC,iBAAKA,UAAU,0BAAyB,WACpC,gBACIA,UAAU,yBACViM,IAAI,qCAAoC,cAC5B,OACZC,IAAI,kBAER,iBAAMlM,UAAU,yBAAwB,oEAI5C,iBAAKA,UAAU,0BAAyB,WACpC,gBACIA,UAAU,yBACViM,IAAI,qCAAoC,cAC5B,OACZC,IAAI,kBAER,iBAAMlM,UAAU,yBAAwB,iEAI5C,iBAAKA,UAAU,0BAAyB,WACpC,gBACIA,UAAU,yBACViM,IAAI,gCAA+B,cACvB,OACZC,IAAI,aAER,iBAAMlM,UAAU,yBAAwB,6DAKxD,SAAC,EAAO,MAGpB,EAGJ,U,wBCtLA,MAAMmM,EAAiBxB,SAASyB,eAAe,qBAY/C,EAAAC,EAAA,IAAmB,KATXF,GACA,UACI,SAACjN,EAAA,EAAa,WACV,SAAC,EAAoB,MAEzBiN,EAKC,G,iBCpBE,WAASG,GACQ,YAAxB3B,SAAS4B,WACT5B,SAAStI,iBAAiB,mBAAoBiK,IAE9CA,IACA3B,SAASrI,oBAAoB,mBAAoBgK,GAEzD,C","sources":["webpack://CarMax.Online.Home.Micro.Site/./Client/ts/components/ErrorBoundary.tsx","webpack://CarMax.Online.Home.Micro.Site/./Client/ts/components/MDCSelect.tsx","webpack://CarMax.Online.Home.Micro.Site/./Client/ts/components/TextField/TextField.tsx","webpack://CarMax.Online.Home.Micro.Site/./Client/ts/components/instant-offers/utils/use-focus.tsx","webpack://CarMax.Online.Home.Micro.Site/./Client/ts/pages/car-shipping/car-shipping/components/RouteCalculator.tsx","webpack://CarMax.Online.Home.Micro.Site/./Client/ts/api/laas-api.ts","webpack://CarMax.Online.Home.Micro.Site/./Client/ts/pages/car-shipping/utils/input-formatters.ts","webpack://CarMax.Online.Home.Micro.Site/./Client/ts/pages/car-shipping/car-shipping/components/CustomerForm.tsx","webpack://CarMax.Online.Home.Micro.Site/./Client/ts/pages/car-shipping/utils/validation-rules.ts","webpack://CarMax.Online.Home.Micro.Site/./Client/ts/components/faq-accordion/FAQAccordion.tsx","webpack://CarMax.Online.Home.Micro.Site/./Client/ts/pages/car-shipping/car-shipping/LaasFaqContent.tsx","webpack://CarMax.Online.Home.Micro.Site/./Client/ts/pages/car-shipping/car-shipping/LaasFaq.tsx","webpack://CarMax.Online.Home.Micro.Site/./Client/ts/pages/car-shipping/car-shipping/LaasLeadForm.tsx","webpack://CarMax.Online.Home.Micro.Site/./Client/ts/pages/car-shipping/index.tsx","webpack://CarMax.Online.Home.Micro.Site/./Client/ts/utilities/onDomContentLoaded.ts"],"sourcesContent":["import * as React from 'react';\r\n\r\ninterface IErrorBoundaryProps {}\r\n\r\ninterface IErrorBoundaryState {\r\n hasError: boolean;\r\n}\r\n\r\nexport default class ErrorBoundary extends React.Component<IErrorBoundaryProps, IErrorBoundaryState> {\r\n constructor(props: any) {\r\n super(props);\r\n this.state = { hasError: false };\r\n }\r\n\r\n static getDerivedStateFromError(error: any) {\r\n return { hasError: true };\r\n }\r\n\r\n render() {\r\n return this.state.hasError || React.Children.count(this.props.children) === 0 ? null : this.props.children;\r\n }\r\n}\r\n","import * as React from 'react';\r\nimport classNames from 'classnames';\r\n\r\ninterface IMDCSelectProps {\r\n className?: string;\r\n id: string;\r\n label: string;\r\n value: string;\r\n noInitialValue?: boolean;\r\n options: { label: string; value: string }[];\r\n onChange: (event: React.ChangeEvent<HTMLSelectElement>) => any;\r\n}\r\n\r\ninterface IMDCSelectState {\r\n focused: boolean;\r\n}\r\n\r\nexport default class MDCSelect extends React.Component<IMDCSelectProps, IMDCSelectState> {\r\n constructor(props: any) {\r\n super(props);\r\n\r\n this.state = {\r\n focused: false,\r\n };\r\n }\r\n\r\n public render(): React.ReactNode {\r\n return (\r\n <>\r\n <div className=\"mdc-select\">\r\n <select\r\n className={classNames('mdc-select__native-control', this.props.className)}\r\n id={this.props.id}\r\n onChange={this.props.onChange}\r\n onFocus={() => this.setState({ focused: true })}\r\n onBlur={() => this.setState({ focused: false })}\r\n value={this.props.value}\r\n >\r\n {this.props.noInitialValue === true && <option disabled value=\"\" />}\r\n {this.props.options.map(({ label, value }) => (\r\n <option key={value} value={value}>\r\n {label}\r\n </option>\r\n ))}\r\n </select>\r\n\r\n <label\r\n className={classNames('mdc-floating-label', {\r\n 'mdc-floating-label--float-above': this.state.focused || this.props.value !== '',\r\n })}\r\n htmlFor={this.props.id}\r\n >\r\n {this.props.label}\r\n </label>\r\n\r\n <div\r\n className={classNames('mdc-line-ripple', {\r\n 'mdc-line-ripple--active': this.state.focused,\r\n })}\r\n />\r\n </div>\r\n </>\r\n );\r\n }\r\n}\r\n","import React, { FC, useEffect } from 'react';\r\nimport classNames from 'classnames';\r\nimport useFocus from '../instant-offers/utils/use-focus';\r\nimport { nanoid } from 'nanoid';\r\nimport './TextField.scss';\r\n\r\nimport { AUTOCOMPLETE, INPUTMODE, INPUT_TYPES } from '../instant-offers/utils/constants';\r\n\r\ninterface TextFieldProps {\r\n /**\r\n * Controls whether and how the text value should be automatically capitalized as it is entered/edited by the user\r\n *\r\n * @default none\r\n */\r\n autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';\r\n\r\n /**\r\n * Provide a hint to the user-agent as to the expected nature of the user input, ideally allowing more sensible autocompletion\r\n */\r\n autoComplete?: AUTOCOMPLETE;\r\n\r\n /**\r\n * Additional CSS class(es) to add to the `<TextField />`\r\n */\r\n className?: string;\r\n\r\n /**\r\n * Attribute indicating the user cannot interact with the `<TextField />`\r\n *\r\n * @default false\r\n */\r\n disabled?: boolean;\r\n\r\n /**\r\n * Attribute indicating that there is something loading for the `<TextField />`\r\n *\r\n * @default false\r\n */\r\n loading?: boolean;\r\n\r\n /**\r\n * Phrase to render as input control ‘help’ message\r\n */\r\n helperText?: string;\r\n\r\n /**\r\n * Always show ‘help’ message, even when control is not focused\r\n *\r\n * @default false\r\n */\r\n helperTextIsPersistent?: boolean;\r\n\r\n /**\r\n * Unique identifier for the `<TextField />` instance. You may pass your own value to override the component’s auto-generated ID.\r\n */\r\n id?: string;\r\n\r\n /*\r\n * The `inputmode` attribute provides a hint to the browser for which type of onscreen keyboard to display. Inputmode is unique to text-input and text-area controls.\r\n */\r\n inputMode?: INPUTMODE;\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n inputProps?: { [prop: string]: any };\r\n\r\n /*\r\n * Required accessible label associated with this input control.\r\n */\r\n label: string;\r\n\r\n /**\r\n * The maximum number of characters that the user can enter\r\n */\r\n maxLength?: number;\r\n\r\n /**\r\n * Name of the `<input>`\r\n */\r\n name?: string;\r\n\r\n /*\r\n * Input validation pattern\r\n */\r\n pattern?: string;\r\n\r\n /**\r\n * Boolean attribute indicating the `<input>` should be required\r\n *\r\n * @default false\r\n */\r\n required?: boolean;\r\n\r\n /*\r\n * Input type (text, password, tel, etc.)\r\n */\r\n type?: INPUT_TYPES;\r\n\r\n /**\r\n * Value of the `<input>`\r\n */\r\n value?: string;\r\n\r\n /**\r\n * Validation status of the `<input>`\r\n */\r\n validationStatus?: 'valid' | 'invalid';\r\n\r\n onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\r\n onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\r\n}\r\n\r\nexport const TextField: FC<TextFieldProps> = (props) => {\r\n const {\r\n autoCapitalize = 'none',\r\n autoComplete = 'off',\r\n className,\r\n disabled = false,\r\n helperText,\r\n helperTextIsPersistent = false,\r\n id: initialId,\r\n inputMode = 'text',\r\n inputProps,\r\n validationStatus,\r\n label,\r\n maxLength,\r\n name,\r\n onBlur,\r\n onChange,\r\n onFocus,\r\n pattern,\r\n required = false,\r\n type = 'text',\r\n value,\r\n loading = false,\r\n } = props;\r\n\r\n const [id] = React.useState(initialId || nanoid(8));\r\n const textFieldId = `text-field-${id}`;\r\n const helperTextId = `text-field-helper-text-${id}`;\r\n const textFieldRef = React.useRef<HTMLInputElement>(null);\r\n const isFocused = useFocus(textFieldRef);\r\n\r\n useEffect(() => {\r\n const field = textFieldRef.current;\r\n if (field) {\r\n field.addEventListener(\r\n 'blur',\r\n (event) => onBlur && onBlur((event as unknown) as React.FocusEvent<HTMLInputElement>)\r\n );\r\n field.addEventListener(\r\n 'change',\r\n (event) => onChange && onChange((event as unknown) as React.ChangeEvent<HTMLInputElement>)\r\n );\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n const elRef = textFieldRef?.current;\r\n if (elRef) {\r\n if (isFocused && inputProps?.placeholder) {\r\n elRef.placeholder = inputProps?.placeholder;\r\n } else {\r\n elRef.placeholder = '';\r\n }\r\n }\r\n }, [isFocused]);\r\n\r\n return (\r\n <>\r\n <div\r\n className={classNames(className, 'mdc-text-field', {\r\n 'mdc-text-field--disabled': disabled,\r\n 'mdc-text-field--focused': isFocused,\r\n 'mdc-text-field--invalid': validationStatus === 'invalid',\r\n 'icon-right': validationStatus !== undefined || loading,\r\n })}\r\n >\r\n <input\r\n aria-controls={helperText ? helperTextId : undefined}\r\n aria-describedby={helperText ? helperTextId : undefined}\r\n autoCapitalize={autoCapitalize}\r\n autoComplete={autoComplete}\r\n className=\"mdc-text-field__input\"\r\n disabled={disabled}\r\n id={textFieldId}\r\n inputMode={inputMode}\r\n pattern={pattern}\r\n maxLength={maxLength}\r\n name={name}\r\n ref={textFieldRef}\r\n required={required}\r\n type={type}\r\n value={value}\r\n onBlur={onBlur}\r\n onChange={onChange}\r\n onFocus={onFocus}\r\n {...inputProps}\r\n />\r\n {validationStatus && (\r\n <div className={`mdc-text-field-icon${'--' + validationStatus}`}>\r\n {validationStatus === 'valid' ? (\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 0h24v24H0z\" fill=\"none\"></path>\r\n <path d=\"M12 2a10 10 0 100 20 10 10 0 000-20zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"></path>\r\n </svg>\r\n ) : (\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 0h24v24H0z\" fill=\"none\"></path>\r\n <path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"></path>\r\n </svg>\r\n )}\r\n </div>\r\n )}\r\n {loading && (\r\n <div style={{ textAlign: 'center', paddingTop: '300px' }}>\r\n <hzn-loading tone=\"brand\" label=\"loading content\" size=\"large\"></hzn-loading>\r\n </div>\r\n )}\r\n <label\r\n className={classNames('mdc-floating-label', {\r\n 'mdc-floating-label--float-above': isFocused || (value !== undefined && value !== ''),\r\n })}\r\n htmlFor={textFieldId}\r\n >\r\n {label}\r\n </label>\r\n <div className={classNames('mdc-line-ripple', { 'mdc-line-ripple--active': isFocused })}></div>\r\n </div>\r\n {helperText ? (\r\n <div\r\n className={classNames('mdc-text-field-helper-text', {\r\n 'mdc-text-field-helper-text--persistent': helperTextIsPersistent,\r\n 'mdc-text-field-helper-text--validation-msg': validationStatus === 'invalid',\r\n })}\r\n id={helperTextId}\r\n >\r\n {helperText}\r\n </div>\r\n ) : null}\r\n </>\r\n );\r\n};\r\n","import React, { useEffect, useState } from 'react';\r\n\r\nconst useFocus = (ref: React.RefObject<HTMLElement | null>, defaultFocus = false) => {\r\n const [isFocused, setFocus] = useState(defaultFocus);\r\n\r\n useEffect(() => {\r\n const current = ref.current;\r\n const onBlur = () => setFocus(false);\r\n const onFocus = () => setFocus(true);\r\n\r\n if (current) {\r\n current.addEventListener('blur', onBlur);\r\n current.addEventListener('focus', onFocus);\r\n }\r\n\r\n return () => {\r\n if (current) {\r\n current.removeEventListener('blur', onBlur);\r\n current.removeEventListener('focus', onFocus);\r\n }\r\n };\r\n });\r\n\r\n return isFocused;\r\n};\r\n\r\nexport default useFocus;\r\n","import * as React from 'react';\r\nimport * as API from './../../../../api/laas-api';\r\nimport { ShippingStoresApiResponse } from '../../../../api/types/shipping-stores';\r\nimport { ShippingRouteApiResponse } from '../../../../api/types/shipping-route';\r\nimport MDCSelect from '../../../../components/MDCSelect';\r\n\r\ninterface IRouteCalculatorProps {\r\n shippingLocations?: {\r\n source: string;\r\n destination: string;\r\n };\r\n handleSubmitRoute?: (route: ShippingRouteApiResponse) => void;\r\n}\r\n\r\ninterface store {\r\n id: string;\r\n name: string;\r\n state: string;\r\n}\r\n\r\nclass RouteCalculator extends React.Component<IRouteCalculatorProps> {\r\n constructor(props: IRouteCalculatorProps) {\r\n super(props);\r\n\r\n this.handleListChange = this.handleListChange.bind(this);\r\n this.handleCalculateRoute = this.handleCalculateRoute.bind(this);\r\n this.transformStoresToOptions = this.transformStoresToOptions.bind(this);\r\n }\r\n public state = {\r\n shippingLocations: this.props.shippingLocations\r\n ? this.props.shippingLocations\r\n : { source: '', destination: '' },\r\n source: '',\r\n destination: '',\r\n showPreview: false,\r\n allStoresList: [],\r\n sourceList: [],\r\n destList: [],\r\n route: {},\r\n selectOptions: [],\r\n };\r\n public componentDidMount() {\r\n this.handleGetStores();\r\n }\r\n private async handleCalculateRoute() {\r\n const shippingRoute: ShippingRouteApiResponse = await API.getRoutePrice(\r\n this.state.source,\r\n this.state.destination\r\n );\r\n if (shippingRoute) {\r\n this.setState({\r\n showPreview: true,\r\n route: shippingRoute,\r\n });\r\n }\r\n if (this.props.handleSubmitRoute) {\r\n this.props.handleSubmitRoute(shippingRoute);\r\n }\r\n }\r\n private async handleGetStores() {\r\n const stores: ShippingStoresApiResponse[] = await API.getStores();\r\n if (stores) {\r\n this.transformStoresToOptions(stores);\r\n }\r\n }\r\n private handleListChange(selectedStoreId: string, listType: string) {\r\n const filteredList = this.state.allStoresList.filter((store: any) => {\r\n return store.value !== selectedStoreId;\r\n });\r\n if (listType === 'source') {\r\n this.setState({\r\n source: selectedStoreId,\r\n destList: filteredList,\r\n });\r\n } else if (listType === 'destination') {\r\n this.setState({\r\n destination: selectedStoreId,\r\n sourceList: filteredList,\r\n });\r\n }\r\n }\r\n private transformStoresToOptions(stores: any[]) {\r\n const options: any = [];\r\n if (stores.length !== 0) {\r\n stores.unshift({ name: '', id: 0, state: '' });\r\n stores.map((store, index) => {\r\n const currentStore: store = store;\r\n options.push({\r\n label: currentStore.name ? currentStore.name + ', ' + currentStore.state : '',\r\n value: currentStore.id,\r\n key: index,\r\n });\r\n });\r\n }\r\n this.setState({\r\n allStoresList: options,\r\n sourceList: options,\r\n destList: options,\r\n });\r\n }\r\n public render() {\r\n const routeButtonEnabled = this.state.source !== '' && this.state.destination !== '';\r\n const onChangeSource = (event: any) => {\r\n this.handleListChange(event.target.value, 'source');\r\n };\r\n const onChangeDestination = (event: any) => {\r\n this.handleListChange(event.target.value, 'destination');\r\n };\r\n const currentRoute: any = this.state.route;\r\n return (\r\n <section id=\"laas-route-calculator\" className=\"laas-route-calculator\">\r\n <div className=\"laas-destination-selection\">\r\n <MDCSelect\r\n id=\"route-calculator--source-select\"\r\n value={this.state.source}\r\n label=\"From\"\r\n options={this.state.sourceList}\r\n onChange={onChangeSource}\r\n className=\"laas-select-field\"\r\n />\r\n <MDCSelect\r\n id=\"route-calculator--destination-select\"\r\n value={this.state.destination}\r\n label=\"To\"\r\n options={this.state.destList}\r\n onChange={onChangeDestination}\r\n className=\"laas-select-field\"\r\n />\r\n <button\r\n className=\"laas-route-calculator-cta\"\r\n onClick={this.handleCalculateRoute}\r\n disabled={!routeButtonEnabled}\r\n >\r\n <span className=\"svg-icon-wrapper\">get quote</span>\r\n </button>\r\n </div>\r\n {this.state.showPreview && (\r\n <div className=\"laas-route-calculator-price-preview\">\r\n <span className=\"rc-svg-vertical\">\r\n <svg\r\n id=\"a02d8275-3927-48e7-b667-09050800da0f\"\r\n data-name=\"Layer 1\"\r\n width=\"16\"\r\n height=\"182.5\"\r\n viewBox=\"0 0 16 182.5\"\r\n >\r\n <defs>\r\n <mask\r\n id=\"f67c8a03-eff5-420d-a927-ba570f5b4937\"\r\n x=\"0\"\r\n y=\"166.5\"\r\n width=\"16\"\r\n height=\"16\"\r\n maskUnits=\"userSpaceOnUse\"\r\n >\r\n <g transform=\"translate(3 -0.5)\">\r\n <g id=\"b9110eca-dec1-4e1d-b63a-78415fd6ba36\" data-name=\"mask-2\">\r\n <path\r\n id=\"b09a4f7d-18f1-4797-afbe-3a51aac778d1\"\r\n data-name=\"path-1\"\r\n d=\"M5,168.33A4.67,4.67,0,0,0,.33,173c0,3.5,4.67,8.67,4.67,8.67S9.67,176.5,9.67,173A4.67,4.67,0,0,0,5,168.33Zm0,6.34A1.67,1.67,0,1,1,6.67,173,1.67,1.67,0,0,1,5,174.67Z\"\r\n fill=\"#fff\"\r\n fillRule=\"evenodd\"\r\n />\r\n </g>\r\n </g>\r\n </mask>\r\n </defs>\r\n <g id=\"b03d539e-40af-4bdf-b63d-a0a9d485c048\" data-name=\"from-to-path\">\r\n <g id=\"a167d7da-3971-4003-a0d2-bf7a77a93459\" data-name=\"path-line\">\r\n <path\r\n id=\"f5dfa95c-05df-4d67-abda-708dcd2b307f\"\r\n data-name=\"Path-3\"\r\n d=\"M4.5,17V160\"\r\n transform=\"translate(3 -0.5)\"\r\n fill=\"none\"\r\n stroke=\"#979797\"\r\n strokeDasharray=\"5\"\r\n />\r\n <circle\r\n id=\"f5f35d8c-5f33-48c2-9c2a-52243f95409a\"\r\n data-name=\"Oval-3\"\r\n cx=\"8\"\r\n cy=\"4.5\"\r\n r=\"4\"\r\n fill=\"none\"\r\n stroke=\"#979797\"\r\n />\r\n <g id=\"af2a0ec3-7e89-44eb-a603-88003c812930\" data-name=\"place\">\r\n <path\r\n d=\"M5,168.33A4.67,4.67,0,0,0,.33,173c0,3.5,4.67,8.67,4.67,8.67S9.67,176.5,9.67,173A4.67,4.67,0,0,0,5,168.33Zm0,6.34A1.67,1.67,0,1,1,6.67,173,1.67,1.67,0,0,1,5,174.67Z\"\r\n transform=\"translate(3 -0.5)\"\r\n />\r\n </g>\r\n <g mask=\"url(#f67c8a03-eff5-420d-a927-ba570f5b4937)\">\r\n <rect\r\n id=\"ba7ba090-9d99-4ddc-8827-90bfdc99388b\"\r\n data-name=\"color\"\r\n y=\"166.5\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"#9e9e9e\"\r\n />\r\n </g>\r\n </g>\r\n </g>\r\n </svg>\r\n </span>\r\n <div className=\"laas-route-calculator-price-description\">\r\n <div className=\"source\">\r\n {currentRoute.sourceStoreName + ', ' + currentRoute.sourceStoreState}\r\n </div>\r\n <div className=\"laas-route-calculator-svg-container-desktop\">\r\n <span className=\"rc-svg-horizontal\">\r\n <svg\r\n id=\"bf5e8b92-8b05-4c1e-8222-336f08cc620d\"\r\n data-name=\"Layer 1\"\r\n width=\"184.5\"\r\n height=\"30.5\"\r\n viewBox=\"0 0 184.5 30.5\"\r\n >\r\n <defs>\r\n <mask\r\n id=\"a66bb121-a032-4817-912a-ddc57e2cef4a\"\r\n x=\"168.5\"\r\n y=\"14.5\"\r\n width=\"16\"\r\n height=\"16\"\r\n maskUnits=\"userSpaceOnUse\"\r\n >\r\n <g transform=\"translate(-0.5 -0.5)\">\r\n <g id=\"a68f611f-41b0-48af-a0ad-44ecb4b260b9\" data-name=\"mask-2\">\r\n <path\r\n id=\"ac016580-821b-4d54-a289-10f6c63a3a06\"\r\n data-name=\"path-1\"\r\n d=\"M177,16.33A4.67,4.67,0,0,0,172.33,21c0,3.5,4.67,8.67,4.67,8.67s4.67-5.17,4.67-8.67A4.67,4.67,0,0,0,177,16.33Zm0,6.34A1.67,1.67,0,1,1,178.67,21,1.67,1.67,0,0,1,177,22.67Z\"\r\n fill=\"#fff\"\r\n fillRule=\"evenodd\"\r\n />\r\n </g>\r\n </g>\r\n </mask>\r\n </defs>\r\n <g\r\n id=\"b96c45a2-dfee-4a61-a148-85a0adb4ba7b\"\r\n data-name=\"laas future-poss 02-copy-7\"\r\n >\r\n <g id=\"ab77cba5-cc20-4b05-aa82-258558045225\" data-name=\"results-set\">\r\n <g id=\"bc339653-3555-4e8e-bdd2-5c241de2a4cf\" data-name=\"Group\">\r\n <g id=\"b007c13f-0d85-4d1c-8e38-a648cc3b1c9d\" data-name=\"path\">\r\n <path\r\n id=\"b73e14dc-4215-4655-98b9-2eba8382e92d\"\r\n data-name=\"Path-3\"\r\n d=\"M15,16Q45,1,90.48,1T167,16\"\r\n transform=\"translate(-0.5 -0.5)\"\r\n fill=\"none\"\r\n stroke=\"#979797\"\r\n strokeDasharray=\"5\"\r\n />\r\n <circle\r\n id=\"a31e5d47-e81a-4318-b12a-8453e61eb4af\"\r\n data-name=\"Oval-3\"\r\n cx=\"5.5\"\r\n cy=\"22.5\"\r\n r=\"5\"\r\n fill=\"none\"\r\n stroke=\"#979797\"\r\n />\r\n <g id=\"f6303a2a-8b78-4dd4-88aa-18ddb22b0c5a\" data-name=\"place\">\r\n <path\r\n d=\"M177,16.33A4.67,4.67,0,0,0,172.33,21c0,3.5,4.67,8.67,4.67,8.67s4.67-5.17,4.67-8.67A4.67,4.67,0,0,0,177,16.33Zm0,6.34A1.67,1.67,0,1,1,178.67,21,1.67,1.67,0,0,1,177,22.67Z\"\r\n transform=\"translate(-0.5 -0.5)\"\r\n />\r\n </g>\r\n <g mask=\"url(#a66bb121-a032-4817-912a-ddc57e2cef4a)\">\r\n <rect\r\n id=\"f41e51ba-a96d-491b-a1e4-202433f31e71\"\r\n data-name=\"color\"\r\n x=\"168.5\"\r\n y=\"14.5\"\r\n width=\"16\"\r\n height=\"16\"\r\n fill=\"#9e9e9e\"\r\n />\r\n </g>\r\n </g>\r\n </g>\r\n </g>\r\n </g>\r\n </svg>\r\n </span>\r\n <div className=\"price-text\">${currentRoute.totalPrice}*</div>\r\n </div>\r\n <div className=\"destination\">\r\n {currentRoute.destinationStoreName + ', ' + currentRoute.destinationStoreState}\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </section>\r\n );\r\n }\r\n}\r\n\r\nexport default RouteCalculator;\r\n","import axios from 'axios';\r\nimport { ShippingStoresApiResponse } from './types/shipping-stores';\r\nimport { ShippingRouteApiResponse } from './types/shipping-route';\r\nimport { ShippingEmailApiBody } from './types/shipping-email';\r\n\r\nexport async function getStores(): Promise<ShippingStoresApiResponse[]> {\r\n const stores: ShippingStoresApiResponse[] = [];\r\n\r\n await axios\r\n .get('/home/api/customershipping/stores')\r\n .then((response: { data: ShippingStoresApiResponse[] }) => {\r\n Object.assign(stores, response.data);\r\n })\r\n .catch(error => '');\r\n\r\n return stores;\r\n}\r\n\r\nexport async function getRoutePrice(sourceID: string, destinationID: string): Promise<ShippingRouteApiResponse> {\r\n const route: ShippingRouteApiResponse = {\r\n sourceStoreID: '',\r\n sourceStoreState: '',\r\n sourceStoreName: '',\r\n destinationStoreID: '',\r\n destinationStoreState: '',\r\n destinationStoreName: '',\r\n miles: '',\r\n basePrice: '',\r\n totalPrice: '',\r\n azSalesTax: '',\r\n };\r\n\r\n await axios\r\n .get(`/home/api/customershipping/routes?sourceStoreID=${sourceID}&destinationStoreID=${destinationID}`)\r\n .then((response: { data: ShippingRouteApiResponse }) => {\r\n Object.assign(route, response.data);\r\n })\r\n .catch(error => '');\r\n\r\n return route;\r\n}\r\n\r\nexport async function postShippingOrder(order: ShippingEmailApiBody): Promise<boolean> {\r\n let success = false;\r\n\r\n await axios\r\n .post('home/api/customershipping/submit', order)\r\n .then(() => {\r\n success = true;\r\n })\r\n .catch(error => '');\r\n\r\n return success;\r\n}\r\n","export const stripNonNumeric = (original: any) => {\r\n const value = original;\r\n if (typeof value !== 'string' && typeof value !== 'number') {\r\n return NaN;\r\n }\r\n if (typeof value === 'number') {\r\n return value;\r\n }\r\n return parseFloat(value.replace(/[^0-9.]+/g, ''));\r\n};\r\n\r\nexport const extractNumber = (original: any, fallback = 0) => {\r\n const value = original;\r\n if (typeof value === 'string') {\r\n const parsedValue = stripNonNumeric(value);\r\n return Number.isNaN(parsedValue) ? fallback : parsedValue;\r\n }\r\n return value;\r\n};\r\n\r\nexport const formatMonthDayYear = (original: any) => {\r\n if (!original || typeof original !== 'string') {\r\n return null;\r\n }\r\n const value = original;\r\n if (!value) {\r\n /* eslint-disable no-console */\r\n console.warn('No value passed to inputFormatters.formatMonthDayYear.');\r\n /* eslint-enable no-console */\r\n\r\n return null;\r\n }\r\n const num = value.replace(/\\D/g, '');\r\n const match = num.match(/(\\d{2})(\\d{1,2})?(\\d*)/);\r\n // Restrict field to a maximum character count\r\n if (match && match[0].length > 8) {\r\n return value.substring(0, value.length - 1);\r\n }\r\n\r\n if (!match || !match[2]) {\r\n if (num === '') {\r\n return null;\r\n }\r\n return num;\r\n }\r\n\r\n if (!match[3]) {\r\n return `${match[1]}/${match[2]}`;\r\n }\r\n\r\n return `${match[1]}/${match[2]}/${match[3]}`;\r\n};\r\n\r\nexport const formatPhoneNumber = (original: any) => {\r\n if (!original || typeof original !== 'string') {\r\n return null;\r\n }\r\n let value = original;\r\n const MAX_CHARS = 14;\r\n const maxLength = value.length < MAX_CHARS ? value.length : MAX_CHARS;\r\n\r\n if (value.length > MAX_CHARS) {\r\n value = value.substring(0, maxLength);\r\n }\r\n\r\n const num = value.replace(/\\D/g, '');\r\n const match = num.match(/(\\d{3})(\\d{1,3})?(\\d*)/);\r\n\r\n if (!match || !match[2]) {\r\n return num;\r\n }\r\n\r\n if (!match[3]) {\r\n return `(${match[1]}) ${match[2]}`;\r\n }\r\n\r\n return `(${match[1]}) ${match[2]}-${match[3]}`;\r\n};\r\n","import * as React from 'react';\r\nimport { ShippingCustomer } from '../../../../api/types/shipping-customer';\r\nimport { TextField } from '../../../../components/TextField/TextField';\r\nimport { extractNumber, formatMonthDayYear, formatPhoneNumber } from '../../utils/input-formatters';\r\nimport { isValidEmail, isValidPhone } from '../../utils/validation-rules';\r\n\r\ninterface ICustomerFormProps {\r\n customer?: {\r\n name: string;\r\n phone: string;\r\n email: string;\r\n vehicleYear?: string;\r\n vehicleMake?: string;\r\n vehicleModel?: string;\r\n dropOffDate?: string;\r\n };\r\n handleSubmitCustomerInfo?: (customer: ShippingCustomer) => void;\r\n}\r\n\r\nclass CustomerForm extends React.Component<ICustomerFormProps> {\r\n constructor(props: ICustomerFormProps) {\r\n super(props);\r\n\r\n this.validateForm = this.validateForm.bind(this);\r\n this.handleUpdateField = this.handleUpdateField.bind(this);\r\n }\r\n public state = {\r\n customer: this.props.customer ? this.props.customer : {},\r\n name: '',\r\n phone: '',\r\n email: '',\r\n year: '',\r\n make: '',\r\n model: '',\r\n dropDate: '',\r\n submitReady: false,\r\n nameError: '',\r\n phoneError: '',\r\n emailError: '',\r\n validForm: true,\r\n };\r\n public static defaultProps = {\r\n customer: null,\r\n };\r\n private handleUpdateField(value: string, event: any, mask?: string) {\r\n switch (event.target.name) {\r\n case 'phone':\r\n this.setState(\r\n {\r\n [event.target.name]: formatPhoneNumber(value),\r\n },\r\n this.checkSubmitReady\r\n );\r\n break;\r\n case 'dropDate':\r\n this.setState(\r\n {\r\n [event.target.name]: formatMonthDayYear(value),\r\n },\r\n this.checkSubmitReady\r\n );\r\n break;\r\n case 'year':\r\n const currentYearValue = value === '' ? value : extractNumber(value).toString();\r\n this.setState(\r\n {\r\n [event.target.name]:\r\n currentYearValue !== '0' && currentYearValue.length < 5\r\n ? currentYearValue\r\n : this.state.year,\r\n },\r\n this.checkSubmitReady\r\n );\r\n break;\r\n default:\r\n this.setState(\r\n {\r\n [event.target.name]: value,\r\n },\r\n this.checkSubmitReady\r\n );\r\n }\r\n }\r\n private checkSubmitReady() {\r\n if (\r\n this.state.name &&\r\n this.state.name.length !== 0 &&\r\n this.state.phone &&\r\n this.state.phone.length !== 0 &&\r\n this.state.email &&\r\n this.state.email.length !== 0\r\n ) {\r\n this.setState({ submitReady: true });\r\n } else {\r\n this.setState({ submitReady: false });\r\n }\r\n }\r\n private validateForm() {\r\n const msgs: any = {\r\n validForm: true,\r\n nameError: '',\r\n phoneError: '',\r\n emailError: '',\r\n };\r\n const customerData: ShippingCustomer = {\r\n name: this.state.name,\r\n phone: this.state.phone,\r\n email: this.state.email,\r\n vehicleYear: this.state.year,\r\n vehicleMake: this.state.make,\r\n vehicleModel: this.state.model,\r\n dropOffDate: this.state.dropDate,\r\n };\r\n\r\n if (this.state.name === '') {\r\n (msgs.nameError = 'This field is required'), (msgs.validForm = false);\r\n }\r\n\r\n if (this.state.phone === '') {\r\n (msgs.phoneError = 'This field is required'), (msgs.validForm = false);\r\n } else if (isValidPhone(this.state.phone) === false) {\r\n msgs.phoneError = 'You must supply a valid 10-digit Phone number';\r\n msgs.validForm = false;\r\n }\r\n\r\n if (this.state.email === '') {\r\n (msgs.emailError = 'This field is required'), (msgs.validForm = false);\r\n } else if (isValidEmail(this.state.email) === false) {\r\n msgs.emailError = 'You must supply a valid Email Address';\r\n msgs.validForm = false;\r\n }\r\n\r\n for (const key of Object.keys(msgs)) {\r\n this.setState({ [key]: msgs[key] });\r\n }\r\n\r\n if (this.props.handleSubmitCustomerInfo && msgs.validForm) {\r\n this.scrollTo('#laas-route-calculator');\r\n this.props.handleSubmitCustomerInfo(customerData);\r\n } else {\r\n this.scrollTo('#laas-customer-form');\r\n }\r\n }\r\n private scrollTo(anchor: string) {\r\n const elementToBeViewed = document.querySelector(anchor);\r\n if (elementToBeViewed) {\r\n elementToBeViewed.scrollIntoView();\r\n }\r\n }\r\n public render() {\r\n return (\r\n <section id=\"laas-customer-form\" className=\"laas-customer-form\">\r\n <h2 className=\"laas-customer-form-header\">Great, we've got your route! Just a few more details</h2>\r\n <div className=\"laas-customer-form-container\">\r\n <div className=\"laas-customer-section\">\r\n <div className=\"laas-form-section-head\">Your information</div>\r\n <TextField\r\n id=\"name-field\"\r\n label=\"Name\"\r\n name=\"name\"\r\n onChange={(event: any) => this.handleUpdateField(event.target.value, event)}\r\n value={this.state.name}\r\n helperText={this.state.nameError}\r\n />\r\n <div className=\"laas-form-personal-info\">\r\n <TextField\r\n id=\"phone-field\"\r\n className=\"text-field-half\"\r\n label=\"Phone\"\r\n name=\"phone\"\r\n type=\"tel\"\r\n onChange={(event: any) => this.handleUpdateField(event.target.value, event)}\r\n value={this.state.phone}\r\n helperText={this.state.phoneError}\r\n />\r\n <TextField\r\n id=\"email-field\"\r\n className=\"text-field-half\"\r\n label=\"Email Address\"\r\n name=\"email\"\r\n onChange={(event: any) => this.handleUpdateField(event.target.value, event)}\r\n value={this.state.email}\r\n helperText={this.state.emailError}\r\n />\r\n </div>\r\n </div>\r\n <div className=\"laas-form-customer-section\">\r\n <div className=\"laas-form-section-head\">Your vehicle</div>\r\n <div className=\"laas-form-vehicle\">\r\n <TextField\r\n id=\"year-field\"\r\n className=\"text-field-third\"\r\n label=\"Year\"\r\n name=\"year\"\r\n onChange={(event: any) => this.handleUpdateField(event.target.value, event)}\r\n value={this.state.year}\r\n />\r\n <TextField\r\n id=\"make-field\"\r\n className=\"text-field-third\"\r\n label=\"Make\"\r\n name=\"make\"\r\n onChange={(event: any) => this.handleUpdateField(event.target.value, event)}\r\n value={this.state.make}\r\n />\r\n <TextField\r\n id=\"model-field\"\r\n className=\"text-field-third\"\r\n label=\"Model\"\r\n name=\"model\"\r\n onChange={(event: any) => this.handleUpdateField(event.target.value, event)}\r\n value={this.state.model}\r\n />\r\n </div>\r\n </div>\r\n <div className=\"laas-form-customer-section laas-form-drop-off\">\r\n <div className=\"laas-form-section-head\">When do you want to drop off your vehicle?</div>\r\n <p className=\"laas-form-section-sub\">\r\n We're estimating shipping will take 2-21 days, depending on route.\r\n </p>\r\n <TextField\r\n id=\"desired-drop-off-date-field\"\r\n label=\"Desired drop-off-date\"\r\n name=\"dropDate\"\r\n onChange={(event: any) => this.handleUpdateField(event.target.value, event)}\r\n inputProps={{ placeholder: 'MM/DD/YYYY' }}\r\n value={this.state.dropDate}\r\n />\r\n </div>\r\n <button\r\n id=\"laas-customer-form-submit\"\r\n className=\"laas-customer-form-submit\"\r\n onClick={this.validateForm}\r\n disabled={!this.state.submitReady}\r\n >\r\n submit\r\n </button>\r\n </div>\r\n </section>\r\n );\r\n }\r\n}\r\n\r\nexport default CustomerForm;\r\n","export const isValidEmail = (value: any) => {\r\n if (!value) {\r\n return;\r\n }\r\n\r\n const lower = value.toLowerCase();\r\n // eslint-disable-next-line\r\n return /^((([a-z]|\\d|[!#\\$%&'\\*\\+\\-\\/=\\?\\^_`{\\|}~]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])+(\\.([a-z]|\\d|[!#\\$%&'\\*\\+\\-\\/=\\?\\^_`{\\|}~]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])+)*)|((\\x22)((((\\x20|\\x09)*(\\x0d\\x0a))?(\\x20|\\x09)+)?(([\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x7f]|\\x21|[\\x23-\\x5b]|[\\x5d-\\x7e]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(\\\\([\\x01-\\x09\\x0b\\x0c\\x0d-\\x7f]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF]))))*(((\\x20|\\x09)*(\\x0d\\x0a))?(\\x20|\\x09)+)?(\\x22)))@((([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])|(([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])([a-z]|\\d|-||_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])*([a-z]|\\d|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])))\\.)+(([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])+|(([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])+([a-z]+|\\d|-|\\.{0,1}|_|~|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])?([a-z]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])))$/.test(\r\n lower\r\n );\r\n};\r\n\r\nexport const isValidPhone = (value: any) => {\r\n return /^\\(?([2-9][0-9]{2})\\)?[-. ]?([2-9](?!11)[0-9]{2})[-. ]?([0-9]{4})$/.test(value);\r\n};\r\n","import './FAQAccordion.scss';\r\n\r\ninterface IFaqItem {\r\n id?: string;\r\n question: string;\r\n answer: JSX.Element | null;\r\n}\r\n\r\nexport const FAQAccordion = ({ items }: { items: IFaqItem[] }) => (\r\n <div className=\"faq-accordion\">\r\n {items.map((faq: IFaqItem, index: number) => (\r\n <details key={index}>\r\n <summary>{faq.question}</summary>\r\n <section>{faq.answer}</section>\r\n </details>\r\n ))}\r\n </div>\r\n);\r\n","interface ILaasFaqItem {\r\n id?: string;\r\n question: string;\r\n answer: JSX.Element | null;\r\n}\r\n\r\nexport const faqItems: ILaasFaqItem[] = [\r\n {\r\n question: 'How do I get my vehicle shipped?',\r\n answer: (\r\n <p>\r\n Once you get a quote, fill out your shipping details. An associate will reach out to you to schedule\r\n your auto transport and provide shipping details. You can also call us directly at{' '}\r\n <a href=\"tel:18339501954\">(833) 950-1954</a> to schedule your shipping. Timing is subject to truck\r\n availability.\r\n </p>\r\n ),\r\n },\r\n {\r\n question: 'Who do we serve?',\r\n answer: (\r\n <p>\r\n We offer vehicle shipping service for a variety of reasons, including relocation, college, seasonal\r\n travelers, military and CarMax auction transport.\r\n </p>\r\n ),\r\n },\r\n {\r\n question: 'How much does is cost to ship my vehicle?',\r\n answer: (\r\n <p>\r\n Rates can vary depending on shipping routes, so please use route picker to get specific route prices.\r\n What's different between us and a lot of other companies, is that our shipping rates are based on\r\n distance ONLY—not distance and size—and does not fluctuate based on busy seasons.\r\n </p>\r\n ),\r\n },\r\n {\r\n question: 'What vehicles cannot be shipped?',\r\n answer: <p>Please note that CarMax cannot ship inoperable vehicles, oversized vehicles, or motorcycles.</p>,\r\n },\r\n {\r\n question: 'Can I put anything in the vehicle to ship with it?',\r\n answer: (\r\n <p>\r\n No, you can't include personal items in your vehicle. However, you don't need to remove items\r\n that typically remain in vehicles (safety kits, spare tire, vehicle registration, etc.). Car seats that\r\n are properly secured in position by the LATCH system or seatbelt may be transported. CarMax is not\r\n responsible for any loss or damage to items left in the vehicle.\r\n </p>\r\n ),\r\n },\r\n {\r\n question: 'How do I prepare to drop off my vehicle?',\r\n answer: (\r\n <p>\r\n Your vehicle must be empty and must have at least a <sup>1</sup>⁄<sub>4</sub> tank of gas when it\r\n is dropped off.\r\n </p>\r\n ),\r\n },\r\n {\r\n question: 'What do I need to bring with me when I drop off my vehicle?',\r\n answer: (\r\n <p>\r\n You'll need to bring your vehicle's valid registration, a valid driver's license to the\r\n drop-off, and a payment method if you have not already paid your shipping rate. You must be the\r\n registered owner of the vehicle in order to ship it.\r\n </p>\r\n ),\r\n },\r\n {\r\n question: 'Where can I drop off / ship my vehicle?',\r\n answer: (\r\n <p>\r\n Select from participating CarMax locations within the following states: Arizona, Connecticut, Delaware,\r\n Florida, Massachusetts, Maryland, Minnesota, New Jersey, Virginia, and Wisconsin.\r\n </p>\r\n ),\r\n },\r\n {\r\n question: 'How long does it take?',\r\n answer: (\r\n <p>\r\n Transit times are estimates based on when your vehicle is loaded on the truck for transport which could\r\n take 2-21 days. We'll reach out to you with an update in the event of any schedule changes. Payment\r\n is due when you drop your vehicle off at the CarMax drop-off location. **Note: If you're shipping\r\n from Virginia or Delaware you will need to pay ahead of dropping off your vehicle at the store. You have\r\n the option to pay the shipping rate over the phone before dropping off your vehicle by calling{' '}\r\n <a href=\"tel:18339501954\">(833) 950-1954</a>.\r\n </p>\r\n ),\r\n },\r\n {\r\n question: 'Who can pick up my vehicle?',\r\n answer: (\r\n <p>\r\n You, or an individual you've authorized to pick up your vehicle when you dropped it off, must pick\r\n up the vehicle at the scheduled CarMax pick-up location.\r\n </p>\r\n ),\r\n },\r\n {\r\n question: 'Will CarMax cover damage to my vehicle?',\r\n answer: (\r\n <p>\r\n Generally, CarMax will cover damage sustained during transportation as specified in the Terms and\r\n Conditions. However, certain types of damage wouldn't be covered by CarMax. For example, we\r\n wouldn't be responsible for any loss or damage to personal items left in the vehicle, or for damage\r\n resulting from acts of God like a hailstorm.\r\n </p>\r\n ),\r\n },\r\n {\r\n question: 'Where can I find a copy of the auction transportation T&Cs?',\r\n answer: (\r\n <p>\r\n Please review the CarMax Auction Transport{' '}\r\n <a href=\"/home/docs/auctions-bol-terms-and-conditions-for-business.pdf\">Terms and Conditions</a> for\r\n more detail.\r\n </p>\r\n ),\r\n },\r\n];\r\n","import { FAQAccordion } from '../../../components/faq-accordion';\r\nimport { faqItems } from './LaasFaqContent';\r\n\r\nconst LaasFaq = () => {\r\n return (\r\n <section id=\"laas-faq\" className=\"laas-faq\">\r\n <div className=\"laas-faq-container\">\r\n <div className=\"laas-faq-info-section\">\r\n <h2 className=\"laas-faq-info-section-heading\">Car shipping FAQs & contact</h2>\r\n <div className=\"laas-faq-action\">\r\n <span className=\"laas-faq-icon\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 0h24v24H0z\" fill=\"none\" />\r\n <path d=\"M6.62 10.79a15.15 15.15 0 006.59 6.59l2.2-2.2a1 1 0 011.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.45.57 3.57a1 1 0 01-.25 1.02l-2.2 2.2z\" />\r\n </svg>\r\n </span>\r\n <a className=\"laas-faq-action-link\" href=\"tel:18339501954\">\r\n (833) 950-1954\r\n </a>\r\n </div>\r\n <div className=\"laas-faq-action\">\r\n <span className=\"laas-faq-icon faq-mail-icon\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 0h24v24H0z\" fill=\"none\" />\r\n <path d=\"M20 4H4a2 2 0 00-1.99 2L2 18c0 1.1.9 2 2 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z\" />\r\n </svg>\r\n </span>\r\n <a className=\"laas-faq-action-link\" href=\"mailto:customer_shipping@carmax.com\">\r\n customer_shipping@carmax.com\r\n </a>\r\n </div>\r\n </div>\r\n\r\n <FAQAccordion items={faqItems} />\r\n\r\n <br />\r\n <p>* Rate includes any applicable tax.</p>\r\n </div>\r\n </section>\r\n );\r\n};\r\n\r\nexport default LaasFaq;\r\n","import * as React from 'react';\r\nimport RouteCalculator from './components/RouteCalculator';\r\nimport CustomerForm from './components/CustomerForm';\r\nimport * as API from '../../../api/laas-api';\r\nimport LaasFaq from './LaasFaq';\r\nimport { ShippingRouteApiResponse } from '../../../api/types/shipping-route';\r\nimport { ShippingCustomer } from '../../../api/types/shipping-customer';\r\nimport { ShippingEmailApiBody } from '../../../api/types/shipping-email';\r\n\r\ninterface defaultState {\r\n route: ShippingRouteApiResponse;\r\n customer: ShippingCustomer;\r\n showLead: boolean;\r\n showConfirmation: boolean;\r\n showError: boolean;\r\n resetCalc: boolean;\r\n}\r\n\r\nclass laasLeadForm extends React.Component<any, defaultState> {\r\n constructor(props: any) {\r\n super(props);\r\n this.state = {\r\n route: {\r\n sourceStoreID: '',\r\n sourceStoreState: '',\r\n sourceStoreName: '',\r\n destinationStoreID: '',\r\n destinationStoreState: '',\r\n destinationStoreName: '',\r\n miles: '',\r\n basePrice: '',\r\n totalPrice: '',\r\n azSalesTax: '',\r\n },\r\n customer: {\r\n name: '',\r\n phone: '',\r\n email: '',\r\n vehicleYear: '',\r\n vehicleMake: '',\r\n vehicleModel: '',\r\n dropOffDate: '',\r\n },\r\n showLead: false,\r\n showConfirmation: false,\r\n showError: false,\r\n resetCalc: false,\r\n };\r\n this.handleSubmitRoute = this.handleSubmitRoute.bind(this);\r\n this.handleSubmitCustomerInfo = this.handleSubmitCustomerInfo.bind(this);\r\n }\r\n private async handleEmailRequest() {\r\n const email: ShippingEmailApiBody = {\r\n name: this.state.customer.name,\r\n phone: this.state.customer.phone,\r\n email: this.state.customer.email,\r\n route: this.state.route,\r\n vehicleYear: this.state.customer.vehicleYear,\r\n vehicleMake: this.state.customer.vehicleMake,\r\n vehicleModel: this.state.customer.vehicleModel,\r\n dropOffDate: this.state.customer.dropOffDate,\r\n };\r\n\r\n const emailSent: boolean = await API.postShippingOrder(email);\r\n\r\n if (emailSent) {\r\n this.setState({\r\n showConfirmation: true,\r\n showError: false,\r\n });\r\n } else {\r\n this.setState({\r\n showConfirmation: false,\r\n showError: true,\r\n });\r\n }\r\n }\r\n private handleSubmitRoute(shippingRoute: ShippingRouteApiResponse) {\r\n this.setState({\r\n route: shippingRoute,\r\n showLead: true,\r\n showConfirmation: false,\r\n showError: false,\r\n });\r\n }\r\n private handleSubmitCustomerInfo(customerData: ShippingCustomer) {\r\n this.setState(\r\n {\r\n customer: customerData,\r\n showLead: false,\r\n resetCalc: !this.state.resetCalc,\r\n },\r\n this.handleEmailRequest\r\n );\r\n }\r\n public render(): React.ReactNode {\r\n const headlineText = \"Moving? We'll ship your car\";\r\n const sublineText = 'CarMax can give you an instant quote';\r\n const routeCalcPosition = this.state.showConfirmation && !this.state.showLead ? ' absolute' : '';\r\n return (\r\n <section className=\"laas-app\">\r\n <section id=\"laas-lead-form\" className=\"laas-lead-form\">\r\n <div className=\"laas-hero-banner\">\r\n <div className=\"laas-hero-banner-content\">\r\n <h1 className=\"laas-hero-banner-main\">{headlineText}</h1>\r\n <h2 className=\"laas-hero-banner-sub\">{sublineText}</h2>\r\n </div>\r\n </div>\r\n <div className={'laas-route-calculator-container' + routeCalcPosition}>\r\n {this.state.resetCalc ? (\r\n <RouteCalculator key={'1'} handleSubmitRoute={this.handleSubmitRoute} />\r\n ) : (\r\n <RouteCalculator key={'2'} handleSubmitRoute={this.handleSubmitRoute} />\r\n )}\r\n </div>\r\n {this.state.showLead && <CustomerForm handleSubmitCustomerInfo={this.handleSubmitCustomerInfo} />}\r\n {this.state.showConfirmation && (\r\n <div id=\"laas-lead-form-confirmation\" className=\"laas-lead-form-confirmation\">\r\n <div className=\"laas-lead-form-confirmation-content\">\r\n <h2 className=\"laas-lead-form-confirmation--headline\">\r\n {this.state.customer.name}, your car is about to get a lift!\r\n </h2>\r\n <div className=\"laas-lead-form-confirmation--subline\">\r\n Thanks for your information. One of our consultants will be in touch, however feel\r\n free to reach out as well!\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n {this.state.showError && (\r\n <div id=\"laas-lead-form-error\" className=\"laas-lead-form-error\">\r\n <div className=\"laas-lead-form-error-content\">\r\n <h2 className=\"laas-lead-form-error--headline\">\r\n Hmm… a wrench got thrown in the works on\r\n <br />\r\n our end, please submit your order again\r\n </h2>\r\n <div className=\"laas-lead-form-error--subline\">\r\n Please try re-submitting your information, or feel free to get in touch. Our contact\r\n information is below.\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </section>\r\n {!this.state.showConfirmation && (\r\n <section id=\"laas-how-it-works\" className=\"laas-how-it-works\">\r\n <h2 className=\"laas-how-it-works-header\">How does my auto transport work?</h2>\r\n <div className=\"laas-how-it-works-content\">\r\n <div className=\"laas-how-it-works-block\">\r\n <img\r\n className=\"laas-how-it-works-icon\"\r\n src=\"/home/images/laas/find_a_route.svg\"\r\n aria-hidden=\"true\"\r\n alt=\"find a route\"\r\n />\r\n <span className=\"laas-how-it-works-desc\">\r\n Find your route, see your quote, and book the trip\r\n </span>\r\n </div>\r\n <div className=\"laas-how-it-works-block\">\r\n <img\r\n className=\"laas-how-it-works-icon\"\r\n src=\"/home/images/laas/drop_off_car.svg\"\r\n aria-hidden=\"true\"\r\n alt=\"drop off car\"\r\n />\r\n <span className=\"laas-how-it-works-desc\">\r\n Drop off your vehicle at a participating CarMax\r\n </span>\r\n </div>\r\n <div className=\"laas-how-it-works-block\">\r\n <img\r\n className=\"laas-how-it-works-icon\"\r\n src=\"/home/images/laas/pick_up.svg\"\r\n aria-hidden=\"true\"\r\n alt=\"pick up\"\r\n />\r\n <span className=\"laas-how-it-works-desc\">Stress-free pick up on the other side</span>\r\n </div>\r\n </div>\r\n </section>\r\n )}\r\n <LaasFaq />\r\n </section>\r\n );\r\n }\r\n}\r\n\r\nexport default laasLeadForm;\r\n","import * as React from 'react';\r\nimport * as ReactDOM from 'react-dom';\r\nimport LaasShippingLeadForm from './car-shipping/LaasLeadForm';\r\nimport ErrorBoundary from '../../components/ErrorBoundary';\r\nimport onDomContentLoaded from '../../utilities/onDomContentLoaded';\r\nimport '../../../scss/pages/car-shipping/main.scss';\r\n\r\nconst carShippingApp = document.getElementById('car-shipping-app');\r\n\r\nfunction startup() {\r\n if (carShippingApp)\r\n ReactDOM.render(\r\n <ErrorBoundary>\r\n <LaasShippingLeadForm />\r\n </ErrorBoundary>,\r\n carShippingApp\r\n );\r\n}\r\n\r\nonDomContentLoaded(() => {\r\n startup();\r\n});\r\n","export default function(startup: () => any) {\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', startup);\r\n } else {\r\n startup();\r\n document.removeEventListener('DOMContentLoaded', startup);\r\n }\r\n}\r\n"],"names":["ErrorBoundary","constructor","props","super","this","state","hasError","getDerivedStateFromError","error","render","count","children","MDCSelect","focused","className","id","onChange","onFocus","setState","onBlur","value","noInitialValue","disabled","options","map","label","htmlFor","autoCapitalize","autoComplete","helperText","helperTextIsPersistent","initialId","inputMode","inputProps","validationStatus","maxLength","name","pattern","required","type","loading","textFieldId","helperTextId","textFieldRef","isFocused","ref","defaultFocus","setFocus","useState","useEffect","current","addEventListener","removeEventListener","field","event","elRef","placeholder","undefined","viewBox","xmlns","d","fill","style","textAlign","paddingTop","tone","size","RouteCalculator","shippingLocations","source","destination","showPreview","allStoresList","sourceList","destList","route","selectOptions","handleListChange","bind","handleCalculateRoute","transformStoresToOptions","componentDidMount","handleGetStores","shippingRoute","async","sourceID","destinationID","sourceStoreID","sourceStoreState","sourceStoreName","destinationStoreID","destinationStoreState","destinationStoreName","miles","basePrice","totalPrice","azSalesTax","axios","get","then","response","Object","assign","data","catch","handleSubmitRoute","stores","selectedStoreId","listType","filteredList","filter","store","length","unshift","index","currentStore","push","key","routeButtonEnabled","currentRoute","target","onClick","width","height","x","y","maskUnits","transform","fillRule","stroke","strokeDasharray","cx","cy","r","mask","formatMonthDayYear","original","console","warn","num","replace","match","substring","formatPhoneNumber","CustomerForm","customer","phone","email","year","make","model","dropDate","submitReady","nameError","phoneError","emailError","validForm","validateForm","handleUpdateField","checkSubmitReady","currentYearValue","fallback","parsedValue","NaN","parseFloat","stripNonNumeric","Number","isNaN","extractNumber","toString","msgs","customerData","vehicleYear","vehicleMake","vehicleModel","dropOffDate","test","lower","toLowerCase","isValidEmail","keys","handleSubmitCustomerInfo","scrollTo","anchor","elementToBeViewed","document","querySelector","scrollIntoView","TextField","defaultProps","FAQAccordion","items","faq","question","answer","faqItems","href","laasLeadForm","showLead","showConfirmation","showError","resetCalc","handleEmailRequest","order","success","post","routeCalcPosition","src","alt","carShippingApp","getElementById","onDomContentLoaded","startup","readyState"],"sourceRoot":""}