{"version":3,"file":"static/js/5291.4fa3d914.chunk.js","mappings":"yQAqFA,QAzEA,WACE,MAAOA,EAAYC,IAAiBC,EAAAA,EAAAA,UAASC,EAAAA,EAAMC,WAAa,SAAW,WACrEC,GAAaC,EAAAA,EAAAA,KAAYC,GAASA,EAAMC,KAAKH,cAC5CI,EAAaC,IAAkBR,EAAAA,EAAAA,UAAS,KACzC,yBAAES,IAA6BL,EAAAA,EAAAA,KAAaC,GAAUA,EAAMK,SAASC,gBACrEC,GAAgBR,EAAAA,EAAAA,KAAaC,GAAUA,EAAMK,SAASE,gBACtDC,GAAWC,EAAAA,EAAAA,MACjBC,OAAOC,WAAa,WAClBH,GAASI,EAAAA,EAAAA,IAAsBC,EAAAA,GAAUC,OAC3C,GACAC,EAAAA,EAAAA,YAAU,KACmB,IAAvBC,SAASC,EAAAA,KAAmBnB,GAC9BU,GAASU,EAAAA,EAAAA,IAAe,CAAEC,WAAYvB,EAAAA,EAAMC,WAAauB,EAAAA,GAAeC,OAASD,EAAAA,GAAeE,UAClG,GACC,CAACxB,KAMJiB,EAAAA,EAAAA,YAAU,KAAO,IAADQ,EAAAC,EAAAC,EAAAC,GACbtB,IAA2C,QAAnBmB,EAAIb,OAAOiB,gBAAQ,IAAAJ,GAAS,QAATC,EAAfD,EAAiBK,eAAO,IAAAJ,OAAT,EAAfA,EAA0BhB,YAA2B,QAAnBiB,EAAIf,OAAOiB,gBAAQ,IAAAF,GAAS,QAATC,EAAfD,EAAiBG,eAAO,IAAAF,GAAxBA,EAA0BlB,SAAS,cAAiC,MAAlBD,EAAwB,QAAU,QAAO,GAC7J,CAACA,EAAeH,KAEnBW,EAAAA,EAAAA,YAAU,KAAO,IAADc,EAAAC,EAAAC,EAAAC,GACb5B,IAA2C,QAAnByB,EAAInB,OAAOiB,gBAAQ,IAAAE,GAAS,QAATC,EAAfD,EAAiBD,eAAO,IAAAE,OAAT,EAAfA,EAA0BtB,YAA2B,QAAnBuB,EAAIrB,OAAOiB,gBAAQ,IAAAI,GAAS,QAATC,EAAfD,EAAiBH,eAAO,IAAAI,GAAxBA,EAA0BxB,SAAS,cAAiC,MAAlBD,EAAwB,QAAU,QAAO,GAC7J,CAACA,EAAeH,KAEnBW,EAAAA,EAAAA,YAAU,KACRP,GAASyB,EAAAA,EAAAA,IAAWC,EAAAA,EAAUC,UAAW1C,IACzCiB,OAAO0B,iBAAiB,SAAUC,GAE3B,KACLzC,EAAAA,EAAM0C,cACN5B,OAAO6B,oBAAoB,SAAUF,EAAiB,IAEvD,CAACvC,IAEJ,MAAMuC,EAAmBA,KACvB3C,GAAc8C,IACZ,MAAMC,EAAM7C,EAAAA,EAAMC,WAAa,SAAW,UAK1C,OAJI2C,IAAWC,GACbjC,GAASyB,EAAAA,EAAAA,IAAWC,EAAAA,EAAUC,UAAW1C,IAGpCgD,CAAG,GACV,EAoBJ,OACEC,EAAAA,EAAAA,KAACC,EAAAA,SAAQ,CAACC,UAAUF,EAAAA,EAAAA,KAAA,UAAYG,SAlBhBC,MAChB,OAAQ9B,SAASC,EAAAA,KACf,KAAK,EACH,OAAOyB,EAAAA,EAAAA,KAACK,EAAAA,YAAW,IACrB,KAAK,EACH,OAAOL,EAAAA,EAAAA,KAACM,EAAAA,YAAW,IACrB,KAAK,EACH,OAAON,EAAAA,EAAAA,KAACO,EAAAA,YAAW,IACrB,KAAK,EACH,OAAOP,EAAAA,EAAAA,KAACQ,EAAAA,YAAW,IACrB,KAAK,EACH,OAAOR,EAAAA,EAAAA,KAACS,EAAAA,YAAW,IACrB,QACE,OAAOT,EAAAA,EAAAA,KAACU,EAAAA,YAAW,IACvB,EAKGN,IAGP,C","sources":["routes/Home.js"],"sourcesContent":["import React, { useState, useEffect, Suspense } from \"react\";\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport { getBanners } from '../actions/BannersAction';\r\nimport { template } from '../constants/Configs'\r\nimport { HomeLayout1, HomeLayout2, HomeLayout3, HomeLayout4, HomeLayout5, HomeLayout7 } from '../components/AsyncComponents'\r\nimport Utils from '../services/Utils';\r\nimport Constants from '../constants/Constants';\r\nimport DeviceTypeEnum from '../constants/DeviceTypeEnum'\r\nimport { getRecentGames } from \"../actions/games/GameAction\";\r\nimport { changePopupVisibility } from \"../actions/UserActions\";\r\nimport PopupEnum from \"../components/base/PopupEnum\";\r\n\r\nfunction Home() {\r\n  const [deviceType, setDeviceType] = useState(Utils.isTablet() ? 'Mobile' : 'Desktop');\r\n  const isLoggedIn = useSelector(state => state.user.isLoggedIn);\r\n  const [recentGames, setRecentGames] = useState([])\r\n  const { enableSiteStylesForSport } = useSelector((state) => state.settings.sportSettings);\r\n  const uiSettingMode = useSelector((state) => state.settings.uiSettingMode);\r\n  const dispatch = useDispatch();\r\n  window.SportLogin = function () {\r\n    dispatch(changePopupVisibility(PopupEnum.Login));\r\n  }\r\n  useEffect(() => {\r\n    if (parseInt(template) === 7 && isLoggedIn) {\r\n      dispatch(getRecentGames({ DeviceType: Utils.isTablet() ? DeviceTypeEnum.Mobile : DeviceTypeEnum.Desktop }))\r\n    }\r\n  }, [isLoggedIn])\r\n\r\n  // useEffect(() => {\r\n  //   window.sportApp?.Betslip?.dispatch && window.sportApp?.Betslip?.dispatch('changeTheme', uiSettingMode === '2' ? 'light': 'dark')\r\n  // }, [uiSettingMode])\r\n\r\n  useEffect(() => {\r\n    !enableSiteStylesForSport && window.sportApp?.Betslip?.dispatch && window.sportApp?.Betslip?.dispatch('changeTheme', uiSettingMode === '2' ? 'light' : 'dark')\r\n  }, [uiSettingMode, enableSiteStylesForSport])\r\n\r\n  useEffect(() => {\r\n    !enableSiteStylesForSport && window.sportApp?.Betslip?.dispatch && window.sportApp?.Betslip?.dispatch('changeTheme', uiSettingMode === '2' ? 'light' : 'dark')\r\n  }, [uiSettingMode, enableSiteStylesForSport])\r\n\r\n  useEffect(() => {\r\n    dispatch(getBanners(Constants.HOME_PAGE, deviceType));\r\n    window.addEventListener(\"resize\", updateDimensions);\r\n\r\n    return () => {\r\n      Utils.scrollToTop();\r\n      window.removeEventListener(\"resize\", updateDimensions);\r\n    }\r\n  }, [isLoggedIn])\r\n\r\n  const updateDimensions = () => {\r\n    setDeviceType(oldVal => {\r\n      const val = Utils.isTablet() ? 'Mobile' : 'Desktop';\r\n      if (oldVal !== val) {\r\n        dispatch(getBanners(Constants.HOME_PAGE, deviceType));\r\n\r\n      }\r\n      return val;\r\n    });\r\n  }\r\n\r\n  const getLayout = () => {\r\n    switch (parseInt(template)) {\r\n      case 1:\r\n        return <HomeLayout1 />\r\n      case 2:\r\n        return <HomeLayout2 />\r\n      case 3:\r\n        return <HomeLayout3 />\r\n      case 4:\r\n        return <HomeLayout4 />\r\n      case 5:\r\n        return <HomeLayout5 />\r\n      default:\r\n        return <HomeLayout7 />\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Suspense fallback={<div></div>}>\r\n      {getLayout()}\r\n    </Suspense>\r\n  );\r\n}\r\n\r\nexport default Home;\r\n"],"names":["deviceType","setDeviceType","useState","Utils","isTablet","isLoggedIn","useSelector","state","user","recentGames","setRecentGames","enableSiteStylesForSport","settings","sportSettings","uiSettingMode","dispatch","useDispatch","window","SportLogin","changePopupVisibility","PopupEnum","Login","useEffect","parseInt","template","getRecentGames","DeviceType","DeviceTypeEnum","Mobile","Desktop","_window$sportApp","_window$sportApp$Bets","_window$sportApp2","_window$sportApp2$Bet","sportApp","Betslip","_window$sportApp3","_window$sportApp3$Bet","_window$sportApp4","_window$sportApp4$Bet","getBanners","Constants","HOME_PAGE","addEventListener","updateDimensions","scrollToTop","removeEventListener","oldVal","val","_jsx","Suspense","fallback","children","getLayout","HomeLayout1","HomeLayout2","HomeLayout3","HomeLayout4","HomeLayout5","HomeLayout7"],"sourceRoot":""}