{"ast":null,"code":"import{Form,Input,Button}from'antd';import'./styles.css';import React,{memo,useEffect,useState}from'react';import setuLogo from'../../assets/setuLogo.png';import{setIsOtpSent,resendOtp}from'../../reduxStore/actions/action';import{connect}from'react-redux';import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";function Otp(_ref){let{title,handleVerifyOtp,setIsOtpSent,resendOtp,isOtpSent}=_ref;const[isResendBlocked,setIsResendBlocked]=useState(false);useEffect(()=>{let timer;if((isOtpSent===null||isOtpSent===void 0?void 0:isOtpSent.timer)>0){timer=setInterval(()=>{setIsOtpSent({\"otpSent\":true,\"timer\":isOtpSent.timer-1});},1000);}else{setIsResendBlocked(false);}return()=>clearInterval(timer);},[isOtpSent===null||isOtpSent===void 0?void 0:isOtpSent.timer]);const handleResend=()=>{// Implement resend logic here\nresendOtp(()=>{});};const handleOtpSubmit=value=>{handleVerifyOtp(value===null||value===void 0?void 0:value.otp);};return/*#__PURE__*/_jsx(\"div\",{className:\"component-wrapper\",children:/*#__PURE__*/_jsxs(\"div\",{className:\"form-container\",children:[/*#__PURE__*/_jsx(\"img\",{src:setuLogo,className:\"logo-img\"}),/*#__PURE__*/_jsx(\"span\",{className:\"form-heading\",children:title}),/*#__PURE__*/_jsx(\"p\",{className:\"form-text\",children:\"Your one time password has been sent.\"}),/*#__PURE__*/_jsxs(\"div\",{className:\"form-wrapper\",children:[/*#__PURE__*/_jsxs(Form,{layout:\"vertical\",className:\"setu-form\",autoComplete:\"off\",onFinish:handleOtpSubmit,children:[/*#__PURE__*/_jsx(Form.Item,{className:\"form-item\",name:\"otp\",rules:[{required:true,message:'Please enter OTP!'}],children:/*#__PURE__*/_jsx(Input,{className:\"form-input\",placeholder:\"Enter OTP\"})}),/*#__PURE__*/_jsx(Form.Item,{children:/*#__PURE__*/_jsx(Button,{className:\"form-submit-btn\",htmlType:\"submit\",children:\"Verify\"})})]}),/*#__PURE__*/_jsx(\"div\",{className:\"form-link\",children:(isOtpSent===null||isOtpSent===void 0?void 0:isOtpSent.timer)>0?/*#__PURE__*/_jsxs(\"p\",{children:[\"Did not get OTP? \",/*#__PURE__*/_jsx(\"a\",{style:{cursor:\"not-allowed\"},disabled:isResendBlocked,children:\"Resend\"}),\":\",isOtpSent===null||isOtpSent===void 0?void 0:isOtpSent.timer,\"s\"]}):/*#__PURE__*/_jsxs(\"p\",{children:[\"Did not get OTP? \",/*#__PURE__*/_jsx(\"a\",{onClick:handleResend,disabled:isResendBlocked,children:\"Resend\"})]})})]})]})});}const mapStateToProps=state=>{const{isOtpSent}=state.SeTu;return{isOtpSent};};const mapDispatchToProps=dispatch=>({setIsOtpSent:val=>dispatch(setIsOtpSent(val)),resendOtp:successCallback=>dispatch(resendOtp(successCallback))});export default connect(mapStateToProps,mapDispatchToProps)(Otp);","map":{"version":3,"names":["Form","Input","Button","React","memo","useEffect","useState","setuLogo","setIsOtpSent","resendOtp","connect","jsx","_jsx","jsxs","_jsxs","Otp","_ref","title","handleVerifyOtp","isOtpSent","isResendBlocked","setIsResendBlocked","timer","setInterval","clearInterval","handleResend","handleOtpSubmit","value","otp","className","children","src","layout","autoComplete","onFinish","Item","name","rules","required","message","placeholder","htmlType","style","cursor","disabled","onClick","mapStateToProps","state","SeTu","mapDispatchToProps","dispatch","val","successCallback"],"sources":["/opt/bitnami/apache/htdocs/setu_beta_game/src/pages/auth/otp.js"],"sourcesContent":["import {Form, Input,Button} from 'antd'\r\nimport './styles.css'\r\nimport React ,{memo,useEffect,useState} from 'react';\r\nimport setuLogo from '../../assets/setuLogo.png';\r\nimport { setIsOtpSent,resendOtp } from '../../reduxStore/actions/action';\r\nimport { connect } from 'react-redux';\r\n\r\nfunction Otp({ title,handleVerifyOtp, setIsOtpSent,resendOtp,isOtpSent }) {\r\n\r\n    const [isResendBlocked, setIsResendBlocked] = useState(false);\r\n  \r\n    useEffect(() => {\r\n      let timer;\r\n      if (isOtpSent?.timer > 0) {\r\n        timer = setInterval(() => {\r\n          setIsOtpSent({\"otpSent\":true,\"timer\":(isOtpSent.timer-1)})\r\n        }, 1000);\r\n      } else {\r\n        setIsResendBlocked(false);\r\n      }\r\n  \r\n      return () => clearInterval(timer);\r\n    }, [isOtpSent?.timer]);\r\n  \r\n    const handleResend = () => {\r\n      // Implement resend logic here\r\n      resendOtp(()=>{\r\n\r\n      })\r\n   \r\n\r\n    };\r\n\r\n    const handleOtpSubmit=(value)=>{\r\n\r\n        handleVerifyOtp(value?.otp);\r\n    }\r\n  \r\n    return (\r\n      <div className='component-wrapper'>\r\n        <div className='form-container'>\r\n          <img src={setuLogo} className='logo-img' />\r\n          <span className='form-heading'>{title}</span>\r\n          <p className='form-text'>Your one time password has been sent.</p>\r\n          <div className='form-wrapper'>\r\n            <Form layout=\"vertical\" className='setu-form' autoComplete='off' onFinish={handleOtpSubmit}>\r\n              <Form.Item\r\n                className='form-item'\r\n                name=\"otp\"\r\n                \r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: 'Please enter OTP!',\r\n                  },\r\n                ]}\r\n              >\r\n                <Input className='form-input' placeholder='Enter OTP' />\r\n              </Form.Item>\r\n              <Form.Item>\r\n                <Button className='form-submit-btn' htmlType='submit'>\r\n                  Verify\r\n                </Button>\r\n              </Form.Item>\r\n            </Form>\r\n            <div className='form-link'>\r\n              {isOtpSent?.timer > 0 ? (\r\n                <p>Did not get OTP? <a style={{cursor: \"not-allowed\"}} disabled={isResendBlocked}>Resend</a>:{isOtpSent?.timer}s</p>\r\n              ) : (\r\n                <p>Did not get OTP? <a onClick={handleResend} disabled={isResendBlocked}>Resend</a></p>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n  \r\n  const mapStateToProps = state => {\r\n    const {\r\n  isOtpSent\r\n  }  = state.SeTu;\r\n  \r\n  return { isOtpSent}\r\n  }\r\n  \r\n  \r\n  const mapDispatchToProps = dispatch =>  ({\r\n\r\n    setIsOtpSent:(val)=>dispatch(setIsOtpSent(val)),\r\n    resendOtp:(successCallback)=>dispatch(resendOtp(successCallback))\r\n   \r\n  })\r\n  \r\n  export default connect( mapStateToProps,mapDispatchToProps)(Otp)\r\n\r\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}