{"version":3,"sources":["gameDemo/gameDemo.jsx"],"names":["connect","state","getGame","dispatch","loadDemoGames","callback","_ref","useEffect","demoBgGames","demoBgGamesLoading","_jsxs","_Fragment","children","_jsx","Helmet","name","content","className","id","Array","keys","map","_","index","Skeleton","height","width","style","position","top","left","gameData","_gameData$socialLeade","href","externalDemoURL","target","rel","src","process","socialLeaderBoardImage","medium","alt","fontSize","letterSpacing","subtitle"],"mappings":"+GAAA,0DAmEeA,uBAHUC,IAAK,CAC5BC,QAASA,YAAQD,OAJSE,IAAQ,CAClCC,cAAgBC,GAAaF,EAASC,YAAcC,OAKvCL,EA7DEM,IAAiC,IAAhC,QAAEJ,EAAO,cAAEE,GAAeE,EAC1CC,qBAAU,KACRH,GAAe,GACd,IACH,MAAM,YAAEI,EAAW,mBAAEC,GAAuBP,EAC5C,OACEQ,eAAAC,WAAA,CAAAC,SAAA,CACEC,cAACC,IAAM,CAAAF,SACLC,cAAA,QAAME,KAAK,SAASC,QAAQ,uBAE9BH,cAAA,OAAKI,UAAU,sBAAqBL,SAClCC,cAAA,OAAKI,UAAU,oBAAmBL,SAChCF,eAAA,OAAKO,UAAU,sBAAqBL,SAAA,CAClCC,cAAA,OAAKI,UAAU,kBAAiBL,SAAC,wBACjCC,cAAA,OAAKK,GAAG,YAAYD,UAAU,gDAA+CL,SAC1EH,EACG,IAAIU,MAAM,GAAGC,QAAQC,KAAI,CAACC,EAAGC,IAC3BV,cAAA,OAAKI,UAAU,6DAA4DL,SACzEC,cAAA,OAAKI,UAAU,iBAAgBL,SAC7BC,cAACW,IAAQ,CAACC,OAAO,OAAOC,MAAO,OAAQC,MAAO,CAAEC,SAAU,WAAYC,IAAK,EAAGC,KAAM,QAFPP,KAMxE,OAAXf,QAAW,IAAXA,OAAW,EAAXA,EAAaa,KAAI,CAACU,EAAUR,KAAK,IAAAS,EAAA,OAC/BnB,cAAA,OAAKI,UAAU,6DAA4DL,SACzEC,cAAA,OAAKI,UAAU,iBAAgBL,SAC7BF,eAAA,KACEuB,KAAc,OAARF,QAAQ,IAARA,OAAQ,EAARA,EAAUG,gBAChBC,OAAO,SACPC,IAAI,aACJnB,UAAU,oCAAmCL,SAAA,CAE7CC,cAAA,OACEwB,IAAKC,0CAAuC,OAARP,QAAQ,IAARA,GAAgC,QAAxBC,EAARD,EAAUQ,8BAAsB,IAAAP,OAAxB,EAARA,EAAkCQ,QACtEC,IAAI,GACJxB,UAAU,UAEZJ,cAAA,OACEI,UAAU,wCACVU,MAAO,CAAEe,SAAU,KAAMC,cAAe,GAAI/B,SAEnC,OAARmB,QAAQ,IAARA,OAAQ,EAARA,EAAUa,iBAjB8DrB,EAqB3E,eAMnB,G","file":"static/js/53.650cff70.chunk.js","sourcesContent":["import React, { useEffect } from \"react\";\nimport Skeleton from \"react-loading-skeleton\";\nimport { connect } from \"react-redux\";\nimport { getGame, loadDemoGames } from \"store/game\";\nimport { Helmet } from \"react-helmet-async\";\n\nconst GameDemo = ({ getGame, loadDemoGames }) => {\n  useEffect(() => {\n    loadDemoGames();\n  }, []);\n  const { demoBgGames, demoBgGamesLoading } = getGame;\n  return (\n    <>\n      <Helmet>\n        <meta name=\"robots\" content=\"noindex,nofollow\" />\n      </Helmet>\n      <div className=\"demo-game-container\">\n        <div className=\"demo-game-wrapper\">\n          <div className=\"demo-game-selection\">\n            <div className=\"demo-game-title\">SELECT A GAME</div>\n            <div id=\"demo-game\" className=\"demo-game-layout demo-game-grid-layout d-grid\">\n              {demoBgGamesLoading\n                ? [...Array(9).keys()].map((_, index) => (\n                    <div className=\"d-flex flex-column justify-content-start align-items-start\" key={index}>\n                      <div className=\"demo-game-card\">\n                        <Skeleton height=\"100%\" width={\"100%\"} style={{ position: \"absolute\", top: 0, left: 0 }} />\n                      </div>\n                    </div>\n                  ))\n                : demoBgGames?.map((gameData, index) => (\n                    <div className=\"d-flex flex-column justify-content-start align-items-start\" key={index}>\n                      <div className=\"demo-game-card\">\n                        <a\n                          href={gameData?.externalDemoURL}\n                          target=\"_blank\"\n                          rel=\"noreferrer\"\n                          className=\"d-inline-block mw-100 br-17 h-100\"\n                        >\n                          <img\n                            src={process.env.REACT_APP_CDNURL + gameData?.socialLeaderBoardImage?.medium}\n                            alt=\"\"\n                            className=\"br-17\"\n                          />\n                          <div\n                            className=\"text-white text-center text-uppercase\"\n                            style={{ fontSize: 13.5, letterSpacing: 1 }}\n                          >\n                            {gameData?.subtitle}\n                          </div>\n                        </a>\n                      </div>\n                    </div>\n                  ))}\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nconst mapDispatchToProps = (dispatch) => ({\n  loadDemoGames: (callback) => dispatch(loadDemoGames(callback)),\n});\nconst mapStateToProps = (state) => ({\n  getGame: getGame(state),\n});\nexport default connect(mapStateToProps, mapDispatchToProps)(GameDemo);\n"],"sourceRoot":""}