{"ast":null,"code":"import React,{useEffect,useState}from'react';import chroBg from'../../assets/chro-bg.png';import{Button}from'antd';import{connect}from'react-redux';import{setIntroSteps,setStep}from'../../reduxStore/actions/action';import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";function ChroPage(_ref){let{setStep,chroAssets,isGamePaused,setIntroSteps}=_ref;const[iframeSrc,setIframeSrc]=useState('');const[iframeTitle,setIframeTitle]=useState('Content');const[iframeAllow,setIframeAllow]=useState('');let url=chroAssets===null||chroAssets===void 0?void 0:chroAssets.chro;useEffect(()=>{setIntroSteps(0);},[]);useEffect(()=>{if(!url)return;if(url.endsWith('.pdf')){// PDF content\nsetIframeSrc(\"https://docs.google.com/viewer?url=\".concat(url,\"&embedded=true\"));setIframeTitle('PDF Document');setIframeAllow('');}else if(url.includes('youtube.com')||url.includes('youtu.be')){// YouTube video\nconst videoId=url.includes('youtube.com')?new URL(url).searchParams.get('v'):url.split('/').pop();setIframeSrc(\"https://www.youtube.com/embed/\".concat(videoId));setIframeTitle('YouTube Video');setIframeAllow('accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture');}else if(url.match(/\\.(jpeg|jpg|gif|png)$/)!=null){// Image content\nsetIframeSrc(url);setIframeTitle('Image');setIframeAllow('');}else{// Other content\nsetIframeSrc(url);setIframeTitle('Content');setIframeAllow('');}},[url]);const audio=document.getElementById(\"audio-tag\");if(audio){var _audio$pause;audio===null||audio===void 0?void 0:(_audio$pause=audio.pause())===null||_audio$pause===void 0?void 0:_audio$pause.catch(error=>{console.error(\"Error pausing audio:\",error);});}return/*#__PURE__*/_jsxs(\"div\",{className:\"r-c-c-c m-t-10\",style:{width:'100%',height:'100%',position:'relative'},children:[/*#__PURE__*/_jsxs(\"div\",{className:\"\",style:{maxWidth:'55%',position:'relative'},children:[/*#__PURE__*/_jsx(\"img\",{className:\"full-img\",src:chroBg,alt:\"Background\"}),/*#__PURE__*/_jsx(\"iframe\",{className:\"r-c-c\",title:iframeTitle,src:iframeSrc,style:{position:'absolute',top:iframeTitle==\"Image\"?\"12%\":'7%',left:iframeTitle==\"Image\"?\"11%\":'7%',width:iframeTitle==\"Image\"?\"100%\":'85%',height:iframeTitle==\"Image\"?\"80%\":'85%',border:'none',padding:\"10px\",overflow:\"auto\"},allow:iframeAllow,allowFullScreen:true,pause:isGamePaused})]}),/*#__PURE__*/_jsx(\"div\",{className:\"r-c-c done-btn-learning\",children:/*#__PURE__*/_jsx(Button,{onClick:()=>{setStep(-2);const audio=document.getElementById(\"audio-tag\");if(audio){var _audio$play;audio===null||audio===void 0?void 0:(_audio$play=audio.play())===null||_audio$play===void 0?void 0:_audio$play.catch(error=>{console.error(\"Error playing audio:\",error);});}},children:\"Next\"})})]});}const mapStateToProps=state=>{const{step,chroAssets,isGamePaused}=state===null||state===void 0?void 0:state.SeTu;return{step,chroAssets,isGamePaused};};const mapDispatchToProps=dispatch=>({setStep:val=>dispatch(setStep(val)),setIntroSteps:val=>dispatch(setIntroSteps(val))});export default connect(mapStateToProps,mapDispatchToProps)(ChroPage);","map":{"version":3,"names":["React","useEffect","useState","chroBg","Button","connect","setIntroSteps","setStep","jsx","_jsx","jsxs","_jsxs","ChroPage","_ref","chroAssets","isGamePaused","iframeSrc","setIframeSrc","iframeTitle","setIframeTitle","iframeAllow","setIframeAllow","url","chro","endsWith","concat","includes","videoId","URL","searchParams","get","split","pop","match","audio","document","getElementById","_audio$pause","pause","catch","error","console","className","style","width","height","position","children","maxWidth","src","alt","title","top","left","border","padding","overflow","allow","allowFullScreen","onClick","_audio$play","play","mapStateToProps","state","step","SeTu","mapDispatchToProps","dispatch","val"],"sources":["/opt/bitnami/apache/htdocs/setu_beta_game/src/pages/dashboard/chro.js"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport chroBg from '../../assets/chro-bg.png';\r\nimport { Button } from 'antd';\r\n\r\nimport { connect } from 'react-redux';\r\nimport { setIntroSteps, setStep } from '../../reduxStore/actions/action';\r\n\r\nfunction ChroPage({ setStep, chroAssets, isGamePaused, setIntroSteps }) {\r\n    const [iframeSrc, setIframeSrc] = useState('');\r\n    const [iframeTitle, setIframeTitle] = useState('Content');\r\n    const [iframeAllow, setIframeAllow] = useState('');\r\n    let url = chroAssets?.chro;\r\n    useEffect(() => {\r\n        setIntroSteps(0)\r\n    }, [])\r\n    useEffect(() => {\r\n        if (!url) return;\r\n\r\n        if (url.endsWith('.pdf')) {\r\n            // PDF content\r\n            setIframeSrc(`https://docs.google.com/viewer?url=${url}&embedded=true`);\r\n            setIframeTitle('PDF Document');\r\n            setIframeAllow('');\r\n        } else if (url.includes('youtube.com') || url.includes('youtu.be')) {\r\n            // YouTube video\r\n            const videoId = url.includes('youtube.com')\r\n                ? new URL(url).searchParams.get('v')\r\n                : url.split('/').pop();\r\n            setIframeSrc(`https://www.youtube.com/embed/${videoId}`);\r\n            setIframeTitle('YouTube Video');\r\n            setIframeAllow('accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture');\r\n        } else if (url.match(/\\.(jpeg|jpg|gif|png)$/) != null) {\r\n            // Image content\r\n            setIframeSrc(url);\r\n            setIframeTitle('Image');\r\n            setIframeAllow('');\r\n        } else {\r\n            // Other content\r\n            setIframeSrc(url);\r\n            setIframeTitle('Content');\r\n            setIframeAllow('');\r\n        }\r\n    }, [url]);\r\n\r\n    const audio = document.getElementById(\"audio-tag\");\r\n    if (audio) {\r\n        audio?.pause()?.catch(error => {\r\n            console.error(\"Error pausing audio:\", error);\r\n        });\r\n    }\r\n    return (\r\n        <div className='r-c-c-c m-t-10' style={{ width: '100%', height: '100%', position: 'relative' }}>\r\n            <div className='' style={{ maxWidth: '55%', position: 'relative' }}>\r\n                <img className='full-img' src={chroBg} alt=\"Background\" />\r\n\r\n                <iframe\r\n                    className='r-c-c'\r\n                    title={iframeTitle}\r\n                    src={iframeSrc}\r\n                    style={{\r\n                        position: 'absolute',\r\n                        top: iframeTitle == \"Image\" ? \"12%\" : '7%',\r\n                        left: iframeTitle == \"Image\" ? \"11%\" : '7%',\r\n                        width: iframeTitle == \"Image\" ? \"100%\" : '85%',\r\n                        height: iframeTitle == \"Image\" ? \"80%\" : '85%',\r\n                        border: 'none',\r\n                        padding: \"10px\",\r\n                        overflow: \"auto\"\r\n\r\n                    }}\r\n                    allow={iframeAllow}\r\n                    allowFullScreen\r\n                    pause={isGamePaused}\r\n                ></iframe>\r\n            </div>\r\n            <div className='r-c-c done-btn-learning'>\r\n                <Button onClick={() => {\r\n                    setStep(-2);\r\n\r\n                    const audio = document.getElementById(\"audio-tag\");\r\n                    if (audio) {\r\n\r\n                        audio?.play()?.catch(error => {\r\n                            console.error(\"Error playing audio:\", error);\r\n                        });\r\n\r\n\r\n                    }\r\n                }} >Next</Button>\r\n            </div>\r\n            {/* <div className='r-c-c p-10' style={{ fontSize: 14, color: \"#44301E\", position: \"absolute\", bottom: 5, fontWeight: 600 }} >Powered by The Gamification Company</div> */}\r\n        </div >\r\n    );\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n    const { step, chroAssets, isGamePaused } = state?.SeTu;\r\n    return { step, chroAssets, isGamePaused }\r\n}\r\n\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n    setStep: (val) => dispatch(setStep(val)),\r\n    setIntroSteps: (val) => dispatch(setIntroSteps(val)),\r\n})\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ChroPage);\r\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}