{"version":3,"file":"static/js/9114.903e22e7.chunk.js","mappings":"gQAIA,SAAeA,EAAAA,EAAAA,IAA4BC,EAAAA,EAAAA,KAAK,OAAQ,CACtDC,EAAG,uOACD,mB,6NCsBJ,MAAMC,GAAkBC,EAAAA,EAAAA,IAAOC,EAAAA,GAAPD,EAAkBE,IAAA,IAAC,MAAEC,GAAOD,EAAA,MAAM,CACxD,qCAAsC,CACpCE,OAAOC,EAAAA,EAAAA,IAAMF,EAAMG,QAAQC,KAAKC,QAAS,KAE5C,IAm6BD,EAj6BuBC,KACrB,MAAMC,GAAUC,EAAAA,EAAAA,cACVC,GAA2BC,EAAAA,EAAAA,KAC9BC,GAAUA,EAAMC,sBAEbC,GAAWC,EAAAA,EAAAA,OACVC,EAAOC,IAAYC,EAAAA,EAAAA,UAAS,WAC5BC,EAAUC,IAAeF,EAAAA,EAAAA,UAAS,KAClCG,EAAWC,IAAgBJ,EAAAA,EAAAA,UAAS,KACpCK,EAAUC,IAAeN,EAAAA,EAAAA,UAAS,KAClCO,EAAWC,IAAgBR,EAAAA,EAAAA,UAAS,KACpCS,EAAiBC,IAAsBV,EAAAA,EAAAA,UAAS,KAChDW,EAAiBC,IAAsBZ,EAAAA,EAAAA,WAAS,IAChDa,EAAkBC,IAAuBd,EAAAA,EAAAA,UAAS,KAClDe,EAAsBC,IAA2BhB,EAAAA,EAAAA,WAAS,IAC1DiB,EAAeC,IAAoBlB,EAAAA,EAAAA,WAAS,IAC5CmB,EAAcC,IAAmBpB,EAAAA,EAAAA,UAAS,IAC1CqB,EAAkBC,IAAuBtB,EAAAA,EAAAA,UAAS,GACnDuB,GAAoBC,EAAAA,EAAAA,QAAO,MAC3BzC,GAAQ0C,EAAAA,EAAAA,KACRC,GAAWC,EAAAA,EAAAA,GAAc5C,EAAM6C,YAAYC,KAAK,OAChDC,GAAWH,EAAAA,EAAAA,GAAc5C,EAAM6C,YAAYG,QAAQ,KAAM,OACzDC,GAAiBL,EAAAA,EAAAA,GAAc5C,EAAM6C,YAAYG,QAAQ,KAAM,QAC9CJ,EAAAA,EAAAA,GAAc5C,EAAM6C,YAAYK,GAAG,QAE1DC,EAAAA,EAAAA,YAAU,KACRC,eAAeC,QAAQ,cAAe,UACtCD,eAAeE,WAAW,sBAC1BF,eAAeE,WAAW,gBAAgB,GACzC,IAEH,MAAMC,GAAiBxC,IACrBI,EAAYJ,EAAM,EAGdyC,GAAgBzC,IACpBc,GAAmB,GACnB4B,IAAAA,KACQ,GAADC,OAAIC,EAAAA,OAAU,0BAA0B,CAC3CvC,UAAWL,IAEZ6C,MAAMC,IAC6B,IAA9BA,EAASC,KAAKA,KAAKC,OAErBlC,GAAmB,IAEnBM,GAAiB,GACjBR,EACEkC,EAASC,KAAKA,KAAKE,KAAKC,GACtBA,EAAI3C,SAASoC,OAAO,MAAOO,EAAIC,cAGrC,GACA,EAGAC,GAAgBpD,IACpBkB,GAAwB,GACxBwB,IAAAA,KACQ,GAADC,OAAIC,EAAAA,OAAU,uBAAuB,CACxCzC,SAAUH,IAEX6C,MAAMC,IACL9B,EAAoB8B,EAASC,KAAKA,KAAKE,KAAKC,GAAQA,EAAIG,QAAO,GAC/D,EA4DN,MAAMC,GAASC,UAEbzD,GAAS0D,EAAAA,EAAAA,MACTC,EAAEC,uBA3DFrB,eAAeE,WAAW,qBAC1BF,eAAeE,WAAW,sBAC1BF,eAAeE,WAAW,kBAC1BoB,aAAapB,WAAW,kBACxBF,eAAeE,WAAW,qBAC1BoB,aAAapB,WAAW,iBACxBoB,aAAapB,WAAW,kBACxBoB,aAAapB,WAAW,oBACxBF,eAAeE,WAAW,qBAC1BoB,aAAapB,WAAW,cACxBF,eAAeC,QAAQ,oBAAqB,GAC5CqB,aAAapB,WAAW,uBACxBoB,aAAarB,QAAQ,mBAAoB,IAmDzC,MAAMe,EAAQlD,GAAgC,KAApBA,EAASyD,OAAiBzD,EAAW,KACzD0D,EAAUtD,GAAgC,KAApBA,EAASqD,OAAiBrD,EAAW,KACjEuD,QAAQC,IAAI,QAASV,EAAOQ,GAC5BR,GAAUQ,GACZ/D,GAASkE,EAAAA,EAAAA,OAEPxE,EAAQyE,KAAK,uBAAuB,EAQhCC,GAAiBlE,IACrBQ,EAAYR,GACZqC,eAAeC,QAAQ,gBAAiBtC,GACxC,IAAImE,EAAenE,EAAMoE,MAAM,KAChBD,EAAa,GACZA,EAAa,EAAE,EAc3BE,GAAiBC,IACrB,GAAI7C,EAAkB8C,QAAS,CAC7B,MAAMC,EAAuB,GAC7B/C,EAAkB8C,QAAQE,UAAYH,EAAQE,CAChD,GAWF,OACEE,EAAAA,EAAAA,MAACC,EAAAA,GAAI,CAACC,WAAS,EAACC,QAAS,EAAGC,WAAW,SAASC,GAAI,CAAEC,GAAI,CAAEC,GAAI,GAAIC,GAAI,KAAOC,SAAA,EAE7ExG,EAAAA,EAAAA,KAACgG,EAAAA,GAAI,CAACS,MAAI,EAACH,GAAI,MACfP,EAAAA,EAAAA,MAACC,EAAAA,GAAI,CACHS,MAAI,EACJH,GAAIrD,GAAYI,EAAW,GAAK,EAChC+C,GAAI,CAAEM,GAAI,EAAGC,OAAQ,EAAGC,SAAU,YAAaJ,SAAA,EAO/CxG,EAAAA,EAAAA,KAAA,OACE6G,IAAKC,EACLC,MAAO,CACLH,SAAU,WACVI,IAAK,IACLC,OAAQ,GACRC,QAASjE,GAAYI,EAAW,OAAS,YAI7CrD,EAAAA,EAAAA,KAACmH,EAAAA,EAAG,CAACf,GAAI,CAAEQ,SAAU,eAarBb,EAAAA,EAAAA,MAACqB,EAAAA,EAAU,CACTC,QAAQ,KACRjB,GAAI,CACF7F,MAAO,UACP+G,WAAY,IACZC,GAAI,EACJC,SAAUvE,GAAYI,EAAW,OAAS,OAC1CuD,SAAU,WACVD,OAAQ,EACRc,UAAWxE,GAAYI,EAAW,SAAW,MAC7CmD,SAAA,CACH,kBACiB,KAChBxG,EAAAA,EAAAA,KAAA,QAAM+G,MAAO,CAAExG,MAAO,UAAWoG,OAAQ,MAAOH,SAAC,YAEnDxG,EAAAA,EAAAA,KAACoH,EAAAA,EAAU,CACTM,WAAS,EACTtB,GAAI,CACFoB,SAAUnE,EAAW,OAASJ,EAAW,OAAS,OAClD1C,MAAO,UACPoH,WAAY,IACZC,MAAO3E,GAAYI,EAAW,OAAS,MACvCwE,QACEC,OAAOC,YAAc,KAAOD,OAAOC,WAAa,IAC5C,MACAD,OAAOC,YAAc,IACrB,UACA,OACNN,UAAWxE,EAAW,QAAUI,EAAW,SAAW,MACtDmD,SACH,iLAMAsB,OAAOC,YAAc,MACpB/H,EAAAA,EAAAA,KAAAgI,EAAAA,SAAA,CAAAxB,UACExG,EAAAA,EAAAA,KAAA,OACE+G,MAAO,CACLG,QAAS,OACTf,WAAY,SACZ8B,cAAe,SACfL,MAAM,QACNC,QAAQ,UACRjB,SAAS,YACTJ,UAEFT,EAAAA,EAAAA,MAACmC,EAAAA,EAAK,CACJC,UAAW,EACXC,UAAU,OACVhC,GAAI,CACFc,QAAS,OACTf,WAAY,SACZkC,aAAc,MACdC,UAAW,qCAEX3B,OAAQ,KACRsB,cAAc,SACdL,MAAO,MACPC,QAAS,cACTrB,SAAA,EAEFT,EAAAA,EAAAA,MAAA,OAAKwC,UAAU,QAAQxB,MAAO,CAACG,QAAQ,OAASU,MAAM,OAAQzB,WAAW,SAAWqC,eAAe,UAAUhC,SAAA,EAC7GxG,EAAAA,EAAAA,KAACyI,EAAAA,EAAU,CAACrC,GAAI,CAAE7F,MAAO,cACzBP,EAAAA,EAAAA,KAACE,EAAe,CACdkG,GAAI,CAAEsC,GAAI,EAAGC,KAAM,EAAGpI,MAAO,WAC7BqI,YAAY,sBACZC,WAAY,CAAE,aAAc,sBAC5BC,OAAShE,IACPiE,YAAW,KACTxG,GAAwB,EAAM,GAC7B,CAAC,KAAK,EAEXlB,MACe,KAAbG,QACawH,IAAbxH,GACa,OAAbA,EACIA,EAASyH,QAAQ,KAAM,IACvB,GAENC,SAAWpE,IACTjB,GAAciB,EAAEqE,OAAO9H,OACvBoD,GAAaK,EAAEqE,OAAO9H,OAKtBsB,GAAiB,GACjBxB,GACEiI,EAAAA,EAAAA,IACE,GACAtE,EAAEqE,OAAO9H,MACe,OAAxBN,QAAwB,IAAxBA,OAAwB,EAAxBA,EAA0BsI,SAC1B,MAEH,EAEHC,UAAYxE,IACV,GAAI1C,EAAiBiC,OAAS,EAC5B,GAAc,YAAVS,EAAEyE,KAAqB7G,EAAe,EACxCC,EAAgBD,EAAe,GAC/BgD,GAAchD,EAAe,QACxB,GACK,cAAVoC,EAAEyE,KACF7G,EAAeN,EAAiBiC,OAAS,EAEzC1B,EAAgBD,EAAe,GAC/BgD,GAAchD,EAAe,QACxB,GAAc,UAAVoC,EAAEyE,MAAqC,IAAlB7G,EAAqB,CAEnDoC,EAAEC,iBAEF,IAAIyE,EACF,IAAMpH,EAAiBM,GAAgB,IACzCjB,EAAY+H,GACZrE,QAAQC,IAAI,QAASoE,GACrBjH,GAAwB,GAKxBpB,GACEiI,EAAAA,EAAAA,IACE,GACAhH,EAAiBM,GACO,OAAxB3B,QAAwB,IAAxBA,OAAwB,EAAxBA,EAA0BsI,SAC1B,MAGN,CACF,IAGH/G,GAAwBF,EAAiBiC,OAAS,GACjDrE,EAAAA,EAAAA,KAAA,MACEuI,UAAU,wBACVkB,IAAK3G,EACLiE,MAAO,CACL2C,UAAW,QACXC,UAAW,OACXC,aAAc,UACdpD,SAEDpE,EAAiBkC,KAAI,CAACuF,EAAYlE,KACjC3F,EAAAA,EAAAA,KAAA,MAEE+G,MAAO,CACL+C,gBACEnE,IAAUjD,EAAe,UAAY,GACvCnC,MAAOoF,IAAUjD,EAAe,QAAU,SAE5CqH,QAASA,KACPtI,EAAYoI,GAKZ1I,GACEiI,EAAAA,EAAAA,IACE,GACAS,EACwB,OAAxB9I,QAAwB,IAAxBA,OAAwB,EAAxBA,EAA0BsI,SAC1B,OAGJ9G,GAAwB,GACxBI,GAAiB,GACjB+C,IAAe,EAAE,EACjBc,SAEDqD,GAzBIlE,OA8BX,OAIF3F,EAAAA,EAAAA,KAAA,OAAKuI,UAAU,UAAUxB,MAAO,CAACa,MAAM,OAASoC,OAAO,oBAAqBC,OAAO,YAGnFlE,EAAAA,EAAAA,MAAA,OAAKwC,UAAU,QAAQxB,MAAO,CAAEa,MAAM,OAASsC,UAAY,OAAO1D,SAAA,EAClExG,EAAAA,EAAAA,KAACmK,EAAe,CAAC/D,GAAI,CAAE7F,MAAO,cAC9BP,EAAAA,EAAAA,KAACE,EAAe,CACdkG,GAAI,CAAEsC,GAAI,EAAGC,KAAM,EAAGpI,MAAO,WAC7BqI,YAAY,WACZvH,MAAOO,EACPiH,WAAY,CAAE,aAAc,sBAC5BK,SAAWpE,IACTS,GAAcT,EAAEqE,OAAO9H,OACvByC,GAAagB,EAAEqE,OAAO9H,OACtBwB,GAAqB,GAErB1B,GACEiI,EAAAA,EAAAA,IACE,GACwB,OAAxBrI,QAAwB,IAAxBA,OAAwB,EAAxBA,EAA0BqJ,WAC1BtF,EAAEqE,OAAO9H,MACT,MAEH,EAEHiI,UAAYxE,IACN9C,EAAgBqC,OAAS,IAEf,cAAVS,EAAEyE,KACF3G,EAAmBZ,EAAgBqC,OAAS,GAE5CxB,EAAoBD,EAAmB,GACvC8C,GAAc9C,EAAmB,GACjCkC,EAAEC,kBACiB,YAAVD,EAAEyE,KAAqB3G,EAAmB,GACnDC,EAAoBD,EAAmB,GACvC8C,GAAc9C,EAAmB,GACjCkC,EAAEC,kBAEQ,UAAVD,EAAEyE,KACF3G,GAAoB,GACpBA,EAAmBZ,EAAgBqC,SAEnCS,EAAEC,iBAEFQ,GAAcvD,EAAgBY,IAC9BT,GAAmB,GAEnBhB,GACEiI,EAAAA,EAAAA,IACE,GACwB,OAAxBrI,QAAwB,IAAxBA,OAAwB,EAAxBA,EAA0BqJ,WAC1BpI,EAAgBY,GAChB,QAIR,EAEFkG,OAAShE,IACPiE,YAAW,KACT5G,GAAmB,EAAM,GACxB,CAAC,KAAK,KAGM,IAAlBK,GACCxC,EAAAA,EAAAA,KAAA,MAAI+G,MAAO,CAAExG,MAAO,SAAUiG,SAAC,sCAI/B,GAEDtE,GAAmBF,EAAgBqC,OAAS,GAC3CrE,EAAAA,EAAAA,KAAA,MACEuI,UAAU,wBACVxB,MAAO,CACL2C,UAAW,QACXC,UAAW,OACXC,aAAc,UAIhBH,IAAK3G,EAAkB0D,SAEtBxE,EAAgBsC,KAAI,CAACuF,EAAYlE,KAChC3F,EAAAA,EAAAA,KAAA,MAEE+G,MAAO,CACL+C,gBACEnE,IAAU/C,EAAmB,UAAY,GAC3CrC,MAAOoF,IAAU/C,EAAmB,QAAU,SAEhDmH,QAASA,KACPlI,EAAYgI,GACZ1H,GAAmB,GACnBU,GAAqB,GACrB6C,IAAe,GAKfvE,GACEiI,EAAAA,EAAAA,IACE,GACwB,OAAxBrI,QAAwB,IAAxBA,OAAwB,EAAxBA,EAA0BqJ,WAC1BP,EACA,MAEH,EACDrD,SAEDqD,GAzBIlE,OA8BX,OAGF3F,EAAAA,EAAAA,KAAA,OAAKuI,UAAU,UAAUxB,MAAO,CAACa,MAAM,OAASoC,OAAO,oBAAqBC,OAAO,SAASzD,SAAC,OAG7FxG,EAAAA,EAAAA,KAAA,OAAKuI,UAAU,SAASxB,MAAO,CAACa,MAAM,OAASsC,UAAY,OAAO1D,UAClExG,EAAAA,EAAAA,KAACqK,EAAAA,EAAM,CACLhD,QAAQ,YACRiD,KAAK,SACLlE,GAAI,CAAEmE,QAAS,UAAW,UAAW,CAAEA,QAAS,WAAc3C,MAAQ,QACtEmC,QAAUjF,GAAMH,GAAOG,GAAG0B,SAE3B,uBAURsB,OAAOC,WAAa,MACnBhC,EAAAA,EAAAA,MAAAiC,EAAAA,SAAA,CAAAxB,SAAA,CACG,KACDxG,EAAAA,EAAAA,KAAA,OAGE+G,MAAO,CACLH,SAAU,WACViB,QAASC,OAAOC,YAAc,KAAO,YACrCM,aAAc,QACd7B,UAEFT,EAAAA,EAAAA,MAACmC,EAAAA,EAAK,CACJC,UAAW,EACXC,UAAU,OACVhC,GAAI,CACFoE,EAAG,sBACHtD,QAAS,OACTf,WAAY,SACZkC,aAAc,OACdC,UA/XO,2OAgYPjC,GAAI,EACJM,OAAQ,MACRH,SAAA,EAEFxG,EAAAA,EAAAA,KAACyI,EAAAA,EAAU,CAACrC,GAAI,CAAE7F,MAAO,cACzBP,EAAAA,EAAAA,KAACE,EAAe,CACdkG,GAAI,CAAEsC,GAAI,EAAGC,KAAM,EAAGpI,MAAO,WAC7BqI,YAAY,sBACZC,WAAY,CAAE,aAAc,sBAC5BC,OAAShE,IACPiE,YAAW,KACTxG,GAAwB,EAAM,GAC7B,CAAC,KAAK,EAEXlB,MACe,KAAbG,QACawH,IAAbxH,GACa,OAAbA,EACIA,EAASyH,QAAQ,KAAM,IACvB,GAENC,SAAWpE,IACTjB,GAAciB,EAAEqE,OAAO9H,OACvBoD,GAAaK,EAAEqE,OAAO9H,OAKtBsB,GAAiB,GACjBxB,GACEiI,EAAAA,EAAAA,IACE,GACAtE,EAAEqE,OAAO9H,MACe,OAAxBN,QAAwB,IAAxBA,OAAwB,EAAxBA,EAA0BsI,SAC1B,MAEH,EAEHC,UAAYxE,IACV,GAAI1C,EAAiBiC,OAAS,EAC5B,GAAc,YAAVS,EAAEyE,KAAqB7G,EAAe,EACxCC,EAAgBD,EAAe,GAC/BgD,GAAchD,EAAe,QACxB,GACK,cAAVoC,EAAEyE,KACF7G,EAAeN,EAAiBiC,OAAS,EAEzC1B,EAAgBD,EAAe,GAC/BgD,GAAchD,EAAe,QACxB,GAAc,UAAVoC,EAAEyE,MAAqC,IAAlB7G,EAAqB,CAEnDoC,EAAEC,iBAEF,IAAIyE,EACF,IAAMpH,EAAiBM,GAAgB,IACzCjB,EAAY+H,GACZrE,QAAQC,IAAI,QAASoE,GACrBjH,GAAwB,GAKxBpB,GACEiI,EAAAA,EAAAA,IACE,GACAhH,EAAiBM,GACO,OAAxB3B,QAAwB,IAAxBA,OAAwB,EAAxBA,EAA0BsI,SAC1B,MAGN,CACF,IAGH/G,GAAwBF,EAAiBiC,OAAS,GACjDrE,EAAAA,EAAAA,KAAA,MACEuI,UAAU,wBACVkB,IAAK3G,EACLiE,MAAO,CACL2C,UAAW,QACXC,UAAW,OACXC,aAAc,UACdpD,SAEDpE,EAAiBkC,KAAI,CAACuF,EAAYlE,KACjC3F,EAAAA,EAAAA,KAAA,MAEE+G,MAAO,CACL+C,gBACEnE,IAAUjD,EAAe,UAAY,GACvCnC,MAAOoF,IAAUjD,EAAe,QAAU,SAE5CqH,QAASA,KACPtI,EAAYoI,GAKZ1I,GACEiI,EAAAA,EAAAA,IACE,GACAS,EACwB,OAAxB9I,QAAwB,IAAxBA,OAAwB,EAAxBA,EAA0BsI,SAC1B,OAGJ9G,GAAwB,GACxBI,GAAiB,GACjB+C,IAAe,EAAE,EACjBc,SAEDqD,GAzBIlE,OA8BX,IAIF3F,EAAAA,EAAAA,KAACmH,EAAAA,EAAG,CAACf,GAAI,CAAEqE,OAAQ,GAAIC,EAAG,GAAKV,OAAQ,wBACvChK,EAAAA,EAAAA,KAACmK,EAAe,CAAC/D,GAAI,CAAE7F,MAAO,cAC9BP,EAAAA,EAAAA,KAACE,EAAe,CACdkG,GAAI,CAAEsC,GAAI,EAAGC,KAAM,EAAGpI,MAAO,WAC7BqI,YAAY,WACZvH,MAAOO,EACPiH,WAAY,CAAE,aAAc,sBAC5BK,SAAWpE,IACTS,GAAcT,EAAEqE,OAAO9H,OACvByC,GAAagB,EAAEqE,OAAO9H,OACtBwB,GAAqB,GAErB1B,GACEiI,EAAAA,EAAAA,IACE,GACwB,OAAxBrI,QAAwB,IAAxBA,OAAwB,EAAxBA,EAA0BqJ,WAC1BtF,EAAEqE,OAAO9H,MACT,MAEH,EAEHiI,UAAYxE,IACN9C,EAAgBqC,OAAS,IAEf,cAAVS,EAAEyE,KACF3G,EAAmBZ,EAAgBqC,OAAS,GAE5CxB,EAAoBD,EAAmB,GACvC8C,GAAc9C,EAAmB,GACjCkC,EAAEC,kBACiB,YAAVD,EAAEyE,KAAqB3G,EAAmB,GACnDC,EAAoBD,EAAmB,GACvC8C,GAAc9C,EAAmB,GACjCkC,EAAEC,kBAEQ,UAAVD,EAAEyE,KACF3G,GAAoB,GACpBA,EAAmBZ,EAAgBqC,SAEnCS,EAAEC,iBAEFQ,GAAcvD,EAAgBY,IAC9BT,GAAmB,GAEnBhB,GACEiI,EAAAA,EAAAA,IACE,GACwB,OAAxBrI,QAAwB,IAAxBA,OAAwB,EAAxBA,EAA0BqJ,WAC1BpI,EAAgBY,GAChB,QAIR,EAEFkG,OAAShE,IACPiE,YAAW,KACT5G,GAAmB,EAAM,GACxB,CAAC,KAAK,KAGM,IAAlBK,GACCxC,EAAAA,EAAAA,KAAA,MAAI+G,MAAO,CAAExG,MAAO,SAAUiG,SAAC,sCAI/B,GAEDtE,GAAmBF,EAAgBqC,OAAS,GAC3CrE,EAAAA,EAAAA,KAAA,MACEuI,UAAU,wBACVxB,MAAO,CACL2C,UAAW,QACXC,UAAW,OACXC,aAAc,SACde,WAAYpH,EAAiB,QAAU,SAGzCkG,IAAK3G,EAAkB0D,SAEtBxE,EAAgBsC,KAAI,CAACuF,EAAYlE,KAChC3F,EAAAA,EAAAA,KAAA,MAEE+G,MAAO,CACL+C,gBACEnE,IAAU/C,EAAmB,UAAY,GAC3CrC,MAAOoF,IAAU/C,EAAmB,QAAU,SAEhDmH,QAASA,KACPlI,EAAYgI,GACZ1H,GAAmB,GACnBU,GAAqB,GACrB6C,IAAe,GAKfvE,GACEiI,EAAAA,EAAAA,IACE,GACwB,OAAxBrI,QAAwB,IAAxBA,OAAwB,EAAxBA,EAA0BqJ,WAC1BP,EACA,MAEH,EACDrD,SAEDqD,GAzBIlE,OA8BX,IAIF3F,EAAAA,EAAAA,KAACqK,EAAAA,EAAM,CACLhD,QAAQ,YACRiD,KAAK,QACLlE,GAAI,CAAEmE,QAAS,UAAWlC,aAAa,OAAQR,QAAQ,YAAa,UAAW,CAAE0C,QAAS,YAC1FR,QAAUjF,GAAMH,GAAOG,GAAG0B,SAC3B,uBAQTT,EAAAA,EAAAA,MAACqB,EAAAA,EAAU,CACTM,WAAS,EACTtB,GAAI,CACFC,GAAI,EACJmB,SAAU,OACVN,QAASjE,GAAYI,EAAW,OAAS,SACzCmD,SAAA,EAEFT,EAAAA,EAAAA,MAAA,QAAMgB,MAAO,CAAExG,MAAO,UAAW+G,WAAY,KAAMd,SAAA,CAAC,sBAC9B,QAEtBxG,EAAAA,EAAAA,KAAC4K,EAAAA,GAAI,CAACC,GAAG,uBAAuB9D,MAAO,CAAE+D,eAAgB,QAAStE,UAChET,EAAAA,EAAAA,MAAA,QACEgB,MAAO,CAAE+D,eAAgB,YAAavK,MAAO,WAC7CwJ,QAASA,KACP5I,GACEiI,EAAAA,EAAAA,IACE,GACA,kBACA,KACA,SAEH,EACD5C,SAAA,CAED,IAAI,uBAGF,SAEPxG,EAAAA,EAAAA,KAAC4K,EAAAA,GAAI,CAACC,GAAG,uBAAuB9D,MAAO,CAAE+D,eAAgB,QAAStE,UAChET,EAAAA,EAAAA,MAAA,QACEgB,MAAO,CAAE+D,eAAgB,YAAavK,MAAO,WAC7CwJ,QAASA,KACP5I,GACEiI,EAAAA,EAAAA,IACE,GACA,oBACA,KACA,SAEH,EACD5C,SAAA,CAED,IAAI,yBAGF,SAEPxG,EAAAA,EAAAA,KAAC4K,EAAAA,GAAI,CAACC,GAAG,uBAAuB9D,MAAO,CAAE+D,eAAgB,QAAStE,UAChExG,EAAAA,EAAAA,KAAA,QACE+G,MAAO,CAAE+D,eAAgB,YAAavK,MAAO,WAC7CwJ,QAASA,KACP5I,GACEiI,EAAAA,EAAAA,IAA0B,GAAI,iBAAkB,KAAM,SACvD,EACD5C,SACH,4BAMPxG,EAAAA,EAAAA,KAAA,OACE+G,MAAO,CACLH,SAAU,YACVJ,UAEFxG,EAAAA,EAAAA,KAAA,OACE6G,IAAKkE,EACLhE,MAAO,CACLH,SAAU,WACVI,KAAM,IACNgE,KAAM,EACNP,OAAQ,IACRvD,QAASjE,GAAYI,EAAW,OAAS,cAI/CrD,EAAAA,EAAAA,KAACgG,EAAAA,GAAI,CACHS,MAAI,EACJH,GAAI,IACJF,GAAI,CACFqE,OAAQ,IACR9D,OAAQ,EACRO,QAASjE,GAAYI,EAAW,OAAS,SACzCmD,UAIFxG,EAAAA,EAAAA,KAAA,OACE+G,MACE,CACE,EAEHP,UAEDxG,EAAAA,EAAAA,KAAA,OACE6G,IAAKoE,EACLC,IAAI,wCACJnE,MAAO,CACLa,MAAO,gBAKV,C","sources":["../node_modules/@mui/icons-material/esm/FmdGoodOutlined.js","Components/HomeSearchjobs.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from './utils/createSvgIcon';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M12 12c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2m6-1.8C18 6.57 15.35 4 12 4s-6 2.57-6 6.2c0 2.34 1.95 5.44 6 9.14 4.05-3.7 6-6.8 6-9.14M12 2c4.2 0 8 3.22 8 8.2 0 3.32-2.67 7.25-8 11.8-5.33-4.55-8-8.48-8-11.8C4 5.22 7.8 2 12 2\"\n}), 'FmdGoodOutlined');","import React, { useState, useEffect, useRef } from \"react\";\nimport {\n  Grid,\n  Box,\n  Button,\n  Typography,\n  Paper,\n  InputBase,\n  useMediaQuery,\n} from \"@mui/material\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport { FmdGoodOutlined } from \"@mui/icons-material\";\nimport { useHistory } from \"react-router\";\nimport HeroImage3 from \"../Images/hero-img4.webp\";\nimport Key from \"../clientVariables.json\";\nimport axios from \"axios\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { showLoader } from \"./Actions/loader.actions\";\nimport { useTheme } from \"@mui/material\";\nimport DotsImg2 from \"../Images/hero-dots2.png\";\nimport DotsImg1 from \"../Images/hero-dots1.png\";\nimport { Link } from \"react-router-dom\";\nimport { clearURLjobSearchUrlActions, setURLjobSearchUrlActions } from \"./Actions/jobSearchUrlActions\";\nimport { styled } from '@mui/material/styles';\nimport { alpha } from '@mui/material';\nimport HomeNavbar from \"./HomeNavbar\";\n\n\nconst CustomInputBase = styled(InputBase)(({ theme }) => ({\n  \"& .MuiInputBase-input::placeholder\": {\n    color: alpha(theme.palette.text.primary, 0.5),\n  },\n}));\n\nconst HomeSearchjobs = () => {\n  const history = useHistory();\n  const redirectionSearchJobsUrl = useSelector(\n    (state) => state.jobSearchUrlReducer\n  );\n  const dispatch = useDispatch();\n  const [value, setValue] = useState(\"female\");\n  const [jobtitle, setJobtitle] = useState(\"\");\n  const [statename, setStateName] = useState(\"\");\n  const [cityName, setCityName] = useState(\"\");\n  const [jobtitles, setJobtitles] = useState([]);\n  const [citySuggestions, setCitySuggestions] = useState([]);\n  const [showSuggestions, setShowSuggestions] = useState(false);\n  const [titleSuggestions, setTitleSuggestions] = useState([]);\n  const [showTitleSuggestions, setShowTitleSuggestions] = useState(false);\n  const [errorLocation, setErrorLocation] = useState(false);\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [activeSuggestion, setActiveSuggestion] = useState(0);\n  const suggestionListRef = useRef(null);\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\")); // Mobile devices\n  const isTablet = useMediaQuery(theme.breakpoints.between(\"sm\", \"md\")); // Tablets\n  const isDesktopSmall = useMediaQuery(theme.breakpoints.between(\"md\", \"lg\")); // Small desktops\n  const isDesktopLarge = useMediaQuery(theme.breakpoints.up(\"lg\")); // Large desktops\n\n  useEffect(() => {\n    sessionStorage.setItem(\"radioButton\", \"female\");\n    sessionStorage.removeItem(\"inputjobtitle_home\");\n    sessionStorage.removeItem(\"cityname_home\");\n  }, []);\n\n  const onTextChanged = (value) => {\n    setJobtitle(value);\n  };\n\n  const getCityNames = (value) => {\n    setShowSuggestions(true);\n    axios\n      .post(`${Key.domain}/Jobs/get_joblocations`, {\n        statename: value,\n      })\n      .then((response) => {\n        if (response.data.data.length === 0) {\n          //setErrorLocation(true);\n          setShowSuggestions(false);\n        } else {\n          setErrorLocation(false);\n          setCitySuggestions(\n            response.data.data.map((res) =>\n              res.cityName.concat(\" , \", res.stateName)\n            )\n          );\n        }\n      });\n  };\n\n  const getJobtitles = (value) => {\n    setShowTitleSuggestions(true);\n    axios\n      .post(`${Key.domain}/Jobs/get_jobtitles`, {\n        jobtitle: value,\n      })\n      .then((response) => {\n        setTitleSuggestions(response.data.data.map((res) => res.title));\n      });\n  };\n\n  const clearFilters = () => {\n    sessionStorage.removeItem(\"filtered-jobtypes\");\n    sessionStorage.removeItem(\"filtered-visatypes\");\n    sessionStorage.removeItem(\"jobMappedDates\");\n    localStorage.removeItem(\"workModeFlages\");\n    sessionStorage.removeItem(\"filtered-workmode\");\n    localStorage.removeItem(\"jobtypeFlages\");\n    localStorage.removeItem(\"visatypeFlages\");\n    localStorage.removeItem(\"traveltypeFlages\");\n    sessionStorage.removeItem(\"currentsearchpage\");\n    localStorage.removeItem(\"jobsSortBy\");\n    sessionStorage.setItem(\"currentsearchpage\", 1);\n    localStorage.removeItem(\"jobsSortByDate\");\n    localStorage.setItem(\"filterResetValue\", 1);\n  };\n\n  const clearGmapItems = () => {\n    sessionStorage.removeItem(\"googleMapJobs\");\n    sessionStorage.removeItem(\"googleMapJobIds\");\n    sessionStorage.removeItem(\"jobsCount\");\n    sessionStorage.removeItem(\"filtered-jobtypes\");\n    sessionStorage.removeItem(\"filtered-visatypes\");\n    sessionStorage.removeItem(\"jobMappedDates\");\n    localStorage.removeItem(\"workModeFlages\");\n    sessionStorage.removeItem(\"filtered-workmode\");\n    localStorage.removeItem(\"jobtypeFlages\");\n    localStorage.removeItem(\"visatypeFlages\");\n    localStorage.removeItem(\"traveltypeFlages\");\n    sessionStorage.removeItem(\"currentsearchpage\");\n    localStorage.removeItem(\"jobsSortBy\");\n    sessionStorage.setItem(\"currentsearchpage\", 1);\n    localStorage.removeItem(\"jobsSortByDate\");\n    localStorage.setItem(\"filterResetValue\", 1);\n  };\n\n  const replacements = {\n    \"#\": \"%23\",\n    \"++\": \"%2B%2B\",\n    \"&\": \"%26\",\n    \" / \": \"/\",\n  };\n\n  function escapeRegExp(string) {\n    return string.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n  }\n\n  function replaceSpecialCharacters(inputString, replacementMap) {\n    let modifiedString = inputString;\n\n    for (const [specialChar, replacement] of Object.entries(replacementMap)) {\n      const regex = new RegExp(escapeRegExp(specialChar), \"g\");\n      modifiedString = modifiedString.replace(regex, replacement);\n    }\n\n    return modifiedString;\n  }\n\n  const submit = async (e) => {\n    //props.showLoader();\n    dispatch(showLoader());\n    e.preventDefault();\n    await clearFilters();\n\n\n    const title = jobtitle && jobtitle.trim() !== '' ?  jobtitle : null;\n    const locate =  cityName && cityName.trim() !== '' ?  cityName : null;\n    console.log(\"ttlll\", title, locate);\nif(!title && !locate){\n  dispatch(clearURLjobSearchUrlActions());\n}\n    history.push(\"/searchJobs_listview\");\n  };\n\n  const pushToMaps = async () => {\n    await clearGmapItems();\n    history.push(\"/SearchByMap\");\n  };\n\n  const onCityChanged = (value) => {\n    setCityName(value);\n    sessionStorage.setItem(\"cityname_home\", value);\n    var cityAndState = value.split(\",\");\n    var cityName = cityAndState[0];\n    var StateName = cityAndState[1];\n  };\n\n  const renderSuggestions = () => {\n    if (Object.keys(jobtitles).length && jobtitles.length) {\n      return (\n        <ul>\n          {jobtitles.map((item) => (\n            <li>{item.title}</li>\n          ))}\n        </ul>\n      );\n    }\n  };\n  const scrollToIndex = (index) => {\n    if (suggestionListRef.current) {\n      const suggestionItemHeight = 30; // Adjust this value as needed\n      suggestionListRef.current.scrollTop = index * suggestionItemHeight;\n    }\n  };\n\n  const combinedBoxShadow = `\n  rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,\n  rgba(0, 0, 0, 0.3) 0px 30px 60px -30px,\n  rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset,\n  -5px -5px 30px 5px rgba(50, 50, 93, 0.25),\n  5px 5px 30px 5px rgba(50, 50, 93, 0.25)\n`;\n\n  return (\n    <Grid container spacing={2} alignItems=\"center\" sx={{ mt: { xs: 10, md: 18 } }}>\n       {/* <HomeNavbar /> */}\n      <Grid item xs={0.5}></Grid>\n      <Grid\n        item\n        xs={isMobile || isTablet ? 12 : 8}\n        sx={{ pl: 2, zIndex: 4, position: \"relative\" }}\n      >\n        {/* <div\n          style={{\n            position: \"relative\",\n          }}\n        > */}\n        <img\n          src={DotsImg2}\n          style={{\n            position: \"absolute\",\n            top: 240,\n            right: -40,\n            display: isMobile || isTablet ? \"none\" : \"block\",\n          }}\n        />\n        {/* </div> */}\n        <Box sx={{ position: \"relative\" }}>\n          {/* <Box\n            sx={{\n              width: 80,\n              height: 22,\n              bgcolor: \"#DFE7FC\",\n              position: \"absolute\",\n              top: 40,\n              left: 330,\n              display: isMobile || isTablet ? \"none\" : \"block\",\n            }}\n          /> */}\n        </Box>\n        <Typography\n          variant=\"h5\"\n          sx={{\n            color: \"#05264C\",\n            fontWeight: 600,\n            mb: 2,\n            fontSize: isMobile || isTablet ? \"35px\" : \"3rem\",\n            position: \"relative\",\n            zIndex: 5,\n            textAlign: isMobile || isTablet ? \"center\" : null,\n          }}\n        >\n          Find Your Ideal{\" \"}\n          <span style={{ color: \"#F68602\", zIndex: 1100 }}>Job</span>\n        </Typography>\n        <Typography\n          paragraph\n          sx={{\n            fontSize: isTablet ? \"16px\" : isMobile ? \"14px\" : \"18px\", // Conditionally set fontSize\n            color: \"#4F5E63\",\n            lineHeight: 1.8,\n            width: isMobile || isTablet ? \"100%\" : \"70%\",\n            padding:\n              window.innerWidth <= 768 && window.innerWidth > 500\n                ? \"2vw\"\n                : window.innerWidth <= 500\n                ? \"2vw 5vw\"\n                : \"none\",\n            textAlign: isMobile ? \"start\" : isTablet ? \"center\" : null,\n          }}\n        >\n          At JobsnProfiles, we simplify job hunting. Our platform equips you\n          with the tools to swiftly find your next opportunity. Join us today\n          and secure your new job effortlessly!\n        </Typography>\n\n        {window.innerWidth <= 500 && (\n          <>\n            <div\n              style={{\n                display: \"flex\",\n                alignItems: \"center\",\n                flexDirection: \"column\",\n                width:\"100vw\",\n                padding:\"2vw 6vw\",\n                position:\"relative\"\n              }}\n            >\n              <Paper\n                elevation={0}\n                component=\"form\"\n                sx={{\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  borderRadius: \"6px\",\n                  boxShadow: \"0px 18px 40px rgba(25, 15, 9, 0.2)\",\n                  // mt: 4,\n                  zIndex: 1100,\n                  flexDirection:\"column\",\n                  width: \"96%\",\n                  padding: \" 4vw 3.5vw\"\n                }}\n              >\n                <div className=\"input\" style={{display:\"flex\" , width:\"100%\", alignItems:\"center\" , justifyContent:\"center\"}}>\n                <SearchIcon sx={{ color: \"#ACB6C1\" }} />\n                <CustomInputBase\n                  sx={{ ml: 1, flex: 1, color: \"#444444\" }}\n                  placeholder=\"Job Title, Skills..\"\n                  inputProps={{ \"aria-label\": \"search google maps\" }}\n                  onBlur={(e) => {\n                    setTimeout(() => {\n                      setShowTitleSuggestions(false);\n                    }, [300]);\n                  }}\n                  value={\n                    jobtitle !== \"\" &&\n                    jobtitle !== undefined &&\n                    jobtitle !== null\n                      ? jobtitle.replace(/\"/g, \"\")\n                      : \"\"\n                  }\n                  onChange={(e) => {\n                    onTextChanged(e.target.value);\n                    getJobtitles(e.target.value);\n                    // sessionStorage.setItem(\n                    //   \"inputjobtitle_home\",\n                    //   e.target.value\n                    // );\n                    setCurrentIndex(-1);\n                    dispatch(\n                      setURLjobSearchUrlActions(\n                        \"\",\n                        e.target.value,\n                        redirectionSearchJobsUrl?.location,\n                        null\n                      )\n                    );\n                  }}\n                  onKeyDown={(e) => {\n                    if (titleSuggestions.length > 0) {\n                      if (e.key === \"ArrowUp\" && currentIndex > 0) {\n                        setCurrentIndex(currentIndex - 1);\n                        scrollToIndex(currentIndex - 1);\n                      } else if (\n                        e.key === \"ArrowDown\" &&\n                        currentIndex < titleSuggestions.length - 1\n                      ) {\n                        setCurrentIndex(currentIndex + 1);\n                        scrollToIndex(currentIndex + 1);\n                      } else if (e.key === \"Enter\" && currentIndex !== -1) {\n                        // Handle Enter key press (select suggestion)\n                        e.preventDefault();\n\n                        let entertitle =\n                          '\"' + titleSuggestions[currentIndex] + '\"';\n                        setJobtitle(entertitle);\n                        console.log(\"enter\", entertitle);\n                        setShowTitleSuggestions(false);\n                        // sessionStorage.setItem(\n                        //   \"inputjobtitle_home\",\n                        //   titleSuggestions[currentIndex]\n                        // );\n                        dispatch(\n                          setURLjobSearchUrlActions(\n                            \"\",\n                            titleSuggestions[currentIndex],\n                            redirectionSearchJobsUrl?.location,\n                            null\n                          )\n                        );\n                      }\n                    }\n                  }}\n                />\n                {showTitleSuggestions && titleSuggestions.length > 0 ? (\n                  <ul\n                    className=\"col-8 suggestionList \"\n                    ref={suggestionListRef}\n                    style={{\n                      maxHeight: \"150px\",\n                      overflowY: \"auto\",\n                      marginBottom: \"-150px\",\n                    }}\n                  >\n                    {titleSuggestions.map((suggestion, index) => (\n                      <li\n                        key={index}\n                        style={{\n                          backgroundColor:\n                            index === currentIndex ? \"#406882\" : \"\",\n                          color: index === currentIndex ? \"white\" : \"black\",\n                        }}\n                        onClick={() => {\n                          setJobtitle(suggestion);\n                          // sessionStorage.setItem(\n                          //   \"inputjobtitle_home\",\n                          //   suggestion\n                          // );\n                          dispatch(\n                            setURLjobSearchUrlActions(\n                              \"\",\n                              suggestion,\n                              redirectionSearchJobsUrl?.location,\n                              null\n                            )\n                          );\n                          setShowTitleSuggestions(false);\n                          setCurrentIndex(-1);\n                          scrollToIndex(-1);\n                        }}\n                      >\n                        {suggestion}\n                      </li>\n                    ))}\n                  </ul>\n                ) : (\n                  \"\"\n                )}\n\n                </div>\n                <div className=\"divider\" style={{width:\"100%\" , border:\"1px solid #ECECEC\", margin:\"2vw 0\"}}>\n\n                </div>\n                <div className=\"input\" style={{ width:\"100%\" , marginTop : \"2vw\"}}>\n                <FmdGoodOutlined sx={{ color: \"#ACB6C1\" }} />\n                <CustomInputBase\n                  sx={{ ml: 1, flex: 1, color: \"#444444\" }}\n                  placeholder=\"Location\"\n                  value={cityName}\n                  inputProps={{ \"aria-label\": \"search google maps\" }}\n                  onChange={(e) => {\n                    onCityChanged(e.target.value);\n                    getCityNames(e.target.value);\n                    setActiveSuggestion(-1);\n                    // sessionStorage.setItem('cityname_home', e.target.value);\n                    dispatch(\n                      setURLjobSearchUrlActions(\n                        \"\",\n                        redirectionSearchJobsUrl?.searchText,\n                        e.target.value,\n                        null\n                      )\n                    );\n                  }}\n                  onKeyDown={(e) => {\n                    if (citySuggestions.length > 0) {\n                      if (\n                        e.key === \"ArrowDown\" &&\n                        activeSuggestion < citySuggestions.length - 1\n                      ) {\n                        setActiveSuggestion(activeSuggestion + 1);\n                        scrollToIndex(activeSuggestion + 1);\n                        e.preventDefault();\n                      } else if (e.key === \"ArrowUp\" && activeSuggestion > 0) {\n                        setActiveSuggestion(activeSuggestion - 1);\n                        scrollToIndex(activeSuggestion - 1);\n                        e.preventDefault();\n                      } else if (\n                        e.key === \"Enter\" &&\n                        activeSuggestion >= 0 &&\n                        activeSuggestion < citySuggestions.length\n                      ) {\n                        e.preventDefault();\n                        // Handle Enter key press to select a suggestion\n                        onCityChanged(citySuggestions[activeSuggestion]);\n                        setShowSuggestions(false);\n                        // sessionStorage.setItem('cityname_home', citySuggestions[activeSuggestion]);\n                        dispatch(\n                          setURLjobSearchUrlActions(\n                            \"\",\n                            redirectionSearchJobsUrl?.searchText,\n                            citySuggestions[activeSuggestion],\n                            null\n                          )\n                        );\n                      }\n                    }\n                  }}\n                  onBlur={(e) => {\n                    setTimeout(() => {\n                      setShowSuggestions(false);\n                    }, [300]);\n                  }}\n                />\n                {errorLocation === true ? (\n                  <em style={{ color: \"white\" }}>\n                    Please enter the correct location\n                  </em>\n                ) : (\n                  \"\"\n                )}\n                {showSuggestions && citySuggestions.length > 0 ? (\n                  <ul\n                    className=\"col-8 suggestionList \"\n                    style={{\n                      maxHeight: \"150px\",\n                      overflowY: \"auto\",\n                      marginBottom: \"-150px\",\n                      // marginLeft: isDesktopSmall ? \"300px\" : \"460px\",\n                    }}\n                    //sx={{ mb: 0, flex: 1, color: \"#444444\" }}\n                    ref={suggestionListRef}\n                  >\n                    {citySuggestions.map((suggestion, index) => (\n                      <li\n                        key={index}\n                        style={{\n                          backgroundColor:\n                            index === activeSuggestion ? \"#406882\" : \"\",\n                          color: index === activeSuggestion ? \"white\" : \"black\",\n                        }}\n                        onClick={() => {\n                          setCityName(suggestion);\n                          setShowSuggestions(false);\n                          setActiveSuggestion(-1);\n                          scrollToIndex(-1);\n                          //   sessionStorage.setItem(\n                          //     \"cityname_home\",\n                          //     suggestion\n                          // );\n                          dispatch(\n                            setURLjobSearchUrlActions(\n                              \"\",\n                              redirectionSearchJobsUrl?.searchText,\n                              suggestion,\n                              null\n                            )\n                          );\n                        }}\n                      >\n                        {suggestion}\n                      </li>\n                    ))}\n                  </ul>\n                ) : (\n                  \"\"\n                )}\n                </div>\n                <div className=\"divider\" style={{width:\"100%\" , border:\"1px solid #ECECEC\", margin:\"2vw 0\"}}> </div>\n\n\n                <div className=\"button\" style={{width:\"100%\" , marginTop : \"2vw\"}}>\n                <Button\n                  variant=\"contained\"\n                  size=\"medium\"\n                  sx={{ bgcolor: \"#F68606\", \"&:hover\": { bgcolor: \"#3C65F6\" } , width : \"100%\" }}\n                  onClick={(e) => submit(e)}\n\n                >\n                  Find Jobs\n                </Button>\n                </div>\n\n              </Paper>\n            </div>\n          </>\n        )}\n\n        {window.innerWidth > 500 && (\n          <>\n            {\" \"}\n            <div \n            // className=\"block\"\n            // className=\"box\"\n              style={{\n                position: \"relative\",\n                padding: window.innerWidth <= 768 && \"0vw 2.5vw\",\n                borderRadius: '50px',\n              }}\n            >\n              <Paper\n                elevation={0}\n                component=\"form\" \n                sx={{\n                  p: \"14px 14px 14px 24px\",\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  borderRadius: \"50px\",\n                  boxShadow: combinedBoxShadow,\n                  mt: 4,\n                  zIndex: 1100,\n                }}\n              >\n                <SearchIcon sx={{ color: \"#ACB6C1\" }} />\n                <CustomInputBase\n                  sx={{ ml: 1, flex: 1, color: \"#444444\" }}\n                  placeholder=\"Job Title, Skills..\"\n                  inputProps={{ \"aria-label\": \"search google maps\" }}\n                  onBlur={(e) => {\n                    setTimeout(() => {\n                      setShowTitleSuggestions(false);\n                    }, [300]);\n                  }}\n                  value={\n                    jobtitle !== \"\" &&\n                    jobtitle !== undefined &&\n                    jobtitle !== null\n                      ? jobtitle.replace(/\"/g, \"\")\n                      : \"\"\n                  }\n                  onChange={(e) => {\n                    onTextChanged(e.target.value);\n                    getJobtitles(e.target.value);\n                    // sessionStorage.setItem(\n                    //   \"inputjobtitle_home\",\n                    //   e.target.value\n                    // );\n                    setCurrentIndex(-1);\n                    dispatch(\n                      setURLjobSearchUrlActions(\n                        \"\",\n                        e.target.value,\n                        redirectionSearchJobsUrl?.location,\n                        null\n                      )\n                    );\n                  }}\n                  onKeyDown={(e) => {\n                    if (titleSuggestions.length > 0) {\n                      if (e.key === \"ArrowUp\" && currentIndex > 0) {\n                        setCurrentIndex(currentIndex - 1);\n                        scrollToIndex(currentIndex - 1);\n                      } else if (\n                        e.key === \"ArrowDown\" &&\n                        currentIndex < titleSuggestions.length - 1\n                      ) {\n                        setCurrentIndex(currentIndex + 1);\n                        scrollToIndex(currentIndex + 1);\n                      } else if (e.key === \"Enter\" && currentIndex !== -1) {\n                        // Handle Enter key press (select suggestion)\n                        e.preventDefault();\n\n                        let entertitle =\n                          '\"' + titleSuggestions[currentIndex] + '\"';\n                        setJobtitle(entertitle);\n                        console.log(\"enter\", entertitle);\n                        setShowTitleSuggestions(false);\n                        // sessionStorage.setItem(\n                        //   \"inputjobtitle_home\",\n                        //   titleSuggestions[currentIndex]\n                        // );\n                        dispatch(\n                          setURLjobSearchUrlActions(\n                            \"\",\n                            titleSuggestions[currentIndex],\n                            redirectionSearchJobsUrl?.location,\n                            null\n                          )\n                        );\n                      }\n                    }\n                  }}\n                />\n                {showTitleSuggestions && titleSuggestions.length > 0 ? (\n                  <ul\n                    className=\"col-3 suggestionList \"\n                    ref={suggestionListRef}\n                    style={{\n                      maxHeight: \"150px\",\n                      overflowY: \"auto\",\n                      marginBottom: \"-150px\",\n                    }}\n                  >\n                    {titleSuggestions.map((suggestion, index) => (\n                      <li\n                        key={index}\n                        style={{\n                          backgroundColor:\n                            index === currentIndex ? \"#406882\" : \"\",\n                          color: index === currentIndex ? \"white\" : \"black\",\n                        }}\n                        onClick={() => {\n                          setJobtitle(suggestion);\n                          // sessionStorage.setItem(\n                          //   \"inputjobtitle_home\",\n                          //   suggestion\n                          // );\n                          dispatch(\n                            setURLjobSearchUrlActions(\n                              \"\",\n                              suggestion,\n                              redirectionSearchJobsUrl?.location,\n                              null\n                            )\n                          );\n                          setShowTitleSuggestions(false);\n                          setCurrentIndex(-1);\n                          scrollToIndex(-1);\n                        }}\n                      >\n                        {suggestion}\n                      </li>\n                    ))}\n                  </ul>\n                ) : (\n                  \"\"\n                )}\n\n                {/* <Divider sx={{ height: 28, m: 0.5 }} orientation=\"vertical\" /> */}\n                <Box sx={{ height: 22, m: 0.5, border: \"1px solid #B4C0E1\" }} />\n                <FmdGoodOutlined sx={{ color: \"#ACB6C1\" }} />\n                <CustomInputBase\n                  sx={{ ml: 1, flex: 1, color: \"#444444\" }}\n                  placeholder=\"Location\"\n                  value={cityName}\n                  inputProps={{ \"aria-label\": \"search google maps\" }}\n                  onChange={(e) => {\n                    onCityChanged(e.target.value);\n                    getCityNames(e.target.value);\n                    setActiveSuggestion(-1);\n                    // sessionStorage.setItem('cityname_home', e.target.value);\n                    dispatch(\n                      setURLjobSearchUrlActions(\n                        \"\",\n                        redirectionSearchJobsUrl?.searchText,\n                        e.target.value,\n                        null\n                      )\n                    );\n                  }}\n                  onKeyDown={(e) => {\n                    if (citySuggestions.length > 0) {\n                      if (\n                        e.key === \"ArrowDown\" &&\n                        activeSuggestion < citySuggestions.length - 1\n                      ) {\n                        setActiveSuggestion(activeSuggestion + 1);\n                        scrollToIndex(activeSuggestion + 1);\n                        e.preventDefault();\n                      } else if (e.key === \"ArrowUp\" && activeSuggestion > 0) {\n                        setActiveSuggestion(activeSuggestion - 1);\n                        scrollToIndex(activeSuggestion - 1);\n                        e.preventDefault();\n                      } else if (\n                        e.key === \"Enter\" &&\n                        activeSuggestion >= 0 &&\n                        activeSuggestion < citySuggestions.length\n                      ) {\n                        e.preventDefault();\n                        // Handle Enter key press to select a suggestion\n                        onCityChanged(citySuggestions[activeSuggestion]);\n                        setShowSuggestions(false);\n                        // sessionStorage.setItem('cityname_home', citySuggestions[activeSuggestion]);\n                        dispatch(\n                          setURLjobSearchUrlActions(\n                            \"\",\n                            redirectionSearchJobsUrl?.searchText,\n                            citySuggestions[activeSuggestion],\n                            null\n                          )\n                        );\n                      }\n                    }\n                  }}\n                  onBlur={(e) => {\n                    setTimeout(() => {\n                      setShowSuggestions(false);\n                    }, [300]);\n                  }}\n                />\n                {errorLocation === true ? (\n                  <em style={{ color: \"white\" }}>\n                    Please enter the correct location\n                  </em>\n                ) : (\n                  \"\"\n                )}\n                {showSuggestions && citySuggestions.length > 0 ? (\n                  <ul\n                    className=\"col-3 suggestionList \"\n                    style={{\n                      maxHeight: \"150px\",\n                      overflowY: \"auto\",\n                      marginBottom: \"-150px\",\n                      marginLeft: isDesktopSmall ? \"300px\" : \"460px\",\n                    }}\n                    //sx={{ mb: 0, flex: 1, color: \"#444444\" }}\n                    ref={suggestionListRef}\n                  >\n                    {citySuggestions.map((suggestion, index) => (\n                      <li\n                        key={index}\n                        style={{\n                          backgroundColor:\n                            index === activeSuggestion ? \"#406882\" : \"\",\n                          color: index === activeSuggestion ? \"white\" : \"black\",\n                        }}\n                        onClick={() => {\n                          setCityName(suggestion);\n                          setShowSuggestions(false);\n                          setActiveSuggestion(-1);\n                          scrollToIndex(-1);\n                          //   sessionStorage.setItem(\n                          //     \"cityname_home\",\n                          //     suggestion\n                          // );\n                          dispatch(\n                            setURLjobSearchUrlActions(\n                              \"\",\n                              redirectionSearchJobsUrl?.searchText,\n                              suggestion,\n                              null\n                            )\n                          );\n                        }}\n                      >\n                        {suggestion}\n                      </li>\n                    ))}\n                  </ul>\n                ) : (\n                  \"\"\n                )}\n\n                \n                <Button\n                  variant=\"contained\"\n                  size=\"large\"\n                  sx={{ bgcolor: \"#F68606\", borderRadius:'50px', padding:'12px 24px', \"&:hover\": { bgcolor: \"#3C65F6\" } }}\n                  onClick={(e) => submit(e)}\n                >\n                  Find Jobs\n                </Button>\n              \n              </Paper>\n            </div>\n          </>\n        )}\n        <Typography\n          paragraph\n          sx={{\n            mt: 6,\n            fontSize: \"14px\",\n            display: isMobile || isTablet ? \"none\" : \"block\",\n          }}\n        >\n          <span style={{ color: \"#4F5E64\", fontWeight: 600 }}>\n            Trending Keywords :{\" \"}\n          </span>\n          <Link to=\"/searchJobs_listview\" style={{ textDecoration: \"none\" }}>\n            <span\n              style={{ textDecoration: \"underline\", color: \"#4F5E64\" }}\n              onClick={() => {\n                dispatch(\n                  setURLjobSearchUrlActions(\n                    \"\",\n                    \"React Developer\",\n                    null,\n                    \"title\"\n                  )\n                );\n              }}\n            >\n              {\" \"}\n              React Developer\n            </span>\n          </Link>\n          ,&nbsp;\n          <Link to=\"/searchJobs_listview\" style={{ textDecoration: \"none\" }}>\n            <span\n              style={{ textDecoration: \"underline\", color: \"#4F5E64\" }}\n              onClick={() => {\n                dispatch(\n                  setURLjobSearchUrlActions(\n                    \"\",\n                    \"Node Js Developer\",\n                    null,\n                    \"title\"\n                  )\n                );\n              }}\n            >\n              {\" \"}\n              Node Js Developer\n            </span>\n          </Link>\n          ,&nbsp;\n          <Link to=\"/searchJobs_listview\" style={{ textDecoration: \"none\" }}>\n            <span\n              style={{ textDecoration: \"underline\", color: \"#4F5E64\" }}\n              onClick={() => {\n                dispatch(\n                  setURLjobSearchUrlActions(\"\", \"Java Developer\", null, \"title\")\n                );\n              }}\n            >\n              Java Developer\n            </span>\n          </Link>\n        </Typography>\n      </Grid>\n      <div\n        style={{\n          position: \"relative\",\n        }}\n      >\n        <img\n          src={DotsImg1}\n          style={{\n            position: \"absolute\",\n            top: -150,\n            left: 0,\n            height: 120,\n            display: isMobile || isTablet ? \"none\" : \"block\",\n          }}\n        />\n      </div>\n      <Grid\n        item\n        xs={3.5}\n        sx={{\n          height: 400,\n          zIndex: 4,\n          display: isMobile || isTablet ? \"none\" : \"block\",\n        }}\n      >\n        {/* <Animation /> */}\n\n        <div\n          style={\n            {\n              // zIndex:4\n            }\n          }\n        >\n          <img\n            src={HeroImage3}\n            alt=\"hero-image  jobseeker | JobsnProfiles\"\n            style={{\n              width: \"100%\",\n            }}\n          />\n        </div>\n      </Grid>\n    </Grid>\n  );\n};\n// function mapStateToProps(state, ownProps) {\n//     return {\n//       currentUser: state.UserReducer.user,\n//     };\n//   }\n\n//   const mapDispatchToProps = (dispatch) => {\n//     return {\n//       showLoader: () => dispatch(showLoader()),\n//       hideLoader: () => dispatch(hideLoader()),\n//     };\n//   };\n\n//   export default withRouter(\n//     connect(mapStateToProps, mapDispatchToProps)(HomeSearchjobs)\n//   );\nexport default HomeSearchjobs;\n\n\n\nconst stylesHomeSearch = {\n  // width: '220px',\n  // height: '50px',\n  border: 'none',\n  outline: 'none',\n  color: '#000',\n  background: '#fff',\n  cursor: 'pointer',\n  position: 'relative',\n  zIndex: 0,\n  borderRadius: '10px',\n  '::before': {\n    content: '\"\"',\n    background: 'linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000)',\n    position: 'absolute',\n    top: '-2px',\n    left: '-2px',\n    backgroundSize: '400%',\n    zIndex: -1,\n    filter: 'blur(5px)',\n    width: 'calc(100% + 4px)',\n    height: 'calc(100% + 4px)',\n    animation: 'glowing 20s linear infinite',\n    opacity: 1,\n    transition: 'opacity .3s ease-in-out',\n    borderRadius: '10px',\n  },\n  ':active': {\n    color: '#fff',\n  },\n  ':active::after': {\n    background: 'transparent',\n  },\n  ':hover::before': {\n    opacity: 1,\n  },\n  '::after': {\n    zIndex: -1,\n    content: '\"\"',\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n    background: '#fff',\n    left: 0,\n    top: 0,\n    borderRadius: '10px',\n  },\n  '@keyframes glowing': {\n    '0%': { backgroundPosition: '0 0' },\n    '50%': { backgroundPosition: '400% 0' },\n    '100%': { backgroundPosition: '0 0' },\n  },\n};\n"],"names":["createSvgIcon","_jsx","d","CustomInputBase","styled","InputBase","_ref","theme","color","alpha","palette","text","primary","HomeSearchjobs","history","useHistory","redirectionSearchJobsUrl","useSelector","state","jobSearchUrlReducer","dispatch","useDispatch","value","setValue","useState","jobtitle","setJobtitle","statename","setStateName","cityName","setCityName","jobtitles","setJobtitles","citySuggestions","setCitySuggestions","showSuggestions","setShowSuggestions","titleSuggestions","setTitleSuggestions","showTitleSuggestions","setShowTitleSuggestions","errorLocation","setErrorLocation","currentIndex","setCurrentIndex","activeSuggestion","setActiveSuggestion","suggestionListRef","useRef","useTheme","isMobile","useMediaQuery","breakpoints","down","isTablet","between","isDesktopSmall","up","useEffect","sessionStorage","setItem","removeItem","onTextChanged","getCityNames","axios","concat","Key","then","response","data","length","map","res","stateName","getJobtitles","title","submit","async","showLoader","e","preventDefault","localStorage","trim","locate","console","log","clearURLjobSearchUrlActions","push","onCityChanged","cityAndState","split","scrollToIndex","index","current","suggestionItemHeight","scrollTop","_jsxs","Grid","container","spacing","alignItems","sx","mt","xs","md","children","item","pl","zIndex","position","src","DotsImg2","style","top","right","display","Box","Typography","variant","fontWeight","mb","fontSize","textAlign","paragraph","lineHeight","width","padding","window","innerWidth","_Fragment","flexDirection","Paper","elevation","component","borderRadius","boxShadow","className","justifyContent","SearchIcon","ml","flex","placeholder","inputProps","onBlur","setTimeout","undefined","replace","onChange","target","setURLjobSearchUrlActions","location","onKeyDown","key","entertitle","ref","maxHeight","overflowY","marginBottom","suggestion","backgroundColor","onClick","border","margin","marginTop","FmdGoodOutlined","searchText","Button","size","bgcolor","p","height","m","marginLeft","Link","to","textDecoration","DotsImg1","left","HeroImage3","alt"],"sourceRoot":""}