{"ast":null,"code":"import React,{useEffect,useState}from\"react\";import{connect}from\"react-redux\";import nextIcon from\"../../assets/next icon.svg\";import backIcon from\"../../assets/previous icon.svg\";import skipIntro from\"../../assets/skip intro.svg\";import\"./styles.css\";import\"../../design/layout.css\";import{overView,setIntroSteps,setLogin,setStep}from\"../../reduxStore/actions/action\";import QuestionAnswersModal from\"./questionAnswersModal\";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";function Intro(_ref){let{assets,setIntroSteps,introSteps,setLogin,setStep,overView,cards,gameAssets,utilAssets}=_ref;console.log(\"assests11\",utilAssets===null||utilAssets===void 0?void 0:utilAssets.nextIcon);const[isOpenModal,setIsOpenModal]=useState(false);const[choiceIndex,setChoiceIndex]=useState(null);const MagnusIntro1=()=>{return/*#__PURE__*/_jsx(\"div\",{className:\"intro-parent r-c-sa\",style:{},children:/*#__PURE__*/_jsxs(\"div\",{className:\"intro-img-div\",style:{},children:[/*#__PURE__*/_jsx(\"img\",{className:\"\",src:assets[introSteps],alt:\"Intro Image\",style:{objectFit:\"contain\",width:\"100%\",height:\"100%\"}}),introSteps==12&&/*#__PURE__*/_jsx(\"div\",{className:\"r-c-c-c parent-cards\",children:cards.map((card,index)=>/*#__PURE__*/_jsx(\"div\",{className:\"card-\".concat(index+1,\" cursor-pointer\"),onClick:()=>{setChoiceIndex(index);setIsOpenModal(true);},children:/*#__PURE__*/_jsx(\"img\",{className:\"full-img\",src:card})},index))})]})});};console.log(\"checkimg\",introSteps,assets[introSteps]);return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(MagnusIntro1,{}),introSteps==16?null:/*#__PURE__*/_jsxs(\"div\",{className:\"parent-btn-img-1\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"parent-btns-1\",children:[/*#__PURE__*/_jsx(\"img\",{className:\"full-img-1 cursor-pointer\",style:{cursor:introSteps>0?'pointer':'not-allowed'},onClick:()=>{if(introSteps>0)setIntroSteps(introSteps-1);},src:utilAssets===null||utilAssets===void 0?void 0:utilAssets.prevIcon}),/*#__PURE__*/_jsx(\"img\",{className:\"full-img-1 cursor-pointer \".concat(introSteps<assets.length-1&&introSteps!==13?'glow-blink':''),onClick:()=>{if(introSteps<assets.length-1&&introSteps!==15){console.log('check10');setIntroSteps(introSteps+1);}else if(introSteps===15){console.log('check14');overView(e=>{if(e===-2||e===-3){setStep(-1);}else{setStep(e);}},()=>{setStep(-1);});}},src:utilAssets===null||utilAssets===void 0?void 0:utilAssets.nextIcon})]}),/*#__PURE__*/_jsx(\"div\",{className:\"parent-skip-1 cursor-pointer\",onClick:()=>overView(e=>{if(e===-2||e===-3){setStep(-1);}else{setStep(e);}},()=>{}),children:/*#__PURE__*/_jsx(\"img\",{className:\"full-img-2\",src:utilAssets===null||utilAssets===void 0?void 0:utilAssets.skipImg})})]}),isOpenModal&&/*#__PURE__*/_jsx(QuestionAnswersModal,{isOpenModal:isOpenModal,setIsOpenModal:setIsOpenModal,choiceIndex:choiceIndex,gameAssets:gameAssets})]});}const mapStateToProps=state=>{const{assets,introSteps,cards,gameAssets,utilAssets}=state.SeTu;return{assets,introSteps,cards,gameAssets,utilAssets};};const mapDispatchToProps=dispatch=>({setIntroSteps:val=>dispatch(setIntroSteps(val)),setLogin:val=>dispatch(setLogin(val)),setStep:val=>dispatch(setStep(val)),overView:(successCallBack,callBack)=>dispatch(overView(successCallBack,callBack))});export default connect(mapStateToProps,mapDispatchToProps)(Intro);","map":{"version":3,"names":["React","useEffect","useState","connect","nextIcon","backIcon","skipIntro","overView","setIntroSteps","setLogin","setStep","QuestionAnswersModal","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Intro","_ref","assets","introSteps","cards","gameAssets","utilAssets","console","log","isOpenModal","setIsOpenModal","choiceIndex","setChoiceIndex","MagnusIntro1","className","style","children","src","alt","objectFit","width","height","map","card","index","concat","onClick","cursor","prevIcon","length","e","skipImg","mapStateToProps","state","SeTu","mapDispatchToProps","dispatch","val","successCallBack","callBack"],"sources":["/opt/bitnami/apache/htdocs/setu_beta_game/src/pages/intro/index.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport nextIcon from \"../../assets/next icon.svg\";\r\nimport backIcon from \"../../assets/previous icon.svg\";\r\nimport skipIntro from \"../../assets/skip intro.svg\";\r\nimport \"./styles.css\";\r\nimport \"../../design/layout.css\";\r\n\r\n\r\n\r\nimport { overView, setIntroSteps, setLogin, setStep } from \"../../reduxStore/actions/action\";\r\nimport QuestionAnswersModal from \"./questionAnswersModal\";\r\n\r\nfunction Intro({ assets, setIntroSteps, introSteps, setLogin, setStep, overView, cards, gameAssets, utilAssets }) {\r\n  console.log(\"assests11\", utilAssets?.nextIcon);\r\n  const [isOpenModal, setIsOpenModal] = useState(false)\r\n  const [choiceIndex, setChoiceIndex] = useState(null);\r\n\r\n  const MagnusIntro1 = () => {\r\n    return (\r\n      <div className=\"intro-parent r-c-sa\" style={{}}>\r\n        <div className=\"intro-img-div\" style={{}}>\r\n          <img\r\n            className=\"\"\r\n            src={assets[introSteps]}\r\n            alt=\"Intro Image\"\r\n            style={{ objectFit: \"contain\", width: \"100%\", height: \"100%\" }}\r\n          />\r\n          {introSteps == 12 &&\r\n            <div className=\"r-c-c-c parent-cards\">\r\n              {cards.map((card, index) => (\r\n                <div\r\n                  key={index}\r\n                  className={`card-${index + 1} cursor-pointer`}\r\n                  onClick={() => {\r\n                    setChoiceIndex(index);\r\n                    setIsOpenModal(true);\r\n                  }}\r\n\r\n                >\r\n                  <img className='full-img' src={card} />\r\n                </div>\r\n              ))}\r\n            </div>\r\n          }\r\n\r\n        </div>\r\n\r\n      </div>\r\n    );\r\n  };\r\n\r\n\r\n\r\n\r\n  console.log(\"checkimg\", introSteps, assets[introSteps])\r\n  return (\r\n    <>\r\n      <MagnusIntro1 />\r\n\r\n      {introSteps == 16 ? null :\r\n        <div className=\"parent-btn-img-1\">\r\n          <div className=\"parent-btns-1\">\r\n            <img\r\n              className={`full-img-1 cursor-pointer`}\r\n              style={{ cursor: introSteps > 0 ? 'pointer' : 'not-allowed' }}\r\n              onClick={() => {\r\n                if (introSteps > 0) setIntroSteps(introSteps - 1);\r\n              }}\r\n              src={utilAssets?.prevIcon}\r\n            />\r\n            <img\r\n              className={`full-img-1 cursor-pointer ${introSteps < assets.length - 1 && introSteps !== 13 ? 'glow-blink' : ''}`}\r\n              onClick={() => {\r\n                if (introSteps < assets.length - 1 && introSteps !== 15) {\r\n                  console.log('check10');\r\n                  setIntroSteps(introSteps + 1);\r\n                } else if (introSteps === 15) {\r\n                  console.log('check14');\r\n                  overView(\r\n                    (e) => {\r\n                      if (e === -2 || e === -3) {\r\n                        setStep(-1);\r\n                      } else {\r\n                        setStep(e);\r\n                      }\r\n                    },\r\n                    () => {\r\n                      setStep(-1);\r\n                    }\r\n                  );\r\n                }\r\n              }}\r\n              src={utilAssets?.nextIcon}\r\n            />\r\n          </div>\r\n          <div\r\n            className=\"parent-skip-1 cursor-pointer\"\r\n            onClick={() => overView((e) => {\r\n              if (e === -2 || e === -3) {\r\n                setStep(-1);\r\n              } else {\r\n                setStep(e);\r\n              }\r\n            }, () => { })}\r\n          >\r\n            <img className=\"full-img-2\" src={utilAssets?.skipImg} />\r\n          </div>\r\n        </div>\r\n\r\n      }\r\n      {isOpenModal &&\r\n        <QuestionAnswersModal\r\n          isOpenModal={isOpenModal}\r\n          setIsOpenModal={setIsOpenModal}\r\n          choiceIndex={choiceIndex}\r\n          gameAssets={gameAssets}\r\n        />}\r\n    </>\r\n  );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n  const { assets, introSteps, cards, gameAssets, utilAssets } = state.SeTu;\r\n  return { assets, introSteps, cards, gameAssets, utilAssets };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n  setIntroSteps: (val) => dispatch(setIntroSteps(val)),\r\n  setLogin: (val) => dispatch(setLogin(val)),\r\n  setStep: (val) => dispatch(setStep(val)),\r\n  overView: (successCallBack, callBack) => dispatch(overView(successCallBack, callBack)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Intro);\r\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}