\r\n\t\t\t\t onOK()}>\r\n\t\t\t\t\t\t{okLabel}\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\r\n\t\t\t
\r\n\r\n\t\t);\r\n\t}\r\n}\r\n\r\n\r\nexport default NoActivityModal;","import { Button, Checkbox, Form, Input, Select, Icon, DatePicker } from \"antd\";\r\nimport moment from \"moment\";\r\nimport React from \"react\";\r\nimport { ConsoleView } from \"react-device-detect\";\r\nimport ReCAPTCHA from \"react-google-recaptcha\";\r\nimport { connect } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { reCaptchaApiKey } from \"../../ApiKeys.js\";\r\nimport { Alert, PhoneNumber } from \"../../components\";\r\nimport Cookies from \"../../helpers/cookies.js\";\r\nimport {\r\n sendRegisterData,\r\n sendValidatePhone,\r\n} from \"../../redux/actions/registerActions\";\r\nimport {AppConfig} from \"../../helpers\";\r\nconst InputGroup = Input.Group;\r\nconst { Option } = Select;\r\nconst enabledStyle = {\r\n backgroundColor: \"#2C8AF7\",\r\n};\r\nconst disabledStyle = {\r\n backgroundColor: \"gray\",\r\n};\r\nclass Step1 extends React.Component {\r\n state = {\r\n captcha: \"\",\r\n passwordNumbers: false,\r\n passwordLowerCase: false,\r\n passwordUpperCase: false,\r\n passwordLength: false,\r\n passwordSpecialChar: true,\r\n };\r\n async componentDidMount() {\r\n this.props.form.validateFields();\r\n Cookies.remove(\"memberId\");\r\n }\r\n\r\n hasErrors = (fieldsError) => {\r\n //\tlet values = this.props.form.getFieldsValue(['captcha', 'year', 'month', 'day', 'prefix', 'phoneNum', 'password', 'termsAndConditions'])\r\n let values = this.props.form.getFieldsValue([\r\n \"birthDate\",\r\n \"prefix\",\r\n \"phoneNum\",\r\n \"password\",\r\n \"confirm\",\r\n \"termsAndConditions\",\r\n ]);\r\n return (\r\n Object.keys(fieldsError).some((field) => fieldsError[field]) ||\r\n Object.values(values).filter(\r\n (field) =>\r\n field === undefined ||\r\n field === false ||\r\n field === null ||\r\n field === \"\"\r\n ).length > 0\r\n );\r\n };\r\n\r\n // send first phone for confirmation\r\n handleValidatePhone = (e) => {\r\n e.preventDefault();\r\n let values = this.props.form.getFieldsValue([\r\n \"birthDate\",\r\n \"prefix\",\r\n \"phoneNum\",\r\n \"password\",\r\n \"termsAndConditions\",\r\n ]);\r\n if (!Object.values(values).every((item) => item === undefined)) {\r\n let formData = {\r\n phone: \"231\" + values.prefix + values.phoneNum,\r\n birthDate: values.birthDate,\r\n password: values.password,\r\n termsAndConditions: values.termsAndConditions,\r\n captcha: this.state.captcha,\r\n };\r\n\r\n this.props.sendRegisterData(formData);\r\n\r\n //if (this.state.captcha) {\r\n let data = {\r\n phoneNumber: \"231\" + values.prefix + values.phoneNum,\r\n recaptchaResponse: this.state.captcha,\r\n reSendSms: false,\r\n };\r\n this.props.sendValidatePhone(data);\r\n //}\r\n }\r\n };\r\n\r\n validatePassword = (rule, value, callback) => {\r\n const form = this.props.form;\r\n let regexValidation = /^(?=.*[0-9])(?=.*[~_-|\\^{}])(?=.*[A-Z])(?=.*[a-z])[a-zA-Z0-9~_-|\\^{}]{8,}$/;\r\n let password = form.getFieldValue(\"password\");\r\n let confirm = form.getFieldValue(\"confirm\");\r\n if (password && confirm && password === confirm) {\r\n if (regexValidation.test(password) && regexValidation.test(confirm)) {\r\n form.setFields({\r\n password: {\r\n value: password,\r\n errors: undefined,\r\n },\r\n confirm: {\r\n value: confirm,\r\n errors: undefined,\r\n },\r\n });\r\n callback();\r\n }\r\n } else if (password && !confirm) {\r\n callback();\r\n } else if (password != \"\" && confirm != \"\" && password !== confirm) {\r\n callback(\"passwords dont match\");\r\n }\r\n if (password) {\r\n this.passwordLengthValidator();\r\n this.passwordNumbersValidator();\r\n this.passwordUppercaseValidator();\r\n this.passwordLowercaseValidator();\r\n this.passwordSpecialCharValidator();\r\n }\r\n };\r\n validateNewPassword = (rule, value, callback) => {\r\n const form = this.props.form;\r\n let regexValidation = /^(?=.*[0-9])(?=.*[~_-|\\^{}])(?=.*[A-Z])(?=.*[a-z])[a-zA-Z0-9~_-|\\^{}]{8,}$/;\r\n let password = form.getFieldValue(\"password\");\r\n let confirm = form.getFieldValue(\"confirm\");\r\n if (password && confirm && password === confirm) {\r\n if (regexValidation.test(password) && regexValidation.test(confirm)) {\r\n form.setFields({\r\n password: {\r\n value: password,\r\n errors: undefined,\r\n },\r\n confirm: {\r\n value: confirm,\r\n errors: undefined,\r\n },\r\n });\r\n callback();\r\n }\r\n }\r\n if (password) {\r\n this.passwordLengthValidator();\r\n this.passwordNumbersValidator();\r\n this.passwordUppercaseValidator();\r\n this.passwordLowercaseValidator();\r\n this.passwordSpecialCharValidator();\r\n }\r\n };\r\n\r\n validateCheckedTerms = (rule, value, callback) => {\r\n if (value === true) {\r\n return callback();\r\n } else {\r\n return callback(rule.message);\r\n }\r\n };\r\n\r\n //Validate User Above 18\r\n validatorIsAbove18 = (rule, value, callback) => {\r\n const form = this.props.form;\r\n // let day = form.getFieldValue(\"day\");\r\n // let month = form.getFieldValue(\"month\");\r\n // let year = form.getFieldValue(\"year\");\r\n let birthDate = form.getFieldValue(\"birthDate\");\r\n // //\r\n // let birthate = moment(\r\n // `${year} ${parseInt(month) + 1} ${day}`,\r\n // \"YYYY MM DD\"\r\n // );\r\n // console.log(\"birthate\" , birthate);\r\n // //\r\n if (birthDate._isAMomentObject) {\r\n if (birthDate.isValid()) {\r\n let today = moment();\r\n if (\r\n today.diff(birthDate, \"years\", true) >= 18 &&\r\n today.diff(birthDate) > 0\r\n ) {\r\n form.setFields({\r\n birthDate: {\r\n value: birthDate,\r\n errors: undefined,\r\n },\r\n // month: {\r\n // value: month,\r\n // errors: undefined,\r\n // },\r\n // year: {\r\n // value: year,\r\n // errors: undefined,\r\n // },\r\n });\r\n callback();\r\n } else {\r\n let error = [new Error(\"You Must Be Above 18\")];\r\n form.setFields({\r\n birthDate: {\r\n touched: true,\r\n value: birthDate,\r\n errors: error,\r\n },\r\n // month: {\r\n // touched: true,\r\n // value: month,\r\n // errors: error,\r\n // },\r\n // year: {\r\n // touched: true,\r\n // value: year,\r\n // errors: error,\r\n // },\r\n });\r\n\r\n callback(\"You Must Be Above 18\");\r\n }\r\n } else {\r\n callback(\"Invalid Date, please fill correct date values\");\r\n }\r\n } else {\r\n callback(\"Please enter birth date\");\r\n }\r\n };\r\n\r\n onChangeCaptcha = (value) => {\r\n this.setState({ captcha: value });\r\n };\r\n\r\n passwordLengthValidator = () => {\r\n const form = this.props.form;\r\n let password = form.getFieldValue(\"password\");\r\n //if (password && password != '' && password != undefined) {\r\n this.setState({ passwordLength: password.length >= 8 });\r\n //}\r\n };\r\n passwordNumbersValidator = () => {\r\n const form = this.props.form;\r\n let password = form.getFieldValue(\"password\");\r\n let regexValidation = /\\d/;\r\n this.setState({ passwordNumbers: regexValidation.test(password) });\r\n };\r\n passwordUppercaseValidator = () => {\r\n const form = this.props.form;\r\n let password = form.getFieldValue(\"password\");\r\n let regexValidation = /[A-Z]/;\r\n this.setState({ passwordUpperCase: regexValidation.test(password) });\r\n };\r\n passwordLowercaseValidator = () => {\r\n const form = this.props.form;\r\n let password = form.getFieldValue(\"password\");\r\n let regexValidation = /[a-z]/;\r\n this.setState({ passwordLowerCase: regexValidation.test(password) });\r\n };\r\n passwordSpecialCharValidator = () => {\r\n const form = this.props.form;\r\n let password = form.getFieldValue(\"password\");\r\n // let regexValidation = /[#[\\]!$&()*+,;='<>\"`%+]/;\r\n let regexValidation = /^(?=.*[0-9])(?=.*[~_-|\\^{}])(?=.*[A-Z])(?=.*[a-z])[a-zA-Z0-9~_-|\\^{}]{8,}$/;\r\n\r\n this.setState({ passwordSpecialChar: regexValidation.test(password) });\r\n };\r\n\r\n render() {\r\n const { loading, message } = this.props;\r\n const {\r\n getFieldDecorator,\r\n getFieldsError,\r\n getFieldError,\r\n isFieldTouched,\r\n } = this.props.form;\r\n const formItemLayout = null;\r\n\r\n const dayDateError = isFieldTouched(\"day\") && getFieldError(\"day\");\r\n const monthDateError = isFieldTouched(\"month\") && getFieldError(\"month\");\r\n const yearDateError = isFieldTouched(\"year\") && getFieldError(\"year\");\r\n const passwordError =\r\n (isFieldTouched(\"password\") && getFieldError(\"password\")) ||\r\n (isFieldTouched(\"confirm\") && getFieldError(\"confirm\"));\r\n const termsError =\r\n isFieldTouched(\"termsAndConditions\") &&\r\n getFieldError(\"termsAndConditions\");\r\n const captchaError = isFieldTouched(\"captcha\") && getFieldError(\"captcha\");\r\n const prefixError = isFieldTouched(\"prefix\") && getFieldError(\"prefix\");\r\n const phoneError = isFieldTouched(\"phoneNum\") && getFieldError(\"phoneNum\");\r\n const disableCondition =\r\n this.hasErrors(getFieldsError()) ||\r\n !this.state.passwordLength ||\r\n !this.state.passwordNumbers ||\r\n !this.state.passwordLowerCase ||\r\n !this.state.passwordUpperCase ||\r\n !this.state.passwordSpecialChar ||\r\n this.props.form.getFieldValue(\"password\") !=\r\n this.props.form.getFieldValue(\"confirm\");\r\n return (\r\n {text} {this.state.time}
\r\n\t\t\t\t{onOK &&\r\n\t\t\t\t\t\r\n {/*
\r\n );\r\n }\r\n}\r\n\r\nconst MapStateToProps = (state, props) => {\r\n return {\r\n message: state.register.message,\r\n loading: state.register.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n sendValidatePhone: (data) => dispatch(sendValidatePhone(data)),\r\n sendRegisterData: (data) => dispatch(sendRegisterData(data)),\r\n});\r\n\r\nconst WrappedStep1 = Form.create({ name: \"Step1\" })(Step1);\r\nexport default connect(\r\n MapStateToProps,\r\n mapDispatchToProps\r\n)(WrappedStep1);\r\n","import { Button, Form, Input } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Alert } from \"../../components\";\r\nimport { Cookies } from \"../../helpers\";\r\nimport {\r\n registerMember,\r\n sendAddValidatePhone,\r\n sendRegisterData,\r\n sendValidatePhone,\r\n addMemberPhone,\r\n} from \"../../redux/actions/registerActions\";\r\nimport { skip } from \"../../redux/actions/membersActions\";\r\n\r\nclass Step2 extends React.Component {\r\n state = {\r\n OTP: {\r\n 1: null,\r\n 2: null,\r\n 3: null,\r\n 4: null,\r\n 5: null,\r\n 6: null,\r\n },\r\n };\r\n async componentDidMount() {\r\n this.props.form.validateFields();\r\n }\r\n\r\n hasErrors = (fieldsError) => {\r\n return Object.keys(fieldsError).some((field) => fieldsError[field]);\r\n };\r\n // validate confirmation code\r\n validateCode = (rule, value, callback) => {\r\n if (\r\n this.props.form.getFieldValue(\"code\") &&\r\n this.props.form.getFieldValue(\"code\").length === 6\r\n ) {\r\n return callback();\r\n } else {\r\n return callback(rule.message);\r\n }\r\n };\r\n // resend sms\r\n handleResendSMS = () => {\r\n this.props.form.resetFields();\r\n // if member is registered than we dont send the captcha\r\n if (Cookies.get(\"memberId\")) {\r\n let data = {\r\n name: this.props.formData.secondPhone,\r\n };\r\n this.props.sendAddValidatePhone(data);\r\n } else {\r\n let data = {\r\n phoneNumber: this.props.formData.phone,\r\n recaptchaResponse: this.props.formData.captcha,\r\n reSendSms: true,\r\n };\r\n this.props.sendValidatePhone(data, true);\r\n }\r\n };\r\n\r\n // register new member\r\n handleOnSubmit = () => {\r\n // if member exist we send the token and the member id\r\n this.props.sendRegisterData({\r\n ...this.props.formData,\r\n smsCode: Object.values(this.state.OTP).join(\"\").toString().replace(/\\,/g, \"\"),\r\n });\r\n if (Cookies.get(\"memberId\")) {\r\n this.props.addMemberPhone();\r\n } else {\r\n // register member\r\n this.props.registerMember();\r\n }\r\n };\r\n\r\n skip = () => {\r\n this.props.skip();\r\n };\r\n handleOTPChange = (e, id) => {\r\n const inputElement = document.getElementById(id);\r\n this.setState(\r\n (this.state.OTP = {\r\n ...this.state.OTP,\r\n [id.split(\"-\")[1]]: e.target.value,\r\n })\r\n );\r\n if (e.target.value != \"\" && inputElement.nextSibling) {\r\n inputElement.nextSibling.focus();\r\n }\r\n if (e.target.value == \"\" && inputElement.previousSibling) {\r\n inputElement.previousSibling.focus();\r\n }\r\n if (!inputElement.nextSibling) {\r\n // console.log(\r\n // \"Object.values(this.state.OTP)\",\r\n // Object.values(this.state.OTP).join(\"\").replaceAll(\",\", \"\")\r\n // );\r\n }\r\n };\r\n maxLengthCheck = (object) => {\r\n if (object.target.value.length > object.target.maxLength) {\r\n object.target.value = object.target.value.slice(\r\n 0,\r\n object.target.maxLength\r\n );\r\n }\r\n };\r\n onInputFocus = (e) => {\r\n e.target.select();\r\n };\r\n\r\n render() {\r\n const formItemLayout = null;\r\n const { message, resendSmsMessage, current } = this.props;\r\n const { getFieldDecorator, getFieldsError, getFieldError, isFieldTouched } =\r\n this.props.form;\r\n const codeError = isFieldTouched(\"code\") && getFieldError(\"code\");\r\n return (\r\n \r\n
*/}\r\n \r\n
\r\n \r\n Thanks for your interest in Winners! Once you fill in the\r\n registration form below, you will receive the registration code\r\n via SMS.\r\n
\r\n Register Account
\r\n {AppConfig.ShowSignInAndRegistersBtn ? (\r\n \r\n
\r\n ) : (\r\n \"Access is not allowed from your destination\"\r\n )}\r\n \r\n this.handleValidatePhone(e)}\r\n >\r\n \r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tgetFieldDecorator('captcha', {\r\n\t\t\t\t\t\t\t\t\t\trules: [{ required: true, message: 'You must validate captcha' }]\r\n\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t\t\t(< ReCAPTCHA\r\n\t\t\t\t\t\t\t\t\t\t\tref={(r) => this.captcha = r}\r\n\t\t\t\t\t\t\t\t\t\t\tsitekey={reCaptchaApiKey}\r\n\t\t\t\t\t\t\t\t\t\t\tonChange={this.onChangeCaptcha}\r\n\t\t\t\t\t\t\t\t\t\t\tonExpired={() => { this.captcha.reset() }} />)\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t */}\r\n
\r\n \r\n
\r\n \r\n \r\n {getFieldDecorator(\"phonenumber\", {\r\n rules: [{ required: true }],\r\n })(\r\n {getFieldDecorator(\"birthDate\", {\r\n rules: [\r\n {\r\n required: true,\r\n // message: \"Please fill your birth date\",\r\n validator: this.validatorIsAbove18,\r\n },\r\n ],\r\n })(\r\n
\r\n \r\n \r\n {getFieldDecorator(\"password\", {\r\n rules: [\r\n {\r\n required: true,\r\n },\r\n {\r\n validator: this.validateNewPassword,\r\n },\r\n ],\r\n })()}\r\n \r\n \r\n {getFieldDecorator(\"confirm\", {\r\n rules: [\r\n {\r\n required: true,\r\n message: \"Please confirm your password!\",\r\n },\r\n {\r\n validator: this.validatePassword,\r\n },\r\n ],\r\n })()}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n {/* \r\n Your password must contain\r\n
\r\n \r\n \r\n {getFieldDecorator(\"termsAndConditions\", {\r\n rules: [\r\n {\r\n required: true,\r\n message: \"you must accept the terms!\",\r\n },\r\n {\r\n validator: this.validateCheckedTerms,\r\n message: \"you must accept the terms!\",\r\n },\r\n ],\r\n })(\r\n \r\n By checking this message, I hereby confirm that I agree\r\n with the{\" \"}\r\n \r\n Terms and Conditions\r\n \r\n , that I am 18 years old or over and that all\r\n information given is true.\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n Next\r\n \r\n
\r\n {message && \r\n {/*
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst MapStateToProps = (state, props) => {\r\n return {\r\n message: state.register.message,\r\n loading: state.register.loading,\r\n current: state.register.current,\r\n formData: state.register.formData,\r\n resendSmsMessage: state.register.resendSmsMessage,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n sendValidatePhone: (data, resend) =>\r\n dispatch(sendValidatePhone(data, resend)),\r\n registerMember: () => dispatch(registerMember()),\r\n sendAddValidatePhone: (data) => dispatch(sendAddValidatePhone(data)),\r\n addMemberPhone: (data) => dispatch(addMemberPhone(data)),\r\n sendRegisterData: (data) => dispatch(sendRegisterData(data)),\r\n skip: () => dispatch(skip()),\r\n});\r\nconst WrappedStep2 = Form.create({ name: \"Step2\" })(Step2);\r\nexport default connect(MapStateToProps, mapDispatchToProps)(WrappedStep2);\r\n","import { Button, Form, Input } from 'antd';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { skip } from '../../redux/actions/membersActions';\r\nimport { sendRegisterData, sendAddValidatePhone } from '../../redux/actions/registerActions';\r\nimport { Step2 } from './';\r\nimport { Alert, PhoneNumber } from '../../components';\r\n\r\nconst Step3 = (props) => {\r\n\tconst skip = () => {\r\n\t\tprops.skip();\r\n\t}\r\n\r\n\t// send second phone for confirmation\r\n\tconst handleAddPhone = (e) => {\r\n\t\te.preventDefault();\r\n\t\tlet secondPhone = '231' + props.form.getFieldValue('prefix') + props.form.getFieldValue('phoneNum')\r\n\t\tlet data = {\r\n\t\t\tname: secondPhone\r\n\t\t}\r\n\t\tprops.sendRegisterData({ ...props.formData, secondPhone })\r\n\t\tprops.sendAddValidatePhone(data);\r\n\t}\r\n\r\n\t\r\n\tconst hasErrors = (fieldsError) => {\r\n\t\tlet values = props.form.getFieldsValue(['phoneNum'])\r\n\t\treturn Object.keys(fieldsError).some(field => fieldsError[field]) || Object.values(values).filter(field => field === undefined || field === false || field === '').length > 0\r\n\t\t \r\n\t}\r\n\r\n\tconst { getFieldDecorator, isFieldTouched, getFieldError, getFieldsError } = props.form;\r\n\tconst prefixError = isFieldTouched('prefix') && getFieldError('prefix');\r\n\tconst phoneError = isFieldTouched('phoneNum') && getFieldError('phoneNum');\r\n\r\n\treturn (\r\n\t\tprops.phoneValid ?\r\n\t\t\t\r\n\t\t\t\t\t
*/}\r\n \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\tWe sent you a code to\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{current === 1 ? this.props.formData.phone : this.props.formData.secondPhone}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t{current === 1 ? this.props.formData.phone : this.props.formData.secondPhone}\r\n\t\t\t\t\t\t
SMS Vertification
\r\n\r\n\r\n
\r\n \r\n {message && \r\n\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tgetFieldDecorator('code', {\r\n\t\t\t\t\t\t\t\t\trules: [{ required: true }, { validator: this.validateCode, message: \"must be 6 characters\" }]\r\n\t\t\t\t\t\t\t\t})(\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t */}\r\n \r\n Resend SMS\r\n
\r\n \r\n \r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-1\")}\r\n id=\"opt-1\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-2\")}\r\n id=\"opt-2\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-3\")}\r\n id=\"opt-3\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-4\")}\r\n id=\"opt-4\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-5\")}\r\n id=\"opt-5\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-6\")}\r\n id=\"opt-6\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n \r\n
\r\n \r\n \r\n Next\r\n \r\n
\r\n {this.props.secondPhone && (\r\n \r\n )}\r\n \r\n\t\t\t\t
\r\n\t)\r\n}\r\nconst MapStateToProps = (state, props) => {\r\n\treturn {\r\n\t\tmessage: state.register.message,\r\n\t\tloading: state.register.loading,\r\n\t\tphoneValid: state.register.phoneValid,\r\n\t\tformData: state.register.formData\r\n\t};\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => (\r\n\t{\r\n\t\tskip: () => dispatch(skip()),\r\n\t\tsendAddValidatePhone: (data) => dispatch(sendAddValidatePhone(data)),\r\n\t\tsendRegisterData: (data) => dispatch(sendRegisterData(data))\r\n\t}\r\n);\r\n\r\nconst WrappedStep3 = Form.create({ name: 'Step3' })(Step3);\r\n\r\nexport default connect(MapStateToProps, mapDispatchToProps)(WrappedStep3);\r\n","import { Button, Form, Input, Select, Steps } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { getRegisterEntities, init } from \"../../redux/actions/registerActions\";\r\nimport { updateMemberDetails } from \"../../redux/actions/membersActions\";\r\nimport { Cookies, CountryCodes, Constants, AppConfig } from \"../../helpers\";\r\nimport { getCounties } from \"../../redux/actions/generalActions\";\r\nimport { Step5 } from \"./\";\r\nimport { Alert } from \"../../components\";\r\nimport { history } from \"../../redux/stores/configureStore\";\r\n\r\nclass Step4 extends React.Component {\r\n componentDidMount() {\r\n this.props.getRegisterEntities();\r\n this.props.getCounties();\r\n }\r\n\r\n emailValidator = (rule, value, callback) => {\r\n const form = this.props.form;\r\n let email = form.getFieldValue(\"email\");\r\n //this.props.form.validateFields(['email'], (err, values) => {\r\n //console.log(\"err\", err)\r\n //if (!err) {\r\n let regex = RegExp(\r\n \"^(?=[A-Z0-9][A-Z0-9@._%+-]{5,253}$)[A-Z0-9._%+-]{1,64}@(?:(?=[A-Z0-9-]{1,63}.)[A-Z0-9]+(?:-[A-Z0-9]+)*.){1,8}[A-Z]{2,63}$\"\r\n );\r\n\r\n if (!regex.test(email)) {\r\n let error = [new Error(\"Invalid email\")];\r\n\r\n form.setFields({ email: { value: email, errors: error } });\r\n callback(\"Invalid email\");\r\n } else {\r\n callback();\r\n }\r\n };\r\n\r\n register = (e) => {\r\n e.preventDefault();\r\n this.props.form.validateFields((err, values) => {\r\n if (!err) {\r\n //update member\r\n let data = {\r\n memberId: Cookies.get(\"memberId\"),\r\n email: values.email,\r\n genderId: values.gender,\r\n firstName: values.firstName,\r\n lastName: values.lastName,\r\n securityQuestionId: values.question,\r\n answer: values.sequrityAnswer,\r\n countryId: values.country,\r\n countyId: values.county,\r\n city: values.city,\r\n address: values.address,\r\n postalCode: values.postalCode,\r\n };\r\n window.log(\"recieved \", data);\r\n this.props.updateMemberDetails(data);\r\n }\r\n });\r\n };\r\n // getCountryFlag = (name) => {\r\n // let result =\r\n // this.props.countryFlags &&\r\n // this.props.countryFlags.filter((element) => {\r\n // return element.countryName.toLowerCase() == name.toLowerCase();\r\n // });\r\n // if (result && result.length > 0) {\r\n // return result[0].countryFlagImagesName;\r\n // }\r\n // };\r\n navigateToAccount = () => {\r\n history.push(\"/account/bets\");\r\n };\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { message, userData, counties, countries } = this.props;\r\n const formItemLayout = {\r\n labelCol: {\r\n xs: { span: 24 },\r\n sm: { span: 8 },\r\n },\r\n wrapperCol: {\r\n xs: { span: 24 },\r\n sm: { span: 16 },\r\n },\r\n };\r\n return this.props.registered ? (\r\n // \r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tprops.message &&\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t{this.navigateToAccount()}
\r\n ) : (\r\n \r\n \r\n\t\t\t\t\t\t\t\t\t{getFieldDecorator('question', {\r\n\t\t\t\t\t\t\t\t\t\trules: [{ required: true, message: 'Please select your security Question!' }]\r\n\t\t\t\t\t\t\t\t\t})()}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{getFieldDecorator('sequrityAnswer', {\r\n\t\t\t\t\t\t\t\t\t\trules: [{ required: true, message: 'Please fiil your Security Answer' }],\r\n\t\t\t\t\t\t\t\t\t})()}\r\n\t\t\t\t\t\t\t\t */}\r\n {/* \r\n\t\t\t\t\t\t\t\t\t{getFieldDecorator('country', {\r\n\t\t\t\t\t\t\t\t\t\tinitialValue: 121,\r\n\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t\t\t()}\r\n\t\t\t\t\t\t\t\t */}\r\n {/* \r\n\t\t\t\t\t\t\t\t\t{getFieldDecorator('city')()}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{getFieldDecorator('address')()}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{getFieldDecorator('postalCode')()}\r\n\t\t\t\t\t\t\t\t */}\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst MapStateToProps = (state, props) => {\r\n return {\r\n countries: state.register.countries,\r\n genders: state.register.genders,\r\n securityQuestions: state.register.securityQuestions,\r\n loading: state.register.loading,\r\n registered: state.register.registered,\r\n message: state.register.message,\r\n userData: state.member.userData,\r\n counties: state.general.counties,\r\n countries: state.register.countries,\r\n countryFlags: state.general.countryFlags,\r\n };\r\n};\r\n\r\nconst MapDispatchToProps = (dispatch) => ({\r\n getRegisterEntities: () => dispatch(getRegisterEntities()),\r\n updateMemberDetails: (data) => dispatch(updateMemberDetails(data)),\r\n init: () => dispatch(init()),\r\n getCounties: () => dispatch(getCounties()),\r\n});\r\n\r\nconst WrappedStep4 = Form.create({ name: \"Step4\" })(Step4);\r\nexport default connect(\r\n MapStateToProps,\r\n MapDispatchToProps\r\n)(WrappedStep4);\r\n","import Step1 from \"./Step1\";\r\nimport Step2 from \"./Step2\";\r\nimport Step3 from \"./Step3\";\r\nimport Step4 from \"./Step4\";\r\nimport Step5 from \"./Step5\";\r\n\r\nexport { Step1, Step2, Step3, Step4, Step5 };\r\n","import React, { Component } from \"react\";\r\nimport { Button, Carousel, Popover } from \"antd\";\r\nimport { Alert, Images } from \"../../../components\";\r\nimport { AppConfig } from \"../../../helpers\";\r\nimport moment from \"moment\";\r\nimport { connect } from \"react-redux\";\r\nimport { getDrawOdds } from \"../../../redux/actions/sportTypesActions\";\r\nimport { ReactSVG } from \"react-svg\";\r\nimport { ManageMemeberFavorite } from \"../../../redux/actions/membersActions\";\r\nimport { UpdateFavoriteForLuckyNumber } from \"../../../redux/actions/sportTypesActions\";\r\nclass Card extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n countdown: {\r\n hours: 0,\r\n minutes: 0,\r\n seconds: 0,\r\n },\r\n isFaviorite: this.props.item.isFavorite,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.updateCountdown();\r\n this.countdownInterval = setInterval(this.updateCountdown, 1000);\r\n }\r\n\r\n componentWillUnmount() {\r\n clearInterval(this.countdownInterval);\r\n }\r\n\r\n updateCountdown = () => {\r\n const now = moment.utc();\r\n const targetDate = moment.utc(this.props.date);\r\n\r\n if (now.isAfter(targetDate)) {\r\n // Date has already passed, set countdown to zero\r\n this.setState({\r\n countdown: {\r\n hours: \"00\",\r\n minutes: \"00\",\r\n seconds: \"00\",\r\n },\r\n });\r\n clearInterval(this.countdownInterval);\r\n } else {\r\n const duration = moment.duration(targetDate.diff(now));\r\n const hours = Math.floor(duration.asHours());\r\n const minutes = duration.minutes();\r\n const seconds = duration.seconds();\r\n\r\n this.setState({\r\n countdown: {\r\n hours: hours < 10 ? \"0\" + hours : hours,\r\n minutes: minutes < 10 ? \"0\" + minutes : minutes,\r\n seconds: seconds < 10 ? \"0\" + seconds : seconds,\r\n },\r\n });\r\n }\r\n };\r\n calculateDays = (hours) => {\r\n if (hours <= 24) {\r\n return \"00\";\r\n } else {\r\n let days = Math.floor(hours / 24);\r\n return days.toString().padStart(2, \"0\");\r\n }\r\n };\r\n\r\n navToSingleMatch = (eventId) => {\r\n const { history, match } = this.props;\r\n history.push(`/lucky-numbers/15/108/drilldown/${eventId}`);\r\n };\r\n\r\n addToFavorate = (favItem) => {\r\n const { ManageMemeberFavorite , UpdateFavoriteForLuckyNumber} = this.props;\r\n const favItemKey = `2-${favItem.eventTournament && favItem.eventTournament.tournamentId}-${favItem.sport && favItem.sport.sportId}`\r\n const memberFavorites= localStorage.getItem('memberFavorites') && JSON.parse(localStorage.getItem('memberFavorites'))\r\n const existingIndex = memberFavorites.findIndex(item => item.key === favItemKey);\r\n const elementId = favItem.eventTournament && favItem.eventTournament.tournamentId\r\n if (existingIndex > -1) {\r\n let element = memberFavorites.filter((item)=>item.key == favItemKey)\r\n let data ={\r\n favoriteId: element[0].favoriteId,\r\n favoriteType: {\r\n favoriteTypeId: 2,\r\n },\r\n feedId: 15,\r\n sportId: 108,\r\n elementId: elementId,\r\n }\r\n ManageMemeberFavorite(data);\r\n\r\n } else {\r\n let data ={\r\n favoriteType: {\r\n favoriteTypeId: 2,\r\n },\r\n feedId: 15,\r\n sportId: 108,\r\n elementId: elementId,\r\n }\r\n ManageMemeberFavorite(data);\r\n\r\n }\r\n UpdateFavoriteForLuckyNumber(elementId)\r\n // this.setState({\r\n // isFaviorite: !this.state.isFaviorite,\r\n // });\r\n };\r\n\r\n render() {\r\n const { idx, eventId, enableBet, signedIn, item } = this.props;\r\n\r\n const { hours, minutes, seconds } = this.state.countdown;\r\n const closeBet = hours === \"00\" && minutes == \"00\" && seconds == \"00\";\r\n const isFavorite = this.props.item && this.props.item.isFavorite\r\n\r\n return (\r\n Personal Info
\r\n\r\n\r\n
\r\n\r\n {/* \r\n
\r\n }\r\n \r\n ))\r\n : \"\"}\r\n \r\n \r\n \r\n \r\n Finish\r\n \r\n
\r\n {message && {this.props.name}
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n connected: state.signalr.luckyNumbersConnected,\r\n signedIn: state.auth.signedIn,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n ManageMemeberFavorite: (data) => {\r\n dispatch(ManageMemeberFavorite(data));\r\n },\r\n UpdateFavoriteForLuckyNumber: (tournamentId) => {\r\n dispatch(UpdateFavoriteForLuckyNumber(tournamentId));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Card);\r\n","import React, { Component } from \"react\";\r\nimport { Button, DatePicker, Input, Popover, Select } from \"antd\";\r\nimport { connect } from \"react-redux\";\r\nimport moment from \"moment\";\r\nimport { getLuckyNumbersEventResultRequest , loadUpcomingDraws , getDrawsCategoriesAndTournaments} from \"../../../redux/actions/sportTypesActions\";\r\n\r\nconst Option = Select.Option;\r\n\r\nconst resultButtons = [\"By Date\", \"By Game\", \"By Draw ID\"];\r\nexport class HomeHeader extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n selectedAction: \"By Date\",\r\n drawId:undefined\r\n };\r\n this.timeoutId = null;\r\n }\r\n componentDidUpdate(prevProps) {\r\n const { match } = this.props;\r\n if (!prevProps.connected && this.props.connected) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n },\r\n };\r\n this.props.getDrawsCategoriesAndTournaments(request);\r\n }\r\n }\r\n componentDidMount() {\r\n const { getDrawsCategoriesAndTournaments, match, connected } = this.props;\r\n if (connected) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n },\r\n };\r\n getDrawsCategoriesAndTournaments(request);\r\n }\r\n }\r\n\r\n resultDateFilter = (date, dateString) => {\r\n const {\r\n connected,\r\n match,\r\n getLuckyNumbersEventResultRequest,\r\n updateFormattedDate,\r\n } = this.props;\r\n let formattedDate = null;\r\n\r\n if (date) {\r\n formattedDate = moment(date).format(\"YYYY-MM-DDTHH:mm:ss.SSSSSS\");\r\n }\r\n\r\n if (connected && formattedDate) {\r\n updateFormattedDate(formattedDate);\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 8,\r\n pageIndex: 0,\r\n dateOfMatch: formattedDate,\r\n },\r\n };\r\n getLuckyNumbersEventResultRequest(request, false);\r\n } else if (connected && !formattedDate) {\r\n updateFormattedDate(undefined);\r\n\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 8,\r\n pageIndex: 0,\r\n },\r\n };\r\n getLuckyNumbersEventResultRequest(request, false);\r\n }\r\n };\r\n nextDrawsDateFilter = (date, dateString) => {\r\n const {\r\n connected,\r\n match,\r\n loadUpcomingDraws,\r\n updateFormattedDate,\r\n } = this.props;\r\n let formattedDate = null;\r\n\r\n if (date) {\r\n formattedDate = moment(date).format(\"YYYY-MM-DDTHH:mm:ss.SSSSSS\");\r\n }\r\n\r\n\r\n if (connected && formattedDate) {\r\n updateFormattedDate(formattedDate);\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 8,\r\n pageIndex: 0,\r\n dateOfMatch: formattedDate,\r\n },\r\n };\r\n loadUpcomingDraws(request, false);\r\n } else if (connected && !formattedDate) {\r\n updateFormattedDate(undefined);\r\n\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 8,\r\n pageIndex: 0,\r\n },\r\n };\r\n loadUpcomingDraws(request, false);\r\n }\r\n };\r\n updateFilter = (value) => {\r\n this.setState({\r\n selectedAction: value,\r\n });\r\n };\r\n selectGame = (id) => {\r\n console.log(\"id==\",id);\r\n const { match, connected , getLuckyNumbersEventResultRequest } = this.props;\r\n if (connected) {\r\n this.props.updateGameId(Number(id))\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 8,\r\n pageIndex: 0,\r\n tournamentId: Number(id)\r\n },\r\n };\r\n getLuckyNumbersEventResultRequest(request, false);\r\n }\r\n };\r\n debounce = (func, delay) => {\r\n clearTimeout(this.timeoutId);\r\n this.timeoutId = setTimeout(() => {\r\n func();\r\n }, delay);\r\n };\r\n\r\n filterDrawId = () => {\r\n // Place your specific logic here\r\n const { getLuckyNumbersEventResultRequest, match, connected } = this.props;\r\n if (connected) {\r\n if(this.state.drawId){\r\n this.props.updateDrawId(Number(this.state.drawId))\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 8,\r\n pageIndex: 0,\r\n eventId: Number(this.state.drawId)\r\n },\r\n };\r\n getLuckyNumbersEventResultRequest(request, false);\r\n }else{\r\n this.props.updateDrawId(undefined)\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 8,\r\n pageIndex: 0,\r\n },\r\n };\r\n getLuckyNumbersEventResultRequest(request, false);\r\n }\r\n\r\n }\r\n };\r\n\r\n handleInputChange = (e) => {\r\n const { value } = e.target;\r\n this.setState({ drawId: value });\r\n this.debounce(this.filterDrawId, 1000);\r\n };\r\n disabledResultDate = (current) => {\r\n // Disable dates after today\r\n return current && current > moment().endOf('day');\r\n };\r\n disabledNextDrawDate = (current) => {\r\n // Disable dates before today\r\n return current && current < moment().startOf('day');\r\n };\r\n\r\n\r\n render() {\r\n const {\r\n luckyNumberUpcomintDraws,\r\n fromResults,\r\n fromNextDraws,\r\n drawsCategories,\r\n luckyNumberResultsPageTexts,\r\n luckyNumberUpcomingDrawsPageTexts,\r\n signedIn\r\n } = this.props;\r\n return (\r\n ID : {eventId}
\r\n \r\n
\r\n \r\n {hours > 24 && (\r\n
\r\n \r\n
\r\n )}\r\n {this.calculateDays(hours)}
\r\n Day
\r\n \r\n
\r\n {hours}
\r\n Hour
\r\n \r\n
\r\n {minutes}
\r\n MIN
\r\n \r\n
\r\n {seconds}
\r\n SEC
\r\n \r\n eventId && this.navToSingleMatch(eventId)}\r\n >\r\n {!enableBet ? `BETS CLOSED` : `BET NOW`}\r\n \r\n
\r\n \r\n {!signedIn ? (\r\n Please Sign in or Register }\r\n trigger=\"click\"\r\n >\r\n 
\r\n \r\n ) : (\r\n this.addToFavorate(item)}\r\n />\r\n )}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n luckyNumberUpcomintDraws: state.general.luckyNumberUpcomintDraws,\r\n connected: state.signalr.luckyNumbersConnected,\r\n drawsCategories: state.sportTypes.drawsCategories,\r\n luckyNumberResultsPageTexts: state.general.luckyNumberResultsPageTexts,\r\n luckyNumberUpcomingDrawsPageTexts: state.general.luckyNumberUpcomingDrawsPageTexts,\r\n signedIn: state.auth.signedIn,\r\n\r\n\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getLuckyNumbersEventResultRequest: (item, addToEvents) => {\r\n dispatch(getLuckyNumbersEventResultRequest(item, addToEvents));\r\n },\r\n getDrawsCategoriesAndTournaments: (item) => {\r\n dispatch(getDrawsCategoriesAndTournaments(item));\r\n },\r\n loadUpcomingDraws: (item , addNewList) => {\r\n dispatch(loadUpcomingDraws(item , addNewList));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(HomeHeader);\r\n","import React from \"react\";\r\nimport { Button, Carousel } from \"antd\";\r\nimport { Alert, Images, InfiniteScrollComponent } from \"../../../components\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport { connect } from \"react-redux\";\r\nimport Card from \"./Card\";\r\nimport HomeHeader from \"./HomeHeader\";\r\nimport { loadUpcomingDraws } from \"../../../redux/actions/sportTypesActions\";\r\n\r\nconst slides = [\r\n \"Home\",\r\n \"Lucky Numbers\",\r\n \"Next Draws\",\r\n \"Results\",\r\n \"How to play\",\r\n \"Home\",\r\n \"Lucky Numbers\",\r\n \"Next Draws\",\r\n \"Results\",\r\n \"How to play\",\r\n];\r\nconst IsMiddleScreenAndMobile = ({ children }) => {\r\n const isMiddleScreenAndMobile = useMediaQuery({ maxWidth: 1300 });\r\n return isMiddleScreenAndMobile ? children : null;\r\n};\r\nconst IsDesktop = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 1301 });\r\n return isDesktop ? children : null;\r\n};\r\nexport class HomeCourasel extends React.Component {\r\n state = {\r\n currentSlide: 0,\r\n numSlides: 0,\r\n };\r\n componentDidUpdate(prevProps) {\r\n const { loadUpcomingDraws, match, connected } = this.props;\r\n if (this.props.currentFilter != prevProps.currentFilter) {\r\n if (this.carouselRef) this.carouselRef.goTo(0); // Go to the first slide\r\n if (connected) {\r\n if (this.props.currentFilter == 1) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: 0,\r\n },\r\n };\r\n loadUpcomingDraws(request, false);\r\n } else if (this.props.currentFilter == 2) {\r\n let request = {\r\n Data: {\r\n isTopBet: true,\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: 0,\r\n },\r\n };\r\n loadUpcomingDraws(request, false);\r\n } else if (this.props.currentFilter == 3) {\r\n let request = {\r\n Data: {\r\n isFavoriteTab: true,\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: 0,\r\n },\r\n };\r\n loadUpcomingDraws(request, false);\r\n }\r\n }\r\n this.setState({\r\n currentSlide: 0,\r\n numSlides: 5,\r\n });\r\n this.props.changePageIndex(0);\r\n }\r\n if (prevProps.upcomingDrawsEvents != this.props.upcomingDrawsEvents) {\r\n if (this.carouselRef) {\r\n this.setState({\r\n numSlides: this.carouselRef.innerSlider.state.slideCount,\r\n });\r\n }\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n if (this.carouselRef) {\r\n this.setState({\r\n numSlides: this.carouselRef.innerSlider.state.slideCount,\r\n });\r\n }\r\n }\r\n onArrowClick = (direction, nextDisabled, currentFilter) => {\r\n // currentfilter: 1 => upcoming draws\r\n // currentfilter: 2 => Most Played\r\n // currentfilter: 3 => Favorites\r\n const { currentSlide, numSlides } = this.state;\r\n const { loadUpcomingDraws, match, connected } = this.props;\r\n console.log(\"currentSlide\", currentSlide);\r\n console.log(\"numSlides\", numSlides);\r\n console.log(\"nextDisabled\", nextDisabled);\r\n switch (direction) {\r\n case \"prev\":\r\n this.props.changePageIndex(this.props.pageIndex - 1);\r\n if (connected) {\r\n if (currentFilter == 1) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: this.props.pageIndex - 1,\r\n },\r\n };\r\n loadUpcomingDraws(request, true);\r\n } else if (currentFilter == 2) {\r\n let request = {\r\n Data: {\r\n isTopBet: true,\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: this.props.pageIndex - 1,\r\n },\r\n };\r\n loadUpcomingDraws(request, true);\r\n } else if (currentFilter == 3) {\r\n let request = {\r\n Data: {\r\n isFavoriteTab: true,\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: this.props.pageIndex - 1,\r\n },\r\n };\r\n loadUpcomingDraws(request, true);\r\n }\r\n }\r\n\r\n if (currentSlide >= 5 && !nextDisabled) {\r\n this.carouselRef.goTo(currentSlide - 5);\r\n } else {\r\n this.carouselRef.goTo(0);\r\n }\r\n break;\r\n\r\n case \"next\":\r\n this.props.changePageIndex(this.props.pageIndex + 1);\r\n if (connected) {\r\n if (currentFilter == 1) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: this.props.pageIndex + 1,\r\n },\r\n };\r\n loadUpcomingDraws(request, true);\r\n } else if (currentFilter == 2) {\r\n let request = {\r\n Data: {\r\n isTopBet: true,\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: this.props.pageIndex + 1,\r\n },\r\n };\r\n loadUpcomingDraws(request, true);\r\n } else if (currentFilter == 3) {\r\n let request = {\r\n Data: {\r\n isFavoriteTab: true,\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: this.props.pageIndex + 1,\r\n },\r\n };\r\n loadUpcomingDraws(request, true);\r\n }\r\n }\r\n if (currentSlide + 5 < numSlides && !nextDisabled) {\r\n this.carouselRef.goTo(currentSlide + 5);\r\n } else {\r\n this.carouselRef.goTo(numSlides - 1);\r\n }\r\n break;\r\n }\r\n };\r\n\r\n render() {\r\n const { currentSlide, numSlides } = this.state;\r\n const prevDisabled = this.props.pageIndex == 0;\r\n const nextDisabled =\r\n this.props.upcomingDrawsEvents &&\r\n Object.values(this.props.upcomingDrawsEvents).length == 0;\r\n let data;\r\n if (\r\n this.props.upcomingDrawsEvents &&\r\n Object.values(this.props.upcomingDrawsEvents).length > 0\r\n ) {\r\n data = Object.values(this.props.upcomingDrawsEvents).slice(\r\n this.props.pageIndex == 0\r\n ? this.props.pageIndex\r\n : this.props.pageIndex * 5,\r\n this.props.pageIndex == 0 ? 5 : (this.props.pageIndex + 1) * 5\r\n );\r\n }\r\n\r\n if (this.props.loadingUpcomingDraws || !this.props.connected) {\r\n return (\r\n {fromResults ?( luckyNumberResultsPageTexts && luckyNumberResultsPageTexts[0] && luckyNumberResultsPageTexts[0].title ): (luckyNumberUpcomingDrawsPageTexts && luckyNumberUpcomingDrawsPageTexts[0] && luckyNumberUpcomingDrawsPageTexts[0].title)}
\r\n\r\n \r\n\r\n \r\n {!fromNextDraws ? (\r\n fromResults ? (\r\n <>\r\n trigger.parentNode}\r\n onSelect={this.selectGame}\r\n defaultValue={\r\n Please Sign in or Register }\r\n trigger=\"click\"\r\n >\r\n \r\n // this.props.onChangeFilter(item.upcomintDrawId)\r\n // }\r\n className={`${this.props.currentFilter ==\r\n item.upcomintDrawId && `selected-button`}`}\r\n >\r\n {item.upcomintDrawName}\r\n \r\n \r\n ):(\r\n \r\n this.props.onChangeFilter(item.upcomintDrawId)\r\n }\r\n className={`${this.props.currentFilter ==\r\n item.upcomintDrawId && `selected-button`}`}\r\n >\r\n {item.upcomintDrawName}\r\n \r\n );\r\n })\r\n )\r\n ) : (\r\n
\r\n \r\n {resultButtons.map((item, idx) => {\r\n return (\r\n this.updateFilter(item)}\r\n >\r\n {item}\r\n \r\n );\r\n })}\r\n
\r\n {this.state.selectedAction == \"By Date\" ? (\r\n \r\n Select Game\r\n
\r\n }\r\n >\r\n {drawsCategories &&\r\n drawsCategories.drawGames &&\r\n drawsCategories.drawGames.map((item) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n ) : (\r\n luckyNumberUpcomintDraws &&\r\n luckyNumberUpcomintDraws.map((item, idx) => {\r\n return (item.upcomintDrawId == 3 && !this.props.signedIn) ? (\r\n \r\n
\r\n );\r\n }\r\n if (this.props.upcomingDrawsEventsError) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {data.length > 0 && (\r\n <>\r\n \r\n this.onArrowClick(\r\n \"prev\",\r\n nextDisabled,\r\n this.props.currentFilter\r\n )\r\n }\r\n className=\"nav-button prev-arrow\"\r\n >\r\n 
\r\n \r\n \r\n this.onArrowClick(\r\n \"next\",\r\n nextDisabled,\r\n this.props.currentFilter\r\n )\r\n }\r\n className=\"nav-button next-arrow\"\r\n >\r\n 
\r\n \r\n \r\n )}\r\n\r\n \r\n {\" \"}\r\n {this.props.appendNewList ? (\r\n (this.carouselRef = ref)}\r\n slidesToShow={5}\r\n dots={false}\r\n effect=\"scrollx\"\r\n infinite={false}\r\n // autoplay={true}\r\n touchMove={true}\r\n afterChange={(current) =>\r\n this.setState({ currentSlide: current })\r\n }\r\n >\r\n {data.map((item, idx) => {\r\n return (\r\n \r\n \r\n {\" \"}\r\n \r\n
\r\n \r\n ) : null}\r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loadingUpcomingDraws: state.sportTypes.loadingUpcomingDraws,\r\n upcomingDrawsEvents: state.sportTypes.upcomingDrawsEvents,\r\n upcomingDrawsEventsError: state.sportTypes.upcomingDrawsEventsError,\r\n connected: state.signalr.luckyNumbersConnected,\r\n appendNewList: state.sportTypes.appendNewList,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadUpcomingDraws: (item, addNewList) => {\r\n dispatch(loadUpcomingDraws(item, addNewList));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(HomeCourasel);\r\n","import React, { Component } from \"react\";\r\nimport { Images } from \"../../../components\";\r\nimport { connect } from \"react-redux\";\r\n\r\nexport class HomeBanner extends Component {\r\n render() {\r\n const { luckyNumberConfigration } = this.props;\r\n return (\r\n \r\n
\r\n ) : (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n })}\r\n \r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n connected: state.signalr.luckyNumbersConnected,\r\n luckyNumberConfigration: state.general.luckyNumberConfigration,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {};\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(HomeBanner);\r\n","import React, { Component } from \"react\";\r\nimport Images from \"../../../components/common/Images\";\r\nimport { Button } from \"antd\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport { AppConfig } from \"../../../helpers\";\r\nimport moment from \"moment\";\r\nconst IsMobile = ({ children }) => {\r\n const isMobile = useMediaQuery({ maxWidth: 500 });\r\n return isMobile ? children : null;\r\n};\r\nconst IsMiddleScreenAndDesktop = ({ children }) => {\r\n const isMobile = useMediaQuery({ minWidth: 501 });\r\n return isMobile ? children : null;\r\n};\r\nexport class HomeResultsRow extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n countdown1: {\r\n hours: 0,\r\n minutes: 0,\r\n seconds: 0,\r\n },\r\n countdown2: {\r\n hours: 0,\r\n minutes: 0,\r\n seconds: 0,\r\n },\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.updateCountdown();\r\n this.countdownInterval = setInterval(this.updateCountdown, 1000);\r\n }\r\n\r\n componentWillUnmount() {\r\n clearInterval(this.countdownInterval);\r\n }\r\n\r\n navToSingleMatch = (eventId) => {\r\n const { history } = this.props;\r\n history.push(`/lucky-numbers/15/108/drilldown/${eventId}`);\r\n };\r\n\r\n updateCountdown = () => {\r\n const { item1, item2 } = this.props;\r\n const now = moment.utc();\r\n\r\n if (item1) {\r\n const targetDate1 = moment.utc(item1.eventDateOfMatch);\r\n if (now.isBefore(targetDate1)) {\r\n const duration1 = moment.duration(targetDate1.diff(now));\r\n const hours1 = Math.floor(duration1.asHours());\r\n const minutes1 = duration1.minutes();\r\n const seconds1 = duration1.seconds();\r\n\r\n this.setState({\r\n countdown1: {\r\n hours: hours1 < 10 ? \"0\" + hours1 : hours1,\r\n minutes: minutes1 < 10 ? \"0\" + minutes1 : minutes1,\r\n seconds: seconds1 < 10 ? \"0\" + seconds1 : seconds1,\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n countdown1: {\r\n hours: \"00\",\r\n minutes: \"00\",\r\n seconds: \"00\",\r\n },\r\n });\r\n }\r\n }\r\n\r\n if (item2) {\r\n const targetDate2 = moment.utc(item2.eventDateOfMatch);\r\n if (now.isBefore(targetDate2)) {\r\n const duration2 = moment.duration(targetDate2.diff(now));\r\n const hours2 = Math.floor(duration2.asHours());\r\n const minutes2 = duration2.minutes();\r\n const seconds2 = duration2.seconds();\r\n\r\n this.setState({\r\n countdown2: {\r\n hours: hours2 < 10 ? \"0\" + hours2 : hours2,\r\n minutes: minutes2 < 10 ? \"0\" + minutes2 : minutes2,\r\n seconds: seconds2 < 10 ? \"0\" + seconds2 : seconds2,\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n countdown2: {\r\n hours: \"00\",\r\n minutes: \"00\",\r\n seconds: \"00\",\r\n },\r\n });\r\n }\r\n }\r\n };\r\n calculateDays = (hours) => {\r\n if (hours <= 24) {\r\n return \"00\";\r\n } else {\r\n let days = Math.floor(hours / 24);\r\n return days.toString().padStart(2, \"0\");\r\n }\r\n };\r\n\r\n render() {\r\n const { item1, item2, fromResult } = this.props;\r\n\r\n const item1Flag = item1\r\n ? item1.countryFlagCode\r\n ? item1.countryFlagCode\r\n : item1.eventCategory\r\n ? item1.eventCategory.categoryFlagCode\r\n : \"eu\"\r\n : \"eu\";\r\n const item2Flag = item2\r\n ? item2.countryFlagCode\r\n ? item2.countryFlagCode\r\n : item2.eventCategory\r\n ? item2.eventCategory.categoryFlagCode\r\n : \"eu\"\r\n : \"eu\";\r\n\r\n return (\r\n \r\n {item1 && (\r\n
\r\n \r\n \r\n
{\" \"}\r\n \r\n \r\n
{\" \"}\r\n {!this.props.fromKiosk && (\r\n \r\n \r\n \r\n {item1.eventName ||\r\n item1.eventTournament.tournamentDisplayName}\r\n \r\n {!this.props.fromKiosk ? (\r\n \r\n ID: {item1.eventId}\r\n \r\n ) : (\r\n
\r\n \r\n {moment\r\n .utc(item1.eventDateOfMatch)\r\n .format(\"DD MMM YYYY, HH:mm:ss\")}\r\n
\r\n )}\r\n {this.props.fromKiosk && \r\n ID: {item1.eventId}\r\n }\r\n \r\n {moment\r\n .utc(item1.eventDateOfMatch)\r\n .format(\"DD MMM YYYY, HH:mm:ss\")}\r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {item1.eventName ||\r\n item1.eventTournament.tournamentDisplayName}\r\n \r\n \r\n ID: {item1.eventId}\r\n \r\n
\r\n \r\n {moment\r\n .utc(item1.eventDateOfMatch)\r\n .format(\"DD MMM YYYY, HH:mm:ss\")}\r\n
\r\n \r\n {!fromResult && !this.props.fromKiosk && (\r\n this.navToSingleMatch(item1.eventId)}\r\n >\r\n {this.props.fromNextDraws\r\n ? item1.enableBet\r\n ? `BET`\r\n : `CLOSED`\r\n : `BET`}\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {item1.eventCancelled && (\r\n \r\n {!this.props.fromNextDraws && item1.ballResults ? (\r\n item1.ballResults.map((item, idx) => {\r\n return (\r\n \r\n {item.ballValue}\r\n \r\n );\r\n })\r\n ) : (\r\n
{\" \"}\r\n \r\n {this.state.countdown1.hours > 24 && (\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n {this.calculateDays(this.state.countdown1.hours)}\r\n
\r\n Day
\r\n \r\n
\r\n \r\n {this.state.countdown1.hours}\r\n
\r\n HOUR
\r\n \r\n
\r\n \r\n {this.state.countdown1.minutes}\r\n
\r\n MIN
\r\n \r\n
\r\n \r\n {this.state.countdown1.seconds}\r\n
\r\n SEC
\r\n \r\n {!fromResult && !this.props.fromKiosk && (\r\n this.navToSingleMatch(item1.eventId)}\r\n >\r\n {this.props.fromNextDraws\r\n ? item1.enableBet\r\n ? `BET`\r\n : `CLOSED`\r\n : `BET`}\r\n \r\n )}\r\n
\r\n \r\n \r\n
{\" \"}\r\n \r\n \r\n
{\" \"}\r\n \r\n \r\n \r\n {item2.eventName ||\r\n item2.eventTournament.tournamentDisplayName}\r\n \r\n \r\n ID: {item2.eventId}\r\n \r\n
\r\n \r\n {moment\r\n .utc(item2.eventDateOfMatch)\r\n .format(\"DD MMM YYYY, HH:mm:ss\")}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {item2.eventName ||\r\n item2.eventTournament.tournamentDisplayName}\r\n \r\n \r\n ID: {item2.eventId}\r\n \r\n
\r\n \r\n {moment\r\n .utc(item2.eventDateOfMatch)\r\n .format(\"DD MMM YYYY, HH:mm:ss\")}\r\n
\r\n \r\n {!fromResult && !this.props.fromKiosk && (\r\n this.navToSingleMatch(item2.eventId)}\r\n >\r\n {this.props.fromNextDraws\r\n ? item2.enableBet\r\n ? `BET`\r\n : `CLOSED`\r\n : `BET`}\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {item2.eventCancelled && (\r\n \r\n {!this.props.fromNextDraws && item2.ballResults ? (\r\n item2.ballResults.map((item, idx) => {\r\n return (\r\n \r\n {item.ballValue}\r\n \r\n );\r\n })\r\n ) : (\r\n
{\" \"}\r\n \r\n {this.state.countdown2.hours > 24 && (\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n {this.calculateDays(this.state.countdown2.hours)}\r\n
\r\n Day
\r\n \r\n
\r\n \r\n {this.state.countdown2.hours}\r\n
\r\n HOUR
\r\n \r\n
\r\n \r\n {this.state.countdown2.minutes}\r\n
\r\n MIN
\r\n \r\n
\r\n \r\n {this.state.countdown2.seconds}\r\n
\r\n SEC
\r\n \r\n {!fromResult && !this.props.fromKiosk && (\r\n this.navToSingleMatch(item2.eventId)}\r\n >\r\n {this.props.fromNextDraws\r\n ? item2.enableBet\r\n ? `BET`\r\n : `CLOSED`\r\n : `BET`}\r\n \r\n )}\r\n
\r\n \r\n
\r\n );\r\n }\r\n if (loadingEventResult && fromResult || !this.props.connected ) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n if (luckyNumbersEventResultError && fromResult ) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {!this.props.fromResultOrNextDraw &&
\r\n \r\n ) : null}\r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n connected: state.signalr.luckyNumbersConnected,\r\n loadingEventResult: state.sportTypes.loadingEventResult,\r\n luckyNumbersEventResult: state.sportTypes.luckyNumbersEventResult,\r\n luckyNumbersEventResultError: state.sportTypes.luckyNumbersEventResultError,\r\n loadingUpcomingDraws: state.sportTypes.loadingUpcomingDraws,\r\n upcomingDrawsEvents: state.sportTypes.upcomingDrawsEvents,\r\n upcomingDrawsEventsError: state.sportTypes.upcomingDrawsEventsError,\r\n luckyNumbersRefreshTime: state.general.configuration.luckyNumbersRefreshTime,\r\n\r\n\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getLuckyNumbersEventResultRequest: (item, addToEvents) => {\r\n dispatch(getLuckyNumbersEventResultRequest(item, addToEvents));\r\n },\r\n loadUpcomingDraws: (item , addNewList) => {\r\n dispatch(loadUpcomingDraws(item , addNewList));\r\n },\r\n resetUpcomingDraws: () => {\r\n dispatch(resetUpcomingDraws());\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(HomeResults);\r\n","import React, { Component } from \"react\";\r\n\r\nexport class Description extends Component {\r\n render() {\r\n return (\r\n Latest Results
}\r\n\r\n {data.map((item, idx) => {\r\n return (\r\n idx % 2 == 0 && (\r\n \r\n {this.props.fromResultOrNextDraw ? (\r\n
\r\n \r\n \r\n
\r\n ) : (\r\n \r\n \r\n
\r\n )}\r\n \r\n {this.props.luckyNumberHomePageTexts.slice(0,3).map((item) => {\r\n return (\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Description;\r\n","import { Button, Tabs } from \"antd\";\r\nimport React, { Component } from \"react\";\r\nimport HomeCourasel from \"./HomeCourasel\";\r\nimport HomeHeader from \"./HomeHeader\";\r\nimport HomeBanner from \"./HomeBanner\";\r\nimport HomeResults from \"./HomeResults\";\r\nimport Description from \"../Description\";\r\nimport Features from \"../Features\";\r\nimport { connect } from \"react-redux\";\r\nimport { loadUpcomingDraws } from \"../../../redux/actions/sportTypesActions\";\r\nconst TabPane = Tabs.TabPane;\r\nconst tabs = [\"Home\", \"Lucky Numbers\", \"Next Draws\", \"Results\", \"How to play\"];\r\n\r\nexport class Home extends Component {\r\n state = {\r\n currentFilter: 1,\r\n pageIndex: 0,\r\n };\r\n componentDidUpdate(prevProps) {\r\n const { match , upcomingDrawsEvents , luckyNumbersRefreshTime} = this.props;\r\n if (prevProps.upcomingDrawsEvents && prevProps.upcomingDrawsEvents !== upcomingDrawsEvents && localStorage.getItem(\"refreshUpcomingDrawsEvents\")) {\r\n clearTimeout(this.timeout)\r\n if(this.state.currentFilter == 1){\r\n this.timeout = setTimeout(()=>{\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: 0,\r\n },\r\n };\r\n this.props.loadUpcomingDraws(request , false);\r\n localStorage.removeItem(\"refreshUpcomingDrawsEvents\")\r\n this.changePageIndex(0)\r\n },luckyNumbersRefreshTime * 1000)\r\n }else if (this.state.currentFilter == 2){\r\n \r\n this.timeout = setTimeout(()=>{\r\n let request = {\r\n Data: {\r\n isTopBet: true,\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: 0,\r\n },\r\n };\r\n this.props.loadUpcomingDraws(request , false);\r\n localStorage.removeItem(\"refreshUpcomingDrawsEvents\")\r\n this.changePageIndex(0)\r\n },luckyNumbersRefreshTime * 1000)\r\n }else if (this.state.currentFilter == 3){\r\n this.timeout = setTimeout(()=>{\r\n let request = {\r\n Data: {\r\n isFavoriteTab: true,\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: 0,\r\n },\r\n };\r\n this.props.loadUpcomingDraws(request , false);\r\n localStorage.removeItem(\"refreshUpcomingDrawsEvents\")\r\n this.changePageIndex(0)\r\n },luckyNumbersRefreshTime * 1000)\r\n }\r\n\r\n }\r\n if (!prevProps.connected && this.props.connected) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: 0,\r\n },\r\n };\r\n this.props.loadUpcomingDraws(request , false);\r\n }\r\n }\r\n \r\n componentDidMount() {\r\n const {\r\n loadUpcomingDraws,\r\n match,\r\n connected,\r\n GetLuckyNumberConfiguration,\r\n } = this.props;\r\n\r\n if (connected) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: 0,\r\n },\r\n };\r\n loadUpcomingDraws(request , false);\r\n }\r\n }\r\n componentWillUnmount(){\r\n clearTimeout(this.timeout)\r\n localStorage.removeItem(\"refreshUpcomingDrawsEvents\")\r\n\r\n }\r\n onChangeFilter = (filter) => {\r\n this.setState({ currentFilter: filter });\r\n };\r\n changePageIndex= (value)=>{\r\n this.setState({\r\n pageIndex:value \r\n })\r\n }\r\n render() {\r\n const {upcomingDrawsEvents}=this.props\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n
\r\n {item.title}
\r\n{item.text}
\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n connected: state.signalr.luckyNumbersConnected,\r\n upcomingDrawsEvents: state.sportTypes.upcomingDrawsEvents,\r\n luckyNumbersRefreshTime: state.general.configuration.luckyNumbersRefreshTime,\r\n\r\n\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadUpcomingDraws: (item , addNewList) => {\r\n dispatch(loadUpcomingDraws(item , addNewList));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Home);\r\n","import Home from \"./Home\";\r\nimport HomeCourasel from \"./HomeCourasel\";\r\nimport HomeHeader from \"./HomeHeader\";\r\nimport HomeBanner from \"./HomeBanner\";\r\nimport HomeResults from \"./HomeResults\";\r\nimport HomeResultsRow from \"./HomeResultsRow\";\r\nimport Description from \"../Description\";\r\nimport Card from \"./Card\";\r\n\r\nexport { Home, HomeCourasel, HomeHeader, HomeBanner , HomeResults , HomeResultsRow , Description , Card};\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Layout } from 'antd'\r\nimport { setPropsMath, switchMode } from '../../redux/actions/appActions'\r\nimport MetaTags from 'react-meta-tags';\r\nimport EQ from 'css-element-queries'\r\nimport { getCurrencies ,GetHeaderTabs} from \"../../redux/actions/generalActions\";\r\n//Import all styles\r\nimport 'antd/dist/antd.css';\r\nimport '../../styles/ltr/layout.scss'\r\n\r\nclass App extends React.Component {\r\n\r\n\tasync componentDidMount() {\r\n\t\tconst { match, setPropsMath , isBannerKioskScreen } = this.props;\r\n\t\tsetPropsMath(match);\r\n\t\t!localStorage.getItem(\"theme\") && localStorage.setItem(\"theme\" , \"dark\")\r\n\t\tswitchMode()\r\n\t\t!isBannerKioskScreen && this.props.getCurrencies();\r\n\t\t!isBannerKioskScreen && this.props.GetHeaderTabs();\r\n\r\n\t\t//attaches to DOMLoadContent\r\n\t\tEQ.ElementQueries.listen();\r\n\r\n\t\t// //or if you want to trigger it yourself.\r\n\t\t// // Parse all available CSS and attach ResizeSensor to those elements which have rules attached\r\n\t\t// // (make sure this is called after 'load' event, because CSS files are not ready when domReady is fired.\r\n\t\tEQ.ElementQueries.init();\r\n\t\t\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { children ,avoidClick,isDark , match} = this.props;\r\n\t\tconst mode = localStorage.getItem(\"theme\") ? localStorage.getItem(\"theme\") : \"dark\"\r\n\t\tmode == \"dark\" ? document.documentElement.setAttribute(\"data-theme\", \"dark\") : document.documentElement.setAttribute(\"data-theme\", \"light\")\r\n\t\tconst description = match.url.includes('sport') ? 'sport description' : match.url.includes('live') ? 'Live description' : match.url.includes('virtual') ? 'Virtual Description': match.url.includes('slots') ? 'slots decription' : 'Default decription'\r\n\t\tconst title = match.url.includes('sport') ? 'sport title' : match.url.includes('live') ? 'Live title' : match.url.includes('virtual') ? 'Virtual title': match.url.includes('slots') ? 'slots title' : 'Default title'\r\n\t\t// const keyWords = match.url.includes('sport') ? 'betting, sports, gambling' : match.url.includes('live') ? 'betting, sports, gambling' : match.url.includes('virtual') ? 'betting, sports, gambling': match.url.includes('slots') ? 'betting, sports, gambling' : 'Default'\r\n\t\t\r\n\r\n\t\treturn (\r\n\r\n\t\t\t this.changeThemeMode()} className=\"mode-switcher\">\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n\treturn {\r\n\t\tisDark: state.app.isDark,\r\n\r\n\t}\r\n}\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tsetPropsMath: (match) => {\r\n\t\t\t;\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(ModeSwitcher);\r\n","import { Input, Popover, List, AutoComplete, Spin, Icon } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n getSearchedData,\r\n navigateSearchItem,\r\n} from \"../../redux/actions/searchActions\";\r\nimport { setEvent } from \"../../redux/actions/sportEventsActions\";\r\nimport { Feed, FeedNames, VirtualFeedIds } from \"../../helpers/enums\";\r\n\r\nclass Search extends React.Component {\r\n state = {\r\n value: \"\",\r\n results: [],\r\n data: [],\r\n limit: 5,\r\n show: false,\r\n };\r\n\r\n searchInput = React.createRef();\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.searchResult !== this.props.searchResult) {\r\n this.setState({\r\n data: this.props.searchResult.map(this.renderOption),\r\n results: this.props.searchResult\r\n .map(this.renderOption)\r\n .slice(0, this.state.limit),\r\n });\r\n }\r\n }\r\n\r\n componentWillUnmount = () => {\r\n clearTimeout(this.timeout);\r\n };\r\n\r\n renderOption = (item) => {\r\n return (\r\n \r\n \r\n 
\r\n {localStorage.getItem(\"theme\") == \"dark\" ? 'Light Mode': 'Dark Mode' }\r\n
\r\n\r\n\r\n \r\n
\r\n );\r\n };\r\n\r\n onLoadMore = () => {\r\n let resultsLen = this.state.results.length;\r\n let loadMoreResults = this.state.data.slice(\r\n 0,\r\n resultsLen + this.state.limit\r\n );\r\n\r\n this.setState({\r\n results: loadMoreResults,\r\n });\r\n };\r\n\r\n handleSearchItem = (item) => {\r\n this.searchInput.current.input.state.value = \"\";\r\n const {\r\n searchResult,\r\n feedName,\r\n navigateSearchItem,\r\n setEvent,\r\n eventsResult,\r\n loadSportEvents,\r\n } = this.props;\r\n let event = searchResult.find((eventItem) => item.key == eventItem.id);\r\n\r\n let eventToSet = Object.keys(eventsResult)\r\n .map((game) => eventsResult[game])\r\n .find((eventItem) => {\r\n return item.key == eventItem.eventBetLineNo;\r\n });\r\n\r\n let feed;\r\n let vfl = VirtualFeedIds.find((feed) => feed === event.feedId);\r\n setEvent(eventToSet);\r\n if (!feedName) {\r\n switch (event.feedId) {\r\n case Feed.Static:\r\n feed = FeedNames.Static;\r\n break;\r\n case Feed.Live:\r\n feed = FeedNames.Live;\r\n break;\r\n case vfl:\r\n feed = FeedNames.VFL;\r\n default:\r\n break;\r\n }\r\n }\r\n navigateSearchItem(\r\n `/${feedName || feed}/${event.feedId}/${event.sportId}/${\r\n event.sport\r\n }/event/${event.sportCategoryId}/${event.tournamentId}/${event.eventId}`\r\n );\r\n };\r\n\r\n open = () => {\r\n this.setState({\r\n show: true,\r\n });\r\n };\r\n\r\n close = (e) => {\r\n this.setState({\r\n show: false,\r\n });\r\n };\r\n\r\n onVisibleChange = () => {\r\n this.setState({\r\n show: false,\r\n });\r\n this.searchInput.current.input.state.value = \"\";\r\n };\r\n\r\n render() {\r\n const { data, value, results } = this.state;\r\n const { getSearchedData, searchResult, loading } = this.props;\r\n const loadMore =\r\n results.length !== data.length && data && !loading ? (\r\n \r\n #{item.id} {item.sport}, {item.category}, {item.tourment}\r\n
\r\n\r\n {item.homeTeam} vs {item.awayTeam}\r\n
\r\n{item.date}
\r\n\r\n \r\n 0 ? (\r\n (\r\n {\r\n this.handleSearchItem(item);\r\n this.close();\r\n }}\r\n >\r\n {item}\r\n \r\n )}\r\n />\r\n ) : (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n searchResult: state.search.searchResult,\r\n eventsResult: state.search.eventsResult,\r\n loading: state.search.loading,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getSearchedData: (request) => dispatch(getSearchedData(request)),\r\n navigateSearchItem: (path) => dispatch(navigateSearchItem(path)),\r\n setEvent: (item) => dispatch(setEvent(item)),\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Search);\r\n","import { SearchActionTypes } from '.'\r\n\r\nexport function getSearchedData(request) {\r\n return {\r\n type: SearchActionTypes.GetSearchedData_Request,\r\n request\r\n }\r\n}\r\n\r\nexport function navigateSearchItem(path) {\r\n return {\r\n type: SearchActionTypes.Navigate_Search_Item,\r\n path\r\n }\r\n}","import { Modal, Steps } from 'antd';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Step1, Step2 } from './';\r\nconst { Step } = Steps;\r\n\r\nconst steps = [\r\n\t{\r\n\t\ttitle: 'Forgot Password',\r\n\t\tdesc: 'Step 1',\r\n\t\tcontent: \r\n No Results, Please try again searching a Team name or bet #\r\n
\r\n )\r\n }\r\n >\r\n \r\n\t\t\t\t\t\t{steps[current].content}\r\n\t\t\t\t\t
\r\n\t\t\t\t : null\r\n\t\t)\r\n\t}\r\n}\r\n\r\n\r\nconst MapStateToProps = (state, props) => {\r\n\treturn {\r\n\t\tmessage: state.auth.message,\r\n\t\tcurrent: state.auth.currentForgotPassword,\r\n\t};\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => (\r\n\t{\r\n\r\n\t}\r\n);\r\n\r\nexport default connect(MapStateToProps, mapDispatchToProps)(ForgotPassword);","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Modal, Steps } from \"antd\";\r\nimport {\r\n init,\r\n handleRegisterSignin,\r\n} from \"../../redux/actions/registerActions\";\r\nimport { Step1, Step2, Step3, Step4, Step5 } from \"./\";\r\nimport { Alert } from \"../../components\";\r\nconst { Step } = Steps;\r\n\r\nconst steps = [\r\n {\r\n title: \"Register Account\",\r\n desc: \"Step 1\",\r\n content: {steps[current].content}
\r\n \r\n ) : null;\r\n }\r\n}\r\n\r\nconst MapStateToProps = (state, props) => {\r\n return {\r\n message: state.register.message,\r\n current: state.register.current,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n init: () => dispatch(init()),\r\n handleRegisterSignin: () => dispatch(handleRegisterSignin()),\r\n});\r\n\r\nexport default connect(MapStateToProps, mapDispatchToProps)(Register);\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Tabs } from \"antd\";\r\nimport {\r\n memberForms,\r\n formsDetails,\r\n} from \"../../../redux/actions/membersActions\";\r\nimport { formStatuses } from \"../../../redux/actions/generalActions\";\r\nimport { Images } from \"../../\";\r\n\r\nconst TabPane = Tabs.TabPane;\r\n\r\nexport class MyBets extends Component {\r\n state = {\r\n toggleMyBets: false,\r\n toggleCollapse: false,\r\n expandedRowKeys: [],\r\n // fromDate: moment().startOf('day'),\r\n // toDate: moment().endOf('day'),\r\n status: 0,\r\n pagination: {\r\n current: 1,\r\n },\r\n index: 0,\r\n rendered: false,\r\n expendedDataSource: [],\r\n expandedSNWRowKeys: [],\r\n };\r\n toggleMeBetsListGroup = () => {\r\n let collapsable = document.getElementById(\"my-bets-rows-container\");\r\n this.setState({\r\n toggleMyBets: !this.state.toggleMyBets,\r\n });\r\n };\r\n componentWillMount() {\r\n let data = {\r\n statusId: this.state.status,\r\n fromDate: this.state.fromDate,\r\n toDate: this.state.toDate,\r\n pageIndex: this.state.pagination.current - 1,\r\n };\r\n this.props.memberForms(data);\r\n this.props.formStatuses({ data: { formStatusId: 0 } });\r\n this.tableRef = React.createRef();\r\n }\r\n setStatusFilter = (value) => {\r\n // console.log(\"value\",value);\r\n this.setState({ status: value, expandedRowKeys: [] }, () => {\r\n let data = {\r\n statusId: this.state.status,\r\n fromDate: this.state.fromDate,\r\n toDate: this.state.toDate,\r\n pageIndex: 0,\r\n };\r\n this.props.memberForms(data);\r\n });\r\n };\r\n\r\n createMyBetsStates(formNumber) {\r\n this.setState({\r\n formNumber: false,\r\n });\r\n }\r\n convertDate(month, day) {\r\n switch (month) {\r\n case \"1\":\r\n return `${day} January`;\r\n case \"2\":\r\n return `${day} February`;\r\n case \"3\":\r\n return `${day} March`;\r\n case \"4\":\r\n return `${day} April`;\r\n case \"5\":\r\n return `${day} May`;\r\n case \"6\":\r\n return `${day} June`;\r\n case \"7\":\r\n return `${day} July`;\r\n case \"8\":\r\n return `${day} August`;\r\n case \"9\":\r\n return `${day} September`;\r\n case \"10\":\r\n return `${day} October`;\r\n case \"11\":\r\n return `${day} November`;\r\n case \"12\":\r\n return `${day} December`;\r\n }\r\n }\r\n async toggleCollapse(record, idx) {\r\n let arrowSpan = document.getElementById(`${idx}`);\r\n let imageElement = document.createElement(\"img\");\r\n\r\n let targetDiv = document.getElementsByClassName(`${record.formNumber}`);\r\n let betRowsContainerDiv = document.getElementById(`${record.formNumber}`);\r\n for (let i = 0; i < targetDiv.length; i++) {\r\n let divStyle = targetDiv[i].style.display;\r\n if (divStyle == \"none\") {\r\n betRowsContainerDiv.style.borderBottom = \"none\";\r\n\r\n let data = await {\r\n formNumber: record.formNumber,\r\n formType: record.formType,\r\n };\r\n await this.props.formsDetails(data);\r\n // {this.props.formDetails && this.props.formDetails[0].match }\r\n\r\n targetDiv[i].style.display = \"block\";\r\n imageElement.src = Images.DownArrow;\r\n arrowSpan.src = imageElement.src;\r\n arrowSpan.style.transform = \"rotate(180deg)\";\r\n this.setState({\r\n record: record,\r\n });\r\n } else {\r\n betRowsContainerDiv.style.borderBottom = \"1px solid #FAF9F6\";\r\n targetDiv[i].style.display = \"none\";\r\n arrowSpan.style.transform = \"none\";\r\n imageElement.src = Images.DownArrow;\r\n arrowSpan.src = imageElement.src;\r\n }\r\n // formsDetails action\r\n }\r\n }\r\n render() {\r\n const { formDetails } = this.props;\r\n let filteredFormDetails = {};\r\n function displaySportImage(sportName) {\r\n switch (sportName) {\r\n case \"Soccer\":\r\n return Images.Soccer;\r\n case \"Basketball\":\r\n return Images.MenuBasketball;\r\n case \"Cricket\":\r\n return Images.MenuCricket;\r\n case \"Ice Hokey\":\r\n return Images.IceHockey;\r\n case \"rugby\":\r\n return Images.Rugby;\r\n case \"aussie rules\":\r\n return Images.Aussie;\r\n case \"dart\":\r\n return Images.Dart;\r\n case \"MMA\":\r\n return Images.MMA;\r\n }\r\n }\r\n let soccerData =\r\n formDetails.length > 0 &&\r\n formDetails.filter((item) => {\r\n return item.sport == \"Soccer\";\r\n });\r\n let basketBallData =\r\n formDetails.length > 0 &&\r\n formDetails.filter((item) => {\r\n return item.sport == \"Basketball\";\r\n });\r\n let cricketData =\r\n formDetails.length > 0 &&\r\n formDetails.filter((item) => {\r\n return item.sport == \"Cricket\";\r\n });\r\n let iceHockeyData =\r\n formDetails.length > 0 &&\r\n formDetails.filter((item) => {\r\n return item.sport == \"Ice Hokey\";\r\n });\r\n let rugbyData =\r\n formDetails.length > 0 &&\r\n formDetails.filter((item) => {\r\n return item.sport == \"rugby\";\r\n });\r\n let aussieData =\r\n formDetails.length > 0 &&\r\n formDetails.filter((item) => {\r\n return item.sport == \"aussie rules\";\r\n });\r\n let dartData =\r\n formDetails.length > 0 &&\r\n formDetails.filter((item) => {\r\n return item.sport == \"dart\";\r\n });\r\n let mmaData =\r\n formDetails.length > 0 &&\r\n formDetails.filter((item) => {\r\n return item.sport == \"MMA\";\r\n });\r\n\r\n formDetails.length > 0 &&\r\n formDetails.map((item) => {\r\n if (item.sport == \"MMA\") {\r\n return (filteredFormDetails[\"MMA\"] = mmaData);\r\n }\r\n if (item.sport == \"dart\") {\r\n return (filteredFormDetails[\"dart\"] = dartData);\r\n }\r\n\r\n if (item.sport == \"aussie rules\") {\r\n return (filteredFormDetails[\"aussie rules\"] = aussieData);\r\n }\r\n if (item.sport == \"rugby\") {\r\n return (filteredFormDetails[\"rugby\"] = rugbyData);\r\n }\r\n if (item.sport == \"Ice Hokey\") {\r\n return (filteredFormDetails[\"ice Hokey\"] = iceHockeyData);\r\n }\r\n if (item.sport == \"Cricket\") {\r\n return (filteredFormDetails[\"cricket\"] = cricketData);\r\n }\r\n\r\n if (item.sport == \"Basketball\") {\r\n return (filteredFormDetails[\"basketball\"] = basketBallData);\r\n }\r\n if (item.sport == \"Soccer\") {\r\n return (filteredFormDetails[\"soccer\"] = soccerData);\r\n }\r\n });\r\n\r\n function deployFormDetails(record, formDetails) {\r\n let targetDiv = document.getElementsByClassName(`${record.formNumber}`);\r\n targetDiv[0].textContent = \"\";\r\n Object.values(filteredFormDetails).map((item, idx) => {\r\n let imageSrc = displaySportImage(item[\"0\"].sport);\r\n let imageAmountDiv = document.createElement(\"div\");\r\n let imageElement = document.createElement(\"img\");\r\n imageElement.src = imageSrc;\r\n // END of image div\r\n\r\n // ![](\"/images/lorient.svg\")
\r\n // ![](\"/images/RC_Lens.svg\")
\r\n // creating dummy images to be displayed in mybets rows\r\n\r\n // amount element\r\n let amountElement = document.createElement(\"p\");\r\n amountElement.textContent = record.amount;\r\n amountElement.style.display = \"inline\";\r\n // END of amount element\r\n\r\n // appending children to parents\r\n imageAmountDiv.appendChild(imageElement);\r\n imageAmountDiv.appendChild(amountElement);\r\n targetDiv[0].appendChild(imageAmountDiv);\r\n\r\n // END appending children to parents\r\n\r\n // Styling parents\r\n imageAmountDiv.style.display = \"flex\";\r\n imageAmountDiv.style.justifyContent = \"space-between\";\r\n imageAmountDiv.style.backgroundColor = \"#233355\";\r\n imageAmountDiv.style.paddingRight = \"10px\";\r\n imageAmountDiv.style.paddingLeft = \"10px\";\r\n imageAmountDiv.style.alignItems = \"center\";\r\n\r\n // End of styling parents\r\n\r\n // Styling Children\r\n amountElement.style.marginTop = \"15px\";\r\n amountElement.style.color = \"#2C8AF7\";\r\n amountElement.style.fontWeight = \"bold\";\r\n\r\n // END of styling children\r\n\r\n for (let i = 0; i < item.length; i++) {\r\n let divsContainer = document.createElement(\"div\");\r\n\r\n // creating dummy images to be displayed in mybets rows\r\n\r\n // let firstTeamImg = document.createElement(\"img\");\r\n // firstTeamImg.src = \"/images/lorient.svg\";\r\n // firstTeamImg.style.height = \"18px\";\r\n // firstTeamImg.style.width = \"18px\";\r\n\r\n // let secondTeamImg = document.createElement(\"img\");\r\n // secondTeamImg.src = \"/images/RC_Lens.svg\";\r\n // secondTeamImg.style.height = \"18px\";\r\n // secondTeamImg.style.width = \"18px\";\r\n\r\n // END OF dummy images\r\n\r\n // MatchId Div declaration and its content\r\n let matchIdDiv = document.createElement(\"div\");\r\n let matchParagraph = document.createElement(\"div\");\r\n let idParagraph = document.createElement(\"span\");\r\n\r\n let firstTeamName = document.createElement(\"span\");\r\n let secondTeamName = document.createElement(\"span\");\r\n // END of MatchId\r\n\r\n // vsElement\r\n let vsElement = document.createElement(\"span\");\r\n vsElement.textContent = \"Vs.\";\r\n vsElement.style.color = \"#2C8AF7\";\r\n vsElement.style.fontWeight = \"bold\";\r\n\r\n // END of vsElement\r\n\r\n // MatchId Div declaration and its content\r\n let noteOddDiv = document.createElement(\"div\");\r\n let noteParagraph = document.createElement(\"span\");\r\n let oddParagraph = document.createElement(\"span\");\r\n // END of MatchId\r\n\r\n // styling of elements depends on formDetails\r\n if (targetDiv[0]) {\r\n divsContainer.style.borderBottom = \"1px solid black\";\r\n divsContainer.style.marginBottom = \"10px\";\r\n }\r\n\r\n noteOddDiv.style.padding = \"10px\";\r\n noteOddDiv.style.display = \"flex\";\r\n noteOddDiv.style.justifyContent = \"space-between\";\r\n\r\n matchIdDiv.style.padding = \"10px\";\r\n matchIdDiv.style.display = \"flex\";\r\n matchIdDiv.style.justifyContent = \"space-between\";\r\n\r\n idParagraph.style.opacity = \"0.5\";\r\n\r\n // End of styling\r\n\r\n if (targetDiv[0]) {\r\n // adding content to elements\r\n firstTeamName.textContent = `${item[i].match.split(\"Vs.\")[0]} `;\r\n secondTeamName.textContent = `${item[i].match.split(\"Vs.\")[1]} `;\r\n // matchParagraph.appendChild(firstTeamImg);\r\n matchParagraph.appendChild(firstTeamName);\r\n matchParagraph.appendChild(vsElement);\r\n matchParagraph.appendChild(secondTeamName);\r\n // matchParagraph.appendChild(secondTeamImg);\r\n\r\n idParagraph.textContent = `ID: ${item[i].bet}`;\r\n noteParagraph.textContent = item[i].note;\r\n oddParagraph.textContent = item[i].odd;\r\n // END of adding content\r\n // appending\r\n matchIdDiv.appendChild(matchParagraph);\r\n matchIdDiv.appendChild(idParagraph);\r\n divsContainer.appendChild(matchIdDiv);\r\n\r\n noteOddDiv.appendChild(noteParagraph);\r\n noteOddDiv.appendChild(oddParagraph);\r\n divsContainer.appendChild(noteOddDiv);\r\n targetDiv[0].appendChild(divsContainer);\r\n // END of appending\r\n }\r\n }\r\n });\r\n }\r\n // console.log(\"this.state.record\" , this.state.record);\r\n this.props.formDetails.length > 0 &&\r\n this.state.record &&\r\n document.getElementsByClassName(`${this.state.record.formNumber}`)[0] &&\r\n deployFormDetails(this.state.record, this.props.formDetails);\r\n function calculateTotalFormOdds(forms) {\r\n if (forms.length > 0) {\r\n const sumWithInitial = forms.reduce(\r\n (previousValue, item) =>\r\n previousValue + Number(item.amount.replace(/[^\\d.-]/g, \"\")),\r\n 0\r\n );\r\n return forms[0].amount.includes(\"LD\")\r\n ? \"LD\" + sumWithInitial\r\n : \"$\" + sumWithInitial;\r\n }\r\n }\r\n\r\n // console.log(\r\n // \"from my bets ================formDetails=formDetails\",\r\n // this.props.forms\r\n // );\r\n // console.log(\r\n // \"from my bets =================Details\",\r\n // this.props.formDetails\r\n // );\r\n // console.log(\"from my bets =================allprops\", this.props);\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n total: state.member.totalForms,\r\n forms: state.member.forms,\r\n statuses: state.general.statuses,\r\n loading: state.member.loading,\r\n formDetails: state.member.formDetails,\r\n isGroup: state.member.isGroup,\r\n betLines: state.member.betLines,\r\n message: state.member.betsMessage,\r\n betDetailsModalVisible: state.member.betDetailsModalVisible,\r\n formDateRange: state.member.formDateRange,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n memberForms: (data) => dispatch(memberForms(data)),\r\n formStatuses: (data) => dispatch(formStatuses(data)),\r\n formsDetails: (data) => dispatch(formsDetails(data)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(MyBets);\r\n","/* eslint-disable no-unused-vars */\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Form, Input, Button, Tooltip, Popover, Popconfirm, Icon } from \"antd\";\r\nimport { Cookies, Events, Enums, AppConfig } from \"../../helpers\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { changeFeed } from \"../../redux/actions/appActions\";\r\n// import { ForgotPassword, Register } from \"../../screens/index\";\r\nimport ForgotPassword from '../../screens/forgotPassword/ForgotPassword'\r\nimport Register from '../../screens/Register/Register'\r\nimport MyBets from \"../../components/common/myBets/MyBets\";\r\nimport {\r\n browserName,\r\n fullBrowserVersion,\r\n osName,\r\n osVersion,\r\n isMobile,\r\n isTablet,\r\n} from \"react-device-detect\";\r\nimport {\r\n signIn,\r\n signOut,\r\n init,\r\n setShowLoginPopConfirm,\r\n} from \"../../redux/actions/authActions\";\r\nimport { setSelectedCurrency } from \"../../redux/actions/membersActions\";\r\nimport { navigate } from \"../../redux/actions/appActions\";\r\n\r\nclass Signin extends React.Component {\r\n state = {\r\n validUsername: true,\r\n tooltipUsername: null,\r\n validPassword: true,\r\n tooltipPassword: null,\r\n showRegister: false,\r\n showForgotPassword: false,\r\n loginPopoverOpen: false,\r\n showLoginError: false,\r\n showCurrencyPopup: false,\r\n setCurrency: \"\",\r\n bounce: false,\r\n accountVisible: false,\r\n showBalance: true,\r\n\t\tchangeStatus : 0\r\n };\r\n\r\n toggleShowBalance() {\r\n this.setState({ showBalance: !this.state.showBalance });\r\n }\r\n\r\n onClickRegister = () => {\r\n this.setState({\r\n showRegister: true,\r\n loginPopoverOpen: false,\r\n });\r\n };\r\n\r\n onClickForgotPassword = () => {\r\n this.setState({\r\n showForgotPassword: true,\r\n loginPopoverOpen: false,\r\n });\r\n };\r\n\r\n onCloseRegister = () => {\r\n this.setState({\r\n showRegister: false,\r\n loginPopoverOpen: false,\r\n });\r\n };\r\n\r\n onCloseForgotPassword = () => {\r\n this.setState({\r\n showForgotPassword: false,\r\n loginPopoverOpen: false,\r\n });\r\n };\r\n\r\n handleVisibleChange = () => {\r\n this.setState({ accountVisible: !this.state.accountVisible });\r\n };\r\n componentDidUpdate() {\r\n const { signedIn, signOut, message, setActivity } = this.props;\r\n const { showLoginError } = this.state;\r\n\r\n let user = Cookies.get(\"user\");\r\n\r\n if (!user && signedIn) {\r\n window.log(\"user \" + user + \"signedIn \" + signedIn);\r\n //signOut();\r\n this.props.init();\r\n }\r\n\r\n if (message && !showLoginError) {\r\n this.setState({\r\n showLoginError: true,\r\n });\r\n }\r\n }\r\n\r\n handleSearch = (value) => {\r\n window.log(value);\r\n };\r\n\r\n handleSubmit = (e, isLoginConfirm) => {\r\n const { form, signIn } = this.props;\r\n\r\n e.preventDefault();\r\n e.stopPropagation();\r\n form.validateFields([\"userName\", \"password\"], (err, values) => {\r\n if (!err) {\r\n this.setState({\r\n validUsername: true,\r\n validPassword: true,\r\n tooltipUsername: null,\r\n tooltipPassword: null,\r\n });\r\n\r\n let data = {\r\n userName: values.userName,\r\n password: values.password,\r\n platform: isTablet ? \"Tablet\" : isMobile ? \"Mobile\" : \"Desktop\",\r\n os: `${osName} ${osVersion}`,\r\n browser: `${browserName} ${fullBrowserVersion}`,\r\n deviceToken: localStorage.getItem('firebaseDeviceToken')\r\n };\r\n if (isLoginConfirm) {\r\n data.isSignedInConfirm = true;\r\n this.props.setShowLoginPopConfirm(false);\r\n }\r\n\r\n signIn(data);\r\n } else {\r\n if (err.userName && err.userName.errors.length > 0) {\r\n this.setState({\r\n validUsername: false,\r\n tooltipUsername: err.userName.errors[0].message,\r\n });\r\n\r\n setTimeout(() => {\r\n this.setState({\r\n validUsername: true,\r\n tooltipUsername: null,\r\n });\r\n }, 4000);\r\n }\r\n\r\n if (err.password && err.password.errors.length > 0) {\r\n this.setState({\r\n validPassword: false,\r\n tooltipPassword: err.password.errors[0].message,\r\n });\r\n\r\n setTimeout(() => {\r\n this.setState({\r\n validPassword: true,\r\n tooltipPassword: null,\r\n });\r\n }, 4000);\r\n }\r\n } \r\n });\r\n };\r\n\r\n logOut = () => {\r\n this.props.signOut();\r\n };\r\n\r\n popConfirmVisibleChange = () => {\r\n if (this.state.showCurrencyPopup) {\r\n this.setState({ showCurrencyPopup: false });\r\n }\r\n };\r\n\r\n setSelectCurrency = (currency) => {\r\n this.props.setSelectedCurrency(currency);\r\n this.setState({ bounce: true }, () => {\r\n let timer = setTimeout(() => {\r\n this.setState({ bounce: false });\r\n clearTimeout(timer);\r\n }, 1000);\r\n });\r\n this.handleVisibleChange();\r\n };\r\n\r\n renderLogedin = () => {\r\n let { currentGame } = this.props;\r\n let user = Cookies.get(\"user\");\r\n let selectedCurrency = Cookies.get(\"selectedCurrency\");\r\n return (\r\n \r\n
\r\n )}\r\n {/* {this.state.toggleMyBets && (\r\n \r\n
\r\n \r\n );\r\n })\r\n ) : (\r\n \r\n {!this.state.toggleMyBets && (\r\n
\r\n {this.state.toggleMyBets && (\r\n \r\n \r\n 
\r\n \r\n )}\r\n
\r\n )}\r\n\r\n {this.state.toggleMyBets && (\r\n \r\n {this.props.forms.length > 0 && (\r\n \r\n )}{\" \"}\r\n My Bets{\" \"}\r\n {this.props.forms && (\r\n \r\n ({this.props.forms.length}){\" \"}\r\n \r\n )}\r\n
\r\n {!this.state.toggleMyBets && (\r\n \r\n \r\n
\r\n )}\r\n \r\n {this.props.forms.length > 0 && (\r\n \r\n )}{\" \"}\r\n My Bets{\" \"}\r\n {this.props.forms && (\r\n \r\n ({this.props.forms.length}){\" \"}\r\n \r\n )}\r\n
\r\n {this.state.toggleMyBets && (\r\n \r\n \r\n {/* {item.formNumber} */}\r\n {/* {this.props.formDetails && this.props.formDetails[0].match } */}\r\n
\r\n \r\n \r\n
\r\n {this.props.forms.length > 0 ? (\r\n this.props.forms.map((item, idx) => {\r\n return (\r\n <>\r\n \r\n this.toggleCollapse(item, idx)}\r\n >\r\n
\r\n \r\n
\r\n \r\n Form Id: {item.formNumber}\r\n
\r\n \r\n Status:{\" \"}\r\n {item.status == \"Active\" ? (\r\n \r\n {item.status}\r\n \r\n ) : item.status == \"Lost\" ? (\r\n \r\n {item.status}\r\n \r\n ) : (\r\n \r\n {item.status}\r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n {this.convertDate(\r\n item.date.slice(14, 15),\r\n item.date.slice(10, 12)\r\n )}\r\n
\r\n\r\n \r\n {/* */}\r\n\r\n You Don't Have any Bets Yet !\r\n
\r\n )}\r\n \r\n Total odds\r\n \r\n {this.props.forms && calculateTotalFormOdds(this.props.forms)}\r\n \r\n
\r\n )} */}\r\n \r\n\r\n \r\n {\r\n this.popConfirmVisibleChange();\r\n }}\r\n visible={this.state.showCurrencyPopup}\r\n overlayClassName=\"currency-message-popover\"\r\n placement=\"topRight\"\r\n title={\"You are about to change currency\"}\r\n onConfirm={() => {\r\n this.setState({ showCurrencyPopup: false }, () =>\r\n this.setSelectCurrency(this.state.setCurrency)\r\n );\r\n }}\r\n okText=\"Yes\"\r\n cancelText=\"No\"\r\n onCancel={() => {\r\n this.setState({ showCurrencyPopup: false });\r\n }}\r\n >\r\n {user &&\r\n selectedCurrency &&\r\n Object.keys(user.balance).map((currency, index) => (\r\n {\r\n this.setState({\r\n showCurrencyPopup: true,\r\n setCurrency: user.balance[currency],\r\n });\r\n }}\r\n >\r\n \r\n {\" \"}\r\n {`${user.balance[currency].currencySymbol}`}{\" \"}\r\n \r\n \r\n {` ${\r\n Math.round(user.balance[currency].balance) !==\r\n user.balance[currency].balance\r\n ? user.balance[currency].balance.format(2)\r\n : user.balance[currency].balance.format(0)\r\n }`}\r\n \r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n this.toggleShowBalance()}\r\n />\r\n
\r\n My Balance:
\r\n\r\n {user && user.bonus && (\r\n {\r\n this.props.changeFeed('', 'account');\r\n this.handleVisibleChange();\r\n }}\r\n className=\"info\"\r\n type=\"primary\"\r\n >\r\n My Account\r\n \r\n \r\n \r\n {\r\n this.props.changeFeed('', 'account');\r\n this.handleVisibleChange();\r\n }}\r\n className=\"info\"\r\n type=\"primary\"\r\n >\r\n Deposit\r\n \r\n \r\n this.logOut()}\r\n >\r\n Sign Out\r\n \r\n
\r\n \r\n }\r\n >\r\n \r\n My Bonus:{\" \"}\r\n {`${user.bonus.currency.currencySymbol} ${\r\n user.bonus.currency.currencyId === 1\r\n ? user.bonus.balance.format(0)\r\n : user.bonus.balance.format(2)\r\n }`}\r\n
\r\n )}\r\n \r\n\r\n \r\n {user.firstName} {user.lastName}\r\n \r\n {currentGame ? (\r\n {currentGame}\r\n ) : this.state.showBalance ? (\r\n \r\n {selectedCurrency.currencySymbol}{\" \"}\r\n {` ${\r\n Math.round(selectedCurrency.balance) !==\r\n selectedCurrency.balance\r\n ? selectedCurrency.balance.format(2)\r\n : selectedCurrency.balance.format()\r\n }`}{\" \"}\r\n \r\n ) : (\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n\r\n );\r\n };\r\n // content={\r\n // AppConfig.ShowSignInAndRegistersBtn ? (\r\n // \r\n // \r\n // \r\n // {getFieldDecorator(\"userName\", {\r\n // rules: [\r\n // {\r\n // required: true,\r\n // message: \"Enter Email or Phone or Number\",\r\n // },\r\n // ],\r\n // })(\r\n // \r\n // Register\r\n // \r\n // \r\n // \r\n // {getFieldDecorator(\"password\", {\r\n // rules: [{ required: true, message: \"Enter Password\" }],\r\n // })(\r\n // \r\n // Forgot Password\r\n // \r\n // \r\n // {showLoginPopConfirm ? (\r\n // \r\n // this.handleSubmit(e, true)}\r\n // onCancel={() => this.props.setShowLoginPopConfirm(false)}\r\n // okText=\"Yes\"\r\n // cancelText=\"No\"\r\n // visible={showLoginPopConfirm}\r\n // >\r\n // \r\n // {loading ? \"\" : \"Sign In\"}\r\n // \r\n // \r\n // \r\n // \r\n // ) : (\r\n // \r\n // \r\n // {loading ? \"\" : \"Sign In\"}\r\n // \r\n // \r\n // \r\n // )}\r\n // \r\n //
\r\n // ) : (\r\n // \"Coming soon\"\r\n // )\r\n // }\r\n\r\n renderSignin = () => {\r\n const { signedIn } = this.props;\r\n if (signedIn) {\r\n return this.renderLogedin();\r\n } else {\r\n return (\r\n \r\n // \r\n // {\r\n // this.props.init();\r\n // this.setState({ showLoginError: false });\r\n // }}\r\n // className=\"username\"\r\n // placeholder=\"Email or Phone or Number\"\r\n // />\r\n //
\r\n // )}\r\n // \r\n // \r\n // {\r\n // this.props.init();\r\n // this.setState({ showLoginError: false });\r\n // }}\r\n // type=\"password\"\r\n // className=\"password\"\r\n // placeholder=\"Password\"\r\n // />\r\n //
\r\n // )}\r\n // \r\n {this.renderLoginForm()}\r\n {AppConfig.ShowSignInAndRegistersBtn ? (\r\n this.navigateToPage('login-registration/2')}\r\n >\r\n REGISTER\r\n \r\n ) : (\r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n\r\n {this.renderSignin()}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst WrappedSigninForm = Form.create({ name: \"Signin_Form\" })(Signin);\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n signedIn: state.auth.signedIn,\r\n message: state.auth.message,\r\n loading: state.auth.loading,\r\n balance: state.member.balance,\r\n selectedCurrency: state.member.selectedCurrency,\r\n showLoginPopConfirm: state.auth.showLoginPopConfirm,\r\n currentGame: state.slots.currentGame,\r\n\t\tbalanceStatus: state.member.balanceStatus,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n signOut: () => dispatch(signOut()),\r\n signIn: (data) => dispatch(signIn(data)),\r\n setSelectedCurrency: (currency) => dispatch(setSelectedCurrency(currency)),\r\n init: () => dispatch(init()),\r\n setShowLoginPopConfirm: (value) => dispatch(setShowLoginPopConfirm(value)),\r\n changeFeed: (feedId, feedName) => dispatch(changeFeed(feedId, feedName)),\r\n\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(WrappedSigninForm);\r\n","import React, { Component } from \"react\";\r\nimport Images from \"./Images\";\r\nimport { connect } from \"react-redux\";\r\nimport { Modal } from \"antd\";\r\nimport { validateCouponReset } from \"../../redux/actions/generalActions\";\r\nimport CheckCoupon from \"./CheckCoupon\";\r\n\r\nexport class CouponModal extends Component {\r\n state = {\r\n isModalOpen: false,\r\n };\r\n showModal = () => {\r\n this.props.validateCouponReset();\r\n this.setState({\r\n isModalOpen: true,\r\n });\r\n };\r\n\r\n handleCancel = () => {\r\n this.setState({\r\n isModalOpen: false,\r\n });\r\n };\r\n\r\n render() {\r\n const { signedIn } = this.props;\r\n return (\r\n \r\n {signedIn ? (\r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n signedIn: state.auth.signedIn,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n validateCouponReset: () => {\r\n dispatch(validateCouponReset());\r\n },\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CouponModal);\r\n","/* eslint-disable jsx-a11y/alt-text */\r\nimport moment from \"moment\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Alert, Images, Loading } from \"../\";\r\nimport {\r\n Enums,\r\n Utils,\r\n SessionStorage,\r\n Cookies,\r\n AppConfig,\r\n} from \"../../helpers\";\r\nimport { changeFeed } from \"../../redux/actions/appActions\";\r\nimport { switchMode } from \"../../redux/actions/appActions\";\r\nimport { setJackpotWonMessages } from \"../../redux/actions/jackpotActions\";\r\nimport { setMemberApprovedJackpotWinnings } from \"../../redux/actions/membersActions\";\r\nimport Connection from \"../common/Connection\";\r\nimport ModeSwitcher from \"../common/ModeSwitcher\";\r\nimport Search from \"../common/Search\";\r\nimport Signin from \"./Signin\";\r\nimport CouponModal from \"../common/CouponModal\";\r\n\r\nclass Header extends React.Component {\r\n state = {\r\n time: moment(),\r\n messageCount: 0,\r\n winningModalOpened: false,\r\n };\r\n\r\n async componentDidMount() {\r\n if (this.props.serverTime) {\r\n this.setState({ time: moment(this.props.serverTime) });\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n let {\r\n winningMessage,\r\n jackpotWinningApproved,\r\n setMemberApprovedJackpotWinnings,\r\n } = this.props;\r\n let jackpotId = Cookies.get(\"jackpotId\");\r\n\r\n if (\r\n this.props.serverTime &&\r\n this.props.serverTime !== prevProps.serverTime\r\n ) {\r\n this.setState({ time: moment(this.props.serverTime) });\r\n clearInterval(this.interval);\r\n this.interval = setInterval(\r\n () =>\r\n this.setState({ time: moment(this.state.time).add(1, \"minutes\") }),\r\n 60000\r\n );\r\n }\r\n // if (winningMessage &&\r\n // winningMessage.length > 0 &&\r\n // this.state.messageCount !== winningMessage.length\r\n // ) {\r\n // let iframeElement = document.getElementById(\"slot-frame\");\r\n // const message = {\r\n // name: \"gdk:ui\",\r\n // args: {\r\n // name: \"autogame\",\r\n // data: {\r\n // active: false,\r\n // rounds: Infinity,\r\n // },\r\n // },\r\n // };\r\n // iframeElement &&\r\n // iframeElement.contentWindow &&\r\n // iframeElement.contentWindow.postMessage(message, \"*\");\r\n // winningMessage && winningMessage.map((message, index) => {\r\n // this.setState({ messageCount: this.state.messageCount + 1 });\r\n // let modal = {\r\n // key: `gameWin${index}`,\r\n // type: \"text\",\r\n // text: message,\r\n // visible: true,\r\n // onOK: () => {\r\n // Utils.closeModal({ id: `gameWin${index}` });\r\n // winningMessage.splice(index, 1);\r\n // this.props.setJackpotWonMessages(winningMessage);\r\n // this.setState({ messageCount: this.state.messageCount - 1 });\r\n // },\r\n // okLabel: \"OK\",\r\n // };\r\n // Utils.openModal(modal);\r\n // });\r\n // }\r\n\r\n // if (\r\n // jackpotWinningApproved &&\r\n // jackpotWinningApproved !== prevProps.jackpotWinningApproved\r\n // ) {\r\n // let modal = {\r\n // key: \"winningApproved\",\r\n // type: \"text\",\r\n // text: \"Your Jackpot Winning Is Approved\",\r\n // visible: true,\r\n // onOK: () => {\r\n // Utils.closeModal({ id: \"winningApproved\" });\r\n // setMemberApprovedJackpotWinnings(jackpotId);\r\n // },\r\n // okLabel: \"OK\",\r\n // };\r\n // Utils.openModal(modal);\r\n // }\r\n }\r\n componentWillUnmount() {\r\n clearInterval(this.interval);\r\n }\r\n\r\n navigate = (\r\n route,\r\n feedId = Enums.Feed.Static,\r\n feedName = Enums.FeedNames.Static\r\n ) => {\r\n const { changeFeed, history } = this.props;\r\n if (history.location.pathname != route) {\r\n history.push(`${route}`);\r\n changeFeed(feedId.toString(), feedName);\r\n window.scrollTo(0, 0);\r\n }\r\n };\r\n\r\n render() {\r\n const {\r\n feedName,\r\n feedId,\r\n jackpotWinningApproved,\r\n winningMessage,\r\n setMemberApprovedJackpotWinnings,\r\n switchMode,\r\n loadingHeaderTabs,\r\n headerTabs,\r\n headerTabsError,\r\n loadingDefaultLiveSport,\r\n defaultLiveSportError,\r\n defaultLiveSport,\r\n } = this.props;\r\n return (\r\n \r\n 
this.showModal()} />\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n Check Your Promo Code
\r\n this.handleCancel()}>\r\n 
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.navigate(\"/contact\", Enums.Feed.ContactUs);\r\n }}\r\n >\r\n Contact Us\r\n
*/}\r\n \r\n {Utils.formatDate(this.state.time, \"HH:mm a\").toUpperCase()}\r\n
\r\n \r\n
\r\n \r\n \r\n this.navigate(\r\n `/sport/${Enums.Feed.Static}/1/Soccer`,\r\n Enums.Feed.Static,\r\n Enums.FeedNames.Static\r\n )\r\n }\r\n >\r\n Sports\r\n
\r\n )}\r\n\r\n {headerTabs.includes(\"Live\") && (\r\n \r\n \r\n this.navigate(\r\n `/sport/${Enums.Feed.Static}/1/Soccer`,\r\n Enums.Feed.Home,\r\n Enums.FeedNames.Home\r\n )\r\n }\r\n >\r\n
\r\n {!this.props.fromWorldCup &&\r\n (loadingHeaderTabs ? (\r\n \r\n {/* \r\n this.navigate(\r\n `/landing-page`,\r\n Enums.Feed.Landing,\r\n Enums.FeedNames.Landing\r\n )\r\n }\r\n >\r\n Landing\r\n
*/}\r\n {headerTabs.includes(\"Sports\") && (\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n feedId: state.app.feedId,\r\n serverTime: state.app.serverTime,\r\n currentGame: state.slots.currentGame,\r\n winningMessage: state.jackpot.winningMessage,\r\n winnerJackpotId: state.jackpot.winnerJackpotId,\r\n currentWin: state.jackpot.currentWin,\r\n jackpotWinningApproved: state.jackpot.jackpotWinningApproved,\r\n loadingHeaderTabs: state.general.loadingHeaderTabs,\r\n headerTabs: state.general.headerTabs,\r\n headerTabsError: state.general.headerTabsError,\r\n loadingDefaultLiveSport: state.sportEvents.loadingDefaultLiveSport,\r\n defaultLiveSportError: state.sportEvents.defaultLiveSportError,\r\n defaultLiveSport: state.sportEvents.defaultLiveSport,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n changeFeed: (feedId, feedName) => dispatch(changeFeed(feedId, feedName)),\r\n setJackpotWonMessages: (messages) =>\r\n dispatch(setJackpotWonMessages(messages)),\r\n setMemberApprovedJackpotWinnings: (jackpotId) =>\r\n dispatch(setMemberApprovedJackpotWinnings(jackpotId)),\r\n switchMode: () => dispatch(switchMode()),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Header);\r\n","import { SignalRTypes } from './actionTypes';\r\n\r\nexport function jackpotConnect() {\r\n return {\r\n type: SignalRTypes.Jackpot_Connect_Request\r\n }\r\n}\r\n\r\n\r\nexport function getJackpot() {\r\n return {\r\n type: SignalRTypes.Get_Jackpot_Request\r\n }\r\n}\r\n\r\n\r\nexport function setJackpotWonMessages(messages) {\r\n return {\r\n type: SignalRTypes.Set_Jackpot_Won_Message,\r\n messages\r\n }\r\n}\r\n\r\n","import React, { Component } from \"react\";\r\nimport { Enums } from \"../../helpers\";\r\nimport Images from \"../common/Images\";\r\n\r\nexport class LoginAndRegistrationHeader extends Component {\r\n navigate = (route) => {\r\n const { history } = this.props;\r\n if (history.location.pathname != route) {\r\n history.push(`${route}`);\r\n }\r\n };\r\n\r\n render() {\r\n const { showForgotPassword, showLoginForm, indicator } = this.props;\r\n return (\r\n \r\n
\r\n {indicator == \"login\" &&\r\n (!showForgotPassword ? (\r\n \r\n \r\n this.navigate(`/sport/${Enums.Feed.Static}/1/Soccer`)\r\n }\r\n >\r\n
\r\n )}\r\n \r\n {this.props.fromSlotMobileGame ? (\r\n \r\n this.navigate(`/sport/${Enums.Feed.Static}/1/Soccer`)\r\n }\r\n >\r\n
\r\n ) : (\r\n \r\n You don't have an account? \r\n
\r\n ) : (\r\n window.location.assign(\"2\")}>\r\n Register\r\n
{\" \"}\r\n showLoginForm()}>\r\n Back To Login\r\n
\r\n ))}\r\n {indicator == \"register\" && (\r\n \r\n You already have an account? \r\n
\r\n )}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default LoginAndRegistrationHeader;\r\n","\r\nimport { BackTop, Layout } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n App,\r\n LoginAndRegistrationHeader\r\n} from \"..\";\r\n\r\nconst { Header, Footer, Content } = Layout;\r\n\r\nclass LoginAndRegistrationScreen extends React.Component {\r\n backgroundImage = () => {\r\n const { match } = this.props;\r\n\r\n if (match.params.feed && match.params.sport)\r\n return `bg bg-${match.params.feed}${match.params.sport}`;\r\n\r\n if (match.url === \"/slots\") return \"\";\r\n\r\n return \"bg-00\";\r\n };\r\n\r\n render() {\r\n \r\n const { children, className } = this.props;\r\n\r\n return (\r\n window.location.assign(\"1\")}>Login
{\" \"}\r\n \r\n \r\n {/* \r\n )}\r\n \r\n \r\n\r\n \r\n
\r\n\r\n {children}
\r\n \r\n \r\n {/* \r\n )}\r\n \r\n \r\n\r\n \r\n
\r\n\r\n {children}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n {children}
\r\n \r\n {props.name}\r\n
\r\n );\r\n};\r\n\r\nexport default TeamName;\r\n","import React from \"react\";\r\nimport { Icon } from \"antd\";\r\n\r\nexport default class Favorite extends React.Component {\r\n render() {\r\n const { callBack, selected } = this.props;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { AppConfig } from \"../../helpers\";\r\nimport TeamName from \"../common/betEvents/TeamName\";\r\nimport { LazyLoadImage, trackWindowScroll } from 'react-lazy-load-image-component';\r\n\r\n\r\nexport class Teams extends Component {\r\n state = {};\r\n checkImage = (teamId) => {\r\n this.setState({\r\n [teamId]: true,\r\n });\r\n };\r\n render() {\r\n const { teamName, teamId, teamColor } = this.props;\r\n return (\r\n <>\r\n {!this.state[teamId] && (\r\n \r\n
\r\n Add to favorites.\r\n \r\n this.checkImage(teamId)}\r\n />\r\n
\r\n )}\r\n {this.state[teamId] &&\r\n teamName.includes(\" \") &&\r\n teamName.split(\" \").length >= 2 ? (\r\n \r\n {icon &&
\r\n );\r\n};\r\n// const style\r\nclass HeaderMobile extends React.Component {\r\n state = {\r\n selectedTab: null,\r\n displayMobileSearchBar: true,\r\n };\r\n async componentDidMount() {}\r\n\r\n onDrawerMenu = (open) => {\r\n const { openMobileMenu } = this.props;\r\n openMobileMenu(open);\r\n };\r\n\r\n onSwipe = (e) => {};\r\n\r\n toggleBetweenSearchContainers = () => {\r\n this.setState({\r\n displayMobileSearchBar: !this.state.displayMobileSearchBar,\r\n });\r\n };\r\n\r\n navigate = (\r\n route,\r\n feedId = Enums.Feed.Static,\r\n feedName = Enums.FeedNames.Static\r\n ) => {\r\n const { changeFeed, history } = this.props;\r\n if (history.location.pathname != route) {\r\n history.push(`${route}`);\r\n changeFeed(feedId.toString(), feedName);\r\n window.scrollTo(0, 0);\r\n }\r\n };\r\n onTabChange(key) {\r\n this.setState({ selectedTab: key });\r\n }\r\n\r\n render() {\r\n const {\r\n feedName,\r\n feedId,\r\n betSlipList,\r\n mobileBetslipOpen,\r\n mobileMenuOpen,\r\n openMobileBetslip,\r\n signedIn,\r\n switchMode,\r\n fromWorldCup,\r\n match,\r\n loadingHeaderTabs,\r\n headerTabs,\r\n headerTabsError,\r\n defaultLiveSport,\r\n } = this.props;\r\n return (\r\n \r\n {text}\r\n
\r\n \r\n \r\n \r\n \r\n {this.state.displayMobileSearchBar && !signedIn ? (\r\n \r\n
\r\n ) : null}\r\n {!this.state.displayMobileSearchBar && !signedIn ? (\r\n {Utils.InDev &&
*/}\r\n \r\n \r\n \r\n \r\n this.navigate(\r\n `/sport/${Enums.Feed.Static}/1/Soccer`,\r\n Enums.Feed.Static,\r\n Enums.FeedNames.Static\r\n )\r\n }\r\n >\r\n Sports\r\n
\r\n )}\r\n {headerTabs.includes(\"Live\") && (\r\n \r\n
\r\n\r\n {!fromWorldCup &&\r\n (loadingHeaderTabs ? (\r\n this.navigate(`/`)}>\r\n
\r\n\r\n \r\n
\r\n \r\n {/* \r\n this.navigate(\r\n `/landing-page`,\r\n Enums.Feed.Landing,\r\n Enums.FeedNames.Landing\r\n )\r\n }\r\n >\r\n Landing\r\n
*/}\r\n {headerTabs.includes(\"Sports\") && (\r\n \r\n ![]()
this.props.history.push('https://s5.sir.sportradar.com/winnersinc/en/1/season/59630')} src={Images.Icon_BarChart} />\r\n
\r\n )} */}\r\n\r\n {/* OLD MAIN MENU */}\r\n {/* \r\n {\r\n this.onTabChange(key);\r\n }}\r\n >\r\n \r\n this.navigate(\r\n `/sport/${Enums.Feed.Static}/1/Soccer`,\r\n Enums.Feed.Static,\r\n Enums.FeedNames.Static\r\n )\r\n }\r\n >\r\n 
\r\n Sports\r\n
\r\n }\r\n key={\"sports\"}\r\n >\r\n \r\n 
\r\n
*/}\r\n \r\n \r\n {Object.keys(betSlipList).length +\r\n (this.props.customBetData &&\r\n Object.values(this.props.customBetData).length > 0\r\n ? 1\r\n : 0)}\r\n
\r\n \r\n {\r\n this.handleDocument(\"terms-and-conditions\");\r\n }}\r\n >\r\n Terms and Conditions\r\n
\r\n \r\n
\r\n
\r\n {\r\n this.handleDocument(\"contact-us\");\r\n }}\r\n >\r\n Contact Us\r\n
*/}\r\n \r\n
\r\n
\r\n \r\n {footerProviders &&\r\n footerProviders.footerProviders.map((item) => {\r\n return (\r\n
\r\n \r\n \r\n
\r\n \r\n {socialMedia &&\r\n socialMedia.map((item) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.navigate(\"/contact\", Enums.Feed.ContactUs);\r\n }}\r\n >\r\n Contact Us\r\n
\r\n {/* \r\n {\r\n this.handleDocument(\"about-us\");\r\n }}\r\n >\r\n About Us\r\n
\r\n \r\n {footerText && footerText.pageText && (\r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n All betting and gambling are forbidden for people under the\r\n age of 18\r\n
\r\n \r\n
\r\n Version:{AppConfig.version}© {moment().year()} WINNERS INC All\r\n rights reserved\r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n feedId: state.app.feedId,\r\n lonestarImage: state.general.configuration.lonestarImage,\r\n orangeImage: state.general.configuration.orangeImage,\r\n tipMeImage: state.general.configuration.tipMeImage,\r\n voucherImage: state.general.configuration.voucherImage,\r\n androidImage: state.general.configuration.androidImage,\r\n appleImage: state.general.configuration.appleImage,\r\n eighteenPlusImage: state.general.configuration.eighteenPlusImage,\r\n socialMedia: state.general.configuration.socialMedia,\r\n loadingFooterProviders: state.general.loadingFooterProviders,\r\n footerProvidersError: state.general.footerProvidersError,\r\n footerProviders: state.general.footerProviders,\r\n apkAndroidLink: state.general.configuration.apkAndroidLink,\r\n apkAppleLink: state.general.configuration.apkAppleLink,\r\n footerText: state.general.footerText,\r\n isDark : state.app.isDark\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n changeFeed: (feedId) => {\r\n dispatch(changeFeed(feedId));\r\n },\r\n pageName: (page) => dispatch(pageName(page)),\r\n getFooterProviders: () => dispatch(getFooterProviders()),\r\n getFooterText: () => dispatch(getFooterText()),\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Footer);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { changeFeed } from \"../../redux/actions/appActions\";\r\nimport { pageName } from \"../../redux/actions/generalActions\";\r\nimport { Enums, AppConfig } from \"../../helpers\";\r\nimport { Button } from \"antd\";\r\nimport Images from \"../common/Images\";\r\nimport { getFooterProviders, getFooterText } from \"../../redux/actions/generalActions\";\r\nimport { Env } from '../../helpers/enums';\r\nimport moment from \"moment\";\r\n\r\n\r\nclass Footer extends React.Component {\r\n componentDidMount() {\r\n this.props.getFooterProviders()\r\n this.props.getFooterText();\r\n }\r\n\r\n handleDocument = (page) => {\r\n this.props.pageName(page);\r\n this.props.history.push(`/document/${page}`);\r\n window.scrollTo(0, 0);\r\n };\r\n navigate = (\r\n route,\r\n feedId = Enums.Feed.Static,\r\n feedName = Enums.FeedNames.Static\r\n ) => {\r\n const { changeFeed, history } = this.props;\r\n if (history.location.pathname != route) {\r\n history.push(`${route}`);\r\n changeFeed(feedId.toString(), feedName);\r\n window.scrollTo(0, 0);\r\n }\r\n };\r\n\r\n render() {\r\n const {\r\n lonestarImage,\r\n orangeImage,\r\n tipMeImage,\r\n voucherImage,\r\n androidImage,\r\n appleImage,\r\n eighteenPlusImage,\r\n footerProviders,\r\n apkAndroidLink,\r\n apkAppleLink,\r\n footerText,\r\n socialMedia\r\n } = this.props;\r\n\r\n return (\r\n\r\n
\r\n
\r\n\r\n {\r\n this.handleDocument(\"privacy-policy\");\r\n }}\r\n >\r\n Privacy Policy\r\n
\r\n \r\n
\r\n {footerProviders && footerProviders.footerProviders.map((item) => {\r\n return (\r\n
\r\n \r\n
\r\n \r\n \r\n {apkAppleLink ?\r\n \r\n \r\n
\r\n \r\n {socialMedia &&\r\n socialMedia.map((item) => {\r\n return (\r\n \r\n
\r\n \r\n\r\n
\r\n {\r\n this.handleDocument(\"terms-and-conditions\");\r\n }}\r\n >\r\n Terms and Conditions\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n {\r\n this.navigate(\"/contact\", Enums.Feed.ContactUs);\r\n }}\r\n >\r\n Contact Us\r\n
\r\n \r\n {\r\n this.handleDocument(\"about-us\");\r\n }}\r\n >\r\n About Us\r\n
\r\n \r\n {footerText && footerText.pageText &&\r\n \r\n }\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n 
\r\n
\r\n \r\n All betting and gambling are forbidden for people under the\r\n age of 18\r\n
\r\n \r\n {/* {AppConfig.version} */}\r\n
\r\n \r\n \r\n
Version:{AppConfig.version}© {moment().year()} WINNERS INC All rights reserved
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n feedId: state.app.feedId,\r\n lonestarImage: state.general.configuration.lonestarImage,\r\n orangeImage: state.general.configuration.orangeImage,\r\n tipMeImage: state.general.configuration.tipMeImage,\r\n voucherImage: state.general.configuration.voucherImage,\r\n androidImage: state.general.configuration.androidImage,\r\n appleImage: state.general.configuration.appleImage,\r\n eighteenPlusImage: state.general.configuration.eighteenPlusImage,\r\n loadingFooterProviders: state.general.loadingFooterProviders,\r\n footerProvidersError: state.general.footerProvidersError,\r\n footerProviders: state.general.footerProviders,\r\n apkAndroidLink: state.general.configuration.apkAndroidLink,\r\n apkAppleLink: state.general.configuration.apkAppleLink,\r\n footerText: state.general.footerText,\r\n socialMedia: state.general.configuration.socialMedia,\r\n\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n pageName: (page) => dispatch(pageName(page)),\r\n changeFeed: (feedId) => {\r\n dispatch(changeFeed(feedId));\r\n },\r\n getFooterProviders: () => dispatch(getFooterProviders()),\r\n getFooterText: () => dispatch(getFooterText()),\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Footer);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Images } from \"../\";\r\nimport { Enums } from \"../../helpers\";\r\nimport { changeFeed } from \"../../redux/actions/appActions\";\r\nimport { Carousel, Layout } from \"antd\";\r\nimport { getBannerImages } from \"../../redux/actions/generalActions\";\r\nimport { Loading, Alert } from \"../\";\r\nimport { AppConfig } from \"../../helpers\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\n\r\nconst imgStyle = {\r\n width: \"100%\",\r\n borderRadius: \"5px\",\r\n maxHeight: \"320px\",\r\n};\r\nconst IsMobile = ({ children }) => {\r\n const IsMobile = useMediaQuery({ maxWidth: 500 });\r\n return IsMobile ? children : null;\r\n};\r\nconst IsUpperScreen = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 500 });\r\n return isDesktop ? children : null;\r\n};\r\nclass Banner extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.myCourasel = React.createRef();\r\n }\r\n componentDidMount() {\r\n this.props.getBannerImages();\r\n }\r\n componentDidUpdate(prevProps) {\r\n const { match } = this.props;\r\n\r\n if (prevProps.sportType !== this.props.sportType) {\r\n this.myCourasel.current.goTo(0, true);\r\n }\r\n }\r\n render() {\r\n const {\r\n promotionalBannersError,\r\n promotionalBanners,\r\n loadingBanners,\r\n } = this.props;\r\n const mobileFilterCurrentBanner =promotionalBanners && promotionalBanners.mobileBannerImages.filter(\r\n (item) => item.sportType == Number(this.props.match.params.sport)\r\n )\r\n \r\n const desktopFilterCurrentBanner =promotionalBanners && promotionalBanners.websiteBannerImages.filter(\r\n (item) => item.sportType == Number(this.props.match.params.sport)\r\n )\r\n \r\n const mobileFilterPromotionalBanners =promotionalBanners && promotionalBanners.mobileBannerImages.filter(\r\n (item) => item.bannerType == 1\r\n )\r\n \r\n const desktopFilterPromotionalBanners =promotionalBanners && promotionalBanners.websiteBannerImages.filter(\r\n (item) => item.bannerType == 1\r\n )\r\n \r\n // key={this.props.sportType}\r\n return (\r\n\r\n \r\n \r\n {desktopFilterCurrentBanner && desktopFilterCurrentBanner[0] &&(\r\n \r\n \r\n \r\n {mobileFilterCurrentBanner && mobileFilterCurrentBanner[0] &&(\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n feedId: state.app.feedId,\r\n promotionalBannersError: state.general.promotionalBannersError,\r\n loadingBanners: state.general.loadingBanners,\r\n promotionalBanners: state.general.promotionalBanners,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n changeFeed: (feedId) => {\r\n dispatch(changeFeed(feedId));\r\n },\r\n getBannerImages: () => {\r\n dispatch(getBannerImages());\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Banner);\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Images } from '../';\r\nimport { Enums } from '../../helpers';\r\nimport { changeFeed } from '../../redux/actions/appActions';\r\n\r\nclass BannerMobile extends React.Component {\r\n\r\n\tasync componentDidMount() {\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\treturn (\r\n\t\t\t\r\n
\r\n )}\r\n {loadingBanners ? (\r\n \r\n ![]()
typeof(item.promoId) == typeof(1) && this.props.history.push(`/promos/${item.promoId}`)} style={imgStyle} src={`${item.bannerPath}?id=${item.imageVersion}`} alt=\"banner\" />\r\n
\r\n );\r\n })\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n
\r\n )}\r\n {loadingBanners ? (\r\n \r\n ![]()
typeof(item.promoId) == typeof(1) && this.props.history.push(`/promos/${item.promoId}`)} style={imgStyle} src={`${item.bannerPath}?id=${item.imageVersion}`} alt=\"banner\" />\r\n
\r\n );\r\n })\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n\treturn {\r\n\t\tfeedId: state.app.feedId\r\n\t}\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tchangeFeed: (feedId) => {\r\n\t\t\tdispatch(changeFeed(feedId));\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(BannerMobile);\r\n","import { BackTop, Layout } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n App,\r\n Banner,\r\n BannerMobile,\r\n Footer as FooterDiv,\r\n FooterMobile as FooterMobileDiv,\r\n Header as HeaderDiv,\r\n HeaderMobile as HeaderMobileDiv,\r\n} from \"../\";\r\nimport { Modal } from \"../\";\r\nimport { Events, Constants, Cookies } from \"../../helpers\";\r\nimport { openModal, closeModal } from \"../../redux/actions/modalActions\";\r\nimport { signOut } from \"../../redux/actions/authActions\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport { getSportTypesIcons } from \"../../redux/actions/generalActions\";\r\nimport { navigate } from '../../redux/actions/appActions';\r\n\r\n\r\nconst { Header, Footer, Content } = Layout;\r\nconst IsMiddleScreenAndMobile = ({ children }) => {\r\n const isMiddleScreenAndMobile = useMediaQuery({ maxWidth: 1100 });\r\n return isMiddleScreenAndMobile ? children : null;\r\n};\r\nconst IsDesktop = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 1100 });\r\n return isDesktop ? children : null;\r\n};\r\nclass Screen extends React.Component {\r\n backgroundImage = () => {\r\n const { match } = this.props;\r\n\r\n if (match.params.feed && match.params.sport)\r\n return `bg bg-${match.params.feed}${match.params.sport}`;\r\n\r\n if (match.url.includes(`/slots`) && !match.url.includes(`/slots1`)) return \"slots-bg\";\r\n\r\n return \"bg-00\";\r\n };\r\n\r\n async componentDidMount() {\r\n const { openModal, closeModal ,getSportTypesIcons , sportTypesIcons, navigate} = this.props;\r\n if (!sportTypesIcons){\r\n getSportTypesIcons()\r\n }\r\n this.modalListener = Events.subscribe(\r\n Constants.modal,\r\n (modal) => {\r\n modal.visible ? openModal(modal) : closeModal(modal.id);\r\n },\r\n true\r\n );\r\n\r\n this.navigateListener = Events.subscribe(Constants.navigate, value => {\r\n\t\t\tnavigate(value);\r\n\t\t})\r\n\r\n //window.addEventListener('beforeunload', this.handleWindowClose);\r\n }\r\n\r\n async componentWillUnmount() {\r\n if (this.modalListener) {\r\n this.modalListener.unSubscribe();\r\n this.modalListener = null;\r\n }\r\n //window.removeEventListener('beforeunload', this.handleWindowClose);\r\n }\r\n\r\n handleWindowClose() {\r\n if (Cookies.get(\"token\")) {\r\n let status = this.props.signOut();\r\n if (status) {\r\n return;\r\n }\r\n }\r\n }\r\n\r\n renderModals = () => {\r\n const { modals } = this.props;\r\n\r\n return modals.map((m, i) => {\r\n return (\r\n \r\n\t\t\t\t\t{/* 
*/}\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t{/*
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\tThey Play, You Win...\r\n\t\t\t\t\t\t
*/}\r\n\t\t\t\t\t\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {this.props.match.path != \"/slots\" && (\r\n \r\n {/* \r\n )}\r\n \r\n {/* {console.log(\"children\" , children)} */}\r\n \r\n\r\n \r\n
\r\n\r\n \r\n {children}\r\n
\r\n \r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\n\r\nconst mapStateToProps = (state, props) => {\r\n\treturn {\r\n\t\tsportTypesIcons: state.general.sportTypesIcons\r\n\t};\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n\r\n});\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(ScreenTitle);\r\n\r\n","import React from \"react\";\r\nimport { Icon } from \"antd\";\r\n\r\nimport { connect } from \"react-redux\";\r\nimport { SportIcon } from \"../\";\r\nimport { loadSportCategories } from \"../../redux/actions/categoriesActions\";\r\nimport {\r\n init,\r\n loadSportTypes,\r\n setSport,\r\n removeDisabledSportTypes,\r\n} from \"../../redux/actions/sportTypesActions\";\r\nimport { clearSportEvents } from \"../../redux/actions/sportEventsActions\";\r\nimport Swipe from \"./Swipe\";\r\nimport { Enums } from \"../../helpers\";\r\n\r\nconst antIcon = \r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t(!hideIcon && icon) &&\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t
\r\n\t\t\t\t{/* {\r\n\t\t\t\t\timage &&\r\n\t\t\t\t\t{title}
\r\n\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t(match && match.params.feed == 5) &&\r\n\t\t\t\t\t\tLive
\r\n\t\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t} */}\r\n\t\t\t\r\n
\r\n );\r\n};\r\n\r\nclass SportTypes extends React.Component {\r\n state = {\r\n disabled: false,\r\n showLeftButton: false,\r\n showRightButton: false,\r\n };\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (this.swipe) {\r\n if (!handleButtonsCalled) {\r\n this.handleButtons();\r\n handleButtonsCalled = true;\r\n }\r\n }\r\n }\r\n componentDidMount() {\r\n window.addEventListener(\"resize\", this.handleButtons);\r\n }\r\n componentWillUnmount() {\r\n window.removeEventListener(\"resize\", this.handleButtons);\r\n }\r\n\r\n handleButtons = () => {\r\n if (this.swipe) {\r\n const { swiper } = this.swipe;\r\n if (swiper && swiper.scrollWidth === swiper.clientWidth) {\r\n this.setState({ showLeftButton: false, showRightButton: false });\r\n } else {\r\n if (swiper.scrollLeft > 0) {\r\n this.setState({ showLeftButton: true });\r\n }\r\n if (swiper.scrollLeft < swiper.scrollWidth - swiper.clientWidth) {\r\n this.setState({ showRightButton: true });\r\n }\r\n if (swiper.scrollLeft === 0) {\r\n this.setState({ showLeftButton: false });\r\n }\r\n if (swiper.scrollLeft === swiper.scrollWidth - swiper.clientWidth) {\r\n this.setState({ showRightButton: false });\r\n }\r\n }\r\n }\r\n };\r\n buttonScroll = (direction, speed, distance, step) => {\r\n let element = this.swipe.swiper;\r\n let scrollAmount = 0;\r\n let slideTimer = setInterval(() => {\r\n if (direction == \"left\") {\r\n element.scrollLeft -= step;\r\n } else {\r\n element.scrollLeft += step;\r\n }\r\n scrollAmount += step;\r\n if (scrollAmount >= distance) {\r\n window.clearInterval(slideTimer);\r\n }\r\n this.handleButtons();\r\n }, speed);\r\n };\r\n\r\n onSwipeMove = (position, event) => {\r\n swipeStep = Math.abs(position.x) - Math.abs(swipeStep);\r\n if (swipePosition != position.x) {\r\n if (position.x > swipePosition) {\r\n this.swipeScroll(-(swipeStep / 5));\r\n }\r\n if (position.x < swipePosition) {\r\n this.swipeScroll(swipeStep / 5);\r\n }\r\n swipePosition = position.x;\r\n }\r\n };\r\n\r\n swipeScroll = (step) => {\r\n let element = this.swipe.swiper;\r\n element.scrollLeft += step;\r\n this.handleButtons();\r\n };\r\n\r\n onSwipeEnd = (event) => {\r\n this.setState({ disabled: false });\r\n swipePosition = 0;\r\n swipeStep = 0;\r\n };\r\n\r\n onSwipeStart = (event) => {\r\n this.setState({ disabled: true });\r\n swipePosition = 0;\r\n swipeStep = 0;\r\n };\r\n\r\n onSportTypeClick = (item) => {\r\n const {\r\n history,\r\n feedId,\r\n feedName,\r\n setSport,\r\n removeDisabledSportTypes,\r\n loadSportCategories,\r\n clearSportEvents,\r\n } = this.props;\r\n // if (\r\n // (item.feed.feedId == 6 && item.sport.sportId == 1) ||\r\n // item.feed.feedId == 5\r\n // ) {\r\n // history.push(\r\n // `/${feedName}/${feedId}/${item.sport.sportId}/${item.sport.sportDisplayName}`\r\n // );\r\n // }\r\n // //Go to today\r\n // else {\r\n if (Enums.VirtualFeedIds.includes(item.feed.feedId)) {\r\n const path = `/${feedName}/${item.feed.feedId}/${item.sport.sportId}/${item.sport.sportDisplayName}`;\r\n clearSportEvents();\r\n history.push(path);\r\n } else {\r\n history.push(\r\n `/${feedName}/${feedId}/${item.sport.sportId}/${item.sport.sportDisplayName}`\r\n );\r\n }\r\n // }\r\n\r\n setSport(item);\r\n removeDisabledSportTypes();\r\n\r\n const request = {\r\n Data: {\r\n Feed: { FeedId: Number(item.feed.feedId) },\r\n Sport: { SportId: Number(item.sport.sportId) },\r\n },\r\n };\r\n loadSportCategories(request);\r\n };\r\n\r\n render() {\r\n const { connected, sportTypes, loadingSportTypes, sportData } = this.props;\r\n\r\n if (!connected) {\r\n return (\r\n \r\n
\r\n {item.sport.sportDisplayName}
\r\n Connecting server...
*/}Loading Sport Types...
*/}\r\n \r\n\t\t\t// \t\t{\r\n\t\t\t// \t\t\tthis.state.showLeftButton &&\r\n\t\t\t// \t\t\t this.buttonScroll('left', 10, 100, 20)}>\r\n\t\t\t// \t\t\t\t
*/}\r\n\r\n // \r\n\t\t\t// \t\t{\r\n\t\t\t// \t\t\tthis.state.showRightButton &&\r\n\t\t\t// \t\t\t this.buttonScroll('right', 10, 100, 20)}>\r\n\t\t\t// \t\t\t\t
*/}\r\n // \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sportData: state.sportTypes.sportData,\r\n sportTypes: state.sportTypes.sportTypes,\r\n loadingSportTypes: state.sportTypes.loadingSportTypes,\r\n feedName: state.app.feedName,\r\n feedId: state.app.feedId,\r\n sportId: state.app.sportId,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadSportTypes: (item) => {\r\n dispatch(loadSportTypes(item));\r\n },\r\n setSport: (item) => {\r\n dispatch(setSport(item));\r\n },\r\n init: () => {\r\n dispatch(init());\r\n },\r\n loadSportCategories: (data) => {\r\n dispatch(loadSportCategories(data));\r\n },\r\n removeDisabledSportTypes: () => {\r\n dispatch(removeDisabledSportTypes());\r\n },\r\n clearSportEvents: () => {\r\n dispatch(clearSportEvents());\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SportTypes);\r\n","import React from 'react'\r\n\r\nimport { Utils } from '../../../helpers'\r\nimport { connect } from 'react-redux';\r\n\r\n\r\nclass Timer extends React.Component {\r\n\tstate = {\r\n\t\ttime: this.props.time,\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tlet intervalTimer = setInterval(() => {\r\n\t\t\tif (!this.props.producerDown) {\r\n\t\t\t\tif (this.props.type == \"up\") {\r\n\t\t\t\t\tif (this.props.status === 0) {//did not change stop timer\r\n\t\t\t\t\t\tthis.setState({ time: this.state.time })\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.setState({ time: this.state.time + 1 })\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tif (this.props.type == \"down\") {\r\n\t\t\t\t\tif (this.state.time > 0) {\r\n\t\t\t\t\t\tthis.setState({ time: this.state.time - 1 })\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}, 1000)\r\n\r\n\t\tthis.intervalTimer = intervalTimer;\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\t// Typical usage (don't forget to compare props):\r\n\t\tif (this.props.time !== prevProps.time) {\r\n\t\t\tthis.setState({ time: this.props.time })\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tclearInterval(this.intervalTimer);\r\n\t}\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{`${this.state.time && this.props.type == \"up\"\r\n\t\t\t\t\t? Utils.getGameTimeBySeconds(this.state.time)\r\n\t\t\t\t\t: this.state.time <= 120 ? \"Starting soon...\" : Utils.formatSecondsToTime(this.state.time)}`}\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n\r\n\r\n}\r\nconst mapStateToProps = (state) => {\r\n\treturn {\r\n\t\tproducerDown: state.signalr.producerDown,\r\n\t}\r\n}\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t}\r\n}\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(Timer);","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Bets } from \"../../\";\r\nimport { Constants, CountryCodes, Utils, Enums } from \"../../../helpers\";\r\nimport { onMobileBetFilterClick } from \"../../../redux/actions/sportEventsActions\";\r\n\r\nimport Timer from \"./Timer\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport { useRef } from \"react\";\r\nimport { OnScreenWrapper } from \"../../\";\r\nconst IsMiddleScreenAndMobile = ({ children }) => {\r\n const isMiddleScreenAndMobile = useMediaQuery({ maxWidth: 720 });\r\n return isMiddleScreenAndMobile ? children : null;\r\n};\r\nconst IsDesktop = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 720 });\r\n return isDesktop ? children : null;\r\n};\r\n\r\nconst EventRow = (props) => {\r\n const getCountryCode = (name) => {\r\n let result = CountryCodes.Codes.filter((item) => {\r\n return item.name.toLowerCase() == name.toLowerCase();\r\n });\r\n\r\n return result && result.length > 0 ? result[0].code.toLowerCase() : \"eu\";\r\n };\r\n const getHometeamScore = (score) => {\r\n return score ? score.split(\":\")[0] : \"\";\r\n };\r\n\r\n const getAwayTeamScore = (score) => {\r\n return score ? score.split(\":\")[1] : \"\";\r\n };\r\n\r\n const {\r\n id,\r\n betTypes,\r\n sportEvent,\r\n selectedValues,\r\n hideLeague,\r\n hideDate,\r\n selectedValue,\r\n } = props;\r\n if (!sportEvent) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n
\r\n\r\n {/* \r\n
\r\n\t\t\t\t\t} */}\r\n\r\n {/* {\r\n\t\t\t\t\t\t//Live\r\n\t\t\t\t\t\tsportEvent.feed.feedId == 5 &&\r\n\t\t\t\t\t\t\r\n {//Live\r\n sportEvent.feed.feedName == \"Virtual Football League EPL\" ? (\r\n
\r\n\r\n \r\n {/*
\r\n ) : sportEvent.feed.feedName == \"Live\" ? (\r\n Live
\r\n {sportEvent.eventScore && (\r\n \r\n {sportEvent.virtualSeasonName} Day:{\" \"}\r\n {sportEvent.virtualDayName}\r\n
\r\n \r\n {/* {`${\r\n sportEvent.eventStatus &&\r\n sportEvent.eventStatus.eventStatusDisplayName\r\n }`} */}\r\n {Utils.formatDate(sportEvent.eventDateOfMatch)}\r\n
\r\n\r\n {/* \r\n
*/}\r\n \r\n Live{\" \"}\r\n {sportEvent.eventScore && (\r\n
\r\n ) : (\r\n //Static\r\n \r\n {!hideDate && (\r\n
\r\n )}\r\n \r\n {Utils.formatDate(sportEvent.eventDateOfMatch)}\r\n
\r\n )}\r\n \r\n \r\n {sportEvent.feed.feedId == Enums.Feed.Live &&\r\n sportEvent.sport.sportId == 5 ? (\r\n \r\n
\r\n\r\n \r\n {/* sportEvent.feed.feedName == \"Live\" && sportEvent && sportEvent.feed && sportEvent.feed.feedId == 5 */}\r\n {sportEvent && sportEvent.feed.feedName == \"Live\" && (\r\n
\r\n \r\n
\r\n )}\r\n\r\n {betTypes && betTypes.match && (\r\n <>\r\n \r\n {getHometeamScore(\r\n sportEvent.eventScore && sportEvent.eventScore.score\r\n )}\r\n
\r\n \r\n {getAwayTeamScore(\r\n sportEvent.eventScore && sportEvent.eventScore.score\r\n )}\r\n
\r\n \r\n \r\n \r\n
\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 1 && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 2 && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 3 && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n )}\r\n {betTypes && !betTypes.match && (\r\n <>\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 1 && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 2 && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 3 && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n )}\r\n \r\n
\r\n \r\n {/* {\r\n //Virtuals\r\n (sportEvent.feed.feedId == Enums.Feed.VFL ||\r\n sportEvent.feed.feedId == Enums.Feed.VFLM ||\r\n sportEvent.feed.feedId == Enums.Feed.VBL ||\r\n sportEvent.feed.feedId == Enums.Feed.VDR ||\r\n sportEvent.feed.feedId == Enums.Feed.VHC ||\r\n sportEvent.feed.feedId == Enums.Feed.VTO ||\r\n sportEvent.feed.feedId == Enums.Feed.EPL) && (\r\n
\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\r\n
\r\n )\r\n } */}\r\n\r\n {/* {\r\n\t\t\t\t\t\t//Static\r\n\t\t\t\t\t\tsportEvent.feed.feedId == 6 &&\r\n\t\t\t\t\t\t\r\n {sportEvent.virtualSeasonName} / Day:{\" \"}\r\n {sportEvent.virtualDayName}\r\n
\r\n \r\n {sportEvent.eventDateOfMatchFormated}\r\n
\r\n \r\n
\r\n \r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t!hideDate &&\r\n\t\t\t\t\t\t\t\t< div className=\"date\">{Utils.formatDate(sportEvent.eventDateOfMatch)}
\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t!hideLeague &&\r\n\t\t\t\t\t\t\t\t< div className=\"league\">\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t{sportEvent.eventCategory.categoryDisplayName} / {sportEvent.eventTournament.tournamentDisplayName}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t} */}\r\n Live
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{`${sportEvent.eventStatus && sportEvent.eventStatus.eventStatusDisplayName}`}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tsportEvent.eventScore &&\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t{sportEvent.eventCategory.categoryDisplayName} / {sportEvent.eventTournament.tournamentDisplayName}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
*/}\r\n \r\n \r\n
\r\n {`ID: ${\r\n sportEvent.eventBetLineNo\r\n }`}
\r\n \r\n {sportEvent.feed.feedName == \"Live\" && (\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {//Live\r\n\r\n sportEvent.feed.feedName == \"Virtual Football League EPL\" ? (\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {`ID: ${\r\n sportEvent.eventBetLineNo\r\n }`}
\r\n \r\n
\r\n \r\n {sportEvent.feed.feedName == \"Live\" && (\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {\" \"}\r\n \r\n \r\n
\r\n \r\n {/*
\r\n ) : sportEvent.feed.feedName == \"Live\" ? (\r\n Live
*/}\r\n \r\n {sportEvent.virtualSeasonName} Day:{\" \"}\r\n {sportEvent.virtualDayName}\r\n
\r\n \r\n {/* {`${\r\n sportEvent.eventStatus &&\r\n sportEvent.eventStatus.eventStatusDisplayName\r\n }`} */}\r\n {Utils.formatDate(sportEvent.eventDateOfMatch)}\r\n
\r\n {/* {sportEvent.eventScore && (\r\n \r\n
*/}\r\n \r\n Live{\" \"}\r\n {sportEvent.eventScore && (\r\n
\r\n ) : (\r\n //Static\r\n sportEvent.feed.feedId == 6 && (\r\n \r\n {!hideDate && (\r\n
\r\n )\r\n )}\r\n \r\n {Utils.formatDate(sportEvent.eventDateOfMatch)}\r\n
\r\n )}\r\n \r\n \r\n {sportEvent.feed.feedId == Enums.Feed.Live &&\r\n sportEvent.sport.sportId == 5 ? (\r\n \r\n {/* sportEvent.feed.feedName == \"Live\" && sportEvent && sportEvent.feed && sportEvent.feed.feedId == 5 */}\r\n {sportEvent && sportEvent.feed.feedName == \"Live\" && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n {getHometeamScore(\r\n sportEvent.eventScore && sportEvent.eventScore.score\r\n )}\r\n
\r\n \r\n {getAwayTeamScore(\r\n sportEvent.eventScore && sportEvent.eventScore.score\r\n )}\r\n
\r\n \r\n {!selectedValue && betTypes.match ? (\r\n
\r\n \r\n \r\n \r\n
\r\n ) : !selectedValue && !betTypes.match ? (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n ) : ('')}\r\n {selectedValue &&\r\n betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 1 && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n {/* handicaps */}\r\n {/* {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 1 && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 2 && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 3 && (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n )} */}\r\n {/* END OF handicaps */}\r\n \r\n
\r\n \r\n {/*
\r\n );\r\n }\r\n\r\n return (\r\n \r\n
*/}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n sportEvent: state.sportEvents.sportEvents,\r\n loadingSportEvents: state.sportEvents.loadingSportEvents,\r\n eventsIds: state.sportEvents.eventsIds,\r\n countryFlags: state.general.countryFlags,\r\n signedIn: state.auth.signedIn,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n setEvent: (item) => {\r\n dispatch(setEvent(item));\r\n },\r\n setPropsMath: (match) => {\r\n dispatch(setPropsMath(match));\r\n },\r\n ManageMemeberFavorite: (data) => {\r\n dispatch(ManageMemeberFavorite(data));\r\n },\r\n updateFavoriteSportEvents: (tournamentUId) => {\r\n dispatch(updateFavoriteSportEvents(tournamentUId));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Events);\r\n","import React from 'react'\r\nimport { connect } from 'react-redux';\r\n\r\nimport { Bets, } from '../../';\r\nimport Events from './Events'\r\n\r\nimport { loadSportEvents, loadTopBets } from '../../../redux/actions/sportEventsActions';\r\nimport { setPropsMath } from '../../../redux/actions/appActions'\r\n\r\n\r\nclass EventsLive extends React.Component {\r\n\r\n componentDidMount() {\r\n const { loadSportEvents, match, loadTopBets, setPropsMath, connected } = this.props;\r\n setPropsMath(match);\r\n\r\n if (connected) {\r\n if (match.params.tournament) {\r\n\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n SportCategory: { SportCategoryId: Number(match.params.country) },\r\n TournamentId: Number(match.params.tournament)\r\n }\r\n }\r\n loadSportEvents(request);\r\n } else {\r\n\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n }\r\n }\r\n loadTopBets(request)\r\n }\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { loadSportEvents, match, loadTopBets,connected } = this.props;\r\n if ((prevProps.match.params.tournament !== this.props.match.params.tournament)\r\n || (prevProps.match.params.sport !== this.props.match.params.sport) || (!prevProps.connected && connected)) {\r\n if (match.params.tournament) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n SportCategory: { SportCategoryId: Number(match.params.country) },\r\n TournamentId: Number(match.params.tournament)\r\n }\r\n }\r\n loadSportEvents(request);\r\n } else {\r\n\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n }\r\n }\r\n loadTopBets(request);\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n const { error } = this.props;\r\n\r\n if (error) {\r\n return (\r\n {eventsIds && eventsIds.length > 0 && (\r\n <>\r\n \r\n \r\n )}\r\n
\r\n \r\n {/* {eventsIds &&\r\n eventsIds.map((item) => (\r\n \r\n \r\n {signedIn && (\r\n
\r\n \r\n
\r\n ))\r\n // \r\n \r\n this.addToFavorate(\r\n e,\r\n firstEvent.eventTournament.tournamentUId,\r\n )\r\n }\r\n />\r\n
\r\n )}\r\n \r\n
\r\n \r\n }\r\n key=\"1\"\r\n >\r\n {eventsIds &&\r\n eventsIds.map((item) => (\r\n \r\n {match.params.countryName}/{match.params.tournamentName}\r\n
\r\n\r\n
\r\n ))\r\n // \r\n \r\n \r\n {signedIn && (\r\n
\r\n ))\r\n )} */}\r\n {(\r\n eventsIds &&\r\n Object.values(filteredsportEvent).length > 0 &&\r\n Object.values(filteredsportEvent).map((item, idx) => (\r\n \r\n \r\n this.addToFavorate(\r\n e,\r\n item[0].eventTournament.tournamentUId,\r\n true,\r\n item[0].key,\r\n item[0].eventTournament.isFavorite\r\n )\r\n }\r\n />\r\n
\r\n )}\r\n \r\n
\r\n\r\n \r\n }\r\n key=\"1\"\r\n >\r\n {item.map((element) => {\r\n return (\r\n \r\n {item.length > 0 &&\r\n item[0].eventTournament.tournamentDisplayName}\r\n
\r\n\r\n \r\n \r\n {signedIn && (\r\n
\r\n ))\r\n )}\r\n \r\n \r\n this.addToFavorate(\r\n e,\r\n item[0].eventTournament.tournamentUId,\r\n true,\r\n item[0].key,\r\n item[0].eventTournament.isFavorite\r\n )\r\n }\r\n />\r\n
\r\n )}\r\n \r\n
\r\n\r\n \r\n }\r\n key=\"1\"\r\n >\r\n {item.map((element) => {\r\n return (\r\n \r\n {item.length > 0 &&\r\n item[0].eventTournament.tournamentDisplayName}\r\n
\r\n{error}
)\r\n }\r\n return (\r\n \r\n
\r\n )\r\n }\r\n\r\n}\r\n\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n feedId: state.app.feedId,\r\n sportData: state.sportTypes.sportData,\r\n tournamentData: state.categories.tournamentData,\r\n error: state.sportEvents.error,\r\n connected: state.signalr.liveConnected,\r\n\r\n }\r\n}\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadSportEvents: (request) => {\r\n dispatch(loadSportEvents(request));\r\n },\r\n loadTopBets: (request) => {\r\n dispatch(loadTopBets(request));\r\n },\r\n setPropsMath: (match) => {\r\n dispatch(setPropsMath(match));\r\n },\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EventsLive);","import React from 'react'\r\nimport { connect } from 'react-redux';\r\n\r\nimport Events from './Events'\r\nimport { loadSportEvents } from '../../../redux/actions/sportEventsActions';\r\n\r\n\r\n\r\nclass EventsSports extends React.Component {\r\n\r\n\tcomponentDidMount() {\r\n\t\tconst { loadSportEvents, match, connected } = this.props;\r\n\t\tif (connected) {\r\n\t\t\tlet request = {\r\n\t\t\t\tData: {\r\n\t\t\t\t\tFeed: { FeedId: Number(match.params.feed) },\r\n\t\t\t\t\tSport: { SportId: Number(match.params.sport) },\r\n\t\t\t\t\tSportCategory: { SportCategoryId: Number(match.params.country) },\r\n\t\t\t\t\tTournamentId: Number(match.params.tournament)\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tloadSportEvents(request)\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tconst { loadSportEvents, match,connected } = this.props;\r\n\t\tif ((prevProps.match.params.tournament !== this.props.match.params.tournament)\r\n\t\t|| (!prevProps.connected && connected)) {\r\n\t\t\tlet request = {\r\n\t\t\t\tData: {\r\n\t\t\t\t\tFeed: { FeedId: Number(match.params.feed) },\r\n\t\t\t\t\tSport: { SportId: Number(match.params.sport) },\r\n\t\t\t\t\tSportCategory: { SportCategoryId: Number(match.params.country) },\r\n\t\t\t\t\tTournamentId: Number(match.params.tournament)\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tloadSportEvents(request);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { error } = this.props;\r\n\r\n\t\tif (error) {\r\n\t\t\treturn ({error}
)\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n loadingSportEvents: state.sportEvents.loadingSportEvents,\r\n eventsIds: state.sportEvents.eventsIds,\r\n error: state.sportEvents.error,\r\n connected: state.signalr.virtualConnected,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadVirtualEvents: (data) => {\r\n dispatch(loadVirtualEvents(data));\r\n },\r\n setEvent: (item) => {\r\n dispatch(setEvent(item));\r\n },\r\n setPropsMath: (match) => {\r\n dispatch(setPropsMath(match));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(EventsVirtual);\r\n","import { List, Tabs, Row, Col, Slider, Modal, Icon } from 'antd';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { setPropsMath } from '../../../redux/actions/appActions'\r\nimport { setEvent } from '../../../redux/actions/sportEventsActions';\r\nimport { loadKironEvents } from '../../../redux/actions/sportEventsActions';\r\nimport { SpinAndWinEnums } from '../../../helpers'\r\nimport { OddField } from '../../';\r\n\r\n\r\nclass ZoomModal extends React.Component {\r\n\r\n state = {\r\n selectedNumber: null,\r\n currentValue: null,\r\n visible: false,\r\n }\r\n\r\n findNeighbors(row, col, selectedNumber) {\r\n let arr = SpinAndWinEnums.boardRows;\r\n let neighbors = [];\r\n if (selectedNumber === 0) {\r\n neighbors = [{\r\n row: 4,\r\n col: 0,\r\n value: 0\r\n },\r\n {\r\n row: 0,\r\n col: 0,\r\n value: 3\r\n },\r\n {\r\n row: 1,\r\n col: 0,\r\n value: 2\r\n }, {\r\n row: 2,\r\n col: 0,\r\n value: 1\r\n },\r\n\r\n ]\r\n }\r\n else {\r\n \r\n\r\n const inBoundary = row >= 0 && row <= arr.length - 1 && col >= 0 && col <= arr[row].length - 1;\r\n if (!inBoundary) {\r\n return neighbors;\r\n }\r\n const isTop = row - 1 >= 0 && row - 1 <= arr.length - 1;\r\n const isLeft = col - 1 >= 0 && col - 1 <= arr[row].length - 1;\r\n const isRight = col + 1 >= 0 && col + 1 <= arr[row].length - 1;\r\n const isBottom = row + 1 >= 0 && row + 1 <= arr.length - 1;\r\n\r\n const isTopTwo = row - 2 >= 0 && row - 2 <= arr.length - 1;\r\n const isBottomTow = row + 2 >= 0 && row + 2 <= arr.length - 1;\r\n\r\n // Top nighbour\r\n if (isTopTwo) {\r\n neighbors.push({\r\n row: row - 2,\r\n col: col,\r\n value: arr[row - 2][col]\r\n });\r\n }\r\n\r\n // Bottom nighbour\r\n if (isBottomTow) {\r\n neighbors.push({\r\n row: row + 2,\r\n col: col,\r\n value: arr[row + 2][col]\r\n });\r\n }\r\n\r\n if (isTopTwo && isLeft) {\r\n neighbors.push({\r\n row: row - 2,\r\n col: col - 1,\r\n value: arr[row - 2][col - 1]\r\n });\r\n }\r\n\r\n if (isTopTwo && isRight) {\r\n neighbors.push({\r\n row: row - 2,\r\n col: col + 1,\r\n value: arr[row - 2][col + 1]\r\n });\r\n }\r\n\r\n if (isBottomTow && isLeft) {\r\n neighbors.push({\r\n row: row + 2,\r\n col: col - 1,\r\n value: arr[row + 2][col - 1]\r\n });\r\n }\r\n\r\n if (isBottomTow && isRight) {\r\n neighbors.push({\r\n row: row + 2,\r\n col: col + 1,\r\n value: arr[row + 2][col + 1]\r\n });\r\n }\r\n\r\n \r\n\r\n if (col === 0) {\r\n neighbors.push({\r\n row: 4,\r\n col: 0,\r\n value: 0\r\n });\r\n }\r\n\r\n // Left nighbour\r\n if (isLeft) {\r\n neighbors.push({\r\n row: row,\r\n col: col - 1,\r\n value: arr[row][col - 1]\r\n });\r\n }\r\n\r\n neighbors.push({\r\n row: row,\r\n col: col,\r\n value: selectedNumber\r\n })\r\n\r\n // Right nighbour\r\n if (isRight) {\r\n neighbors.push({\r\n row: row,\r\n col: col + 1,\r\n value: arr[row][col + 1]\r\n });\r\n }\r\n\r\n // Top nighbour\r\n if (isTop) {\r\n neighbors.push({\r\n row: row - 1,\r\n col: col,\r\n value: arr[row - 1][col]\r\n });\r\n }\r\n\r\n // Bottom nighbour\r\n if (isBottom) {\r\n neighbors.push({\r\n row: row + 1,\r\n col: col,\r\n value: arr[row + 1][col]\r\n });\r\n }\r\n\r\n if (isTop && isLeft) {\r\n neighbors.push({\r\n row: row - 1,\r\n col: col - 1,\r\n value: arr[row - 1][col - 1]\r\n });\r\n }\r\n\r\n if (isTop && isRight) {\r\n neighbors.push({\r\n row: row - 1,\r\n col: col + 1,\r\n value: arr[row - 1][col + 1]\r\n });\r\n }\r\n\r\n if (isBottom && isLeft) {\r\n neighbors.push({\r\n row: row + 1,\r\n col: col - 1,\r\n value: arr[row + 1][col - 1]\r\n });\r\n }\r\n\r\n if (isBottom && isRight) {\r\n neighbors.push({\r\n row: row + 1,\r\n col: col + 1,\r\n value: arr[row + 1][col + 1]\r\n });\r\n }\r\n }\r\n\r\n const zoomArray = neighbors.sort((a, b) => a.value - b.value).reduce((group, curr) => {\r\n if (!group[curr.row]) {\r\n group[curr.row] = [];\r\n }\r\n group[curr.row].push(curr);\r\n return group;\r\n }, {});\r\n\r\n window.log(\"*****************************\", zoomArray)\r\n return zoomArray;\r\n }\r\n\r\n onButtonClick(){\r\n this.props.hideZoomModal()\r\n }\r\n\r\n render() {\r\n const { row, column, selectedNumber, hideZoomModal } = this.props;\r\n let neighbors = this.findNeighbors(row, column, selectedNumber);\r\n\r\n return (\r\n\r\n {error}
}\r\n\r\n {loadingSportEvents && (\r\n \r\n {/*
\r\n )}\r\n\r\n {!loadingSportEvents && !error && (\r\n \r\n\t\t\t\t\t\t\t
*/}\r\n \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {eventsIds && eventsIds.length > 0 && (\r\n
\r\n )}\r\n \r\n \r\n {neighbors[row].map(cell =>\r\n
\r\n )}\r\n \r\n }\r\n {\r\n neighbors && Object.keys(neighbors).map((row) =>\r\n row == 4 &&\r\n hideZoomModal() }>\r\n
\r\n {Object.keys(neighbors).map((row) =>\r\n\r\n row != 4 &&\r\n {this.onButtonClick() }} key={cell.value} className={`cols col-${cell.value}`}>{cell.value} \r\n {\r\n cell.value == selectedNumber &&
)}\r\n\r\n \r\n \r\n {neighbors[row].map(cell => \r\n
\r\n \r\n )\r\n }\r\n\r\n \r\n\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ZoomModal);","import { Typography, Row, Col } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { setPropsMath } from \"../../../redux/actions/appActions\";\r\nimport { Images, OddField, SpecialOddFieldButton } from \"../..\";\r\nimport {\r\n setEvent,\r\n getKironEvent,\r\n} from \"../../../redux/actions/sportEventsActions\";\r\nimport { loadKironEvents } from \"../../../redux/actions/sportEventsActions\";\r\nimport { changeFeed } from \"../../../redux/actions/appActions\";\r\nimport { SpinAndWinEnums, Cookies, Enums, Utils } from \"../../../helpers\";\r\nimport ZoomModal from \"./ZoomModal\";\r\nimport NoActivityModal from \"../NoActivityModal\";\r\nimport moment from \"moment\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\n\r\nconst IsMobile = ({ children }) => {\r\n const isMobile = useMediaQuery({ maxWidth: 550 });\r\n return isMobile ? children : null;\r\n};\r\nconst IsTabletAndDesktop = ({ children }) => {\r\n const IsTabletAndDesktop = useMediaQuery({ minWidth: 550 });\r\n return IsTabletAndDesktop ? children : null;\r\n};\r\n\r\nconst { Title } = Typography;\r\n\r\nclass EventsKiron extends React.Component {\r\n state = {\r\n selectedNumber: null,\r\n showZoomModal: false,\r\n row: null,\r\n column: null,\r\n };\r\n\r\n componentDidMount() {\r\n const { match, setPropsMath, getKironEvent } = this.props;\r\n setPropsMath(match);\r\n // to check if the browser is mock browser (user is opening from social media apps)\r\n // \r\n if (this.props.connected) {\r\n let Data = {\r\n Feed: {\r\n FeedId: Number(match.params.feed),\r\n },\r\n Sport: {\r\n SportId: Number(match.params.sport),\r\n },\r\n\r\n EventId: parseInt(match.params.eventId),\r\n };\r\n getKironEvent({ Data });\r\n }\r\n this.SpinAnsWinTimeout();\r\n document.addEventListener(\"click\", this.SpinAnsWinTimeout);\r\n }\r\n\r\n transformDate = (date) => {\r\n let newDate = moment(date, \"hh:mm A DD/MM/YYYY\");\r\n return newDate.format(\"DD/MM/YYYY HH:mm\");\r\n };\r\n\r\n SpinAnsWinTimeout = () => {\r\n const tokenExpiresMinutes = Cookies.get(\"tokenExpiresMinutes\");\r\n let time = (tokenExpiresMinutes || 5) * 60 * 1000;\r\n if (this.timeout) {\r\n clearTimeout(this.timeout);\r\n }\r\n this.timeout = setTimeout(() => {\r\n let noActivityModal = (\r\n { this.onButtonClick() }} className={`cols col-${cell.value}`}>\r\n {cell.value} \r\n {\r\n cell.value == selectedNumber &&
)}\r\n {num}
\r\n \r\n )\r\n );\r\n return col;\r\n };\r\n\r\n rowRenderer = () => {\r\n let board = [];\r\n for (let i = 0; i < SpinAndWinEnums.boardRows.length; i++) {\r\n board.push(\r\n \r\n {this.colRenderer(SpinAndWinEnums.boardRows[i], i)}\r\n
\r\n );\r\n }\r\n return board;\r\n };\r\n render() {\r\n const {\r\n match,\r\n loadingKironEvents,\r\n title,\r\n eventsIds,\r\n error,\r\n eventOddFields,\r\n eventData,\r\n ActiveSpinAndWinTables,\r\n isWheelLoading\r\n } = this.props;\r\n return (\r\n \r\n {error &&
\r\n {error}
}\r\n\r\n {loadingKironEvents && !isWheelLoading && (\r\n \r\n {/*
\r\n )}\r\n\r\n {eventOddFields !== undefined &&\r\n Object.keys(eventOddFields).length > 0 &&\r\n !loadingKironEvents &&\r\n eventData && (\r\n \r\n\t\t\t\t\t\t\t
*/}\r\n \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {!eventData.enableBet && (\r\n \r\n Game is no longer available for betting\r\n \r\n )}\r\n \r\n 
\r\n \r\n\r\n \r\n {eventData && (\r\n
\r\n )}\r\n \r\n \r\n {eventData.kironEventNumber} - {eventData.eventBetLineNo}\r\n
\r\n \r\n {this.transformDate(eventData.eventDateOfMatchFormated)}\r\n
\r\n \r\n \r\n
\r\n \r\n this.onNumberClick(null, null, 0)}\r\n >\r\n {
\r\n \r\n {this.rowRenderer()}\r\n\r\n {this.state.showZoomModal && (\r\n
\r\n\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds)\r\n .map((item, i) => {\r\n if (\r\n item.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.columns\r\n ) {\r\n let field = Object.values(odds)[i];\r\n return (\r\n
\r\n \r\n
\r\n\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((item, i) => {\r\n if (\r\n item.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.dozens\r\n ) {\r\n let field = Object.values(odds)[i];\r\n return (\r\n
\r\n\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((item, i) => {\r\n if (\r\n item.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.hightLow\r\n ) {\r\n let field = Object.values(odds)[i];\r\n return (\r\n
\r\n\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((item, i) => {\r\n if (\r\n item.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.sectors\r\n ) {\r\n let field = Object.values(odds)[i];\r\n let background = SpinAndWinEnums.sectors.find(\r\n (sector) =>\r\n sector.text === field.oddFieldDisplayName\r\n ).color;\r\n return (\r\n
\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((field, i) => {\r\n if (\r\n field.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.neighbors &&\r\n SpinAndWinEnums.neighbors[0].value === field.oddField\r\n ) {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n }\r\n })\r\n )}\r\n \r\n \r\n Neighbours{\" \"}\r\n \r\n
\r\n\r\n \r\n {SpinAndWinEnums.neighbors[1].map((neighbor) => {\r\n return Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((field, i) => {\r\n if (\r\n field.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.neighbors &&\r\n neighbor.value === field.oddField &&\r\n neighbor.text !== \"0\"\r\n ) {\r\n return (\r\n
\r\n \r\n {SpinAndWinEnums.neighbors[2].map((neighbor) => {\r\n return Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((field, i) => {\r\n if (\r\n field.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.neighbors &&\r\n neighbor.value === field.oddField &&\r\n neighbor.text !== \"0\"\r\n ) {\r\n return (\r\n
\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((field, i) => {\r\n if (\r\n field.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.neighbors &&\r\n SpinAndWinEnums.neighbors[3].value === field.oddField\r\n ) {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n }\r\n })\r\n )}\r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((field, i) => {\r\n if (\r\n field.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.neighbors &&\r\n SpinAndWinEnums.neighbors[4].value === field.oddField\r\n ) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n })\r\n )}\r\n \r\n {\" \"}\r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n \r\n\r\n \r\n {eventData.kironEventNumber} - {eventData.eventBetLineNo}\r\n
\r\n \r\n {this.transformDate(eventData.eventDateOfMatchFormated)}\r\n
\r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n this.onNumberClick(null, null, 0)}\r\n >\r\n {
\r\n \r\n {this.rowRenderer()}\r\n\r\n {this.state.showZoomModal && (\r\n
\r\n\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds)\r\n .map((item, i) => {\r\n if (\r\n item.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.columns\r\n ) {\r\n let field = Object.values(odds)[i];\r\n return (\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((item, i) => {\r\n if (\r\n item.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.dozens\r\n ) {\r\n let field = Object.values(odds)[i];\r\n return (\r\n
\r\n\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((item, i) => {\r\n if (\r\n item.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.hightLow\r\n ) {\r\n let field = Object.values(odds)[i];\r\n return (\r\n
\r\n\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((item, i) => {\r\n if (\r\n item.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.sectors\r\n ) {\r\n let field = Object.values(odds)[i];\r\n let background = SpinAndWinEnums.sectors.find(\r\n (sector) =>\r\n sector.text === field.oddFieldDisplayName\r\n ).color;\r\n return (\r\n
\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((field, i) => {\r\n if (\r\n field.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.neighbors &&\r\n SpinAndWinEnums.neighbors[0].value === field.oddField\r\n ) {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n }\r\n })\r\n )}\r\n \r\n \r\n Neighbours{\" \"}\r\n \r\n
\r\n\r\n \r\n {SpinAndWinEnums.neighbors[1].map((neighbor) => {\r\n return Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((field, i) => {\r\n if (\r\n field.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.neighbors &&\r\n neighbor.value === field.oddField &&\r\n neighbor.text !== \"0\"\r\n ) {\r\n return (\r\n
\r\n \r\n {SpinAndWinEnums.neighbors[2].map((neighbor) => {\r\n return Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((field, i) => {\r\n if (\r\n field.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.neighbors &&\r\n neighbor.value === field.oddField &&\r\n neighbor.text !== \"0\"\r\n ) {\r\n return (\r\n
\r\n \r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((field, i) => {\r\n if (\r\n field.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.neighbors &&\r\n SpinAndWinEnums.neighbors[3].value === field.oddField\r\n ) {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n }\r\n })\r\n )}\r\n {Object.values(eventOddFields).map((odds) =>\r\n Object.values(odds).map((field, i) => {\r\n if (\r\n field.betType.betTypeId ===\r\n SpinAndWinEnums.betTypes.neighbors &&\r\n SpinAndWinEnums.neighbors[4].value === field.oddField\r\n ) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n })\r\n )}\r\n \r\n {\" \"}\r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst KironTitle = (props) => {\r\n const { feedId, sportId, date, gameId } = props;\r\n let dateArr = date.split(\" \");\r\n let newDate = moment(`${dateArr[2]} ${dateArr[0]}`, \"DD/MM/YYYY HH:mm\");\r\n\r\n return (\r\n {text}
\r\n \r\n
\r\n );\r\n};\r\n\r\nclass VirtualMenu extends React.Component {\r\n state = {\r\n selectedKeys: [],\r\n };\r\n\r\n componentDidUpdate(prevProps) {\r\n if (\r\n (prevProps.appMatch &&\r\n prevProps.appMatch.url !== this.props.appMatch.url) ||\r\n (!prevProps.connected && this.props.connected)\r\n ) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(this.props.match.params.feed) },\r\n },\r\n };\r\n this.props.loadSportTypes(request);\r\n this.handleOpenTree();\r\n }\r\n }\r\n\r\n handleOpenTree() {\r\n const { tournamentData, appMatch, match } = this.props;\r\n\r\n let matchTemp = appMatch ? appMatch : match;\r\n let selectedKeys = [];\r\n let sport = matchTemp.params.sport;\r\n let feed = matchTemp.params.feed;\r\n\r\n selectedKeys.push(`${sport},${feed}`);\r\n\r\n this.setState({\r\n selectedKeys,\r\n });\r\n }\r\n\r\n async componentDidMount() {\r\n const { loadSportTypes, match, connected } = this.props;\r\n if (connected) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n },\r\n };\r\n loadSportTypes(request);\r\n }\r\n this.handleOpenTree();\r\n }\r\n\r\n onSportTypeClick = (item) => {\r\n const { history, clearSportEvents, feedName, openMobileMenu } = this.props;\r\n const path = `/${feedName}/${item.feed.feedId}/${item.sport.sportId}/${\r\n item.sport.sportDisplayName\r\n }`;\r\n clearSportEvents();\r\n openMobileMenu(false);\r\n history.push(path);\r\n };\r\n\r\n onKironSportTypeClick = (item) => {\r\n const { history, clearSportEvents, feedName, getKironEvent } = this.props;\r\n const path = `/${feedName}/${item.feed.feedId}/${item.sport.sportId}/${\r\n item.kironEventNumber\r\n }/${item.eventId}`;\r\n //clearSportEvents();\r\n history.push(path);\r\n this.handleOpenTree();\r\n };\r\n\r\n loadEvents = (item) => {\r\n const { match, loadKironEvents } = this.props;\r\n\r\n if (item.feed.feedId.toString() !== match.params.feed) {\r\n let Data = {\r\n Feed: {\r\n FeedId: Number(item.feed.feedId),\r\n },\r\n Sport: {\r\n SportId: Number(item.sport.sportId),\r\n },\r\n };\r\n loadKironEvents({ Data });\r\n }\r\n };\r\n render() {\r\n const {\r\n sportTypes,\r\n loadingSportTypes,\r\n error,\r\n appMatch,\r\n events,\r\n openMobileMenu,\r\n mobileMenuOpen,\r\n } = this.props;\r\n\r\n if (error) {\r\n return {newDate.format(\"DD/MM/YYYY HH:mm\")}
\r\n\r\n {gameId}
\r\n {error}
;\r\n }\r\n\r\n return (\r\n \r\n {loadingSportTypes && \r\n \r\n this.onKironSportTypeClick(item)}>\r\n // \t\t\t\t\t this.onSportTypeClick(item)}\r\n >\r\n \r\n \r\n openMobileMenu(false)}\r\n visible={mobileMenuOpen}\r\n >\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sportTypes: state.sportTypes.sportTypes,\r\n loadingSportTypes: state.sportTypes.loadingSportTypes,\r\n error: state.sportTypes.error,\r\n feedName: state.app.feedName,\r\n appMatch: state.app.match,\r\n connected: state.signalr.virtualConnected,\r\n events: state.sportEvents.sportEvents,\r\n mobileMenuOpen: state.app.mobileMenuOpen,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getKironEvent: (request) => {\r\n dispatch(getKironEvent(request));\r\n },\r\n loadKironEvents: (request) => {\r\n dispatch(loadKironEvents(request));\r\n },\r\n loadSportTypes: (request) => {\r\n dispatch(loadSportTypes(request));\r\n },\r\n clearSportEvents: () => {\r\n dispatch(clearSportEvents());\r\n },\r\n openMobileMenu: (open) => dispatch(openMobileMenu(open)),\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(VirtualMenu);\r\n","import React from 'react';\r\nimport { Loading } from '../../'\r\nimport { Utils, Enums, AppConfig } from '../../../helpers'\r\n\r\nclass VirtualVideo extends React.Component {\r\n\tstatic resizeTimeout = null;\r\n\r\n\tstate = {\r\n\t\tiframeLoading: true,\r\n\t\tiframeUrl: null,\r\n\t\tiframeWidth: 0,\r\n\t\tclassName: null\r\n\t}\r\n\r\n\tasync componentDidMount() {\r\n\t\twindow.addEventListener(\"resize\", this.onResize);\r\n\t\tthis.onResize();\r\n\t}\r\n\r\n\tasync componentWillUnmount() {\r\n\t\twindow.removeEventListener(\"resize\", this.onResize);\r\n\t}\r\n\r\n\tonResize = (e) => {\r\n\t\tclearTimeout(this.resizeTimeout);\r\n\r\n\t\tconst { match } = this.props;\r\n\t\tlet url = null;\r\n\t\tlet className = Utils.IsMobile ? \"mobile\" : \"url\";\r\n\r\n\t\tthis.resizeTimeout = setTimeout(() => {\r\n\t\t\tlet container = document.getElementsByClassName(\"virtual-video\")[0];\r\n\r\n\t\t\tswitch (parseInt(match.params.feed)) {\r\n\t\t\t\tcase Enums.Feed.VFL:\r\n\t\t\t\t\turl = AppConfig.VirtualAddress.VFL\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase Enums.Feed.VHC:\r\n\t\t\t\t\turl = AppConfig.VirtualAddress.VHC\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase Enums.Feed.VFLM:\r\n\t\t\t\t\tif (container) {\r\n\t\t\t\t\t\tif (container.clientWidth >= 762 && container.clientWidth < 1140) {\r\n\t\t\t\t\t\t\turl = `${AppConfig.VirtualAddress.VFLM}/desktop/index?clientid=1365&lang=en`\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse if (container.clientWidth >= 1140) {\r\n\t\t\t\t\t\t\turl = `${AppConfig.VirtualAddress.VFLM}/desktop/index?clientid=1365&lang=en&layout=Vflm3`\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse {\r\n\t\t\t\t\t\t\turl = `${AppConfig.VirtualAddress.VFLM}/micro/index?clientid=1365&lang=en`\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase Enums.Feed.VBL:\r\n\t\t\t\t\turl = AppConfig.VirtualAddress.VBL\r\n\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase Enums.Feed.VTO:\r\n\t\t\t\t\turl = AppConfig.VirtualAddress.VTO\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase Enums.Feed.VDR:\r\n\t\t\t\t\turl = AppConfig.VirtualAddress.VDR\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase Enums.Feed.EPL:\r\n\t\t\t\t\t//url = AppConfig.VirtualAddress.EPL\r\n\t\t\t\t\tif (container) {\r\n\t\t\t\t\t\tif (container.clientWidth >= 762 && container.clientWidth < 1140) {\r\n\t\t\t\t\t\t\turl = `${AppConfig.VirtualAddress.EPL}//desktop/index?clientid=4394&lang=en&layout=Vflm3`\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse if (container.clientWidth >= 1140) {\r\n\t\t\t\t\t\t\turl = `${AppConfig.VirtualAddress.EPL}/desktop/index?clientid=4394&lang=en&layout=Vflm3`\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse {\r\n\t\t\t\t\t\t\turl = `${AppConfig.VirtualAddress.EPL}/micro/index?clientid=4394&lang=en`\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t//\tbreak;\r\n\t\t\t}\r\n\r\n\t\t\tthis.setState({\r\n\t\t\t\tiframeUrl: url,\r\n\t\t\t\tclassName: className\r\n\t\t\t})\r\n\r\n\t\t}, 10);\r\n\r\n\t}\r\n\r\n\tframeLoad = (e) => {\r\n\t\tthis.setState({ iframeLoading: false });\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { match } = this.props;\r\n\t\tconst { iframeUrl, iframeLoading, iframeWidth, className } = this.state;\r\n\r\n\t\treturn (\r\n\t\t\tVirtual Sports
\r\n\r\n {sportTypes.map((item, index) => {\r\n return (\r\n // item.feed.feedId == 10 ?\r\n // //(permissions && permissions[Enums.Permissions.SpinAndWin] && permissions[Enums.Permissions.SpinAndWin].isAllowed ? // check if have permission for spin&win\r\n\r\n // \t\r\n\t\t\t\t{\r\n\t\t\t\t\tiframeLoading &&\r\n\t\t\t\t\t this.frameLoad(this)}\r\n\t\t\t\t\tclassName={`frame-video`}\r\n\t\t\t\t\tsrc={iframeUrl}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default VirtualVideo","import React from \"react\";\r\nimport searchIcon from \"../../resources/icons/search.svg\";\r\n\r\nclass SecondarySearchBar extends React.Component {\r\n render() {\r\n return (\r\n \r\n\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\r\n\t\t\t\t\r\n 
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default SecondarySearchBar;\r\n","import { Badge, Drawer, Menu, Tabs, Icon, SubMenuSubMenu } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Alert, Loading, SportIcon } from \"../\";\r\nimport { CountryCodes, Enums, AppConfig } from \"../../helpers\";\r\nimport { openMobileMenu, changeFeed } from \"../../redux/actions/appActions\";\r\nimport { getCalenderIcons } from \"../../redux/actions/generalActions\";\r\nimport { getDefaultLiveSportType } from \"../../redux/actions/sportEventsActions\";\r\n\r\nimport {\r\n init,\r\n loadSportCategories,\r\n removeDisabledCategoriesTournaments,\r\n setTounament,\r\n} from \"../../redux/actions/categoriesActions\";\r\nimport {\r\n loadSportTypes,\r\n removeDisabledSportTypes,\r\n setSport,\r\n} from \"../../redux/actions/sportTypesActions\";\r\nimport Images from \"./Images\";\r\nimport Search from \"./Search\";\r\nimport SecondarySearchBar from \"./SecondarySearchBar\";\r\nimport {\r\n loadSportEventsByDate,\r\n getWeekMatchDays,\r\n} from \"../../redux/actions/sportEventsActions\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport {\r\n LazyLoadImage,\r\n trackWindowScroll,\r\n} from \"react-lazy-load-image-component\";\r\nimport { OnScreenWrapper } from \"../../components\";\r\nimport { ReactSVG } from \"react-svg\";\r\nimport { ManageMemeberFavorite } from \"../../redux/actions/membersActions\";\r\nimport { updateFavoriteCountryForSportEvents } from \"../../redux/actions/sportEventsActions\";\r\nimport { updateFavoriteCountryForSportCategory } from \"../../redux/actions/categoriesActions\";\r\n\r\nconst TabPane = Tabs.TabPane;\r\n\r\n// const SubMenuTitle = (props) => {\r\n// const { item } = props;\r\n// return (\r\n// \r\n//
\r\n// );\r\n// };\r\nconst IsMiddleScreenAndMobile = ({ children }) => {\r\n const isMiddleScreenAndMobile = useMediaQuery({ maxWidth: 1100 });\r\n return isMiddleScreenAndMobile ? children : null;\r\n};\r\nconst IsDesktop = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 1100 });\r\n return isDesktop ? children : null;\r\n};\r\n\r\nconst Title = (props) => {\r\n const { feedId, sportId, text } = props;\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\n// const getCountryCode = (countryFlags, item) => {\r\n// console.log(\"itemaqaaaaaaaa\",item);\r\n// let result = item && countryFlags.filter((element) => {\r\n// return element.sportCategoryId == item.sportCategory.sportCategoryId;\r\n// });\r\n// if (result && result.length > 0) {\r\n// return result[0].countryFlagImagesName;\r\n// }\r\n// };\r\n\r\nconst MenuItem = (props) => {\r\n const {\r\n item,\r\n onClick,\r\n title,\r\n showFlag,\r\n category,\r\n countryFlags,\r\n scrollPosition,\r\n } = props;\r\n // countriesFlags\r\n return (\r\n {text}
\r\n \r\n {showFlag && (\r\n \r\n
\r\n )}\r\n {title}
\r\n \r\n \r\n {/* this.applyByDayFilter(\"0\")}\r\n >\r\n By Day\r\n \r\n
*/}\r\n {this.props.feedId != Enums.Feed.Live && (\r\n \r\n
*/}\r\n\r\n {sportTypes\r\n .filter((da) => da.sport.sportId === sportId)\r\n .map((data) => {\r\n return (\r\n {feedName}
\r\n \r\n {loadingSportCategories &&\r\n sportData.sport.sportId === data.sport.sportId && (\r\n
\r\n )}\r\n\r\n {/* \r\n
\r\n )}\r\n\r\n Top Leagues
\r\n {topCategories && (\r\n //&& topCategories[0].tournamentId > 0\r\n\r\n {topCategories &&\r\n topCategories.map((category) => {\r\n return (\r\n \r\n ({\r\n width: \"100%\",\r\n height: bool ? \"fit-content\" : 40,\r\n })}\r\n >\r\n \r\n this.onMenuClick(\"top\", category)\r\n }\r\n />\r\n \r\n
\r\n );\r\n })}\r\n By Day
\r\n )}\r\n {this.props.feedId != Enums.Feed.Live &&\r\n (loadingWeekMatchDays ? (\r\n\r\n {Object.entries(weekMatchDays) &&\r\n Object.entries(weekMatchDays).length > 0 &&\r\n Object.entries(weekMatchDays).map((item) => {\r\n return item[0] == \"0\" ? (\r\n \r\n selectedKeys[0] == \"today\" &&\r\n (day == -1 ||\r\n (day == 0 && defaultSport == -1))\r\n ? \"\"\r\n : this.applyByDayFilter(\"-1\")\r\n }\r\n >\r\n
\r\n ) : item[0] == \"1\" ? (\r\n \r\n
\r\n {item[1]}\r\n \r\n
\r\n {item[1]}\r\n \r\n ) : (\r\n \r\n
\r\n {item[1]}\r\n \r\n );\r\n })}\r\n \r\n ) : (\r\n \"\"\r\n ))}\r\n\r\n {/* all counties */}\r\n All Countries
\r\n {\r\n{categoriesError}
;\r\n }\r\n if (hasChildren) {\r\n return (\r\n Bets Services
\r\n \r\n\r\n
{\" \"}\r\n Fixture & Results\r\n \r\n \r\n
{\" \"}\r\n Promotions\r\n \r\n \r\n
{\" \"}\r\n Landing\r\n \r\n \r\n {sportTypesError}
;\r\n }\r\n\r\n return (\r\n \r\n \r\n openMobileMenu(false)}\r\n visible={mobileMenuOpen}\r\n >\r\n {mobileMenuOpen &&\r\n sportTypes &&\r\n sportTypes.length > 0 &&\r\n this.renderCategories(\r\n sportCategories,\r\n sportTopLeagues,\r\n sportTypes,\r\n categoriesError\r\n )}\r\n \r\n \r\n \r\n {sportTypes &&\r\n sportTypes.length > 0 &&\r\n this.renderCategories(\r\n sportCategories,\r\n sportTopLeagues,\r\n sportTypes,\r\n categoriesError\r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sportCategories: state.categories.sportCategories,\r\n sportTopLeagues: state.categories.sportTopLeagues,\r\n tournamentData: state.categories.tournamentData,\r\n loadingSportCategories: state.categories.loadingSportCategories,\r\n categoriesError: state.categories.error,\r\n sportTypesError: state.sportTypes.error,\r\n loadingSportTypes: state.sportTypes.loadingSportTypes,\r\n sportData: state.sportTypes.sportData,\r\n sportTypes: state.sportTypes.sportTypes,\r\n appMatch: state.app.match,\r\n mobileMenuOpen: state.app.mobileMenuOpen,\r\n calenderImages: state.general.calenderImages,\r\n calenderImagesError: state.general.calenderImagesError,\r\n loadingCalender: state.general.loadingCalender,\r\n fixtureImage: state.general.configuration.fixtureImage,\r\n promotionImage: state.general.configuration.promotionImage,\r\n landingImage: state.general.configuration.landingImage,\r\n statisticImage: state.general.configuration.statisticImage,\r\n countryFlags: state.general.countryFlags,\r\n loadingWeekMatchDays: state.sportEvents.loadingWeekMatchDays,\r\n weekMatchDaysError: state.sportEvents.weekMatchDaysError,\r\n weekMatchDays: state.sportEvents.weekMatchDays,\r\n signedIn: state.auth.signedIn,\r\n feedId: state.app.feedId,\r\n connected: state.app.feedId == Enums.Feed.Static ?\r\n\t\t\tstate.signalr.staticConnected :\r\n\t\t\tstate.app.feedId == Enums.Feed.Live ?\r\n\t\t\t\tstate.signalr.liveConnected :\r\n\t\t\t\tstate.signalr.connected,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n changeFeed: (feedId, feedName) => dispatch(changeFeed(feedId, feedName)),\r\n openMobileMenu: (open) => dispatch(openMobileMenu(open)),\r\n loadSportCategories: (request) => {\r\n dispatch(loadSportCategories(request));\r\n },\r\n setTounament: (item) => {\r\n dispatch(setTounament(item));\r\n },\r\n init: () => {\r\n dispatch(init());\r\n },\r\n getDefaultLiveSportType: () => {\r\n dispatch(getDefaultLiveSportType());\r\n },\r\n setSport: (item) => {\r\n dispatch(setSport(item));\r\n },\r\n loadSportTypes: (request) => {\r\n dispatch(loadSportTypes(request));\r\n },\r\n removeDisabledSportTypes: () => {\r\n dispatch(removeDisabledSportTypes());\r\n },\r\n removeDisabledCategoriesTournaments: () => {\r\n dispatch(removeDisabledCategoriesTournaments());\r\n },\r\n loadSportEventsByDate: (request) => {\r\n dispatch(loadSportEventsByDate(request));\r\n },\r\n getCalenderIcons: () => {\r\n dispatch(getCalenderIcons());\r\n },\r\n getWeekMatchDays: (request) => {\r\n dispatch(getWeekMatchDays(request));\r\n },\r\n ManageMemeberFavorite: (data) => {\r\n dispatch(ManageMemeberFavorite(data));\r\n },\r\n updateFavoriteCountryForSportEvents: (sportCategoryUId) => {\r\n dispatch(updateFavoriteCountryForSportEvents(sportCategoryUId));\r\n },\r\n updateFavoriteCountryForSportCategory: (sportCategoryUId) => {\r\n dispatch(updateFavoriteCountryForSportCategory(sportCategoryUId));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(trackWindowScroll(MenuTree));\r\n","import React from \"react\";\r\nimport { Bets } from \"../../../\";\r\n\r\nconst SportRow = (props) => {\r\n const { ref, children, className } = props;\r\n return (\r\n \r\n {children}\r\n
\r\n );\r\n};\r\n\r\nexport default SportRow;\r\n","import React from 'react'\r\nimport { Bets } from '../../..'\r\n\r\nconst HeaderRow = (props) => {\r\n\tconst { children, className } = props;\r\n\treturn (\r\n\t\t\r\n\t\t\t{children}\r\n\t\t
\r\n\t)\r\n}\r\n\r\nexport default HeaderRow","import React from 'react'\r\nimport { Select } from 'antd'\r\n\r\nconst EventsCol = (props) => {\r\n\tconst { children, className } = props;\r\n\treturn (\r\n\t\t\r\n\t\t\t{children}\r\n\t\t
\r\n\t)\r\n}\r\n\r\nexport default EventsCol","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\n\r\nimport {\r\n onDropDownsChange,\r\n onMobileBetFilterClick,\r\n} from \"../../../redux/actions/sportEventsActions\";\r\n\r\nimport { Bets } from \"../../\";\r\nimport { Utils, Constants, CountryCodes } from \"../../../helpers\";\r\nimport { Images } from \"../../\";\r\n\r\nimport { Select } from \"antd\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport { filterSportEvents } from \"../../../redux/actions/sportEventsActions\";\r\n\r\nconst Option = Select.Option;\r\n\r\nconst Odd = (props) => {\r\n const { children } = props;\r\n return {children}
;\r\n};\r\n\r\nconst ColSelect = (props) => {\r\n const {\r\n title,\r\n onChange,\r\n selectOptions,\r\n defaultValue,\r\n selectedBetType,\r\n } = props;\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\nconst IsMobile = ({ children }) => {\r\n const isMiddleScreenAndMobile = useMediaQuery({ maxWidth: 720 });\r\n return isMiddleScreenAndMobile ? children : null;\r\n};\r\nconst IsDesktop = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 720 });\r\n return isDesktop ? children : null;\r\n};\r\n\r\nconst sortByCol = (array) => {\r\n return Utils.sortArrayByAttribute(array, \"oddFieldColumn\");\r\n};\r\n\r\nclass EventsHeader extends React.Component {\r\n // if this.state.sportEventsFilter type is 3, that means filter favorites, and if it is 2 that means return all events\r\n state = {\r\n applyStyle: false,\r\n style: { backgroundColor: \"#2C8AF7\", opacity: \"1\" },\r\n };\r\n componentWillUnmount() {}\r\n\r\n getCountryCode = (name) => {\r\n let result = CountryCodes.Codes.filter((item) => {\r\n return item.name.toLowerCase() == name.toLowerCase();\r\n });\r\n\r\n return result && result.length > 0 ? result[0].code.toLowerCase() : \"eu\";\r\n };\r\n filterSportEvents = (filterType)=>{\r\n // if filter type is 3, that means filter favorites, and if it 2 that means return all events\r\n const {filterSportEvents , setCurrentFilter}= this.props\r\n filterSportEvents(filterType)\r\n setCurrentFilter(filterType)\r\n }\r\n\r\n render() {\r\n const { match, title, betTypes, selectedValues , isFromEventsSports } = this.props;\r\n\r\n return (\r\n \r\n {title && \r\n {selectOptions &&\r\n selectOptions.optionsBetTypes &&\r\n selectOptions.optionsBetTypes.map((item, index) => (\r\n \r\n ))}\r\n \r\n )}\r\n
\r\n {title}
}\r\n\r\n {!title && (\r\n \r\n {// if title exist - show match fields\r\n title &&\r\n selectOptions &&\r\n selectOptions.match &&\r\n selectOptions.match.eventOddFields &&\r\n sortByCol(selectOptions.match.eventOddFields).map((item, index) => (\r\n {item.oddField} \r\n ))}\r\n {// if no title show selected bet type fields\r\n !title &&\r\n selectOptions &&\r\n selectOptions.optionsBetTypes &&\r\n selectOptions.optionsBetTypes.length > 0 &&\r\n selectOptions.optionsBetTypes.map((item) => {\r\n return item.key == selectedBetType\r\n ? sortByCol(item.eventOddFields).map((field, index) => (\r\n {field.oddField} \r\n ))\r\n : null;\r\n })}\r\n
\r\n \r\n \r\n <>\r\n \r\n this.filters(item.key)}\r\n style={index == 0 ? this.state.style : {}}\r\n className=\"mobile-bet-filter-options\"\r\n >\r\n {item.betTypeName}\r\n
\r\n )\r\n )}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n {title && }\r\n
\r\n \r\n this.filters(item.key)}\r\n className=\"mobile-bet-filter-options\"\r\n >\r\n {item.betTypeName}\r\n
\r\n )\r\n )}\r\n \r\n )}\r\n {betTypes && !betTypes.match && (\r\n <>\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.map(\r\n (item, index) =>\r\n !item.betTypeName.includes(\"Handicaps\") && (\r\n \r\n {/* {title && \r\n this.resetSelectedValues(betTypes.match.key)\r\n }\r\n style={this.state.style}\r\n className=\"mobile-bet-filter-options\"\r\n >\r\n 1 X 2\r\n
\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.map(\r\n (item, index) =>\r\n !item.betTypeName.includes(\"Handicaps\") && (\r\n {title}
} */}\r\n {betTypes && betTypes.match && (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n this.onDropDownsChange(value, 1)\r\n }\r\n selectOptions={betTypes}\r\n defaultValue={selectedValues[1]}\r\n />\r\n
\r\n \r\n )}\r\n\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 3 && (\r\n \r\n \r\n {betTypes && betTypes.match && (\r\n <>\r\n \r\n \r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 1 && (\r\n \r\n \r\n \r\n this.onDropDownsChange(value, 0)\r\n }\r\n selectOptions={betTypes}\r\n defaultValue={selectedValues[0]}\r\n />\r\n
\r\n \r\n )}\r\n\r\n {betTypes &&\r\n betTypes.optionsBetTypes &&\r\n betTypes.optionsBetTypes.length >= 2 && (\r\n \r\n
\r\n this.nav(event)}>\r\n {showCategory && (\r\n
\r\n \r\n
\r\n )}\r\n {`${\r\n event.eventCategory.categoryDisplayName\r\n }, ${event.eventTournament.tournamentDisplayName}`}
\r\n \r\n \r\n {\" \"}\r\n {event.eventHomeTeamName.split(\" \")[0][0]}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n \r\n {\" \"}\r\n {event.eventHomeTeamName.split(\" \")[0][0]}\r\n {event.eventHomeTeamName.split(\" \")[1][0]}\r\n
\r\n ) : this.state[event.eventHomeTeamId] ? (\r\n \r\n \r\n this.addToFavorate(\r\n e,\r\n event.eventHomeTeamId,\r\n event.isHomeTeamFavorite,\r\n 'home'\r\n )\r\n }\r\n />\r\n
\r\n )}\r\n {event.homeTeamRank}
\r\n {!this.state[event.eventHomeTeamId] && (\r\n \r\n this.checkImage(event.eventHomeTeamId)}\r\n />\r\n
\r\n )}\r\n {this.state[event.eventHomeTeamId] &&\r\n event.eventHomeTeamName.includes(\" \") &&\r\n event.eventHomeTeamName.split(\" \").length >= 2 ? (\r\n \r\n \r\n \r\n {\" \"}\r\n {event.eventAwayTeamName.split(\" \")[0][0]}\r\n {event.eventAwayTeamName.split(\" \")[1][0]}\r\n
\r\n ) : this.state[event.eventAwayTeamId] ? (\r\n \r\n \r\n this.addToFavorate(\r\n e,\r\n event.eventAwayTeamId,\r\n event.isAwayTeamFavorite,\r\n 'away'\r\n )\r\n }\r\n />\r\n
\r\n )}\r\n {event.awayTeamRank}
\r\n {!this.state[event.eventAwayTeamId] && (\r\n \r\n {\" \"}\r\n this.checkImage(event.eventAwayTeamId)}\r\n />\r\n
\r\n )}\r\n {/* { this.state[event.eventAwayTeamName] && event.eventAwayTeamName.split(' ').length>=2 && \r\n\r\n{\" \"}\r\n{event.eventAwayTeamName.split(' ')[0][0]}{event.eventAwayTeamName.split(' ')[1][0]}\r\n
} */}\r\n {this.state[event.eventAwayTeamId] &&\r\n event.eventAwayTeamName.includes(\" \") &&\r\n event.eventAwayTeamName.split(\" \").length >= 2 ? (\r\n \r\n {!showDetails && (!odd || !odd.enableBet) && (\r\n \r\n {odd &&\r\n [...Array(this.getMaxCol(i + 1))].map((col, j) => {\r\n // go over number of cols in row and show them by order\r\n const fieldId = this.getFieldId(i, j);\r\n return fieldId ? (\r\n
\r\n ) : null;\r\n })}\r\n \r\n );\r\n }\r\n\r\n getFieldId(row, col) {\r\n const { oddFields } = this.props;\r\n let fieldId = null;\r\n Object.keys(oddFields).map((key) => {\r\n if (\r\n oddFields[key].oddFieldRow == row + 1 &&\r\n oddFields[key].oddFieldColumn == col + 1\r\n ) {\r\n fieldId = oddFields[key].activeOddFieldId;\r\n return;\r\n }\r\n });\r\n\r\n return fieldId;\r\n }\r\n\r\n getRow(rowNum) {\r\n const { oddFields } = this.props;\r\n let row = null;\r\n Object.keys(oddFields).map((key) => {\r\n if (oddFields[key].oddFieldRow == rowNum + 1) {\r\n row = oddFields[key];\r\n return;\r\n }\r\n });\r\n\r\n return row;\r\n }\r\n\r\n getFieldWidth(row) {\r\n const maxCol = this.getMaxCol(row);\r\n return `${100 / maxCol - 5}%`;\r\n }\r\n\r\n getMaxRow = () => {\r\n return Utils.getMaxObjByAttribute(this.props.oddFields, \"oddFieldRow\");\r\n };\r\n\r\n getMaxCol = (row) => {\r\n return Utils.getMaxObjByAttribute(this.props.oddFields, \"oddFieldColumn\");\r\n };\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n let odd = state.sportEvents.eventOdds[initialProps.eventId]\r\n ? state.sportEvents.eventOdds[initialProps.eventId][initialProps.oddId]\r\n : null;\r\n\r\n let oddFields = state.sportEvents.eventOddFields\r\n ? state.sportEvents.eventOddFields[\r\n `${initialProps.eventId}_${initialProps.oddId}`\r\n ]\r\n : null;\r\n\r\n return {\r\n odd: odd,\r\n oddFields: oddFields,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {};\r\n};\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(EventOdd);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\n\r\nimport { Button, Icon } from \"antd\";\r\n\r\nimport { updateBetSlip } from \"../../../redux/actions/betSlipActions\";\r\nimport { SessionStorage } from \"../../../helpers\";\r\n\r\nclass EventOddField extends React.Component {\r\n state = {\r\n changeStatus: 0,\r\n };\r\n componentDidUpdate(prevProps, prevState) {\r\n const {oddField , openBallsContainer ,ballCount}=this.props\r\n if (prevProps.oddField.enableBet && !oddField.enableBet && openBallsContainer){\r\n openBallsContainer(undefined, undefined, undefined, undefined , undefined , undefined)\r\n }\r\n if (this.props.oddField.oddValue !== prevProps.oddField.oddValue) {\r\n this.setState({ changeStatus: this.props.oddField.oddValueStatus });\r\n this.timeout = setTimeout(() => this.setState({ changeStatus: 0 }), 2000);\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n clearTimeout(this.timeout);\r\n }\r\n\r\n render() {\r\n const {\r\n oddField,\r\n showDetails,\r\n betSlipField,\r\n showFieldName,\r\n fromDrillDown,\r\n removeSpecialField,\r\n ballCount,\r\n openBallsContainer,\r\n betTypeGroupName,\r\n activeOddFieldId,\r\n } = this.props;\r\n const openLuckyNumberBalls =ballCount && oddField && oddField.betType && (oddField.betType.betTypeId == 1 || oddField.betType.betTypeId == 2 || oddField.betType.betTypeId == 3 )\r\n const isSameButton = activeOddFieldId == oddField.activeOddFieldId;\r\n let luckyNumberDrawInfo = {\r\n betTypeGroupName: betTypeGroupName,\r\n activeOddFieldId: oddField.activeOddFieldId,\r\n oddField: oddField,\r\n selectedBalls: [],\r\n bonusBalls: [],\r\n ballColor: undefined,\r\n };\r\n if (isSameButton)\r\n luckyNumberDrawInfo = {\r\n betTypeGroupName: undefined,\r\n activeOddFieldId: undefined,\r\n oddField: undefined,\r\n selectedBalls: [],\r\n bonusBalls: [],\r\n ballColor: undefined,\r\n };\r\n if (!oddField) {\r\n return (\r\n \r\n );\r\n }\r\n return (\r\n \r\n {(!oddField.enableBet ||\r\n !oddField.eventEnableBet ||\r\n !oddField.oddEnableBet) && (\r\n
\r\n \r\n );\r\n }\r\n\r\n onFieldClick(e, field) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n const {drawEvents , updateBetSlip} = this.props\r\n let beslipField;\r\n if(drawEvents){\r\n beslipField={...field , drawEvents:drawEvents ,selectedDraws: [drawEvents[0]], selectedDrawsIds:[drawEvents[0].eventId]}\r\n }else{\r\n beslipField= field\r\n }\r\n\r\n let betTab = SessionStorage.betTab;\r\n if (betTab == 1) {\r\n updateBetSlip({\r\n ...beslipField,\r\n amount: (!this.props.hideStake && this.props.amount) || 100,\r\n });\r\n } else {\r\n updateBetSlip(beslipField);\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n oddField: state.sportEvents.eventOddFields[\r\n `${initialProps.eventId}_${initialProps.oddId}`\r\n ] &&\r\n state.sportEvents.eventOddFields[\r\n `${initialProps.eventId}_${initialProps.oddId}`\r\n ][initialProps.oddFieldId],\r\n betSlipField: state.betSlip.betSlipList[initialProps.oddFieldId],\r\n amount: state.betSlip.amount,\r\n hideStake: state.betSlip.hideStake,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n updateBetSlip: (field) => {\r\n dispatch(updateBetSlip(field));\r\n },\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EventOddField);\r\n","import React from \"react\";\r\nimport EventOdd from \"./EventOdd\";\r\nimport { Button, Icon, Popover, Select } from \"antd\";\r\nimport { connect } from \"react-redux\";\r\nimport { getSuggestedBalls } from \"../../../redux/actions/sportTypesActions\";\r\nimport { updateBetSlip } from \"../../../redux/actions/betSlipActions\";\r\nimport { SessionStorage } from \"../../../helpers\";\r\nimport EventOddField from \"./EventOddField\";\r\nimport Images from \"../Images\";\r\nconst Option = Select.Option;\r\n\r\nclass EventOddGroup extends React.Component {\r\n state = {\r\n selectedBalls: [],\r\n bonusBalls: [],\r\n };\r\n componentDidUpdate(prevProps) {\r\n const { suggestedBalls, eventId, groupId, group } = this.props;\r\n // && this.state.oddField && this.state.oddField.betType.betTypeGroupId == groupId\r\n if (suggestedBalls && prevProps.suggestedBalls !== suggestedBalls) {\r\n let mainBalls = suggestedBalls.filter((item) => item.ballType == 1);\r\n let bonusBalls = suggestedBalls.filter((item) => item.ballType == 2);\r\n let mainSelectedBalls =\r\n mainBalls && mainBalls.length > 0\r\n ? mainBalls.map((item) => {\r\n return item.ballValue;\r\n })\r\n : [];\r\n let mainBonusBalls =\r\n bonusBalls && bonusBalls.length > 0\r\n ? bonusBalls.map((item) => {\r\n return item.ballValue;\r\n })\r\n : [];\r\n if (this.state.betTypeGroupId) {\r\n this.setState({\r\n selectedBalls: mainSelectedBalls,\r\n bonusBalls: mainBonusBalls,\r\n oddField: this.state.oddField,\r\n betTypeGroupId: undefined,\r\n });\r\n }\r\n }\r\n }\r\n filterRows = (value) => {\r\n this.setState({\r\n filter: value,\r\n });\r\n };\r\n openBallsContainer = (\r\n GroupName,\r\n oddFieldId,\r\n oddField,\r\n selectedBalls,\r\n bonusBalls,\r\n ballColor\r\n ) => {\r\n this.setState({\r\n betTypeGroupName: GroupName,\r\n activeOddFieldId: oddFieldId,\r\n oddField,\r\n selectedBalls,\r\n bonusBalls,\r\n ballColor,\r\n });\r\n };\r\n generateBonusBallArray = (range) => {\r\n const [start, end] = range.split(\"-\").map(Number);\r\n let ballsArray = [];\r\n\r\n for (let i = start; i <= end; i++) {\r\n ballsArray.push(i);\r\n }\r\n return ballsArray;\r\n };\r\n onSelectBall = (oddFieldNumber, value) => {\r\n if (this.state.selectedBalls.length == oddFieldNumber) return;\r\n let newSelectedBalls = this.state.selectedBalls;\r\n newSelectedBalls.push(value);\r\n this.setState({ ballColor: undefined, selectedBalls: newSelectedBalls });\r\n };\r\n removeSelected = (value) => {\r\n let selectedBalls = this.state.selectedBalls;\r\n const newArray = selectedBalls.filter((item) => item !== value);\r\n this.setState({ selectedBalls: newArray });\r\n };\r\n onSelectBonus = (value) => {\r\n const { bounosBallCount } = this.props;\r\n if (this.state.bonusBalls.length == bounosBallCount) return;\r\n let newBonusBalls = this.state.bonusBalls;\r\n newBonusBalls.push(value);\r\n this.setState({ ballColor: undefined, bonusBalls: newBonusBalls });\r\n };\r\n removeSelectedBonus = (value) => {\r\n let bonusBalls = this.state.bonusBalls;\r\n const newBonusBalls = bonusBalls.filter((item) => item !== value);\r\n this.setState({ bonusBalls: newBonusBalls });\r\n };\r\n loadBalls = (Selection, TypeId, eventId, betTypeGroupId) => {\r\n const { match, getSuggestedBalls } = this.props;\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n EventId: eventId,\r\n Selection: Selection,\r\n TypeId: TypeId,\r\n BetTypeId: this.state.oddField.betType.betTypeId,\r\n },\r\n };\r\n this.setState({\r\n ballColor: TypeId == 1 ? \"#0F4B9E\" : TypeId == 2 ? \"#E01B22\" : \"#28AF00\",\r\n eventId,\r\n betTypeGroupId,\r\n });\r\n getSuggestedBalls(request);\r\n };\r\n onFieldClick(e, field) {\r\n const { drawEvents } = this.props;\r\n e.preventDefault();\r\n e.stopPropagation();\r\n let betSlipField = {\r\n ...field,\r\n selectedNumbers:\r\n this.state.selectedBalls.length > 0\r\n ? this.state.selectedBalls.join(\",\")\r\n : null,\r\n selectedBonuses:\r\n this.state.bonusBalls.length > 0\r\n ? this.state.bonusBalls.join(\",\")\r\n : null,\r\n drawEvents: drawEvents,\r\n selectedDraws: drawEvents && drawEvents[0] && [drawEvents[0]],\r\n selectedDrawsIds: drawEvents && drawEvents[0] && [drawEvents[0].eventId],\r\n };\r\n\r\n const { updateBetSlip } = this.props;\r\n let betTab = SessionStorage.betTab;\r\n if (betTab == 1) {\r\n updateBetSlip({\r\n ...betSlipField,\r\n amount: (!this.props.hideStake && this.props.amount) || 100,\r\n });\r\n } else {\r\n updateBetSlip(betSlipField);\r\n }\r\n }\r\n containsEnglishLetter(str) {\r\n if(!str) return false\r\n return /[a-zA-Z].*[a-zA-Z]/.test(str);\r\n }\r\n \r\n render() {\r\n const {\r\n eventEnabled,\r\n group,\r\n eventId,\r\n groupId,\r\n selectedTab,\r\n fromDrillDown,\r\n fromLuckyNumbers,\r\n ballCount,\r\n bounosBallRange,\r\n bounosBallCount,\r\n suggestedBalls,\r\n drawEvents,\r\n specialOddFieldGroup,\r\n } = this.props;\r\n const ballArray = ballCount && Array.from(Array(ballCount).keys());\r\n if (selectedTab !== group.betTypeDrillDownGroupName) {\r\n //if not equal to selected tab don't render\r\n return null;\r\n }\r\n // condition for displaying specialOdd field coloumn\r\n // {fromDrillDown && odd && odd.betType.separateOddSpecialField && (\r\n // \r\n {fromDrillDown && {oddField.oddFieldDisplayName}}\r\n
\r\n )}\r\n {oddField.enableBet &&\r\n oddField.eventEnableBet &&\r\n oddField.oddEnableBet && (\r\n <>\r\n {fromDrillDown && (\r\n \r\n {oddField.oddFieldDisplayName}{\" \"}\r\n {oddField.oddSpecialField &&\r\n oddField.oddSpecialField !== \"-1\" && (\r\n \r\n {removeSpecialField ? `` : oddField.oddSpecialField}\r\n \r\n )}\r\n
\r\n )}\r\n \r\n {oddField.oddValue.format(2)}\r\n
\r\n \r\n )}\r\n {odd.oddSpecialField}
\r\n // )}\r\n // end of condition for displaying specialOdd field coloumn\r\n\r\n const {\r\n groupOdds,\r\n isSpecialGroup,\r\n specialTemplateName,\r\n specialOddFields,\r\n betTypeHint,\r\n betTypeHintText\r\n } = this.getOddsForGroup(groupId);\r\n // const defaultValue =\r\n // groupOdds &&\r\n // Object.entries(groupOdds).length > 0 &&\r\n // Object.entries(groupOdds)[0][1].oddSpecialField;\r\n let filteredGroupOdds = {};\r\n let filterValues = Object.values(groupOdds).map((item) => {\r\n return fromLuckyNumbers ? item.betType.betTypeId : item.oddSpecialField;\r\n });\r\n filterValues = filterValues.filter(\r\n (value, index, my_arr) => my_arr.indexOf(value) == index\r\n );\r\n filterValues.map((item) => {\r\n Object.entries(groupOdds).map((ele) => {\r\n if (fromLuckyNumbers) {\r\n if (item == ele[1].betType.betTypeId && filteredGroupOdds[item]) {\r\n filteredGroupOdds[item][ele[0]] = ele[1];\r\n } else if (\r\n item == ele[1].betType.betTypeId &&\r\n !filteredGroupOdds[item]\r\n ) {\r\n filteredGroupOdds[item] = {};\r\n filteredGroupOdds[item][ele[0]] = ele[1];\r\n }\r\n } else {\r\n if (item == ele[1].oddSpecialField && filteredGroupOdds[item]) {\r\n filteredGroupOdds[item][ele[0]] = ele[1];\r\n } else if (\r\n item == ele[1].oddSpecialField &&\r\n !filteredGroupOdds[item]\r\n ) {\r\n filteredGroupOdds[item] = {};\r\n filteredGroupOdds[item][ele[0]] = ele[1];\r\n }\r\n }\r\n });\r\n });\r\n // let filteredGroupOdds = {};\r\n // if (true) {\r\n // filteredGroupOdds = Object.entries(groupOdds).filter((odd) => {\r\n // return (\r\n // odd[1].oddSpecialField ==\r\n // (this.state.filter ? this.state.filter : Object.entries(groupOdds)[0][1].oddSpecialField)\r\n // );\r\n // });\r\n // } else {\r\n // }\r\n return (\r\n \r\n {\r\n 
\r\n }\r\n
\r\n }\r\n {/* \r\n {betTypeHintText}
}\r\n trigger=\"click\"\r\n arrowContent={}\r\n >\r\n \r\n {specialTemplateName ? specialTemplateName : group.betTypeGroupName}\r\n
\r\n {betTypeHint && \r\n {defaultValue}
\r\n }\r\n >\r\n {filterValues.map((item) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n */}\r\n {Object.entries(filteredGroupOdds).length > 0 &&\r\n groupOdds &&\r\n Object.entries(filteredGroupOdds).map((groupEle) => {\r\n return (\r\n <>\r\n {fromLuckyNumbers &&\r\n Object.values(groupEle[1]) &&\r\n Object.values(groupEle[1])[0] &&\r\n Object.values(groupEle[1])[0].betType &&\r\n Object.values(groupEle[1])[0].betType.betTypeName && (\r\n \r\n {Object.values(groupEle[1])[0].betType.betTypeName}\r\n
\r\n )}\r\n\r\n \r\n {Object.values(groupEle[1]).length > 0 &&\r\n Object.values(groupEle[1])[0].betType\r\n .separateOddSpecialField && (\r\n \r\n {groupEle[0]}\r\n
\r\n )}\r\n {isSpecialGroup && (\r\n \r\n {specialOddFieldGroup &&\r\n Object.values(specialOddFieldGroup) &&\r\n Object.values(specialOddFieldGroup).length > 0 &&\r\n Object.values(specialOddFieldGroup).map(\r\n (oddFieldRow) => {\r\n return (\r\n \r\n \r\n {oddFieldRow[0].oddField}\r\n
\r\n \r\n
\r\n ))}\r\n \r\n \r\n );\r\n })}\r\n {fromLuckyNumbers &&\r\n this.state.betTypeGroupName === group.betTypeGroupName && (\r\n \r\n
\r\n \r\n )}\r\n\r\n {this.state.oddField &&\r\n this.state.oddField.betType &&\r\n this.state.oddField.betType.betTypeId == 3 &&\r\n bounosBallRange && (\r\n <>\r\n \r\n
\r\n {ballArray && this.state.oddField && (\r\n <>\r\n \r\n Predict balls that will be extracted from the ballset.\r\n
\r\n \r\n \r\n this.state.oddField &&\r\n this.loadBalls(\r\n this.state.oddField.oddFieldNumber,\r\n 1,\r\n this.state.oddField.eventId,\r\n group.betTypeGroupId\r\n )\r\n }\r\n >\r\n Cold numbers\r\n {\" \"}\r\n \r\n this.state.oddField &&\r\n this.loadBalls(\r\n this.state.oddField.oddFieldNumber,\r\n 2,\r\n this.state.oddField.eventId,\r\n group.betTypeGroupId\r\n )\r\n }\r\n >\r\n Hot Numbers\r\n {\" \"}\r\n \r\n this.state.oddField &&\r\n this.loadBalls(\r\n this.state.oddField.oddFieldNumber,\r\n 3,\r\n this.state.oddField.eventId,\r\n group.betTypeGroupId\r\n )\r\n }\r\n >\r\n Quick pick\r\n \r\n
\r\n Main Numbers
\r\n\r\n \r\n {ballArray.map((item) => {\r\n return (\r\n \r\n this.state.selectedBalls.includes(item + 1)\r\n ? this.removeSelected(item + 1)\r\n : this.onSelectBall(\r\n this.state.oddField.oddFieldNumber || 0,\r\n item + 1\r\n )\r\n }\r\n >\r\n {item + 1}\r\n
\r\n );\r\n })}\r\n Bonus Balls
\r\n \r\n {this.generateBonusBallArray(bounosBallRange).map(\r\n (item) => {\r\n return (\r\n \r\n this.state.bonusBalls.includes(item)\r\n ? this.removeSelectedBonus(item)\r\n : this.onSelectBonus(item)\r\n }\r\n >\r\n {item}\r\n
\r\n );\r\n }\r\n )}\r\n \r\n \r\n )}\r\n\r\n {(this.state.selectedBalls.length > 0 ||\r\n this.state.bonusBalls.length > 0) &&\r\n this.state.oddField && (\r\n <>\r\n Your Selection
\r\n \r\n
\r\n \r\n \r\n {item}\r\n
\r\n );\r\n })}\r\n \r\n {this.state.selectedBalls.map((item) => {\r\n return (\r\n \r\n {item}\r\n
\r\n );\r\n })}\r\n {this.state.bonusBalls.map((item) => {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n );\r\n }\r\n\r\n getOddsForGroup(groupKey) {\r\n const { odds , specialOddFieldGroup} = this.props;\r\n const specialgroups = this.props.specialGroupOdds;\r\n let isSpecialGroup = false;\r\n let specialTemplateName = null;\r\n let betTypeHint = null;\r\n let betTypeHintText = null;\r\n let groupOdds = {};\r\n odds &&\r\n Object.keys(odds).map((key) => {\r\n if (\r\n specialOddFieldGroup && Object.values(specialOddFieldGroup) && Object.values(specialOddFieldGroup).length > 0 && odds[key].betType.specialTemplateName &&\r\n `${odds[key].betType.betTypeGroupId}_${odds[key].betType.betTypeGroupName}` ===\r\n groupKey\r\n ) {\r\n isSpecialGroup = true;\r\n specialTemplateName = odds[key].betType.specialTemplateName;\r\n betTypeHint = odds[key].betType.betTypeHint;\r\n betTypeHintText = odds[key].betType.betTypeHintText;\r\n } else\r\n if (\r\n `${odds[key].betType.betTypeGroupId}_${odds[key].betType.betTypeGroupName}` ===\r\n groupKey\r\n ) {\r\n groupOdds[key] = odds[key];\r\n betTypeHint = odds[key].betType.betTypeHint;\r\n betTypeHintText = odds[key].betType.betTypeHintText;\r\n }\r\n });\r\n\r\n return !isSpecialGroup\r\n ? { groupOdds, isSpecialGroup, specialTemplateName , betTypeHint , betTypeHintText}\r\n : { groupOdds: specialgroups, isSpecialGroup, specialTemplateName , betTypeHint , betTypeHintText };\r\n }\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n group: state.sportEvents.eventOddGroups[initialProps.groupId],\r\n odds: state.sportEvents.eventOdds[initialProps.eventId],\r\n suggestedBalls: state.sportTypes.suggestedBalls,\r\n specialGroupOdds: state.sportEvents.specialGroupOdds,\r\n specialOddFieldGroup: state.sportEvents.specialOddFieldGroup,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n getSuggestedBalls: (request) => {\r\n dispatch(getSuggestedBalls(request));\r\n },\r\n updateBetSlip: (field) => {\r\n dispatch(updateBetSlip(field));\r\n },\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(EventOddGroup);\r\n","import React from 'react'\r\nimport Bets from '..'\r\n\r\n\r\nexport default class DefaultScore extends React.Component {\r\n\trender() {\r\n\t\tconst { event, upcoming } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\r\n {\r\n this.setState({\r\n selectedBalls: [],\r\n bonusBalls: [],\r\n ballColor: undefined,\r\n });\r\n }}\r\n >\r\n CLEAR\r\n \r\n
\r\n \r\n {this.state.selectedBalls.length ==\r\n this.state.oddField.oddFieldNumber && (\r\n \r\n this.onFieldClick(e, this.state.oddField)\r\n }\r\n >\r\n ADD\r\n \r\n )}\r\n
\r\n \r\n\t\t\t\t
\r\n\r\n\t\t)\r\n\t}\r\n\r\n\tgetHometeamScore = (score) => {\r\n\t\treturn score ? score.split(\":\")[0] : \"\";\r\n\t}\r\n\r\n\tgetAwayTeamScore = (score) => {\r\n\t\treturn score ? score.split(\":\")[1] : \"\";\r\n\t}\r\n\r\n}","import React from 'react'\r\nimport Bets from '..'\r\nimport { Utils } from '../../../../helpers';\r\n\r\n\r\nexport default class SetScore extends React.Component {\r\n setScore = (score) => {\r\n return score ? score.split(':').map(score => score.trim()) : '';\r\n }\r\n setMatchScores = (scores) => {\r\n let newScores = scores.map(score => {\r\n return score ? score.split(':').map(score => score.trim()) : '';\r\n });\r\n return newScores;\r\n }\r\n\r\n DesktopEvents = (event, finalScore, setScores, gameScore) => {\r\n return (\r\n \r\n\t\t\t\t\t\t
\r\n\t\t\t\t} */}\r\n\t\t\t\t\r\n\t\t\t{this.getHometeamScore(event.eventScore && event.eventScore.score)}
\r\n\t\t\t\t\t\t{this.getAwayTeamScore(event.eventScore && event.eventScore.score)}
\r\n\t\t\t\t\t\r\n
\r\n )\r\n }\r\n\r\n\r\n MobileEvents = (event, finalScore, setScores, gameScore) => {\r\n let setScore = setScores[setScores.length - 1];\r\n return (\r\n
\r\n } */}\r\n \r\n {event.eventScore.server === 1 && }\r\n
\r\n {gameScore[0]}
\r\n {setScores.map((match, index) => match[1] ? \"match-won\" : \"match-lost\"} key={index}>{match[0]}
)}\r\n {finalScore[0]}
\r\n\r\n\r\n \r\n {event.eventScore.server === 2 && }\r\n
\r\n {gameScore[1]}
\r\n {setScores.map((match, index) => match[0] ? \"match-won\" : \"match-lost\"} key={index}>{match[1]}
)}\r\n {finalScore[1]}
\r\n \r\n
\r\n )\r\n }\r\n render() {\r\n const { event } = this.props;\r\n let finalScore = event.eventScore.score ? this.setScore(event.eventScore.score) : [];\r\n let setScores = event.eventScore.setScores ? this.setMatchScores(event.eventScore.setScores) : [];\r\n let gameScore = event.eventScore.gameScore ? this.setScore(event.eventScore.gameScore) : [];\r\n return (\r\n Utils.IsMobile ? this.MobileEvents(event, finalScore, setScores, gameScore) : this.DesktopEvents(event, finalScore, setScores, gameScore)\r\n )\r\n }\r\n}","import { Button } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { setEvent } from \"../../../redux/actions/sportEventsActions\";\r\n\r\nclass OddsNumber extends React.Component {\r\n render() {\r\n return (\r\n \r\n
\r\n }\r\n \r\n {event.eventScore.server === 1 && }\r\n
\r\n {gameScore[0]}
\r\n { setScore[1] ? \"match match-won\" : \"match match-lost\"} key={setScore[0]}>{setScore[0]}
}\r\n {finalScore[0]}
\r\n\r\n\r\n \r\n {event.eventScore.server === 2 && }\r\n
\r\n {gameScore[1]}
\r\n { setScore[0] ? \" match-won\" : \" match-lost\"} key={setScore[1]}>{setScore[1]}
}\r\n {finalScore[1]}
\r\n \r\n \r\n
\r\n P
\r\n G
\r\n Sets
\r\n \r\n this.onDrilldownClick(this.props.data)}\r\n >\r\n
\r\n );\r\n }\r\n\r\n onDrilldownClick = (item) => {\r\n const { history, setEvent, feedName, match } = this.props;\r\n setEvent(item);\r\n history.push(\r\n `/${feedName}/${match.params.feed}/${match.params.sport}/${\r\n item.sport.sportDisplayName\r\n }/event/${item.eventCategory.sportCategoryId}/${\r\n item.eventTournament.tournamentId\r\n }/${item.eventId}`\r\n );\r\n };\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sportEvents: state.sportEvents.sportEvents,\r\n feedName: state.app.feedName,\r\n feedId: state.app.feedId,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n setEvent: (item) => {\r\n dispatch(setEvent(item));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(OddsNumber);\r\n","import React from \"react\";\r\nimport { AppConfig, Enums } from \"../../../helpers\";\r\nimport { Images } from \"../../\";\r\nimport { replace } from \"react-router-redux\";\r\n\r\nconst LiveTracker = (props) => {\r\n const { sportEvent, history, match } = props;\r\n const onClick = () => {\r\n // /live/${Enums.Feed.Live}/1/Soccer\r\n // ${window.location.pathname}\r\n if (\r\n !match.params.liveTracker\r\n ) {\r\n history.push(\r\n `${window.location.pathname}/liveTracker=${sportEvent.eventId}`\r\n );\r\n window.scrollTo(0,0)\r\n } else if (\r\n match.params.liveTracker !== `${sportEvent.eventId}`\r\n ) {\r\n history.push(`liveTracker=${sportEvent.eventId}`);\r\n window.scrollTo(0,0)\r\n\r\n }\r\n };\r\n\r\n {\r\n }\r\n return (\r\n {`+${this.props.number}`}
\r\n \r\n \r\n onClick()}>\r\n {/* 
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default LiveTracker;\r\n","import React from \"react\";\r\nimport { AppConfig, Enums } from \"../../../helpers\";\r\nimport { Images } from \"../../\";\r\n\r\nconst Statistics = (props) => {\r\n const { sportEvent } = props;\r\n\r\n // const onClick = () => {\r\n // let redirectPath = \"\";\r\n // switch (sportEvent.feed.feedId) {\r\n // case Enums.Feed.Static:\r\n // redirectPath = `${AppConfig.StatisticsAddress.Domain}?path=${\r\n // AppConfig.StatisticsAddress.Static\r\n // }/${sportEvent.eventId}`;\r\n // break;\r\n\r\n // default:\r\n // redirectPath = `${AppConfig.StatisticsAddress.Domain}?path=${\r\n // AppConfig.StatisticsAddress.Virtual\r\n // }/${sportEvent.eventId}`;\r\n // break;\r\n // }\r\n\r\n // // open statistics in a new window\r\n // window.open(\r\n // redirectPath,\r\n // \"winners\",\r\n // \"left=20,top=20,width=1000,height=800,toolbar=1,resizable=0\"\r\n // );\r\n // };\r\n\r\n {\r\n }\r\n return (\r\n \r\n \r\n {/* 
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Statistics;\r\n","import React from \"react\";\r\nimport { Utils, CountryCodes, AppConfig } from \"../../../../helpers\";\r\nimport { connect } from \"react-redux\";\r\nimport { Bets } from \"../../../\";\r\n\r\nimport TeamName from \"../TeamName\";\r\nimport Timer from \"../Timer\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport { LazyLoadImage, trackWindowScroll } from 'react-lazy-load-image-component';\r\nimport moment from \"moment\";\r\n\r\n\r\nconst IsMiddleScreenAndMobile = ({ children }) => {\r\n const isMiddleScreenAndMobile = useMediaQuery({ maxWidth: 720 });\r\n return isMiddleScreenAndMobile ? children : null;\r\n};\r\nconst IsDesktop = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 720 });\r\n return isDesktop ? children : null;\r\n};\r\nlet imageElement = document.createElement(\"img\");\r\nclass TopBetsDetails extends React.Component {\r\n state = {\r\n renderCheckImage: false,\r\n };\r\n componentDidMount() {\r\n this.setState({\r\n renderCheckImage: true,\r\n });\r\n }\r\n checkImage = (teamId) => {\r\n this.setState({\r\n [teamId]: true,\r\n });\r\n };\r\n onEventClick = (item) => {\r\n const { history, setEvent, loadAllBetTypes, feedName, match } = this.props;\r\n setEvent(item);\r\n history.push(\r\n `/${feedName}/${match.params.feed}/${match.params.sport}/${\r\n match.params.sportName\r\n }/event/${item.eventCategory.sportCategoryId}/${\r\n item.eventTournament.tournamentId\r\n }/${item.eventId}`\r\n );\r\n const request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n EventId: Number(match.params.eventId),\r\n },\r\n };\r\n loadAllBetTypes(request);\r\n };\r\n\r\n // getCountryCode = (name) => {\r\n // let result =\r\n // this.props.countryFlags &&\r\n // this.props.countryFlags.filter((element) => {\r\n // return element.countryName.toLowerCase() == name.toLowerCase();\r\n // });\r\n // if (result && result.length > 0) {\r\n // return result[0].countryFlagImagesName;\r\n // }\r\n // };\r\n formatDate =(utcDate) =>{\r\n const date = moment.utc(utcDate);\r\n const today = moment().utc().startOf('day');\r\n \r\n // Check if the date matches today's date\r\n if (date.isSame(today, 'day')) {\r\n return 'Today, ';\r\n }\r\n \r\n // Calculate the date after one week\r\n const oneWeekLater = moment().startOf('day').add(7, 'days');\r\n \r\n // Check if the date is within the next week\r\n if (date.isSameOrBefore(oneWeekLater)) {\r\n return `${date.format('dddd')}, `;\r\n }\r\n \r\n // Return the date itself for dates after one week\r\n return ``;\r\n }\r\n \r\n render() {\r\n const { data, showBetTypes, showNumber } = this.props;\r\n return (\r\n this.onEventClick(data)}>\r\n {data && (\r\n <>\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n {this.formatDate(data.eventDateOfMatch)} {data.eventDateOfMatchFormated}\r\n \r\n
\r\n\r\n {data.feed.feedId == 5 && (\r\n \r\n
\r\n )}\r\n {`${data.eventStatus &&\r\n data.eventStatus.eventStatusDisplayName}`}
\r\n {data.eventScore && (\r\n \r\n
\r\n \r\n {`ID: ${data.eventBetLineNo}`}\r\n
\r\n \r\n \r\n {\" \"}\r\n {data.eventHomeTeamName.split(\" \")[0][0]}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n {!this.state[data.eventHomeTeamId] && (\r\n \r\n {\" \"}\r\n {data.eventHomeTeamName.split(\" \")[0][0]}\r\n {data.eventHomeTeamName.split(\" \")[1][0]}\r\n
\r\n ) : this.state[data.eventHomeTeamId] &&\r\n data.eventHomeTeamName.split(\" \").length == 1 ? (\r\n \r\n this.checkImage(data.eventHomeTeamId)}\r\n height={\"34px\"}\r\n width={\"34px\"}\r\n />\r\n
\r\n )}\r\n {this.state[data.eventHomeTeamId] &&\r\n data.eventHomeTeamName.split(\" \").length >= 2 ? (\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n 1\r\n X\r\n 2\r\n
\r\n \r\n {showBetTypes && (\r\n
\r\n \r\n {\" \"}\r\n {!this.state[data.eventAwayTeamId] && (\r\n \r\n {\" \"}\r\n {data.eventAwayTeamName.split(\" \")[0][0]}\r\n {data.eventAwayTeamName.split(\" \")[1][0]}\r\n
\r\n ) : this.state[data.eventAwayTeamId] &&\r\n data.eventAwayTeamName.split(\" \").length == 1 ? (\r\n \r\n {\" \"}\r\n this.checkImage(data.eventAwayTeamId)}\r\n height={\"34px\"}\r\n width={\"34px\"}\r\n />\r\n
\r\n )}\r\n {this.state[data.eventAwayTeamId] &&\r\n data.eventAwayTeamName.split(\" \").length >= 2 ? (\r\n \r\n
{\" \"}\r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n {`ID: ${\r\n data.eventBetLineNo\r\n }`}
\r\n\r\n
\r\n
\r\n \r\n {this.formatDate(data.eventDateOfMatch)} {data.eventDateOfMatchFormated}\r\n
\r\n {/* {data.feed.feedId == 5 && (\r\n\r\n
\r\n )} */}\r\n {`${data.eventStatus &&\r\n data.eventStatus.eventStatusDisplayName}`}
\r\n {data.eventScore && (\r\n \r\n \r\n 1\r\n X\r\n 2\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {showBetTypes && (\r\n
\r\n \r\n \r\n {Object.keys(sportEvents).map((key, index) => {\r\n //if (index % cardsNumber === 0) {\r\n const item1 = sportEvents[Object.keys(sportEvents)[index]];\r\n const item2 = sportEvents[Object.keys(sportEvents)[index + 1]];\r\n const item3 = sportEvents[Object.keys(sportEvents)[index + 2]];\r\n\r\n return (\r\n ({\r\n width: \"100%\",\r\n height: bool ? \"fit-content\" : 135,\r\n })}>\r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sportEvents: state.sportEvents.sportEvents,\r\n error: state.sportEvents.error,\r\n feedName: state.app.feedName,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadAllBetTypes: (request) => {\r\n dispatch(loadAllBetTypes(request));\r\n },\r\n setEvent: (item) => {\r\n dispatch(setEvent(item));\r\n },\r\n loadTopBets: (request) => {\r\n dispatch(loadTopBets(request));\r\n },\r\n setPropsMath: (match) => {\r\n dispatch(setPropsMath(match));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(TopBetsCarousel);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Images } from \"../../..\";\r\nimport TopBetDetails from \"./TopBetDetails\";\r\nimport TopBetsCarousel from \"./Carousel\";\r\nimport { Events } from \"../../../\";\r\nimport {\r\n loadAllBetTypes,\r\n setEvent,\r\n loadTopBets,\r\n} from \"../../../../redux/actions/sportEventsActions\";\r\nimport { setPropsMath } from \"../../../../redux/actions/appActions\";\r\n\r\nimport { Carousel } from \"antd\";\r\n\r\nclass TopBets1 extends React.Component {\r\n componentDidMount() {\r\n const { loadTopBets, setPropsMath, match, connected } = this.props;\r\n setPropsMath(match);\r\n\r\n if (connected) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n },\r\n };\r\n loadTopBets(request);\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { loadTopBets, match, connected } = this.props;\r\n\r\n if (\r\n prevProps.match.params.sport !== match.params.sport ||\r\n (!prevProps.connected && connected)\r\n ) {\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n },\r\n };\r\n loadTopBets(request);\r\n }\r\n }\r\n\r\n onArrowClick = (direction) => {\r\n switch (direction) {\r\n case 1:\r\n this.refs.carousel.prev();\r\n break;\r\n\r\n case 2:\r\n this.refs.carousel.next();\r\n break;\r\n }\r\n };\r\n\r\n render() {\r\n const { sportEvents, loading, match, feedId, error } = this.props;\r\n if (error) {\r\n return \r\n
\r\n {sportEvents && Object.keys(sportEvents).length > 0 && (\r\n Top Matches
\r\n {sportEvents && Object.keys(sportEvents).length > cardsNumber && (\r\n\r\n
\r\n )}\r\n this.onArrowClick(1)}>\r\n \r\n
\r\n this.onArrowClick(2)}>\r\n \r\n
\r\n \r\n {item1 && (\r\n \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\titem3 && cardsNumber >= 3 &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t} */}\r\n
\r\n \r\n );\r\n //}\r\n })}\r\n {error}
;\r\n }\r\n\r\n if (loading) {\r\n return (\r\n Loading {match.params[\"sport\"]} events...
\r\n );\r\n }\r\n\r\n return (\r\n \r\n {/*
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sportEvents: state.sportEvents.sportEvents,\r\n error: state.sportEvents.error,\r\n feedName: state.app.feedName,\r\n connected: state.signalr.staticConnected,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadAllBetTypes: (request) => {\r\n dispatch(loadAllBetTypes(request));\r\n },\r\n setEvent: (item) => {\r\n dispatch(setEvent(item));\r\n },\r\n loadTopBets: (request) => {\r\n dispatch(loadTopBets(request));\r\n },\r\n setPropsMath: (match) => {\r\n dispatch(setPropsMath(match));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(TopBets1);\r\n","import React from 'react';\r\nimport { Images } from '../../../';\r\nimport { Utils } from '../../../../helpers';\r\nimport TeamName from '../TeamName';\r\nimport Timer from '../Timer';\r\n\r\nexport default class DrillDownDetails extends React.Component {\r\n\r\n\tnav = (data) => {\r\n\t\tconst { match, history, feedName } = this.props;\r\n\t\thistory.push(`/${feedName}/${match.params.feed}/${match.params.sport}/${match.params.sportName}/events/countries/${data.eventCategory.sportCategoryId}/${data.eventCategory.categoryDisplayName}/${data.eventTournament.tournamentId}/${data.eventTournament.tournamentDisplayName}`);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { history, data, showBetTypes, showNumber } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{\r\n\t\t\t\t\tdata && data.feed &&\r\n\t\t\t\t\t
\r\n\t\t)\r\n\r\n\t}\r\n\r\n\r\n\tgetHometeamScore(score) {\r\n\t\treturn score ? score.split(\":\")[0] : \"\";\r\n\t}\r\n\r\n\tgetAwayTeamScore(score) {\r\n\t\treturn score ? score.split(\":\")[1] : \"\";\r\n\t}\r\n\r\n\r\n}","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Bets } from \"../../../\";\r\nimport { loadAllBetTypes } from \"../../../../redux/actions/sportEventsActions\";\r\nimport { setPropsMath } from \"../../../../redux/actions/appActions\";\r\nimport Timer from \"../Timer\";\r\nimport TeamName from \"../TeamName\";\r\nimport { Enums } from '../../../../helpers';\r\nimport { CountryCodes, AppConfig, SessionStorage } from \"../../../../helpers\";\r\n\r\nimport { Tabs } from \"antd\";\r\n\r\nimport DrillDownDetails from \"./DrillDownDetails\";\r\nimport { GetCustomBetOddFieldData } from \"../../../../redux/actions/singnalrActions\";\r\n\r\nconst TabPane = Tabs.TabPane;\r\n\r\nclass DrillDown extends React.Component {\r\n // selectedGroup= is when navigating from notifications\r\n state = {\r\n isFrameLoading: true,\r\n selectedTab: window.location.search.includes(\"selectedGroup=\")\r\n ? window.location.search.split(\"selectedGroup=\")[1]\r\n : null,\r\n };\r\n\r\n async componentDidMount() {\r\n const { match, setPropsMath, loadAllBetTypes, connected } = this.props;\r\n window.scrollTo(0, 0);\r\n setPropsMath(match);\r\n if (connected) {\r\n const request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n EventId: Number(match.params.eventId),\r\n },\r\n };\r\n loadAllBetTypes(request);\r\n }\r\n }\r\n componentWillMount() {\r\n window.addEventListener(\"message\", this.handleMessage);\r\n }\r\n componentWillUnmount() {\r\n window.removeEventListener(\"message\", this.handleMessage);\r\n }\r\n\r\n async componentDidUpdate(prevProps) {\r\n const { match, setPropsMath, loadAllBetTypes, connected } = this.props;\r\n setPropsMath(match);\r\n\r\n if (\r\n prevProps.match.params.eventId !== this.props.match.params.eventId ||\r\n (!prevProps.connected && connected)\r\n ) {\r\n const request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n EventId: Number(match.params.eventId),\r\n },\r\n };\r\n loadAllBetTypes(request);\r\n }\r\n }\r\n handleMessage = (event) => {\r\n // Check if the message is from the expected iframe source\r\n // Log the event object for debugging\r\n const { GetCustomBetOddFieldData, match } = this.props;\r\n\r\n console.log(\"Received message from iframe:\", event.data);\r\n if (event.data && event.data.type === \"custom-bet\") {\r\n console.log(\"Received console message from iframe:\", event.data.message);\r\n let request = [];\r\n if (\r\n event.data.message &&\r\n event.data.message.selectedOutcomes &&\r\n event.data.message.displayedOdds\r\n ) {\r\n event.data.message.selectedOutcomes.map((outcome) => {\r\n request.push({\r\n eventId: Number(match.params.eventId),\r\n feed: { FeedId: Number(match.params.feed) },\r\n sport: { SportId: Number(match.params.sport) },\r\n outcomeId: outcome.outcomeId,\r\n uofId: Number(outcome.srMarket.id),\r\n specifiers: outcome.srMarket.specifiers,\r\n });\r\n });\r\n console.log(\r\n \"Number(event.data.message.displayedOdds).toFixed(2)\",\r\n Number(event.data.message.displayedOdds)\r\n );\r\n // updateCustomBetDisplayOdd(Number(event.data.message.displayedOdds).toFixed(2))\r\n SessionStorage.betBuilderDisplayOdds = Number(\r\n event.data.message.displayedOdds\r\n );\r\n GetCustomBetOddFieldData(request);\r\n }\r\n }\r\n };\r\n onTabChange(key) {\r\n this.setState({ selectedTab: key , isFrameLoading:true });\r\n }\r\n // getCountryCode = (name) => {\r\n // let result =\r\n // this.props.countryFlags &&\r\n // this.props.countryFlags.filter((element) => {\r\n // return element.countryName.toLowerCase() == name.toLowerCase();\r\n // });\r\n // if (result && result.length > 0) {\r\n // return result[0].countryFlagImagesName;\r\n // }\r\n // };\r\n checkImage = (teamId) => {\r\n this.setState({\r\n [teamId]: true,\r\n });\r\n };\r\n frameLoad = (value) => {\r\n this.setState({\r\n isFrameLoading: value,\r\n });\r\n };\r\n\r\n render() {\r\n const {\r\n eventData,\r\n groupsIds,\r\n error,\r\n drillDownTabs,\r\n customBetFilePath,\r\n customBetSports,\r\n isDark,\r\n customBetData,\r\n showNewIcon,\r\n newIconImage,\r\n } = this.props;\r\n drillDownTabs &&\r\n drillDownTabs.length > 0 &&\r\n !drillDownTabs.includes(\"Bet Builder\") &&\r\n drillDownTabs.splice(1, 0, \"Bet Builder\");\r\n let showCustomBet;\r\n showCustomBet =\r\n customBetSports &&\r\n customBetSports.filter((item) => {\r\n return (\r\n item.feedId == Number(this.props.match.params.feed) &&\r\n item.sportId == Number(this.props.match.params.sport)\r\n );\r\n });\r\n return (\r\n \r\n\r\n\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\r\n\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t this.nav(data)}>\r\n\t\t\t\t\t\t\t\t\t{data.eventCategory && data.eventCategory.categoryDisplayName} / {data.eventTournament && data.eventTournament.tournamentDisplayName}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tdata.feed.feedId != 5 &&\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{Utils.formatDate(data.eventDateOfMatch)}
\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tdata.feed.feedId == 5 &&\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t{`${data.eventScore && data.eventScore.eventStatusDisplayName}`}
\r\n\t\t\t\t\t\t\t\t\t\tID: {data.eventBetLineNo}
\r\n\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\tdata.eventScore &&\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t history.goBack()}>BACK
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tdata.feed.feedId == 5 && data.eventScore && data.eventScore.score &&\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{this.getHometeamScore(data.eventScore.score)}\r\n\t\t\t\t\t\t\t\t\t\t : \r\n\t\t\t\t\t\t\t\t\t\t{this.getAwayTeamScore(data.eventScore.score)}\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\r\n {/* \r\n {\" \"}\r\n {eventData.eventAwayTeamName.split(\" \")[0][0]}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n )}\r\n {eventData && (\r\n {error}
\r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n \r\n {eventData.feed.feedId == 5 && (\r\n <>\r\n
\r\n\r\n {`${eventData.eventStatus &&\r\n eventData.eventStatus.eventStatusDisplayName}`}
\r\n {eventData.eventScore && (\r\n \r\n
\r\n \r\n {`ID: ${eventData.eventBetLineNo}`}\r\n
\r\n \r\n
\r\n \r\n {\" \"}\r\n {eventData.eventHomeTeamName.split(\" \")[0][0]}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n {!this.state[eventData.eventHomeTeamId] && (\r\n \r\n {\" \"}\r\n {eventData.eventHomeTeamName.split(\" \")[0][0]}\r\n {eventData.eventHomeTeamName.split(\" \")[1][0]}\r\n
\r\n ) : this.state[eventData.eventHomeTeamId] &&\r\n eventData.eventHomeTeamName.split(\" \").length == 1 ? (\r\n \r\n this.checkImage(eventData.eventHomeTeamId)}\r\n height={\"34px\"}\r\n width={\"34px\"}\r\n />\r\n
\r\n )}\r\n {this.state[eventData.eventHomeTeamId] &&\r\n eventData.eventHomeTeamName.split(\" \").length >= 2 ? (\r\n \r\n
\r\n \r\n {(eventData.feed.feedId == 5 && eventData.eventScore && eventData.eventScore.score) ? (\r\n
\r\n\r\n \r\n {eventData.eventScore.score.split(\":\")[0]}:\r\n {eventData.eventScore.score.split(\":\")[1]}\r\n
\r\n ) : (\r\n\r\n {eventData.eventDateOfMatchFormated}\r\n
\r\n )}\r\n\r\n {!this.state[eventData.eventAwayTeamId] && (\r\n \r\n {\" \"}\r\n {eventData.eventAwayTeamName.split(\" \")[0][0]}\r\n {eventData.eventAwayTeamName.split(\" \")[1][0]}\r\n
\r\n ) : this.state[eventData.eventAwayTeamId] &&\r\n eventData.eventAwayTeamName.split(\" \").length == 1 ? (\r\n \r\n {\" \"}\r\n this.checkImage(eventData.eventAwayTeamId)}\r\n height={\"34px\"}\r\n width={\"34px\"}\r\n />\r\n
\r\n )}\r\n {this.state[eventData.eventAwayTeamId] &&\r\n eventData.eventAwayTeamName.split(\" \").length >= 2 ? (\r\n \r\n
{\" \"}\r\n \r\n \r\n \r\n )}\r\n {drillDownTabs && (\r\n \r\n
\r\n )}\r\n\r\n {eventData && eventData.feed && groupsIds && drillDownTabs && (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {this.state.selectedTab == \"Bet Builder\" &&\r\n customBetFilePath &&\r\n showCustomBet &&\r\n showCustomBet.length > 0 && (\r\n <>\r\n {this.state.isFrameLoading && (\r\n this.frameLoad(false)}\r\n style={{ width: \"100%\", height: \"550px\" }}\r\n key={`${customBetFilePath}?matchId=${eventData.eventId}}&isDarkTheme=${isDark}`}\r\n title=\"custom-bet\"\r\n frameBorder=\"0\"\r\n src={`${customBetFilePath}?matchId=${eventData.eventId}&isDarkTheme=${isDark}`}\r\n />\r\n \r\n )}\r\n {groupsIds.map((id) => (\r\n
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n eventData: state.sportEvents.eventData,\r\n groupsIds: state.sportEvents.eventOddGroupIds,\r\n error: state.sportEvents.error,\r\n drillDownTabs: state.sportEvents.drillDownTabs,\r\n feedName: state.app.feedName,\r\n countryFlags: state.general.countryFlags,\r\n connected: state.app.feedId == Enums.Feed.Static ?\r\n\t\t\tstate.signalr.staticConnected :\r\n\t\t\t\tstate.app.feedId == Enums.Feed.Live ?\r\n\t\t\t\tstate.signalr.liveConnected :\r\n\t\t\t\tstate.signalr.virtualConnected,\r\n customBetFilePath: state.general.configuration.customBetFilePath,\r\n customBetSports: state.general.configuration.customBetSports,\r\n isDark: state.app.isDark,\r\n customBetData: state.betSlip.customBetData,\r\n newIconImage: state.general.configuration.newIconImage,\r\n showNewIcon: state.general.configuration.showNewIcon,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadAllBetTypes: (request) => {\r\n dispatch(loadAllBetTypes(request));\r\n },\r\n setPropsMath: (match) => {\r\n dispatch(setPropsMath(match));\r\n },\r\n GetCustomBetOddFieldData: (request) => {\r\n dispatch(GetCustomBetOddFieldData(request));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DrillDown);\r\n","import { Button, Input, Popover, Icon } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Alert } from \"../../\";\r\nimport {\r\n onAmountChange,\r\n placeMultipleBet,\r\n placeSingleBet,\r\n onFieldAmountChange,\r\n handleHideStake,\r\n clearSucceededBets,\r\n clearBetSlipSuccess,\r\n setLoginError,\r\n clearBetSlipError,\r\n} from \"../../../redux/actions/betSlipActions\";\r\nimport {\r\n createBetCode,\r\n validateCoupon,\r\n couponClearMessage,\r\n} from \"../../../redux/actions/generalActions\";\r\nimport { checkDepositBonusConditions } from \"../../../redux/actions/membersActions\";\r\nimport { BetSlipRow } from \"./\";\r\n// import { Register } from \"../../../screens/\";\r\nimport Register from \"../../../screens/Register/Register\";\r\nimport Loading from \"../Loading\";\r\nimport { Cookies, SessionStorage, Enums, AppConfig } from \"../../../helpers\";\r\nimport { Images } from \"../../\";\r\nimport LoyalityRewards from \"./LoyalityRewards\";\r\n\r\nconst Number = (props) => {\r\n const { children, currency, fixed } = props;\r\n\r\n let getNumber = (n, props) => {\r\n if (n == \"-\") return n;\r\n\r\n if (n == 0 || isNaN(n)) return \"-\";\r\n\r\n return ` ${currency ? \"LD\" : \"\"} ${n.format(fixed)}`;\r\n };\r\n\r\n return getNumber(children, props);\r\n};\r\nlet checkStorageInterval;\r\nclass BetSlipDetails extends React.Component {\r\n state = {\r\n showRegister: false,\r\n placebetTime: 0,\r\n clearBetSlipCounter: 0,\r\n showPlacebetCounter: false,\r\n filteredBetSlipList: {},\r\n couponCode: SessionStorage.couponCode,\r\n };\r\n \r\n componentDidMount() {\r\n if (checkStorageInterval) {\r\n clearInterval(checkStorageInterval);\r\n }\r\n if(this.betInterval){\r\n clearInterval(this.betInterval)\r\n }\r\n if(this.interval){\r\n clearInterval(this.interval)\r\n }\r\n checkStorageInterval = setInterval(() => {\r\n this.setState({\r\n betSlipCouponId: SessionStorage.betSlipCouponId,\r\n couponCodeText: SessionStorage.couponCodeText,\r\n });\r\n }, 500);\r\n }\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.betTab !== this.props.betTab) {\r\n if (checkStorageInterval) {\r\n clearInterval(checkStorageInterval);\r\n }\r\n if(this.betInterval){\r\n clearInterval(this.betInterval)\r\n }\r\n if(this.interval){\r\n clearInterval(this.interval)\r\n }\r\n checkStorageInterval = setInterval(() => {\r\n this.setState({\r\n betSlipCouponId: SessionStorage.betSlipCouponId,\r\n couponCodeText: SessionStorage.couponCodeText,\r\n });\r\n }, 500);\r\n }\r\n }\r\n componentWillUnmount() {\r\n if(checkStorageInterval){\r\n clearInterval(checkStorageInterval);\r\n }\r\n if(this.betInterval){\r\n clearInterval(this.betInterval)\r\n }\r\n if(this.interval){\r\n clearInterval(this.interval)\r\n }\r\n }\r\n filterBitSlipList = (betSlipList) => {\r\n let newBetSlip = {};\r\n // betSlipList\r\n\r\n this.setState({ filteredBetSlipList: newBetSlip });\r\n };\r\n\r\n getBetCode = () => {\r\n this.props.createBetCode();\r\n };\r\n\r\n onClickRegister = () => {\r\n this.setState({ showRegister: true });\r\n };\r\n onCloseRegister = () => {\r\n this.setState({ showRegister: false });\r\n };\r\n onAmountClick = (e, action) => {\r\n e.preventDefault();\r\n const { betSlipConstants } = this.props;\r\n\r\n let currentAmount = parseInt(this.props.amount);\r\n let selectedCurrency =\r\n Cookies.get(\"selectedCurrency\") || this.props.currencies.LiberianDollar;\r\n let tab = this.props.betTab;\r\n switch (action) {\r\n case \"up\":\r\n currentAmount +=\r\n selectedCurrency.currencyId == Enums.Currency.USD ? 1 : 10;\r\n break;\r\n\r\n case \"down\":\r\n if (selectedCurrency.currencyId == Enums.Currency.USD) {\r\n if (currentAmount - 1 >= 0) {\r\n currentAmount -= 1;\r\n } else {\r\n currentAmount = 0;\r\n }\r\n } else {\r\n if (currentAmount - 10 >= 0) {\r\n currentAmount -= 10;\r\n } else {\r\n currentAmount = 0;\r\n }\r\n }\r\n break;\r\n }\r\n\r\n if (tab == 1) {\r\n let betSlipList = this.props.betSlipList;\r\n Object.keys(betSlipList).forEach((key) => {\r\n this.props.onFieldAmountChange(\r\n currentAmount,\r\n betSlipList[key].activeOddFieldId\r\n );\r\n });\r\n this.props.handleHideStake(false);\r\n }\r\n this.onAmountChange(currentAmount);\r\n };\r\n\r\n placeBetText = () => {\r\n const { betSlipList } = this.props;\r\n let tab = this.props.betTab;\r\n if (tab == 1) {\r\n if (Object.values(betSlipList).filter((bet) => bet.response).length > 0) {\r\n let list = Object.values(betSlipList).filter((bet) => {\r\n return bet.response && bet.response.type === \"error\";\r\n });\r\n return `${list.length}`;\r\n } else {\r\n return `${Object.keys(betSlipList).length}`;\r\n }\r\n } else {\r\n return;\r\n }\r\n };\r\n\r\n handlePlaceBetInterval = () => {\r\n if (this.props.signedIn) {\r\n if (checkStorageInterval) {\r\n clearInterval(checkStorageInterval);\r\n }\r\n this.props.clearBetSlipError();\r\n this.setState({\r\n showPlacebetCounter: true,\r\n clearBetSlipCounter: this.props.placeBetSeconds,\r\n placebetTime: this.props.placeBetSeconds,\r\n });\r\n if (this.betInterval) {\r\n clearInterval(this.betInterval);\r\n }\r\n this.betInterval = setInterval(() => {\r\n if (this.state.placebetTime <= 0) {\r\n clearInterval(this.betInterval);\r\n this.handlePlacebet();\r\n this.setState({ showPlacebetCounter: false });\r\n } else {\r\n this.setState({ placebetTime: this.state.placebetTime - 1 });\r\n }\r\n }, 1000);\r\n } else {\r\n this.handlePlacebet();\r\n }\r\n };\r\n\r\n handleClearBetInterval = () => {\r\n if (this.state.betSlipCouponId || this.state.couponCodeText) {\r\n this.setState({\r\n betSlipCouponId: undefined,\r\n couponCodeText: undefined,\r\n });\r\n }\r\n clearInterval(checkStorageInterval);\r\n if (this.interval) {\r\n clearInterval(this.interval);\r\n }\r\n this.interval = setInterval(() => {\r\n if (this.state.clearBetSlipCounter <= 0) {\r\n clearInterval(this.interval);\r\n this.props.clearBetSlipSuccess();\r\n checkStorageInterval = setInterval(() => {\r\n this.setState({\r\n betSlipCouponId: SessionStorage.betSlipCouponId,\r\n couponCodeText: SessionStorage.couponCodeText,\r\n });\r\n }, 500);\r\n } else {\r\n this.setState({\r\n clearBetSlipCounter: this.state.clearBetSlipCounter - 1,\r\n });\r\n }\r\n }, 1000);\r\n };\r\n\r\n handlePlacebet = () => {\r\n let tab = this.props.betTab;\r\n if (Cookies.get(\"refreshToken\")) {\r\n tab == 1 ? this.props.placeSingleBet() : this.props.placeMultipleBet();\r\n } else {\r\n this.props.setLoginError(true);\r\n }\r\n };\r\n displaySportImage = (sportName, sportEvent) => {\r\n const { sportTypes, sportTypesIcons } = this.props;\r\n const currentSportType =\r\n sportEvent &&\r\n sportTypes &&\r\n sportTypes.filter(\r\n (item) => item.sport.sportId == sportEvent.sport.sportId\r\n );\r\n const sportEventFeedId = sportEvent.feed.feedId\r\n const imgSport =\r\n sportTypesIcons &&\r\n sportTypesIcons.filter((item) => {\r\n return item.sportTypesIconsID == sportEvent.sport.sportId && item.feedId == sportEventFeedId;\r\n });\r\n return (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n };\r\n\r\n clearBetSlip = () => {\r\n const { couponClearMessage, clearBetSlip } = this.props;\r\n couponClearMessage();\r\n clearBetSlip();\r\n SessionStorage.couponCode = null;\r\n this.setState({ couponCode: null });\r\n };\r\n onOkayClick = () => {\r\n if (checkStorageInterval) {\r\n clearInterval(checkStorageInterval);\r\n }\r\n if (this.betInterval) {\r\n clearInterval(this.betInterval);\r\n }\r\n if (this.interval) {\r\n clearInterval(this.interval);\r\n }\r\n this.props.clearBetSlipSuccess();\r\n };\r\n\r\n render() {\r\n const {\r\n bonusConditions,\r\n memberSelectedCurrency,\r\n totalStake,\r\n betSlipList,\r\n totalOdds,\r\n loadingPlaceBet,\r\n errors,\r\n possibleWinnings,\r\n successMsg,\r\n serverError,\r\n valueChangeWarning,\r\n loginError,\r\n connected,\r\n loadingFields,\r\n creatBetCodeLoading,\r\n match,\r\n } = this.props;\r\n const { couponCode } = this.state;\r\n const feedId = match.params.feed\r\n let filteredBetSlipList = {};\r\n Object.values(betSlipList).map((item) => {\r\n if (filteredBetSlipList[item.sport.sportDisplayName]) {\r\n filteredBetSlipList[item.sport.sportDisplayName].push(item);\r\n } else {\r\n filteredBetSlipList[item.sport.sportDisplayName] = [];\r\n filteredBetSlipList[item.sport.sportDisplayName].push(item);\r\n }\r\n });\r\n const selectedCurrency =\r\n memberSelectedCurrency || Cookies.get(\"selectedCurrency\");\r\n let tab = this.props.betTab;\r\n let user = Cookies.get(\"user\");\r\n let isSucceededBets = Object.values(betSlipList).every(\r\n (bet) => bet.response && bet.response.type === \"success\"\r\n );\r\n\r\n let filteredBetSlipListValues = Object.values(betSlipList);\r\n let haveLuckyNumber = betSlipList && Object.values(betSlipList) && Object.values(betSlipList).length > 0 && Object.values(betSlipList).filter(bet=>bet.feed.feedId == 15)\r\n let singleCoupoun = betSlipList && Object.values(betSlipList) && Object.values(betSlipList).length > 0 && Object.values(betSlipList).filter(bet=>bet.disableSingleCoupoun == true)\r\n let isPlaceBetDisabledFromCoupon = singleCoupoun && singleCoupoun.length > 0\r\n return (\r\n \r\n
\r\n )}\r\n \r\n {bonusConditions && (\r\n \r\n
\r\n {/* Clear All */}\r\n
\r\n {/* \r\n {Object.entries(filteredBetSlipList).map((item, keys) => {\r\n return (\r\n <>\r\n
\r\n \r\n );\r\n })}\r\n \r\n {/* end of divs */}\r\n \r\n {this.displaySportImage(\r\n item[0],\r\n item[1] ? item[1][0] : undefined\r\n )}\r\n
\r\n \r\n {Object.values(item[1])\r\n .sort((a, b) => a.eventBetLineNo - b.eventBetLineNo)\r\n .map((item) => (\r\n <>\r\n \r\n
\r\n )}\r\n \r\n ))}\r\n \r\n {/* Clear All */}\r\n
\r\n {betSlipList && Object.keys(betSlipList).length > 0 && (\r\n this.clearBetSlip()}\r\n >\r\n Clear All\r\n
\r\n )}\r\n {/* end of Clear All */}\r\n\r\n {/* check bonus */}\r\n {user &&\r\n user.bonus &&\r\n selectedCurrency.currencySymbol ===\r\n user.bonus.currency.currencySymbol &&\r\n tab == 2 && (\r\n \r\n {\r\n this.props.checkDepositBonusConditions();\r\n }}\r\n >\r\n Check Bonus\r\n \r\n
\r\n )}\r\n {/* end of check bonus */}\r\n\r\n {/* place bet div */}\r\n \r\n {(serverError ||\r\n (errors && errors.length > 0) ||\r\n valueChangeWarning ||\r\n loginError ||\r\n !connected) && (\r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n {errors &&\r\n errors.length > 0 &&\r\n errors.map((item, index) => (\r\n \r\n \r\n \r\n )}\r\n {valueChangeWarning && (\r\n
\r\n \r\n
\r\n {/* \r\n {tab === 1 ? \"Stake per bet \" : \"Stake \"}\r\n {`(${\r\n tab == 1\r\n ? this.placeBetText()\r\n : Object.keys(betSlipList).length\r\n } Bets)`}\r\n
\r\n {tab == 1 ? (\r\n \r\n this.onAmountClick(e, \"up\")}\r\n >\r\n
\r\n \r\n this.onAmountClick(e, \"down\")}\r\n >\r\n
\r\n \r\n \r\n this.onAmountManualChange(value)\r\n }\r\n />\r\n
\r\n \r\n {selectedCurrency\r\n ? selectedCurrency.currencySymbol\r\n : \"LD\"}\r\n
*/}\r\n \r\n this.onAmountClick(e, \"up\")}\r\n >\r\n
\r\n \r\n this.onAmountClick(e, \"down\")}\r\n >\r\n
\r\n \r\n \r\n this.onAmountManualChange(value)\r\n }\r\n />\r\n
\r\n \r\n {selectedCurrency\r\n ? selectedCurrency.currencySymbol\r\n : \"LD\"}\r\n
*/}\r\n \r\n
\r\n )}\r\n {tab == 1 ? (\r\n Bonus:
\r\n {`${\r\n bonusConditions.currency.currencySymbol\r\n } ${bonusConditions.bonusUseAmount}`}
\r\n \r\n
\r\n ) : (\r\n Total Stake:
\r\n \r\n {selectedCurrency.currencySymbol === \"LD\" ? (\r\n {totalStake} \r\n ) : (\r\n {totalStake} \r\n )}\r\n
\r\n \r\n
\r\n )}\r\n\r\n Total Odds:
\r\n \r\n {totalOdds} \r\n
\r\n \r\n
\r\n\r\n Possible winnings:
\r\n \r\n \r\n {selectedCurrency\r\n ? selectedCurrency.currencySymbol\r\n : \"LD\"}\r\n \r\n \r\n {possibleWinnings\r\n ? selectedCurrency.currencySymbol == \"LD\"\r\n ? possibleWinnings.format(0)\r\n : possibleWinnings.format(2)\r\n : `0`}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {/* {tab == 2 && 0) ||\r\n !connected || (tab == 1 && haveLuckyNumber && haveLuckyNumber.length > 0 )\r\n }\r\n style={(tab == 1 && haveLuckyNumber && haveLuckyNumber.length > 0) ? {cursor:\"not-allowed\"} : {}}\r\n id=\"get-bet-code-button\"\r\n type=\"primary\"\r\n className=\"clear bet-slip-buttons\"\r\n onClick={this.getBetCode}\r\n loading={creatBetCodeLoading}\r\n >\r\n Get Bet Code\r\n \r\n
\r\n\r\n {/* {tab == 2 &&\r\n \r\n {tab == 1 &&\r\n Object.values(betSlipList).filter(\r\n (bet) => bet.response\r\n ).length > 0 &&\r\n !Object.values(betSlipList).every(\r\n (bet) =>\r\n bet.response && bet.response.type === \"error\"\r\n ) && (\r\n 0) ||\r\n loginError ||\r\n !connected ||\r\n Object.values(betSlipList).find(\r\n (item) =>\r\n item.errors && item.errors.length > 0\r\n )\r\n }\r\n type=\"primary\"\r\n className=\"bet-slip-buttons\"\r\n onClick={this.props.clearSucceededBets}\r\n >\r\n Clear Succeeded Bets\r\n \r\n )}\r\n {this.props.message && (\r\n
\r\n\r\n \r\n 0) ||\r\n loginError ||\r\n !connected ||\r\n Object.values(betSlipList).find(\r\n (item) => item.errors && item.errors.length > 0\r\n ) )\r\n }\r\n type=\"primary\"\r\n onClick={() => this.handlePlaceBetInterval()}\r\n className=\"placebet-btn success bet-slip-buttons\"\r\n loading={\r\n loadingPlaceBet || this.state.showPlacebetCounter\r\n ? true\r\n : false\r\n }\r\n >\r\n {this.state.showPlacebetCounter && (\r\n \r\n {this.state.placebetTime}\r\n
\r\n )}\r\n {tab == 1\r\n ? `Place Bet (${this.placeBetText()}) `\r\n : this.state.betSlipCouponId ||\r\n this.state.couponCodeText\r\n ? \"Place Bet And Redeem Coupon\"\r\n : \"Place Bet \"}\r\n \r\n \r\n
\r\n } \r\n {/* {tab == 2 &&\r\n \r\n
\r\n \r\n
\r\n {validateCouponError && (\r\n \r\n {\r\n\r\n this.setState({ couponCode: e.target.value });\r\n SessionStorage.couponCode = e.target.value;\r\n couponClearMessage();\r\n setLoginError(false);\r\n }}\r\n value={SessionStorage.couponCode}\r\n />\r\n
\r\n \r\n \r\n Check
Coupon\r\n \r\n
\r\n Coupon\r\n \r\n
\r\n
\r\n )}\r\n {validateCouponMessage && (\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n } */}\r\n \r\n
*/}\r\n
\r\n \r\n {/* end of place bet div */}\r\n \r\n \r\n ) : (\r\n \r\n By placing a bet, you automatically accept the most recent\r\n version of the \r\n \r\n Terms and Conditions\r\n \r\n
\r\n {/* */}\r\n
\r\n {successMsg ? (\r\n
\r\n )}\r\n {/* end of content */}\r\n \r\n \r\n );\r\n }\r\n\r\n onAmountChange(amount) {\r\n const { onAmountChange } = this.props;\r\n onAmountChange(amount);\r\n }\r\n onAmountManualChange(e) {\r\n let currentAmount = parseInt(e.target.value);\r\n if (this.props.betTab == 1) {\r\n let betSlipList = this.props.betSlipList;\r\n Object.keys(betSlipList).forEach((key) => {\r\n this.props.onFieldAmountChange(\r\n currentAmount,\r\n betSlipList[key].activeOddFieldId\r\n );\r\n });\r\n }\r\n this.onAmountChange(currentAmount);\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n betSlipList: state.betSlip.betSlipList,\r\n loadingPlaceBet: state.betSlip.loadingPlaceBet,\r\n amount: state.betSlip.amount,\r\n totalOdds: state.betSlip.totalOdds,\r\n possibleWinnings: state.betSlip.possibleWinnings,\r\n errors: state.betSlip.errors,\r\n successMsg: state.betSlip.successMsg,\r\n serverError: state.betSlip.serverError,\r\n valueChangeWarning: state.betSlip.valueChangeWarning,\r\n loginError: state.betSlip.loginError,\r\n loadingFields: state.betSlip.loadingFields,\r\n message: state.general.message,\r\n creatBetCodeLoading: state.general.creatBetCodeLoading,\r\n memberSelectedCurrency: state.member.selectedCurrency,\r\n totalStake: state.betSlip.totalStake,\r\n hideStake: state.betSlip.hideStake,\r\n currencies: state.general.currencies,\r\n placeBetSeconds: state.general.configuration.placeBetSeconds,\r\n signedIn: state.auth.signedIn,\r\n bonusConditions: state.member.bonusConditions,\r\n betSlipConstants: state.general.betSlipConstants,\r\n validateCouponMessage: state.general.validateCouponMessage,\r\n validateCouponError: state.general.validateCouponError,\r\n validateCouponLoading: state.general.validateCouponLoading,\r\n coupon: state.general.coupon,\r\n loyaltyRewardDetails: state.general.loyaltyRewardDetails,\r\n sportTypes: state.sportTypes.sportTypes,\r\n sportTypesIcons: state.general.sportTypesIcons,\r\n connected: state.app.feedId == Enums.Feed.Static ?\r\n\t\t\tstate.signalr.staticConnected :\r\n\t\t\tstate.app.feedId == Enums.Feed.Slots ?\r\n\t\t\t\tstate.signalr.booongoConnected :\r\n\t\t\t\tstate.app.feedId == Enums.Feed.Live ?\r\n\t\t\t\tstate.signalr.liveConnected :\r\n\t\t\t\tstate.app.feedId == Enums.Feed.Casino || state.app.feedId == Enums.Feed.SpinAndWin ?\r\n\t\t\t\tstate.signalr.spinAndWinConnected :\r\n\t\t\t\tstate.app.feedId == Enums.Feed.LuckyNumbers ?\r\n\t\t\t\tstate.signalr.luckyNumbersConnected :\r\n\t\t\t\tstate.signalr.virtualConnected,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n placeMultipleBet: () => {\r\n dispatch(placeMultipleBet());\r\n },\r\n placeSingleBet: () => {\r\n dispatch(placeSingleBet());\r\n },\r\n onAmountChange: (amount) => {\r\n dispatch(onAmountChange(amount));\r\n },\r\n createBetCode: () => {\r\n dispatch(createBetCode());\r\n },\r\n onFieldAmountChange: (amount, fieldId) => {\r\n dispatch(onFieldAmountChange(amount, fieldId));\r\n },\r\n handleHideStake: (forceHideStake) => {\r\n dispatch(handleHideStake(forceHideStake));\r\n },\r\n clearSucceededBets: () => {\r\n dispatch(clearSucceededBets());\r\n },\r\n clearBetSlipSuccess: () => {\r\n dispatch(clearBetSlipSuccess());\r\n },\r\n setLoginError: (value) => {\r\n dispatch(setLoginError(value));\r\n },\r\n checkDepositBonusConditions: (data) => {\r\n dispatch(checkDepositBonusConditions(data));\r\n },\r\n clearBetSlipError: () => {\r\n dispatch(clearBetSlipError());\r\n },\r\n validateCoupon: (couponCode) => {\r\n dispatch(validateCoupon(couponCode));\r\n },\r\n couponClearMessage: () => {\r\n dispatch(couponClearMessage());\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(BetSlipDetails);\r\n","import React from 'react'\r\nimport { connect } from 'react-redux';\r\nimport { Utils, Constants } from '../../../../helpers'\r\nimport Timer from '../Timer'\r\nimport { Bets } from '../../../'\r\n\r\nclass EventRow extends React.Component {\r\n\r\n\trender() {\r\n\t\tconst { id, betTypes, sportEvent, selectedValues } = this.props;\r\n\r\n\t\tif (!sportEvent) {\r\n\t\t\treturn (null);\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t\r\n
\r\n ) : (\r\n \r\n 
\r\n
\r\n Your bet has been placed
\r\n \r\n \r\n
\r\n \r\n {this.state.clearBetSlipCounter}\r\n
\r\n Okay\r\n \r\n \r\n No bet has been selected. To select a bet, please click on the\r\n respective result.\r\n
\r\n )}\r\n \r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t{`ID: ${sportEvent.eventBetLineNo}`}
\r\n\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\r\n\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tsportEvent.feed.feedId != 5 &&\r\n\t\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tsportEvent.feed.feedId == 5 &&\r\n\t\t\t\t\t\t{Utils.formatDate(sportEvent.eventDateOfMatch)}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{sportEvent.eventCategory.categoryDisplayName} / {sportEvent.eventTournament.tournamentDisplayName}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\t\t\t\tLive
\r\n\t\t\t\t\t\t\t{/* \r\n\t\t\t\t\t\t\t\t{`${sportEvent.eventStatus && sportEvent.eventStatus.eventStatusDisplayName}`}\r\n\t\t\t\t\t\t\t
*/}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{sportEvent.eventCategory.categoryDisplayName} / {sportEvent.eventTournament.tournamentDisplayName}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t{\r\n\t\t\t\t\tupcomingIds && upcomingIds.length > 0 &&\r\n\t\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n\treturn {\r\n\t\tupcomingIds: state.sportEvents.upcomingEventIds,\r\n\t}\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {};\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Upcoming);\r\n","import { Collapse, Select, Tabs } from \"antd\";\r\nimport moment from \"moment\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Alert, Bets } from \"../../../\";\r\nimport { Loading } from \"../../../\";\r\nimport { Enums, CountryCodes, AppConfig } from \"../../../../helpers\";\r\nimport { setPropsMath } from \"../../../../redux/actions/appActions\";\r\nimport {\r\n loadSportEventsByDate,\r\n setEvent,\r\n getWeekMatchDays,\r\n} from \"../../../../redux/actions/sportEventsActions\";\r\nimport EventRow from \"../EventRow\";\r\nimport { Images } from \"../../../\";\r\nimport { ReactSVG } from \"react-svg\";\r\nimport { ManageMemeberFavorite } from \"../../../../redux/actions/membersActions\";\r\nimport { updateFavoriteSportEvents } from \"../../../../redux/actions/sportEventsActions\";\r\nconst Option = Select.Option;\r\nconst TabPane = Tabs.TabPane;\r\nconst Panel = Collapse.Panel;\r\n\r\nclass Today extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n sort: \"league\",\r\n collapseAll: false,\r\n addedActiveKeys: [],\r\n sportEventsFilter:2,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const { match, setPropsMath, connected, weekMatchDays } = this.props;\r\n setPropsMath(match);\r\n // condition to check if weekDays exist or not\r\n const doesWeekDaysExist =\r\n weekMatchDays &&\r\n Object.keys(weekMatchDays) &&\r\n Object.keys(weekMatchDays).length > 0;\r\n if (connected && doesWeekDaysExist) {\r\n // NOTE THAT WHEN INVOKING ONTODAYCLICK WE PASS THE KEY IN WEEK DAYS minus one TO THE BACK END , EX: defaultSport[0] - 1\r\n // getting the default sport, if it exists then display it''s events, if not then display the first sport in onweek days\r\n\r\n const defaultSport = Object.keys(weekMatchDays).filter(\r\n (item) => item == \"1\"\r\n );\r\n // when match.params.day is equal to zero that means display the default sport,else display the selected sport from match.params.day\r\n const displayFromURL = match.params.day != \"0\";\r\n const condition = displayFromURL\r\n ? match.params.day\r\n : defaultSport && defaultSport.length > 0\r\n ? Number(defaultSport[0] - 1).toString()\r\n : (Number(Object.keys(weekMatchDays)[0]) - 1).toString();\r\n // if the condition euals to -1 that means it's a last minite bets\r\n const isLastMin = condition == \"-1\" ? true : false;\r\n // -2 is indicator for today page and 0 is what the backend should receive to display today events, so -2 is just an indicatoe to split today events from the rest of events\r\n\r\n this.onTodayClick(condition == \"-2\" ? \"0\" : condition, isLastMin);\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { match, setPropsMath, connected, weekMatchDays ,loadingSportEvents} = this.props;\r\n setPropsMath(match);\r\n if(loadingSportEvents !== prevProps.loadingSportEvents){\r\n this.setState({\r\n sportEventsFilter:2\r\n })\r\n }\r\n if (\r\n prevProps.match.url !== this.props.match.url ||\r\n prevProps.weekMatchDays !== this.props.weekMatchDays ||\r\n (!prevProps.connected && connected)\r\n ) {\r\n\r\n // NOTE THAT WHEN INVOKING ONTODAYCLICK WE PASS THE KEY IN WEEK DAYS minus one TO THE BACK END,EX: defaultSport[0] - 1\r\n // condition to check if weekDays exist or not\r\n const doesWeekDaysExist =\r\n weekMatchDays &&\r\n Object.keys(weekMatchDays) &&\r\n Object.keys(weekMatchDays).length > 0;\r\n // getting the default sport, if it exists then display it''s events, if not then display the first sport in onweek days\r\n const defaultSport =\r\n doesWeekDaysExist &&\r\n Object.keys(weekMatchDays).filter((item) => item == \"1\");\r\n\r\n // when match.params.day is equal to zero that means display the default sport,else display the selected sport from match.params.day\r\n const displayFromURL = match.params.day != \"0\";\r\n const condition = displayFromURL\r\n ? match.params.day\r\n : doesWeekDaysExist\r\n ? defaultSport && defaultSport.length > 0\r\n ? Number(defaultSport[0] - 1).toString()\r\n : (Number(Object.keys(weekMatchDays)[0]) - 1).toString()\r\n : \"0\";\r\n // if the condition euals to -1 that means it's a last minite bets\r\n const isLastMin = condition == \"-1\" ? true : false;\r\n // -2 is indicator for today page and 0 is what the backend should receive to display today events, so -2 is just an indicator to split today events from the rest of events\r\n this.onTodayClick(condition == \"-2\" ? \"0\" : condition, isLastMin);\r\n }\r\n }\r\n\r\n onTodayClick = (day = \"0\", isLastMin = false) => {\r\n const { history, loadSportEventsByDate, match } = this.props;\r\n // history.push(`${day}`);\r\n const request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n Day: Number(day),\r\n IsLastMin: isLastMin,\r\n },\r\n };\r\n loadSportEventsByDate(request);\r\n };\r\n\r\n onTabChange(key) {\r\n const isLastMin = key == \"-1\" ? true : false;\r\n this.onTodayClick(key, isLastMin);\r\n this.setState({ collapseAll: false, leaguesIds: undefined });\r\n }\r\n\r\n getTabName(today, i) {\r\n let dayNumber = today + i + 1;\r\n dayNumber =\r\n dayNumber >= Enums.Days.length\r\n ? dayNumber - Enums.Days.length\r\n : dayNumber;\r\n return Enums.Days[dayNumber];\r\n }\r\n\r\n // getCountryCode = (name) => {\r\n // let result =\r\n // this.props.countryFlags &&\r\n // this.props.countryFlags.filter((element) => {\r\n // return element.countryName.toLowerCase() == name.toLowerCase();\r\n // });\r\n // if (result && result.length > 0) {\r\n // return result[0].countryFlagImagesName;\r\n // }\r\n // };\r\n addToFavorate = (e, tournamentUId , eventKey , isFaviorite) => {\r\n e.stopPropagation();\r\n const { ManageMemeberFavorite, match, history ,updateFavoriteSportEvents} = this.props;\r\n const favItemKey = `2-${tournamentUId}-${match.params.sport}`;\r\n const memberFavorites =\r\n localStorage.getItem(\"memberFavorites\") &&\r\n JSON.parse(localStorage.getItem(\"memberFavorites\"));\r\n // if memberFavorites not exist then stop the function, else complete\r\n if (!memberFavorites) return;\r\n //\r\n const existingIndex = memberFavorites.findIndex(\r\n (item) => item.key === favItemKey\r\n );\r\n if (existingIndex > -1) {\r\n let element = memberFavorites.filter((item) => item.key == favItemKey);\r\n let data = {\r\n favoriteId: element[0].favoriteId,\r\n favoriteType: {\r\n favoriteTypeId: 2,\r\n },\r\n feedId: Number(match.params.feed),\r\n sportId: Number(match.params.sport),\r\n elementId: Number(tournamentUId),\r\n };\r\n ManageMemeberFavorite(data);\r\n } else {\r\n let data = {\r\n favoriteType: {\r\n favoriteTypeId: 2,\r\n },\r\n feedId: Number(match.params.feed),\r\n sportId: Number(match.params.sport),\r\n elementId: Number(tournamentUId),\r\n };\r\n ManageMemeberFavorite(data);\r\n }\r\n this.setState({\r\n [tournamentUId]: this.state[tournamentUId] ? undefined : tournamentUId,\r\n });\r\n updateFavoriteSportEvents(tournamentUId)\r\n \r\n };\r\n setCurrentFilter =(filterType)=>{\r\n this.setState({\r\n sportEventsFilter:filterType\r\n })\r\n }\r\n// old function\r\n // createGroups(list) {\r\n // const { sort } = this.state;\r\n // const {signedIn} = this.props\r\n\r\n // let currentLeague = \"\";\r\n // let currentCountry = \"\";\r\n // let children = [];\r\n // let groups = [];\r\n // let leaguesIds = [];\r\n // list.map((item, index) => {\r\n // // if we are in the firts element, take the tournamentUId && isFavorite for the firts element, if we are in the last one take the index of the last element, else than that because of emtying children array you have to take the element before the current item which is index-1, this a correct work around for the implementation down below\r\n // let tournamentUId = list[index ? index-1: index].eventTournament.tournamentUId;\r\n // let eventKey = list[index ? index-1: index].key;\r\n // let isFavorite = list[index ? index-1: index].eventTournament.isFavorite\r\n // if (!currentLeague) {\r\n // currentLeague = `${item.eventCategory.categoryDisplayName}/${\r\n // item.eventTournament.tournamentDisplayName\r\n // }`;\r\n // currentCountry = item.eventCategory.categoryFlagCode;\r\n // tournamentUId = list[index ? index-1: index].eventTournament.tournamentUId;\r\n // eventKey = list[index ? index-1: index].key;\r\n // isFavorite = list[index ? index-1: index].eventTournament.isFavorite\r\n // }\r\n\r\n // if (\r\n // currentLeague ===\r\n // `${item.eventCategory.categoryDisplayName}/${\r\n // item.eventTournament.tournamentDisplayName\r\n // }`\r\n // ) {\r\n // tournamentUId = list[index ? index-1: index].eventTournament.tournamentUId;\r\n // eventKey = list[index ? index-1: index].key;\r\n // isFavorite = list[index ? index-1: index].eventTournament.isFavorite\r\n // children.push(\r\n // \r\n\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\tUpcoming Events
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tupcomingIds.map((id) =>
\r\n\t\t\t\t\t\r\n // \r\n // this.addToFavorate(\r\n // e,\r\n // tournamentUId,\r\n // eventKey,\r\n // isFavorite\r\n // )\r\n // }\r\n // />\r\n //
\r\n // )}{currentLeague}
\r\n // \r\n // this.addToFavorate(\r\n // e,\r\n // tournamentUId,\r\n // eventKey,\r\n // isFavorite\r\n // )\r\n // }\r\n // />\r\n //
\r\n // )}\r\n // \r\n //
\r\n\r\n // \r\n // }\r\n // >\r\n // {children.map((item) => item)}\r\n // \r\n // );\r\n // leaguesIds.push(`${currentLeague}_${index}`);\r\n // }\r\n // }\r\n // } else {\r\n // //create collapse\r\n // tournamentUId = list[index ? index-1: index].eventTournament.tournamentUId;\r\n // eventKey = list[index ? index-1: index].key;\r\n // isFavorite = list[index ? index-1: index].eventTournament.isFavorite\r\n // groups.push(\r\n // {currentLeague}
\r\n //\r\n // \r\n // this.addToFavorate(\r\n // e,\r\n // tournamentUId,\r\n // eventKey,\r\n // isFavorite\r\n // )\r\n // }\r\n // />\r\n //
\r\n // )}\r\n // \r\n //
\r\n\r\n // \r\n // }\r\n // >\r\n // {children.map((item) => item)}\r\n // \r\n // );\r\n // leaguesIds.push(`${currentLeague}_${index}`);\r\n\r\n // //change current league\r\n // currentLeague = `${item.eventCategory.categoryDisplayName}/${\r\n // item.eventTournament.tournamentDisplayName\r\n // }`;\r\n // currentCountry = item.eventCategory.categoryFlagCode;\r\n // tournamentUId = list[index== list.length -1 ? index : index ? index-1: index].eventTournament.tournamentUId;\r\n // eventKey = list[index== list.length -1 ? index : index ? index-1: index].key;\r\n // isFavorite = list[index== list.length -1 ? index : index ? index-1: index].eventTournament.isFavorite\r\n // children.length = 0;\r\n\r\n // children.push(\r\n // {currentLeague}
\r\n\r\n //\r\n // \r\n // this.addToFavorate(\r\n // e,\r\n // tournamentUId,\r\n // eventKey,\r\n // isFavorite\r\n // )\r\n // }\r\n // />\r\n //
\r\n // )}\r\n // \r\n //
\r\n\r\n // \r\n // }\r\n // >\r\n // {children.map((item) => item)}\r\n // \r\n // );\r\n\r\n // leaguesIds.push(`${currentLeague}_${index}`);\r\n // }\r\n // }\r\n // });\r\n\r\n // return { groups, leaguesIds };\r\n // }\r\n // \r\n\r\n // new function \r\n createGroups(list) {\r\n const { sort } = this.state;\r\n const { signedIn } = this.props;\r\n \r\n let currentLeague = \"\";\r\n let currentCountry = \"\";\r\n let children = [];\r\n let groups = [];\r\n let leaguesIds = [];\r\n \r\n list.forEach((item, index) => {\r\n const currentItem = item;\r\n const prevItem = index > 0 ? list[index - 1] : null;\r\n \r\n if (!currentLeague) {\r\n currentLeague = `${item.eventCategory.categoryDisplayName}/${\r\n item.eventTournament.tournamentDisplayName\r\n }`;\r\n currentCountry = item.eventCategory.categoryFlagCode;\r\n }\r\n \r\n if (\r\n currentLeague ===\r\n `${item.eventCategory.categoryDisplayName}/${item.eventTournament.tournamentDisplayName}`\r\n ) {\r\n children.push(\r\n {currentLeague}
\r\n //\r\n \r\n this.addToFavorate(e, tournamentUId, key, isFavorite)\r\n }\r\n />\r\n
\r\n )}\r\n \r\n
\r\n \r\n }\r\n >\r\n {children}\r\n \r\n );\r\n leaguesIds.push(`${currentLeague}_${index}`);\r\n }\r\n } else {\r\n const { tournamentUId, isFavorite } = prevItem.eventTournament;\r\n const { key } = prevItem;\r\n groups.push(\r\n {currentLeague}
\r\n\r\n \r\n this.addToFavorate(e, tournamentUId, key, isFavorite)\r\n }\r\n />\r\n
\r\n )}\r\n \r\n
\r\n \r\n }\r\n >\r\n {children}\r\n \r\n );\r\n leaguesIds.push(`${currentLeague}_${index}`);\r\n \r\n currentLeague = `${item.eventCategory.categoryDisplayName}/${\r\n item.eventTournament.tournamentDisplayName\r\n }`;\r\n currentCountry = item.eventCategory.categoryFlagCode;\r\n children = [\r\n {currentLeague}
\r\n\r\n \r\n this.addToFavorate(e, tournamentUId, key, isFavorite)\r\n }\r\n />\r\n
\r\n )}\r\n \r\n
\r\n \r\n }\r\n >\r\n {children}\r\n \r\n );\r\n leaguesIds.push(`${currentLeague}_${index}`);\r\n }\r\n }\r\n });\r\n \r\n return { groups, leaguesIds };\r\n }\r\n\r\n \r\n \r\n\r\n handleSortChange(value) {\r\n this.setState({ sort: value });\r\n }\r\n\r\n onCollapseChange(leaguesIds) {\r\n this.state.addedActiveKeys = this.state.addedActiveKeys.concat(\r\n leaguesIds[leaguesIds.length - 1]\r\n );\r\n this.setState({ leaguesIds, collapseAll: false });\r\n }\r\n // toggleCollapse() {\r\n // const { collapseAll } = this.state;\r\n // collapseAll\r\n // ? this.setState({ collapseAll: false, leaguesIds: undefined })\r\n // : this.setState({ collapseAll: true, leaguesIds: [] });\r\n // }\r\n\r\n render() {\r\n const {\r\n match,\r\n error,\r\n sportEvents,\r\n loadingSportEvents,\r\n loadingWeekMatchDays,\r\n weekMatchDaysError,\r\n weekMatchDays,\r\n } = this.props;\r\n const { sort } = this.state;\r\n const today = new Date().getDay();\r\n let result;\r\n\r\n if (loadingSportEvents) {\r\n return (\r\n {currentLeague}
\r\n\r\n {/*
\r\n );\r\n }\r\n // a.eventCategory.categoryDisplayOrder -\r\n // b.eventCategory.categoryDisplayOrder\r\n if (sort === \"time\") {\r\n let events = Object.values(sportEvents).sort((a, b) => {\r\n return (\r\n moment.utc(a.eventDateOfMatch).valueOf() -\r\n moment.utc(b.eventDateOfMatch).valueOf()\r\n );\r\n });\r\n result = this.createGroups(events);\r\n } else {\r\n let events = Object.values(sportEvents).sort((a, b) => {\r\n return (\r\n a.eventCategory.categoryDisplayOrder -\r\n b.eventCategory.categoryDisplayOrder\r\n );\r\n });\r\n result = this.createGroups(events);\r\n }\r\n\r\n return (\r\n \r\n
*/}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst Title = (props) => {\r\n const { handleSortChange, sort } = props;\r\n\r\n return (\r\n \r\n {/* {loadingWeekMatchDays ? (\r\n this.onTabChange(key)}\r\n >\r\n {weekMatchDays.map((item) => {\r\n return item == -1 ? (\r\n this.handleSortChange(value)}\r\n sort={this.state.sort}\r\n // toggleCollapse={() => this.toggleCollapse()}\r\n // collapseAll={this.state.collapseAll}\r\n />\r\n }\r\n setCurrentFilter={this.setCurrentFilter}\r\n sportEventsFilter={this.state.sportEventsFilter}\r\n />\r\n )}\r\n {this.state.sportEventsFilter ==3 && sportEvents && Object.values(sportEvents).length == 0 && ` No Favorites Added `}\r\n {!error && sportEvents && Object.keys(sportEvents).length > 0 && (\r\n this.onCollapseChange(key)}\r\n >\r\n {Object.values(result.groups)}\r\n \r\n )}\r\n
\r\n {error}
}\r\n\r\n {!error && (\r\n \r\n {sort == \"time\" ? `By Time` : `Leagues`}\r\n
\r\n \r\n \r\n
\r\n {/* */}\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n error: state.sportEvents.error,\r\n sportEvents: state.sportEvents.sportEvents,\r\n loadingWeekMatchDays: state.sportEvents.loadingWeekMatchDays,\r\n weekMatchDaysError: state.sportEvents.weekMatchDaysError,\r\n weekMatchDays: state.sportEvents.weekMatchDays,\r\n loadingSportEvents: state.sportEvents.loadingSportEvents,\r\n connected: state.signalr.staticConnected,\r\n countryFlags: state.general.countryFlags,\r\n weekMatchDays: state.sportEvents.weekMatchDays,\r\n signedIn: state.auth.signedIn,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadSportEventsByDate: (request) => {\r\n dispatch(loadSportEventsByDate(request));\r\n },\r\n getWeekMatchDays: (request) => {\r\n dispatch(getWeekMatchDays(request));\r\n },\r\n setPropsMath: (match) => {\r\n dispatch(setPropsMath(match));\r\n },\r\n setEvent: (item) => {\r\n dispatch(setEvent(item));\r\n },\r\n ManageMemeberFavorite: (data) => {\r\n dispatch(ManageMemeberFavorite(data));\r\n },\r\n updateFavoriteSportEvents: (tournamentUId) => {\r\n dispatch(updateFavoriteSportEvents(tournamentUId));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Today);\r\n","import Events from './Events'\r\nimport SportRow from './rows/SportRow'\r\nimport HeaderRow from './rows/Header'\r\nimport EventsCol from './EventsCol'\r\nimport EventsHeader from './EventsHeader'\r\nimport EventDetails from './EventDetails'\r\nimport EventOdd from './EventOdd'\r\nimport EventOddGroup from './EventOddGroup'\r\nimport EventOddField from './EventOddField'\r\nimport DefaultScore from './eventTypes/DefaultScore';\r\nimport SetScore from './eventTypes/SetScore'\r\nimport OddsNumber from './OddsNumber'\r\nimport LiveTracker from './LiveTracker'\r\nimport Statistics from './Statistics'\r\nimport TopBets from './topBets/TopBets'\r\nimport TopBetsCarousel from './topBets/Carousel'\r\nimport DrillDown from './drillDown/DrillDown'\r\nimport Upcoming from './upcoming/Upcoming'\r\nimport Today from './today/Today'\r\nimport Timer from './Timer'\r\nimport EventRow from './EventRow'\r\n\r\nexport default {\r\n\tEvents,\r\n\tEventsCol,\r\n\tHeaderRow,\r\n\tSportRow,\r\n\tEventsHeader,\r\n\tEventDetails,\r\n\tEventOdd,\r\n\tEventOddGroup,\r\n\tEventOddField,\r\n\tDefaultScore,\r\n\tSetScore,\r\n\tOddsNumber,\r\n\tLiveTracker,\r\n\tStatistics,\r\n\tTopBets,\r\n\tTopBetsCarousel,\r\n\tDrillDown,\r\n\tUpcoming,\r\n\tToday,\r\n\tTimer,\r\n\tEventRow\r\n\r\n}","import moment from \"moment\";\r\nimport React, { Component } from \"react\";\r\n\r\nclass CustomDropdown extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isOpen: false,\r\n selectedOptions: this.props.betSlipField.selectedDrawsIds\r\n && this.props.betSlipField.selectedDrawsIds\r\n \r\n };\r\n }\r\n\r\n toggleDropdown = () => {\r\n this.setState((prevState) => ({\r\n isOpen: !prevState.isOpen,\r\n }));\r\n };\r\n\r\n handleOptionClick = (option) => {\r\n const { betSlipField, handleSelect } = this.props;\r\n const { selectedOptions } = this.state;\r\n console.log(\"selectedOptions1\",selectedOptions);\r\n const index = selectedOptions.indexOf(option);\r\n let newSelectedOptions = [];\r\n\r\n if (index === -1) {\r\n newSelectedOptions = [...selectedOptions, option];\r\n } else {\r\n selectedOptions.splice(index, 1);\r\n newSelectedOptions = [...selectedOptions];\r\n }\r\n this.props.handleSelect([...newSelectedOptions], betSlipField);\r\n this.setState({\r\n selectedOptions: newSelectedOptions,\r\n });\r\n };\r\n\r\n handleOutsideClick = (event) => {\r\n if (this.dropdownRef && !this.dropdownRef.contains(event.target)) {\r\n this.setState({\r\n isOpen: false,\r\n });\r\n }\r\n };\r\n\r\n componentDidMount() {\r\n document.addEventListener(\"mousedown\", this.handleOutsideClick);\r\n }\r\n\r\n componentWillUnmount() {\r\n document.removeEventListener(\"mousedown\", this.handleOutsideClick);\r\n }\r\n\r\n render() {\r\n const { isOpen, selectedOptions } = this.state;\r\n const { betSlipField, drawEvents} = this.props;\r\n\r\n\r\n return (\r\n \r\n
\r\n {isOpen && (\r\n \r\n {selectedOptions && selectedOptions.length > 0\r\n ? `${selectedOptions.length} - Draws `\r\n : `Select Draws`}\r\n
\r\n\r\n \r\n {isOpen ? \"â–²\" : \"â–¼\"}\r\n
\r\n \r\n {drawEvents.map((option,idx) => (\r\n idx !== 0 && this.handleOptionClick(option.eventId)}\r\n >\r\n
\r\n ))}\r\n \r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default CustomDropdown;\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n removeField,\r\n handleHideStake,\r\n} from \"../../../redux/actions/betSlipActions\";\r\nimport { Tooltip, Input, Spin, Icon, Select } from \"antd\";\r\nimport { SportIcon, Alert } from \"../../\";\r\nimport { SessionStorage, Cookies, Enums } from \"../../../helpers\";\r\nimport Images from \"../Images\";\r\nimport moment from \"moment\";\r\nimport { onAmountChange } from \"../../../redux/actions/betSlipActions\";\r\nimport { setPossibleWinnings , setTotalStake} from \"../../../redux/actions/betSlipActions\";\r\nimport CustomDropdown from \"./CustomDropDown\";\r\nimport { ClearBetBuilder } from \"../../../redux/actions/betSlipActions\";\r\nconst Option = Select.Option;\r\n\r\nclass CustomBetRow extends React.Component {\r\n state = {\r\n changeStatus: 0,\r\n selection: this.props.betSlipField.selectedDrawsIds && this.props.betSlipField.selectedDrawsIds\r\n };\r\n checkImage = (teamId) => {\r\n this.setState({\r\n [teamId]: true,\r\n });\r\n };\r\n\r\n\r\n onAmountClick = (e, action, amount, betSlipField, selectedCurrency) => {\r\n e.preventDefault();\r\n let currentAmount = parseInt(amount);\r\n switch (action) {\r\n case \"up\":\r\n currentAmount += selectedCurrency.currencyId === 1 ? 10 : 1;\r\n break;\r\n\r\n case \"down\":\r\n if (currentAmount - (selectedCurrency.currencyId === 1 ? 10 : 1) >= 0) {\r\n currentAmount -= selectedCurrency.currencyId === 1 ? 10 : 1;\r\n } else {\r\n currentAmount = 0;\r\n }\r\n break;\r\n }\r\n this.props.onFieldAmountChange(\r\n currentAmount,\r\n betSlipField.activeOddFieldId\r\n );\r\n this.props.handleHideStake();\r\n };\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n\r\n if (this.props.betSlipField.oddValue !== prevProps.betSlipField.oddValue) {\r\n this.setState({ changeStatus: 0 }, () => {\r\n setTimeout(\r\n () =>\r\n this.setState({\r\n changeStatus: this.props.betSlipField.oddValueStatus,\r\n }),\r\n 10\r\n );\r\n });\r\n }\r\n }\r\n render() {\r\n const {\r\n betSlipField,\r\n loadingPlaceBet,\r\n memberSelectedCurrency,\r\n isDark,\r\n totalStake,\r\n betTypesList\r\n } = this.props;\r\n let betTab = SessionStorage.betTab;\r\n const selectedCurrency =\r\n memberSelectedCurrency || Cookies.get(\"selectedCurrency\");\r\n const spinner = (\r\n \r\n {moment(option.eventDateOfMatch).format(\r\n \"DD MMM YYYY, HH:mm:ss\"\r\n )}\r\n
\r\n \r\n
\r\n \r\n )\r\n \r\n }) }\r\n\r\n \r\n {/* separator comment */}\r\n\r\n \r\n \r\n {/* this.navToDrillDown()}\r\n style={{\r\n width: \"90%\",\r\n display: \"inline-block\",\r\n justifyContent: \"center\",\r\n }}\r\n >\r\n\r\n
\r\n \r\n {betSlipField.feed.feedId === Enums.Feed.Casino ||\r\n betSlipField.feed.feedId === Enums.Feed.SpinAndWin ? (\r\n
\r\n \r\n {betSlipField.eventDisplayName} -{\" \"}\r\n {betSlipField.eventBetLineNo}\r\n
\r\n ) : (\r\n \r\n {betSlipField.feed.feedId === Enums.Feed.LuckyNumbers ? (\r\n <>\r\n
\r\n )}\r\n \r\n \r\n {betSlipField &&\r\n betSlipField.eventTournament &&\r\n betSlipField.eventTournament\r\n .tournamentDisplayName}\r\n \r\n
\r\n \r\n ) : (\r\n <>\r\n \r\n \r\n {betSlipField.homeTeamName &&\r\n betSlipField.homeTeamName[0]}\r\n {betSlipField.homeTeamName &&\r\n betSlipField.homeTeamName.split(\" \").length > 1 &&\r\n betSlipField.homeTeamName.split(\" \")[1][0]}\r\n \r\n {betSlipField.feed.feedId != Enums.Feed.Casino &&\r\n betSlipField.feed.feedId != Enums.Feed.SpinAndWin &&\r\n betSlipField.eventDisplayName && (\r\n \r\n {\" \"}\r\n {betSlipField.eventDisplayName.split(\"Vs.\")[0]}\r\n \r\n )}\r\n {betSlipField.feed.feedId == Enums.Feed.Casino ||\r\n (betSlipField.feed.feedId ==\r\n Enums.Feed.SpinAndWin &&\r\n `- ${betSlipField.eventBetLineNo}`)}\r\n\r\n \r\n \r\n Vs{\" \"}\r\n \r\n \r\n
\r\n \r\n \r\n {betSlipField.awayTeamName &&\r\n betSlipField.awayTeamName[0]}\r\n {betSlipField.awayTeamName &&\r\n betSlipField.awayTeamName.split(\" \").length > 1 &&\r\n betSlipField.awayTeamName.split(\" \")[1][0]}\r\n \r\n \r\n {betSlipField.eventDisplayName &&\r\n betSlipField.eventDisplayName.split(\"Vs.\")[1]}\r\n \r\n
\r\n \r\n )}\r\n \r\n {betSlipField.errors &&\r\n betSlipField.errors.length > 0 &&\r\n betTab == 2 && (\r\n (\r\n
\r\n {betTypesList && betTypesList.length > 0 && betTypesList.map(betType=>{\r\n return(\r\n <>\r\n {` * ${item}`}
\r\n ))}\r\n >\r\n !
\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n {betType.betTypeName},\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {betType.oddFieldDisplayName}
\r\n \r\n
\r\n )}\r\n {hasResponse && betSlipField.response.type === \"error\" && (\r\n \")\r\n }\r\n\r\n addLineSpace=(data) => {\r\n console.log(\"!!data\", data)\r\n return data && data.split('/n').map(function (item) {\r\n return (\r\n \r\n {item}\r\n
\r\n \r\n )\r\n })\r\n }\r\n \r\n render() {\r\n const {\r\n loyaltyRewardDetails,\r\n couponClearMessage,\r\n setLoginError,\r\n validateCouponMessage,\r\n validateCouponError,\r\n validateCouponLoading,\r\n loadingLoyalityRewards,\r\n loyalityRewardOptions,\r\n loyalityRewardOptionsError,\r\n loadingLoyaltyCoupons,\r\n loyaltyCoupons,\r\n loyaltyCouponsError,\r\n couponName,\r\n loadingPlaceBet,\r\n betSlipList\r\n } = this.props;\r\n let notSlotCoupoun = SessionStorage.couponCode && loyalityRewardOptions && loyalityRewardOptions.length > 0 && loyalityRewardOptions.filter(option=> option.couponCode == SessionStorage.couponCode.toUpperCase())\r\n let isSelectedCoupon = SessionStorage.couponCodeText && loyalityRewardOptions && loyalityRewardOptions.length > 0 && loyalityRewardOptions.filter(option=> option.couponCode == SessionStorage.couponCodeText.toUpperCase())\r\n const isSingleBetSucceeded =Object.values(betSlipList).filter(\r\n (bet) => bet.response\r\n ).length > 0 &&\r\n !Object.values(betSlipList).every(\r\n (bet) =>\r\n bet.response && bet.response.type === \"error\"\r\n )\r\n return (\r\n
\r\n trigger.parentNode}\r\n listHeight={100}\r\n defaultValue={\r\n (notSlotCoupoun && notSlotCoupoun.length > 0) ? `0-2-${SessionStorage.couponCode.toLowerCase()}`:(isSelectedCoupon && isSelectedCoupon.length > 0) ? `0-2-${SessionStorage.couponCodeText.toLowerCase()}`: \r\n \r\n {item.optionName}\r\n \r\n \r\n );\r\n })\r\n ) : (\r\n ``\r\n )}\r\n \r\n \r\n {this.state.loyalityCoupon == \"check-coupon\" ? (\r\n {`${item.conditions}`} \r\n }\r\n \r\n );\r\n })}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n ) : (\r\n this.state.loyalityCoupon == \"add-coupon\" && \"\"\r\n )}\r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n validateCouponMessage: state.general.validateCouponMessage,\r\n couponName: state.general.couponName,\r\n validateCouponError: state.general.validateCouponError,\r\n validateCouponLoading: state.general.validateCouponLoading,\r\n loyaltyRewardDetails: state.general.loyaltyRewardDetails,\r\n loadingLoyalityRewards: state.general.loadingLoyalityRewards,\r\n loyalityRewardOptions: state.general.loyalityRewardOptions,\r\n loyalityRewardOptionsError: state.general.loyalityRewardOptionsError,\r\n signedIn: state.auth.signedIn,\r\n loadingLoyaltyCoupons: state.member.loadingLoyaltyCoupons,\r\n loyaltyCoupons: state.member.loyaltyCoupons,\r\n loyaltyCouponsError: state.member.loyaltyCouponsError,\r\n betTab: state.betSlip.betTab,\r\n loadingPlaceBet: state.betSlip.loadingPlaceBet,\r\n betSlipList: state.betSlip.betSlipList,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n couponClearMessage: () => {\r\n dispatch(couponClearMessage());\r\n },\r\n validateCouponReset: () => {\r\n dispatch(validateCouponReset());\r\n },\r\n GetLoyaltyRewardsOptions: () => {\r\n dispatch(GetLoyaltyRewardsOptions());\r\n },\r\n getSignedInLoyalityRewards: () => {\r\n dispatch(getSignedInLoyalityRewards());\r\n },\r\n GetLoyaltyRewardsCoupons: (data) => {\r\n dispatch(GetLoyaltyRewardsCoupons(data));\r\n },\r\n setLoginError: (value) => {\r\n dispatch(setLoginError(value));\r\n },\r\n validateCoupon: (couponCode) => {\r\n dispatch(validateCoupon(couponCode));\r\n },\r\n validateSingleCoupon: () => {\r\n dispatch(validateSingleCoupon());\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(LoyalityRewards);\r\n","import { Button, Input, Popover, Icon } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Alert } from \"../../\";\r\nimport {\r\n onBetBuilderAmountChange,\r\n clearSucceededBets,\r\n setLoginError,\r\n placeBetBuilder,\r\n clearBetSlipError,\r\n} from \"../../../redux/actions/betSlipActions\";\r\nimport CustomeBetRow from \"./CustomeBetRow\";\r\n// import { Register } from \"../../../screens/\";\r\nimport Register from \"../../../screens/Register/Register\";\r\nimport Loading from \"../Loading\";\r\nimport { Cookies, SessionStorage, Enums, AppConfig } from \"../../../helpers\";\r\nimport { Images } from \"../../\";\r\nimport LoyalityRewards from \"./LoyalityRewards\";\r\nimport { ClearBetBuilder } from \"../../../redux/actions/betSlipActions\";\r\nimport { ResetBetBuilder } from \"../../../redux/actions/betSlipActions\";\r\n\r\nclass CustomBetDetails extends React.Component {\r\n state = {\r\n showRegister: false,\r\n placebetTime: 0,\r\n clearBetSlipCounter: 0,\r\n showPlacebetCounter: false,\r\n filteredBetSlipList: {},\r\n couponCode: SessionStorage.couponCode,\r\n };\r\n componentDidMount(){\r\n if(this.betInterval){\r\n clearInterval(this.betInterval)\r\n }\r\n if(this.interval){\r\n clearInterval(this.interval)\r\n }\r\n }\r\n componentWillUnmount(){\r\n if(this.betInterval){\r\n clearInterval(this.betInterval)\r\n }\r\n if(this.interval){\r\n clearInterval(this.interval)\r\n }\r\n }\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.betTab !== this.props.betTab) {\r\n if(this.betInterval){\r\n clearInterval(this.betInterval)\r\n }\r\n if(this.interval){\r\n clearInterval(this.interval)\r\n }\r\n }\r\n }\r\n filterBitSlipList = (betSlipList) => {\r\n let newBetSlip = {};\r\n // betSlipList\r\n\r\n this.setState({ filteredBetSlipList: newBetSlip });\r\n };\r\n\r\n onClickRegister = () => {\r\n this.setState({ showRegister: true });\r\n };\r\n onCloseRegister = () => {\r\n this.setState({ showRegister: false });\r\n };\r\n onAmountClick = (e, action) => {\r\n e.preventDefault();\r\n const { betSlipConstants } = this.props;\r\n\r\n let currentAmount = parseInt(this.props.amount);\r\n let selectedCurrency =\r\n Cookies.get(\"selectedCurrency\") || this.props.currencies.LiberianDollar;\r\n let tab = this.props.betTab;\r\n switch (action) {\r\n case \"up\":\r\n currentAmount +=\r\n selectedCurrency.currencyId == Enums.Currency.USD ? 1 : 10;\r\n break;\r\n\r\n case \"down\":\r\n if (selectedCurrency.currencyId == Enums.Currency.USD) {\r\n if (currentAmount - 1 >= 0) {\r\n currentAmount -= 1;\r\n } else {\r\n currentAmount = 0;\r\n }\r\n } else {\r\n if (currentAmount - 10 >= 0) {\r\n currentAmount -= 10;\r\n } else {\r\n currentAmount = 0;\r\n }\r\n }\r\n break;\r\n }\r\n this.onBetBuilderAmountChange(currentAmount);\r\n };\r\n\r\n placeBetText = () => {\r\n const { betSlipList } = this.props;\r\n let tab = this.props.betTab;\r\n if (tab == 1) {\r\n if (Object.values(betSlipList).filter((bet) => bet.response).length > 0) {\r\n let list = Object.values(betSlipList).filter((bet) => {\r\n return bet.response && bet.response.type === \"error\";\r\n });\r\n return `${list.length}`;\r\n } else {\r\n return `${Object.keys(betSlipList).length}`;\r\n }\r\n } else {\r\n return;\r\n }\r\n };\r\n\r\n handlePlaceBetInterval = () => {\r\n if (this.props.signedIn) {\r\n this.props.clearBetSlipError();\r\n this.setState({\r\n showPlacebetCounter: true,\r\n clearBetSlipCounter: this.props.placeBetSeconds,\r\n placebetTime: this.props.placeBetSeconds,\r\n });\r\n if (this.betInterval) {\r\n clearInterval(this.betInterval);\r\n }\r\n this.betInterval = setInterval(() => {\r\n if (this.state.placebetTime <= 0) {\r\n clearInterval(this.betInterval);\r\n this.handlePlacebet();\r\n this.setState({ showPlacebetCounter: false });\r\n } else {\r\n this.setState({ placebetTime: this.state.placebetTime - 1 });\r\n }\r\n }, 1000);\r\n } else {\r\n this.handlePlacebet();\r\n }\r\n };\r\n\r\n handleClearBetInterval = () => {\r\n if (this.interval) {\r\n clearInterval(this.interval);\r\n }\r\n this.interval = setInterval(() => {\r\n if (this.state.clearBetSlipCounter <= 0) {\r\n clearInterval(this.interval);\r\n // this.props.ResetBetBuilder();\r\n this.props.ClearBetBuilder();\r\n } else {\r\n this.setState({\r\n clearBetSlipCounter: this.state.clearBetSlipCounter - 1,\r\n });\r\n }\r\n }, 1000);\r\n };\r\n\r\n handlePlacebet = () => {\r\n let tab = this.props.betTab;\r\n if (Cookies.get(\"refreshToken\")) {\r\n this.props.placeBetBuilder();\r\n } else {\r\n this.props.setLoginError(true);\r\n }\r\n };\r\n displaySportImage = (sportName, sportEvent) => {\r\n const { sportTypes, sportTypesIcons } = this.props;\r\n const currentSportType =\r\n sportEvent &&\r\n sportTypes &&\r\n sportTypes.filter(\r\n (item) => item.sport.sportId == sportEvent.sport.sportId\r\n );\r\n const sportEventFeedId = sportEvent.feed.feedId;\r\n const imgSport =\r\n sportTypesIcons &&\r\n sportTypesIcons.filter((item) => {\r\n return (\r\n item.sportTypesIconsID == sportEvent.sport.sportId &&\r\n item.feedId == sportEventFeedId\r\n );\r\n });\r\n return (\r\n \r\n
\r\n }\r\n // options={['Option1' , 'Option2','Option3','Type coupon code'] }\r\n >\r\n {loadingLoyalityRewards ? (\r\n \r\n ) : loyalityRewardOptionsError ? (\r\n \r\n ) : loyalityRewardOptions ? (\r\n loyalityRewardOptions.map((item) => {\r\n return (\r\n \r\n
\r\n ) : this.state.loyalityCoupon == \"options\" ? (\r\n <>\r\n {loadingLoyaltyCoupons ? (\r\n {loyaltyRewardDetails && loyaltyRewardDetails.couponCodeTitle}
\r\n\r\n
\r\n\r\n {validateCouponError && (\r\n \r\n {\r\n this.setState({\r\n couponCode: e.target.value,\r\n });\r\n SessionStorage.couponCode = e.target.value;\r\n couponClearMessage();\r\n setLoginError(false);\r\n }}\r\n value={SessionStorage.couponCode ? SessionStorage.couponCode : null}\r\n />\r\n
\r\n \r\n \r\n Check Coupon\r\n \r\n
\r\n \r\n
\r\n )}\r\n {validateCouponMessage && (\r\n \r\n {/* trigger.parentNode}\r\n arrowPointAtCenter\r\n content={
\r\n )}\r\n {this.addLineSpace(validateCouponMessage)}
}\r\n trigger=\"click\"\r\n >\r\n \r\n \r\n \r\n item.enable && this.showRewardInfo(e, item.couponId)\r\n }\r\n src={\r\n item.enable\r\n ? loyaltyRewardDetails && loyaltyRewardDetails.infoEnableImage\r\n : loyaltyRewardDetails && loyaltyRewardDetails.infoDisableImage\r\n }\r\n alt=\"info\"\r\n />\r\n \r\n
\r\n {this.state.expandedReward == item.couponId && item.conditions &&\r\n \r\n // Please Choose Your Option.
\r\n\r\n {loyaltyCoupons.columnList.length > 0 &&\r\n Object.values(loyaltyCoupons.columnList).map(\r\n (item, key) => {\r\n return
\r\n {loyaltyCoupons.loyaltyRewardsCoupons.map((item) => {\r\n return (\r\n <>\r\n {item.columnName}
;\r\n }\r\n )}\r\n \r\n \r\n {sportEvent.sport.sportDisplayName}\r\n \r\n )}\r\n
\r\n );\r\n };\r\n\r\n clearBetSlip = () => {\r\n const { ClearBetBuilder } = this.props;\r\n ClearBetBuilder();\r\n SessionStorage.betBuilderAmount= null;\r\n\t SessionStorage.betBuilderDisplayOdds= null;\r\n\t SessionStorage.betBuilderPossibleWinning= null;\r\n\t SessionStorage.betBuilder= null;\r\n this.setState({ couponCode: null });\r\n };\r\n onOkayClick = () => {\r\n if (this.betInterval) {\r\n clearInterval(this.betInterval);\r\n }\r\n if (this.interval) {\r\n clearInterval(this.interval);\r\n }\r\n // this.props.ResetBetBuilder();\r\n this.props.ClearBetBuilder();\r\n };\r\n\r\n render() {\r\n const {\r\n bonusConditions,\r\n memberSelectedCurrency,\r\n totalStake,\r\n betSlipList,\r\n totalOdds,\r\n loadingPlaceBet,\r\n errors,\r\n possibleWinnings,\r\n successMsg,\r\n serverError,\r\n valueChangeWarning,\r\n loginError,\r\n connected,\r\n loadingFields,\r\n creatBetCodeLoading,\r\n match,\r\n } = this.props;\r\n const { couponCode } = this.state;\r\n const feedId = match.params.feed;\r\n console.log(\"this.state.clearBetSlipCounter\",this.state.clearBetSlipCounter);\r\n let filteredBetSlipList = {};\r\n Object.values(betSlipList).map((item) => {\r\n if (filteredBetSlipList[item.sport.sportDisplayName]) {\r\n filteredBetSlipList[item.sport.sportDisplayName].push(item);\r\n } else {\r\n filteredBetSlipList[item.sport.sportDisplayName] = [];\r\n filteredBetSlipList[item.sport.sportDisplayName].push(item);\r\n }\r\n });\r\n const selectedCurrency =\r\n memberSelectedCurrency || Cookies.get(\"selectedCurrency\");\r\n let tab = this.props.betTab;\r\n let user = Cookies.get(\"user\");\r\n let isSucceededBets = Object.values(betSlipList).every(\r\n (bet) => bet.response && bet.response.type === \"success\"\r\n );\r\n\r\n let filteredBetSlipListValues = Object.values(betSlipList);\r\n\r\n const betTypesList =\r\n filteredBetSlipList &&\r\n Object.values(filteredBetSlipList).length > 0 &&\r\n Object.values(filteredBetSlipList)[0].map((item) => {\r\n return {\r\n oddFieldDisplayName: item.oddFieldDisplayName,\r\n betTypeName: item.betType && item.betType.betTypeName,\r\n };\r\n });\r\n console.log(\"successMsg1111222\",successMsg);\r\n return (\r\n \r\n
\r\n \r\n
\r\n {/* Clear All */}\r\n
\r\n {bonusConditions && (\r\n \r\n {Object.entries(filteredBetSlipList).map((item, keys) => {\r\n return (\r\n <>\r\n
{\" \"}\r\n \r\n \r\n );\r\n })}\r\n \r\n {/* end of divs */}\r\n \r\n {this.displaySportImage(\r\n item[0],\r\n item[1] ? item[1][0] : undefined\r\n )}\r\n
\r\n \r\n {Object.values(item[1])\r\n .sort((a, b) => a.eventBetLineNo - b.eventBetLineNo)\r\n .map((item , key) => (\r\n key > 0 ? null : \r\n <>\r\n \r\n
\r\n )}\r\n \r\n ))}\r\n \r\n {/* Clear All */}\r\n
\r\n {betSlipList && Object.keys(betSlipList).length > 0 && (\r\n this.clearBetSlip()}\r\n >\r\n Clear All\r\n
\r\n )}\r\n {/* end of Clear All */}\r\n\r\n {/* place bet div */}\r\n \r\n {(serverError ||\r\n loginError ||\r\n !connected) && (\r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {tab === 1 ? \"Stake per bet \" : \"Stake \"}\r\n {`(${\r\n tab == 1\r\n ? this.placeBetText()\r\n : Object.keys(betSlipList).length\r\n } Bets)`}\r\n
\r\n \r\n this.onAmountClick(e, \"up\")}\r\n >\r\n
\r\n \r\n this.onAmountClick(e, \"down\")}\r\n >\r\n
\r\n \r\n \r\n this.onAmountManualChange(value)\r\n }\r\n />\r\n
\r\n \r\n
\r\n )}\r\n Bonus:
\r\n {`${bonusConditions.currency.currencySymbol} ${bonusConditions.bonusUseAmount}`}
\r\n \r\n
\r\n\r\n Total Odds:
\r\n {totalStake && totalStake.toFixed(2)}
\r\n \r\n
\r\n\r\n Possible winnings:
\r\n \r\n \r\n {selectedCurrency\r\n ? selectedCurrency.currencySymbol\r\n : \"LD\"}\r\n \r\n \r\n {possibleWinnings}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Get Bet Code\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n this.handlePlaceBetInterval()}\r\n className=\"placebet-btn success bet-slip-buttons\"\r\n loading={\r\n loadingPlaceBet || this.state.showPlacebetCounter\r\n ? true\r\n : false\r\n }\r\n >\r\n {this.state.showPlacebetCounter && (\r\n \r\n {this.state.placebetTime}\r\n
\r\n )}\r\n Place Bet\r\n \r\n \r\n
*/}\r\n
\r\n \r\n {/* end of place bet div */}\r\n \r\n \r\n ) : (\r\n \r\n By placing a bet, you automatically accept the most recent\r\n version of the \r\n \r\n Terms and Conditions\r\n \r\n
\r\n {/* */}\r\n
\r\n {successMsg ? (\r\n
\r\n )}\r\n {/* end of content */}\r\n \r\n \r\n );\r\n }\r\n\r\n onBetBuilderAmountChange(amount) {\r\n const { onBetBuilderAmountChange } = this.props;\r\n onBetBuilderAmountChange(amount);\r\n }\r\n onAmountManualChange(e) {\r\n let currentAmount = parseInt(e.target.value);\r\n this.onBetBuilderAmountChange(currentAmount);\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n betSlipList: state.betSlip.customBetData,\r\n loadingPlaceBet: state.betSlip.loadingPlaceBet,\r\n amount: state.betSlip.betBuilderAmount,\r\n totalOdds: state.betSlip.totalOdds,\r\n possibleWinnings: state.betSlip.betBuilderPossibleWinning,\r\n errors: state.betSlip.errors,\r\n successMsg: state.betSlip.betBuilderSuccess,\r\n serverError: state.betSlip.betBuilderServerError,\r\n valueChangeWarning: state.betSlip.valueChangeWarning,\r\n loginError: state.betSlip.loginError,\r\n loadingFields: state.betSlip.loadingFields,\r\n message: state.general.message,\r\n connected: state.signalr.staticConnected,\r\n creatBetCodeLoading: state.general.creatBetCodeLoading,\r\n memberSelectedCurrency: state.member.selectedCurrency,\r\n totalStake: state.betSlip.betBuilderTotalOdds,\r\n hideStake: state.betSlip.hideStake,\r\n currencies: state.general.currencies,\r\n placeBetSeconds: state.general.configuration.placeBetSeconds,\r\n signedIn: state.auth.signedIn,\r\n bonusConditions: state.member.bonusConditions,\r\n betSlipConstants: state.general.betSlipConstants,\r\n coupon: state.general.coupon,\r\n sportTypes: state.sportTypes.sportTypes,\r\n sportTypesIcons: state.general.sportTypesIcons,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n placeBetBuilder: () => {\r\n dispatch(placeBetBuilder());\r\n },\r\n onBetBuilderAmountChange: (amount) => {\r\n dispatch(onBetBuilderAmountChange(amount));\r\n },\r\n clearSucceededBets: () => {\r\n dispatch(clearSucceededBets());\r\n },\r\n setLoginError: (value) => {\r\n dispatch(setLoginError(value));\r\n },\r\n clearBetSlipError: () => {\r\n dispatch(clearBetSlipError());\r\n },\r\n ClearBetBuilder: () => {\r\n dispatch(ClearBetBuilder());\r\n },\r\n ResetBetBuilder: () => {\r\n dispatch(ResetBetBuilder());\r\n },\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CustomBetDetails);\r\n","import React from 'react';\r\nimport { SessionStorage } from '../../../helpers';\r\nimport CustomBetDetails from './CustomBetDetails';\r\n\r\nclass CustomBet extends React.Component {\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n
\r\n ) : (\r\n \r\n \r\n
\r\n Your bet has been placed
\r\n \r\n \r\n
\r\n \r\n {this.state.clearBetSlipCounter}\r\n
\r\n Okay\r\n \r\n \r\n No bet has been selected. To select a bet, please click on the\r\n respective result.\r\n
\r\n )}\r\n \r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default CustomBet","import React from 'react'\r\nimport { connect } from 'react-redux';\r\nimport { Tabs, Popover } from 'antd';\r\nimport { Multiple, Single } from './';\r\nimport { clearBetSlip, setTab } from '../../../redux/actions/betSlipActions';\r\nimport { SessionStorage, Enums } from '../../../helpers';\r\nimport CustomBet from './CustomBet';\r\n\r\nconst TabPane = Tabs.TabPane;\r\n\r\nclass BetSlipTab extends React.Component {\r\n\tstate = {\r\n\t\tmultipleDisable: false\r\n\t};\r\n\t// old logic\r\n\t// componentDidUpdate(prevProps, prevState) {\r\n\t// \tlet tab = SessionStorage.betTab;\r\n\t// \tconst { setTab, betSlipList } = this.props;\r\n\t// \tlet multipleDisable = Object.values(betSlipList).filter((bet) =>\r\n\t// \t((bet.feed.feedId === Enums.Feed.Casino || bet.feed.feedId === Enums.Feed.SpinAndWin) &&\r\n\t// \t\tbet.sport.sportId === 1)).length > 0;\r\n\t// \tif (multipleDisable !== prevState.multipleDisable) {\r\n\t// \t\tthis.setState({ multipleDisable: multipleDisable });\r\n\t// \t\tif (multipleDisable && tab == 2) {\r\n\t// \t\t\ttab = '1';\r\n\t// \t\t\tsetTab('1');\r\n\t// \t\t}\r\n\t// \t}\r\n\t// }\r\n\r\n\t// with Lucky Numbers\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tlet tab = SessionStorage.betTab;\r\n\t\tconst { setTab, betSlipList , customBetData } = this.props;\r\n\t\tif(prevProps.customBetData !== customBetData && customBetData && Object.keys(customBetData).length > 0){\r\n\t\t\tsetTab('4');\r\n\t\t}\r\n\t\tif(prevProps.customBetData !== customBetData && prevProps.customBetData && Object.keys(prevProps.customBetData).length > 0 && Object.keys(customBetData).length == 0){\r\n\t\t\tsetTab('2');\r\n\t\t}\r\n\t\tlet multipleDisable = Object.values(betSlipList).filter((bet) =>\r\n\t\t((bet.feed.feedId === Enums.Feed.Casino || bet.feed.feedId === Enums.Feed.SpinAndWin || bet.feed.feedId === Enums.Feed.LuckyNumbers))).length > 0;\r\n\t\tif (multipleDisable !== prevState.multipleDisable) {\r\n\t\t\tthis.setState({ multipleDisable: multipleDisable });\r\n\t\t\tif (multipleDisable && tab == 2) {\r\n\t\t\t\ttab = '1';\r\n\t\t\t\tsetTab('1');\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet tab = SessionStorage.betTab;\r\n\t\tconst {showNewIcon, newIconImage , customBetData , successMsg}=this.props\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t{customBetData && Object.values(customBetData).length > 0 && Bet Builder{showNewIcon && 
}
} key=\"4\" onChange={this.props.setTab}>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\tComing soon.
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default Multiple","import React from 'react'\r\nimport { Tabs } from 'antd';\r\n\r\nconst TabPane = Tabs.TabPane;\r\n\r\nclass MyBetsTab extends React.Component {\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\tMy Bets\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default MyBetsTab","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n removeField,\r\n handleHideStake,\r\n} from \"../../../redux/actions/betSlipActions\";\r\nimport { Tooltip, Input, Spin, Icon, Select } from \"antd\";\r\nimport { SportIcon, Alert } from \"../../\";\r\nimport { SessionStorage, Cookies, Enums } from \"../../../helpers\";\r\nimport Images from \"../Images\";\r\nimport moment from \"moment\";\r\nimport { onAmountChange } from \"../../../redux/actions/betSlipActions\";\r\nimport { setPossibleWinnings , setTotalStake} from \"../../../redux/actions/betSlipActions\";\r\nimport CustomDropdown from \"./CustomDropDown\";\r\nconst Option = Select.Option;\r\n\r\nclass BetSlipRow extends React.Component {\r\n state = {\r\n changeStatus: 0,\r\n selection: this.props.betSlipField.selectedDrawsIds && this.props.betSlipField.selectedDrawsIds\r\n };\r\n checkImage = (teamId) => {\r\n this.setState({\r\n [teamId]: true,\r\n });\r\n };\r\n // componentDidMount(){\r\n // const {betSlipField ,possibleWinnings , totalStake , setTotalStake , setPossibleWinnings , amount} =this.props;\r\n \r\n // if(betSlipField && betSlipField.selectedDrawsIds && betSlipField.possibleFieldWin && betSlipField.selectedDrawsIds.length > 1){\r\n // let length =betSlipField.selectedDrawsIds.length\r\n // let calcTotalStake;\r\n // let calcPossibleWinning;\r\n // calcTotalStake =totalStake + ( amount * (length==1 ? length :length -1))\r\n // setTotalStake( calcTotalStake)\r\n // }\r\n // }\r\n\r\n onAmountClick = (e, action, amount, betSlipField, selectedCurrency) => {\r\n e.preventDefault();\r\n let currentAmount = parseInt(amount);\r\n switch (action) {\r\n case \"up\":\r\n currentAmount += selectedCurrency.currencyId === 1 ? 10 : 1;\r\n break;\r\n\r\n case \"down\":\r\n if (currentAmount - (selectedCurrency.currencyId === 1 ? 10 : 1) >= 0) {\r\n currentAmount -= selectedCurrency.currencyId === 1 ? 10 : 1;\r\n } else {\r\n currentAmount = 0;\r\n }\r\n break;\r\n }\r\n this.props.onFieldAmountChange(\r\n currentAmount,\r\n betSlipField.activeOddFieldId\r\n );\r\n this.props.handleHideStake();\r\n };\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n\r\n if (this.props.betSlipField.oddValue !== prevProps.betSlipField.oddValue) {\r\n this.setState({ changeStatus: 0 }, () => {\r\n setTimeout(\r\n () =>\r\n this.setState({\r\n changeStatus: this.props.betSlipField.oddValueStatus,\r\n }),\r\n 10\r\n );\r\n });\r\n }\r\n }\r\n handleSelect = (value , betSlipField) => {\r\n this.setState({\r\n selection:value\r\n })\r\n const {possibleWinnings , totalStake , setTotalStake , setPossibleWinnings , amount}= this.props\r\n const inputLength = value.length\r\n let betSlip = SessionStorage.betSlip;\r\n let id = Number(value)\r\n Object.values(betSlip).map((item) => {\r\n if ( item.drawEvents && item.key == betSlipField.key) {\r\n let values=[];\r\n item.drawEvents.map(item=>{\r\n value.map(ele=>{\r\n if(item.eventId == ele){\r\n values.push(item)\r\n }\r\n })\r\n \r\n }) \r\n item.selectedDraws = values\r\n item.selectedDrawsIds = value\r\n }\r\n });\r\n let calcTotalStake;\r\n let calcPossibleWinning;;\r\n if(inputLength <= this.state.selection.length ){\r\n\r\n calcTotalStake =totalStake -( amount )\r\n calcPossibleWinning =possibleWinnings -(betSlipField.possibleFieldWin )\r\n\r\n }else if(inputLength > this.state.selection.length ){\r\n calcTotalStake =totalStake + ( amount )\r\n calcPossibleWinning =possibleWinnings + (betSlipField.possibleFieldWin )\r\n }\r\n setTotalStake( calcTotalStake)\r\n setPossibleWinnings( calcPossibleWinning)\r\n SessionStorage.betSlip = betSlip\r\n }\r\n\r\n render() {\r\n const {\r\n betSlipField,\r\n loadingPlaceBet,\r\n memberSelectedCurrency,\r\n isDark,\r\n } = this.props;\r\n // const image = `${betSlipField.feed.feedId}${betSlipField.sport.sportId}.webp`;\r\n\r\n\r\n let betTab = SessionStorage.betTab;\r\n const selectedCurrency =\r\n memberSelectedCurrency || Cookies.get(\"selectedCurrency\");\r\n const spinner = (\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n {/* this.navToDrillDown()}\r\n style={{\r\n width: \"90%\",\r\n display: \"inline-block\",\r\n justifyContent: \"center\",\r\n }}\r\n >\r\n {betSlipField.feed.feedId === 5 && (\r\n
\r\n \r\n )}\r\n Live
\r\n )}\r\n\r\n \r\n {betSlipField.feed.feedId === Enums.Feed.Casino ||\r\n betSlipField.feed.feedId === Enums.Feed.SpinAndWin ? (\r\n trigger.parentNode}\r\n onChange={(e) =>\r\n this.handleSelect(e , betSlipField)\r\n }\r\n >\r\n {betSlipField.drawEvents.map((item , idx) => {\r\n return (\r\n \r\n {moment(item.eventDateOfMatch).format(\r\n \"DD MMM YYYY, HH:mm:ss\"\r\n )}\r\n \r\n );\r\n })}\r\n \r\n )} */}\r\n {betSlipField.drawEvents && (\r\n \r\n )}\r\n \r\n ) : (\r\n <>\r\n \r\n {\" \"}\r\n {betSlipField.awayTeamName && betSlipField.awayTeamName.split(\" \")[0][0]}\r\n
\r\n ) : (\r\n \"\"\r\n )} */}\r\n \r\n {betSlipField.eventDisplayName &&\r\n betSlipField.eventDisplayName.split(\"Vs.\")[1]}\r\n \r\n \r\n {betSlipField.eventDisplayName} -{\" \"}\r\n {betSlipField.eventBetLineNo}\r\n
\r\n ) : (\r\n \r\n {betSlipField.feed.feedId === Enums.Feed.LuckyNumbers ? (\r\n <>\r\n
\r\n )}\r\n {/* eventBetLineNo\r\n eventDateOfMatch\r\n eventId */}\r\n {/* {betSlipField.drawEvents && (\r\n \r\n \r\n {betSlipField &&\r\n betSlipField.eventTournament &&\r\n betSlipField.eventTournament\r\n .tournamentDisplayName}\r\n \r\n
\r\n {betSlipField.selectedNumbers && (\r\n \r\n {betSlipField.selectedNumbers && betSlipField.selectedNumbers\r\n .split(\",\")\r\n .map(Number)\r\n .map((item) => {\r\n return (\r\n
\r\n )}\r\n {betSlipField.selectedBonuses && (\r\n \r\n {item}\r\n
\r\n );\r\n })}\r\n \r\n {betSlipField.selectedBonuses\r\n .split(\",\")\r\n .map(Number)\r\n .map((item) => {\r\n return (\r\n \r\n {item}\r\n
\r\n );\r\n })}\r\n \r\n \r\n {betSlipField.homeTeamName &&\r\n betSlipField.homeTeamName[0]}\r\n {betSlipField.homeTeamName &&\r\n betSlipField.homeTeamName.split(\" \").length > 1 &&\r\n betSlipField.homeTeamName.split(\" \")[1][0]}\r\n \r\n {betSlipField.feed.feedId != Enums.Feed.Casino &&\r\n betSlipField.feed.feedId != Enums.Feed.SpinAndWin &&\r\n betSlipField.eventDisplayName && (\r\n \r\n {\" \"}\r\n {betSlipField.eventDisplayName.split(\"Vs.\")[0]}\r\n \r\n )}\r\n {betSlipField.feed.feedId == Enums.Feed.Casino ||\r\n (betSlipField.feed.feedId ==\r\n Enums.Feed.SpinAndWin &&\r\n `- ${betSlipField.eventBetLineNo}`)}\r\n\r\n \r\n \r\n Vs{\" \"}\r\n \r\n \r\n
\r\n \r\n \r\n {betSlipField.awayTeamName &&\r\n betSlipField.awayTeamName[0]}\r\n {betSlipField.awayTeamName &&\r\n betSlipField.awayTeamName.split(\" \").length > 1 &&\r\n betSlipField.awayTeamName.split(\" \")[1][0]}\r\n \r\n {/* {!this.state[betSlipField.awayTeamId] && (\r\n this.checkImage(betSlipField.awayTeamId)}\r\n\r\n />\r\n )}\r\n {this.state[betSlipField.awayTeamId] && betSlipField.awayTeamName && \r\n betSlipField.awayTeamName.includes(' ') &&\r\n betSlipField.awayTeamName.split(\" \").length >= 2 ? (\r\n \r\n {\" \"}\r\n {betSlipField.awayTeamName.split(\" \")[0][0]}\r\n {betSlipField.awayTeamName.split(\" \")[1][0]}\r\n
\r\n ) : this.state[betSlipField.awayTeamId] ? (\r\n \r\n {betSlipField.errors &&\r\n betSlipField.errors.length > 0 &&\r\n betTab == 2 && (\r\n (\r\n
\r\n {` * ${item}`}
\r\n ))}\r\n >\r\n !
\r\n \r\n )}\r\n \r\n \r\n {betSlipField.betType.betTypeName}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {/* separator comment */}\r\n\r\n \r\n
\r\n {betSlipField.betType.specialTemplateName ? betSlipField.oddField : betSlipField.oddFieldDisplayName}
\r\n No Longer Available
\r\n ) : (\r\n \r\n \r\n this.onAmountClick(\r\n e,\r\n \"up\",\r\n betSlipField.amount,\r\n betSlipField,\r\n selectedCurrency\r\n )\r\n }\r\n >\r\n
\r\n \r\n {/* \r\n \r\n this.onAmountClick(\r\n e,\r\n \"down\",\r\n betSlipField.amount,\r\n betSlipField,\r\n selectedCurrency\r\n )\r\n }\r\n >\r\n
\r\n \r\n \r\n this.onAmountClick(\r\n e,\r\n \"manual\",\r\n e.target.value,\r\n betSlipField\r\n )\r\n }\r\n />\r\n
\r\n \r\n {selectedCurrency ? selectedCurrency.currencySymbol : \"LD\"}\r\n
*/}\r\n \r\n )}\r\n {loadingPlaceBet &&\r\n betTab == 1 &&\r\n (!hasResponse || betSlipField.response.type === \"error\") && (\r\n \r\n
\r\n )}\r\n {betSlipField.errors &&\r\n betSlipField.errors.length > 0 &&\r\n betTab == 1 &&\r\n betSlipField.errors.map((item, index) => (\r\n Possible winnings:
\r\n \r\n {`${selectedCurrency ? selectedCurrency.currencySymbol : \"LD\"}\r\n\t\t\t\t\t\t${\r\n selectedCurrency.currencySymbol === \"LD\" &&\r\n betSlipField &&\r\n betSlipField.possibleFieldWin\r\n ? betSlipField.possibleFieldWin.format(0)\r\n : betSlipField && betSlipField.possibleFieldWin\r\n ? betSlipField.possibleFieldWin.format(2)\r\n : \"\"\r\n }`}\r\n
\r\n \r\n
\r\n )}\r\n {hasResponse && betSlipField.response.type === \"error\" && (\r\n \r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nexport default Single","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Popover, Button, Switch, Input, Select, Popconfirm, Icon } from \"antd\";\r\nimport { setSelectedCurrency } from \"../../../redux/actions/membersActions\";\r\nimport { getCurrencies } from \"../../../redux/actions/generalActions\";\r\nimport { Cookies, CountryCodes, AppConfig } from \"../../../helpers\";\r\nimport Images from \"../Images\";\r\n\r\nconst { Option } = Select;\r\n\r\nclass BetSlipSettings extends React.Component {\r\n state = {\r\n visible: false,\r\n showCurrencyPopup: false,\r\n setCurrency: \"\",\r\n };\r\n\r\n hide = () => {\r\n this.setState({\r\n visible: false,\r\n });\r\n };\r\n\r\n handleVisibleChange = (visible) => {\r\n this.setState({ visible });\r\n };\r\n\r\n popConfirmVisibleChange = () => {\r\n if (this.state.showCurrencyPopup) {\r\n this.handleVisibleChange(true);\r\n this.setState({ showCurrencyPopup: false }, () => {\r\n if (!this.state.showCurrencyPopup) {\r\n this.handleVisibleChange(false);\r\n }\r\n });\r\n }\r\n };\r\n\r\n getCountryCode = (currency) => {\r\n if (currency == \"$\") {\r\n return AppConfig.countryFlagImagesPath + `us` + `.webp`\r\n\r\n // let result =\r\n // this.props.countryFlags &&\r\n // this.props.countryFlags.filter((element) => {\r\n // return element.countryName.toLowerCase() == \"USA\".toLowerCase();\r\n // });\r\n // if (result && result.length > 0) {\r\n // return result[0].countryFlagImagesName;\r\n // }\r\n }\r\n if (currency == \"LD\") {\r\n return AppConfig.countryFlagImagesPath + `lr` + `.webp`\r\n\r\n // let result =\r\n // this.props.countryFlags &&\r\n // this.props.countryFlags.filter((element) => {\r\n // return element.countryName.toLowerCase() == \"liberia\";\r\n // });\r\n // if (result && result.length > 0) {\r\n // return result[0].countryFlagImagesName;\r\n // }\r\n }\r\n };\r\n render() {\r\n const { currencies } = this.props;\r\n const user = Cookies.get(\"user\");\r\n let selectedCurrency = Cookies.get(\"selectedCurrency\");\r\n\r\n return (\r\n // New Code.\r\n\r\n // \r\n // {user ? (\r\n // {\r\n // this.popConfirmVisibleChange();\r\n // }}\r\n // visible={this.state.showCurrencyPopup}\r\n // overlayClassName=\"currency-message-popover\"\r\n // placement=\"topLeft\"\r\n // title={\"You are about to change currency\"}\r\n // onConfirm={() => {\r\n // this.setState({ showCurrencyPopup: false }, () =>\r\n // this.props.setSelectedCurrency(\r\n // this.state.setCurrency\r\n // )\r\n // );\r\n // }}\r\n // okText=\"Yes\"\r\n // cancelText=\"No\"\r\n // onCancel={() => {\r\n // this.setState({ showCurrencyPopup: false });\r\n // }}\r\n // >\r\n // \r\n // {Object.keys(user.balance).map((currency, index) => (\r\n // {\r\n // this.setState({\r\n // showCurrencyPopup: true,\r\n // setCurrency: user.balance[currency],\r\n // });\r\n // }}\r\n // value={user.balance[currency].currencyId}\r\n // >\r\n // {user.balance[currency].currencySymbol}\r\n // \r\n // ))}\r\n // \r\n // \r\n // ) : (\r\n // currencies && (\r\n // {\r\n // this.setState({ showCurrencyPopup: false }, () =>\r\n // this.props.setSelectedCurrency(\r\n // this.state.setCurrency\r\n // )\r\n // );\r\n // }}\r\n // okText=\"Yes\"\r\n // cancelText=\"No\"\r\n // onVisibleChange={() => {\r\n // this.popConfirmVisibleChange();\r\n // }}\r\n // onCancel={() => {\r\n // this.setState({ showCurrencyPopup: false });\r\n // }}\r\n // >\r\n // \r\n // {Object.keys(currencies).map((currency, index) => (\r\n // {\r\n // this.setState({\r\n // showCurrencyPopup: true,\r\n // setCurrency: currencies[currency],\r\n // });\r\n // }}\r\n // key={currencies[currency].currencySymbol}\r\n // value={currencies[currency].currencyId}\r\n // >\r\n // {currencies[currency].currencySymbol}\r\n // \r\n // ))}\r\n // \r\n // \r\n // )\r\n // )}\r\n //
\r\n\r\n \r\n {user && currencies ? (\r\n {\r\n this.popConfirmVisibleChange();\r\n }}\r\n visible={this.state.showCurrencyPopup}\r\n overlayClassName=\"currency-message-popover\"\r\n placement=\"bottomLeft\"\r\n title={\"You are about to change currency\"}\r\n onConfirm={() => {\r\n this.setState({ showCurrencyPopup: false }, () =>\r\n this.props.setSelectedCurrency(this.state.setCurrency)\r\n );\r\n }}\r\n okText=\"Yes\"\r\n cancelText=\"No\"\r\n onCancel={() => {\r\n this.setState({ showCurrencyPopup: false });\r\n }}\r\n >\r\n trigger.parentNode}\r\n suffixIcon={\r\n {\r\n this.setState({\r\n showCurrencyPopup: true,\r\n setCurrency: user.balance[currency],\r\n });\r\n }}\r\n value={user.balance[currency].currencyId}\r\n >\r\n {\r\n this.setState({ showCurrencyPopup: false }, () =>\r\n this.props.setSelectedCurrency(this.state.setCurrency)\r\n );\r\n }}\r\n okText=\"Yes\"\r\n cancelText=\"No\"\r\n onVisibleChange={() => {\r\n this.popConfirmVisibleChange();\r\n }}\r\n onCancel={() => {\r\n this.setState({ showCurrencyPopup: false });\r\n }}\r\n >\r\n trigger.parentNode}\r\n suffixIcon={\r\n {\r\n this.setState({\r\n showCurrencyPopup: true,\r\n setCurrency: currencies[currency],\r\n });\r\n }}\r\n key={currencies[currency].currencySymbol}\r\n value={currencies[currency].currencyId}\r\n >\r\n
\r\n\r\n // old code\r\n // selectedCurrency && (\r\n // \r\n // \r\n // {/*
\r\n // }\r\n // title=\"Bet Slip Settings\"\r\n // trigger=\"click\"\r\n // visible={this.state.visible}\r\n // onVisibleChange={this.handleVisibleChange}\r\n // placement=\"bottomRight\"\r\n // >\r\n // \r\n //
*/}\r\n // Accept odds change automatically
\r\n // \r\n //
\r\n // {/* Currency
\r\n // \r\n // {user ? (\r\n // {\r\n // this.popConfirmVisibleChange();\r\n // }}\r\n // visible={this.state.showCurrencyPopup}\r\n // overlayClassName=\"currency-message-popover\"\r\n // placement=\"topLeft\"\r\n // title={\"You are about to change currency\"}\r\n // onConfirm={() => {\r\n // this.setState({ showCurrencyPopup: false }, () =>\r\n // this.props.setSelectedCurrency(\r\n // this.state.setCurrency\r\n // )\r\n // );\r\n // }}\r\n // okText=\"Yes\"\r\n // cancelText=\"No\"\r\n // onCancel={() => {\r\n // this.setState({ showCurrencyPopup: false });\r\n // }}\r\n // >\r\n // \r\n // {Object.keys(user.balance).map((currency, index) => (\r\n // {\r\n // this.setState({\r\n // showCurrencyPopup: true,\r\n // setCurrency: user.balance[currency],\r\n // });\r\n // }}\r\n // value={user.balance[currency].currencyId}\r\n // >\r\n // {user.balance[currency].currencySymbol}\r\n // \r\n // ))}\r\n // \r\n // \r\n // ) : (\r\n // currencies && (\r\n // {\r\n // this.setState({ showCurrencyPopup: false }, () =>\r\n // this.props.setSelectedCurrency(\r\n // this.state.setCurrency\r\n // )\r\n // );\r\n // }}\r\n // okText=\"Yes\"\r\n // cancelText=\"No\"\r\n // onVisibleChange={() => {\r\n // this.popConfirmVisibleChange();\r\n // }}\r\n // onCancel={() => {\r\n // this.setState({ showCurrencyPopup: false });\r\n // }}\r\n // >\r\n // \r\n // {Object.keys(currencies).map((currency, index) => (\r\n // {\r\n // this.setState({\r\n // showCurrencyPopup: true,\r\n // setCurrency: currencies[currency],\r\n // });\r\n // }}\r\n // key={currencies[currency].currencySymbol}\r\n // value={currencies[currency].currencyId}\r\n // >\r\n // {currencies[currency].currencySymbol}\r\n // \r\n // ))}\r\n // \r\n // \r\n // )\r\n // )}\r\n //
\r\n // \r\n //
\r\n // \r\n // Bet amount by default\r\n //
\r\n // \r\n // \r\n //
\r\n // \r\n //
*/}\r\n // Direct Bet Mode
\r\n // \r\n {text}\r\n {/* CHECK IF THE CLIPBOARD API IS SUPPORTED BY THE BROWSER, IF NOT NO NEED TO SHOW THE TOOLTIP AND THE COPY ICON */}\r\n {navigator && navigator.clipboard && trigger.parentNode}>\r\n }\r\n
\r\n );\r\n};\r\n\r\nexport default CopyableText;\r\n","import { Button, Drawer, Input, Tabs, Icon } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport StickyBox from \"react-sticky-box\";\r\nimport { Alert } from \"../..\";\r\nimport { openMobileBetslip } from \"../../../redux/actions/appActions\";\r\nimport {\r\n getBetSlipConfiguration,\r\n getFieldsUpdatedDetails,\r\n} from \"../../../redux/actions/betSlipActions\";\r\nimport {\r\n betsByBetCode,\r\n clearBetCode,\r\n} from \"../../../redux/actions/generalActions\";\r\nimport { BetSlipTab, MyBetsTab, BetSlipSettings } from \"./\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport Paragraph from \"antd/lib/typography/Paragraph\";\r\nimport CopyableText from \"./CopyableText\";\r\nimport { Enums, SessionStorage } from \"../../../helpers\";\r\nimport LoyalityRewards from \"./LoyalityRewards\";\r\n\r\nconst TabPane = Tabs.TabPane;\r\nconst IsMiddleScreenAndMobile = ({ children }) => {\r\n const isMiddleScreenAndMobile = useMediaQuery({ maxWidth: 1100 });\r\n return isMiddleScreenAndMobile ? children : null;\r\n};\r\nconst IsDesktop = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 1100 });\r\n return isDesktop ? children : null;\r\n};\r\nclass BetSlip extends React.Component {\r\n state = {\r\n codeNumber: null,\r\n };\r\n\r\n componentDidMount() {\r\n const { getBetSlipConfiguration, connected } = this.props;\r\n getBetSlipConfiguration();\r\n\r\n if (connected) {\r\n if (window.location.search.includes('betCode=')){\r\n let request = {\r\n id: window.location.search.split('betCode=')[1],\r\n };\r\n this.props.betsByBetCode(request);\r\n }\r\n }\r\n }\r\n componentDidUpdate(prevProps) {\r\n const { getBetSlipConfiguration, connected } = this.props;\r\n if (!prevProps.connected && connected) {\r\n getBetSlipConfiguration();\r\n if (window.location.search.includes('betCode=')){\r\n let request = {\r\n id: window.location.search.split('betCode=')[1],\r\n };\r\n this.props.betsByBetCode(request);\r\n }\r\n }\r\n }\r\n\r\n loadCode = () => {\r\n let request = {\r\n id: this.state.codeNumber,\r\n };\r\n this.props.betsByBetCode(request);\r\n this.setState({ codeNumber: \"\" });\r\n };\r\n\r\n handleTabClick = (key) => {\r\n if (key === \"2\") {\r\n this.props.history.push(`/account/bets`);\r\n }\r\n };\r\n\r\n renderBetSlip() {\r\n const { betCode, betCodeError, signedIn, betTab } = this.props;\r\n return (\r\n \r\n this.handleTabClick(key)}\r\n >\r\n \r\n {betCode && (\r\n
\r\n )}\r\n \r\n
\r\n\r\n Bet slip
\r\n \r\n {\r\n this.props.clearBetCode();\r\n }}\r\n >\r\n
\r\n Your Bet Code is
\r\n By Placing A Bet, You Automatically Accept\r\nThe Most Recent Version Of The Terms And\r\nConditions
*/}\r\n \r\n {this.props.connected &&\r\n
\r\n Load Bet Code
\r\n\r\n \r\n
\r\n \r\n
\r\n {betCodeError && (\r\n \r\n \r\n this.setState({ codeNumber: e.target.value })\r\n }\r\n value={this.state.codeNumber}\r\n />\r\n
\r\n \r\n \r\n Load\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n openMobileBetslip(false)}\r\n visible={mobileBetslipOpen}\r\n >\r\n {this.renderBetSlip()}\r\n \r\n {this.renderBetSlip()}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n betCode: state.general.betCode,\r\n betCodeError: state.general.betCodeError,\r\n device: state.app.device,\r\n mobileBetslipOpen: state.app.mobileBetslipOpen,\r\n signedIn: state.auth.signedIn,\r\n connected: state.app.feedId == Enums.Feed.Static ?\r\n state.signalr.staticConnected :\r\n state.app.feedId == Enums.Feed.Live ?\r\n state.signalr.liveConnected :\r\n state.signalr.connected,\r\n betTab: state.betSlip.betTab,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n openMobileBetslip: (open) => dispatch(openMobileBetslip(open)),\r\n betsByBetCode: (data) => dispatch(betsByBetCode(data)),\r\n getFieldsUpdatedDetails: (request) =>\r\n dispatch(getFieldsUpdatedDetails(request)),\r\n getBetSlipConfiguration: () => dispatch(getBetSlipConfiguration()),\r\n clearBetCode: () => {\r\n dispatch(clearBetCode());\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(BetSlip);\r\n","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\n\r\nclass SportIcon extends React.Component {\r\n\trender() {\r\n\t\tconst { feedId, sportId, className, sportTypesIcons } = this.props;\r\n\t\tconst img = sportTypesIcons && sportTypesIcons.filter((item) => {\r\n\t\t\treturn item.sportTypesIconsID == sportId && item.feedId == feedId;\r\n\t\t});\r\n\r\n\t\tlet icon = img && img[0] ? img[0].sportTypesIconsName : ''; \r\n\r\n\t\treturn (\r\n\t\t\t\r\n \r\n {!this.props.tipmeCustomertypes ? (\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n prefixes: state.general.prefixes,\r\n countries: state.general.countries,\r\n countryFlags: state.general.countryFlags,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n getCountryPhoneProviders: (request) =>\r\n dispatch(getCountryPhoneProviders(request)),\r\n getCountries: () => dispatch(getCountries()),\r\n});\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(PhoneNumber);\r\n","import React from 'react';\r\nimport { Modal as AntModal, Button } from 'antd';\r\n\r\nclass Modal extends React.Component {\r\n render() {\r\n let { children, type, title, text, visible, onOK, onCancel, okLabel, cancelLabel, textClassName } = this.props\r\n return (\r\n \r\n
\r\n ) : (\r\n \r\n {/* {this.props.tipmeCustomertypes.map((item) => {\r\n <>\r\n {item.id}\r\n \r\n })} */}\r\n\r\n \r\n this.props.onSelectChange(value, key.key)\r\n }\r\n >\r\n {this.props.tipmeCustomertypes.map((item) => {\r\n return (\r\n // hi\r\n \r\n );\r\n })}\r\n \r\n
\r\n )}\r\n \r\n }\r\n disabled={!this.props.isDisabled}\r\n defaultValue={this.props.value && this.props.value.slice(5)}\r\n />\r\n \r\n {type === 'text' &&\r\n
\r\n \r\n )\r\n }\r\n}\r\n\r\nexport default Modal;","import { Col, Popover } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { setCurrentSlotGame } from \"../../../redux/actions/slotsActions\";\r\nimport { AppConfig } from \"../../../helpers\";\r\n\r\nclass SlotItem extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n errored: false,\r\n src: undefined,\r\n };\r\n }\r\n\r\n componentWillMount() {\r\n try {\r\n let imageName = `${this.props.data.platformGameName}.webp`;\r\n let url = AppConfig.icons;\r\n let src = `${url}${imageName}?id=${this.props.data.gameImageVersion}`;\r\n this.setState({\r\n errored: false,\r\n src,\r\n });\r\n } catch (e) {\r\n this.setState({\r\n errored: true,\r\n src: require(\"../../../resources/images/logo600.webp\"),\r\n });\r\n }\r\n }\r\n\r\n navToGame() {\r\n const { history, data, setCurrentSlotGame } = this.props;\r\n history.push(`/slots1/game/${data.gameId}`);\r\n setCurrentSlotGame(data.gameName);\r\n }\r\n\r\n onError = () => {\r\n if (!this.state.errored) {\r\n this.setState({\r\n src: require(\"../../../resources/images/logo600.webp\"),\r\n errored: true,\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n const { data, config } = this.props;\r\n let itemsInRow = 24 / config.slotsGamesRow;\r\n\r\n return !this.props.signedIn ? (\r\n \r\n
\r\n }\r\n\r\n {type === 'custom' &&\r\n {text}
\r\n\r\n\r\n {\r\n onCancel &&\r\n onCancel()}>\r\n {cancelLabel}\r\n \r\n }\r\n {onOK &&\r\n onOK()}>\r\n {okLabel}\r\n \r\n }\r\n
\r\n\r\n \r\n {children}\r\n
\r\n }\r\n\r\n \r\n
\r\n\r\n {this.state.errored && {data.gameName}
}\r\n \r\n {/* \r\n content={\r\n \r\n
\r\n \r\n \r\n Please Sign in or Register
\r\n }\r\n trigger=\"click\">\r\n\r\n 
\r\n\r\n {\r\n this.state.errored &&\r\n {data.gameName}
\r\n }\r\n \r\n {/* \r\n \r\n
\r\n\r\n {this.state.errored && {data.gameName}
} */}\r\n \r\n ) : (\r\n \r\n this.navToGame()}\r\n />\r\n
\r\n\r\n {this.state.errored && {data.gameName}
}\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n config: state.slots.config,\r\n signedIn: state.auth.signedIn,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n setCurrentSlotGame: (game) => {\r\n dispatch(setCurrentSlotGame(game));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(SlotItem);\r\n","import { Row, Tabs, Col } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { setPropsMath } from \"../../../redux/actions/appActions\";\r\nimport SlotItem from \"./SlotItem\";\r\nimport Odometer from \"react-odometerjs\";\r\nimport \"odometer/themes/odometer-theme-default.css\";\r\nimport {\r\n getSlotsGames,\r\n getJackpots,\r\n} from \"../../../redux/actions/slotsActions\";\r\nimport {\r\n jackpotConnect,\r\n jackpotDisconnect,\r\n} from \"../../../redux/actions/singnalrActions\";\r\nimport { isMobile } from \"react-device-detect\";\r\nimport { AppConfig, Cookies } from \"../../../helpers\";\r\nimport { Images } from \"../../../components\";\r\nimport { JackpotLevel } from \"../../../helpers/enums\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\n\r\nconst IsMobileView = ({ children }) => {\r\n const isMiddleScreenAndMobile = useMediaQuery({ maxWidth: 770 });\r\n return isMiddleScreenAndMobile ? children : null;\r\n};\r\nconst IsDesktopAndMiddleScreen = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 770 });\r\n return isDesktop ? children : null;\r\n};\r\nconst TabPane = Tabs.TabPane;\r\n\r\nclass SlotList extends React.Component {\r\n state = {\r\n selectedTab: window.location.search.includes('groupId=') ? window.location.search.split('groupId=')[1] : '0',\r\n };\r\n\r\n async componentDidMount() {\r\n const {\r\n getSlotsGames,\r\n setPropsMath,\r\n jackpotConnect,\r\n getJackpots,\r\n } = this.props;\r\n // template id for desktop is 1\r\n getSlotsGames(1);\r\n getJackpots();\r\n setPropsMath();\r\n\r\n jackpotConnect();\r\n }\r\n\r\n componentWillUnmount() {\r\n const { jackpotDisconnect } = this.props;\r\n jackpotDisconnect();\r\n }\r\n\r\n async componentDidUpdate(prevProps) {}\r\n\r\n onTabChange(key) {\r\n this.setState({ selectedTab: key });\r\n }\r\n\r\n render() {\r\n const {\r\n config,\r\n categories,\r\n slotsGames,\r\n jackpotBalances,\r\n winningMessage,\r\n jackpotImage,\r\n } = this.props;\r\n // old logic\r\n // const jackpotSize = window.innerHeight <= 580 ? \"small\" : \"medium\";\r\n // End of old logic\r\n const jackpotSize = \"medium\";\r\n let filteredSlotGames = [];\r\n slotsGames &&\r\n slotsGames\r\n .sort((a, b) => a.gameOrder < b.gameOrder)\r\n .map((row, i) => {\r\n if (this.state.selectedTab == \"0\") {\r\n filteredSlotGames.push(row);\r\n } else if (this.state.selectedTab == row.categoryId.toString()) {\r\n filteredSlotGames.push(row);\r\n }\r\n });\r\n return (\r\n categories && (\r\n \r\n {\r\n this.onTabChange(key);\r\n }}\r\n >\r\n {categories.map((item, i) => (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n {/* {winningMessage && (\r\n \r\n {winningMessage}\r\n
\r\n )} */}\r\n \r\n {/* {jackpotBalances &&\r\n jackpotBalances[JackpotLevel.Web] && (\r\n \r\n {winningMessage ? (\r\n
\r\n {!winningMessage && (\r\n \r\n {\" \"}\r\n {jackpotBalances[JackpotLevel.Web].jackpotName}\r\n
\r\n )} */}\r\n \r\n {winningMessage}\r\n
\r\n ) : (\r\n <>\r\n \r\n {jackpotBalances &&\r\n jackpotBalances[JackpotLevel.Web]\r\n ? jackpotBalances[JackpotLevel.Web]\r\n .currencySymbol\r\n : \"LD\"}\r\n
\r\n $
\r\n \r\n {filteredSlotGames &&\r\n filteredSlotGames.length > 0 &&\r\n filteredSlotGames\r\n .sort((a, b) => a.gameOrder < b.gameOrder)\r\n .slice(6)\r\n .map((row, i) => {\r\n let itemsInRow = config.slotsGamesRow;\r\n return this.state.selectedTab !==\r\n row.categoryId.toString() &&\r\n this.state.selectedTab !== \"0\" ? null : (\r\n
\r\n \r\n {slotsGames &&\r\n slotsGames\r\n .sort((a, b) => a.gameOrder < b.gameOrder)\r\n .map((row, i) => {\r\n let itemsInRow = config.slotsGamesRow;\r\n return this.state.selectedTab !==\r\n row.categoryId.toString() &&\r\n this.state.selectedTab !== \"0\" ? null : (\r\n
\r\n \r\n \r\n
\r\n\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n selectedCurrency: state.member.selectedCurrency,\r\n token: state.slots.token,\r\n signedIn: state.auth.signedIn,\r\n gameSymbols: state.slots.gameSymbols,\r\n roundFinished: state.slots.roundFinished,\r\n gameId: state.slots.gameId,\r\n gameName: state.slots.gameName,\r\n currentGame: state.slots.currentGame,\r\n currencies: state.general.currencies,\r\n winningMessage: state.jackpot.winningMessage,\r\n winnerJackpotId: state.jackpot.winnerJackpotId,\r\n iframeUrl: state.slots.iframeUrl,\r\n partner: state.slots.partner,\r\n gameTypeId: state.slots.gameTypeId,\r\n platformGameName: state.slots.platformGameName,\r\n slotsGames: state.slots.slotsGames,\r\n }\r\n}\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n slotsConnect: (request) => dispatch(slotsConnect(request)),\r\n gameInit: () => dispatch(gameInit()),\r\n setAvoidClick: (value) => dispatch(setAvoidClick(value)),\r\n partGroups: () => dispatch(partGroups()),\r\n setPropsMath: (match) => dispatch(setPropsMath(match)),\r\n jackpotConnect: () => dispatch(jackpotConnect()),\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SlotsGame);","import React from 'react'\r\nimport { connect } from 'react-redux';\r\nimport { updateBetSlip } from '../../../redux/actions/betSlipActions'\r\nimport { SessionStorage } from '../../../helpers';\r\nimport {Icon} from 'antd'\r\nimport Images from '../../common/Images'\r\n\r\n\r\nclass OddFieldCircle extends React.Component {\r\n\r\n render() {\r\n const { position, oddField , zoom} = this.props;\r\n return (\r\n \r\n\r\n {\r\n (iframeLoading || !token) &&\r\n this.frameLoad(false)}\r\n className={`frame-video`}\r\n src={slotsUrl}\r\n />\r\n }\r\n {\r\n !isMobile && gameSymbols.length > 0 &&\r\n
\r\n \r\n
\r\n }\r\n {\r\n token &&\r\n \r\n {\r\n gameSymbols\r\n .sort((a, b) => a.symbolNumber < b.symbolNumber)\r\n .map((game) => {\r\n let image = null\r\n try {\r\n image = AppConfig.symbols + game.symbolFileName;\r\n }\r\n catch (e) {\r\n image = null\r\n }\r\n\r\n let selectedCurrency = Cookies.get('selectedCurrency') || this.props.currencies.LiberianDollar;\r\n\r\n return
\r\n }\r\n \r\n
\r\n })\r\n }\r\n {image && }
\r\n {game.symbolTexts && game.symbolTexts.length > 0 &&\r\n \r\n {game.symbolTexts.sort((a, b) => a.symbolTextOrder < b.symbolTextOrder)\r\n .map((text) => {\r\n let fontFamily = text.symbolFont || 'sans-serif';\r\n if (text.currencyId !== 0 && text.currencyId !== selectedCurrency.currencyId) {\r\n\r\n return ;\r\n }\r\n\r\n if (text.symbolTextMultiple !== 0 && this.state.betAmount !== 0) {\r\n let amount = (text.currencyId === 1) ? (Math.round(this.state.betAmount * text.symbolTextMultiple)).format(2) :\r\n (this.state.betAmount * text.symbolTextMultiple).format(2);\r\n\r\n return
\r\n }\r\n \r\n {text.symbolTextDisplay} - {amount}
\r\n }\r\n else {\r\n let textArr = text.symbolText.includes(\"-\") ? text.symbolText.split(\"-\") : text.symbolText;\r\n if (textArr.constructor === Array) {\r\n return\r\n {textArr[0]} - {textArr[1]}
\r\n }\r\n else {\r\n return{text.symbolText}
\r\n }\r\n }\r\n })}\r\n{this.oddFieldsRenderer()}
\r\n )\r\n}\r\n\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n\treturn {\r\n\t\tloadingSportEvents: state.sportEvents.loadingSportEvents,\r\n\t\teventsIds: state.sportEvents.eventsIds,\r\n\t\terror: state.sportEvents.error,\r\n\t\tconnected: state.signalr.spinAndWinConnected,\r\n\t\tsportData: state.sportTypes.sportData,\r\n\t\teventOdds: state.sportEvents.eventOdds,\r\n\t\teventOddFields: state.sportEvents.eventOddFields,\r\n\t\tbarItems: state.virtual.barItems,\r\n\t}\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\r\n\t}\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(OddFields)","import React from \"react\";\r\nimport { Card } from \"../../screens/LuckyNumbers/Home\";\r\nimport { loadUpcomingDraws } from \"../../redux/actions/sportTypesActions\";\r\nimport { connect } from \"react-redux\";\r\n\r\nclass InfiniteScrollComponent extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n page: 0,\r\n };\r\n this.itemsPerPage = 5;\r\n this.containerRef = React.createRef();\r\n this.isFetchingData = false;\r\n }\r\n\r\n fetchData = async () => {\r\n if (this.isFetchingData) return;\r\n const { connected, match, loadUpcomingDraws } = this.props;\r\n const { page } = this.state;\r\n\r\n try {\r\n console.log(\"fetch data\");\r\n if (connected) {\r\n if (this.props.currentFilter == 1){\r\n let request = {\r\n Data: {\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: page + 1,\r\n },\r\n };\r\n this.isFetchingData = true;\r\n await loadUpcomingDraws(request, true);\r\n this.isFetchingData = false;\r\n } else if (this.props.currentFilter == 2){\r\n let request = {\r\n Data: {\r\n isTopBet: true,\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: page + 1,\r\n },\r\n };\r\n this.isFetchingData = true;\r\n await loadUpcomingDraws(request, true);\r\n this.isFetchingData = false;\r\n }else if (this.props.currentFilter == 3){\r\n let request = {\r\n Data: {\r\n isFavoriteTab: true,\r\n Feed: { FeedId: Number(match.params.feed) },\r\n Sport: { SportId: Number(match.params.sport) },\r\n pageSize: 5,\r\n pageIndex: page + 1,\r\n },\r\n };\r\n this.isFetchingData = true;\r\n await loadUpcomingDraws(request, true);\r\n this.isFetchingData = false;\r\n }\r\n this.setState((prevState) => ({ page: prevState.page + 1 }));\r\n\r\n\r\n }\r\n } catch (error) {\r\n console.error(\"Error fetching data:\", error);\r\n }\r\n };\r\n\r\n handleScroll = () => {\r\n const container = this.containerRef.current;\r\n const scrollTolerance = 10; // Set a tolerance value to account for variations\r\n\r\n if (\r\n container.scrollLeft + container.clientWidth + scrollTolerance >=\r\n container.scrollWidth\r\n ) {\r\n this.fetchData();\r\n }\r\n };\r\n\r\n componentDidMount() {\r\n const container = this.containerRef.current;\r\n container.addEventListener(\"scroll\", this.handleScroll);\r\n }\r\n\r\n componentWillUnmount() {\r\n const container = this.containerRef.current;\r\n container.removeEventListener(\"scroll\", this.handleScroll);\r\n }\r\n\r\n render() {\r\n let data;\r\n if (\r\n this.props.upcomingDrawsEvents &&\r\n Object.values(this.props.upcomingDrawsEvents).length > 0\r\n ) {\r\n data = Object.values(this.props.upcomingDrawsEvents);\r\n }\r\n\r\n return (\r\n \r\n {data &&\r\n data.map((item, idx) => {\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n loadingUpcomingDraws: state.sportTypes.loadingUpcomingDraws,\r\n upcomingDrawsEvents: state.sportTypes.upcomingDrawsEvents,\r\n upcomingDrawsEventsError: state.sportTypes.upcomingDrawsEventsError,\r\n connected: state.signalr.connected,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadUpcomingDraws: (item, addNewList) => {\r\n dispatch(loadUpcomingDraws(item, addNewList));\r\n },\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(InfiniteScrollComponent);\r\n","import React from 'react'\r\nimport { connect } from 'react-redux';\r\nimport { updateBetSlip } from '../../../redux/actions/betSlipActions'\r\nimport { SessionStorage } from '../../../helpers';\r\nimport { Images } from '../..';\r\n\r\n\r\n\r\nclass SpecialOddFieldButton extends React.Component {\r\n\r\n render() {\r\n const {className, style, text, field, betSlipField,containerStyle } = this.props;\r\n return (\r\n this.onFieldClick(e, field)}\r\n className={`SW-Btn`}>\r\n
\r\n )\r\n }\r\n\r\n onFieldClick(e, field) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n const { updateBetSlip } = this.props;\r\n let betTab = SessionStorage.betTab;\r\n if (betTab == 1) {\r\n updateBetSlip({ ...field, amount: (!this.props.hideStake && this.props.amount) || 100 });\r\n }\r\n else {\r\n updateBetSlip(field);\r\n }\r\n \r\n\r\n }\r\n\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n eventOddFields: state.sportEvents.eventOddFields,\r\n betSlipField: state.betSlip.betSlipList[initialProps.oddFieldId],\r\n amount: state.betSlip.amount,\r\n hideStake: state.betSlip.hideStake\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n updateBetSlip: (field) => {\r\n dispatch(updateBetSlip(field));\r\n },\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SpecialOddFieldButton)","import React from \"react\";\r\nimport { useEffect, useRef } from \"react\";\r\nimport { useState } from \"react\";\r\n\r\nconst useOnScreen = (ref) => {\r\n const [isIntersecting, setIntersecting] = useState(false);\r\n let observer = false;\r\n try {\r\n observer = new IntersectionObserver(\r\n ([entry]) => entry.isIntersecting && setIntersecting(entry.isIntersecting),\r\n {\r\n root: null,\r\n threshold: 0,\r\n trackVisibility: true,\r\n delay: 100,\r\n }\r\n );\r\n } catch (error) {\r\n console.log(\"intersection Observer is not defined in this browser\", error);\r\n }\r\n\r\n useEffect(() => {\r\n try {\r\n observer.observe(ref.current);\r\n // Remove the observer as soon as the component is unmounted\r\n return () => {\r\n observer.disconnect();\r\n };\r\n } catch {\r\n setIntersecting(true);\r\n }\r\n }, []);\r\n\r\n return isIntersecting;\r\n};\r\n\r\nfunction OnScreenWrapper({ children, styleFunction }) {\r\n const ref = useRef(null);\r\n const bool = ref && useOnScreen(ref);\r\n return (\r\n \r\n { betSlipField && 
}\r\n
\r\n {text} \r\n \r\n {bool ? children : \"\"}\r\n
\r\n );\r\n}\r\n\r\nexport { useOnScreen, OnScreenWrapper };\r\n","import React, { Component } from \"react\";\r\nimport Images from \"../Images\";\r\nimport { AppConfig } from \"../../../helpers\";\r\nimport SlotGame from \"./SlotGame\";\r\n\r\nclass SlotsCourasel extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.targetElementRef = React.createRef();\r\n this.targetImageRef = React.createRef();\r\n this.autoPlayInterval = null;\r\n this.autoPlayDebounceTimer = null;\r\n this.state = {\r\n elementWidth: 0,\r\n slideWidth: 0,\r\n currentSlideIndex: 0,\r\n largeSlide: this.props.largeSlideNumber || undefined,\r\n imageSpecialTypeId: this.props.imageSpecialTypeId,\r\n slides: this.props.slides || [],\r\n autoPlayEnabled: this.props.autoPlay,\r\n slidesToShow: this.props.slidesToShow || 1,\r\n autoPlayInterval: this.props.autoPlayInterval || 3000,\r\n autoPlayDebounce: this.props.autoPlayDebounce || 3000,\r\n isImagesCourasel: this.props.type == \"images\" ? true : false,\r\n multipleSlides: this.props.multipleSlides || false,\r\n scatter: this.props.scatter || false,\r\n largeSlideCondition:\r\n this.props.largeSlideNumber &&\r\n (this.props.imageSpecialTypeId == 1 || !this.props.imageSpecialTypeId),\r\n };\r\n }\r\n // slides: this.props.slides ? (this.props.type == \"images\" ? this.props.slides : this.props.slides.slice(6 , 12).concat(this.props.slides) ) : [],\r\n\r\n componentDidMount() {\r\n const { slides } = this.props;\r\n const { isImagesCourasel } = this.state;\r\n this.calculateElementWidth();\r\n // let currentIndex = 0\r\n // if(!isImagesCourasel){\r\n // slides.map((slide,index)=>{\r\n // if(slide.categoryId == window.location.pathname.split(\"/\")[window.location.pathname.split(\"/\").length - 1]){\r\n // currentIndex=index\r\n // }\r\n // })\r\n // this.setState({\r\n // currentSlideIndex: currentIndex\r\n // })\r\n // }\r\n window.addEventListener(\"resize\", this.calculateElementWidth);\r\n if (this.state.autoPlayEnabled) this.startAutoPlay();\r\n }\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener(\"resize\", this.calculateElementWidth);\r\n this.stopAutoPlay();\r\n this.clearAutoPlayDebounceTimer();\r\n }\r\n componentDidUpdate(prevProps, prevState) {\r\n // Start or stop auto-play based on autoPlayEnabled state change\r\n const { categoryId, isImagesCourasel, slides } = this.props;\r\n if (prevState.autoPlayEnabled !== this.state.autoPlayEnabled) {\r\n if (this.state.autoPlayEnabled) {\r\n this.startAutoPlay();\r\n } else {\r\n this.stopAutoPlay();\r\n }\r\n }\r\n // if(prevProps.categoryId !== categoryId ){\r\n // let currentIndex = 0\r\n // if(!isImagesCourasel){\r\n // slides.map((slide,index)=>{\r\n // if(slide.categoryId == window.location.pathname.split(\"/\")[window.location.pathname.split(\"/\").length - 1]){\r\n // currentIndex=index\r\n // }\r\n // })\r\n // this.setState({\r\n // currentSlideIndex: currentIndex\r\n // })\r\n // }\r\n // }\r\n }\r\n calculateElementWidth = () => {\r\n const element = this.targetElementRef.current;\r\n const { largeSlideCondition } = this.state;\r\n if (element) {\r\n const boundingRect = element.getBoundingClientRect();\r\n let width;\r\n if (this.state.scatter) {\r\n // mock width\r\n width = boundingRect.width - 30;\r\n } else {\r\n // real width\r\n width = boundingRect.width;\r\n }\r\n\r\n this.setState({\r\n elementWidth: width,\r\n slideHeight: width / this.state.slidesToShow,\r\n slideWidth: largeSlideCondition\r\n ? width / (this.state.slidesToShow + 1)\r\n : width / this.state.slidesToShow,\r\n });\r\n }\r\n };\r\n\r\n startAutoPlay = () => {\r\n this.autoPlayInterval = setInterval(\r\n this.goToNextSlide,\r\n this.state.autoPlayInterval\r\n );\r\n };\r\n\r\n stopAutoPlay = () => {\r\n clearInterval(this.autoPlayInterval);\r\n };\r\n\r\n toggleAutoPlay = () => {\r\n this.setState((prevState) => ({\r\n autoPlayEnabled: !prevState.autoPlayEnabled,\r\n }));\r\n };\r\n\r\n goToPreviousSlide = (makeDebounce = false) => {\r\n const { currentSlideIndex, autoPlayEnabled } = this.state;\r\n if (currentSlideIndex > 0) {\r\n this.setState({ currentSlideIndex: currentSlideIndex - 1 });\r\n }\r\n if (makeDebounce && autoPlayEnabled) this.handleSlideNavigation();\r\n };\r\n\r\n goToNextSlide = (makeDebounce = false) => {\r\n const { imageSpecialTypeId } = this.props;\r\n const { currentSlideIndex, slides, autoPlayEnabled } = this.state;\r\n if (\r\n this.state.isImagesCourasel &&\r\n currentSlideIndex <\r\n slides.length -\r\n this.state.slidesToShow -\r\n (imageSpecialTypeId == 3 || imageSpecialTypeId == 2 ? 1 : 0)\r\n ) {\r\n this.setState({ currentSlideIndex: currentSlideIndex + 1 });\r\n }\r\n if (!this.state.isImagesCourasel) {\r\n let newSlides = this.state.slides.concat(\r\n this.state.slides.slice(currentSlideIndex, currentSlideIndex + 1)\r\n );\r\n // this.setState({ currentSlideIndex: currentSlideIndex + 1 });\r\n this.setState({ slides: newSlides }, () => {\r\n // This callback will be executed after the state has been updated and the component has re-rendered\r\n this.setState({ currentSlideIndex: currentSlideIndex + 1 });\r\n });\r\n }\r\n if (makeDebounce && autoPlayEnabled) this.handleSlideNavigation();\r\n };\r\n clearAutoPlayDebounceTimer = () => {\r\n clearTimeout(this.autoPlayDebounceTimer);\r\n };\r\n handleSlideNavigation = () => {\r\n // Clear the auto-play debounce timer\r\n this.clearAutoPlayDebounceTimer();\r\n\r\n // Disable auto-play temporarily after arrow navigation\r\n this.setState({ autoPlayEnabled: false });\r\n\r\n // Start the auto-play debounce timer to re-enable auto-play\r\n this.autoPlayDebounceTimer = setTimeout(() => {\r\n this.setState({ autoPlayEnabled: true });\r\n }, this.state.autoPlayDebounce);\r\n };\r\n showGameGroup = (categoryId, currentSlideIndex) => {\r\n const { updateCategory } = this.props;\r\n updateCategory(categoryId, currentSlideIndex);\r\n };\r\n handleTouchpadScroll = (event) => {\r\n const deltaX = event.deltaX;\r\n const { startScroll } = this.state;\r\n if (this.time) clearTimeout(this.time);\r\n if (!startScroll) {\r\n if (deltaX > 0) {\r\n this.goToNextSlide(true);\r\n this.setState({ startScroll: true });\r\n } else if (deltaX < 0) {\r\n this.goToPreviousSlide();\r\n this.setState({ startScroll: true });\r\n }\r\n }\r\n this.time = setTimeout(() => {\r\n this.setState({\r\n startScroll: false,\r\n });\r\n }, 300);\r\n };\r\n\r\n render() {\r\n const {\r\n currentSlideIndex,\r\n slideWidth,\r\n slides,\r\n autoPlayEnabled,\r\n largeSlide,\r\n imageSpecialTypeId,\r\n largeSlideCondition,\r\n } = this.state;\r\n const { history, imageType } = this.props;\r\n\r\n // Calculate the transform value based on largeSlide condition\r\n const transformValue = -currentSlideIndex * slideWidth;\r\n\r\n return (\r\n \r\n \r\n this.showGameGroup(this.props.categoryId, currentSlideIndex)\r\n }\r\n >\r\n {this.props.title}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n this.goToNextSlide(true)}\r\n disabled={\r\n currentSlideIndex === slides.length - this.state.slidesToShow &&\r\n this.state.isImagesCourasel\r\n }\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n {slides.map((slide, index) =>\r\n (imageSpecialTypeId == 3 || imageSpecialTypeId == 2) &&\r\n index == slides.length - 1 ? null : (\r\n \r\n {this.state.isImagesCourasel ? (\r\n this.props.multipleSlides ? (\r\n slide.map((innerSlide, index) => (\r\n game.imageTypeId == imageType\r\n )[0]\r\n ? innerSlide.slotsGameImages.filter(\r\n (game) => game.imageTypeId == imageType\r\n )[0].gameImage\r\n : innerSlide.platformGameName\r\n }.webp?id=${\r\n innerSlide.slotsGameImages.filter(\r\n (game) => game.imageTypeId == imageType\r\n )[0]\r\n ? innerSlide.slotsGameImages.filter(\r\n (game) => game.imageTypeId == imageType\r\n )[0].gameImageVersion\r\n : ``\r\n }`\r\n }\r\n history={history}\r\n gameId={innerSlide.gameId}\r\n />\r\n ))\r\n ) : (\r\n <>\r\n {/* imageSpecialTypeId == 1 is the normal cutomaizided large slider*/}\r\n {imageSpecialTypeId == 1 || !imageSpecialTypeId ? (\r\n <>\r\n {/* horizantal image */}\r\n {(index === currentSlideIndex + (largeSlide - 1) ||\r\n index ===\r\n currentSlideIndex + (largeSlide - 1) - 1 ||\r\n index ===\r\n currentSlideIndex + (largeSlide - 1) + 1) && (\r\n game.imageTypeId == 4\r\n )[0]\r\n ? slide.slotsGameImages.filter(\r\n (game) => game.imageTypeId == 4\r\n )[0].gameImageVersion\r\n : ``\r\n }`}\r\n history={history}\r\n gameId={slide.gameId}\r\n />\r\n )}\r\n {/* regurlar image */}\r\n game.imageTypeId == imageType\r\n )[0]\r\n ? slide.slotsGameImages.filter(\r\n (game) => game.imageTypeId == imageType\r\n )[0].gameImage\r\n : slide.platformGameName\r\n }.webp?id=${\r\n slide.slotsGameImages.filter(\r\n (game) => game.imageTypeId == imageType\r\n )[0]\r\n ? slide.slotsGameImages.filter(\r\n (game) => game.imageTypeId == imageType\r\n )[0].gameImageVersion\r\n : ``\r\n }`}\r\n history={history}\r\n gameId={slide.gameId}\r\n />\r\n \r\n ) : null}\r\n {/* imageSpecialTypeId == 2 is the customized slider that displays two slides above each other*/}\r\n {/* {(imageSpecialTypeId == 2 ) ? (\r\n (index === currentSlideIndex + (largeSlide - 1)) ? ( \r\n game.imageTypeId ==imageType)[0] ? slides[index+1] && slides[index+1].slotsGameImages.filter(game => game.imageTypeId ==imageType)[0].gameImage : slides[index+1] && slides[index+1].platformGameName}.webp`\r\n }\r\n history={history}\r\n gameId={slides[index+1] ? slides[index+1].gameId : slide.gameId}\r\n />\r\n \r\n ) :\r\n ( \r\n <>\r\n game.imageTypeId ==imageType)[0] ? slide.slotsGameImages.filter(game => game.imageTypeId ==imageType)[0].gameImage : slide.platformGameName}.webp`\r\n }\r\n history={history}\r\n gameId={slide.gameId}\r\n />\r\n \r\n \r\n )\r\n \r\n ) :null} */}\r\n {/* better UX */}\r\n {imageSpecialTypeId == 2 ? (\r\n <>\r\n \r\n game.imageTypeId == 1\r\n )[0]\r\n ? slide.slotsGameImages.filter(\r\n (game) => game.imageTypeId == 1\r\n )[0].gameImageVersion\r\n : ``\r\n }`}\r\n history={history}\r\n gameId={slide.gameId}\r\n />\r\n game.imageTypeId == 1\r\n )[0]\r\n ? slides[index + 1].slotsGameImages.filter(\r\n (game) => game.imageTypeId == 1\r\n )[0].gameImageVersion\r\n : ``\r\n }`}\r\n history={history}\r\n gameId={\r\n slides[index + 1]\r\n ? slides[index + 1].gameId\r\n : slide.gameId\r\n }\r\n />\r\n
\r\n\r\n \r\n
): (index > currentSlideIndex + (largeSlide - 1)) ? ( <>\r\n \r\n
): (index > currentSlideIndex + (largeSlide - 1)) ? ( <>\r\n \r\n \r\n
*/}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default SlotsCourasel;\r\n","import React, { Component } from \"react\";\r\nimport Images from \"../Images\";\r\nimport { Carousel } from \"antd\";\r\nimport { connect } from \"react-redux\";\r\nimport { JackpotLevel } from \"../../../helpers/enums\";\r\nimport Odometer from \"react-odometerjs\";\r\nimport { AppConfig } from \"../../../helpers\";\r\nimport SlotGame from \"./SlotGame\";\r\n\r\nconst jackpotSize = \"medium\";\r\nexport class SlotsHeading extends Component {\r\n render() {\r\n const {\r\n jackpotBalances,\r\n winningMessage,\r\n jackpotImage,\r\n row1Col2Games,\r\n history,\r\n row1Col2ImageType,\r\n slidesToShow\r\n } = this.props;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n jackpotBalances: state.jackpot.jackpotBalances,\r\n winningMessage: state.jackpot.winningMessage,\r\n jackpotImage: state.general.configuration.jackpotImage,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {};\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SlotsHeading);\r\n","import React, { Component } from \"react\";\r\nimport Images from \"../Images\";\r\nimport { AppConfig } from \"../../../helpers\";\r\nimport SlotGame from \"./SlotGame\";\r\nimport { connect } from \"react-redux\";\r\nimport { JackpotLevel } from \"../../../helpers/enums\";\r\n\r\nexport class SpecialGame extends Component {\r\n render() {\r\n const {\r\n specialGame,\r\n history,\r\n jackpotBalances,\r\n singleGameWinningMessage,\r\n } = this.props;\r\n console.log(\"jackpotBalancesaaaa\", jackpotBalances);\r\n return (\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n {winningMessage ? (\r\n
\r\n\r\n {!winningMessage && (\r\n {winningMessage}
\r\n ) : (\r\n <>\r\n \r\n {jackpotBalances && jackpotBalances[JackpotLevel.Web]\r\n ? jackpotBalances[JackpotLevel.Web].currencySymbol\r\n : \"LD\"}\r\n
\r\n \r\n
\r\n )}\r\n $
\r\n \r\n {row1Col2Games && (\r\n \r\n {/* let url = AppConfig.icons;\r\n let src = `${url}${imageName}?id=${this.props.data.gameImageVersion}`; */}\r\n {row1Col2Games.map((game) => (\r\n
\r\n \r\n game.imageTypeId ==row1Col2ImageType)[0] ? game.slotsGameImages.filter(game => game.imageTypeId ==row1Col2ImageType)[0].gameImage : game.platformGameName}.webp`}\r\n history={history}\r\n gameId={game.gameId}\r\n />\r\n
\r\n ))}\r\n \r\n )}\r\n \r\n {specialGame && specialGame.length > 0 && (\r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n jackpotBalances: state.jackpot.jackpotBalances,\r\n singleGameWinningMessage: state.jackpot.singleGameWinningMessage,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {};\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SpecialGame);\r\n","import React, { Component } from \"react\";\r\nimport Images from \"../Images\";\r\nimport { AppConfig } from \"../../../helpers\";\r\nimport SlotGame from \"./SlotGame\";\r\n\r\nexport class TopGames extends Component {\r\n render() {\r\n const { games, history , topGamesInfoType , title} = this.props;\r\n console.log(\"gamesgamesgames\",topGamesInfoType);\r\n return (\r\n \r\n {!singleGameWinningMessage ? (\r\n <>\r\n {\" \"}\r\n {jackpotBalances && jackpotBalances[JackpotLevel.SingleGame] ? (\r\n <>\r\n {\" \"}\r\n \r\n {jackpotBalances[JackpotLevel.SingleGame].jackpotName}\r\n {\" \"}\r\n \r\n LRD {jackpotBalances[JackpotLevel.SingleGame].jackpotAmount}{\" \"}\r\n / USD{\" \"}\r\n {jackpotBalances[JackpotLevel.SingleGame].jackpotUsdValue}\r\n {\" \"}\r\n \r\n ) : null}{\" \"}\r\n \r\n ) : (\r\n
\r\n \r\n {singleGameWinningMessage}\r\n
\r\n )}\r\n\r\n ![]()
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default TopGames;\r\n","import React, { Component } from \"react\";\r\nimport Images from \"../Images\";\r\nimport SlotsCourasel from \"./SlotsCourasel\";\r\n\r\n\r\nexport class NewGames extends Component {\r\n convertToArrays =(inputArray, chunkSize) =>{\r\n const result = [];\r\n let addSlideIndicator=0;\r\n \r\n for (let i = 0; i < inputArray.length; i += chunkSize) {\r\n result.push(inputArray.slice(i, i + chunkSize));\r\n }\r\n while (result[result.length -1] && result.length > 1 && result[result.length -1].length !== chunkSize && addSlideIndicator <= chunkSize){\r\n if(inputArray[addSlideIndicator]){\r\n result[result.length -1].push(inputArray[addSlideIndicator])\r\n }\r\n addSlideIndicator++;\r\n } \r\n return result;\r\n }\r\n render() {\r\n const {slides , history , newImagesType , row5Col2Categories} = this.props\r\n let slidesGroups;\r\n if(slides && slides.length> 0){\r\n slidesGroups=this.convertToArrays(slides , 3)\r\n }\r\n return (\r\n \r\n
\r\n {games &&\r\n games.map((game) => (\r\n \r\n 
\r\n
\r\n {title}
\r\n\r\n {console.log(\"game.slotsGameImages\",game.slotsGameImages)}\r\n ele.imageTypeId ==topGamesInfoType)[0] ? game.slotsGameImages.filter(ele => ele.imageTypeId ==topGamesInfoType)[0].gameImage : game.platformGameName}.webp`}\r\n history={history}\r\n gameId={game.gameId}\r\n />\r\n
\r\n ))}\r\n {/* \r\n 
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
*/}\r\n\r\n \r\n {\" \"}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default NewGames;\r\n","import React, { Component } from \"react\";\r\nimport Images from \"../Images\";\r\nimport SlotsCourasel from \"./SlotsCourasel\";\r\nimport SpecialGame from \"./SpecialGame\";\r\nimport TopGames from \"./TopGames\";\r\nimport NewGames from \"./NewGames\";\r\nimport { connect } from \"react-redux\";\r\nimport { AppConfig } from \"../../../helpers\";\r\nimport { Col, Row } from \"antd\";\r\nimport SlotGame from \"./SlotGame\";\r\n\r\nexport class SlotsMainSection extends Component {\r\n render() {\r\n const {\r\n slotsGames,\r\n slotsFrontPageTemplates,\r\n slotsGamesCategories,\r\n categoryId,\r\n gameGroup,\r\n updateCategory,\r\n history,\r\n topGamesInfoType,\r\n match\r\n } = this.props;\r\n // row 3 col1\r\n const row3Col1 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 3 && item.columId == 1;\r\n });\r\n const row3Col1Categories =\r\n row3Col1 &&\r\n row3Col1.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .filter((game) => game.categoryId == row3Col1[0].categoryId);\r\n const row3Col1Games= row3Col1Categories && row3Col1Categories.length > 0 && row3Col1Categories[0].slotsGames && row3Col1Categories[0].slotsGames.sort((a, b) => a.gameOrder < b.gameOrder)\r\n const row1Col2ImageType = row3Col1 && row3Col1.length > 0 && row3Col1[0].imageTypeId\r\n const row3Col1Info =\r\n slotsGamesCategories &&\r\n row3Col1 &&\r\n row3Col1.length > 0 &&\r\n slotsGamesCategories.filter(\r\n (category) => category.categoryId == row3Col1[0].categoryId\r\n );\r\n\r\n //\r\n // row 4 col1\r\n const row4Col1 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 4 && item.columId == 1;\r\n });\r\n const row4Col1Categories =\r\n row4Col1 &&\r\n row4Col1.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .filter((game) => game.categoryId == row4Col1[0].categoryId);\r\n const row4Col1Games= row4Col1Categories && row4Col1Categories.length > 0 && row4Col1Categories[0].slotsGames && row4Col1Categories[0].slotsGames.sort((a, b) => a.gameOrder < b.gameOrder)\r\n const row4Col1ImageType = row4Col1 && row4Col1.length > 0 && row4Col1[0].imageTypeId\r\n const row4Col1Info =\r\n slotsGamesCategories &&\r\n row4Col1 &&\r\n row4Col1.length > 0 &&\r\n slotsGamesCategories.filter(\r\n (category) => category.categoryId == row4Col1[0].categoryId\r\n );\r\n\r\n //\r\n // row 5 col1\r\n const row5Col1 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 5 && item.columId == 1;\r\n });\r\n const row5Col1Games =\r\n row5Col1 &&\r\n row5Col1.length > 0 &&\r\n slotsGames &&\r\n slotsGames\r\n .filter((game) => game.categoryId == row5Col1[0].categoryId)\r\n .sort((a, b) => a.gameOrder < b.gameOrder);\r\n //\r\n // row 6 col1\r\n const row6Col1 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 6 && item.columId == 1;\r\n });\r\n const row6Col1Categories =\r\n row6Col1 &&\r\n row6Col1.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .filter((game) => game.categoryId == row6Col1[0].categoryId);\r\n const row6Col1Games= row6Col1Categories && row6Col1Categories.length > 0 && row6Col1Categories[0].slotsGames && row6Col1Categories[0].slotsGames.sort((a, b) => a.gameOrder < b.gameOrder)\r\n const row6Col1ImageType = row6Col1 && row6Col1.length > 0 && row6Col1[0].imageTypeId\r\n const row6Col1Info =\r\n slotsGamesCategories &&\r\n row6Col1 &&\r\n row6Col1.length > 0 &&\r\n slotsGamesCategories.filter(\r\n (category) => category.categoryId == row6Col1[0].categoryId\r\n );\r\n\r\n //\r\n // row 3 col2\r\n const row3Col2 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 3 && item.columId == 2;\r\n });\r\n const row3Col2Categories =\r\n row3Col2 &&\r\n row3Col2.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .filter((game) => game.categoryId == row3Col2[0].categoryId);\r\n const row3Col2Games= row3Col2Categories && row3Col2Categories.length > 0 && row3Col2Categories[0].slotsGames && row3Col2Categories[0].slotsGames.sort((a, b) => a.gameOrder < b.gameOrder)\r\n const row3Col2ImageType = row3Col2 && row3Col2.length > 0 && row3Col2[0].imageTypeId\r\n const row3Col2Info =\r\n slotsGamesCategories &&\r\n row3Col2 &&\r\n row3Col2.length > 0 &&\r\n slotsGamesCategories.filter(\r\n (category) => category.categoryId == row3Col2[0].categoryId\r\n );\r\n //\r\n // row 5 col2\r\n const row5Col2 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 5 && item.columId == 2;\r\n });\r\n const row5Col2Categories =\r\n row5Col2 &&\r\n row5Col2.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .filter((game) => game.categoryId == row5Col2[0].categoryId);\r\n const row5Col2Games= row5Col2Categories && row5Col2Categories.length > 0 && row5Col2Categories[0].slotsGames && row5Col2Categories[0].slotsGames.sort((a, b) => a.gameOrder < b.gameOrder)\r\n const row5Col2ImageType = row5Col2 && row5Col2.length > 0 && row5Col2[0].imageTypeId\r\n \r\n // row 7 col1\r\n const row7Col1 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 7 && item.columId == 1;\r\n });\r\n const row7Col1Categories =\r\n row7Col1 &&\r\n row7Col1.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .filter((game) => game.categoryId == row7Col1[0].categoryId);\r\n\r\n const row7Col1Games= row7Col1Categories && row7Col1Categories.length > 0 && row7Col1Categories[0].slotsGames && row7Col1Categories[0].slotsGames.sort((a, b) => a.gameOrder < b.gameOrder)\r\n const row7Col1ImageType = row7Col1 && row7Col1.length > 0 && row7Col1[0].imageTypeId\r\n const row7Col1Info =\r\n slotsGamesCategories &&\r\n row7Col1 &&\r\n row7Col1.length > 0 &&\r\n slotsGamesCategories.filter(\r\n (category) => category.categoryId == row7Col1[0].categoryId\r\n );\r\n\r\n //\r\n\r\n\r\n // special game (jackpot)\r\n const specialGameInfo =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 5 && item.jackpotGameId;\r\n });\r\n const specialGame =\r\n specialGameInfo &&\r\n specialGameInfo.length > 0 &&\r\n slotsGames &&\r\n slotsGames.filter(\r\n (game) => game.gameId == specialGameInfo[0].jackpotGameId\r\n );\r\n\r\n //\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n slotsGames: state.slots.slotsGames,\r\n slotsFrontPageTemplates: state.slots.slotsFrontPageTemplates,\r\n slotsGamesCategories: state.slots.slotsGamesCategories,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {};\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SlotsMainSection);\r\n","import React, { Component } from \"react\";\r\nimport Images from \"../Images\";\r\n\r\nexport class TopGamesDrawerIcon extends Component {\r\n render() {\r\n const {openTopGamesDrawer}=this.props\r\n return (\r\n \r\n {\" \"}\r\n {match.params.categoryId == 0 ? (\r\n <>\r\n 0 && row3Col1[0].displayGames) ? ( row3Col1[0].displayGames) : 5}\r\n history={history}\r\n type={\"images\"}\r\n updateCategory={updateCategory}\r\n categoryId={row3Col1Info && row3Col1Info[0].categoryId}\r\n imageSpecialTypeId={row3Col1 && row3Col1.length > 0 && row3Col1[0].imageSpecialTypeId}\r\n largeSlideNumber={row3Col1 && row3Col1.length > 0 && row3Col1[0].imageSpecialSizeOrder}\r\n imageType={row1Col2ImageType}\r\n />\r\n 0 && row4Col1[0].displayGames) ? ( row4Col1[0].displayGames) : 5}\r\n history={history}\r\n type={\"images\"}\r\n updateCategory={updateCategory}\r\n categoryId={row4Col1Info && row4Col1Info[0].categoryId}\r\n imageSpecialTypeId={row4Col1 && row4Col1.length > 0 && row4Col1[0].imageSpecialTypeId}\r\n largeSlideNumber={row4Col1 && row4Col1.length > 0 && row4Col1[0].imageSpecialSizeOrder}\r\n imageType={row4Col1ImageType}\r\n />\r\n {specialGame && specialGame.length > 0 && 0 && row6Col1[0].displayGames) ? ( row6Col1[0].displayGames) : 4}\r\n type={\"images\"}\r\n updateCategory={updateCategory}\r\n categoryId={row6Col1Info && row6Col1Info[0].categoryId}\r\n imageSpecialTypeId={row6Col1 && row6Col1.length > 0 && row6Col1[0].imageSpecialTypeId}\r\n largeSlideNumber={row6Col1 && row6Col1.length> 0 && row6Col1[0].imageSpecialSizeOrder}\r\n imageType={row6Col1ImageType}\r\n />\r\n 0 && row7Col1[0].displayGames) ? (row7Col1[0].displayGames) : 5}\r\n type={\"images\"}\r\n updateCategory={updateCategory}\r\n categoryId={row7Col1Info && row7Col1Info[0].categoryId}\r\n imageType={row7Col1ImageType}\r\n imageSpecialTypeId={row7Col1 && row7Col1.length > 0 && row7Col1[0].imageSpecialTypeId}\r\n largeSlideNumber={row7Col1 && row7Col1.length > 0 && row7Col1[0].imageSpecialSizeOrder}\r\n />\r\n \r\n ) : (\r\n
\r\n \r\n \r\n {gameGroup.map((game) => (\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default TopGamesDrawerIcon;\r\n","import React, { Component } from \"react\";\r\nimport SlotsCourasel from \"./SlotsCourasel\";\r\nimport Images from \"../Images\";\r\nimport SlotsHeading from \"./SlotsHeading\";\r\nimport SlotsMainSection from \"./SlotsMainSection\";\r\nimport {\r\n getJackpots,\r\n} from \"../../../redux/actions/slotsActions\";\r\nimport { setPropsMath } from \"../../../redux/actions/appActions\";\r\nimport {\r\n jackpotConnect,\r\n jackpotDisconnect,\r\n} from \"../../../redux/actions/singnalrActions\";\r\nimport { connect } from \"react-redux\";\r\nimport { Drawer } from \"antd\";\r\nimport TopGamesDrawerIcon from \"./TopGamesDrawerIcon\";\r\nimport TopGames from \"./TopGames\";\r\nimport NewGames from \"./NewGames\";\r\n\r\nexport class SlotsCategories extends Component {\r\n state = {\r\n categoryId: this.props.match.params.categoryId,\r\n openTopGamesDrawer: false,\r\n };\r\n componentDidMount() {\r\n const {\r\n getJackpots,\r\n jackpotConnect,\r\n setPropsMath,\r\n } = this.props;\r\n getJackpots();\r\n setPropsMath();\r\n\r\n jackpotConnect();\r\n }\r\n componentWillUnmount() {\r\n const { jackpotDisconnect } = this.props;\r\n jackpotDisconnect();\r\n }\r\n updateCategory = (id) => {\r\n const {history}=this.props;\r\n history.push(`/slots/${id}`)\r\n this.setState({\r\n categoryId: id,\r\n });\r\n };\r\n openTopGamesDrawer = () => {\r\n this.setState({\r\n openTopGamesDrawer: !this.state.openTopGamesDrawer,\r\n });\r\n };\r\n render() {\r\n const {\r\n categories,\r\n slotsFrontPageTemplates,\r\n loading,\r\n slotsGames,\r\n slotsGamesCategories,\r\n history,\r\n match\r\n } = this.props;\r\n // Top Games\r\n const topGamesInfo =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return ((item.rowId == 3 && item.columId == 2) || (item.sliderCategoryId != 0));\r\n });\r\n const topGamesInfoCategories =\r\n topGamesInfo &&\r\n topGamesInfo.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .filter((game) => (game.categoryId == topGamesInfo[0].sliderCategoryId));\r\n const topGamesInfoGames= topGamesInfoCategories && topGamesInfoCategories.length > 0 && topGamesInfoCategories[0].slotsGames && topGamesInfoCategories[0].slotsGames.sort((a, b) => a.gameOrder < b.gameOrder)\r\n const topGamesInfoType = topGamesInfo && topGamesInfo.length > 0 && topGamesInfo[0].imageTypeId\r\n const topGamesTitle =\r\n slotsGamesCategories &&\r\n topGamesInfoGames &&\r\n topGamesInfoGames.length > 0 &&\r\n slotsGamesCategories.filter(\r\n (category) => category.categoryId == topGamesInfoGames[0].categoryId\r\n );\r\n //\r\n //\r\n // row 1 col2\r\n const row1Col2 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return ((item.rowId == 1 && item.columId == 2 )|| (item.rowId == 1 && item.columId == 1));\r\n });\r\n const row1Col2Categories =\r\n row1Col2 &&\r\n row1Col2.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .filter((game) => game.categoryId == row1Col2[0].categoryId);\r\n const row1Col2Games= row1Col2Categories && row1Col2Categories.length > 0 && row1Col2Categories[0].slotsGames && row1Col2Categories[0].slotsGames.sort((a, b) => a.gameOrder < b.gameOrder)\r\n const row1Col2ImageType = row1Col2 && row1Col2.length > 0 && row1Col2[0].imageTypeId\r\n //\r\n\r\n // row 2 col 1\r\n const row2Col1 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 2 && item.columId == 1;\r\n });\r\n const isRow2Col1Tabs =\r\n row2Col1 && row2Col1.length > 0 && row2Col1[0].categoryId == 0;\r\n const row2Col1Tabs = slotsGamesCategories && slotsGamesCategories.filter(item=> item.categoryIsTab);\r\n const row2Col1Games =\r\n !isRow2Col1Tabs &&\r\n row2Col1 &&\r\n row2Col1.length > 0 &&\r\n slotsGames &&\r\n slotsGames\r\n .filter((game) => game.categoryId == row2Col1[0].categoryId)\r\n .sort((a, b) => a.gameOrder < b.gameOrder);\r\n const row2Col1Info =\r\n slotsGamesCategories &&\r\n row2Col1 &&\r\n row2Col1.length > 0 &&\r\n slotsGamesCategories.filter(\r\n (category) => category.categoryId == row2Col1[0].categoryId\r\n );\r\n //\r\n\r\n // row 8 col1\r\n const row8Col1 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 8 && item.columId == 1;\r\n });\r\n const row8Col1Categories =\r\n row8Col1 &&\r\n row8Col1.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .filter((game) => game.categoryId == row8Col1[0].categoryId)\r\n \r\n const row8Col1Games= row8Col1Categories && row8Col1Categories.length > 0 && row8Col1Categories[0].slotsGames && row8Col1Categories[0].slotsGames.sort((a, b) => a.gameOrder < b.gameOrder)\r\n const row8Col1ImageType = row8Col1 && row8Col1.length > 0 && row8Col1[0].imageTypeId\r\n const row8Col1Info =\r\n slotsGamesCategories &&\r\n row8Col1 &&\r\n row8Col1.length > 0 &&\r\n slotsGamesCategories.filter(\r\n (category) => category.categoryId == row8Col1[0].categoryId\r\n );\r\n \r\n //\r\n // row 9 col1\r\n const row9Col1 =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return item.rowId == 9 && item.columId == 1;\r\n });\r\n const row9Col1Categories =\r\n row9Col1 &&\r\n row9Col1.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .filter((game) => game.categoryId == row9Col1[0].categoryId)\r\n \r\n const row9Col1Games= row9Col1Categories && row9Col1Categories.length > 0 && row9Col1Categories[0].slotsGames && row9Col1Categories[0].slotsGames.sort((a, b) => a.gameOrder < b.gameOrder)\r\n const row9Col1ImageType = row9Col1 && row9Col1.length > 0 && row9Col1[0].imageTypeId\r\n const row9Col1Info =\r\n slotsGamesCategories &&\r\n row9Col1 &&\r\n row9Col1.length > 0 &&\r\n slotsGamesCategories.filter(\r\n (category) => category.categoryId == row9Col1[0].categoryId\r\n );\r\n //\r\n // Additional Rows\r\n const additionalRows =\r\n slotsFrontPageTemplates &&\r\n slotsFrontPageTemplates.filter((item) => {\r\n return (item.rowId > 9 && item.categoryId > 0);\r\n });\r\n const additionalRowsCategories=[]\r\n additionalRows &&\r\n additionalRows.length > 0 &&\r\n slotsGamesCategories &&\r\n slotsGamesCategories\r\n .map((game) => additionalRows.map(singleRow=> {\r\n if(game.categoryId == singleRow.categoryId){\r\n additionalRowsCategories.push(game) \r\n }} ) ) \r\n\r\n //\r\n\r\n const gameGroup =\r\n this.state.categoryId && slotsGames\r\n ? slotsGames\r\n .filter((game) => game.categoryId == this.state.categoryId)\r\n .sort((a, b) => a.gameOrder < b.gameOrder)\r\n : [];\r\n return (\r\n \r\n openTopGamesDrawer()} />\r\n
\r\n \r\n {loading ? (\r\n 0 && row1Col2[0].displayGames) ? (row1Col2[0].displayGames): 1} />\r\n 0 && row2Col1[0].displayGames) ? (row2Col1[0].displayGames) : 6}\r\n history={history}\r\n type={isRow2Col1Tabs ? \"tabs\" : \"images\"}\r\n scatter={true}\r\n categoryId={this.state.categoryId}\r\n updateCategory={this.updateCategory}\r\n imageSpecialTypeId={row2Col1 && row2Col1.length > 0 && row2Col1[0].imageSpecialTypeId}\r\n largeSlideNumber={row2Col1 && row2Col1.length > 0 && row2Col1[0].imageSpecialSizeOrder}\r\n />\r\n {/* */}\r\n\r\n 0 && row8Col1[0].displayGames) ? (row8Col1[0].displayGames) : 4}\r\n history={history}\r\n type={\"images\"}\r\n updateCategory={this.updateCategory}\r\n categoryId={row8Col1Info && row8Col1Info[0].categoryId}\r\n imageType={row8Col1ImageType}\r\n imageSpecialTypeId={row8Col1 && row8Col1.length > 0 && row8Col1[0].imageSpecialTypeId}\r\n largeSlideNumber={row8Col1 && row8Col1.length > 0 && row8Col1[0].imageSpecialSizeOrder}\r\n />\r\n\r\n 0 && row9Col1[0].displayGames) ? (row9Col1[0].displayGames) : 6}\r\n type={\"images\"}\r\n history={history}\r\n updateCategory={this.updateCategory}\r\n categoryId={row9Col1Info && row9Col1Info[0].categoryId}\r\n imageType={row9Col1ImageType}\r\n imageSpecialTypeId={row9Col1 && row9Col1.length > 0 && row9Col1[0].imageSpecialTypeId}\r\n largeSlideNumber={row9Col1 && row9Col1.length > 0 && row9Col1[0].imageSpecialSizeOrder}\r\n />\r\n\r\n {additionalRowsCategories && additionalRowsCategories.map(row=>{\r\n return (\r\n a.gameOrder < b.gameOrder)}\r\n slidesToShow={additionalRows.filter(item=>item.categoryId == row.categoryId).length > 0 ? additionalRows.filter(item=>item.categoryId == row.categoryId)[0].displayGames : 5}\r\n type={\"images\"}\r\n history={history}\r\n updateCategory={this.updateCategory}\r\n categoryId={row.categoryId}\r\n imageType={additionalRows.filter(item=>item.categoryId == row.categoryId).length > 0 && additionalRows.filter(item=>item.categoryId == row.categoryId)[0].imageTypeId}\r\n imageSpecialTypeId={additionalRows.filter(item=>item.categoryId == row.categoryId).length > 0 && additionalRows.filter(item=>item.categoryId == row.categoryId)[0].imageSpecialTypeId}\r\n largeSlideNumber={additionalRows.filter(item=>item.categoryId == row.categoryId).length > 0 && additionalRows.filter(item=>item.categoryId == row.categoryId)[0].imageSpecialSizeOrder}\r\n />\r\n )\r\n })}\r\n {/* this.openTopGamesDrawer()}\r\n visible={this.state.openTopGamesDrawer}\r\n >\r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (_, initialProps) => (state) => {\r\n return {\r\n slotsGames: state.slots.slotsGames,\r\n loading: state.slots.loading,\r\n categories: state.slots.categories,\r\n slotsFrontPageTemplates: state.slots.slotsFrontPageTemplates,\r\n slotsGamesCategories: state.slots.slotsGamesCategories,\r\n config: state.slots.config,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n setPropsMath: () => dispatch(setPropsMath()),\r\n jackpotConnect: () => dispatch(jackpotConnect()),\r\n jackpotDisconnect: () => dispatch(jackpotDisconnect()),\r\n getJackpots: () => dispatch(getJackpots()),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SlotsCategories);\r\n","import App from \"./layout/App\";\r\nimport Header from \"./layout/Header\";\r\nimport LoginAndRegistrationHeader from \"./layout/LoginAndRegistrationHeader\";\r\nimport LoginAndRegistrationScreen from \"./layout/LoginAndRegistrationScreen\";\r\nimport SlotMobileGame from \"./layout/SlotMobileGame\";\r\nimport WorldCup from \"./layout/WorldCup\";\r\nimport Teams from \"./layout/Teams\";\r\nimport HeaderMobile from \"./layout/HeaderMobile\";\r\nimport Footer from \"./layout/Footer\";\r\nimport FooterMobile from \"./layout/FooterMobile\";\r\nimport Banner from \"./layout/Banner\";\r\nimport BannerMobile from \"./layout/BannerMobile\";\r\nimport Screen from \"./layout/Screen\";\r\nimport ScreenTitle from \"./common/ScreenTitle\";\r\nimport SportTypes from \"./common/SportTypes\";\r\nimport Events from \"./common/betEvents/Events\";\r\nimport EventsLive from \"./common/betEvents/EventsLive\";\r\nimport EventsSports from \"./common/betEvents/EventsSports\";\r\nimport EventsVirtual from \"./common/betEvents/EventsVirtual\";\r\nimport EventsKiron from \"./common/spinAndWin/GameBoard\";\r\nimport VirtualMenu from \"./common/virtual/VirtualMenu\";\r\nimport VirtualVideo from \"./common/virtual/VirtualVideo\";\r\nimport MenuTree from \"./common//MenuTree\";\r\nimport Bets from \"./common/betEvents/\";\r\nimport BetSlip from \"./common/betSlip/BetSlip\";\r\nimport Images from \"./common/Images\";\r\nimport Alert from \"./common/Alert\";\r\nimport SportIcon from \"./common/SportIcon\";\r\nimport Loading from \"./common/Loading\";\r\nimport Beforeunload from \"./common/Beforeunload\";\r\nimport * as Swipable from \"./common/Swipable\";\r\nimport Search from \"./common/Search\";\r\nimport PhoneNumber from \"./common/PhoneNumber\";\r\nimport Modal from \"./common/Modal\";\r\nimport SlotList from \"./common/slot/SlotList\";\r\nimport SlotsGame from \"./common/slot/SlotsGame\";\r\nimport OddField from \"./common/spinAndWin/OddFields\";\r\nimport InfiniteScrollComponent from \"./common/InfiniteScrollComponent\";\r\nimport SpecialOddFieldButton from \"./common/spinAndWin/SpecialOddFieldButton\";\r\nimport { handleWindowResize } from \"./WindowChange\";\r\nimport ViewportBlock from \"../components/common/ViewPortController\";\r\nimport { useOnScreen, OnScreenWrapper } from \"../components/common/UseOnScreen\";\r\nimport SlotsCourasel from \"./common/newSlots/SlotsCourasel\";\r\nimport SlotsCategories from \"./common/newSlots/SlotsCategories\";\r\n\r\nexport {\r\n App,\r\n Header,\r\n HeaderMobile,\r\n Footer,\r\n FooterMobile,\r\n Banner,\r\n BannerMobile,\r\n Screen,\r\n ScreenTitle,\r\n SportTypes,\r\n Events,\r\n EventsLive,\r\n EventsSports,\r\n EventsVirtual,\r\n EventsKiron,\r\n MenuTree,\r\n VirtualMenu,\r\n VirtualVideo,\r\n Bets,\r\n BetSlip,\r\n Images,\r\n Alert,\r\n SportIcon,\r\n Loading,\r\n Beforeunload,\r\n Swipable,\r\n Search,\r\n PhoneNumber,\r\n Modal,\r\n SlotList,\r\n SlotsGame,\r\n LoginAndRegistrationScreen,\r\n LoginAndRegistrationHeader,\r\n SlotMobileGame,\r\n WorldCup,\r\n Teams,\r\n OddField,\r\n SpecialOddFieldButton,\r\n handleWindowResize,\r\n InfiniteScrollComponent,\r\n ViewportBlock,\r\n useOnScreen,\r\n OnScreenWrapper,\r\n SlotsCourasel,\r\n SlotsCategories\r\n};\r\n","import UniversalCookies from 'universal-cookie';\r\n\r\nconst cookies = new UniversalCookies();\r\n\r\nexport default class Cookies {\r\n\tstatic set = (name, value, expiredMinutes, options = { path: '/' }) => {\r\n\t\tlet dateExpires = new Date();\r\n\t\tlet minutes = parseInt(expiredMinutes);\r\n\t\tdateExpires.setMinutes(dateExpires.getMinutes() + minutes);\r\n\t\toptions.expires = dateExpires;\r\n\r\n\t\tcookies.set(name, JSON.stringify(value), options);\r\n\t}\r\n\r\n\tstatic get = (name, options = { path: '/' }) => {\r\n\t\tconst value = cookies.get(name, options);\r\n\t\tif (!value || value === undefined || value === 'undefined') {\r\n\t\t\treturn null;\r\n\t\t}\r\n\r\n\t\treturn value;\r\n\t}\r\n\r\n\tstatic remove = (name, options = { path: '/' }) => {\r\n\t\tcookies.remove(name, options)\r\n\t}\r\n}","import { SignalRTypes, AppActionTypes } from '../actions'\r\n\r\n\r\nexport function init(route) {\r\n\treturn {\r\n\t\ttype: AppActionTypes.Start,\r\n\t}\r\n}\r\n\r\nexport function navigate(route) {\r\n\treturn {\r\n\t\ttype: AppActionTypes.Navigate,\r\n\t\troute\r\n\t}\r\n}\r\n\r\nexport function changeFeed(feedId, feedName) {\r\n\treturn {\r\n\t\ttype: AppActionTypes.ChangeFeed,\r\n\t\tfeedId,\r\n\t\tfeedName\r\n\t}\r\n}\r\n\r\nexport function setPropsMath(match) {\r\n\treturn {\r\n\t\ttype: AppActionTypes.PropsMatch,\r\n\t\tmatch\r\n\t}\r\n}\r\n\r\nexport function openMobileMenu(open) {\r\n\treturn {\r\n\t\ttype: AppActionTypes.OpenMobileMenu,\r\n\t\topen\r\n\t}\r\n}\r\n\r\nexport function openMobileBetslip(open) {\r\n\treturn {\r\n\t\ttype: AppActionTypes.OpenMobileBetslip,\r\n\t\topen\r\n\t}\r\n}\r\n\r\nexport function setAvoidClick(value) {\r\n\treturn {\r\n\t\ttype: AppActionTypes.Set_Avoid_Click,\r\n\t\tvalue\r\n\t}\r\n}\r\n\r\nexport function switchMode() {\r\n\r\n\treturn {\r\n\t\ttype:AppActionTypes.Switch_mode,\r\n\t}\r\n\t\r\n}","import { Layout } from \"antd\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Route } from \"react-router-dom\";\r\nimport StickyBox from \"react-sticky-box\";\r\nimport {\r\n Bets,\r\n BetSlip,\r\n EventsSports,\r\n Images,\r\n MenuTree,\r\n Screen,\r\n ScreenTitle,\r\n SportTypes,\r\n Search,\r\n Banner,\r\n OnScreenWrapper,\r\n} from \"../../components\";\r\nimport CategoriesMenu from \"../../components/layout/CategoriesMenu\";\r\nimport { init } from \"../../redux/actions/appActions\";\r\nimport { initSportTypes } from '../../redux/actions/sportTypesActions';\r\nimport {\r\n loadAllBetTypes,\r\n setEvent,\r\n} from \"../../redux/actions/sportEventsActions\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport SiderBanner from \"../../components/layout/SiderBanner\";\r\nimport { changeFeed } from \"../../redux/actions/appActions\";\r\n\r\nconst IsMiddleScreenAndMobile = ({ children }) => {\r\n const isDesktop = useMediaQuery({ maxWidth: 1100 });\r\n return isDesktop ? children : null;\r\n};\r\nconst IsDesktop = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 1100 });\r\n return isDesktop ? children : null;\r\n};\r\n\r\nconst { Sider, Content } = Layout;\r\n\r\nclass Sport extends React.Component {\r\n\r\n async componentDidMount() {\r\n const { initSportTypes, changeFeed } = this.props;\r\n initSportTypes();\r\n changeFeed('6', 'sport');\r\n\r\n }\r\n render() {\r\n const { match, mainTournamentImage, showMainTournament } = this.props;\r\n return (\r\n \r\n {/*
\r\n ) : (\r\n <>\r\n \r\n
*/}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {\r\n this.props.history.push(\"/worldcup/1\");\r\n }}\r\n src={mainTournamentImage}\r\n alt=\"world-cup\"\r\n />\r\n 
\r\n
\r\n )}{\" \"}\r\n \r\n
\r\n \r\n {\r\n this.props.history.push(\"/worldcup/1\");\r\n }}\r\n src={mainTournamentImage}\r\n alt=\"world-cup\"\r\n />\r\n \r\n
\r\n )}{\" \"}\r\n \r\n ({\r\n width: \"100%\",\r\n height: bool ? \"fit-content\" : 154,\r\n })}\r\n >\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n Loading...\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default LiveMatches;\r\n","import React, { Component } from \"react\";\r\nimport Images from \"../../Images\";\r\nimport { connect } from \"react-redux\";\r\nimport { removeDisabledSportTypes , setSport } from \"../../../../redux/actions/sportTypesActions\";\r\nimport { loadSportCategories } from \"../../../../redux/actions/categoriesActions\";\r\nimport { changeFeed } from \"../../../../redux/actions/appActions\";\r\n\r\nexport class SportCategories extends Component {\r\n onSportTypeClick = (item) => {\r\n const {\r\n history,\r\n setSport,\r\n loadSportCategories,\r\n removeDisabledSportTypes,\r\n changeFeed\r\n } = this.props;\r\n\r\n history.push(\r\n `/sport/6/${item.sport.sportId}/${item.sport.sportDisplayName}`\r\n );\r\n \r\n\r\n setSport(item);\r\n removeDisabledSportTypes();\r\n changeFeed('6','sport')\r\n\r\n const request = {\r\n Data: {\r\n Feed: { FeedId: 6 },\r\n Sport: { SportId: 1 },\r\n },\r\n };\r\n loadSportCategories(request);\r\n };\r\n\r\n onSportClick(sport) {\r\n this.onSportTypeClick(sport);\r\n }\r\n\r\n render() {\r\n const { sportName, sportColor, sportImage , sport } = this.props;\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n Germany / Bundesliga\r\n
\r\n ID: 8685
\r\n \r\n
\r\n \r\n 
\r\n Germany / Bundesliga\r\n
\r\n 2 : 0
\r\n \r\n \r\n Germany / Bundesliga\r\n
\r\n \r\n
\r\n \r\n 1 1.89\r\n
\r\n \r\n 1 1.89\r\n
\r\n \r\n 1 1.89\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n connected: state.signalr.connected,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n loadSportCategories: (request) => {\r\n dispatch(loadSportCategories(request));\r\n },\r\n setSport: (item) => {\r\n dispatch(setSport(item));\r\n },\r\n removeDisabledSportTypes: () => {\r\n dispatch(removeDisabledSportTypes());\r\n },\r\n changeFeed: (feedId, feedName) => dispatch(changeFeed(feedId, feedName)),\r\n\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SportCategories);\r\n","import React, { Component } from \"react\";\r\nimport Images from \"../../Images\";\r\n\r\nexport class Promos extends Component {\r\n render() {\r\n const {promo , history}=this.props\r\n return (\r\n this.onSportClick(sport)}>\r\n 
\r\n {sportName}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Promos;\r\n","import React from \"react\";\r\nimport { Button, Carousel } from \"antd\";\r\nimport Images from \"../../Images\";\r\nimport LiveMatches from \"./LiveMatches\";\r\nimport SportCategories from \"./SportCategories\";\r\nimport Promos from \"./Promos\";\r\n\r\nexport class HomeCourasel extends React.Component {\r\n state = {\r\n currentSlide: 0,\r\n numSlides: 0,\r\n };\r\n\r\n componentDidMount() {\r\n this.setState({ numSlides: this.carouselRef.innerSlider.state.slideCount });\r\n }\r\n\r\n onArrowClick = (direction) => {\r\n const { currentSlide, numSlides } = this.state;\r\n\r\n switch (direction) {\r\n case \"prev\":\r\n if (currentSlide > 0) {\r\n this.carouselRef.prev();\r\n }\r\n break;\r\n\r\n case \"next\":\r\n if (currentSlide < numSlides - 1) {\r\n this.carouselRef.next();\r\n }\r\n break;\r\n }\r\n };\r\n handleTouchpadScroll = (event) => {\r\n const deltaX = event.deltaX;\r\n const {startScroll}=this.state\r\n if(this.time) clearTimeout(this.time)\r\n if(!startScroll){\r\n if(deltaX > 0){\r\n this.onArrowClick(\"next\")\r\n this.setState({startScroll: true})\r\n }else if(deltaX < 0){\r\n this.onArrowClick(\"prev\")\r\n this.setState({startScroll: true})\r\n }\r\n }\r\n this.time=setTimeout(()=>{\r\n this.setState({\r\n startScroll: false\r\n })\r\n },300)\r\n \r\n }\r\n getTabPanelBySport(sport) {\r\n const {history}=this.props\r\n const sportFeedId = sport.feed.feedId\r\n const sportId = sport.sport.sportId;\r\n const sportName = sport.sport.sportDisplayName;\r\n const { sportTypesIcons } = this.props;\r\n const img = sportTypesIcons && sportTypesIcons.filter((item) => {\r\n return item.sportTypesIconsID == sportId && item.feedId == sportFeedId;\r\n });\r\n const src = () => {\r\n return img && img[0] ? `${img[0].sportTypesIconsName}?id=${img[0].imageVersion}` : ''; //`${AppConfig.api.sportIcons}${sportName.toString().replace(/ /g, '')}.webp`\r\n };\r\n // \r\n 
history.push(`/promos/${promo.promoId}`)}/>\r\n
\r\n {promo.name}
\r\n {/*\r\n No bet has been selected. To select select To select select a bet…\r\n
*/}\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default HomeCourasel;\r\n","import { Col, Row } from \"antd\";\r\nimport React, { Component } from \"react\";\r\nimport Images from \"../../Images\";\r\nimport FloatingText from \"./FloatingText\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport { changeFeed } from \"../../../../redux/actions/appActions\";\r\nimport { connect } from \"react-redux\";\r\n\r\nconst IsMiddleScreenAndMobile = ({ children }) => {\r\n const isDesktop = useMediaQuery({ maxWidth: 1100 });\r\n return isDesktop ? children : null;\r\n};\r\nconst IsDesktop = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 1100 });\r\n return isDesktop ? children : null;\r\n};\r\n\r\nexport class HomeBanners extends Component {\r\n nav =(routeUrl)=>{\r\n const {history , changeFeed} = this.props\r\n history.push(`${routeUrl}`)\r\n // changeFeed('6', 'sport');\r\n }\r\n render() {\r\n const { landingBanners , history } = this.props;\r\n return (\r\n \r\n \r\n
\r\n history.push(navUrl)}>{this.props.title}
\r\n \r\n\r\n this.onArrowClick(\"prev\")}\r\n >\r\n \r\n \r\n this.onArrowClick(\"next\")}\r\n >\r\n \r\n \r\n
\r\n \r\n (this.carouselRef = ref)}\r\n slidesToShow={\r\n this.props.isMobile\r\n ? this.props.type == \"Sports\"\r\n ? 3\r\n : 1\r\n : this.props.type == \"Sports\"\r\n ? 6\r\n : 3\r\n }\r\n dots={false}\r\n effect=\"scrollx\"\r\n infinite={false}\r\n autoplay={false}\r\n afterChange={(current) => this.setState({ currentSlide: current })}\r\n >\r\n {this.props.type == \"Live\"\r\n ? Array.from(Array(6).keys()).map((item, key) => {\r\n return ;\r\n })\r\n : \"\"}\r\n \r\n
\r\n\r\n \r\n \r\n \r\n 
this.nav(landingBanners[0].routeUrl)}/>}\r\n \r\n \r\n {/* 
this.nav(item.routeUrl)}/>\r\n
\r\n );\r\n })}\r\n \r\n
\r\n \r\n \r\n \r\n {landingBanners && this.nav(landingBanners[0].routeUrl)}\r\n />}\r\n
\r\n \r\n {landingBanners.slice(1).map((item) => {\r\n return (\r\n this.nav(item.routeUrl)}\r\n />\r\n \r\n );\r\n })}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n changeFeed: (feedId, feedName) => dispatch(changeFeed(feedId, feedName)),\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(HomeBanners);\r\n\r\n","import React, { Component } from \"react\";\r\nimport Images from \"../../Images\";\r\n\r\nexport class FloatingText extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default FloatingText;\r\n","import React, { Component } from \"react\";\r\nimport Images from \"../../Images\";\r\nimport { connect } from \"react-redux\";\r\n\r\nexport class BettingImg extends Component {\r\n render() {\r\n const { landingBettingImage , androidImage , appleImage , apkAppleLink , apkAndroidLink} = this.props;\r\n return (\r\n {this.props.text}
\r\n\r\n Place A Bet\r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n androidImage: state.general.configuration.androidImage,\r\n appleImage: state.general.configuration.appleImage,\r\n apkAndroidLink: state.general.configuration.apkAndroidLink,\r\n apkAppleLink: state.general.configuration.apkAppleLink,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(BettingImg);\r\n","import { Col, Popover, Row } from \"antd\";\r\nimport React, { Component } from \"react\";\r\nimport Images from \"../../Images\";\r\nimport { connect } from \"react-redux\";\r\n\r\nexport class HomeSlots extends Component {\r\n render() {\r\n const { landingSlotsGame, signedIn, history , navUrl } = this.props;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n signedIn: state.auth.signedIn,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {};\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(HomeSlots);\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Alert, Images, Loading, Screen } from \"../../components\";\r\nimport HomeCourasel from \"../../components/common/homePage/Courasel/HomeCourasel\";\r\nimport { init } from \"../../redux/actions/appActions\";\r\nimport {\r\n loadAllBetTypes,\r\n setEvent,\r\n} from \"../../redux/actions/sportEventsActions\";\r\nimport LiveMatches from \"../../components/common/homePage/Courasel/LiveMatches\";\r\nimport HomeBanners from \"../../components/common/homePage/Banners/HomeBanners\";\r\nimport BettingImg from \"../../components/common/homePage/BettingImg/BettingImg\";\r\nimport HomeSlots from \"../../components/common/homePage/Slots/HomeSlots\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport { loadTopBets } from \"../../redux/actions/sportEventsActions\";\r\nimport { loadSportTypes } from \"../../redux/actions/sportTypesActions\";\r\nimport { GetLandingConfiguration } from \"../../redux/actions/generalActions\";\r\nconst IsMiddleScreenAndMobile = ({ children }) => {\r\n const isDesktop = useMediaQuery({ maxWidth: 1100 });\r\n return isDesktop ? children : null;\r\n};\r\n\r\nconst IsDesktop = ({ children }) => {\r\n const isDesktop = useMediaQuery({ minWidth: 1100 });\r\n return isDesktop ? children : null;\r\n};\r\nexport class Home extends Component {\r\n componentDidMount() {\r\n const {\r\n connected,\r\n loadTopBets,\r\n loadSportTypes,\r\n GetLandingConfiguration,\r\n } = this.props;\r\n GetLandingConfiguration();\r\n if (connected) {\r\n let sportTypesRequest = {\r\n Data: {\r\n Feed: {\r\n FeedId: 6,\r\n },\r\n },\r\n };\r\n loadSportTypes(sportTypesRequest);\r\n }\r\n }\r\n componentDidUpdate(prevProps) {\r\n const { connected, loadTopBets, loadSportTypes } = this.props;\r\n if (prevProps.connected !== connected && connected) {\r\n let sportTypesRequest = {\r\n Data: {\r\n Feed: {\r\n FeedId: 6,\r\n },\r\n },\r\n };\r\n loadSportTypes(sportTypesRequest);\r\n }\r\n }\r\n render() {\r\n const {\r\n error,\r\n sportEvents,\r\n loadingSportEvents,\r\n sportTypesIcons,\r\n sportTypes,\r\n sportTypesError,\r\n loadingSportTypes,\r\n history,\r\n loadingLandingPage,\r\n landingBanners,\r\n landingPromos,\r\n landingSlotsGame,\r\n landingPageError,\r\n landingBettingImage,\r\n sections\r\n } = this.props;\r\n let bannersSection = sections && sections.filter(item=> item.landingId == 1 && item.isActive == true)\r\n let sportsSection = sections && sections.filter(item=> item.landingId == 2 && item.isActive == true)\r\n let promosSection = sections && sections.filter(item=> item.landingId == 3 && item.isActive == true)\r\n let slotsSection = sections && sections.filter(item=> item.landingId == 4 && item.isActive == true)\r\n let isBannerSectionActive = bannersSection && bannersSection.length > 0\r\n let isSportsSectionActive = sportsSection && sportsSection.length > 0\r\n let isPromosSectionActive = promosSection && promosSection.length > 0\r\n let isSlotsSectionActive = slotsSection && slotsSection.length > 0\r\n return (\r\n \r\n
\r\n history.push(navUrl)}>Slots
\r\n {/* See All */}\r\n\r\n {landingSlotsGame.map((slot) => {\r\n return (\r\n
\r\n\r\n \r\n {!signedIn ? (\r\n Please Sign in or Register }\r\n trigger=\"click\"\r\n >\r\n \r\n history.push(`/slots/game/${slot.gameId}`)\r\n }\r\n />\r\n )}\r\n
\r\n );\r\n })}\r\n \r\n
\r\n ) : landingPageError ? (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {landingBanners && landingBanners.length > 0 && isBannerSectionActive && (\r\n \r\n {sportTypesError ? (\r\n \r\n \r\n {sportTypesError ? (\r\n \r\n {landingSlotsGame && isSlotsSectionActive && }\r\n {landingBettingImage && isSlotsSectionActive && }\r\n
\r\n )}\r\n \r\n {/*
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n message: state.auth.forgotPasswordMessage,\r\n loading: state.auth.loading,\r\n userData: state.auth.userData,\r\n success: state.auth.forgotPasswordSucces,\r\n destination: state.auth.forgotPasswordDest,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n forgotPassword: (userName) => dispatch(forgotPassword(userName)),\r\n forgotPasswordConfirm: (data) => dispatch(forgotPasswordConfirm(data)),\r\n forgotPasswordCheckDestination: (data) =>\r\n dispatch(forgotPasswordCheckDestination(data)),\r\n});\r\n\r\nconst WrappedStep1 = Form.create({ name: \"ForgotPasswordStep1\" })(Step1);\r\nexport default connect(mapStateToProps, mapDispatchToProps)(WrappedStep1);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Input, Button, Form, Icon } from \"antd\";\r\nimport { updatePassword } from \"../../redux/actions/authActions\";\r\nimport { Alert } from \"../../components\";\r\nimport { Images } from \"../../components\";\r\n\r\nclass Step2 extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n validatePassword = (rule, value, callback) => {\r\n const form = this.props.form;\r\n let password = form.getFieldValue(\"password\");\r\n let confirm = form.getFieldValue(\"confirm\");\r\n if (value && password === confirm) {\r\n return callback();\r\n } else {\r\n return callback(rule.message);\r\n }\r\n };\r\n\r\n handleChnagePassword = (e) => {\r\n e.preventDefault();\r\n let data = {\r\n password: this.props.form.getFieldValue(\"password\"),\r\n confirmPassword: this.props.form.getFieldValue(\"confirm\"),\r\n memberId: this.props.userData.memberId,\r\n };\r\n this.props.updatePassword(data);\r\n };\r\n showPassword = (inputId, iconId) => {\r\n const inputElement = document.getElementById(inputId);\r\n // console.log(\"inputElement\", inputElement);\r\n // console.log(\"inputId\", inputId);\r\n const iconElement = document.getElementById(iconId);\r\n // console.log(\"iconElement\", iconElement);\r\n const imgElement = document.createElement(\"img\");\r\n imgElement.src = Images.ShowPasswordIcon;\r\n // console.log(iconElement.src,\"==========\" ,\r\n\t\t\t\t\t
*/}\r\n\r\n \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t{success ? success : ''}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n
\r\n \r\n {message &&
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n Forgot Password
\r\n\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n loading: state.auth.loading,\r\n message: state.auth.forgotPasswordMessage,\r\n userData: state.auth.userData,\r\n passwordChanged: state.auth.passwordChanged,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n updatePassword: (data) => dispatch(updatePassword(data)),\r\n});\r\nconst WrappedStep2 = Form.create({ name: \"ForgotPasswordStep2\" })(Step2);\r\nexport default connect(mapStateToProps, mapDispatchToProps)(WrappedStep2);\r\n","import Step1 from './step1';\r\nimport Step2 from './step2';\r\nimport OTPVertification from './OTPVertification'\r\n\r\nexport {\r\n Step1,\r\n Step2,\r\n OTPVertification,\r\n}","import { BetSlipActionTypes, SignalRTypes, GeneralActionTypes } from '../actions'\r\n\r\n\r\nexport function updateBetSlip(field) {\r\n return {\r\n type: BetSlipActionTypes.Update_BetSlip_List_Request,\r\n field\r\n }\r\n}\r\nexport function onAmountChange(amount) {\r\n return {\r\n type: BetSlipActionTypes.On_Amount_Change,\r\n amount\r\n }\r\n}\r\n\r\nexport function clearSucceededBets() {\r\n return {\r\n type: BetSlipActionTypes.Clear_Succeeded_Bets\r\n }\r\n}\r\nexport function handleHideStake(forceHideStake) {\r\n return {\r\n type: BetSlipActionTypes.Handle_Hide_Stake,\r\n forceHideStake\r\n }\r\n}\r\n\r\n\r\nexport function onFieldAmountChange(amount, fieldId) {\r\n return {\r\n type: BetSlipActionTypes.On_Field_Amount_Change,\r\n amount,\r\n fieldId\r\n }\r\n}\r\n\r\nexport function setTab(tab) {\r\n return {\r\n type: BetSlipActionTypes.Set_Tab,\r\n tab\r\n }\r\n}\r\n\r\nexport function removeField(field) {\r\n return {\r\n type: BetSlipActionTypes.BetSlip_Remove_Field,\r\n field\r\n }\r\n}\r\n\r\nexport function placeMultipleBet() {\r\n return {\r\n type: BetSlipActionTypes.Place_Multiple_Bet_Request,\r\n }\r\n}\r\nexport function placeBetBuilder() {\r\n return {\r\n type: BetSlipActionTypes.Place_Bet_Builder_Request,\r\n }\r\n}\r\nexport function placeSingleBet() {\r\n return {\r\n type: BetSlipActionTypes.Place_Single_Bet_Request,\r\n }\r\n}\r\nexport function getFieldsUpdatedDetails(request) {\r\n return {\r\n type: SignalRTypes.Get_Updated_OddField_Details,\r\n request\r\n }\r\n}\r\nexport function getBetSlipConfiguration(request) {\r\n return {\r\n type: GeneralActionTypes.Bet_Slip_Configuration_Request,\r\n request\r\n }\r\n}\r\nexport function clearBetSlip() {\r\n return {\r\n type: BetSlipActionTypes.BetSlip_Clear\r\n }\r\n}\r\n\r\nexport function clearBetSlipError() {\r\n return {\r\n type: BetSlipActionTypes.Place_Bet_Clear_Error_Message\r\n }\r\n}\r\n\r\n\r\nexport function clearBetSlipSuccess() {\r\n return {\r\n type: BetSlipActionTypes.Clear_BetSlip_Success\r\n }\r\n}\r\n\r\nexport function setLoginError(value) {\r\n return {\r\n type: BetSlipActionTypes.Set_Login_Error,\r\n loginError: value\r\n }\r\n}\r\n\r\nexport function setTotalStake(value) {\r\n return {\r\n type: BetSlipActionTypes.Set_BetSlip_Total_Stake,\r\n totalStake: value\r\n }\r\n}\r\nexport function setPossibleWinnings(value) {\r\n return {\r\n type: BetSlipActionTypes.Set_BetSlip_Possible_Winnings,\r\n possibleWinnings: value\r\n }\r\n}\r\nexport function ClearBetBuilder() {\r\n return {\r\n type: BetSlipActionTypes.Clear_Bet_Builder,\r\n }\r\n}\r\nexport function ResetBetBuilder() {\r\n return {\r\n type: BetSlipActionTypes.Reset_Bet_Builder,\r\n }\r\n}\r\nexport function onBetBuilderAmountChange(amount) {\r\n return {\r\n type: BetSlipActionTypes.On_Bet_Builder_Amount_Change,\r\n amount\r\n }\r\n}\r\nexport function validateSingleCoupon() {\r\n return {\r\n type: BetSlipActionTypes.Validate_Single_Coupon,\r\n }\r\n}\r\n\r\n","import { SignalRTypes, VirtualActionTypes } from '../actions'\r\n\r\nexport function load(feedId) {\r\n return {\r\n type: VirtualActionTypes.Load_Request,\r\n feedId\r\n }\r\n}\r\n\r\nexport function loadVirtualEvents(data) {\r\n\treturn {\r\n\t\ttype: SignalRTypes.SportEventsVirtual_Request,\r\n\t\tdata\r\n\t}\t\r\n}\r\n\r\nexport function clearVirtualEvents(data) {\r\n\treturn {\r\n\t\ttype: SignalRTypes.SportEventsVirtual_Clear,\r\n\t}\t\r\n}","import React, { Component } from \"react\";\r\nimport {\r\n forgotPasswordConfirm,\r\n forgotPassword,\r\n} from \"../../redux/actions/authActions\";\r\nimport { connect } from \"react-redux\";\r\nimport { Input, Button, Form } from \"antd\";\r\nimport { Alert } from \"../../components\";\r\nimport { Cookies } from \"../../helpers\";\r\n\r\nimport { LocalStorage } from \"../../helpers\";\r\n\r\nexport class OTPVertification extends Component {\r\n state = {\r\n birthDate: \"\",\r\n\r\n OTP: {\r\n 1: null,\r\n 2: null,\r\n 3: null,\r\n 4: null,\r\n 5: null,\r\n 6: null,\r\n },\r\n };\r\n onInputFocus = (e) => {\r\n e.target.select();\r\n };\r\n\r\n maxLengthCheck = (object) => {\r\n if (object.target.value.length > object.target.maxLength) {\r\n object.target.value = object.target.value.slice(\r\n 0,\r\n object.target.maxLength\r\n );\r\n }\r\n };\r\n handleResend = () => {\r\n this.props.form.resetFields();\r\n let data = {\r\n memberId: this.props.destination.memberId,\r\n phoneNumber: this.props.destination.phoneNumber,\r\n birthDate: this.props.birthDate,\r\n email: this.props.destination.email,\r\n };\r\n if (this.props.destination.phoneNumber) {\r\n data.birthDate = this.props.birthDate;\r\n }\r\n this.props.forgotPassword(data);\r\n };\r\n handleOTPChange = (e, id) => {\r\n const inputElement = document.getElementById(id);\r\n this.setState(\r\n (this.state.OTP = {\r\n ...this.state.OTP,\r\n [id.split(\"-\")[1]]: e.target.value,\r\n })\r\n );\r\n if (e.target.value != \"\" && inputElement.nextSibling) {\r\n inputElement.nextSibling.focus();\r\n }\r\n if (e.target.value == \"\" && inputElement.previousSibling) {\r\n inputElement.previousSibling.focus();\r\n }\r\n if (!inputElement.nextSibling) {\r\n // console.log(\r\n // \"Object.values(this.state.OTP)\",\r\n // Object.values(this.state.OTP)\r\n // .join(\"\")\r\n // .replaceAll(\",\", \"\")\r\n // );\r\n }\r\n };\r\n handleVerify = (e) => {\r\n e.preventDefault();\r\n // console.log(\"this.props.userData\", this.props.userData);\r\n let data = {\r\n code: Object.values(this.state.OTP)\r\n .join(\"\").toString().replace(/\\,/g, \"\"),\r\n memberId: this.props.userData.memberId,\r\n };\r\n \r\n this.props.forgotPasswordConfirm(data);\r\n };\r\n addProviderOrangeHandleVerify = (e) => {\r\n e.preventDefault();\r\n const memberId = Cookies.get(\"memberId\") || undefined;\r\n\r\n // console.log(\"this.props.userData\", this.props.userData);\r\n let data = {\r\n providerId: \"1\",\r\n smsCode: Number(\r\n Object.values(this.state.OTP)\r\n .join(\"\")\r\n .toString()\r\n .replace(/\\,/g, \"\")\r\n ),\r\n phoneNumber: `231077` + this.props.orangePhoneNumber,\r\n };\r\n // console.log(\"data9939933\", data);\r\n this.props.AddMemberProviders(data);\r\n\r\n // \"smsCode\": 0,\r\n // \"phoneNumber\": \"string\"\r\n // this.props.forgotPasswordConfirm(data);\r\n };\r\n addProviderMTNHandleVerify = (e) => {\r\n e.preventDefault();\r\n const memberId = Cookies.get(\"memberId\") || undefined;\r\n\r\n // console.log(\"this.props.userData\", this.props.userData);\r\n let data = {\r\n providerId: \"2\",\r\n smsCode: Number(\r\n Object.values(this.state.OTP)\r\n .join(\"\")\r\n .toString().replace(/\\,/g, \"\")\r\n ),\r\n phoneNumber: `231088` + this.props.MTNPhoneNumber,\r\n };\r\n // console.log(\"data9939933\", data);\r\n this.props.AddMemberProviders(data);\r\n\r\n // \"smsCode\": 0,\r\n // \"phoneNumber\": \"string\"\r\n // this.props.forgotPasswordConfirm(data);\r\n };\r\n render() {\r\n const formItemLayout = null;\r\n const { getFieldDecorator } = this.props.form;\r\n const { message, success } = this.props;\r\n // console.log(\r\n // \"this.props.addMemberProviderErrorMessage-1\",\r\n // this.props.addMemberProviderErrorMessage\r\n // );\r\n // console.log(\r\n // \"this.props.addMemberProviderErrorMessage-2\",\r\n // this.props.addMemberProviderStatus\r\n // );\r\n // console.log(\r\n // \"this.props.addMemberProviderErrorMessage-3\",\r\n // this.props.addMemberProviderSuccessMessage\r\n // );\r\n\r\n return (\r\n Confirmation
\r\n {passwordChanged && (\r\n\r\n
\r\n )}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {message &&
\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n message: state.auth.forgotPasswordMessage,\r\n loading: state.auth.loading,\r\n userData: state.auth.userData,\r\n destination: state.auth.forgotPasswordDest,\r\n birthDate: state.auth.birthDate\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n forgotPasswordConfirm: (data) => dispatch(forgotPasswordConfirm(data)),\r\n forgotPassword: (userName) => dispatch(forgotPassword(userName)),\r\n});\r\n\r\nconst WrappedStep1 = Form.create({ name: \"ForgotPasswordStep1\" })(\r\n OTPVertification\r\n);\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(WrappedStep1);\r\n","import { Cookies } from \"../helpers\";\r\nconst nav = (history, to) => {\r\n const user = Cookies.get(\"user\");\r\n if (user) {\r\n history.push(to);\r\n } else {\r\n history.push(`/login-registration/1?redirect=${to}`);\r\n }\r\n};\r\nexport const NotificationMapping = (history, payload) => {\r\n if (!payload) return;\r\n switch (payload.typeId) {\r\n case \"1\":\r\n nav(history, `/account/bets?open=spin?id=${payload.id}`);\r\n if (window.location.pathname.includes(\"account\"))\r\n window.location.reload();\r\n break;\r\n case \"2\":\r\n nav(history, `/account/notification/single?read=${payload.id}`);\r\n break;\r\n case \"4\":\r\n if (payload.gameId) {\r\n nav(history, `/slots/game/${payload.gameId}`);\r\n } else if (payload.groupId) {\r\n if (window.location.pathname == `/slots`) {\r\n history.push(`/slots/${payload.groupId}`);\r\n window.location.reload();\r\n } else {\r\n history.push(`/slots/${payload.groupId}`);\r\n }\r\n } else {\r\n history.push(\"/slots\");\r\n }\r\n break;\r\n case \"5\":\r\n if (payload.promoId) {\r\n history.push(`/promos/${payload.promoId}`);\r\n } else {\r\n history.push(`/promos`);\r\n }\r\n break;\r\n case \"6\":\r\n if (payload.betCode) {\r\n if (window.location.pathname == `/sport/6/1/Soccer`) {\r\n history.push(`/sport/6/1/Soccer?betCode=${payload.betCode}`);\r\n window.location.reload();\r\n } else {\r\n history.push(`/sport/6/1/Soccer?betCode=${payload.betCode}`);\r\n }\r\n }\r\n break;\r\n case \"7\":\r\n if (payload.pageName) {\r\n history.push(`/document/${payload.pageName}`);\r\n }\r\n break;\r\n case \"8\":\r\n nav(history, `/account/bets`);\r\n break;\r\n case \"9\":\r\n nav(history, `/account`);\r\n break;\r\n case \"10\":\r\n nav(history, `/account/personal-details`);\r\n break;\r\n case \"11\":\r\n nav(history, `/account/deposit`);\r\n break;\r\n case \"12\":\r\n nav(history, `/account/withdraw`);\r\n break;\r\n case \"13\":\r\n nav(history, `/account/transactions`);\r\n break;\r\n case \"15\":\r\n nav(history, `/account/add-provider`);\r\n break;\r\n case \"16\":\r\n nav(history, `/account/customer-service`);\r\n break;\r\n case \"17\":\r\n // single match notification\r\n if (payload.urlRoute) {\r\n history.push(`${payload.urlRoute}`);\r\n window.location.reload();\r\n }\r\n break;\r\n case \"18\":\r\n // home page\r\n if (payload.urlRoute) {\r\n history.push(`${payload.urlRoute}`);\r\n }\r\n break;\r\n case \"19\":\r\n // reward page\r\n nav(history, `/account/rewards`);\r\n break;\r\n case \"20\":\r\n // reward transaction\r\n nav(history, `/account/rewards/transactions`);\r\n break;\r\n case \"21\":\r\n // reward item\r\n if (payload.isGame == \"1\") {\r\n nav(\r\n history,\r\n `/account/rewards/single-reward/${payload.itemId}/${\r\n payload.conditionId\r\n }/1`\r\n );\r\n } else {\r\n nav(\r\n history,\r\n `/account/rewards/single-reward/${payload.itemId}/${\r\n payload.conditionId\r\n }/0`\r\n );\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n};\r\n","module.exports = __webpack_public_path__ + \"static/media/menumma.110f3e26.svg\";","import { Button, Icon, Input, Popover } from \"antd\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n couponClearMessage,\r\n validateCoupon,\r\n validateCouponReset\r\n} from \"../../redux/actions/generalActions\";\r\nimport { setLoginError } from \"../../redux/actions/betSlipActions\";\r\nimport Alert from \"./Alert\";\r\nimport { SessionStorage } from \"../../helpers\";\r\n\r\nexport class CheckCoupon extends Component {\r\n state = {\r\n couponCode: undefined,\r\n };\r\n componentDidMount(){\r\n this.props.validateCouponReset();\r\n }\r\n validateCouponCode = () => {\r\n let request = {\r\n couponCode: this.state.couponCode || SessionStorage.couponCode,\r\n };\r\n this.props.validateCoupon(request);\r\n };\r\n addLineSpace = (data) => {\r\n return (\r\n data &&\r\n data.split(\"/n\").map(function(item) {\r\n return (\r\n \r\n {item}\r\n \r\n 0\r\n ? this.addProviderOrangeHandleVerify\r\n : this.props.MTNPhoneNumber &&\r\n this.props.MTNPhoneNumber.length > 0\r\n ? this.addProviderMTNHandleVerify\r\n : this.handleVerify\r\n }\r\n >\r\n \r\n this.props.resendCode\r\n ? this.props.resendCode(\r\n this.props.orangePhoneNumber &&\r\n this.props.orangePhoneNumber.length > 0\r\n ? (`231077` + this.props.orangePhoneNumber)\r\n : this.props.MTNPhoneNumber &&\r\n this.props.MTNPhoneNumber.length > 0\r\n ? (`231088`+this.props.MTNPhoneNumber)\r\n : null\r\n )\r\n : this.handleResend()\r\n }\r\n >\r\n Resend the code\r\n
\r\n OTP Vertification
\r\n {!this.props.FromAddProvider && message && (\r\n\r\n \r\n {/* \r\n {getFieldDecorator(\"code\", {\r\n rules: [{ required: true }],\r\n })(\r\n \r\n )}\r\n */}\r\n
\r\n \r\n {/* {console.log(\"this.props.resendCode\",this.props.resendCode)} */}\r\n {/* {console.log(\"this.props.resendCode\",this.props.orangePhoneNumber &&\r\n this.props.orangePhoneNumber.length > 0)}\r\n {console.log(\"this.props.resendCode\",`231077` + this.props.orangePhoneNumber)} */}\r\n \r\n \r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-1\")}\r\n id=\"opt-1\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-2\")}\r\n id=\"opt-2\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-3\")}\r\n id=\"opt-3\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-4\")}\r\n id=\"opt-4\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-5\")}\r\n id=\"opt-5\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n this.onInputFocus(e)}\r\n onChange={(e) => this.handleOTPChange(e, \"opt-6\")}\r\n id=\"opt-6\"\r\n className=\"confirmation-input\"\r\n type=\"number\"\r\n maxLength={1}\r\n onInput={this.maxLengthCheck}\r\n />\r\n \r\n
\r\n \r\n \r\n Next\r\n \r\n
\r\n \r\n \r\n );\r\n })\r\n );\r\n };\r\n render() {\r\n const {\r\n signedIn,\r\n validateCouponMessage,\r\n validateCouponError,\r\n validateCouponLoading,\r\n couponName,\r\n } = this.props;\r\n return (\r\n
\r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state, props) => {\r\n return {\r\n signedIn: state.auth.signedIn,\r\n validateCouponMessage: state.general.validateCouponMessage,\r\n validateCouponError: state.general.validateCouponError,\r\n validateCouponLoading: state.general.validateCouponLoading,\r\n couponName: state.general.couponName,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n couponClearMessage: () => {\r\n dispatch(couponClearMessage());\r\n },\r\n setLoginError: (value) => {\r\n dispatch(setLoginError(value));\r\n },\r\n validateCoupon: (couponCode) => {\r\n dispatch(validateCoupon(couponCode));\r\n },\r\n validateCouponReset: () => {\r\n dispatch(validateCouponReset());\r\n },\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CheckCoupon);\r\n","import React, { Component } from \"react\";\r\nimport { Carousel } from \"antd\";\r\nimport { connect } from \"react-redux\";\r\nimport Loading from \"../common/Loading\";\r\nimport Alert from \"../common/Alert\";\r\n\r\nexport class SiderBanner extends Component {\r\n render() {\r\n const {\r\n promotionalBannersError,\r\n loadingBanners,\r\n promotionalBanners,\r\n } = this.props;\r\n\r\n const betSlipWebsiteBannerImages =\r\n promotionalBanners && promotionalBanners.betSlipWebsiteBannerImages;\r\n return (\r\n <>\r\n \r\n
\r\n\r\n {validateCouponError && (\r\n \r\n {\r\n this.setState({\r\n couponCode: e.target.value,\r\n });\r\n SessionStorage.couponCode = e.target.value;\r\n couponClearMessage();\r\n setLoginError(false);\r\n }}\r\n />\r\n
\r\n \r\n \r\n Check\r\n \r\n
\r\n \r\n
\r\n )}\r\n {validateCouponMessage && (\r\n \r\n trigger.parentNode}\r\n arrowPointAtCenter\r\n content={\r\n
\r\n )}\r\n \r\n {\" \"}\r\n {validateCouponMessage &&\r\n this.addLineSpace(validateCouponMessage)}{\" \"}\r\n
\r\n }\r\n trigger=\"click\"\r\n >\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n })\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n );\r\n }\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n promotionalBannersError: state.general.promotionalBannersError,\r\n loadingBanners: state.general.loadingBanners,\r\n promotionalBanners: state.general.promotionalBanners,\r\n };\r\n};\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {};\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SiderBanner);\r\n","module.exports = __webpack_public_path__ + \"static/media/winners_b.5a1a0d80.webp\";","module.exports = __webpack_public_path__ + \"static/media/winners_h.36352c01.webp\";","import { GeneralActionTypes } from \"./actionTypes\";\r\n\r\nexport function getCurrencies() {\r\n return {\r\n type: GeneralActionTypes.Get_Currencies_Request,\r\n };\r\n}\r\nexport function getMapData(data) {\r\n return {\r\n type: GeneralActionTypes.Map_Request,\r\n data,\r\n };\r\n}\r\n\r\nexport function getBetSlipConfiguration(data) {\r\n return {\r\n type: GeneralActionTypes.Bet_Slip_Configuration_Request,\r\n data,\r\n };\r\n}\r\n\r\nexport function formStatuses(data) {\r\n return {\r\n type: GeneralActionTypes.Form_Statuses_Request,\r\n data,\r\n };\r\n}\r\n\r\nexport function pageName(data) {\r\n return {\r\n type: GeneralActionTypes.Page_Name_Request,\r\n data,\r\n };\r\n}\r\n\r\nexport function getWebFiles() {\r\n return {\r\n type: GeneralActionTypes.Web_Files_Request,\r\n };\r\n}\r\n\r\nexport function getWebFile(data) {\r\n return {\r\n type: GeneralActionTypes.Web_File_Request,\r\n data,\r\n };\r\n}\r\n\r\nexport function createBetCode() {\r\n return {\r\n type: GeneralActionTypes.Create_Bet_Code_Request,\r\n };\r\n}\r\n\r\nexport function betsByBetCode(request) {\r\n if (!request.id || request.id === undefined) {\r\n return {\r\n type: GeneralActionTypes.Bets_By_Bet_Code_Error,\r\n message: \"Please enter bet code\",\r\n };\r\n }\r\n if (request.id.length !== 6) {\r\n return {\r\n type: GeneralActionTypes.Bets_By_Bet_Code_Error,\r\n message: \"Bet code must have 6 characters\",\r\n };\r\n }\r\n return {\r\n type: GeneralActionTypes.Bets_By_Bet_Code_Request,\r\n request,\r\n };\r\n}\r\n\r\nexport function clearBetCode() {\r\n return {\r\n type: GeneralActionTypes.Bet_Code_Clear,\r\n };\r\n}\r\n\r\nexport function getCountryPhoneProviders(data) {\r\n return {\r\n type: GeneralActionTypes.Get_CountryPhone_Providers_Request,\r\n data,\r\n };\r\n}\r\n\r\nexport function getCountries() {\r\n return {\r\n type: GeneralActionTypes.Get_Countries_Request,\r\n };\r\n}\r\n\r\nexport function getCounties() {\r\n return {\r\n type: GeneralActionTypes.Get_Counties_Request,\r\n };\r\n}\r\n\r\nexport function getBannerImages() {\r\n return {\r\n type: GeneralActionTypes.Get_Banners_Request,\r\n };\r\n}\r\nexport function getCalenderIcons() {\r\n return {\r\n type: GeneralActionTypes.Get_Calender_Request,\r\n };\r\n}\r\n\r\nexport function getFooterProviders() {\r\n return {\r\n type: GeneralActionTypes.Get_Footer_Providers_Request,\r\n };\r\n}\r\n\r\nexport function getFooterText() {\r\n return {\r\n type: GeneralActionTypes.Get_Footer_Text_Request,\r\n };\r\n}\r\n\r\nexport function getCountryFlagImages() {\r\n return {\r\n type: GeneralActionTypes.Get_Country_Flag_Images,\r\n };\r\n}\r\n\r\nexport function getSportTypesIcons() {\r\n return {\r\n type: GeneralActionTypes.Get_Sport_Types_Icons_Request,\r\n };\r\n}\r\n\r\n\r\nexport function validateCoupon(couponCode) {\r\n if (!couponCode.couponCode) {\r\n return {\r\n type: GeneralActionTypes.Validate_Coupon_Error,\r\n message: \"Please enter coupon code\",\r\n };\r\n }\r\n return {\r\n type: GeneralActionTypes.Validate_Coupon_Request,\r\n couponCode: couponCode,\r\n };\r\n}\r\n\r\nexport function couponClearMessage() {\r\n return {\r\n type: GeneralActionTypes.Validate_Coupon_Clear_Message,\r\n };\r\n}\r\n\r\n\r\n\r\n\r\nexport function GetLoyaltyRewardsOptions() {\r\n return {\r\n type: GeneralActionTypes.Get_Loyalty_Rewards_Options_Request,\r\n };\r\n}\r\n\r\nexport function getSportPromos() {\r\n return {\r\n type: GeneralActionTypes.Get_Sport_Promos_Request,\r\n };\r\n}\r\nexport function getSportPromoInfo(data) {\r\n return {\r\n type: GeneralActionTypes.Get_Sport_Promos_Info_Request,\r\n data\r\n };\r\n}\r\nexport function resetGetSportPromos() {\r\n return {\r\n type: GeneralActionTypes.Reset_Get_Sport_Promos,\r\n };\r\n}\r\nexport function resetGetSportPromoInfo() {\r\n return {\r\n type: GeneralActionTypes.Reset_Get_Sport_Promos_Info_Request,\r\n };\r\n}\r\nexport function GetHeaderTabs() {\r\n return {\r\n type: GeneralActionTypes.Get_Header_Tabs_Request,\r\n };\r\n}\r\nexport function ActiveSpinAndWinTable(data) {\r\n return {\r\n type: GeneralActionTypes.Active_Spin_And_Win_Table,\r\n data\r\n };\r\n}\r\nexport function GetLuckyNumberConfiguration() {\r\n return {\r\n type: GeneralActionTypes.Get_Lucky_Number_Configuration_Request,\r\n };\r\n}\r\nexport function GetLandingConfiguration() {\r\n return {\r\n type: GeneralActionTypes.Get_Landing_Configuration_Request,\r\n };\r\n}\r\nexport function GetWorkWithUsConfiguration() {\r\n return {\r\n type: GeneralActionTypes.Get_Work_With_Us_Configuration_Request,\r\n };\r\n}\r\nexport function GetKioskWebBannerImages(GroupId) {\r\n return {\r\n type: GeneralActionTypes.Get_Kiosk_Web_Banner_Images_Request,\r\n GroupId\r\n };\r\n}\r\nexport function validateCouponReset() {\r\n return {\r\n type: GeneralActionTypes.Validate_Coupon_Reset,\r\n };\r\n}\r\n","module.exports = __webpack_public_path__ + \"static/media/winners_m.9318e53d.webp\";","module.exports = __webpack_public_path__ + \"static/media/winners_s.6df857b2.webp\";","module.exports = __webpack_public_path__ + \"static/media/winners_v.b19fe200.webp\";","import React from \"react\";\r\nimport { Layout, Tabs } from \"antd\";\r\nimport { Images } from \"../\";\r\nimport Loading from \"../common/Loading\";\r\nimport { withRouter } from \"react-router\";\r\nimport { AppConfig } from \"../../helpers\";\r\n\r\n\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n init,\r\n loadSportCategories,\r\n removeDisabledCategoriesTournaments,\r\n setTounament,\r\n} from \"../../redux/actions/categoriesActions\";\r\nimport {\r\n loadSportTypes,\r\n removeDisabledSportTypes,\r\n setSport,\r\n} from \"../../redux/actions/sportTypesActions\";\r\n\r\n\r\nconst { TabPane } = Tabs;\r\n\r\n\r\nclass CategoriesMenu extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { index: 0 };\r\n }\r\n\r\n onSportTypeClick = (item) => {\r\n const {\r\n history,\r\n setSport,\r\n feedName,\r\n loadSportCategories,\r\n removeDisabledSportTypes,\r\n feedId,\r\n match,\r\n } = this.props;\r\n // if (\r\n // (item.feed.feedId == 6 && item.sport.sportId == 1) ||\r\n // item.feed.feedId == 5\r\n // ) {\r\n history.push(\r\n `/${feedName}/${feedId}/${item.sport.sportId}/${item.sport.sportDisplayName}`\r\n );\r\n // }\r\n // else {\r\n // history.push(\r\n // `/${feedName}/${feedId}/${item.sport.sportId}/${item.sport.sportDisplayName}/today/0`\r\n // );\r\n // }\r\n\r\n setSport(item);\r\n removeDisabledSportTypes();\r\n\r\n const request = {\r\n Data: {\r\n Feed: { FeedId: Number(item.feed.feedId) },\r\n Sport: { SportId: Number(item.sport.sportId) },\r\n },\r\n };\r\n loadSportCategories(request);\r\n };\r\n\r\n onSportClick(sport) {\r\n //if (sport.sport.sportId != sportData.sport.sportId) {\r\n this.onSportTypeClick(sport);\r\n }\r\n\r\n getTabPanelBySport(sport) {\r\n const sportFeedId = sport.feed.feedId\r\n const sportId = sport.sport.sportId;\r\n const sportName = sport.sport.sportDisplayName;\r\n const { sportTypesIcons } = this.props;\r\n const img = sportTypesIcons && sportTypesIcons.filter((item) => {\r\n return item.sportTypesIconsID == sportId && item.feedId == sportFeedId;\r\n });\r\n const src = () => {\r\n return img && img[0] ? `${img[0].sportTypesIconsName}?id=${img[0].imageVersion}` : ''; //`${AppConfig.api.sportIcons}${sportName.toString().replace(/ /g, '')}.webp`\r\n };\r\n return (\r\n {sportTypesError}
;\r\n }\r\n return (\r\n\r\n <>\r\n \r\n {/* ![]()
*/}\r\n \r\n {sportTypes && sportTypes.map((sport) => {\r\n return this.getTabPanelBySport(sport);\r\n })}\r\n\r\n \r\n {/* ![]()
*/}\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n sportCategories: state.categories.sportCategories,\r\n sportTopLeagues: state.categories.sportTopLeagues,\r\n tournamentData: state.categories.tournamentData,\r\n loadingSportCategories: state.categories.loadingSportCategories,\r\n categoriesError: state.categories.error,\r\n sportTypesError: state.sportTypes.error,\r\n loadingSportTypes: state.sportTypes.loadingSportTypes,\r\n sportData: state.sportTypes.sportData,\r\n sportTypes: state.sportTypes.sportTypes,\r\n appMatch: state.app.match,\r\n mobileMenuOpen: state.app.mobileMenuOpen,\r\n connected: state.signalr.connected,\r\n feedName: state.app.feedName,\r\n feedId: state.app.feedId,\r\n sportTypesIcons: state.general.sportTypesIcons\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n // openMobileMenu: (open) => dispatch(openMobileMenu(open)),\r\n loadSportCategories: (request) => {\r\n dispatch(loadSportCategories(request));\r\n },\r\n setTounament: (item) => {\r\n dispatch(setTounament(item));\r\n },\r\n init: () => {\r\n dispatch(init());\r\n },\r\n setSport: (item) => {\r\n dispatch(setSport(item));\r\n },\r\n loadSportTypes: (request) => {\r\n dispatch(loadSportTypes(request));\r\n },\r\n removeDisabledSportTypes: () => {\r\n dispatch(removeDisabledSportTypes());\r\n },\r\n removeDisabledCategoriesTournaments: () => {\r\n dispatch(removeDisabledCategoriesTournaments());\r\n },\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, mapDispatchToProps)(CategoriesMenu)\r\n);\r\n","module.exports = __webpack_public_path__ + \"static/media/moon.f5173b2d.svg\";","module.exports = __webpack_public_path__ + \"static/media/search.5bb1199c.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrow-dropdown.c5cbec8d.svg\";","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nlet supportsCaptureOption = false;\r\nexport function setHasSupportToCaptureOption(hasSupport) {\r\n\tsupportsCaptureOption = hasSupport;\r\n}\r\n\r\n// try {\r\n// addEventListener(\"test\", null, Object.defineProperty({}, 'capture', {get: function () {\r\n// setHasSupportToCaptureOption(true);\r\n// }}));\r\n// } catch(e) {}\r\n\r\nfunction getSafeEventHandlerOpts(options = { capture: true }) {\r\n\treturn supportsCaptureOption ? options : options.capture;\r\n}\r\n\r\n/**\r\n * [getPosition returns a position element that works for mouse or touch events]\r\n * @param {[Event]} event [the received event]\r\n * @return {[Object]} [x and y coords]\r\n */\r\nfunction getPosition(event) {\r\n\tif ('touches' in event) {\r\n\t\tconst { pageX, pageY } = event.touches[0];\r\n\t\treturn { x: pageX, y: pageY };\r\n\t}\r\n\r\n\tconst { screenX, screenY } = event;\r\n\treturn { x: screenX, y: screenY };\r\n}\r\n\r\nclass Swipe extends Component {\r\n\r\n\tstatic displayName = 'Swipe';\r\n\r\n\tstatic propTypes = {\r\n\t\ttagName: PropTypes.string,\r\n\t\tclassName: PropTypes.string,\r\n\t\tstyle: PropTypes.object,\r\n\t\tchildren: PropTypes.node,\r\n\t\tallowMouseEvents: PropTypes.bool,\r\n\t\tonSwipeUp: PropTypes.func,\r\n\t\tonSwipeDown: PropTypes.func,\r\n\t\tonSwipeLeft: PropTypes.func,\r\n\t\tonSwipeRight: PropTypes.func,\r\n\t\tonSwipeStart: PropTypes.func,\r\n\t\tonSwipeMove: PropTypes.func,\r\n\t\tonSwipeEnd: PropTypes.func,\r\n\t\ttolerance: PropTypes.number.isRequired\r\n\t};\r\n\r\n\tstatic defaultProps = {\r\n\t\ttagName: 'div',\r\n\t\tallowMouseEvents: false,\r\n\t\tonSwipeUp() { },\r\n\t\tonSwipeDown() { },\r\n\t\tonSwipeLeft() { },\r\n\t\tonSwipeRight() { },\r\n\t\tonSwipeStart() { },\r\n\t\tonSwipeMove() { },\r\n\t\tonSwipeEnd() { },\r\n\t\ttolerance: 0\r\n\t};\r\n\r\n\tconstructor(...args) {\r\n\t\tsuper(...args);\r\n\t\tthis._handleSwipeStart = this._handleSwipeStart.bind(this);\r\n\t\tthis._handleSwipeMove = this._handleSwipeMove.bind(this);\r\n\t\tthis._handleSwipeEnd = this._handleSwipeEnd.bind(this);\r\n\r\n\t\tthis._onMouseDown = this._onMouseDown.bind(this);\r\n\t\tthis._onMouseMove = this._onMouseMove.bind(this);\r\n\t\tthis._onMouseUp = this._onMouseUp.bind(this);\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tif (this.swiper) {\r\n\t\t\tthis.swiper.addEventListener('touchmove', this._handleSwipeMove, getSafeEventHandlerOpts({\r\n\t\t\t\tcapture: true,\r\n\t\t\t\tpassive: false\r\n\t\t\t}));\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tif (this.swiper) {\r\n\t\t\tthis.swiper.removeEventListener('touchmove', this._handleSwipeMove, getSafeEventHandlerOpts({\r\n\t\t\t\tcapture: true,\r\n\t\t\t\tpassive: false\r\n\t\t\t}));\r\n\t\t}\r\n\t}\r\n\r\n\t_onMouseDown(event) {\r\n\t\tif (!this.props.allowMouseEvents) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis.mouseDown = true;\r\n\r\n\t\tdocument.addEventListener('mouseup', this._onMouseUp);\r\n\t\tdocument.addEventListener('mousemove', this._onMouseMove);\r\n\r\n\t\tthis._handleSwipeStart(event);\r\n\t}\r\n\r\n\t_onMouseMove(event) {\r\n\t\tif (!this.mouseDown) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis._handleSwipeMove(event);\r\n\t}\r\n\r\n\t_onMouseUp(event) {\r\n\t\tthis.mouseDown = false;\r\n\r\n\t\tdocument.removeEventListener('mouseup', this._onMouseUp);\r\n\t\tdocument.removeEventListener('mousemove', this._onMouseMove);\r\n\r\n\t\tthis._handleSwipeEnd(event);\r\n\t}\r\n\r\n\t_handleSwipeStart(event) {\r\n\t\tconst { x, y } = getPosition(event);\r\n\t\tthis.moveStart = { x, y };\r\n\t\tthis.props.onSwipeStart(event);\r\n\t}\r\n\r\n\t_handleSwipeMove(event) {\r\n\t\tif (!this.moveStart) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst { x, y } = getPosition(event);\r\n\t\tconst deltaX = x - this.moveStart.x;\r\n\t\tconst deltaY = y - this.moveStart.y;\r\n\t\tthis.moving = true;\r\n\r\n\t\t// handling the responsability of cancelling the scroll to\r\n\t\t// the component handling the event\r\n\t\tconst shouldPreventDefault = this.props.onSwipeMove({\r\n\t\t\tx: deltaX,\r\n\t\t\ty: deltaY\r\n\t\t}, event);\r\n\r\n\t\tif (shouldPreventDefault) {\r\n\t\t\tevent.preventDefault();\r\n\t\t}\r\n\r\n\t\tthis.movePosition = { deltaX, deltaY };\r\n\t}\r\n\r\n\t_handleSwipeEnd(event) {\r\n\t\tthis.props.onSwipeEnd(event);\r\n\r\n\t\tconst { tolerance } = this.props;\r\n\r\n\t\tif (this.moving && this.movePosition) {\r\n\t\t\tif (this.movePosition.deltaX < -tolerance) {\r\n\t\t\t\tthis.props.onSwipeLeft(1, event);\r\n\t\t\t} else if (this.movePosition.deltaX > tolerance) {\r\n\t\t\t\tthis.props.onSwipeRight(1, event);\r\n\t\t\t}\r\n\t\t\tif (this.movePosition.deltaY < -tolerance) {\r\n\t\t\t\tthis.props.onSwipeUp(1, event);\r\n\t\t\t} else if (this.movePosition.deltaY > tolerance) {\r\n\t\t\t\tthis.props.onSwipeDown(1, event);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.moveStart = null;\r\n\t\tthis.moving = false;\r\n\t\tthis.movePosition = null;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { tagName,\r\n\t\t\tclassName,\r\n\t\t\tstyle,\r\n\t\t\tchildren,\r\n\t\t\tallowMouseEvents,\r\n\t\t\tonSwipeUp,\r\n\t\t\tonSwipeDown,\r\n\t\t\tonSwipeLeft,\r\n\t\t\tonSwipeRight,\r\n\t\t\tonSwipeStart,\r\n\t\t\tonSwipeMove,\r\n\t\t\tonSwipeEnd,\r\n\t\t\t...props\r\n\t\t} = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n {this.props.luckyNumberFooters.map((item) => {\r\n return (\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Features;\r\n","import { MembersActionTypes, SignalRTypes } from './actionTypes';\r\nimport { Cookies } from '../../helpers';\r\n\r\n\r\nexport function openMobileTableDetails(open) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Open_Mobile_Table_Details,\r\n\t\topen\r\n\t}\r\n}\r\n\r\n\r\nexport function openBetDetailsModal(open) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Open_Bet_Details_Modal,\r\n\t\topen\r\n\t}\r\n}\r\nexport function openRewardSpinModal(open) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Open_Reward_Spin_Modal,\r\n\t\topen\r\n\t}\r\n}\r\n\r\nexport function openVoucherModal(open) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Open_Voucher_Modal,\r\n\t\topen\r\n\t}\r\n}\r\n\r\nexport function openMobileVoucherDetails(open) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Open_Mobile_Voucher_Details,\r\n\t\topen\r\n\t}\r\n}\r\n\r\nexport function partGroups() {\r\n\treturn {\r\n\t\ttype: SignalRTypes.Handle_Join_Part_Groups,\r\n\t\tisPartOnly: true,\r\n\t}\r\n}\r\n\r\nexport function setSelectedCurrency(currency) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Set_Selected_Currency,\r\n\t\tcurrency\r\n\t}\r\n}\r\nexport function addMemberPhone() {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Add_Second_Member_Phone_Request\r\n\t}\r\n}\r\n\r\nexport function sendAddValidatePhone(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Validate_Add_Second_Phone_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\nexport function updateMemberDetails(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Member_Details_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\nexport function getMemberDetails(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Get_Member_Details_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\nexport function sendVerifyEmail(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Send_Verify_Email_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\nexport function AddMemberProviders(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Add_Member_Providers_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function getRewards() {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Get_Rewards_Request,\r\n\t}\r\n}\r\nexport function getRewardsTransaction(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Get_Rewards_Transaction_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function clubRewardStatus(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Get_Club_Reward_Status_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function clubMemberRewardInfo(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Get_Club_Member_Reward_Info_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function resetSingleReward() {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Reset_Single_Reward,\r\n\t}\r\n}\r\nexport function customerClubRewardRedeem(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Customer_Club_Reward_Redeem_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function getWheelOfFortuneGift(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Get_Wheel_Of_Fortune_Gift_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function wheelOfFortuneSpin(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Wheel_Of_Fortune_Spin_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\nexport function mtnDeposit(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Mtn_Deposit_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function orangeDeposit(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Orange_Deposit_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\nexport function mtnWithdraw(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Mtn_Withdraw_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function tipMeWithdraw(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Tipme_Withdraw_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function tipMeConfirmWithdraw(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Tipme_Confirm_Withdraw_Request,\r\n\t\tdata\r\n\t}\r\n}\r\nexport function orangeWithdraw(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Orange_Withdraw_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\nexport function depositFromVoucher(voucher) {\r\n\tif (voucher.length === 0) {\r\n\t\treturn {\r\n\t\t\ttype: MembersActionTypes.Deposit_From_Voucher_Error,\r\n\t\t\tmessage: 'Please Enter Voucher'\r\n\t\t}\r\n\t}\r\n\r\n\tif (voucher.length !== 16) {\r\n\t\treturn {\r\n\t\t\ttype: MembersActionTypes.Deposit_From_Voucher_Error,\r\n\t\t\tmessage: 'Voucher Must Be 16 characters'\r\n\t\t}\r\n\t}\r\n\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Deposit_From_Voucher_Request,\r\n\t\tvoucher\r\n\t}\r\n}\r\n\r\nexport function withdrawalToVoucher(data) {\r\n\tconst selectedCurrency = Cookies.get(\"selectedCurrency\");\r\n\tlet amount = data && data.amount;\r\n\tif (!amount || amount === \"0\") {\r\n\t\treturn {\r\n\t\t\ttype: MembersActionTypes.Withdrawal_To_Voucher_Error,\r\n\t\t\tmessage: \"Please enter Amount\"\r\n\t\t};\r\n\t}\r\n\r\n\tlet amountCheck = amount % 5 === 0;\r\n\tif (!amountCheck && selectedCurrency.currencyId === 1) {\r\n\t\treturn {\r\n\t\t\ttype: MembersActionTypes.Withdrawal_To_Voucher_Error,\r\n\t\t\tmessage: \"Amount must divide by 5\"\r\n\t\t};\r\n\t}\r\n\r\n\tif (amount > selectedCurrency.balance) {\r\n\t\treturn {\r\n\t\t\ttype: MembersActionTypes.Withdrawal_To_Voucher_Error,\r\n\t\t\tmessage: \"Amount is bigger then your balance\"\r\n\t\t};\r\n\t}\r\n\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Withdrawal_To_Voucher_Request,\r\n\t\tdata\r\n\t};\r\n}\r\n\r\nexport function memberTransactions(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Member_Transactions_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\nexport function memberForms(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Member_Forms_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\n\r\nexport function formsDetails(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Forms_Details_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\n\r\nexport function addProviderList() {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Add_Provider_List_Request,\r\n\t\t\r\n\t}\r\n}\r\nexport function MemberaddProviderList() {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Member_Add_Provider_List_Request,\r\n\t\t\r\n\t}\r\n}\r\nexport function TipMeCustomerSearch(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Tip_Me_Customer_Search_Request,\r\n\t\tdata\r\n\t\t\r\n\t}\r\n}\r\nexport function DepositeTipMeVerification(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Deposite_Tip_Me_Customer_Search_Request,\r\n\t\tdata\r\n\t\t\r\n\t}\r\n}\r\nexport function firstDepositeFirstStepMessage(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Tip_Me_First_Deposit_Message_Request,\r\n\t\tdata\r\n\t\t\r\n\t}\r\n}\r\nexport function tipMeOTPVertificaton(data , methodName) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Tip_Me_OTP_Verification_Request,\r\n\t\tdata,\r\n\t\tmethodName,\r\n\t\t\r\n\t}\r\n}\r\n\r\nexport function getVoucherDetails(data) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Voucher_Details_Request,\r\n\t\tdata\r\n\t}\r\n}\r\n\r\nexport function skip() {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Skip\r\n\t}\r\n}\r\n\r\nexport function init() {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Init\r\n\t}\r\n}\r\n\r\nexport function setMemberApprovedJackpotWinnings(jackpotId) {\r\n\treturn {\r\n\t\ttype: MembersActionTypes.Member_Approved_Jackpot_Winnings_Request,\r\n\t\tjackpotId\r\n\t}\r\n}\r\n\r\nexport function checkDepositBonusConditions(){\r\n return {\r\n type: MembersActionTypes.CheckDepositBonusConditions_Request\r\n }\r\n}\r\n\r\nexport function createCustomerServiceCode(){\r\n return {\r\n type: MembersActionTypes.CreateCustomerServiceCode_Request\r\n }\r\n}\r\nexport function getSignedInLoyalityRewards(){\r\n return {\r\n type: MembersActionTypes.Get_Sign_In_Loyalty_Rewards_Options_Request\r\n }\r\n}\r\nexport function GetLoyaltyRewardsCoupons(data){\r\n return {\r\n type: MembersActionTypes.Get_Loyalty_Rewards_Coupons_Request,\r\n\t\tdata\r\n }\r\n}\r\nexport function createMemberSlotsBonus(data){\r\n return {\r\n type: MembersActionTypes.Create_Member_Slots_Bonus_Request,\r\n\t\tdata\r\n }\r\n}\r\n\r\nexport function GetLastRewardNotifications (){\r\n return {\r\n type: MembersActionTypes.Get_Last_Reward_Notifications_Request,\r\n }\r\n}\r\nexport function GetNotificationHistory (data){\r\n return {\r\n type: MembersActionTypes.Get_Notification_History_Request,\r\n\t\tdata\r\n }\r\n}\r\nexport function DeleteNotification (data){\r\n return {\r\n type: MembersActionTypes.Delete_Notification_Request,\r\n\t\tdata\r\n }\r\n}\r\nexport function GetNotificationCount (){\r\n return {\r\n type: MembersActionTypes.Get_Notification_Count_Request,\r\n }\r\n}\r\nexport function MuteNotification (data){\r\n return {\r\n type: MembersActionTypes.Mute_Notification_Request,\r\n\t\tdata\r\n }\r\n}\r\n\r\nexport function getFormCashOutOffer(data){\r\n\tlet amountCheck = data.cashoutAmount % 5 === 0;\r\n\tif (!amountCheck ) {\r\n\t\tconsole.log(\"amountcheck\",amountCheck)\r\n\t\treturn {\r\n\t\t\ttype: MembersActionTypes.Get_Form_Cash_Out_Offer_Error,\r\n\t\t\tcashOutOfferError: \"Amount must divide by 5\"\r\n\t\t};\r\n\t}\r\n return {\r\n type: MembersActionTypes.Get_Form_Cash_Out_Offer_Request,\r\n\t\tdata\r\n }\r\n}\r\n\r\nexport function earlyCashOut(data){\r\n return {\r\n type: MembersActionTypes.Early_Cash_Out_Request,\r\n\t\tdata\r\n }\r\n}\r\n\r\nexport function setMemberCashOutOffer(data){\r\n return {\r\n type: MembersActionTypes.Set_Member_Cash_Out_Offer,\r\n\t\tdata\r\n }\r\n}\r\n\r\nexport function resetMemberCashOutOffer(data){\r\n return {\r\n type: MembersActionTypes.Reset_Member_Cash_Out_Offer,\r\n\t\tdata\r\n }\r\n}\r\n\r\nexport function NotificationDetails (data){\r\n return {\r\n type: MembersActionTypes.Get_Notification_Details_Request,\r\n\t\tdata\r\n }\r\n}\r\nexport function ReadNotificationStatus (data){\r\n return {\r\n type: MembersActionTypes.Read_Notification_Status_Request,\r\n\t\tdata\r\n }\r\n}\r\nexport function ManageMemeberFavorite (data){\r\n return {\r\n type: MembersActionTypes.Manage_Memeber_Favorite_Request,\r\n\t\tdata\r\n }\r\n}\r\nexport function CreateMemberSlotsBonusByCouponCode (data){\r\n return {\r\n type: MembersActionTypes.Create_Member_Slots_Bonus_By_Coupon_Code_Request,\r\n\t\tdata\r\n }\r\n}\r\n","export const AppActionTypes = {\r\n Start: \"APP_START\",\r\n PropsMatch: \"APP_PROPSMATCH\",\r\n Navigate: \"APP_NAVIGATE\",\r\n ChangeFeed: \"APP_CHANGEFEED\",\r\n Set_Feed: \"APP_SET_FEED\",\r\n SetServerTime: \"APP_SET_SERVERTIME\",\r\n WindowResize: \"APP_WINDOW_RESIZE\",\r\n WindowResizeSet: \"APP_WINDOW_RESIZE_SET\",\r\n OpenMobileMenu: \"APP_OPEN_MOBILE_MENU\",\r\n OpenMobileBetslip: \"APP_OPEN_MOBILE_BETSLIP\",\r\n Set_Avoid_Click: \"SET_AVOID_CLICK\",\r\n Switch_mode: \"CHANGE_THEME\",\r\n};\r\n\r\n//Not in use at the moment\r\nexport const SignalRTypes = {\r\n ChangeFeed: \"SR_CHANGE_FEED\",\r\n\r\n Connect_Request: \"SR_CONNECT_REQUEST\",\r\n Connect_Success: \"SR_CONNECT_SUCCESS\",\r\n Connect_Error: \"SR_CONNECT_ERROR\",\r\n Connect_Slow: \"SR_CONNECT_SLOW\",\r\n\r\n //Booongo Hub\r\n Booongo_Connect_Request: \"BOOONGO_CONNECT_REQUEST\",\r\n Booongo_Connect_Success: \"BOOONGO_CONNECT_SUCCESS\",\r\n Booongo_Connect_Error: \"BOOONGO_CONNECT_ERROR\",\r\n Booongo_Connect_Slow: \"BOOONGO_CONNECT_SLOW\",\r\n Booongo_Join_Request: \"BOOONGO_JOIN_REQUEST\",\r\n Booongo_Join_Response: \"BOOONGO_JOIN_RESPONSE\",\r\n Booongo_Part_Request: \"BOOONGO_PART_REQUEST\",\r\n Booongo_Part_Response: \"BOOONGO_PART_RESPONSE\",\r\n\r\n //MemberChange Hub\r\n Member_Change_Connect_Request: \"MEMBER_CHANGE_CONNECT_REQUEST\",\r\n Member_Change_Connect_Success: \"MEMBER_CHANGE__CONNECT_SUCCESS\",\r\n Member_Change_Connect_Error: \"MEMBER_CHANGE_CONNECT_ERROR\",\r\n Member_Change_Disconnect_Request: \"MEMBER_CHANGE_DISCONNECT_REQUEST\",\r\n Member_Change_Disconnect_Success: \"MEMBER_CHANGE_DISCONNECT_SUCCESS\",\r\n Member_Change_Update_Balance: \"MEMBER_CHANGE_UPDATE_BALANCE\",\r\n\r\n //Static Hub\r\n\tStatic_Connect_Request: \"STATIC_CONNECT_REQUEST\",\r\n\tStatic_Connect_Success: \"STATIC_CONNECT_SUCCESS\",\r\n\tStatic_Connect_Error: \"STATIC_CONNECT_ERROR\",\r\n\tStatic_Connect_Slow: \"STATIC_CONNECT_SLOW\",\r\n\tStatic_Connect_Retry: \"STATIC_CONNECT_RETRY\",\r\n\r\n\tStatic_Disconnect_Request: \"STATIC_DISCONNECT_REQUEST\",\r\n\tStatic_Disconnect_Success: \"STATIC_DISCONNECT_SUCCESS\",\r\n\r\n\t//Live Hub\r\n\tLive_Connect_Request: \"LIVE_CONNECT_REQUEST\",\r\n\tLive_Connect_Success: \"LIVE_CONNECT_SUCCESS\",\r\n\tLive_Connect_Error: \"LIVE_CONNECT_ERROR\",\r\n\tLive_Connect_Slow: \"LIVE_CONNECT_SLOW\",\r\n\tLive_Connect_Retry: \"LIVE_CONNECT_RETRY\",\r\n\r\n\tLive_Disconnect_Request: \"LIVE_DISCONNECT_REQUEST\",\r\n\tLive_Disconnect_Success: \"LIVE_DISCONNECT_SUCCESS\",\r\n\r\n\t//Virtual Hub\r\n\tVirtual_Connect_Request: \"VIRTUAL_CONNECT_REQUEST\",\r\n\tVirtual_Connect_Success: \"VIRTUAL_CONNECT_SUCCESS\",\r\n\tVirtual_Connect_Error: \"VIRTUAL_CONNECT_ERROR\",\r\n\tVirtual_Connect_Slow: \"VIRTUAL_CONNECT_SLOW\",\r\n\tVirtual_Connect_Retry: \"VIRTUAL_CONNECT_RETRY\",\r\n\r\n\tVirtual_Disconnect_Request: \"VIRTUAL_DISCONNECT_REQUEST\",\r\n\tVirtual_Disconnect_Success: \"VIRTUAL_DISCONNECT_SUCCESS\",\r\n\r\n\t//Spin And Win Hub\r\n\tSpinAndWin_Connect_Request: \"SPIN_AND_WIN_CONNECT_REQUEST\",\r\n\tSpinAndWin_Connect_Success: \"SPIN_AND_WIN_SUCCESS\",\r\n\tSpinAndWin_Connect_Error: \"SPIN_AND_WIN_ERROR\",\r\n\tSpinAndWin_Connect_Slow: \"SPIN_AND_WIN_SLOW\",\r\n\tSpinAndWin_Connect_Retry: \"SPIN_AND_WIN_RETRY\",\r\n\r\n\tSpinAndWin_Disconnect_Request: \"SPIN_AND_WIN_DISCONNECT_REQUEST\",\r\n\tSpinAndWin_Disconnect_Success: \"SPIN_AND_WIN_DISCONNECT_SUCCESS\",\r\n\r\n\t//Lucky Numbers Hub\r\n\tLuckyNumbers_Connect_Request: \"LUCKY_NUMBERS_CONNECT_REQUEST\",\r\n\tLuckyNumbers_Connect_Success: \"LUCKY_NUMBERS_SUCCESS\",\r\n\tLuckyNumbers_Connect_Error: \"LUCKY_NUMBERS_ERROR\",\r\n\tLuckyNumbers_Connect_Slow: \"LUCKY_NUMBERS_SLOW\",\r\n\tLuckyNumbers_Connect_Retry: \"LUCKY_NUMBERS_RETRY\",\r\n\r\n\tLuckyNumbers_Disconnect_Request: \"LUCKY_NUMBERS_DISCONNECT_REQUEST\",\r\n\tLuckyNumbers_Disconnect_Success: \"LUCKY_NUMBERS_DISCONNECT_SUCCESS\",\r\n\r\n //Jackpot Hub\r\n Jackpot_Connect_Request: \"JACKPOT_CONNECT_REQUEST\",\r\n Jackpot_Connect_Success: \"JACKPOT_CONNECT_SUCCESS\",\r\n Jackpot_Connect_Error: \"JACKPOT_CONNECT_ERROR\",\r\n Jackpot_Connect_Slow: \"JACKPOT_CONNECT_SLOW\",\r\n Jackpot_Connect_Retry: \"JACKPOT_CONNECT_RETRY\",\r\n Jackpot_Member_Connect_Request: \"JACKPOT_MEMBER_CONNECT_REQUEST\",\r\n\r\n Jackpot_Disconnect_Request: \"JACKPOT_DISCONNECT_REQUEST\",\r\n Jackpot_Disconnect_Success: \"JACKPOT_DISCONNECT_SUCCESS\",\r\n\r\n Jackpot_Join_Request: \"JACKPOT_JOIN_REQUEST\",\r\n Jackpot_Join_Response: \"JACKPOT_JOIN_RESPONSE\",\r\n Jackpot_Part_Request: \"JACKPOT_PART_REQUEST\",\r\n Jackpot_Part_Response: \"JACKPOT_PART_RESPONSE\",\r\n\r\n Jackpot_Winning_Update: \"JACKPOT_WINNING_UPDATE\",\r\n Jackpot_Winning_Update_Join: \"JACKPOT_WINNING_UPDATE_JOIN\",\r\n Jackpot_Approval_Update_Request: \"JACKPOT_APPROVAL_UPDATE_REQUEST\",\r\n Jackpot_Approval_Update_Success: \"JACKPOT_Approval_UPDATE_SUCCESS\",\r\n\r\n Jackpot_Balance_Update: \"JACKPOT_BALANCE_UPDATE\",\r\n Jackpot_Balance_Success: \"JACKPOT_BALANCE_SUCCESS\",\r\n\r\n Update_Entity_Balance: \"UPDATE_ENTITY_BALANCE\",\r\n\r\n Booongo_Disconnect_Request: \"BOOONGO_DISCONNECT_REQUEST\",\r\n Booongo_Disconnect_Success: \"BOOONGO_DISCONNECT_SUCCESS\",\r\n\r\n Disconnect_Request: \"SR_DICONNECT_REQUEST\",\r\n Disconnect_Success: \"SR_DICONNECT_SUCCESS\",\r\n\r\n GetAllData_Response: \"SR_GET_ALL_DATA\",\r\n\r\n Join_Request: \"SR_JOIN_REQUEST\",\r\n Join_Response: \"SR_JOIN_RESPONSE\",\r\n Part_Request: \"SR_PART_REQUEST\",\r\n Part_Response: \"SR_PART_RESPONSE\",\r\n\r\n Set_Join_Groups: \"SR_SET_JOIN_GROUPS\",\r\n\r\n Handle_Join_Part_Groups: \"SR_HANDLE_JOIN_PART_GROUPS\",\r\n\r\n KironEvent_Request: \"SR_KIRONEVENT_REQUEST\",\r\n KironEvent_Response: \"SR_KIRONEVENT_RESPONSE\",\r\n KironSportEvents_Request: \"SR_KIRONSPORTEVENTS_REQUEST\",\r\n KironSportEvents_Response: \"SR_KIRONSPOREVENTS_RESPONSE\",\r\n\r\n SportTypes_Init: \"SR_SPORTTYPES_INIT\",\r\n SportTypes_Request: \"SR_SPORTTYPES_REQUEST\",\r\n SportTypes_Response: \"SR_SPORTTYPES_RESPONSE\",\r\n\r\n Main_Tournament_Events_Request: \"SR_MAIN_TOURNAMENT_EVENTS_REQUEST\",\r\n Main_Tournament_Events_Response: \"SR_MAIN_TOURNAMENT_EVENTS_RESPONSE\",\r\n\r\n SportCategories_Request: \"SR_CATEGORIES_REQUEST\",\r\n SportCategories_Response: \"SR_CATEGORIES_RESPONSE\",\r\n\r\n SportEvents_Request: \"SR_SPORTEVENTS_REQUEST\",\r\n SportEvents_Response: \"SR_SPORTEVENTS_RESPONSE\",\r\n SportEvents_Clear: \"SR_SPORTEVENTS_Clear\",\r\n\r\n TopBets_Request: \"SR_TOPBETS_REQUEST\",\r\n TopBets_Response: \"SR_TOPBETS_RESPONSE\",\r\n\r\n SportEventsVirtual_Request: \"SR_SPORTEVENTSVIRTUAL_REQUEST\",\r\n\r\n SportEvents_By_Date_Request: \"SR_SPORTEVENTS_BY_DATE_REQUEST\",\r\n SportEvents_By_Date_Response: \"SR_SPORTEVENTS_BY_DATE_RESPONSE\",\r\n\r\n AllBetTypes_Request: \"SR_ALL_BETTYPES_REQUEST\",\r\n AllBetTypes_Response: \"SR_ALL_BETTYPES_RESPONSE\",\r\n\r\n Get_Updated_OddField_Details: \"GET_UPDATED_ODD_FIELDS_DETAILS\",\r\n Get_Updated_OddField_Details_Response:\r\n \"GET_UPDATED_ODD_FIELDS_DETAILS_RESPONSE\",\r\n\r\n OnFeedChanges: \"SR_ONFEEDCHANGED\",\r\n\r\n /////\r\n OnSportEventsChange: \"SR_ON_SPORT_EVENTS_CHANGE\",\r\n OnEventOddsChange: \"SR_ON_EVENT_ODDS_CHANGE\",\r\n onEventOddGroupsChange: \"SR_ON_EVENT_ODD_GROUPS_CHANGE\",\r\n OnEventOddFieldsChange: \"SR_ON_EVENT_ODD_FIELDS_CHANGE\",\r\n OnEventScoreChange: \"SR_ON_EVENT_SCORE_CHANGE\",\r\n OnSportTournamentsChange: \"SR_ON_SPORT_TOURNAMENTS_CHANGE\",\r\n OnTopBetTypesChange: \"SR_ON_TOP_BET_TYPES_CHANGE\",\r\n OnSportTypesChange: \"SR_ON_SPORT_TYPES_CHANGE\",\r\n OnSportCategoriesChange: \"SR_ON_SPORT_CATEGORIES_CHANGE\",\r\n OnSportTopLeaguesChange: \"SR_ON_SPORT_TOP_LEAGUES_CHANGE\",\r\n OnUpcomingEventsChange: \"SR_ON_UPCOMING_EVENTS_CHANGE\",\r\n OnBarItemsChange: \"SR_ON_BAR_ITEMS_CHANGE\",\r\n //////\r\n\r\n OnTimer: \"SR_ON_TIMER\",\r\n Re_Connect: \"SR_RE_CONNECT\",\r\n Producer_Down: \"PRODUCER_DOWN\",\r\n Producer_Up: \"PRODUCER_UP\",\r\n\r\n By_Day_week_Days_response: \"BY_DAY_WEEK_DAYS_RESPONSE\",\r\n Default_Live_Sport_Type_Response: \"DEFAULT_LIVE_SPORT_TYPE_RESPONSE\",\r\n\r\n OnUpcomingDraws: \"On_Upcoming_Draws_Request\",\r\n OnUpcomingDrawsResponse: \"On_Upcoming_Draws_Response\",\r\n OnUpcomingDrawsSuccess: \"On_Upcoming_Draws_Success\",\r\n OnUpcomingDrawsError: \"On_Upcoming_Draws_Error\",\r\n\r\n Get_Draws_Categories_And_Tournaments_Request:\r\n \"Get_Draws_Categories_And_Tournaments_Request\",\r\n Get_Draws_Categories_And_Tournaments_Response:\r\n \"Get_Draws_Categories_And_Tournaments_Response\",\r\n Get_Draws_Categories_And_Tournaments_Success:\r\n \"Get_Draws_Categories_And_Tournaments_Success\",\r\n Get_Draws_Categories_And_Tournaments_Error:\r\n \"Get_Draws_Categories_And_Tournaments_Error\",\r\n\r\n Get_Lucky_Numbers_Event_Result_Request:\r\n \"Get_Lucky_Numbers_Event_Result_Request\",\r\n Get_Lucky_Numbers_Event_Result_Response: \"GET_Lucky_Numbers_EVENT_RESULT_RESPONSE\",\r\n Get_Lucky_Numbers_Event_Result_Success: \"GET_Lucky_Numbers_EVENT_RESULT_SUCCESS\",\r\n Get_Lucky_Numbers_Event_Result_Error: \"GET_Lucky_Numbers_EVENT_RESULT_ERROR\",\r\n\r\n Reset_upcoming_Draws_And_Result: \"Reset_upcoming_Draws_And_Results\",\r\n\r\n Get_Draw_Odds_Request : \"GET_DRAW_ODDS_REQUEST\",\r\n Get_Draw_Odds_Response : \"GET_DRAW_ODDS_RESPONSE\",\r\n\r\n\r\n Get_Suggested_Balls_Request:\"GET_SUGGESTED_BALLS_REQUEST\",\r\n Get_Suggested_Balls_Response:\"GET_SUGGESTED_BALLS_RESPONSE\",\r\n Get_Suggested_Balls_Success:\"GET_SUGGESTED_BALLS_SUCCESS\",\r\n Get_Suggested_Balls_Error:\"GET_SUGGESTED_BALLS_ERROR\",\r\n\r\n Connect_to_Banner_Hub: \"CONNECT_TO_BANNER_HUB\",\r\n Connect_to_Banner_Hub_Success: \"CONNECT_TO_BANNER_HUB_SUCCESS\",\r\n On_Current_Banner_Response : \"ON_CURRENT_BANNER_RESPONSE\",\r\n Get_Current_Banner_Request:\"GET_CURRENT_BANNER_REQUEST\",\r\n Get_Current_Banner_Success:\"GET_CURRENT_BANNER_SUCCESS\",\r\n On_Banner_Change:\"ON_BANNER_CHANGE\",\r\n On_Configration_Change:\"ON_CONFIGRATION_CHANGE\",\r\n On_Banner_Change_Success:\"ON_BANNER_CHANGE_SUCCESS\",\r\n\r\n Get_Custom_Bet_Odd_Field_Data_Request:\"GET_CUSTOM_BET_ODD_FIELD_DATA_REQUEST\",\r\n Get_Custom_Bet_Odd_Field_Data_Success:\"GET_CUSTOM_BET_ODD_FIELD_DATA_SUCCESS\",\r\n Update_Lucky_Numbers_Favorite:\"UPDATE_LUCKY_NUMBER_FAVORITE\"\r\n};\r\n\r\nexport const SearchActionTypes = {\r\n GetSearchedData_Request: \"GET_SEARCHED_DATA_REQUEST\",\r\n GetSearchedData_Response: \"GET_SEARCHED_DATA_RESPONSE\",\r\n GetSearchedData_Success: \"GET_SEARCHED_DATA_SUCCESS\",\r\n GetSearchedData_Error: \"GET_SEARCHED_DATA_ERROR\",\r\n\r\n Navigate_Search_Item: \"NAVIGATE_SEARCH_ITEM\",\r\n};\r\n\r\nexport const HomeActionTypes = {\r\n Load_Request: \"HOME_LOAD_REQUEST\",\r\n};\r\n\r\nexport const VirtualActionTypes = {\r\n Load_Request: \"VIRTUAL_LOAD_REQUEST\",\r\n SportEvents_Request: \"VIRTUAL_SPORTEVENTS_REQUEST\",\r\n SportEvents_Response: \"VIRTUAL_SPORTEVENTS_RESPONSE\",\r\n};\r\n\r\nexport const SportActionTypes = {\r\n Sport_AllEmpty: \"SPORT_ALL_EMPTY\",\r\n};\r\n\r\nexport const SportTypesActionTypes = {\r\n Set_Sport: \"SPORT_TYPES_SET_SPORT\",\r\n Init: \"SPORT_TYPES_INIT\",\r\n SportTypes_Success: \"SPORT_TYPES_SUCCESS\",\r\n SportTypes_Error: \"SPORT_TYPES_ERROR\",\r\n Main_Tournament_Events_Success: \"MAIN_TOURNAMENT_EVENTS_SUCCESS\",\r\n Main_Tournament_Events_Error: \"MAIN_TOURNAMENT_EVENTS_ERROR\",\r\n\r\n SportTypes_Remove_Disabled: \"SPORT_TYPES_REMOVE_DISABLED\",\r\n};\r\n\r\nexport const CategoriesActionTypes = {\r\n Set_Tournament: \"CATEGORIES_SET_TOURNAMENT\",\r\n Init: \"CATEGORIES_INIT\",\r\n SportCategories_Success: \"CATEGORIES_SUCCESS\",\r\n SportCategories_Error: \"CATEGORIES_ERROR\",\r\n SportTopLeagues_Success: \"TOP_LEAGUES_SUCCESS\",\r\n\r\n SportCategories_Remove_Disabled: \"SPORT_TYPES_REMOVE_DISABLED\",\r\n\r\n Update_Favorite_Country_For_Sport_Category:\"UPDATE_FAVORITE_COUNTRY_FOR_SPORT_CATEGORY\"\r\n};\r\n\r\nexport const SportEventsActionTypes = {\r\n Set_Event: \"SPORT_EVENTS_SET_EVENT\",\r\n Init: \"SPORT_EVENTS_INIT\",\r\n\r\n SportEvents_Success: \"SPORT_EVENTS_SUCCESS\",\r\n SportEvents_Error: \"SPORT_EVENTS_ERROR\",\r\n\r\n SportEvents_OddFields_Success: \"SPORT__ODDFIELDS_EVENTS_SUCCESS\",\r\n\r\n SportEvents_Odds_Success: \"SPORT_ODDS_EVENTS_SUCCESS\",\r\n SportEvents_Events_FeedChange: \"SPORT_EVENTS_FEEDCHANGE\",\r\n SportEvents_Upcoming_Events_Success: \"SPORT_UPCOMING_EVENTS_SUCCESS\",\r\n SportEvents_Groups_Success: \"SPORT_GROUPS_SUCCESS\",\r\n SportEvents_BetTypes_Success: \"SPORT_BETTYPES_SUCCESS\",\r\n\r\n AllBetTypes_Success: \"SPORT_EVENTS_ALL_BETTYPES_SUCCESS\",\r\n AllBetTypes_Error: \"SPORT_EVENTS_ALL_BETTYPES_ERROR\",\r\n\r\n SportEvents_Update: \"SPORT_EVENTS_UPDATE\",\r\n SportEvents_OnDropDownsChange: \"SPORT_EVENTS_ON_DROPDOWNS_CHANGE\",\r\n SportEvents_OnMobileBetFilterClick: \"SPORT_EVENTS_On_Mobile_Bet_FilterClick\",\r\n\r\n Sport_Get_Week_Match_Days_Request: \"SPORT_GET_WEEK_MATCH_DAYS_REQUEST\",\r\n Sport_Get_Week_Match_Days_Success: \"SPORT_GET_WEEK_MATCH_DAYS_SUCCESS\",\r\n Sport_Get_Week_Match_Days_Error: \"SPORT_GET_WEEK_MATCH_DAYS_ERROR\",\r\n\r\n Get_Default_Live_Sport_Type_Request: \"GET_DEFAULT_LIVE_SPORT_TYPE_REQUEST\",\r\n Get_Default_Live_Sport_Type_Success: \"GET_DEFAULT_LIVE_SPORT_TYPE_SUCCESS\",\r\n Get_Default_Live_Sport_Type_Error: \"GET_DEFAULT_LIVE_SPORT_TYPE_ERROR\",\r\n\r\n Filter_Sport_Events_Action:\"FILTER_SPORT_EVENTS_ACTION\",\r\n\r\n Update_Favorite_Sport_Events:\"UPDATE_FAVORITE_SPORT_EVENTS\",\r\n Update_Favorite_Team_For_Sport_Events:\"UPDATE_FAVORITE_TEAM_FOR_SPORT_EVENTS\",\r\n Update_Favorite_Country_For_Sport_Events:\"UPDATE_FAVORITE_COUNTRY_FOR_SPORT_EVENTS\"\r\n};\r\n\r\nexport const LiveActionTypes = {\r\n Load_Request: \"LIVE_LOAD_REQUEST\",\r\n};\r\n\r\nexport const GeneralActionTypes = {\r\n //GET THE MAP DATA\r\n Map_Request: \"MAP_REQUEST\",\r\n Map_Success: \"MAP_SUCCESS\",\r\n Map_Error: \"MAP_ERROR\",\r\n\r\n Form_Statuses_Request: \"FORM_STATUSES_REQUEST\",\r\n Form_Statuses_Success: \"FORM_STATUSES_SUCCESS\",\r\n Form_Statuses_Error: \"FORM_STATUSES_ERROR\",\r\n\r\n Bet_Slip_Configuration_Request: \"BET_SLIP_CONFIGURATION_REQUEST\",\r\n Bet_Slip_Configuration_Success: \"BET_SLIP_CONFIGURATION_SUCCESS\",\r\n Bet_Slip_Configuration_Error: \"BET_SLIP_CONFIGURATION_ERROR\",\r\n\r\n Page_Name_Request: \"PAGE_NAME_REQUEST\",\r\n Page_Name_Success: \"PAGE_NAME_SUCCESS\",\r\n Page_Name_Error: \"PAGE_NAME_ERROR\",\r\n\r\n Web_Files_Request: \"WEB_FILES_REQUEST\",\r\n Web_Files_Success: \"WEB_FILES_SUCCESS\",\r\n Web_Files_Error: \"WEB_FILES_ERROR\",\r\n\r\n Web_File_Request: \"WEB_FILE_REQUEST\",\r\n Web_File_Response: \"WEB_FILE_RESPONSE\",\r\n\r\n Bets_By_Bet_Code_Request: \"BETS_BY_BET_CODE_REQUEST\",\r\n Bets_By_Bet_Code_Success: \"BETS_BY_BET_CODE_SUCCESS\",\r\n Bets_By_Bet_Code_Error: \"BETS_BY_BET_CODE_ERROR\",\r\n\r\n Create_Bet_Code_Request: \"CREATE_BET_CODE_REQUEST\",\r\n Create_Bet_Code_Success: \"CREATE_BET_CODE_SUCCESS\",\r\n Create_Bet_Code_Error: \"CREATE_BET_CODE_ERROR\",\r\n Bet_Code_Clear: \"BET_CODE_CLEAR\",\r\n\r\n Get_DrillDown_Groups_Request: \"GET_DRILLDOWN_GROUPS_REQUEST\",\r\n Get_DrillDown_Groups_Success: \"GET_DRILLDOWN_GROUPS_SUCCESS\",\r\n Get_DrillDown_Groups_Error: \"GET_DRILLDOWN_GROUPS_ERROR\",\r\n\r\n Get_Configuration_Request: \"GET_CONFIGURATION_REQUEST\",\r\n Get_Configuration_Success: \"GET_CONFIGURATION_SUCCESS\",\r\n Get_Configuration_Error: \"GET_CONFIGURATION_ERROR\",\r\n\r\n Get_Currencies_Request: \"GET_CURRENCIES_REQUEST\",\r\n Get_Currencies_Success: \"GET_CURRENCIES_SUCCESS\",\r\n Get_Currencies_Error: \"GET_CURRENCIES_ERROR\",\r\n\r\n Get_CountryPhone_Providers_Request: \"GET_COUNTRYPHONE_PROVIDERS_REQUEST\",\r\n Get_CountryPhone_Providers_Success: \"GET_COUNTRYPHONE_PROVIDERS_SUCCESS\",\r\n Get_CountryPhone_Providers_Error: \"GET_COUNTRYPHONE_PROVIDERS_ERROR\",\r\n\r\n Get_Countries_Request: \"GET_COUNTRIES_REQUEST\",\r\n Get_Countries_Success: \"GET_COUNTRIES_SUCCESS\",\r\n Get_Countries_Error: \"GET_COUNTRIES_ERROR\",\r\n\r\n Get_Counties_Request: \"GET_COUNTIES_REQUEST\",\r\n Get_Counties_Success: \"GET_COUNTIES_SUCCESS\",\r\n Get_Counties_Error: \"GET_COUNTIES_ERROR\",\r\n\r\n Get_Banners_Request: \"GET_BANNERS_REQUEST\",\r\n Get_Banners_Success: \"GET_BANNERS_SUCCESS\",\r\n Get_Banners_Error: \"GET_BANNERS_ERROR\",\r\n\r\n Get_Calender_Request: \"GET_CALENDER_REQUEST\",\r\n Get_Calender_Success: \"GET_CALENDER_SUCCESS\",\r\n Get_Calender_Error: \"GET_CALENDER_ERROR\",\r\n\r\n Get_Footer_Providers_Request: \"GET_FOOTER_PROVIDERS_REQUEST\",\r\n Get_Footer_Providers_Success: \"GET_FOOTER_PROVIDERS_SUCCESS\",\r\n Get_Footer_Providers_Error: \"GET_FOOTER_PROVIDERS_ERROR\",\r\n\r\n Get_Footer_Text_Request: \"GET_FOOTER_TEXT_REQUEST\",\r\n Get_Footer_Text_Success: \"GET_FOOTER_TEXT_SUCCESS\",\r\n Get_Footer_Text_Error: \"GET_FOOTER_TEXT_ERROR\",\r\n\r\n Server_Time: \"SERVER_TIME\",\r\n\r\n Get_Country_Flag_Images: \"GET_COUNTRY_FLAG_IMAGES\",\r\n Get_Country_Flag_Images_Success: \"GET_COUNTRY_FLAG_IMAGES_SUCCESS\",\r\n Get_Country_Flag_Images_Error: \"GET_COUNTRY_FLAG_IMAGES_ERROR\",\r\n\r\n Validate_Coupon_Request: \"VALIDATE_COUPON_REQUEST\",\r\n Validate_Coupon_Success: \"VALIDATE_COUPON_SUCCESS\",\r\n Validate_Coupon_Reset: \"VALIDATE_COUPON_RESET\",\r\n Validate_Coupon_Error: \"VALIDATE_COUPON_ERROR\",\r\n Validate_Coupon_Clear_Message: \"VALIDATE_COUPON_CLEAR_MESSAGE\",\r\n Coupon_Reset: \"COUPON_RESET\",\r\n\r\n Get_Loyalty_Rewards_Options_Request: \"GET_LOYALITY_REWARDS_OPTIONS_REQUEST\",\r\n Get_Loyalty_Rewards_Options_Success: \"GET_LOYALITY_REWARDS_OPTIONS_SUCCESS\",\r\n Get_Loyalty_Rewards_Options_Error: \"GET_LOYALITY_REWARDS_OPTIONS_ERROR\",\r\n\r\n Get_Sport_Promos_Request: \"GET_SPORT_PROMOS_REQUEST\",\r\n Get_Sport_Promos_Suceess: \"GET_SPORT_PROMOS_SUCCESS\",\r\n Get_Sport_Promos_Error: \"GET_SPORT_PROMOS_ERROR\",\r\n\r\n Get_Sport_Promos_Info_Request: \"GET_SPORT_PROMOS_INFO_REQUEST\",\r\n Get_Sport_Promos_Info_Suceess: \"GET_SPORT_PROMOS_INFO_SUCCESS\",\r\n Get_Sport_Promos_Info_Error: \"GET_SPORT_PROMOS_INFO_ERROR\",\r\n\r\n Reset_Get_Sport_Promos_Info_Request: \"RESET_GET_SPORT_PROMOS_INFO_REQUEST\",\r\n Reset_Get_Sport_Promos: \"RESET_GET_SPORT_PROMOS\",\r\n\r\n Get_Header_Tabs_Request: \"GET_HEADER_TABS_REQUEST\",\r\n Get_Header_Tabs_Success: \"GET_HEADER_TABS_SUCCESS\",\r\n Get_Header_Tabs_Error: \"GET_HEADER_TABS_ERROR\",\r\n\r\n Get_Sport_Types_Icons_Request: \"GET_SPORT_TYPE_ICONS_REQUEST\",\r\n Get_Sport_Types_Icons_Success: \"GET_SPORT_TYPE_ICONS_SUCCESS\",\r\n Get_Sport_Types_Icons_Error: \"GET_SPORT_TYPE_ICONS_ERROR\",\r\n\r\n Active_Spin_And_Win_Table: \"ACTIVE_SPIN_AND_WIN_TABLE\",\r\n\r\n Get_Lucky_Number_Configuration_Request:\r\n \"GET_LUCKY_NUMBER_CONFIGRATION_REQUEST\",\r\n Get_Lucky_Number_Configuration_Success:\r\n \"GET_LUCKY_NUMBER_CONFIGRATION_SUCCESS\",\r\n Get_Lucky_Number_Configuration_Error: \"GET_LUCKY_NUMBER_CONFIGRATION_ERROR\",\r\n\r\n\r\n Get_Landing_Configuration_Request:\"GET_LANDING_CONFIGRATION_REQUEST\",\r\n Get_Landing_Configuration_Success:\"GET_LANDING_CONFIGRATION_SUCCESS\",\r\n Get_Landing_Configuration_Error:\"GET_LANDING_CONFIGRATION_ERROR\",\r\n\r\n\r\n Get_Work_With_Us_Configuration_Request:\"GET_WORK_WITH_US_CONFIGRATION_REQUEST\",\r\n Get_Work_With_Us_Configuration_Success:\"GET_WORK_WITH_US_CONFIGRATION_SUCCESS\",\r\n Get_Work_With_Us_Configuration_Error:\"GET_WORK_WITH_US_CONFIGRATION_ERROR\",\r\n\r\n\r\n Get_Kiosk_Web_Banner_Images_Request:\"GET_KIOSK_WEB_BANNER_IMAGES_REQUEST\",\r\n Get_Kiosk_Web_Banner_Images_Success:\"GET_KIOSK_WEB_BANNER_IMAGES_SUCCESS\",\r\n Get_Kiosk_Web_Banner_Images_Error:\"GET_KIOSK_WEB_BANNER_IMAGES_ERROR\"\r\n};\r\n\r\nexport const ContactUsActionTypes = {\r\n // GET THE SUBJECTS\r\n Subjects_Request: \"SUBJECTS_REQUEST\",\r\n Subjects_Success: \"SUBJECTS_SUCCESS\",\r\n Subjects_Error: \"SUBJECT_ERROR\",\r\n\r\n Contact_Data_Request: \"CONTACT_DATA_REQUEST\",\r\n Contact_Data_Success: \"CONTACT_DATA_SUCCESS\",\r\n Contact_Data_Error: \"CONTACT_DATA_ERROR\",\r\n};\r\n\r\nexport const RegisterActionTypes = {\r\n Init: \"INIT_REGISTER\",\r\n //Get Register Entites\r\n Register_Entities_Request: \"REGISTER_ENTITIES_REQUEST\",\r\n Register_Entities_Success: \"REGISTER_ENTITIES_SUCCESS\",\r\n Register_Entities_Error: \"REGISTER_ENTITIES_ERROR\",\r\n\r\n\r\n Verify_Email_Request: \"VERIFY_EMAIL_REQUEST\",\r\n Verify_Email_Success: \"VERIFY_EMAIL_SUCCESS\",\r\n Verify_Email_Error: \"VERIFY_EMAIL_ERROR\",\r\n\r\n Add_Member_Phone_Request: \"ADD_MEMBER_PHONE_REQUEST\",\r\n Add_Member_Phone_Success: \"ADD_MEMBER_PHONE_SUCCESS\",\r\n Add_Member_Phone_Error: \"ADD_MEMBER_PHONE_ERROR\",\r\n\r\n //Validate Phone\r\n Validate_Phone_Request: \"VALIDATE_PHONE_REQUEST\",\r\n Validate_Phone_Success: \"VALIDATE_PHONE_SUCCESS\",\r\n Validate_Phone_Error: \"VALIDATE_PHONE_ERROR\",\r\n\r\n //Validate add phone\r\n Validate_Add_Phone_Request: \"VALIDATE_ADD_PHONE_REQUEST\",\r\n Validate_Add_Phone_Success: \"VALIDATE_ADD_PHONE_SUCCESS\",\r\n Validate_Add_Phone_Error: \"VALIDATE_ADD_PHONE_ERROR\",\r\n\r\n //Register member\r\n Register_Member_Request: \"REGISTER_MEMBER_REQUEST\",\r\n Register_Member_Success: \"REGISTER_MEMBER_SUCCESS\",\r\n Register_Member_Error: \"REGISTER_MEMBER_ERROR\",\r\n\r\n // VALIDATE EMAIL\r\n Validate_Email_Request: \"VALIDATE_EMAIL_RESPONSE\",\r\n Validate_Email_Success: \"VALIDATE_EMAIL_SUCCESS\",\r\n Validate_Email_Error: \"VALIDATE_EMAIL_ERROR\",\r\n\r\n Send_Register_Data: \"SEND_REGISTER_DATA\",\r\n Handle_Register_signin: \"HANDLE_REGISTER_SIGNIN\",\r\n};\r\n\r\nexport const AuthActionTypes = {\r\n Init: \"INIT_AUTH\",\r\n //Sign In\r\n Signin_Request: \"SIGNIN_REQUEST\",\r\n Signin_Success: \"SIGNIN_SUCCESS\",\r\n Register_Signin_Success: \"REGISTER_SIGNIN_SUCCESS\",\r\n Signin_Error: \"SIGNIN_ERROR\",\r\n\r\n //Sign Out\r\n Signout_Request: \"SIGNOUT_REQUEST\",\r\n Signout_Success: \"SIGNOUT_SUCCESS\",\r\n Signout_Error: \"SIGNOUT_ERROR\",\r\n\r\n Forgot_Password_Check_Dest_Request: \"FORGOT_PASSWORD_CHECK_DEST_REQUEST\",\r\n Forgot_Password_Check_Dest_Suceess: \"FORGOT_PASSWORD_CHECK_DEST_SUCCESS\",\r\n Forgot_Password_Check_Dest_Error: \"FORGOT_PASSWORD_CHECK_DEST_ERROR\",\r\n\r\n Forgot_Password_Request: \"FORGOT_PASSWORD_REQUEST\",\r\n Forgot_Password_Suceess: \"FORGOT_PASSWORD_SUCCESS\",\r\n Forgot_Password_Error: \"FORGOT_PASSWORD_ERROR\",\r\n\r\n Forgot_Password_Confirm_Request: \"FORGOT_PASSWORD_CONFIRM_REQUEST\",\r\n Forgot_Password_Confirm_Suceess: \"FORGOT_PASSWORD_CONFIRM_SUCCESS\",\r\n Forgot_Password_First_Step_Confirm_Suceess:\r\n \"FORGOT_PASSWORD_FIRST_STEP_CONFIRM_SUCCESS\",\r\n Forgot_Password_Confirm_Error: \"FORGOT_PASSWORD_CONFIRM_ERROR\",\r\n\r\n Change_Password_Request: \"CHANGE_PASSWORD_REQUEST\",\r\n Change_Password_Suceess: \"CHANGE_PASSWORD_SUCCESS\",\r\n Change_Password_Error: \"CHANGE_PASSWORD_ERROR\",\r\n\r\n Update_Password_Request: \"UPDATE_PASSWORD_REQUEST\",\r\n Update_Password_Suceess: \"UPDATE_PASSWORD_SUCCESS\",\r\n Update_Password_Error: \"UPDATE_PASSWORD_ERROR\",\r\n\r\n Start_Click_listener: \"START_CLICK_LISTENER\",\r\n Set_Show_Login_Pop_Confirm: \"SET_SHOW_LOGIN_POP_CONFIRM\",\r\n\r\n // Token\r\n Refresh_Token_Request: \"REFRESH_TOKEN_REQUEST\",\r\n Refresh_Token_Success: \"REFRESH_TOKEN_SUCCESS\",\r\n Refresh_Token_Error: \"REFRESH_TOKEN_ERROR\",\r\n};\r\n\r\nexport const MembersActionTypes = {\r\n Init: \"INIT_MEMBER\",\r\n //Update member phone\r\n Add_Second_Member_Phone_Request: \"ADD_SECOND_MEMBER_PHONE_REQUEST\",\r\n Add_Second_Member_Phone_Success: \"ADD_SECOND_MEMBER_PHONE_SUCCESS\",\r\n Add_Second_Member_Phone_Error: \"ADD_SECOND_MEMBER_PHONE_ERROR\",\r\n\r\n //Validate add phone\r\n Validate_Add_Second_Phone_Request: \"VALIDATE_SECOND_ADD_PHONE_REQUEST\",\r\n Validate_Add_Second_Phone_Success: \"VALIDATE_SECOND_ADD_PHONE_SUCCESS\",\r\n Validate_Add_Second_Phone_Error: \"VALIDATE_SECOND_ADD_PHONE_ERROR\",\r\n\r\n // Update Member Details\r\n Member_Details_Request: \"MEMBER_DETAILS_REQUEST\",\r\n Member_Details_Success: \"MEMBER_DETAILS_SUCCESS\",\r\n Member_Details_Error: \"MEMBER_DETAILS_ERROR\",\r\n\r\n // Get Member Details\r\n Get_Member_Details_Request: \"GET_MEMBER_DETAILS_REQUEST\",\r\n Get_Member_Details_Success: \"GET_MEMBER_DETAILS_SUCCESS\",\r\n Get_Member_Details_Error: \"GET_MEMBER_DETAILS_ERROR\",\r\n\r\n Send_Verify_Email_Request: \"SEND_VERIFY_EMAIL_REQUEST\",\r\n Send_Verify_Email_Success: \"SEND_VERIFY_EMAIL_SUCCESS\",\r\n Send_Verify_Email_Error: \"SEND_VERIFY_EMAIL_ERROR\",\r\n\r\n Deposit_From_Voucher_Request: \"DEPOSIT_FROM_VOUCHER_REQUEST\",\r\n Deposit_From_Voucher_Success: \"DEPOSIT_FROM_VOUCHER_SUCCESS\",\r\n Deposit_From_Voucher_Error: \"DEPOSIT_FROM_VOUCHER_ERROR\",\r\n\r\n Mtn_Deposit_Request: \"MTN_DEPOSIT_REQUEST\",\r\n Mtn_Deposit_Success: \"MTN_DEPOSIT_SUCCESS\",\r\n Mtn_Deposit_Error: \"MTN_DEPOSIT_ERROR\",\r\n\r\n Orange_Deposit_Request: \"ORANGE_DEPOSIT_REQUEST\",\r\n Orange_Deposit_Success: \"ORANGE_DEPOSIT_SUCCESS\",\r\n Orange_Deposit_Error: \"ORANGE_DEPOSIT_ERROR\",\r\n\r\n Mtn_Withdraw_Request: \"MTN_WITHDRAW_REQUEST\",\r\n Mtn_Withdraw_Success: \"MTN_WITHDRAW_SUCCESS\",\r\n Mtn_Withdraw_Error: \"MTN_WITHDRAW_ERROR\",\r\n\r\n Tipme_Withdraw_Request: \"TIPME_WITHDRAW_REQUEST\",\r\n Tipme_Withdraw_Success: \"TIPME_WITHDRAW_SUCCESS\",\r\n Tipme_Withdraw_Error: \"TIPME_WITHDRAW_ERROR\",\r\n\r\n Tipme_Confirm_Withdraw_Request: \"TIPME_CONFIRM_WITHDRAW_REQUEST\",\r\n Tipme_Confirm_Withdraw_Success: \"TIPME_CONFIRM_WITHDRAW_SUCCESS\",\r\n Tipme_Confirm_Withdraw_Error: \"TIPME_CONFIRM_WITHDRAW_ERROR\",\r\n\r\n Orange_Withdraw_Request: \"ORANGE_WITHDRAW_REQUEST\",\r\n Orange_Withdraw_Success: \"ORANGE_WITHDRAW_SUCCESS\",\r\n Orange_Withdraw_Error: \"ORANGE_WITHDRAW_ERROR\",\r\n\r\n Withdrawal_To_Voucher_Request: \"WITHDRAWAL_TO_VOUCHER_REQUEST\",\r\n Withdrawal_To_Voucher_Success: \"WITHDRAWAL_TO_VOUCHER_SUCCESS\",\r\n Withdrawal_To_Voucher_Error: \"WITHDRAWAL_TO_VOUCHER_ERROR\",\r\n\r\n Member_Transactions_Request: \"MEMBER_TRANSTACTIONS_REQUEST\",\r\n Member_Transactions_Success: \"MEMBER_TRANSTACTIONS_SUCCESS\",\r\n Member_Transactions_Error: \"MEMBER_TRANSTACTIONS_ERROR\",\r\n\r\n Member_Forms_Request: \"MEMBER_FORMS_REQUEST\",\r\n Member_Forms_Success: \"MEMBER_FORMS_SUCCESS\",\r\n Member_Forms_Error: \"MEMBER_FORMS_ERROR\",\r\n\r\n Member_Forms_Change: \"MEMBER_FORMS_CHANGE\",\r\n\r\n Forms_Details_Request: \"FORMS_DETAILS_REQUEST\",\r\n Forms_Details_Success: \"FORMS_DETAILS_SUCCESS\",\r\n Forms_Details_Error: \"FORMS_DETAILS_ERROR\",\r\n\r\n Add_Provider_List_Request: \"ADD_PROVIDER_LIST_REQUEST\",\r\n Add_Provider_List_Success: \"ADD_PROVIDER_LIST_Success\",\r\n Add_Provider_List_Error: \"ADD_PROVIDER_LIST_Error\",\r\n\r\n Member_Add_Provider_List_Request: \"MEMBER_ADD_PROVIDER_LIST_REQUEST\",\r\n Member_Add_Provider_List_Success: \"MEMBER_ADD_PROVIDER_LIST_Success\",\r\n Member_Add_Provider_List_Error: \"MEMBER_ADD_PROVIDER_LIST_Error\",\r\n\r\n Tip_Me_Customer_Search_Request: \"TIP_ME_CUSTOMER_SEARCH_REQUEST\",\r\n Tip_Me_Customer_Search_Success: \"TIP_ME_CUSTOMER_SEARCH_SUCCESS\",\r\n Tip_Me_Customer_Search_Error: \"TIP_ME_CUSTOMER_SEARCH_ERROR\",\r\n\r\n Deposite_Tip_Me_Customer_Search_Request:\r\n \"DEPOSITE_TIP_ME_CUSTOMER_SEARCH_REQUEST\",\r\n Deposite_Tip_Me_Customer_Search_Success:\r\n \"DEPOSITE_TIP_ME_CUSTOMER_SEARCH_SUCCESS\",\r\n Deposite_Tip_Me_Customer_Search_Error:\r\n \"DEPOSITE_TIP_ME_CUSTOMER_SEARCH_ERROR\",\r\n\r\n Tip_Me_First_Deposit_Message_Request: \"TIP_ME_FIRST_DEPOSIT_MESSAGE_REQUEST\",\r\n Tip_Me_First_Deposit_Message_Success: \"TIP_ME_FIRST_DEPOSIT_MESSAGE_SUCCESS\",\r\n Tip_Me_First_Deposit_Message_Error: \"TIP_ME_FIRST_DEPOSIT_MESSAGE_ERROR\",\r\n\r\n Tip_Me_OTP_Verification_Request: \"TIP_ME_OTP_VERIFICATION_REQUEST\",\r\n Tip_Me_OTP_Verification_Success: \"TIP_ME_OTP_VERIFICATION_SUCCESS\",\r\n Tip_Me_OTP_Verification_Error: \"TIP_ME_OTP_VERIFICATION_ERROR\",\r\n\r\n Add_Member_Providers_Request: \"ADD_MEMBER_PROVIDERS_REQUEST\",\r\n Add_Member_Providers_Success: \"ADD_MEMBER_PROVIDERS_SUCCESS\",\r\n Add_Member_Providers_Error: \"ADD_MEMBER_PROVIDERS_ERROR\",\r\n\r\n Get_Rewards_Request: \"GET_REWARDS_REQUEST\",\r\n Get_Rewards_Success: \"GET_REWARDS_SUCCESS\",\r\n Get_Rewards_Error: \"GET_REWARDS_ERROR\",\r\n\r\n Get_Rewards_Transaction_Request: \"GET_REWARDS_TRANSACTION_REQUEST\",\r\n Get_Rewards_Transaction_Success: \"GET_REWARDS_TRANSACTION_SUCCESS\",\r\n Get_Rewards_Transaction_Error: \"GET_REWARDS_TRANSACTION_ERROR\",\r\n\r\n Get_Club_Reward_Status_Request: \"GET_CLUB_REWARD_STATUS_REQUEST\",\r\n Get_Club_Reward_Status_Success: \"GET_CLUB_REWARD_STATUS_SUCCESS\",\r\n Get_Club_Reward_Status_Error: \"GET_CLUB_REWARD_STATUS_ERROR\",\r\n\r\n Get_Club_Member_Reward_Info_Request: \"GET_CLUB_MEMBER_REWARD_INFO_REQUEST\",\r\n Get_Club_Member_Reward_Info_Success: \"GET_CLUB_MEMBER_REWARD_INFO_SUCCESS\",\r\n Get_Club_Member_Reward_Info_Error: \"GET_CLUB_MEMBER_REWARD_INFO_ERROR\",\r\n\r\n Customer_Club_Reward_Redeem_Request: \"CUSTOMER_CLUB_REWARD_REDEEM_REQUEST\",\r\n Customer_Club_Reward_Redeem_Success: \"CUSTOMER_CLUB_REWARD_REDEEM_SUCCESS\",\r\n Customer_Club_Reward_Redeem_Error: \"CUSTOMER_CLUB_REWARD_REDEEM_ERROR\",\r\n\r\n Get_Wheel_Of_Fortune_Gift_Request: \"GET_WHEEL_OF_FORTUNE_GIFT_REQUEST\",\r\n Get_Wheel_Of_Fortune_Gift_Success: \"GET_WHEEL_OF_FORTUNE_GIFT_SUCCESS\",\r\n Get_Wheel_Of_Fortune_Gift_Error: \"GET_WHEEL_OF_FORTUNE_GIFT_ERROR\",\r\n\r\n Wheel_Of_Fortune_Spin_Request: \"WHEEL_OF_FORTUNE_SPIN_REQUEST\",\r\n Wheel_Of_Fortune_Spin_Success: \"WHEEL_OF_FORTUNE_SPIN_SUCCESS\",\r\n Wheel_Of_Fortune_Spin_Error: \"WHEEL_OF_FORTUNE_SPIN_ERROR\",\r\n\r\n Voucher_Details_Request: \"VOUCHER_DETAILS_REQUEST\",\r\n Voucher_Details_Success: \"VOUCHER_DETAILS_SUCCESS\",\r\n Voucher_Details_Error: \"VOUCHER_DETAILS_ERROR\",\r\n\r\n Skip: \"SKIP\",\r\n Previous: \"PREVIOUS\",\r\n\r\n Member_Update_Balance: \"MEMBER_UPDATE_BALANCE\",\r\n\r\n Set_Selected_Currency: \"SET_SELECTED_CURRENCY\",\r\n\r\n Member_Approved_Jackpot_Winnings_Request:\r\n \"MEMBER_APPROVED_JACKPOT_WINNING_REQUEST\",\r\n Member_Approved_Jackpot_Winnings_Success:\r\n \"MEMBER_APPROVED_JACKPOT_WINNING_SUCCESS\",\r\n Member_Approved_Jackpot_Winnings_Error:\r\n \"MEMBER_APPROVED_JACKPOT_WINNING_ERROR\",\r\n Open_Mobile_Table_Details: \"OPEN_MOBILE_TABLE_DETAILS\",\r\n Open_Mobile_Voucher_Details: \"OPEN_MOBILE_VOUCHER_DETAILS\",\r\n Open_Bet_Details_Modal: \"OPEN_BET_DETAILS_MODAL\",\r\n Open_Reward_Spin_Modal: \"OPEN_REWARD_SPIN_MODAL\",\r\n Open_Voucher_Modal: \"OPEN_VOUCHER_MODAL\",\r\n\r\n CheckDepositBonusConditions_Request: \"CHECK_DEPOSIT_BONUS_CONDITIONS_REQUEST\",\r\n CheckDepositBonusConditions_Success: \"CHECK_DEPOSIT_BONUS_CONDITIONS_SUCCESS\",\r\n CheckDepositBonusConditions_Error: \"CHECK_DEPOSIT_BONUS_CONDITIONS_ERROR\",\r\n\r\n CreateCustomerServiceCode_Request: \"CREATE_CUSTOMER_SERVICE_CODE_REQUEST\",\r\n CreateCustomerServiceCode_Success: \"CREATE_CUSTOMER_SERVICE_CODE_SUCCESS\",\r\n CreateCustomerServiceCode_Error: \"CREATE_CUSTOMER_SERVICE_CODE_ERROR\",\r\n\r\n Get_Sign_In_Loyalty_Rewards_Options_Request:\r\n \"GET_SIGN_IN_LOYALITY_REWARDS_OPTIONS_REQUEST\",\r\n\r\n Get_Loyalty_Rewards_Coupons_Request: \"GET_LOYALITY_REWARDS_COUPONS_REQUEST\",\r\n Get_Loyalty_Rewards_Coupons_Success: \"GET_LOYALITY_REWARDS_COUPONS_SUCCESS\",\r\n Get_Loyalty_Rewards_Coupons_Error: \"GET_LOYALITY_REWARDS_COUPONS_ERROR\",\r\n\r\n Create_Member_Slots_Bonus_Request: \"CREATE_MEMBER_SLOTS_BONUS_REQUEST\",\r\n Create_Member_Slots_Bonus_Success: \"CREATE_MEMBER_SLOTS_BONUS_SUCCESS\",\r\n Create_Member_Slots_Bonus_Error: \"CREATE_MEMBER_SLOTS_BONUS_ERROR\",\r\n\r\n Reset_Single_Reward: \"REST_SINGLE_REWARD\",\r\n\r\n Get_Last_Reward_Notifications_Request:\r\n \"GET_LAST_REWARD_NOTIFICATIONS_REQUEST\",\r\n Get_Last_Reward_Notifications_Success:\r\n \"GET_LAST_REWARD_NOTIFICATIONS_SUCCESS\",\r\n Get_Last_Reward_Notifications_Error: \"GET_LAST_REWARD_NOTIFICATIONS_ERROR\",\r\n\r\n Get_Notification_History_Request: \"GET_NOTIFICATION_HISTORY_REQUEST\",\r\n Get_Notification_History_Success: \"GET_NOTIFICATION_HISTORY_SUCCESS\",\r\n Get_Notification_History_Error: \"GET_NOTIFICATION_HISTORY_ERROR\",\r\n\r\n Delete_Notification_Request: \"DELETE_NOTIFICATION_REQUEST\",\r\n Delete_Notification_Success: \"DELETE_NOTIFICATION_SUCCESS\",\r\n Delete_Notification_Error: \"DELETE_NOTIFICATION_ERROR\",\r\n\r\n Get_Notification_Count_Request: \"GET_NOTIFICATION_COUNT_REQUEST\",\r\n Get_Notification_Count_Success: \"GET_NOTIFICATION_COUNT_SUCCESS\",\r\n Get_Notification_Count_Error: \"GET_NOTIFICATION_COUNT_ERROR\",\r\n\r\n Mute_Notification_Request: \"MUTE_NOTIFICATION_REQUEST\",\r\n Mute_Notification_Success: \"MUTE_NOTIFICATION_SUCCESS\",\r\n Mute_Notification_Error: \"MUTE_NOTIFICATION_ERROR\",\r\n\r\n Get_Form_Cash_Out_Offer_Request: \"GET_FORM_CASH_OUT_OFFER_REQUEST\",\r\n Get_Form_Cash_Out_Offer_Success: \"GET_FORM_CASH_OUT_OFFER_SUCCESS\",\r\n Get_Form_Cash_Out_Offer_Error: \"GET_FORM_CASH_OUT_OFFER_ERROR\",\r\n\r\n Early_Cash_Out_Request: \"EARLY_CASH_OUT_REQUEST\",\r\n Early_Cash_Out_Success: \"EARLY_CASH_OUT_SUCCESS\",\r\n Early_Cash_Out_Error: \"EARLY_CASH_OUT_ERROR\",\r\n\r\n Set_Member_Cash_Out_Offer: \"SET_MEMBER_CASH_OUT_OFFER\",\r\n Reset_Member_Cash_Out_Offer: \"RESET_MEMBER_CASH_OUT_OFFER\",\r\n\r\n Get_Notification_Details_Request: \"GET_NOTIFICATION_DETAILS_REQUEST\",\r\n Get_Notification_Details_Success: \"GET_NOTIFICATION_DETAILS_SUCCESS\",\r\n Get_Notification_Details_Error: \"GET_NOTIFICATION_DETAILS_ERROR\",\r\n\r\n Read_Notification_Status_Request: \"READ_NOTIFICATION_STATUS_REQUEST\",\r\n Read_Notification_Status_Success: \"READ_NOTIFICATION_STATUS_SUCCESS\",\r\n Read_Notification_Status_Error: \"READ_NOTIFICATION_STATUS_ERROR\",\r\n\r\n Manage_Memeber_Favorite_Request: \"MANAGE_MEMBER_FAVORITE_REQUEST\",\r\n Manage_Memeber_Favorite_Success: \"MANAGE_MEMBER_FAVORITE_SUCCESS\",\r\n Manage_Memeber_Favorite_Error: \"MANAGE_MEMBER_FAVORITE_ERROR\",\r\n\r\n Create_Member_Slots_Bonus_By_Coupon_Code_Request:\"CREATE_MEMBER_SLOTS_BONUS_BY_COUPON_CODE_REQUEST\",\r\n Create_Member_Slots_Bonus_By_Coupon_Code_Success:\"CREATE_MEMBER_SLOTS_BONUS_BY_COUPON_CODE_SUCCESS\",\r\n Create_Member_Slots_Bonus_By_Coupon_Code_Error:\"CREATE_MEMBER_SLOTS_BONUS_BY_COUPON_CODE_ERROR\",\r\n};\r\n\r\nexport const BetSlipActionTypes = {\r\n Update_BetSlip_List_Request: \"UPDATE_BETSLIP_LIST_REQUEST\",\r\n Update_BetSlip_List_Done: \"UPDATE_BETSLIP_LIST_DONE\",\r\n Update_BetSlip_From_Storage: \"UPDATE_BETSLIP_FROM_STORAGE\",\r\n\r\n Update_BetSlip_From_FeedChange: \"UPDATE_BETSLIP_FROM_FEEDCHANGE\",\r\n\r\n Set_Tab: \"SET_TAB\",\r\n BetSlip_Clear: \"BETSLIP_CLEAR\",\r\n Clear_Succeeded_Bets: \"CLEAR_SUCCEEDED_BETS\",\r\n BetSlip_Remove_Field: \"BETSLIP_REMOVE_FIELD\",\r\n\r\n On_Amount_Change: \"ON_AMOUNT_CHANGE\",\r\n On_Field_Amount_Change: \"ON_FIELD_AMOUNT_CHANGE\",\r\n\r\n Place_Multiple_Bet_Request: \"PLACE_MULTIPLE_BET_REQUEST\",\r\n Place_Single_Bet_Request: \"PLACE_SINGLE_BET_REQUEST\",\r\n Place_Bet_Success: \"PLACE_BET_SUCCESS\",\r\n Place_Bet_Builder_Success:\"PLACE_BET_BUILDER_SUCCESS\",\r\n Place_Bet_Error: \"PLACE_BET_ERROR\",\r\n Place_Single_Bets_Response: \"PLACE_SINGLE_BETS_RESPONSE\",\r\n\r\n Set_BetSlip_Errors: \"SET_BETSLIP_ERRORS\",\r\n Set_BetSlip_Total_Odds: \"SET_BETSLIP_TOTAL_ODDS\",\r\n Set_BetSlip_Total_Stake: \"SET_BETSLIP_TOTAL_STAKE\",\r\n Set_BetSlip_Possible_Winnings: \"SET_BETSLIP_POSSIBLE_WINNINGS\",\r\n Set_Hide_Stake: \"SET_HIDE_STAKE\",\r\n Handle_Hide_Stake: \"HANDLE_HIDE_STAKE\",\r\n\r\n Set_BetSlip_Value_Change_Warning: \"SET_BETSLIP_VALUE_CHANGE_WARNING\",\r\n\r\n Set_Login_Error: \"SET_LOGIN_ERROR\",\r\n Clear_Login_Error: \"CLEAR_LOGIN_ERROR\",\r\n Clear_BetSlip_Success: \"CLEAR_BETSLIP_SUCCESS\",\r\n Place_Bet_Clear_Error_Message: \"PLACE_BET_CLEAR_ERROR_MESSAGE\",\r\n\r\n Update_Custom_Bet_Display_Odd:\"UPDATE_CUSTOM_BET_DISPLAY_ODD\",\r\n Update_BetBuilder_List_Done: \"UPDATE_BETBUILDER_LIST_DONE\",\r\n Set_BetBuilder_Total_Odds:\"SET_BETBUILDER_TOTAL_ODDS\",\r\n Set_BetBuilder_Possible_Winnings:\"SET_BETBUILDER_POSSIBLE_WINNING\",\r\n Clear_Bet_Builder:\"CLEAR_BET_BUILDER\",\r\n On_Bet_Builder_Amount_Change:\"ON_BET_BUILDER_AMOUNT_CHANGE\",\r\n Bet_Builder_Amount_Changed:\"BET_BUILDER_AMOUNT_CHANGED\",\r\n Place_Bet_Builder_Request:\"PLACE_BET_BUILDER_REQUEST\",\r\n Reset_Bet_Builder:\"RESET_BET_BUILDER\",\r\n Bet_Builder_Place_Bet_Error:\"BET_BUILDER_PLACE_BET_ERROR\",\r\n Validate_Single_Coupon:\"VALIDATE_SINGLE_COUPON\",\r\n Disable_Single_Coupoun:\"DISABLE_SINGLE_COUPON\"\r\n};\r\n\r\nexport const ModalActionTypes = {\r\n Open_Modal_Request: \"OPEN_MODAL_REQUEST\",\r\n Open_Modal_Success: \"OPEN_MODAL_SUCCESS\",\r\n\r\n Close_Modal_Request: \"CLOSE_MODAL_REQUEST\",\r\n Close_Modal_Success: \"CLOSE_MODAL_SUCCESS\",\r\n};\r\n\r\nexport const SlotsActionTypes = {\r\n Get_Slots_Games_Request: \"GET_SLOTS_GAMES_REQUEST\",\r\n Get_Slots_Games_Success: \"GET_SLOTS_GAMES_SUCCESS\",\r\n Get_Slots_Games_Error: \"GET_SLOTS_GAMES_ERROR\",\r\n\r\n Slots_Game_Connect_Request: \"SLOTS_GAME_CONNECT_REQUEST\",\r\n Slots_Game_Connect_Success: \"SLOTS_GAME_CONNECT_SUCCESS\",\r\n Slots_Game_Connect_Error: \"SLOTS_GAME_CONNECT_ERROR\",\r\n Slots_Game_Init: \"SLOTS_GAME_INIT\",\r\n Current_Slots_Game: \"CURRENT_SLOTS_GAME\",\r\n Set_Slots_Round_Finish: \"SET_SLOTS_ROUND_FINISH\",\r\n\r\n Get_Jackpot_Request: \"GET_JACKPOT_REQUEST\",\r\n Get_Jackpot_Success: \"GET_JACKPOT_SUCCESS\",\r\n Get_Jackpot_Error: \"GET_JACKPOT_ERROR\",\r\n\r\n Jackpot_Winning_Success: \"JACKPOT_WINNING_SUCCESS\",\r\n Jackpot_Winning_Approved: \"JACKPOT_WINNING_APPROVED\",\r\n Set_Jackpot_Won_Message: \"SET_JACKPOT_WON_MESSAGE\",\r\n Set_Is_Jackpot_Won: \"SET_IS_JACKPOT_WON\",\r\n\r\n Get_Slots_Bonus_Games_By_Condition_Id_Request:\r\n \"GET_SLOTS_BONUS_GAMES_BY_CONDITION_ID_REQUEST\",\r\n Get_Slots_Bonus_Games_By_Condition_Id_Success:\r\n \"GET_SLOTS_BONUS_GAMES_BY_CONDITION_ID_SUCCESS\",\r\n Get_Slots_Bonus_Games_By_Condition_Id_Error:\r\n \"GET_SLOTS_BONUS_GAMES_BY_CONDITION_ID_ERROR\",\r\n Set_Slots_Bonus_Games:\"SET_SLOTS_BONUS_GAMES\",\r\n Reset_Slots_Bonus_Games:\"SET_SLOTS_BONUS_GAMES\",\r\n};\r\n","import { Button, Popover } from \"antd\";\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { AppConfig, SessionStorage } from \"../../../helpers\";\r\nimport Alert from \"../Alert\";\r\nimport { CreateMemberSlotsBonusByCouponCode } from \"../../../redux/actions/membersActions\";\r\n\r\nexport class SlotGame extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n errored: false,\r\n src: undefined,\r\n };\r\n }\r\n\r\n componentWillMount() {\r\n let src = this.props.src;\r\n try {\r\n this.setState({\r\n errored: false,\r\n src,\r\n });\r\n } catch (e) {\r\n\r\n const alternativeImage =src ? (src.includes('_b.') ? require(\"../../../resources/images/winners_b.webp\") : (src.includes('_h.') || src.includes('_t.')) ? require(\"../../../resources/images/winners_h.webp\") : src.includes('_m.') ? require(\"../../../resources/images/winners_m.webp\"): src.includes('_s.') ? require(\"../../../resources/images/winners_s.webp\") : src.includes('_v.') ? require(\"../../../resources/images/winners_v.webp\") : require(\"../../../resources/images/logo600.webp\")) : require(\"../../../resources/images/logo600.webp\")\r\n this.setState({\r\n errored: true,\r\n src: alternativeImage,\r\n });\r\n }\r\n }\r\n componentDidUpdate(prevProps){\r\n const {src} = this.props;\r\n if (prevProps.src !== src){\r\n this.setState({\r\n src:src\r\n })\r\n }\r\n }\r\n\r\n onError = () => {\r\n let src = this.props.src;\r\n const alternativeImage =src ? (src.includes('_b.') ? require(\"../../../resources/images/winners_b.webp\") : (src.includes('_h.') || src.includes('_t.')) ? require(\"../../../resources/images/winners_h.webp\") : src.includes('_m.') ? require(\"../../../resources/images/winners_m.webp\"): src.includes('_s.') ? require(\"../../../resources/images/winners_s.webp\") : src.includes('_v.') ? require(\"../../../resources/images/winners_v.webp\") : require(\"../../../resources/images/logo600.webp\")) : require(\"../../../resources/images/logo600.webp\")\r\n if (!this.state.errored) {\r\n this.setState({\r\n src: alternativeImage,\r\n errored: true,\r\n });\r\n }\r\n };\r\n navToGame=(gameId)=>{\r\n const {history} = this.props\r\n history.push(`/slots/game/${gameId}/1`)\r\n }\r\n validateCouponAndNavToGame=(gameId , bonusTypeId)=>{\r\n const {CreateMemberSlotsBonusByCouponCode} =this.props\r\n let data={\r\n bonusTypeId: bonusTypeId,\r\n couponCode: SessionStorage.couponCode,\r\n gameId: gameId\r\n }\r\n CreateMemberSlotsBonusByCouponCode(data)\r\n }\r\n render() {\r\n const { src, style, signedIn , gameId , history , className , fromCoupon , loadingCreateMemberSlotsBonus , errorCreateMemberSlotsBonus , bonusTypeId} = this.props;\r\n return (\r\n <>\r\n {signedIn ? (\r\n fromCoupon ? \r\n \r\n
\r\n );\r\n })}\r\n {item.imageText}
\r\n\r\n
\r\n \r\n }\r\n trigger=\"click\"\r\n zIndex={2}\r\n >\r\n Coupon Applied To This Game
\r\n\r\n this.validateCouponAndNavToGame(gameId , bonusTypeId)}\r\n >\r\n Play\r\n \r\n
\r\n {errorCreateMemberSlotsBonus && (\r\n \r\n
\r\n )}\r\n