{"version":3,"file":"static/js/3103.1516cbe1.chunk.js","mappings":"4IACA,MAqBA,EArBiBA,IACb,MAAM,KAAEC,EAAI,UAAEC,GAAcF,EAC5B,OAAOG,EAAAA,EAAAA,KAAA,OAAKD,UAAe,GAAAE,OAAMF,EAAVD,EAAmB,gEAA8E,mEAAkEI,UACtLF,EAAAA,EAAAA,KAAA,OAAKD,UAAU,mBAAkBG,UAC7BC,EAAAA,EAAAA,MAAA,OAAKJ,UAAWD,EAAO,2BAA6B,2BAA2BI,SAAA,EAC3EF,EAAAA,EAAAA,KAAA,WACAA,EAAAA,EAAAA,KAAA,WACAA,EAAAA,EAAAA,KAAA,WACAA,EAAAA,EAAAA,KAAA,WACAA,EAAAA,EAAAA,KAAA,WACAA,EAAAA,EAAAA,KAAA,WACAA,EAAAA,EAAAA,KAAA,WACAA,EAAAA,EAAAA,KAAA,WACAA,EAAAA,EAAAA,KAAA,WACAA,EAAAA,EAAAA,KAAA,WACAA,EAAAA,EAAAA,KAAA,WACAA,EAAAA,EAAAA,KAAA,gBAGL,C,mDCpBPI,EAAIC,E,iCACR,SAASC,IAAiS,OAApRA,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,EAAcP,OAAOS,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,GAAU,CAAE,OAAOL,CAAQ,EAAUJ,EAASa,MAAMC,KAAMR,UAAY,CAElV,SAASS,EAASC,EAAMC,GACtB,IAAI,MACFC,EAAK,QACLC,KACG5B,GACDyB,EACJ,OAAoB,gBAAoB,MAAOhB,EAAS,CACtDoB,MAAO,GACPC,OAAQ,GACRC,QAAS,YACTC,MAAO,6BACPC,IAAKP,EACL,kBAAmBE,GAClB5B,GAAQ2B,EAAqB,gBAAoB,QAAS,CAC3DO,GAAIN,GACHD,GAAS,KAAMpB,IAAOA,EAAkB,gBAAoB,IAAK,CAClE2B,GAAI,QACJC,SAAU,qBACI,gBAAoB,OAAQ,CAC1CD,GAAI,SACJE,EAAG,mwBACC5B,IAAUA,EAAqB,gBAAoB,OAAQ,KAAmB,gBAAoB,WAAY,CAClH0B,GAAI,eACU,gBAAoB,OAAQ,CAC1CL,MAAO,GACPC,OAAQ,QAEZ,CACA,MAAMO,EAA0B,aAAiBb,GAClC,I,2DCvBf,MAgEA,EAhEyBc,KACrB,MAAMC,GAAqBC,EAAAA,EAAAA,KAAYC,GAASA,EAAMC,SAASH,qBACzDI,GAAwBH,EAAAA,EAAAA,KAAYC,IAAK,IAAAG,EAAAC,EAAA,OAAyB,QAAzBD,EAAIH,EAAMK,KAAKC,kBAAU,IAAAH,GAAQ,QAARC,EAArBD,EAAuBI,cAAM,IAAAH,OAAR,EAArBA,EAA+BF,qBAAqB,KAEhGM,EAASC,KADKV,EAAAA,EAAAA,KAAYC,GAASA,EAAMU,gBAClBC,EAAAA,EAAAA,WAAS,KAChCC,EAAWC,IAAsBF,EAAAA,EAAAA,WAAS,GAC3CG,GAAWC,EAAAA,EAAAA,MAkBjB,MAAqC,kBAAvBjB,GAAmCc,GAAa,IAAII,KAAKd,GAAuBe,UAAY,IAAID,KAAKlB,GAAoBmB,WAAanB,EAChJoB,EAAAA,cACIxD,EAAAA,EAAAA,KAAA,OAAKD,UAAU,iBAAgBG,UAC3BF,EAAAA,EAAAA,KAAA,OAAKD,UAAU,iBAAgBG,UAC3BF,EAAAA,EAAAA,KAAA,OAAKD,UAAU,yBAAwBG,UACnCC,EAAAA,EAAAA,MAAA,OAAKJ,UAAU,0EAAyEG,SAAA,EACpFF,EAAAA,EAAAA,KAAA,OAAKD,UAAU,uEAAsEG,UACjFF,EAAAA,EAAAA,KAAA,QAAMD,UAAU,6EAA4EG,SAAEuD,EAAAA,EAAgBC,eAAe,+BAEjI1D,EAAAA,EAAAA,KAAA,OAAKD,UAAU,qDAAoDG,UAC/DC,EAAAA,EAAAA,MAAA,QAAMwD,OAAO,GAAGC,OAAO,GAAG7D,UAAU,qDAAoDG,SAAA,EACpFC,EAAAA,EAAAA,MAAA,OAAKJ,UAAU,mCAAkCG,SAAA,EAC7CF,EAAAA,EAAAA,KAAA,OAAKD,UAAU,kBAAiBG,UAC5BF,EAAAA,EAAAA,KAAC6D,EAAY,OAEjB7D,EAAAA,EAAAA,KAAA,MAAID,UAAU,4BAA2BG,SAAEuD,EAAAA,EAAgBC,eAAe,8BAC1E1D,EAAAA,EAAAA,KAAA,OAAKD,UAAU,6BAA6B+D,wBAAyB,CAAEC,OAAQN,EAAAA,EAAgBC,eAAe,kCAElHvD,EAAAA,EAAAA,MAAA,OAAKJ,UAAU,sBAAqBG,SAAA,EAChCF,EAAAA,EAAAA,KAAA,SAAOD,UAAS,kFACZiE,KAAK,SACLC,QArCxC,WACIb,GAASc,EAAAA,EAAAA,OACTd,GAASe,EAAAA,EAAAA,QACTC,EAAAA,EAAAA,KAAW,GAAM,EACrB,EAkCwCC,MAAOZ,EAAAA,EAAgBC,eAAe,mBACzCZ,GAAU9C,EAAAA,EAAAA,KAACsE,EAAAA,EAAO,CAACxE,MAAM,EAAMC,UAAS,+FACnCC,EAAAA,EAAAA,KAAA,SAAOD,UAAS,gFACdiE,KAAK,SACLC,QApC5C,WACIlB,GAAW,GACXK,GAASmB,EAAAA,EAAAA,OAAkBC,MAAKC,IACxBA,GACAtB,GAAmB,GAEvBJ,GAAW,EAAM,GAEzB,EA6B4CsB,MAAOZ,EAAAA,EAAgBC,eAAe,mCAS1EgB,SAASC,eAAe,gBACxB3E,EAAAA,EAAAA,KAAA4E,EAAAA,SAAA,GAAK,C","sources":["components/elements/Loading.js","assets/img/general/terms.svg","components/myProfile/responsibleGaming/CyprosTermsModal.js"],"sourcesContent":["import React from 'react'\r\nconst Loading = (props) => {\r\n    const { main, className } = props;\r\n    return <div className={main ? `${className} tb--btn-ternary tb--flex tb--justify-center tb--align-center` : `${className} tb--btn-secondary tb--flex tb--justify-center tb--align-center`} >\r\n        <div className=\"lds-css ng-scope\">\r\n            <div className={main ? 'lds-spinner white-loader' : 'lds-spinner brand-loader'}>\r\n                <div></div>\r\n                <div></div>\r\n                <div></div>\r\n                <div></div>\r\n                <div></div>\r\n                <div></div>\r\n                <div></div>\r\n                <div></div>\r\n                <div></div>\r\n                <div></div>\r\n                <div></div>\r\n                <div></div>\r\n            </div>\r\n        </div>\r\n    </div >\r\n}\r\nexport default Loading;","var _g, _defs;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgTerms(_ref, svgRef) {\n  let {\n    title,\n    titleId,\n    ...props\n  } = _ref;\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 21,\n    height: 26,\n    viewBox: \"0 0 21 26\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    id: \"icon \",\n    clipPath: \"url(#clip0_1_570)\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    id: \"Vector\",\n    d: \"M18.963 25.9997H2.37067C1.06167 25.9997 0 24.8914 0 23.5232V4.95186C0 3.58442 1.06089 2.47536 2.37067 2.47536H4.74133V3.71361C4.74133 5.08105 5.80222 6.19011 7.112 6.19011H14.2232C15.5322 6.19011 16.5939 5.08186 16.5939 3.71361V2.47536H18.9646C20.2736 2.47536 21.3352 3.58361 21.3352 4.95186V23.5232C21.3352 24.8906 20.2743 25.9997 18.9646 25.9997H18.963ZM3.55522 18.8805V20.7379H13.0363V18.8805H3.55522ZM3.55522 14.5475V16.4049H17.7777V14.5475H3.55522ZM3.55522 10.2136V12.071H17.7777V10.2136H3.55522ZM13.0371 3.7128H8.29656C7.64167 3.7128 7.11122 3.15867 7.11122 2.47455V1.2363C7.11122 0.552172 7.64167 -0.00195312 8.29656 -0.00195312H13.0371C13.692 -0.00195312 14.2224 0.552172 14.2224 1.2363V2.47455V2.47617C14.2224 3.1603 13.692 3.71442 13.0371 3.71442V3.7128Z\"\n  }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n    id: \"clip0_1_570\"\n  }, /*#__PURE__*/React.createElement(\"rect\", {\n    width: 21,\n    height: 26\n  })))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgTerms);\nexport default __webpack_public_path__ + \"static/media/terms.4bb08839629af4c9e00de26ef859b8b4.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState } from 'react';\r\nimport Loading from \"../../elements/Loading\";\r\nimport { LanguageService } from '../../../services/LanguageService'\r\nimport { ReactComponent as TermsuserSVG } from '../../../assets/img/general/terms.svg';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { legalAgreement } from '../../../actions/account/AccountAction';\r\nimport { endSession, logout, playerDataReset } from '../../../actions/UserActions';\r\nimport ReactDOM from 'react-dom'\r\n\r\nconst CyprosTermsModal = () => {\r\n    const agreementStartDate = useSelector(state => state.settings.agreementStartDate)\r\n    const acceptedAgreementDate = useSelector(state => state.user.playerData?.player?.acceptedAgreementDate)\r\n    const translations = useSelector(state => state.translations);\r\n    const [loading, setLoading] = useState(false);\r\n    const [openPopup, setPopupVisibility] = useState(true);\r\n    const dispatch = useDispatch();\r\n\r\n    function cancelHandler() {\r\n        dispatch(logout());\r\n        dispatch(playerDataReset());\r\n        endSession(true, true);\r\n    }\r\n\r\n    function submitHandler() {\r\n        setLoading(true)\r\n        dispatch(legalAgreement()).then(result => {\r\n            if (result) {\r\n                setPopupVisibility(false);\r\n            }\r\n            setLoading(false);\r\n        });\r\n    }\r\n\r\n    return typeof agreementStartDate === 'string' && openPopup && new Date(acceptedAgreementDate).getTime() < new Date(agreementStartDate).getTime() && agreementStartDate ?\r\n        ReactDOM.createPortal(\r\n            <div className='tb--modal-lvl1'>\r\n                <div className='tb--modal-lvl2'>\r\n                    <div className='tb--modal-lvl3 tb--rel'>\r\n                        <div className=\"tb--modal-popup tb-terms-modal tb-password-modal tb--flex tb--flex-col \">\r\n                            <div className=\"tb--modal-header tb--flex tb--align-center tb--justify-end tb--pr-12\">\r\n                                <span className=\"tb--modal-header-txt tb--text_upercase tb--f-14 tb--flex-grow tb--ellipsis\">{LanguageService.getTranslation('termsAndConditionsText')}</span>\r\n                            </div>\r\n                            <div className=\"tb--modal-body tb--flex tb--flex-col tb--flex-grow\">\r\n                                <form action=\"\" method=\"\" className=\"tb--body-panel tb--flex tb--flex-col tb--flex-grow\">\r\n                                    <div className=\"tb--modal-body-top tb--flex-grow\">\r\n                                        <div className=\"tb--modal-image\">\r\n                                            <TermsuserSVG />\r\n                                        </div>\r\n                                        <h4 className=\"tb--modal__text tb--mb-32\">{LanguageService.getTranslation('termsAndConditionsText1')}</h4>\r\n                                        <div className=\"tb--modal__terms tb--mb-32\" dangerouslySetInnerHTML={{ __html: LanguageService.getTranslation('termsAndConditionsText2') }}></div>\r\n                                    </div>\r\n                                    <div className='tb--flex tb--gap-16'>\r\n                                        <input className={`tb--btn tb--btn-text tb--btn-secondary tb--text_upercase tb--w_50  round-border`}\r\n                                            type=\"button\"\r\n                                            onClick={cancelHandler}\r\n                                            value={LanguageService.getTranslation('declineButton')} />\r\n                                        {loading ? <Loading main={true} className={`tb--input-loader tb--btn tb--btn-text tb--text_upercase tb--shadow tb--w_50  round-border`} />\r\n                                            : <input className={`tb--btn tb--btn-text tb--btn-ternary tb--text_upercase tb--w_50  round-border`}\r\n                                                type=\"button\"\r\n                                                onClick={submitHandler}\r\n                                                value={LanguageService.getTranslation('acceptButton')} />}\r\n\r\n                                    </div>\r\n                                </form>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>,\r\n            document.getElementById('modal-root')\r\n        ) : <></>\r\n}\r\n\r\nexport default CyprosTermsModal;"],"names":["props","main","className","_jsx","concat","children","_jsxs","_g","_defs","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","SvgTerms","_ref","svgRef","title","titleId","width","height","viewBox","xmlns","ref","id","clipPath","d","ForwardRef","CyprosTermsModal","agreementStartDate","useSelector","state","settings","acceptedAgreementDate","_state$user$playerDat","_state$user$playerDat2","user","playerData","player","loading","setLoading","translations","useState","openPopup","setPopupVisibility","dispatch","useDispatch","Date","getTime","ReactDOM","LanguageService","getTranslation","action","method","TermsuserSVG","dangerouslySetInnerHTML","__html","type","onClick","logout","playerDataReset","endSession","value","Loading","legalAgreement","then","result","document","getElementById","_Fragment"],"sourceRoot":""}