\n {children}\n
\n \n );\n\n return bottomPopover(\n generatePopoverForKind(kind, { ...payload, dissmissPopover })\n );\n}\n\nPopover.propTypes = {\n kind: PropTypes.string,\n dissmissPopover: PropTypes.func.isRequired,\n payload: PropTypes.object\n};\n\nPopover.defaultProps = {};\n\nexport default Popover;\n","import { connect } from 'react-redux';\nimport Popover from './popover';\nimport { dissmissPopover } from '../../actions/popover';\nimport withPGTranslation from '../../config/withPGTranslation';\n\nconst mapStateProps = ({ popover }) => ({ ...popover });\n\nexport default connect(mapStateProps, {\n dissmissPopover\n})(withPGTranslation(Popover));\n","// extracted by mini-css-extract-plugin\nexport default {\"browserContainer\":\"browserContainer--D4TOt\",\"mobileContainer\":\"mobileContainer--rGmuI\",\"popover\":\"popover--xUC4t\",\"scrollContainerBrowser\":\"scrollContainerBrowser--kGU2A\",\"scrollContainerMobile\":\"scrollContainerMobile--_zuNC\",\"contentHolder\":\"contentHolder--x_KmX\",\"input\":\"input--bsywD\",\"inputError\":\"inputError--M9hkV\",\"actionButton\":\"actionButton--UxfDy\",\"signUpAffiliatePromoactionButton\":\"signUpAffiliatePromoactionButton--N6oS5\",\"disableActionBtn\":\"disableActionBtn--Pp7AW\",\"navigationButtonContainer\":\"navigationButtonContainer--w6xr_\",\"navigationButton\":\"navigationButton--Iufm8\",\"fbButton\":\"fbButton--No0AB\",\"fbProcessing\":\"fbProcessing--Z5asH\",\"socialDisabled\":\"socialDisabled--ikrCc\",\"googleButton\":\"googleButton--UpZFS\",\"googleProcessing\":\"googleProcessing--NrGlI\",\"socialImg\":\"socialImg--PipEQ\",\"logoContainer\":\"logoContainer--Na9I9\",\"logoImg\":\"logoImg--uuMx4\",\"error\":\"error--vSSPp\",\"confirmPpTofTextContainer\":\"confirmPpTofTextContainer--UV8a3\",\"confirmPpTofTextLink\":\"confirmPpTofTextLink--wmu_N\",\"confirmPpTofSwitcherRowsignUp\":\"confirmPpTofSwitcherRowsignUp--R5FNm\",\"confirmPpTofSwitcherRowsignUpAffiliatePromo\":\"confirmPpTofSwitcherRowsignUpAffiliatePromo--D_jxv\",\"sicialBtnContainer\":\"sicialBtnContainer--WV0OD\",\"socialLeftBtnContainer\":\"socialLeftBtnContainer--ufRVB\",\"socialRightBtnContainer\":\"socialRightBtnContainer--PuY2C\",\"ppTosSwitcher\":\"ppTosSwitcher--Be1RS\",\"rememberMeContainer\":\"rememberMeContainer--LKZL2\",\"remeberMeMarginsignIn\":\"remeberMeMarginsignIn--f1Tec\",\"remeberMeMarginsignUp\":\"remeberMeMarginsignUp--rR1NU\",\"remeberMeMarginsignUpAffiliatePromo\":\"remeberMeMarginsignUpAffiliatePromo--tR4uB\",\"cancelContainer\":\"cancelContainer--tZDWL\",\"cancelButton\":\"cancelButton--r34yW\",\"cancelButtonImg\":\"cancelButtonImg--t2ThT\",\"connectTitle\":\"connectTitle--MMpnj\",\"inputsignUpAffiliatePromo\":\"inputsignUpAffiliatePromo--E9md6\",\"autofill\":\"autofill--MbTku\",\"topLogoContainerBrowser\":\"topLogoContainerBrowser--b369g\",\"topLogoContainerMobile\":\"topLogoContainerMobile--G5UPv\",\"topLogoImg\":\"topLogoImg--O73FN\",\"affiliatePromoHeaderContainer\":\"affiliatePromoHeaderContainer--cG3f6\",\"affiliatePromoHeaderTitle\":\"affiliatePromoHeaderTitle--_9iKA\",\"affiliatePromoHeaderBodyText\":\"affiliatePromoHeaderBodyText--TW9N2\",\"affiliatePromoHeaderBottomText\":\"affiliatePromoHeaderBottomText--LCSH7\",\"signUpAffiliatePromoLabel\":\"signUpAffiliatePromoLabel--Rvds1\",\"animation-bzdot9\":\"animation-bzdot9--ssSRC\"};","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classes from '../classes.module.scss';\nimport env from '../../../config/variables';\n\nconst { GOOGLE_CLIENT_ID } = env;\n\nexport const gogleLoginScript = () => ;\n\nfunction GoogleLoginBtn({ googleCallback }) {\n const [googleConfig, setGoogleConfig] = useState(window.google);\n const googleLoginCallback = (response) => {\n googleCallback(response.credential);\n };\n\n const listenToPopstate = () => {\n const windowGoogle = window.google;\n setGoogleConfig(windowGoogle);\n };\n\n useEffect(() => {\n window.addEventListener('load', listenToPopstate, false);\n return () => {\n window.removeEventListener('load', listenToPopstate, false);\n };\n }, []);\n\n useEffect(() => {\n if (googleConfig) {\n googleConfig.accounts.id.initialize({\n client_id: GOOGLE_CLIENT_ID,\n callback: googleLoginCallback\n });\n googleConfig.accounts.id.renderButton(\n document.getElementById('google_button_holder'),\n {\n theme: 'outline',\n size: 'large',\n text: 'signin',\n width: 150\n }\n );\n }\n }, [googleConfig]);\n\n return (\n \n { t('general.this_feature_is_not_supported_yet') }\n { appLink }\n { `for ${ link === linkType.videoNotSupported ? 'video' : 'voice' } call.`}\n
\n );\n case linkType.notificationNotSupported:\n return (\n \n { t('general.this_feature_is_not_supported_in_this_browser') }\n { appLink }\n
\n );\n default:\n return null;\n }\n };\n\n const renderGeneralPopupContent = () => (\n \n
\n );\n\n const renderGeneralPopup = () => (\n \n { title }\n { renderLink() }\n
\n \n \n
\n \n \n \n
\n );\n }\n return (\n \n \n
\n );\n};\n\nfunction PromoCodeSignUp({\n loading, applyCode, clearModalText, modalText, onOkClickSignUpPromoRead, success\n}) {\n const { t } = useTranslation();\n const codeInput = useRef();\n\n useEffect(() => {\n trackPageVisit('promo code sign up complete', true);\n }, []);\n\n const clearShowModal = () => {\n if (success) onOkClickSignUpPromoRead();\n clearModalText();\n };\n\n const renderPromoText = () => (\n \n
\n { t('promoCode.sign_up_complete') }\n
\n
\n { t('promoCode.if_you_have_a_promo_code') }\n
\n { t('promoCode.please_enter_it_below') }\n
\n );\n\n const onOkClickSignUpPromoReadAction = () => {\n onOkClickSignUpPromoRead();\n clearModalText();\n };\n\n const codeSent = () => {\n const code = codeInput.current.value;\n onCodeSent(code, applyCode, onOkClickSignUpPromoReadAction);\n };\n\n const handleKeyPress = (e) => {\n if (e.key === 'Enter') {\n codeSent();\n }\n };\n\n const showModal = () => onShowModal(modalText);\n\n const renderModalContent = () => (\n \n { t('promoCode.sign_up_complete') }\n
\n
\n { t('promoCode.if_you_have_a_promo_code') }\n
\n { t('promoCode.please_enter_it_below') }\n
\n
\n );\n\n return (\n \n { t('app_name_title') }\n
\n \n { modalText }\n
\n \n { renderModalButtons(success, onOkClickSignUpPromoReadAction, clearShowModal, t) }\n
\n \n { renderPromoText() }\n \n { renderModalContent()}\n \n
\n );\n}\n\nPromoCodeSignUp.propTypes = {\n promoCode: PropTypes.object,\n loading: PropTypes.bool.isRequired,\n applyCode: PropTypes.func.isRequired,\n clearModalText: PropTypes.func.isRequired,\n modalText: PropTypes.string,\n t: PropTypes.func.isRequired,\n onOkClickSignUpPromoRead: PropTypes.func,\n success: PropTypes.bool.isRequired\n};\n\nPromoCodeSignUp.defaultProps = {\n promoCode: null,\n modalText: null,\n onOkClickSignUpPromoRead: null\n};\n\nexport default PromoCodeSignUp;\n","import { connect } from 'react-redux';\nimport PromoCodeSignUp from './promo_code_sign_up';\nimport { applyCode, clearModalText } from '../../actions/promo_code';\nimport withPGTranslation from '../../config/withPGTranslation';\n\nconst mapStateProps = ({ promoCode }) => promoCode;\n\nexport default connect(mapStateProps, { applyCode, clearModalText })(withPGTranslation(PromoCodeSignUp));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport FacebookLogin from 'react-facebook-login/dist/facebook-login-render-props';\nimport classnames from 'classnames';\nimport classes from '../classes.module.scss';\nimport env from '../../../config/variables';\n\nconst { FACEBOOK_ID, FACEBOOK_REDIRECT, FACEBOOK_VERSION } = env;\n\nconst fbLogo = require('../img/fb_login.svg');\n\nfunction FacebookBtn({ facebookCallback }) {\n const renderFBBtn = renderProps => {\n const {\n onClick, isDisabled, isProcessing, isSdkLoaded\n } = renderProps;\n const disabled = isDisabled || !isSdkLoaded;\n return (\n \n
\n \n \n
\n \n
\n );\n\n const renderSocialRightBtnContainer = () => {\n if (browserName.toLowerCase() === 'facebook') return null;\n return (\n \n
\n );\n };\n\n const render = () => (\n \n
\n );\n\n return render();\n}\n\nSocial.propTypes = {\n facebookCallback: PropTypes.func.isRequired,\n googleCallback: PropTypes.func.isRequired,\n t: PropTypes.func.isRequired,\n inEu: PropTypes.bool.isRequired,\n signUpSwitcherChecked: PropTypes.bool.isRequired,\n clearError: PropTypes.func.isRequired,\n error: PropTypes.object,\n shouldShowGDPRConsent: PropTypes.func.isRequired\n};\n\nSocial.defaultProps = {\n error: null\n};\n\nexport default withPGTranslation(Social);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport classes from '../classes.module.scss';\nimport withPGTranslation from '../../../config/withPGTranslation';\nimport Const from '../../../config/const';\n\nexport const LOGIN_EMAIL = 0;\nexport const LOGIN_PASSWORD = 1;\nexport const SIGNUP_EMAIL = 2;\nexport const SIGNUP_RETYPE_EMAIL = 3;\nexport const SIGNUP_PASSWORD = 4;\n\nfunction Input({\n onChange, onKeyDown, inputType, value, disabled, error, t, id, theme\n}) {\n const placeholder = typer => {\n if (theme === Const.authScreens.signUpAffiliatePromo) return null;\n switch (typer) {\n case SIGNUP_EMAIL:\n case LOGIN_EMAIL:\n return t('email');\n case SIGNUP_PASSWORD:\n case LOGIN_PASSWORD:\n return t('password');\n case SIGNUP_RETYPE_EMAIL:\n return t('retype_email');\n default:\n return '';\n }\n };\n\n const isPasswordField = inputType === LOGIN_PASSWORD || inputType === SIGNUP_PASSWORD;\n return (\n \n { t('connect_with') }\n
\n \n { renderSocialLeftBtnContainer() }\n { renderSocialRightBtnContainer() }\n
\n \n
\n );\n}\n\nInput.propTypes = {\n inputType: PropTypes.oneOf([\n LOGIN_EMAIL,\n LOGIN_PASSWORD,\n SIGNUP_EMAIL,\n SIGNUP_RETYPE_EMAIL,\n SIGNUP_PASSWORD\n ]).isRequired,\n onChange: PropTypes.func.isRequired,\n onKeyDown: PropTypes.func,\n value: PropTypes.string.isRequired,\n disabled: PropTypes.bool.isRequired,\n error: PropTypes.string,\n id: PropTypes.string,\n t: PropTypes.func.isRequired,\n theme: PropTypes.string\n};\n\nInput.defaultProps = {\n error: null,\n id: null,\n onKeyDown: null,\n theme: null\n};\n\nexport default withPGTranslation(Input);\n","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"container--EoGXH\",\"actionButton\":\"actionButton--PRul2\",\"disableActionBtn\":\"disableActionBtn--hSFfI\",\"navigationButton\":\"navigationButton--gMkY_\",\"error\":\"error--hZ4_S\",\"text\":\"text--jY87d\",\"arrow\":\"arrow--q18Av\",\"arrowDiv\":\"arrowDiv--HayPP\",\"forgotModalTitle\":\"forgotModalTitle--PTEJP\",\"forgotModalContentContainer\":\"forgotModalContentContainer--s9KCq\",\"modalContentOkBtnContainer\":\"modalContentOkBtnContainer--jgTIz\",\"modalContentOkBtn\":\"modalContentOkBtn--lADey\",\"animation-bzdot9\":\"animation-bzdot9--QALx8\"};","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { emailIsValid } from '../../../common/config/utils';\nimport Input, {\n LOGIN_EMAIL\n} from '../registration/inner_components/input';\nimport classes from './classes.module.scss';\nimport AppGeneralPopup from '../../../common/app_general_popup';\nimport { trackPageVisit } from '../../actions/analytics';\n\nclass ForgotPassword extends PureComponent {\n static propTypes = {\n loading: PropTypes.bool.isRequired,\n error: PropTypes.string.isRequired,\n success: PropTypes.bool.isRequired,\n forgot: PropTypes.func.isRequired,\n passwordForgotClear: PropTypes.func.isRequired,\n clearError: PropTypes.func.isRequired,\n t: PropTypes.func.isRequired\n };\n\n state = {\n email: '',\n showForgotModal: false\n };\n\n componentDidMount() {\n trackPageVisit('forgot password');\n }\n\n componentDidUpdate() {\n const { success, error } = this.props;\n if (success || error) {\n this.showForgotPasswordModal();\n }\n }\n\n onFieldChanged = e => {\n this.setState({ [e.target.id]: e.target.value });\n };\n\n onForgotPasswordClicked = () => {\n const { forgot } = this.props;\n const { email } = this.state;\n forgot(email);\n };\n\n showForgotPasswordModal = () => {\n this.setState({ showForgotModal: true });\n };\n\n clearForgotPassword = () => {\n const { passwordForgotClear } = this.props;\n this.setState({ showForgotModal: false });\n passwordForgotClear();\n };\n\n handleKeyPress = (e) => {\n const { email } = this.state;\n if (e.key === 'Enter' && emailIsValid(email)) {\n this.onForgotPasswordClicked();\n }\n };\n\n renderForgotModalTitle = () => {\n const { t } = this.props;\n return \n
\n {error ? {error}
: null}\n { t('app_name_title') }
;\n };\n\n renderForgotModalContent() {\n const { t } = this.props;\n return (\n \n
\n );\n }\n\n renderForgotPassword = () => {\n const { email, showForgotModal } = this.state;\n const { loading, t } = this.props;\n const allFieldsValid = emailIsValid(email);\n return (\n \n {t('forgot_password_modal_text')}\n
\n \n \n
\n \n \n { this.renderForgotModalContent()}\n \n
\n );\n };\n\n render() {\n return (\n \n \n {t('reset_your_password')}\n
\n \n
\n \n \n
\n {t('submit_your_email_address')}\n
\n \n
\n \n \n {t('submit')}\n \n
\n \n { this.renderForgotPassword() }\n
\n );\n }\n}\n\nexport default ForgotPassword;\n","import { connect } from 'react-redux';\nimport ForgotPassword from './forgot_password';\nimport withPGTranslation from '../../config/withPGTranslation';\nimport {\n forgot, passwordForgotClear, clearError\n} from '../../actions/forgot_password';\n\nconst mapStateToProps = ({ passwordForgot }) => passwordForgot;\n\nexport default connect(\n mapStateToProps,\n {\n forgot,\n passwordForgotClear,\n clearError\n }\n)(withPGTranslation(ForgotPassword));\n","import {\n passwordForgotAPI\n} from '../config/api';\nimport Const from '../config/const';\nimport { toCamelCase } from '../../common/config/utils';\n\nconst passwordForgotLoading = () => ({\n type: Const.passwordForgot.loading\n});\n\nconst passwordForgotSent = () => ({\n type: Const.passwordForgot.success\n});\n\nconst passwordForgotError = (error) => ({\n type: Const.passwordForgot.error,\n error\n});\n\nexport const passwordForgotClear = () => ({\n type: Const.passwordForgot.clear\n});\n\nexport const clearError = () => ({\n type: Const.passwordForgot.clearError\n});\n\nexport const forgot = (email) => (dispatch) => {\n dispatch(passwordForgotLoading());\n passwordForgotAPI(email)\n .then(() => dispatch(passwordForgotSent()))\n .catch((error) => error.json()\n .then((json) => {\n const fJson = toCamelCase(json);\n if (fJson.fullMessages && fJson.fullMessages.length > 0) {\n dispatch(passwordForgotError(fJson.fullMessages[0]));\n }\n }));\n};\n","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Input, { LOGIN_EMAIL, LOGIN_PASSWORD } from './input';\nimport classes from '../classes.module.scss';\nimport { passwordIsValid } from '../../../config/util';\nimport { emailIsValid } from '../../../../common/config/utils';\nimport Const from '../../../config/const';\nimport { trackPageVisit } from '../../../actions/analytics';\n\nconst allFieldsValid = (email, password) => emailIsValid(email) && passwordIsValid(password, true);\n\nconst onLoginClick = (email, password, checkInputErrors, onLogin) => {\n checkInputErrors();\n if (allFieldsValid(email, password)) {\n onLogin();\n }\n};\n\nfunction LogIn({\n email,\n password,\n loading,\n error,\n t,\n onFieldChanged,\n rememberMe,\n social,\n changeScreen,\n onLogin,\n checkInputErrors,\n clearError\n}) {\n useEffect(() => {\n trackPageVisit('log in with email');\n }, []);\n\n const navigate = (e) => {\n changeScreen(e.target.id);\n clearError();\n };\n\n const onLoginClickAction = () => {\n onLoginClick(email, password, checkInputErrors, onLogin);\n };\n\n const handleKeyPress = (e) => {\n if (e.key === 'Enter') {\n onLoginClick(email, password, checkInputErrors, onLogin);\n }\n };\n\n return (\n \n
\n );\n}\n\nLogIn.propTypes = {\n email: PropTypes.string.isRequired,\n password: PropTypes.string.isRequired,\n loading: PropTypes.bool.isRequired,\n error: PropTypes.object,\n t: PropTypes.func.isRequired,\n onFieldChanged: PropTypes.func.isRequired,\n rememberMe: PropTypes.node.isRequired,\n social: PropTypes.node.isRequired,\n changeScreen: PropTypes.func.isRequired,\n onLogin: PropTypes.func.isRequired,\n checkInputErrors: PropTypes.func.isRequired,\n clearError: PropTypes.func.isRequired\n};\n\nLogIn.defaultProps = {\n error: null\n};\n\nexport default LogIn;\n","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Input, { SIGNUP_EMAIL, SIGNUP_PASSWORD, SIGNUP_RETYPE_EMAIL } from './input';\nimport classes from '../classes.module.scss';\nimport { passwordIsValid, formatCurrency } from '../../../config/util';\nimport { emailIsValid } from '../../../../common/config/utils';\nimport Const from '../../../config/const';\nimport GDPRConsernPopup from '../gdpr_consern_popup';\nimport { GDPRConsernPopupThemes } from '../../../config/themes';\nimport { trackPageVisit } from '../../../actions/analytics';\n\nfunction SignUp({\n email, password, confirmEmail, switcherChecked, loading, error, t, social, onRegister,\n onFieldChanged, rememberMe, changeScreen, theme, checkInputErrors, clearError,\n shouldShowGDPRConsent, userMatchUpBonusInfo\n}) {\n useEffect(() => {\n trackPageVisit('sign up with email');\n }, []);\n\n const allFieldsAreValid = emailIsValid(email)\n && passwordIsValid(password, true) && email === confirmEmail;\n\n const showPrivacyModal = () => {\n if (allFieldsAreValid) {\n shouldShowGDPRConsent({ [GDPRConsernPopupThemes.regular]: true });\n }\n };\n\n const onRegisterClicked = () => {\n checkInputErrors();\n if (allFieldsAreValid) {\n onRegister();\n }\n };\n\n const handleKeyPress = (e) => {\n if (e.key === 'Enter') {\n if (!switcherChecked) {\n showPrivacyModal();\n } else {\n onRegisterClicked();\n }\n }\n };\n\n const renderPrivacyText = () => (\n \n
\n \n
\n { rememberMe }\n \n \n {t('login')}\n \n
\n \n \n {t('forgot_password')}\n \n
\n {social}
\n \n \n {t('not_have_account')}\n \n
\n \n { t('app_ppTof.you_must_be_at_least_18_years') }\n
\n );\n\n const renderaAffiliatePromoHeader = () => {\n if (theme !== Const.authScreens.signUpAffiliatePromo) return null;\n return (\n \n
\n );\n };\n\n const navigateToSignIn = () => {\n changeScreen(Const.authScreens.signIn);\n clearError();\n };\n\n const renderAlreadyHaveAnAccountButton = () => {\n if (theme === Const.authScreens.signUpAffiliatePromo) return null;\n return (\n \n { t('affitiate_promo_sign_up.claim_your_special_matching_bonus') }\n
\n \n { t('affitiate_promo_sign_up.buy_credit', { amount: formatCurrency(userMatchUpBonusInfo?.requiredPurchasesAmount), extra_amount: formatCurrency(userMatchUpBonusInfo?.bonus) }) }\n
\n \n \n
\n );\n };\n\n const renderSignUpAffiliatePromoLabel = (text) => (\n theme === Const.authScreens.signUpAffiliatePromo\n ? (\n \n { text }\n
\n ) : null\n );\n\n return (\n \n { renderaAffiliatePromoHeader() }\n {social}\n
\n );\n}\n\nSignUp.propTypes = {\n email: PropTypes.string.isRequired,\n password: PropTypes.string.isRequired,\n confirmEmail: PropTypes.string.isRequired,\n switcherChecked: PropTypes.bool.isRequired,\n loading: PropTypes.bool.isRequired,\n error: PropTypes.object,\n t: PropTypes.func.isRequired,\n social: PropTypes.node.isRequired,\n onRegister: PropTypes.func.isRequired,\n onFieldChanged: PropTypes.func.isRequired,\n rememberMe: PropTypes.node.isRequired,\n changeScreen: PropTypes.func.isRequired,\n theme: PropTypes.string,\n checkInputErrors: PropTypes.func.isRequired,\n clearError: PropTypes.func.isRequired,\n shouldShowGDPRConsent: PropTypes.func.isRequired,\n userMatchUpBonusInfo: PropTypes.object\n};\n\nSignUp.defaultProps = {\n error: null,\n theme: Const.authScreens.signUp,\n userMatchUpBonusInfo: null\n};\nexport default SignUp;\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { isMobile } from 'react-device-detect';\nimport env from '../../config/variables';\nimport {\n convertErrorArrayToString, passwordIsValid\n} from '../../config/util';\nimport PromoCodeSignUp from '../promo_code_sign_up';\nimport Social from './inner_components/social';\nimport classes from './classes.module.scss';\nimport { log, LOG_LEVELS } from '../../../common/config/app_logger';\nimport Const from '../../config/const';\nimport ForgotPassword from '../forgot_password';\nimport LogIn from './inner_components/log_in';\nimport SignUp from './inner_components/sign_up';\nimport { appRoutes, applicationRoutes } from '../../config/app_routes';\nimport {\n hideBodyScroll, unlockBodyScroll, emailIsValid, withCaptcha\n} from '../../../common/config/utils';\nimport { dissmissPopup } from '../../actions/general_popup';\nimport Spiner from '../../../common/helpers/spiner';\nimport Alert from '../../../common/helpers/alert';\nimport AppGeneralPopup from '../../../common/app_general_popup';\nimport { appGeneralPopupTheme } from '../../../common/config/const';\nimport { appLogo } from '../../logo/logo';\nimport { getImageByEnvironment } from '../../project_items/image_renderer/image_renderer';\nimport { SvgIcon } from '../../../common/sprites';\n\nconst { shared } = window;\n\nconst { IN_EU, MATCH_UP_BONUS_INFO } = env;\n\nconst isAffiliatePromo = ({ userMatchUpBonusInfo, userShowMatchUpBonusInfo }) => {\n const creditMatchingInfo = userMatchUpBonusInfo || MATCH_UP_BONUS_INFO;\n return !!(creditMatchingInfo\n && Object.keys(creditMatchingInfo).length !== 0\n && (userShowMatchUpBonusInfo === null || userShowMatchUpBonusInfo));\n};\n\nclass Registration extends PureComponent {\n static propTypes = {\n loading: PropTypes.bool.isRequired,\n error: PropTypes.object,\n logIn: PropTypes.func.isRequired,\n register: PropTypes.func.isRequired,\n clearError: PropTypes.func.isRequired,\n authSocial: PropTypes.func.isRequired,\n authPendingAction: PropTypes.func,\n authPendingCloseAction: PropTypes.func,\n t: PropTypes.func.isRequired,\n visible: PropTypes.bool,\n displayRegister: PropTypes.func.isRequired,\n signUpFlow: PropTypes.string,\n currentScreen: PropTypes.string.isRequired,\n screenStack: PropTypes.array.isRequired,\n changeScreen: PropTypes.func.isRequired,\n navigationPop: PropTypes.func.isRequired,\n authComplete: PropTypes.bool,\n loadHomePage: PropTypes.func.isRequired,\n clearAffiliatePromoPopup: PropTypes.func.isRequired,\n authClearPendingAction: PropTypes.func.isRequired,\n authErrorActionCreator: PropTypes.func.isRequired,\n gdprSwitcherValueChanged: PropTypes.func.isRequired,\n consentedToGDPR: PropTypes.bool,\n shouldShowGDPRConsent: PropTypes.func.isRequired,\n userMatchUpBonusInfo: PropTypes.object,\n userShowMatchUpBonusInfo: PropTypes.bool,\n updateCurrentScreen: PropTypes.func.isRequired,\n router: PropTypes.object.isRequired,\n currentPath: PropTypes.object.isRequired\n };\n\n static defaultProps = {\n error: null,\n authPendingAction: null,\n authPendingCloseAction: null,\n visible: false,\n signUpFlow: 'menu',\n authComplete: false,\n consentedToGDPR: false,\n userMatchUpBonusInfo: null,\n userShowMatchUpBonusInfo: null\n };\n\n state = {\n email: '',\n password: '',\n confirmEmail: '',\n rememberMe: false\n };\n\n componentDidUpdate(prevProps) {\n const {\n authComplete,\n authPendingAction,\n visible,\n currentScreen,\n userMatchUpBonusInfo,\n userShowMatchUpBonusInfo,\n updateCurrentScreen\n } = this.props;\n\n if (currentScreen === Const.authScreens.signUp && isAffiliatePromo({ userMatchUpBonusInfo, userShowMatchUpBonusInfo })) {\n updateCurrentScreen(Const.authScreens.signUpAffiliatePromo);\n }\n\n if (visible && !prevProps.visible) {\n hideBodyScroll();\n }\n\n if (!visible && prevProps.visible) {\n unlockBodyScroll();\n }\n\n if (authComplete && !prevProps.authComplete) {\n if (authPendingAction) {\n authPendingAction();\n return;\n }\n this.redirectToPsychics(true);\n }\n }\n\n checkInputErrors = () => {\n const { email, confirmEmail, password } = this.state;\n const { authErrorActionCreator, t, currentScreen } = this.props;\n if (!passwordIsValid(password, true)) {\n authErrorActionCreator({ password: [t('error.registration_please_enter_your_password')] });\n }\n if (\n (currentScreen === Const.authScreens.signUp\n || currentScreen === Const.authScreens.signUpAffiliatePromo)\n && email !== confirmEmail) {\n authErrorActionCreator({ email: [t('error.registration_email_not_much')] });\n }\n if (!emailIsValid(email)) {\n authErrorActionCreator({ email: [t('error.registration_please_enter_a_valid_email_address')] });\n }\n };\n\n onFieldChanged = e => {\n const { error, clearError } = this.props;\n if (error) clearError();\n this.setState({ [e.target.id]: e.target.value });\n };\n\n onCancelClicked = () => {\n const {\n currentScreen, screenStack, navigationPop, authClearPendingAction,\n authPendingCloseAction, clearError\n } = this.props;\n\n if (currentScreen === Const.authScreens.signUpAffiliatePromo) {\n authClearPendingAction();\n }\n\n if (screenStack.length <= 0) {\n dissmissPopup();\n authClearPendingAction();\n if (authPendingCloseAction) {\n authPendingCloseAction();\n }\n }\n\n if (screenStack.length >= 1) {\n navigationPop();\n clearError();\n return;\n }\n\n this.redirectToPsychics();\n clearError();\n };\n\n redirectToPsychics = (authCompleteSusses) => {\n const {\n loadHomePage,\n displayRegister,\n router: { navigate },\n currentPath: { routeKey }\n } = this.props;\n\n displayRegister({ shouldDisplay: false });\n\n switch (true) {\n case routeKey === appRoutes.home:\n loadHomePage(true);\n break;\n case [appRoutes.signin, appRoutes.register].includes(routeKey):\n navigate(appRoutes.home, { options: { replace: true } });\n break;\n case applicationRoutes[routeKey]?.isProtected && !authCompleteSusses:\n navigate(appRoutes.psychics, { options: { replace: true } });\n break;\n default: break;\n }\n };\n\n onLoginClicked = () => {\n log(LOG_LEVELS.INFO, 'Register', 'on login');\n const { logIn, signUpFlow } = this.props;\n const { email, password, rememberMe } = this.state;\n withCaptcha('login', (token) => logIn(email, password, rememberMe, signUpFlow, token));\n };\n\n onRegisterClicked = () => {\n log(LOG_LEVELS.INFO, 'Register', 'on register');\n const { register, signUpFlow } = this.props;\n const { email, password, rememberMe } = this.state;\n withCaptcha('login', (token) => register(email, password, rememberMe, signUpFlow, token));\n };\n\n onOkClickSignUpPromoRead = () => {\n const { displayRegister } = this.props;\n displayRegister({ shouldDisplay: false });\n };\n\n renderSignUpPromoRead = () => (\n \n { theme === Const.authScreens.signUpAffiliatePromo\n ? (\n
\n \n { t('affitiate_promo_sign_up.or') }\n
\n ) : (\n \n { t('or_create_account') }\n
\n )}\n \n { renderSignUpAffiliatePromoLabel(t('email')) }\n
\n \n { renderSignUpAffiliatePromoLabel(t('retype_email')) }\n
\n \n { renderSignUpAffiliatePromoLabel(t('password')) }\n
\n {rememberMe}\n \n \n {theme === Const.authScreens.signUpAffiliatePromo ? t('affitiate_promo_sign_up.sign_up') : t('create_account')}\n \n
\n { renderPrivacyText() }\n { renderAlreadyHaveAnAccountButton() }\n \n \n {t('remember_me')}\n
\n );\n };\n\n renderContent = () => {\n const {\n currentScreen, loading, error, t, changeScreen, clearError,\n consentedToGDPR, shouldShowGDPRConsent, userMatchUpBonusInfo\n } = this.props;\n const {\n email, password, confirmEmail\n } = this.state;\n switch (currentScreen) {\n case Const.authScreens.signIn:\n return (\n \n \n
\n );\n }\n return null;\n };\n\n renderTopLogo = () => {\n const { currentScreen } = this.props;\n if (currentScreen !== Const.authScreens.signUpAffiliatePromo) return null;\n return (\n \n 
\n
\n );\n };\n\n renderLoading = () => {\n const { loading } = this.props;\n if (loading) return \n \n
\n \n \n );\n }\n}\n\nexport default Registration;\n","import { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport withPGTranslation from '../../config/withPGTranslation';\nimport Registration from './registration';\nimport {\n logIn,\n register,\n clearError,\n authSocial,\n displayRegister,\n changeScreen,\n navigationPop,\n authClearPendingAction,\n authErrorActionCreator,\n gdprSwitcherValueChanged,\n shouldShowGDPRConsent,\n updateCurrentScreen\n} from '../../actions/auth';\nimport { loadHomePage } from '../../actions/home_page';\nimport { clearAffiliatePromoPopup } from '../../actions/affiliate_promo_popup';\nimport { getUserMatchUpBonusInfo } from '../../config/util';\nimport { withCurrentPath } from '../routes/hoc/with_current_path';\nimport { withRouter } from '../routes/hoc/with_router';\n\nconst mapStateToProps = ({ auth, user: { user }, application }) => ({\n ...auth,\n userMatchUpBonusInfo: getUserMatchUpBonusInfo({ bonusInfos: user && user.bonusInfos || application && application.anonymousUser && application.anonymousUser.bonusInfos }),\n userShowMatchUpBonusInfo: user && user.showMatchUpBonusInfo\n});\n\nexport default connect(\n mapStateToProps,\n {\n logIn,\n register,\n clearError,\n authSocial,\n displayRegister,\n changeScreen,\n navigationPop,\n loadHomePage,\n clearAffiliatePromoPopup,\n authClearPendingAction,\n authErrorActionCreator,\n gdprSwitcherValueChanged,\n shouldShowGDPRConsent,\n updateCurrentScreen\n }\n)(compose(withPGTranslation, withCurrentPath, withRouter)(Registration));\n","import React from 'react';\nimport { useCurrentPath } from '../hooks/useCurrentPath';\n\nexport const withCurrentPath = (Component) => {\n const Wrapper = (props) => {\n const currentPath = useCurrentPath();\n\n return (\n \n
\n {this.renderLoading()}\n \n {this.renderLogo()}\n {this.renderContent()}\n
\n {this.renderGeneralError()}\n \n
\n );\n };\n\n const onChangeSwitch = (value) => {\n setNotifyMeSwitchValue(value);\n };\n\n const renderLoading = () => (\n \n { titleText || t('notifyMe.default_title') }\n
\n \n { subtitleText || t('notifyMe.default_sub_title') }\n
\n );\n };\n\n const renderSwitch = () => {\n if (isMaxSubscriptionsError(error) || isBecameAvailableError(error)) return null;\n return (\n \n
\n );\n };\n\n const renderTextAndSwitch = () => (\n \n { renderText() }\n { renderSwitch() }\n
\n );\n\n const renderCancelBtn = () => {\n if (!isMaxSubscriptionsError(error)) return null;\n return (\n \n );\n };\n\n const renderOkBtn = () => {\n let okBtnText = t('general.ok');\n if (isMaxSubscriptionsError(error)) okBtnText = t('notifyMe.yes_i_am_sure');\n return (\n \n );\n };\n\n const renderBtns = () => (\n \n { renderCancelBtn() }\n { renderOkBtn() }\n
\n );\n\n const renderError = () => (\n \n
\n );\n\n const renderContent = () => {\n if (loading || progress) return renderLoading();\n if (error && !isMaxSubscriptionsError(error) && !isBecameAvailableError(error)) return renderError();\n return (\n \n {t('general.error')}\n
\n { renderBtns() }\n \n { renderTextAndSwitch() }\n { renderBtns() }\n
\n );\n };\n\n const renderNitifyMe = () => (\n \n { renderHeader() }\n { renderContent() }\n
\n \n );\n\n return renderNitifyMe();\n}\n\nNotifyMe.propTypes = {\n t: PropTypes.func.isRequired,\n advisorId: PropTypes.number,\n loading: PropTypes.bool,\n notifyMeAction: PropTypes.func.isRequired,\n clearLocalState: PropTypes.func.isRequired,\n progress: PropTypes.bool.isRequired,\n error: PropTypes.object,\n success: PropTypes.bool.isRequired,\n visible: PropTypes.bool.isRequired,\n availabilityNotification: PropTypes.object\n};\n\nNotifyMe.defaultProps = {\n error: null,\n advisorId: null,\n availabilityNotification: {},\n loading: false\n};\n\nexport default NotifyMe;\n","import { connect } from 'react-redux';\nimport NotifyMe from './notify_me';\nimport withPGTransaltion from '../../config/withPGTranslation';\nimport { notifyMeAction, clearLocalState, displayNotifyMe } from '../../actions/notify_me';\n\nconst mapStateToProps = (\n { advisors, notifyMe }\n) => {\n const advisor = (advisors || {})[parseInt(notifyMe.advisorId, 10)] || {};\n const { availabilityNotification } = advisor;\n\n return {\n // If the state doesn't contain the loading property then it means the advisor should\n // be being downloaded, so the loading property should be set to true, if the state\n // conatins it then we should pass it as the loading prop\n loading: advisors.loading,\n ...notifyMe,\n availabilityNotification\n };\n};\n\nexport default connect(\n mapStateToProps,\n {\n notifyMeAction,\n clearLocalState,\n displayNotifyMe\n }\n)(withPGTransaltion(NotifyMe));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport MessageToAppHandler from '../../../common/message_to_app_handler';\n\nfunction MessageToApp({\n messageToAppData, setMessageToAppData\n}) {\n return (\n \n \n \n \n {suspenseComponent( \n
\n \n {`$${ parseFloat(availableSalesPrice).toFixed(2) }/min`}\n
\n )}\n \n );\n};\n\nexport const trackProfileChatButtonAction = ({\n price, id, mode, location, trackProfileChatButton\n}) => {\n const params = {\n ppm: parseFloat(price),\n advisorId: id,\n mode,\n ...getClickSourceForEvent({ location }),\n ...getSectionForEvent({ location })\n };\n trackProfileChatButton(params);\n};\n\nexport const getAdvisorCTABtnClassName = ({ theme }) => {\n if (isPG()) return classes[`${ theme }`];\n return classNames(classes[`${ theme }`], classes.fullWidth);\n};\n\nconst getAction = () => {\n const availableAction = { chat_init: 'chat', voice_init: 'voice', video_init: 'video' };\n const { action } = toCamelCase(queryString.parse(window.location.search));\n return availableAction[action];\n};\n\nexport const makeActionIfNeed = ({\n mode, advisorCTAOnClick, location, history\n}) => {\n const action = getAction();\n if (action === mode) {\n const search = toCamelCase(queryString.parse(location.search));\n delete search.action;\n const updatedSearch = queryString.stringify(search);\n history(`${ location.pathname }?${ updatedSearch }`, {\n search: updatedSearch,\n state: { ...location.state }\n });\n advisorCTAOnClick({ action });\n }\n};\n\nexport const renderfreeMinLabel = (color, freeMinText) => (\n \n
\n);\n","export const advisorCtaThemes = {\n default: 'default',\n advisorFixContainer: 'advisorFixContainer'\n};\n","/* eslint-disable object-property-newline */\n/* eslint-disable camelcase */\nimport React, { useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useLocation, useNavigate } from 'react-router-dom';\nimport { LiveModePropType, LiveModeDefaultProps } from '../../../../reducers/advisor_prop_types';\nimport { appGeneralPopupTheme, salesPriceType } from '../../../../config/const';\nimport { isXfmProgram, getXfmFreeSetupMin } from '../../../../config/util';\nimport {\n modeIsOnline, getBGColor, getModeShadowColor,\n getModeStatusColor, getModeTitleColor, modeStatusStrings\n} from './style_config';\nimport classes from './classes.module.scss';\nimport ExpandedText from '../../../../../common/helpers/expanded_text';\nimport AppGeneralPopup from '../../../../../common/app_general_popup';\nimport {\n getAltMessage, getModeTitle, onStartChat, onStartVoip, getImageSrc, renderPrice,\n trackProfileChatButtonAction, getAdvisorCTABtnClassName, makeActionIfNeed, renderfreeMinLabel\n} from './advisor_cta_utils';\nimport { isWebView } from '../../../../../common/config/utils';\nimport { SvgIcon } from '../../../../../common/sprites';\nimport { advisorCtaThemes } from './advisor_cta_themes';\n\nconst getImageId = (mode) => {\n if (mode === 'chat') return 'chat_preview_cta';\n return isWebView() ? 'voice_preview_cta_disabled' : 'voice_preview_cta';\n};\n\nconst renderPreviewAdvisorCTA = (mode, onClick, t) => (\n \n);\n\nconst getActualPrice = ({ promoPrices, userAdvisorModeSalePrice, price }) => {\n if (userAdvisorModeSalePrice === salesPriceType.personalSalesPrice) return price;\n const { salesPrice } = promoPrices;\n if (salesPrice) return salesPrice;\n return price;\n};\n\nfunction AdvisorCTA({\n id, mode, modeState, price, displayRegister, authPendingAction, startChat, name, advisorCallProps, type,\n chatInit, makeCallOrShowPopup, theme, promoPrices, t, trackProfileChatButton, liveModes, xfmProgram, userXfmProgram, needCheckAction, userAdvisorModeSalePrice\n}) {\n const [modeUnavailablePoppupVisible, setModeUnavailablePoppupVisible] = useState(null);\n const location = useLocation();\n const history = useNavigate();\n\n const defaultStartProps = () => ({\n price: getActualPrice({ promoPrices, userAdvisorModeSalePrice, price }), displayRegister, authPendingAction, location,\n mode, startChat, chatInit\n });\n\n const hideModeUnavailablePoppup = () => {\n setModeUnavailablePoppupVisible(false);\n };\n\n const renderModeUnavailablePoppup = () => (\n { freeMinIcon({ color }) }
\n { freeMinText }
\n \n {t('advisor_profile.advisor_mode_just_becomes_unavailable')}\n \n { t('general.ok') }\n
\n \n \n );\n\n const advisorCTAOnClick = ({ action, e }) => {\n e?.preventDefault();\n if (isWebView() && (mode === 'voice' || mode === 'video')) {\n return;\n }\n if (!modeIsOnline(modeState)) {\n if (action) setModeUnavailablePoppupVisible(true);\n return;\n }\n const requestParams = { context: 'advisor_cta' };\n trackProfileChatButtonAction({\n price, id, mode, location, trackProfileChatButton\n });\n if (mode === 'chat') {\n onStartChat({ ...defaultStartProps(), ...advisorCallProps, requestParams });\n return;\n }\n onStartVoip({\n ...defaultStartProps(), makeCallOrShowPopup, ...advisorCallProps, requestParams\n });\n };\n\n useEffect(() => {\n if (needCheckAction) {\n makeActionIfNeed({\n mode, advisorCTAOnClick, location, history\n });\n }\n }, []);\n\n const freeMinLabel = useMemo(() => {\n if (theme === advisorCtaThemes.advisorFixContainer) return null;\n if (!isXfmProgram({ advisorXfmProgram: xfmProgram, userXfmProgram })) return null;\n const { color } = getModeStatusColor({\n mode, modeState, liveModes, isFreeMinLabel: true\n });\n const freeMinText = t('advisor_profile.free_min', { amount: getXfmFreeSetupMin() });\n return renderfreeMinLabel(color, freeMinText);\n }, [xfmProgram, userXfmProgram, modeState]);\n\n const renderAdvisorCTA = () => (type === 'advisorPreviewCta' ? renderPreviewAdvisorCTA(mode, advisorCTAOnClick, t) : (\n \n \n \n { getModeTitle({ name, mode, t }) }\n \n \n { renderPrice({\n promoPrices, price, userAdvisorModeSalePrice, modeState, mode\n }) }\n
\n \n {isWebView() && t(modeStatusStrings[modeState])}\n \n { renderModeUnavailablePoppup() }\n \n ));\n\n return renderAdvisorCTA();\n}\n\nAdvisorCTA.propTypes = {\n ...LiveModePropType,\n displayRegister: PropTypes.func.isRequired,\n authPendingAction: PropTypes.func.isRequired,\n trackProfileChatButton: PropTypes.func.isRequired,\n startChat: PropTypes.func.isRequired,\n makeCallOrShowPopup: PropTypes.func.isRequired,\n chatInit: PropTypes.func.isRequired,\n advisorCallProps: PropTypes.object.isRequired,\n theme: PropTypes.string,\n index: PropTypes.number,\n t: PropTypes.func.isRequired,\n id: PropTypes.number.isRequired,\n liveModes: PropTypes.array.isRequired,\n xfmProgram: PropTypes.object,\n userXfmProgram: PropTypes.object,\n needCheckAction: PropTypes.bool,\n type: PropTypes.string,\n userAdvisorModeSalePrice: PropTypes.string\n};\n\nAdvisorCTA.defaultProps = {\n ...LiveModeDefaultProps,\n index: null,\n xfmProgram: {},\n userXfmProgram: {},\n needCheckAction: null,\n type: null,\n userAdvisorModeSalePrice: null\n};\n\nexport default AdvisorCTA;\n","import { connect } from 'react-redux';\nimport { withLastLocation } from 'react-router-dom-last-location';\nimport AdvisorCTA from './advisor_cta';\nimport {\n trackEventAddToCardAction,\n trackProfileChatButton\n} from '../../../../actions/analytics';\nimport { makeCallOrShowPopup } from '../../../../actions/voip_chat';\nimport { startChat, chatInit } from '../../../../actions/chat';\nimport { authPendingAction, displayRegister } from '../../../../actions/auth';\nimport withPGTranslation from '../../../../config/withPGTranslation';\nimport { showGeneralPopup } from '../../../../actions/general_popup';\nimport { advisorCtaThemes } from './advisor_cta_themes';\nimport { getUserFirstActivePromotion } from '../../../../config/util';\n\nconst mapStateToProps = (\n { advisors, user, application },\n { advisorId, theme }\n) => ({\n ...((advisors || {})[parseInt(advisorId, 10)] || {}),\n theme: theme || advisorCtaThemes.default,\n userXfmProgram: user && user.user && user.user.xfmProgram,\n userAdvisorModeSalePrice: getUserFirstActivePromotion({ user, application })?.advisorModeSalePrice\n});\n\nexport default connect(\n mapStateToProps,\n {\n startChat,\n authPendingAction,\n trackEventAddToCardAction,\n displayRegister,\n trackProfileChatButton,\n showGeneralPopup,\n makeCallOrShowPopup,\n chatInit\n }\n)(withLastLocation(withPGTranslation(AdvisorCTA)));\n","/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { useLocation } from 'react-router-dom';\nimport {\n handleFavoriteClick, handleNotifyClick, renderNotify, renderFav\n} from './top_icons_utils';\nimport { AdvisorPropType, AdvisorDefaultProps } from '../../../reducers/advisor_prop_types';\nimport classes from './classes.module.scss';\nimport { isWebView } from '../../../../common/config/utils';\nimport { SvgIcon } from '../../../../common/sprites';\n\nfunction TopIcons({\n id, favoriteAdvisor, favorite, t,\n displayRegister, authPendingAction, displayNotifyMe, showGeneralPopup,\n loader, theme, favoriteLoading, availabilityNotification, advisorStatus\n}) {\n const location = useLocation();\n const onFavClick = (e) => {\n handleFavoriteClick(e, favoriteAdvisor, favorite, id, displayRegister, authPendingAction, location, favoriteLoading);\n };\n\n const onNotifyClick = (e) => {\n handleNotifyClick(e, displayNotifyMe, id, showGeneralPopup, authPendingAction, displayRegister, location);\n };\n\n const onShare = () => {\n navigator.share({\n text: t('advisor_profile.share_message'),\n url: window.location.href\n });\n };\n\n const shareTopIcon = () => (\n \n
\n );\n}\n\nTopIcons.propTypes = {\n ...AdvisorPropType,\n showBagde: PropTypes.bool,\n needTrackProfileVideoEvent: PropTypes.bool,\n favoriteAdvisor: PropTypes.func.isRequired,\n authPendingAction: PropTypes.func.isRequired,\n displayRegister: PropTypes.func.isRequired,\n onNotifyClick: PropTypes.func,\n displayNotifyMe: PropTypes.func.isRequired,\n showGeneralPopup: PropTypes.func,\n loader: PropTypes.bool,\n showPopover: PropTypes.func,\n showSharePopup: PropTypes.func,\n advisorShareLink: PropTypes.string.isRequired,\n theme: PropTypes.string,\n t: PropTypes.func.isRequired,\n favoriteLoading: PropTypes.bool.isRequired,\n advisorStatus: PropTypes.string\n};\n\nTopIcons.defaultProps = {\n ...AdvisorDefaultProps,\n showBagde: false,\n needTrackProfileVideoEvent: false,\n showGeneralPopup: null,\n loader: false,\n showPopover: null,\n onNotifyClick: null,\n theme: null,\n advisorStatus: null\n};\n\nexport default TopIcons;\n","import { connect } from 'react-redux';\nimport TopIcons from './top_icons';\nimport { showGeneralPopup } from '../../../actions/general_popup';\nimport { authPendingAction, displayRegister } from '../../../actions/auth';\nimport { favoriteAdvisor } from '../../../actions/favorite_advisors';\nimport { displayNotifyMe } from '../../../actions/notify_me';\nimport { showPopover } from '../../../actions/popover';\nimport withPGTranslation from '../../../config/withPGTranslation';\n\nconst mapStateToProps = (\n { favoriteAdvisors: { loading } }\n) => ({\n favoriteLoading: loading\n});\n\nexport default connect(\n mapStateToProps,\n {\n showGeneralPopup,\n favoriteAdvisor,\n authPendingAction,\n displayRegister,\n displayNotifyMe,\n showPopover\n }\n)(withPGTranslation(TopIcons));\n","// extracted by mini-css-extract-plugin\nexport default {\"profileContainer\":\"profileContainer--wwUgJ\",\"avatarContainer\":\"avatarContainer--tJrEX\",\"advisorProfile\":\"advisorProfile--GDqLO\",\"profileImg\":\"profileImg--X741Z\",\"transparentOverlay\":\"transparentOverlay--OhR3w\",\"videoContainer\":\"videoContainer--vPRCK\",\"text\":\"text--EWag_\",\"playButtonContainer\":\"playButtonContainer--ZVuQM\",\"playButtonImg\":\"playButtonImg--J07y4\",\"statusContainer\":\"statusContainer--LMVIZ\",\"indicatorContainer\":\"indicatorContainer--iiKek\",\"statusTitle\":\"statusTitle--mrDM3\",\"onlineIndicator\":\"onlineIndicator--h_yTT\",\"offlineIndicator\":\"offlineIndicator--hLHqg\",\"busyIndicator\":\"busyIndicator--qGETZ\",\"indicatorSkeleton\":\"indicatorSkeleton--X9gO4\",\"animation-bzdot9\":\"animation-bzdot9--oPsTb\",\"profileImageContainer\":\"profileImageContainer--FQTqi\",\"badgeContainer\":\"badgeContainer--kbNQ1\",\"highRatedContainer\":\"highRatedContainer--lPevL\",\"ratedImg\":\"ratedImg--R7fsm\",\"badgeText\":\"badgeText--V7OxY\",\"textRated\":\"textRated--arFoq\",\"avatar\":\"avatar--qnHr2\",\"topItemsContainer\":\"topItemsContainer--UhSyE\",\"ratingContainer\":\"ratingContainer--t8_Kg\",\"starImg\":\"starImg--Oj7TC\",\"ratingText\":\"ratingText--asKdU\",\"notifyContainer\":\"notifyContainer--apcvr\",\"favouriteContainer\":\"favouriteContainer--dyPSI\",\"shareContainer\":\"shareContainer--vrsHX\",\"nameSectionContainer\":\"nameSectionContainer--WcAw2\",\"nickNameContainer\":\"nickNameContainer--he52x\",\"nickNameText\":\"nickNameText--fhdzk\",\"serviceTitleContainer\":\"serviceTitleContainer--pyOg3\",\"serviceTitleText\":\"serviceTitleText--_qUT4\",\"iconsSectionContainer\":\"iconsSectionContainer--Y66zR\",\"notifyFavorite\":\"notifyFavorite--jJ3P1\",\"container\":\"container--EyYEo\",\"radioBtnContainer\":\"radioBtnContainer--DJcNL\",\"radioBtnClone\":\"radioBtnClone--DSxOX\",\"radioBtnSelected\":\"radioBtnSelected--ycpLY\",\"advisorInfo\":\"advisorInfo--BRF8y\",\"terminatedAdvisor\":\"terminatedAdvisor--R2ixS\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Skeleton from 'react-loading-skeleton';\nimport Rating from '../advisor_avatar/rating/rating';\nimport TopIcons from './top_icons';\nimport { AdvisorPropType, AdvisorDefaultProps } from '../../reducers/advisor_prop_types';\nimport classes from './classes.module.scss';\nimport AdvisorVideoPlayer from '../advisor_video_player';\nimport { advisorProfileAvatarTheme } from '../../config/themes';\nimport ExpandedText from '../../../common/helpers/expanded_text';\nimport { getReviewCount, isPrerenderMode } from '../../config/util';\n\nconst importAll = (r) => r.keys().map(r);\n\nconst defaultAvatar = require('../header/img/home_placeholder.png');\n\nconst badgeImages = importAll(require.context('./img', false, /\\.png$/));\n\nconst findIconSource = (id) => badgeImages.find(item => item.includes(`${ id }`));\n\nconst renderBadge = (type) => {\n const backgroundColor = type.color;\n return (\n \n {!isWebView() && renderNotify({ onNotifyClick, availabilityNotification, advisorStatus }) }\n { renderFav(onFavClick, favorite) }\n { navigator.share ? shareTopIcon() : null }\n
\n \n
\n );\n};\n\nconst renderNameSectionContent = ({ nickname, serviceTitle }) => (\n \n
\n);\n\nconst renderNameSection = ({\n nickname, serviceTitle, likesCount, dislikesCount, rating\n}) => {\n const reviewCount = getReviewCount({ likesCount, dislikesCount });\n if (reviewCount > 0 && rating > 0) {\n return (\n \n
\n \n
\n \n { renderNameSectionContent({ nickname, serviceTitle }) }\n
\n );\n }\n return renderNameSectionContent({ nickname, serviceTitle });\n};\n\nconst renderBadges = (badges, windowBadges) => {\n if (!badges || !badges.length) return null;\n const advisorBadge = badges.find(item => item !== 'tryout');\n if (!windowBadges.badges || !windowBadges.badges.length) return null;\n if (!advisorBadge) return null;\n const bagdeSettings = windowBadges.badges.find((item) => advisorBadge === item.id);\n return renderBadge(bagdeSettings);\n};\n\nconst getAdvisorStatusClassName = ({ loading, status }) => {\n if (isPrerenderMode() || loading || !status) return classes.indicatorSkeleton;\n return classes[`${ status }Indicator`];\n};\n\nconst renderAdvisorStatus = ({ status, t, loading }) => (\n \n
\n);\n\nconst renderTopIcons = (\n id,\n favoriteAdvisor,\n favorite,\n loading,\n theme,\n availabilityNotification,\n status\n) => (\n \n { t(`advisor_profile.status_label_${ status }`).toUpperCase()}\n
\n \n { renderRating(loading, rating, isNewAdvisor) }\n { renderTopIcons(\n id,\n favoriteAdvisor,\n favorite,\n loading,\n theme,\n availabilityNotification,\n status\n ) }\n
\n);\n\nfunction AdvisorProfileAvatar({\n profilePictureUrl, profileVideoUrl, nickname, serviceTitle, rating, id, loading,\n favoriteAdvisor, favorite, isNewAdvisor,\n profileVideoThumbUrl, badges, status, theme, t,\n likesCount, dislikesCount, availabilityNotification\n}) {\n const windowBadges = {\n badges: window.config.uiSettings.badges\n };\n\n const renderVideoPlayer = () => {\n if (theme !== advisorProfileAvatarTheme.default) return null;\n return (\n \n { renderBadges(badges, windowBadges) }\n { renderNameSection({\n nickname, serviceTitle, likesCount, dislikesCount, rating\n }) }\n
\n );\n\n const renderProfileAvatar = () => (\n \n
\n );\n\n return (\n \n { renderTopIconsContainer(\n loading,\n rating,\n isNewAdvisor,\n id,\n favoriteAdvisor,\n favorite,\n theme,\n availabilityNotification,\n status\n ) }\n
\n \n \n
\n \n { renderAdvisorStatus({ status, t, loading }) }\n
\n \n {renderProfileAvatar()}\n
\n );\n}\n\nAdvisorProfileAvatar.propTypes = {\n ...AdvisorPropType,\n showBagde: PropTypes.bool,\n needTrackProfileVideoEvent: PropTypes.bool,\n favoriteAdvisor: PropTypes.func.isRequired,\n onNotifyClick: PropTypes.func,\n loading: PropTypes.bool,\n badges:PropTypes.array,\n theme: PropTypes.string,\n t: PropTypes.func.isRequired\n};\n\nAdvisorProfileAvatar.defaultProps = {\n ...AdvisorDefaultProps,\n showBagde: false,\n needTrackProfileVideoEvent: false,\n loading: null,\n badges: [],\n onNotifyClick: null,\n theme: advisorProfileAvatarTheme.default\n};\n\nexport default AdvisorProfileAvatar;\n","import { connect } from 'react-redux';\nimport { showGeneralPopup } from '../../actions/general_popup';\nimport { favoriteAdvisor } from '../../actions/favorite_advisors';\nimport AdvisorProfileAvatar from './advisor_profile_avatar';\nimport withPGTranslation from '../../config/withPGTranslation';\n\nconst mapStateToProps = ({\n advisors\n}, { advisorId }) => ({\n ...(advisors || {})[parseInt(advisorId, 10)] || {}\n});\n\nexport default connect(\n mapStateToProps,\n {\n showGeneralPopup,\n favoriteAdvisor\n }\n)(withPGTranslation(AdvisorProfileAvatar));\n","// extracted by mini-css-extract-plugin\nexport default {\"avatarBrowserContainer\":\"avatarBrowserContainer--x9bTx\",\"rating\":\"rating--ZN9I3\",\"advsiorReadingsContainer\":\"advsiorReadingsContainer--xKoxV\",\"topIconsContainer\":\"topIconsContainer--ZHHjA\",\"reviewItem\":\"reviewItem--jaEeH\",\"reviewImg\":\"reviewImg--Q5CMV\",\"reviewItemAdvisorHeader\":\"reviewItemAdvisorHeader--lW7Ew\",\"reviewItemReviewsSection\":\"reviewItemReviewsSection--HBFqK\",\"fixedContainerBrowser\":\"fixedContainerBrowser--VQy27\",\"fixedTopContainerMobile\":\"fixedTopContainerMobile--IvU0r\",\"fixedTopContentMobile\":\"fixedTopContentMobile--ICAKk\",\"fixedBottomContainerMobile\":\"fixedBottomContainerMobile--WJvPG\",\"fixedContentBrowser\":\"fixedContentBrowser--dxupP\",\"fixedContainerAvatarContainer\":\"fixedContainerAvatarContainer--bsY2r\",\"fixedContainerAvatarHolder\":\"fixedContainerAvatarHolder--A3UHL\",\"advisorStaticTitleContainer\":\"advisorStaticTitleContainer--qH2j0\",\"advisorNameContainer\":\"advisorNameContainer--JbvyU\",\"advisorNameText\":\"advisorNameText--xlgkd\",\"advisorServiceTitleContainer\":\"advisorServiceTitleContainer--fdRcS\",\"advisorServiceTitleText\":\"advisorServiceTitleText--F1nu3\",\"optionsContainer\":\"optionsContainer--IbPTc\",\"ctaHolder\":\"ctaHolder--nHWJO\",\"topIconsContaner\":\"topIconsContaner--EnVi1\",\"ctaSkeletonContainer\":\"ctaSkeletonContainer--i_jAE\",\"ctaSkeleton\":\"ctaSkeleton--afpu4\",\"animation-bzdot9\":\"animation-bzdot9--iIPu4\",\"ctaSkeletonFullWidth\":\"ctaSkeletonFullWidth--AQl4U\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classes from './classes.module.scss';\nimport { SvgIcon } from '../../../../common/sprites';\n\nexport const reviewItemThemes = {\n advisorHeader: 'reviewItemAdvisorHeader',\n reviewsSection: 'reviewItemReviewsSection'\n};\n\nfunction ReviewItem({\n isPositive, value, ignoreLeftMargin, theme\n}) {\n return (\n \n
\n );\n}\n\nReviewItem.propTypes = {\n value: PropTypes.number,\n isPositive: PropTypes.bool,\n ignoreLeftMargin: PropTypes.bool,\n theme: PropTypes.string\n};\n\nReviewItem.defaultProps = {\n value: 0,\n isPositive: false,\n ignoreLeftMargin: false,\n theme: reviewItemThemes.reviewsSection\n};\n\nexport default ReviewItem;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Skeleton from 'react-loading-skeleton';\nimport classNames from 'classnames';\nimport classes from './classes.module.scss';\nimport Rating from '../../../advisor_avatar/rating/rating';\nimport AdvisorCTA from '../advisor_cta';\nimport AdvisorProfileAvatar from '../../../advisor_profile_avatar';\nimport { AdvisorPropType, AdvisorDefaultProps } from '../../../../reducers/advisor_prop_types';\nimport ReviewItem, { reviewItemThemes } from '../reviews_items';\nimport TopIcons from '../../../advisor_profile_avatar/top_icons';\nimport { isAdvisorBusy, getReviewCount, isPrerenderMode } from '../../../../config/util';\nimport ReadingSinceAndCountItem, { readingSinceAndCountItemThemes } from '../readingSinceAndCountItem';\nimport { advisorHeaderTheme } from '../../../../config/themes';\nimport ExpandedText from '../../../../../common/helpers/expanded_text';\nimport { isPG } from '../../../../../common/config/utils';\nimport CouponLabel from '../../../../project_items/coupon_items/coupon_label';\n\nconst shouldRenderReviews = (likesCount, dislikesCount) => likesCount > 0 || dislikesCount > 0;\n\nconst reviewItemsContent = (likesCount, dislikesCount, t) => (shouldRenderReviews(likesCount, dislikesCount)\n ? [\n
\n {t('advisor_profile.no_reviews')}
);\n\nconst renderBusyLable = ({ liveModes, t }) => {\n if (!isAdvisorBusy({ liveModes })) return null;\n return (\n \n { t('advisor_profile.advisor_busy') }\n
\n );\n};\n\nconst advisorCTAs = ({\n loading, liveModes, id, nickname, profilePictureUrl, t, advisorXfmProgram, userXfmProgram\n}) => {\n if (loading || isPrerenderMode() || liveModes.length === 0) {\n const skeletonCount = isPG() ? 3 : 2;\n const skeletonClassName = isPG() ? classes.ctaSkeleton : classNames(classes.ctaSkeleton, classes.ctaSkeletonFullWidth);\n return (\n \n {\n [...Array(skeletonCount)].map((s, index) => (\n \n ))\n }\n
\n );\n }\n return (\n \n {\n liveModes.map((mode) => (\n
\n );\n};\n\nconst renderAdvsiorTitleContent = ({ nickname, serviceTitle }) => (\n \n
\n);\n\nconst renderAdvsiorTitle = ({\n nickname, serviceTitle, likesCount, dislikesCount, rating\n}) => {\n const reviewCount = getReviewCount({ likesCount, dislikesCount });\n if (reviewCount > 0 && rating > 0) {\n return (\n \n \n
\n \n { nickname || '' }\n
\n \n\n \n
\n \n { serviceTitle || '' }\n
\n \n \n { renderAdvsiorTitleContent({ nickname, serviceTitle }) }\n
\n );\n }\n return (\n \n { renderAdvsiorTitleContent({ nickname, serviceTitle }) }\n
\n );\n};\n\nfunction AdvisorHeader({\n nickname, serviceTitle, rating, liveModes, id, profilePictureUrl, readingsCount, yearJoined,\n likesCount, dislikesCount, t, favorite, isNewAdvisor, loading, availabilityNotification,\n favoriteAdvisor, theme, serviceDescription, advisorXfmProgram, userXfmProgram, status, discountOffer\n}) {\n const reviewsItems = () => (\n \n {reviewItemsContent(likesCount, dislikesCount, t) }\n
\n );\n\n const readingsStats = () => {\n if (loading) return \n
\n );\n };\n\n const renderAboutMyServices = () => (\n \n
\n );\n\n const renderAdvisorModes = () => {\n if (theme === advisorHeaderTheme.terminatedAdvisor) return renderAboutMyServices();\n return advisorCTAs({\n loading, liveModes, id, nickname, profilePictureUrl, t, advisorXfmProgram, userXfmProgram\n });\n };\n\n const renderAdvisorHeader = () => (\n \n { t('advisorProfile.about_my_services') }\n
\n \n { serviceDescription || ''}\n
\n \n \n
\n );\n\n return (\n \n
\n \n
\n \n
\n \n { renderAdvsiorTitle({\n nickname, serviceTitle, likesCount, dislikesCount, rating\n })}\n
\n \n
\n \n
\n \n
\n \n { renderAdvisorModes() }\n
\n \n
\n {readingsStats()}\n \n { renderAdvisorHeader() }\n
\n );\n}\n\nAdvisorHeader.propTypes = {\n ...AdvisorPropType,\n onNotifyClick: PropTypes.func,\n badges:PropTypes.array,\n t: PropTypes.func.isRequired,\n theme: PropTypes.string,\n advisorXfmProgram: PropTypes.object,\n userXfmProgram: PropTypes.object,\n discountOffer: PropTypes.object\n};\n\nAdvisorHeader.defaultProps = {\n ...AdvisorDefaultProps,\n badges: [],\n onNotifyClick: null,\n theme: advisorHeaderTheme.default,\n advisorXfmProgram: {},\n userXfmProgram: {},\n discountOffer: {}\n};\n\nexport default AdvisorHeader;\n","import { connect } from 'react-redux';\nimport AdvisorHeader from './advisor_header';\nimport withPGTranslation from '../../../../config/withPGTranslation';\n\nconst mapStateToProps = () => ({});\n\nexport default connect(\n mapStateToProps,\n {}\n)(withPGTranslation(AdvisorHeader));\n","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"container--yDFbA\",\"selectedFilter\":\"selectedFilter--KcMok\",\"smileContainer\":\"smileContainer--ruqft\",\"actionImage\":\"actionImage--eb30h\",\"actionImageBellIcon\":\"actionImageBellIcon--me3AC\",\"actionImageHeartIcon\":\"actionImageHeartIcon--iPFmJ\",\"descriptionTitle\":\"descriptionTitle--rmCVx\",\"descriptionText\":\"descriptionText--_0EAH\",\"mostAccuracyContainer\":\"mostAccuracyContainer--nQiCC\",\"mostAccuracyContainerBrowser\":\"mostAccuracyContainerBrowser--fnLky\",\"mostAccuracyAbsoluteContainerBrowser\":\"mostAccuracyAbsoluteContainerBrowser--NS8Wx\",\"accuracyDetails\":\"accuracyDetails--GOObv\",\"accuracyBtn\":\"accuracyBtn--vIl9K\",\"accuracyContainer\":\"accuracyContainer--Zhldo\",\"accuracyDescription\":\"accuracyDescription--YzATI\",\"crossedPrice\":\"crossedPrice--mTZ0W\",\"accurateModalOkBtn\":\"accurateModalOkBtn--QywRJ\",\"accuracyText\":\"accuracyText--MvW3W\",\"accurateModa\":\"accurateModa--iK1bl\",\"headerButton\":\"headerButton--ZT2SQ\",\"lastOrderStripeRoot\":\"lastOrderStripeRoot--sEvl_\",\"lastOrderStripeRow\":\"lastOrderStripeRow--WHX7s\",\"lastOrderStripeStaticText\":\"lastOrderStripeStaticText--VEAv4\",\"lastOrderStripeTextContainer\":\"lastOrderStripeTextContainer--cmNVV\",\"lastOrderStripeText\":\"lastOrderStripeText--C7r0_\",\"stripeArrowIcon\":\"stripeArrowIcon--zuHws\",\"avisorInfoContainerNames\":\"avisorInfoContainerNames--f8Zfr\",\"infoData\":\"infoData--sWZd7\",\"infoDataBrowser\":\"infoDataBrowser--ZZmrg\",\"advisorInfoNameTextMobile\":\"advisorInfoNameTextMobile--Jma0M\",\"advisorInfoNameTextH1MobileContent\":\"advisorInfoNameTextH1MobileContent--daWzq\",\"advisorInfoServiceTitleTextMobile\":\"advisorInfoServiceTitleTextMobile--AvS_x\",\"advisorInfoTextBrovserView\":\"advisorInfoTextBrovserView--Kwu3m\",\"advisorInfoTextH1BrovserViewContent\":\"advisorInfoTextH1BrovserViewContent--NlL8k\",\"advisorInfoStarBrovserView\":\"advisorInfoStarBrovserView--odUKt\",\"rateCol\":\"rateCol--zB5d6\",\"scrollContainer\":\"scrollContainer--Gk0iA\",\"withoutHeaderContainer\":\"withoutHeaderContainer--uGaaR\",\"headerContainer\":\"headerContainer--UVbnU\",\"fullScreen\":\"fullScreen--tugae\",\"fullDivider\":\"fullDivider--dx5EC\",\"marginDivider\":\"marginDivider--LIKYi\",\"marginDividerBrowser\":\"marginDividerBrowser--E1nun\",\"actionContainer\":\"actionContainer--hX0FS\",\"readingsYearJoinedContainer\":\"readingsYearJoinedContainer--O782n\",\"readingsCount\":\"readingsCount--rNgdQ\",\"yearJoinedCount\":\"yearJoinedCount--HXlc6\",\"advisorInfoContainerBrowser\":\"advisorInfoContainerBrowser--fKS_M\",\"advisorSupportInfoContainerFullScreenBrowser\":\"advisorSupportInfoContainerFullScreenBrowser--UKP88\",\"advisorCoreInfoContainerBrowser\":\"advisorCoreInfoContainerBrowser--Q56dy\",\"advisorSupportInfoContainerBrowser\":\"advisorSupportInfoContainerBrowser--ooK9F\",\"mobileViewContainer\":\"mobileViewContainer--U4A3J\",\"browserViewContainer\":\"browserViewContainer--IyAyg\",\"advisorSupportInfoBrowserDeepRow\":\"advisorSupportInfoBrowserDeepRow--TEkfT\",\"advisorIsOfflineLabel\":\"advisorIsOfflineLabel--h92Jl\",\"advisorIsOfflineLabelCol\":\"advisorIsOfflineLabelCol--TwfbR\",\"advisorIsOfflineLabelNotifyMeButton\":\"advisorIsOfflineLabelNotifyMeButton--wYZre\",\"advisorIsOfflinelabelIcon\":\"advisorIsOfflinelabelIcon--ty1S9\",\"viewContainer\":\"viewContainer--Ngza2\",\"statsHolder\":\"statsHolder--KOmKz\",\"advisorServiseContainer\":\"advisorServiseContainer--CCS9l\",\"categoriesHolder\":\"categoriesHolder--XpoDc\",\"categoriesContainer\":\"categoriesContainer--VPDLL\",\"promotionHolder\":\"promotionHolder--WUInS\",\"promotionFooter\":\"promotionFooter--zvK38\",\"promoLabelContainer\":\"promoLabelContainer--TTyfe\",\"animation-bzdot9\":\"animation-bzdot9--MOw5l\"};","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"container--eHFFh\",\"descriptionHolder\":\"descriptionHolder--jd8WT\",\"description\":\"description--YG0CN\",\"specialitiesContainer\":\"specialitiesContainer--mgUia\",\"speciality\":\"speciality--qwZlj\",\"specialityIcon\":\"specialityIcon--JLBg1\",\"specialitiesSeparator\":\"specialitiesSeparator--yFIaf\",\"specialitySkeletonContainer\":\"specialitySkeletonContainer--MUrju\",\"specialitySkeleton\":\"specialitySkeleton--lF2rX\",\"animation-bzdot9\":\"animation-bzdot9--cmxPF\"};","// extracted by mini-css-extract-plugin\nexport default {\"headerContainer\":\"headerContainer--STOKu\",\"item\":\"item--hEDkr\",\"reviewItemHolder\":\"reviewItemHolder--GurQH\",\"reviewsContainer\":\"reviewsContainer--WgHgz\",\"emptyReviewsContainer\":\"emptyReviewsContainer--dCsX8\",\"reviewContainer\":\"reviewContainer--PDnd6\",\"reviewerName\":\"reviewerName--PG5tf\",\"reviewImgContainer\":\"reviewImgContainer--jSCzO\",\"reviewImage\":\"reviewImage--iDffX\",\"noReviews\":\"noReviews--T3ASM\",\"comment\":\"comment--xOdUq\",\"reviewBuyerNicknameContainer\":\"reviewBuyerNicknameContainer--NpEzw\",\"reviewBuyerNickname\":\"reviewBuyerNickname--dxtoE\",\"reviewDateContainer\":\"reviewDateContainer--xrmYG\",\"showMoreButton\":\"showMoreButton--TNdVJ\",\"animation-bzdot9\":\"animation-bzdot9--F_4c2\"};","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useNavigate } from 'react-router-dom';\nimport { format } from 'date-fns';\nimport queryString from 'query-string';\nimport Skeleton from 'react-loading-skeleton';\nimport classes from './classes.module.scss';\nimport ReviewItem, { reviewItemThemes } from '../reviews_items';\nimport ExpandedText from '../../../../../common/helpers/expanded_text';\nimport { SvgIcon } from '../../../../../common/sprites';\n\nconst filters = {\n positive: 'positive',\n negative: 'negative',\n default: 'default'\n};\n\nconst reviewImage = (like, loader) => (loader ? \n
\n );\n}\n\nReview.propTypes = {\n review: PropTypes.object,\n loader: PropTypes.bool\n};\n\nReview.defaultProps = {\n review: null,\n loader: false\n};\n\nconst defaultSelectedFilter = () => {\n const {\n positive, negative\n } = queryString.parse(window.location.search);\n if (positive) {\n return filters.positive;\n }\n if (negative) {\n return filters.negative;\n }\n return filters.default;\n};\n\nconst updateQuery = (name, history) => {\n if (name === filters.positive) {\n history(`${ window.location.pathname }?${ queryString.stringify({ positive:true }) }`, { replace: true });\n return;\n }\n if (name === filters.negative) {\n history(`${ window.location.pathname }?${ queryString.stringify({ negative:true }) }`, { replace: true });\n return;\n }\n history(`${ window.location.pathname }`, { replace: true });\n};\n\nconst reviewItems = (items, loading) => {\n if (!items || !items.length) return null;\n const itemsArray = items.map((r) => \n
\n \n {comment || \n {reviewImage(like, loader)}\n
\n \n \n \n
\n \n {buyerNickname ||
\n \n {createdAt ? format(new Date(createdAt), 'dd MMM yy') :
\n \n { children }\n
\n \n \n ));\n\n const onShowMore = () => {\n loadAdvisorReviews(id);\n };\n\n const placeHolder = () => (\n \n
\n );\n\n const reviewsSection = () => (\n {t('advisor_profile.no_reviews')}
\n \n { reviewItems(items, loading) }\n { reviewShowMore(showMore, onShowMore, t) }\n
\n );\n\n const reviewsContent = React.useMemo(() => {\n if (needShowPlaceHolder(likesCount || dislikesCount)) {\n return placeHolder();\n }\n return reviewsSection();\n }, [reviews]);\n\n return (\n \n
\n );\n}\nReviewsSection.propTypes = {\n likesCount: PropTypes.number,\n dislikesCount: PropTypes.number,\n reviews: PropTypes.object,\n loadAdvisorReviews: PropTypes.func.isRequired,\n id:PropTypes.any,\n t: PropTypes.func.isRequired,\n advisorsReviewsReset: PropTypes.func.isRequired\n};\n\nReviewsSection.defaultProps = {\n likesCount:0,\n dislikesCount:0,\n reviews: null,\n id:null\n};\n\nexport default ReviewsSection;\n","import { connect } from 'react-redux';\nimport { withLastLocation } from 'react-router-dom-last-location';\nimport ReviewsSection from './reviews_section';\nimport {\n loadAdvisorReviews, advisorsReviewsReset\n} from '../../../../actions/advisors';\nimport withPGTranslation from '../../../../config/withPGTranslation';\n\nconst mapStateToProps = (\n { advisors },\n { id }\n) => ({\n ...(advisors || {})[id] || {}\n});\n\nexport default connect(\n mapStateToProps,\n {\n loadAdvisorReviews,\n advisorsReviewsReset\n }\n)(withLastLocation(withPGTranslation(ReviewsSection)));\n","// extracted by mini-css-extract-plugin\nexport default {\"homeButtonContainer\":\"homeButtonContainer--c2l5a\",\"homeButton\":\"homeButton--serdS\",\"TERMINATED\":\"TERMINATED--t8bxR\",\"titleContainer\":\"titleContainer--IKqHU\",\"title\":\"title--zDIDz\",\"subTitle\":\"subTitle--AF9su\",\"NOTAVAILABLEFORPG\":\"NOTAVAILABLEFORPG--mV6ku\",\"animation-bzdot9\":\"animation-bzdot9--A1H5y\"};","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport AdvisorsList, { advisorsListThemes } from '../../advisors_list';\nimport classes from './classes.module.scss';\nimport AppLink from '../../routes/app_link';\n\nfunction SomeOtherAdvisors({\n t, theme, title, subTitle, loading, clickSource, loadAdvisors, advisors, pathname\n}) {\n const startChatClickSource = (window.location.state && window.location.state.startChatClickSource) ? window.location.state.startChatClickSource : 'direct';\n\n useEffect(() => {\n loadAdvisors({ page: 1 }, pathname);\n }, []);\n\n const generateData = () => {\n const advisorsArray = advisors.slice(0, 4);\n return advisorsArray;\n };\n\n const generateAnalytics = () => {\n const analyticsData = {\n clickSource,\n startChatClickSource\n };\n return analyticsData;\n };\n\n const renderTitle = () => (\n \n {buttonItem(1, filters.default, t('advisor_profile.reviews'))}\n {buttonItem(\n likesCount,\n filters.positive,\n
\n {reviewsContent}\n \n
\n );\n\n const renderHomeButton = () => (\n \n { title }\n
\n \n { subTitle }\n
\n \n \n { t('terminatedAdvisor.back_to_homepage')}\n \n
\n );\n\n const renderSomeOtherAdvisors = () => (\n \n { renderTitle() }\n
\n );\n\n return renderSomeOtherAdvisors();\n}\n\nSomeOtherAdvisors.propTypes = {\n t: PropTypes.func.isRequired,\n theme: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired,\n subTitle: PropTypes.string.isRequired,\n loadAdvisors: PropTypes.func.isRequired,\n advisors: PropTypes.array.isRequired,\n pathname: PropTypes.string.isRequired\n};\n\nSomeOtherAdvisors.defaultProps = {\n advisors: []\n};\n\nexport default SomeOtherAdvisors;\n","import { connect } from 'react-redux';\nimport { withLastLocation } from 'react-router-dom-last-location';\nimport withPGTranslation from '../../../config/withPGTranslation';\nimport { clearApplicationError } from '../../../actions/aplication_error';\nimport SomeOtherAdvisors from './some_other_advisors';\nimport { loadAdvisors } from '../../../actions/search_results';\n\nconst mapStateToProps = ({\n applicationError,\n searchResults\n}, {\n location: { pathname }\n}) => ({\n ...applicationError,\n pathname,\n ...searchResults[pathname]\n});\n\nexport default withLastLocation(withPGTranslation(connect(mapStateToProps, {\n clearApplicationError,\n loadAdvisors\n})(SomeOtherAdvisors)));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Skeleton from 'react-loading-skeleton';\nimport { Speciality } from '@barges/react';\nimport '@barges/scss/lib/speciality.css';\nimport '@barges/scss/lib/title.css';\nimport withPGTranslation from '../../../../config/withPGTranslation';\nimport { AdvisorPropType, AdvisorDefaultProps } from '../../../../reducers/advisor_prop_types';\nimport classes from './classes.module.scss';\nimport AppLink from '../../../routes/app_link';\nimport { specialitiesClickSource } from '../../../../config/const';\nimport { advisorSpecialitiesTheme } from '../../../../config/themes';\nimport { isPG } from '../../../../../common/config/utils';\n\nconst renderSpecialitiesContent = (specialities, loading, specialitiesContent) => (\n !(specialities || []).length && !loading ? null : specialitiesContent()\n);\n\nfunction AdvisorSpecialities({\n specialities, advisorId, t, loading\n}) {\n const speciality = (spec) => {\n const {\n iconUrl, name, slug, params, iconName\n } = spec;\n return (\n \n {t('advisor_profile.specialities_title')}\n
\n );\n\n return renderSpecialitiesContent(specialities, loading, specialitiesContent);\n}\n\nAdvisorSpecialities.propTypes = {\n advisorId: AdvisorPropType.id,\n specialities: AdvisorPropType.specialities,\n t: PropTypes.func.isRequired,\n loading: PropTypes.bool\n};\n\nAdvisorSpecialities.defaultProps = {\n ...AdvisorDefaultProps,\n theme: advisorSpecialitiesTheme.default,\n loading: false\n};\n\nexport default withPGTranslation(AdvisorSpecialities);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withLastLocation } from 'react-router-dom-last-location';\nimport Skeleton from 'react-loading-skeleton';\nimport { useLocation } from 'react-router-dom';\nimport { AdvisorPropType, AdvisorDefaultProps } from '../../../../reducers/advisor_prop_types';\nimport classes from './classes.module.scss';\nimport ReviewsSection from '../reviews_section';\nimport { makeMoreReadable } from '../../../../config/util';\nimport SomeOtherAdvisors from '../../some_other_advisors';\nimport { psychicsListTypes } from '../../../../config/const';\nimport AdvisorSpecialities from './advisor_specialities';\n\nconst descriptionContent = (title, description, needAddItemProp) => (\n \n { loading\n ? (\n
\n \n {title}\n \n {makeMoreReadable(description) ||
\n);\n\nconst reviewsContent = (id) => (!id ? null : (\n \n {descriptionContent(t('advisorProfile.about_my_services'), serviceDescription, true)}\n {descriptionContent(t('advisorProfile.about_me'), aboutMe)}\n {specialitiesContent(specialities, id, loading)}\n {renderNoAavailableForPG(liveModes, t, loading, location)}\n {reviewsContent(id)}\n
\n );\n}\n\nAdvisorMainContent.propTypes = {\n ...AdvisorPropType,\n t: PropTypes.func.isRequired\n};\n\nAdvisorMainContent.defaultProps = {\n ...AdvisorDefaultProps\n};\n\nexport default withLastLocation(AdvisorMainContent);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport classes from './classes.module.scss';\nimport AdvisorCta from './advisor_cta';\nimport { AdvisorPropType, AdvisorDefaultProps } from '../../../reducers/advisor_prop_types';\nimport AdvisorAvatar, { advisorThemes } from '../../advisor_avatar';\nimport TopIcons from '../../advisor_profile_avatar/top_icons';\nimport ExpandedText from '../../../../common/helpers/expanded_text';\nimport { isPrerenderMode, getHeaderHeight } from '../../../config/util';\nimport { isKA } from '../../../../common/config/utils';\nimport { advisorCtaThemes } from './advisor_cta/advisor_cta_themes';\n\nfunction AdvisorStaticContainer({\n modesContainerVisible, profilePictureUrl, nickname, serviceTitle, loading, liveModes, id,\n favoriteAdvisor, loader, favorite, availabilityNotification, status\n}) {\n const renderAvatarSection = () => (\n \n
\n );\n\n const renderCtaSection = () => {\n if (loading || isPrerenderMode() || liveModes.length === 0) {\n const skeletonCount = isKA() ? 2 : 3;\n const skeletonClassName = isKA() ? classNames(classes.ctaSkeleton, classes.ctaSkeletonFullWidth) : classes.ctaSkeleton;\n return (\n \n
\n \n
\n \n \n { nickname }\n \n
\n\n \n \n { serviceTitle }\n \n
\n \n {\n [...Array(skeletonCount)].map((s, index) => (\n \n ))\n }\n
\n );\n }\n return (\n \n {liveModes.map((mode) => (\n
\n );\n };\n\n const renderTopIconContainer = () => (\n \n
\n );\n\n const modesContainerStyle = () => (modesContainerVisible ? { '--display':'none' } : { '--display':'flex', '--top': getHeaderHeight() });\n const renderContentBrowser = () => (\n \n { renderAvatarSection() }\n
\n \n );\n\n const renderContentMobile = () => (\n <>\n \n { renderCtaSection() }\n { renderTopIconContainer() }\n
\n \n { renderAvatarSection() }\n
\n \n \n { renderTopIconContainer() }\n
\n \n \n { t('terminatedAdvisor.back_to_homepage')}\n \n
\n );\n\n const renderAboutMe = () => (\n \n
\n );\n\n const renderTerminatedAdvisor = () => (\n <>\n \n { t('advisorProfile.about_me') }\n
\n \n
\n { renderHomeButton() }\n \n );\n\n return renderTerminatedAdvisor();\n}\n\nTerminatedAdvisor.propTypes = {\n advisor: PropTypes.object.isRequired,\n t: PropTypes.func.isRequired,\n clearApplicationError: PropTypes.func.isRequired\n};\n\nTerminatedAdvisor.defaultProps = {\n ...AdvisorDefaultProps\n};\n\nexport default TerminatedAdvisor;\n","import { connect } from 'react-redux';\nimport withPGTranslation from '../../../config/withPGTranslation';\nimport { clearApplicationError } from '../../../actions/aplication_error';\nimport TerminatedAdvisor from './terminated_advisor';\n\nconst mapStateToProps = ({\n applicationError,\n advisors\n}, { advisorId }) => ({\n ...applicationError,\n advisor: { ...(advisors || {})[parseInt(advisorId, 10)] || {} }\n});\n\nexport default connect(mapStateToProps, {\n clearApplicationError\n})(withPGTranslation(TerminatedAdvisor));\n","import { connect } from 'react-redux';\nimport AdvisorRecommendCarousel, { AdvisorRecommendCarouselProps, advisorProp } from './advisors_recommend_carousel';\nimport { getSimilarOnlineAdvisors, trackBusyCarouselEvent } from '../../../../actions/advisors';\n\nexport { AdvisorRecommendCarouselProps, advisorProp };\n\nconst mapStateToProps = ({ user: { user }, advisors }, { similarOnlineAdvisors, advisorId }) => ({\n userId: user && user.id,\n advisorStatus: advisors[advisorId]?.status,\n carouselAvailability: window.config.available_busy_carousel === 'true',\n advisors: similarOnlineAdvisors?.map((adv) => (advisors[adv.id])),\n userXfmProgram: user && user.userXfmProgram\n});\n\nexport default connect(mapStateToProps, {\n getSimilarOnlineAdvisors,\n trackBusyCarouselEvent\n})(AdvisorRecommendCarousel);\n","import React, {\n useEffect, useState, useRef, useCallback\n} from 'react';\nimport PropTypes from 'prop-types';\nimport { Helmet } from 'react-helmet';\nimport { useNavigate } from 'react-router-dom';\nimport { add, formatISO } from 'date-fns';\nimport {\n textTruncate, decodeHtmlBracketCharCodes, renderCanonicalLink, getSectionForEvent,\n cleanupAdvisorFieldsForAnalytics\n} from '../../config/util';\nimport AppLayout from '../shared/content';\nimport AdvisorHeader from './nested_views/advisor_header';\nimport classes from './classes.module.scss';\nimport { AdvisorPropType, AdvisorDefaultProps } from '../../reducers/advisor_prop_types';\nimport AdvisorMainContent from './nested_views/advisor_main_content/advisor_main_content';\nimport AdvisorStaticContainer from './nested_views/advisor_static_container';\nimport env from '../../config/variables';\nimport TerminatedAdvisor from './terminated_advisor';\nimport AffiliatePromoPopup from '../affiliate_promo_popup';\nimport { trackPageVisit } from '../../actions/analytics';\nimport UsePreviousValue, { isKA } from '../../../common/config/utils';\nimport AdvisorRecommendCarousel from './nested_views/advisors_recommend_carousel';\nimport { liveModeState, promotionLabelTypeScreens } from '../../config/const';\nimport PromotionLabel from '../home_page/nested_views/promotion_label';\nimport { updatePathTrailingSlashes } from '../routes/routes_helpers';\n\nconst NICKNAME = '\n
\n );\n\n useEffect(() => {\n const needReloadAdvisorPage = location.state?.needReloadAdvisorPage;\n if (needReloadAdvisorPage) {\n loadAdvisor(slug);\n history(`${ location.pathname }${ location.search }`, {\n state: { ...location.state, needReloadAdvisorPage: false },\n replace: true\n });\n }\n }, [location.state]);\n\n const renderContent = () => {\n if (errorCode === 410) return \n \n
\n \n );\n}\n\nAdvisor.propTypes = {\n ...AdvisorPropType,\n loadAdvisor: PropTypes.func.isRequired,\n match: PropTypes.object.isRequired,\n t: PropTypes.func.isRequired,\n errorCode: PropTypes.number,\n trackAdvisorProfileViewEvent: PropTypes.func.isRequired,\n trackBEvent: PropTypes.func.isRequired,\n userId: PropTypes.number,\n userLoading: PropTypes.bool,\n getSimilarOnlineAdvisors: PropTypes.func.isRequired,\n trackBusyCarouselEvent: PropTypes.func.isRequired\n};\n\nAdvisor.defaultProps = {\n ...AdvisorDefaultProps,\n errorCode: null,\n userId: null,\n userLoading: null\n};\n\nexport default Advisor;\n","import { connect } from 'react-redux';\nimport { withLastLocation } from 'react-router-dom-last-location';\nimport Advisor from './advisor';\nimport { loadAdvisor, getSimilarOnlineAdvisors, trackBusyCarouselEvent } from '../../actions/advisors';\nimport { trackBEvent } from '../../actions/b_events';\nimport { trackAdvisorProfileViewEvent } from '../../actions/analytics';\nimport { startChat } from '../../actions/chat';\nimport { initVoipChat } from '../../actions/voip_chat';\nimport { showGeneralPopup } from '../../actions/general_popup';\nimport { displayNotifyMe } from '../../actions/notify_me';\nimport { favoriteAdvisor } from '../../actions/favorite_advisors';\nimport { authPendingAction, displayRegister } from '../../actions/auth';\nimport withPGTranslation from '../../config/withPGTranslation';\nimport { matchPaths } from '../../../common/config/utils';\nimport { getAdvisorDataIfSsrMode } from '../../config/util';\n\nconst mapStateToProps = (\n {\n advisors, applicationError, user: { loading: userLoading, user }\n },\n ownProps\n) => {\n const { match } = ownProps;\n const { pathname } = match;\n const knownPaths = ((advisors || {}).knownPaths || {});\n const matchPathname = matchPaths({ pathname: Object.keys(knownPaths), path: pathname });\n const id = knownPaths[matchPathname?.pattern?.path];\n const advisor = (advisors || {})[id];\n return {\n ...(advisor || {}),\n ...applicationError,\n advisorLoaded: !!advisor,\n userId: user && user.id,\n userLoading,\n loading: (advisors.loading || !advisor) && !getAdvisorDataIfSsrMode()\n };\n};\n\nexport default connect(\n mapStateToProps,\n {\n loadAdvisor,\n startChat,\n showGeneralPopup,\n trackAdvisorProfileViewEvent,\n initVoipChat,\n displayNotifyMe,\n favoriteAdvisor,\n authPendingAction,\n displayRegister,\n trackBEvent,\n getSimilarOnlineAdvisors,\n trackBusyCarouselEvent\n }\n)(withLastLocation(withPGTranslation(Advisor)));\n","// extracted by mini-css-extract-plugin\nexport default {\"mainContentContainer\":\"mainContentContainer--YH40r\",\"sectionHeader\":\"sectionHeader--SuuB4\",\"sectionHeaderSeparator\":\"sectionHeaderSeparator--j0VpR\",\"sectionIcon\":\"sectionIcon--PT9eg\",\"advisorContainer\":\"advisorContainer--bZgR2\",\"avatarHolder\":\"avatarHolder--MipgR\",\"avatarContainer\":\"avatarContainer--J4C9C\",\"advisorInfoContainer\":\"advisorInfoContainer--_vRiO\",\"advisorInfoHeader\":\"advisorInfoHeader--X2L2Q\",\"advisorTitle\":\"advisorTitle--rjnyx\",\"advisorSubtitle\":\"advisorSubtitle--PA8FY\",\"rating\":\"rating--uPyix\",\"footer\":\"footer--XppAq\",\"staffPickDescription\":\"staffPickDescription--sKoE6\",\"advisorViewLink\":\"advisorViewLink--oAyNV\",\"serviceTitleContainer\":\"serviceTitleContainer--B1LD9\",\"previewAdvisorCTABottomContainer\":\"previewAdvisorCTABottomContainer--AXaPO\",\"previewAdvisorCTAContainer\":\"previewAdvisorCTAContainer--CxB8J\",\"readingsSinceContainer\":\"readingsSinceContainer--bmZqo\",\"readingsSinceMobileContainer\":\"readingsSinceMobileContainer--NuVKQ\",\"default\":\"default--Favhy\",\"countContainer\":\"countContainer--Lz3v9\",\"onHomePageSecriceContainer\":\"onHomePageSecriceContainer--lsta9\",\"onHomePageAdvisorAvatar\":\"onHomePageAdvisorAvatar--MLoJB\",\"staffPick\":\"staffPick--ycD4a\",\"staffPickMobile\":\"staffPickMobile--Yrm_p\",\"recommendAdvisor\":\"recommendAdvisor--oTQrW\",\"animation-bzdot9\":\"animation-bzdot9--Mjjhj\"};","/* eslint-disable import/no-cycle */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport Skeleton from 'react-loading-skeleton';\nimport classes from './classes.module.scss';\nimport { separateThousands } from '../../../../config/util';\nimport ExpandedText from '../../../../../common/helpers/expanded_text';\n\nfunction ReadingSinceAndCountItem({\n readingsCount, yearJoined, t, theme, loading\n}) {\n const renderContent = () => {\n if (loading) return \n \n
\n \n ${ (specialities[0] || {}).name }` } suppressHydrationWarning />\n \n \n \n \n \n \n
\n { renderContent() }\n \n \n
\n \n));\n\nconst renderRateAndFaforite = ({\n loading, rating, isFavorite, isNewAdvisor, profileVideoUrl, id, analytics, theme\n}) => {\n if (loading || theme === readingSinceAndCountItemThemes.recommendAdvisor) return null;\n return (\n \n
\n );\n};\n\nconst renderNameSection = ({\n loading, nickname, serviceTitle, readingsCount, yearJoined\n}) => {\n if (loading) return null;\n return (\n \n
\n {renderPlayVideoBtnContainer(profileVideoUrl, id, analytics)}\n \n
\n );\n};\n\nconst getAvatarUrl = (loading, profilePictureUrl) => {\n if (loading || !profilePictureUrl) return defaultAvatar;\n return profilePictureUrl || defaultAvatar;\n};\n\nconst getAdvisorStatusClassName = ({ loading, status }) => {\n if (isPrerenderMode() || loading || !status) return classes.indicatorSkeleton;\n return classes[`${ status }Indicator`];\n};\n\nfunction AdvisorAvatar({\n profilePictureUrl, nickname, serviceTitle, status, isFavorite, rating, theme, loading,\n isNewAdvisor, readingsCount, yearJoined, profileVideoUrl, id, analytics, t\n}) {\n const renderAdvisorStatus = () => (\n \n \n { nickname }\n \n
\n \n \n { serviceTitle }\n \n
\n \n
\n \n
\n );\n\n const renderAvatar = () => (\n \n \n { t(`advisor_profile.status_label_${ status }`).toUpperCase() }\n \n
\n \n
\n );\n\n return (\n \n
\n \n
\n \n { renderAdvisorStatus() }\n
\n \n { renderAvatar() }\n
\n );\n}\n\nAdvisorAvatar.propTypes = {\n ...AdvisorPropType,\n theme: PropTypes.string.isRequired,\n loading: PropTypes.bool,\n t: PropTypes.func.isRequired,\n analytics: PropTypes.object\n};\n\nAdvisorAvatar.defaultProps = {\n ...AdvisorDefaultProps,\n theme: null,\n loading: false,\n analytics: null\n};\n\nexport default AdvisorAvatar;\n","import { connect } from 'react-redux';\nimport withPGTranslation from '../../config/withPGTranslation';\nimport AdvisorAvatar from './advisor_avatar';\nimport { favoriteAdvisor } from '../../actions/favorite_advisors';\nimport { authPendingAction, displayRegister } from '../../actions/auth';\n\nexport const advisorThemes = {\n staff_pick: 'staff_pick',\n personal: 'personal',\n badge: 'badge',\n badge_end_to_end: 'badge_end_to_end',\n searchResult: 'searchResult',\n someOtherAdvisor: 'someOtherAdvisor',\n profileSmallAvatar: 'profileSmallAvatar',\n sticky_icons: 'sticky_icons',\n homePageAllAdvisors: 'homePageAllAdvisors',\n activityAvatar: 'activityAvatar',\n recommendedCarousel: 'recommendedCarousel'\n};\n\nconst mapStateToProps = () => ({\n});\n\nexport default connect(mapStateToProps, {\n favoriteAdvisor,\n authPendingAction,\n displayRegister\n})(withPGTranslation(AdvisorAvatar));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport withPGTranslation from '../../../config/withPGTranslation';\nimport classes from '../classes.module.scss';\nimport { getReviewCount } from '../../../config/util';\nimport { SvgIcon } from '../../../../common/sprites';\n\nconst getRatingText = (isNewAdvisor, rating, t) => {\n if (isNewAdvisor) return t('home_page.rating_new_advisor');\n if (!rating && rating !== 0) return ;\n return parseFloat(rating).toFixed(1);\n};\n\nconst getRatingTextClass = (isNewAdvisor) => {\n if (isNewAdvisor) return classes.newAdvisorText;\n return classes.ratingText;\n};\n\nconst getRatingContaineritemProp = (reviewCount, rating, needAddItemProp) => {\n if (reviewCount > 0 && rating > 0 && needAddItemProp) {\n return { itemProp:'aggregateRating', itemScope:'itemScope', itemType:'http://schema.org/AggregateRating' };\n }\n return null;\n};\n\nconst addMetaTag = (reviewCount, rating, needAddItemProp) => {\n if (reviewCount > 0 && rating > 0 && needAddItemProp) {\n return (\n <>\n \n \n \n );\n }\n return null;\n};\n\nfunction Rating({\n rating, isNewAdvisor, t, likesCount, dislikesCount, needAddItemProp, color, theme\n}) {\n if (!rating && !isNewAdvisor) {\n return null;\n }\n\n const reviewCount = getReviewCount({ likesCount, dislikesCount });\n\n const renderRating = () => (\n \n \n
\n \n );\n\n return renderRating();\n}\n\nRating.propTypes = {\n rating: PropTypes.number,\n isNewAdvisor: PropTypes.bool,\n t: PropTypes.func.isRequired,\n needAddItemProp: PropTypes.bool,\n likesCount: PropTypes.number,\n dislikesCount: PropTypes.number,\n color: PropTypes.string,\n theme: PropTypes.string\n};\n\nRating.defaultProps = {\n isNewAdvisor: null,\n rating: null,\n needAddItemProp: null,\n likesCount: null,\n dislikesCount: null,\n color: null,\n theme: null\n};\n\nexport default withPGTranslation(Rating);\n","import React from 'react';\nimport classes from './classes.module.scss';\nimport { isNotificationSupported } from '../../../actions/firebase_messaging';\nimport { linkType } from '../../../actions/general_popup';\nimport { subscribedToAdvisor, isPrerenderMode } from '../../../config/util';\nimport { trackPageVisit } from '../../../actions/analytics';\nimport { isWebView } from '../../../../common/config/utils';\nimport { SvgIcon } from '../../../../common/sprites';\n\nconst navigateToRegisterScreen = (displayRegister) => {\n displayRegister({ shouldDisplay: true });\n};\n\nconst callCallbackOrSetItPending = (authorizedCallback, needToAuthCallback) => (\n window.currentUserId ? authorizedCallback() : needToAuthCallback()\n);\n\nexport const renderFav = (onFavoriteClick, favorite) => (\n \n { getRatingText(isNewAdvisor, rating, t) }\n
\n { addMetaTag(reviewCount, rating, needAddItemProp) }\n \n \n \n \n \n
\n \n ), [playerVisible, profileVideoUrl]);\n\n const renderPlayBtn = () => {\n if (isKA()) return null;\n const playBtn = getPlayBtn({ playImg });\n return (\n \n { page }\n
\n );\n } else {\n paginationPageItems.push(\n \n { renderPaginationPageLeftArrow({ paginationPage, leftArrowClick }) }\n { renderPaginationPageItems() }\n { renderPaginationPageRightArrow({ paginationPage, lastPageNum, rightArrowClick }) }\n
\n );\n\n return renderPaginationPages();\n}\n\nPaginationPages.propTypes = {\n loadAdvisors: PropTypes.func,\n params: PropTypes.object,\n path: PropTypes.string,\n lastPageNum: PropTypes.number,\n seenPages: PropTypes.array\n};\n\nPaginationPages.defaultProps = {\n loadAdvisors: null,\n path: null,\n params: null,\n lastPageNum: null,\n seenPages: []\n};\n\nexport default PaginationPages;\n","/* eslint-disable import/no-cycle */\nimport { connect } from 'react-redux';\nimport withPGTranslation from '../../../config/withPGTranslation';\nimport PaginationPages from './pagination_pages';\n\nconst mapStateToProps = ({ searchResult }) => ({\n ...searchResult\n});\n\nexport default connect(\n mapStateToProps,\n { }\n)(withPGTranslation(PaginationPages));\n","/* eslint-disable import/no-cycle */\nimport React from 'react';\nimport queryString from 'query-string';\nimport PropTypes from 'prop-types';\nimport { useNavigate, useLocation } from 'react-router';\nimport classes from './classes.module.scss';\nimport AppLink from '../../routes/app_link';\nimport { isKA, toCamelCase } from '../../../../common/config/utils';\nimport { SvgIcon } from '../../../../common/sprites';\nimport { seeMoreBtnThemes } from './index';\nimport PaginationPages from '../pagination_pages';\n\nconst getPage = (page) => {\n const search = toCamelCase(queryString.parse(window.location.search));\n const searchPage = typeof search.page !== 'undefined' && search.page;\n const usedPage = searchPage ? parseFloat(searchPage) : page;\n return { usedPage, searchPage };\n};\nconst needRenderSeeMoreBtnDefault = ({ loading, lastPageNum }) => !loading && lastPageNum;\n\nconst renderSeeMoreBtnDefault = ({\n loading, lastPageNum, seeMoreBtnClick, t, loadAdvisors, theme, params, path, seenPages, page\n}) => {\n if (!needRenderSeeMoreBtnDefault({ loading, lastPageNum })) return null;\n const { usedPage, searchPage } = getPage(page);\n if (!searchPage || usedPage === 1) {\n if (lastPageNum <= usedPage) return null;\n return (\n \n \n
\n );\n }\n return (\n \n \n {!isKA() &&
\n );\n\n const renderSeeMoreBtn = () => {\n if (theme === seeMoreBtnThemes.homePageAllAdvisors) {\n return renderSeeMoreBtnDefaultHomePageAllAdvisors();\n }\n return renderSeeMoreBtnDefault({\n loading, lastPageNum, seeMoreBtnClick, t, loadAdvisors, theme, params, path, seenPages, page\n });\n };\n\n return (\n \n { renderSeeMoreBtn() }\n
\n );\n}\n\nSeeMoreBtn.propTypes = {\n theme: PropTypes.string,\n t: PropTypes.func.isRequired,\n loading: PropTypes.bool,\n loadAdvisors: PropTypes.func,\n isLastPage: PropTypes.bool,\n params: PropTypes.object,\n path: PropTypes.string,\n slug: PropTypes.string,\n lastPageNum: PropTypes.number,\n seenPages: PropTypes.array,\n page: PropTypes.number\n};\n\nSeeMoreBtn.defaultProps = {\n theme: 'searchResult',\n isLastPage: true,\n loadAdvisors: null,\n path: null,\n loading: null,\n params: null,\n slug: null,\n lastPageNum: null,\n seenPages: [],\n page: 1\n};\n\nexport default SeeMoreBtn;\n","/* eslint-disable import/no-cycle */\nimport { connect } from 'react-redux';\nimport withPGTranslation from '../../../config/withPGTranslation';\nimport SeeMoreBtn from './see_more_btn';\n\nexport const seeMoreBtnThemes = {\n searchResult: 'searchResult',\n someOtherAdvisor: 'someOtherAdvisor',\n homePageAllAdvisors: 'homePageAllAdvisors'\n};\n\nconst mapStateToProps = ({ searchResult }) => ({\n ...searchResult\n});\n\nexport default connect(\n mapStateToProps,\n { }\n)(withPGTranslation(SeeMoreBtn));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useNavigate } from 'react-router';\nimport AdvisorPreview from '../home_page/nested_views/advisor_preview';\nimport classes from './classes.module.scss';\nimport { advisorsEmptyList, filterIsApplied } from '../../config/util';\nimport { SvgIcon } from '../../../common/sprites';\nimport SeeMoreBtn from './see_more_btn';\n\nconst cleanFiltersItem = (isLastPage, t, clearFilters, advisors) => {\n if (!filterIsApplied({ withSearch: true })) return null;\n if (isLastPage || (advisors || []).length === 0) {\n return (\n \n \n { t('home_page.did_not_find_what_you_wer_looking_for') }\n
\n { t('home_page.clear_your_search_filters') }\n \n \n
\n );\n }\n return null;\n};\n\nconst renderAdvisorsList = (loading, advisors, renderAdvisorListSection) => {\n const loadingAdvisors = loading ? advisorsEmptyList(5, true) : [];\n const advisorsList = [...advisors, ...loadingAdvisors];\n return (\n \n { t('home_page.clear_your_search_filters') }\n \n \n
\n { advisorsList.map((advisor, index) => (renderAdvisorListSection(advisor, index))) }\n
\n );\n};\n\nfunction AdvisorsList({\n advisors, theme, isLastPage, loadAdvisors, loading, analytics, params, path, t, slug,\n lastPageNum, seenPages, page\n}) {\n const history = useNavigate();\n\n const renderAdvisorListSection = (advisor, index) => (\n \n { renderAdvisorsList(loading, advisors, renderAdvisorListSection) }\n { cleanFiltersItem(isLastPage, t, clearFilters, advisors) }\n
\n );\n}\n\nAdvisorsList.propTypes = {\n advisors: PropTypes.array,\n theme: PropTypes.string,\n t: PropTypes.func.isRequired,\n loading: PropTypes.bool,\n loadAdvisors: PropTypes.func,\n isLastPage: PropTypes.bool,\n page: PropTypes.number,\n analytics: PropTypes.object,\n params: PropTypes.object,\n path: PropTypes.string,\n slug: PropTypes.string,\n lastPageNum: PropTypes.number,\n seenPages: PropTypes.array\n};\n\nAdvisorsList.defaultProps = {\n advisors: [],\n theme: 'searchResult',\n analytics: null,\n page: 1,\n isLastPage: true,\n loadAdvisors: null,\n path: null,\n loading: null,\n params: null,\n slug: null,\n lastPageNum: null,\n seenPages: []\n};\n\nexport default AdvisorsList;\n","import { connect } from 'react-redux';\nimport AdvisorsList from './advisors_list';\nimport withPGTranslation from '../../config/withPGTranslation';\n\nexport const advisorsListThemes = {\n searchResult: 'searchResult',\n someOtherAdvisor: 'someOtherAdvisor',\n homePageAllAdvisors: 'homePageAllAdvisors'\n};\n\nconst mapStateToProps = () => ({});\n\nexport default connect(\n mapStateToProps,\n {\n }\n)(withPGTranslation(AdvisorsList));\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport AppGeneralPopup from '../../../common/app_general_popup';\nimport { appGeneralPopupTheme } from '../../../common/config/const';\nimport PurchaseDetails from '../chat_overlay/purchase_details';\nimport Const from '../../config/const';\nimport { isPrerenderMode } from '../../config/util';\n\nconst noNeedRenderAffiliatePromoItem = ({ showItem, noThanksLinkClicked }) => {\n const noNeed = !showItem || noThanksLinkClicked || isPrerenderMode();\n return noNeed;\n};\n\nconst affiliatePromoPopupCloseButtonAction = (noNeedCloseIcon, hideAffiliatePromoPopup) => {\n if (noNeedCloseIcon) return null;\n return hideAffiliatePromoPopup;\n};\n\nfunction AffiliatePromoPopup({\n showAffiliatePromoPopup, hideAffiliatePromoPopup, noNeedCloseIcon,\n chatType, needUpdatePricingOptions, noThanksLinkClicked\n}) {\n const [needShowAffiliatePromoPopup, setNeedShowAffiliatePromoPopup] = useState(false);\n\n useEffect(() => {\n setTimeout(() => setNeedShowAffiliatePromoPopup(true), 1000);\n }, []);\n\n const renderAffiliatePromoPopup = () => {\n const noNeed = noNeedRenderAffiliatePromoItem({\n showItem: showAffiliatePromoPopup, noThanksLinkClicked\n });\n return (\n \n
\n \n );\n };\n\n return renderAdvisorNotProvideServicesPopup();\n}\n\nAdvisorNotProvideServicesPopup.propTypes = {\n onClose: PropTypes.func,\n show: PropTypes.bool\n};\n\nAdvisorNotProvideServicesPopup.defaultProps = {\n show: false,\n onClose: null\n};\n\nexport default AdvisorNotProvideServicesPopup;\n","import React, { useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { useTranslation } from 'react-i18next';\nimport classes from './classes.module.scss';\nimport { SUPPORTED_LANGUAGES, getCurrentLocalization } from '../../config/i18n';\nimport { log, LOG_LEVELS } from '../../../common/config/app_logger';\nimport AppGeneralPopup from '../../../common/app_general_popup';\nimport { SvgIcon } from '../../../common/sprites';\nimport { appGeneralPopupTheme } from '../../../common/config/const';\nimport { trackPageVisit } from '../../actions/analytics';\nimport { appRoutes } from '../../config/app_routes';\nimport AdvisorNotProvideServicesPopup from './advisor_not_provide_services_popup';\nimport { useCurrentPath } from '../routes/hooks/useCurrentPath';\nimport { useLocalizedPath } from '../routes/hooks/useLocalizedPath';\n\nfunction ChangeLanguage({\n show, onClose, advisors\n}) {\n const language = getCurrentLocalization();\n const { t } = useTranslation();\n const [advisorNotProvideServicesPopupData, setAdvisorNotProvideServicesPopupData] = useState({});\n const currentPath = useCurrentPath();\n const generatePath = useLocalizedPath();\n\n useEffect(() => {\n if (show) trackPageVisit('language setting');\n }, [show]);\n\n const onCloseCliked = useCallback(() => {\n onClose({ show: false });\n }, []);\n\n const makeChangeLanguage = ({ target, lang }) => {\n target.disabled = true;\n const redirecPath = generatePath(lang, currentPath.routeKey, currentPath.params);\n log(LOG_LEVELS.INFO, 'General', `On popup language changed from ${ language } to ${ lang }`);\n log(LOG_LEVELS.INFO, 'General', `Redirect from ${ window.location.pathname } to ${ redirecPath }`);\n window.location.replace(redirecPath);\n };\n\n const onLanguageChanged = useCallback(e => {\n if (e.target.id !== language) {\n if (currentPath.routeKey !== appRoutes.advisor) {\n makeChangeLanguage({ target: e.target, lang: e.target.id });\n return;\n }\n const advisorId = parseFloat(currentPath.params.slug);\n const advisorProfileLanguages = advisors[advisorId]?.profileLanguages;\n if (!advisorProfileLanguages.includes(e.target.id)) {\n setAdvisorNotProvideServicesPopupData({ show: true, lang: e.target.id });\n return;\n }\n makeChangeLanguage({ target: e.target, lang: e.target.id });\n }\n }, [currentPath.routeKey, advisors]);\n\n const renderCloseBtn = () => (\n \n {t('change_language.the_advisor_doesnt_provide_services')}\n
\n \n {t('change_language.this_advisor_does_not_support')}\n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n );\n\n const renderContent = () => (\n \n
\n );\n\n const renderChangeLanguage = () => {\n if (!show) return null;\n return (\n <>\n \n {t('language.title')}\n
\n \n {SUPPORTED_LANGUAGES.map(lang => (\n \n {t(`language.${ lang }`)}\n \n ))}\n
\n \n
\n \n \n );\n}\n\nSearchBar.propTypes = {\n t:PropTypes.func.isRequired,\n itemProp: PropTypes.object\n};\n\nSearchBar.defaultProps = {\n itemProp: null\n};\n\nexport default withPGTranslation(SearchBar);\n","const { isKA, isPS } = require('../../../../../common/config/utils');\n\nexport const heroBannerSources = () => {\n if (isKA()) {\n return {\n thumbMobile: 'https://k3cdn.kassrv.com/eyJrZXkiOiJoZXJvX3RodW1icy9zdGF0aWNfaGVyb19tb2JpbGVfa2EuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1MTIsImZpdCI6ImNvbnRhaW4ifX19',\n videoMobile: 'https://customer-b7ut0ov42z708uha.cloudflarestream.com/98dc928bae97440b2c073c99dd6beebd/manifest/video.m3u8',\n thumbDesktop: 'https://k3cdn.kassrv.com/eyJrZXkiOiJoZXJvX3RodW1icy9zdGF0aWNfaGVyb19kZXNrdG9wX2thLmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6MTAyNCwiZml0IjoiY29udGFpbiJ9fX0=',\n videoDesktop: 'https://customer-b7ut0ov42z708uha.cloudflarestream.com/54218777a6c4a0829f611a6b973ddcfb/manifest/video.m3u8'\n };\n }\n if (isPS()) {\n return {\n thumbMobile: 'https://psi-production.s3.us-east-1.amazonaws.com/hero_thumbs/static_hero_mobile_psi.jpg',\n videoMobile: 'https://customer-6291eiomcwwadf7s.cloudflarestream.com/25310e92fecb634d30a782a4906bb58b/manifest/video.m3u8',\n thumbDesktop: 'https://psi-production.s3.us-east-1.amazonaws.com/hero_thumbs/static_hero_desktop_psi.jpg',\n videoDesktop: 'https://customer-6291eiomcwwadf7s.cloudflarestream.com/90b7a5395a5e0f2f3d45a8375444792d/manifest/video.m3u8'\n };\n }\n return {\n thumbMobile: 'https://purple.brgsrv.com/eyJrZXkiOiJoZXJvX3RodW1icy9zdGF0aWNfaGVyb19tb2JpbGVfcGcuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo1MTIsImZpdCI6ImNvbnRhaW4ifX19',\n videoMobile: 'https://customer-6291eiomcwwadf7s.cloudflarestream.com/100e918e1903ca3501400e651ec5aeb0/manifest/video.m3u8',\n thumbDesktop: 'https://purple.brgsrv.com/eyJrZXkiOiJoZXJvX3RodW1icy9zdGF0aWNfaGVyb19kZXNrdG9wX3BnLmpwZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6MTAyNCwiZml0IjoiY29udGFpbiJ9fX0=',\n videoDesktop: 'https://customer-6291eiomcwwadf7s.cloudflarestream.com/a3fea829572877e5795559fbc01b0ff9/manifest/video.m3u8'\n };\n};\n","import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { Trans } from 'react-i18next';\nimport classes from './classes.module.scss';\nimport SearchBar from '../../../header/search_bar';\nimport withPGTranslation from '../../../../config/withPGTranslation';\nimport VideoPlayer from '../../../video_player';\nimport { isMiddleMobile } from '../../../../config/util';\nimport { isKA } from '../../../../../common/config/utils';\nimport { heroBannerSources } from './hero_banner_sources';\n\nconst {\n thumbMobile, videoMobile, thumbDesktop, videoDesktop\n} = heroBannerSources();\n\nconst getHeroVideoUrl = () => {\n if (isMiddleMobile()) return videoMobile;\n return videoDesktop;\n};\n\nconst getHeroPosterUrl = () => {\n if (isMiddleMobile()) return thumbMobile;\n return thumbDesktop;\n};\n\nfunction HeroBanner({ itemProp }) {\n const [videoUrl, setVideoUrl] = useState();\n const [posterUrl, setPosterUrl] = useState();\n const videoRef = useRef();\n\n const handleResize = () => {\n setVideoUrl(getHeroVideoUrl());\n setPosterUrl(getHeroPosterUrl());\n };\n\n useEffect(() => {\n window.addEventListener('resize', handleResize, false);\n return () => {\n window.removeEventListener('resize', handleResize, false);\n };\n }, []);\n\n useEffect(() => {\n const video = videoRef.current;\n if (video) {\n const resizeObserver = new ResizeObserver(handleResize);\n resizeObserver.observe(video);\n return () => {\n resizeObserver.disconnect();\n };\n }\n return () => {};\n }, [videoRef.current]);\n\n const renderFindYourWay = () => {\n if (!isKA()) return null;\n return (\n <>\n \n
\n { renderItemPropMeta(itemPropSearch) }\n \n
\n
\n
\n );\n\n return renderHeroBanner();\n}\n\nHeroBanner.propTypes = {\n t: PropTypes.func.isRequired,\n itemProp: PropTypes.object\n};\n\nHeroBanner.defaultProps = {\n itemProp: null\n};\nexport default withPGTranslation(HeroBanner);\n","import { connect } from 'react-redux';\nimport HeroBanner from './hero_banner';\n\nconst mapStateProps = () => ({});\n\nexport default connect(\n mapStateProps\n)(HeroBanner);\n","// extracted by mini-css-extract-plugin\nexport default {\"contentContainer\":\"contentContainer--teHG9\",\"sectionsMainContainer\":\"sectionsMainContainer--LjihG\",\"specialitiesContainer\":\"specialitiesContainer--liBq4\",\"speciality\":\"speciality--EsgvG\",\"specialityName\":\"specialityName--Xcrjl\",\"specialityPG\":\"specialityPG--stJyH\",\"specialityKA\":\"specialityKA--A5mTi\",\"appBannersContainer\":\"appBannersContainer--O0Uqg\",\"appBanner\":\"appBanner--RryUU\",\"poBannerGradient\":\"poBannerGradient--fJS_z\",\"ptBannerGradient\":\"ptBannerGradient--_84hz\",\"appBannerTitle\":\"appBannerTitle--Onz2U\",\"openAppLink\":\"openAppLink--kMqh7\",\"promotionFooter\":\"promotionFooter--qU0Zj\",\"allAdvisorsButtonContainer\":\"allAdvisorsButtonContainer--xkSBN\",\"allAdvisorsButton\":\"allAdvisorsButton--QKJoc\",\"allAdvisorsButtonText\":\"allAdvisorsButtonText--qTTqx\",\"promotionHolder\":\"promotionHolder--bN31G\",\"animation-bzdot9\":\"animation-bzdot9--_KFn_\"};","import React from 'react';\nimport { Speciality } from '@barges/react';\nimport '@barges/scss/lib/speciality.css';\nimport '@barges/scss/lib/title.css';\nimport { SectionProps, SectionDefaultProps } from '../prop_types';\nimport classes from '../classes.module.scss';\nimport AppLink from '../../routes/app_link';\nimport { specialitiesClickSource } from '../../../config/const';\nimport { isKA, isPG } from '../../../../common/config/utils';\n\nconst specialityClass = isKA() ? classes.specialityKA : classes.specialityPG;\n\nfunction SpecialitiesSection({ content }) {\n const renderSpeciality = (speciality, index) => {\n const {\n iconUrl, name, slug, params, iconName\n } = speciality;\n return (\n \n
\n \n \n
\n \n
\n { renderFindYourWay() }\n
\n \n
\n \n
\n { renderFindYourWay() }\n \n
\n \n
\n \n { content.specialities.map((speciality, index) => renderSpeciality(speciality, index)) }\n
\n );\n };\n\n return renderContent();\n}\n\nSpecialitiesSection.propTypes = {\n ...SectionProps\n};\nSpecialitiesSection.defaultProps = {\n ...SectionDefaultProps\n};\n\nexport default SpecialitiesSection;\n","// extracted by mini-css-extract-plugin\nexport default {\"mainContentContainer\":\"mainContentContainer--NPzhz\",\"sectionHeader\":\"sectionHeader--oVkNJ\",\"sectionHeaderSeparator\":\"sectionHeaderSeparator--tb45Q\",\"sectionIcon\":\"sectionIcon--IJBb3\",\"advisorContainer\":\"advisorContainer--qq50h\",\"avatarHolder\":\"avatarHolder--LY1GE\",\"avatarContainer\":\"avatarContainer--zkqGz\",\"advisorInfoContainer\":\"advisorInfoContainer--A5he0\",\"advisorInfoHeader\":\"advisorInfoHeader--nysOR\",\"advisorTitle\":\"advisorTitle--dAn1W\",\"advisorSubtitle\":\"advisorSubtitle--zZyaf\",\"rating\":\"rating--iJRqT\",\"footer\":\"footer--Y04T6\",\"staffPickDescription\":\"staffPickDescription--_kPTt\",\"advisorViewLink\":\"advisorViewLink--Q_jaC\",\"serviceTitleContainer\":\"serviceTitleContainer--rfWIC\",\"previewAdvisorCTABottomContainer\":\"previewAdvisorCTABottomContainer--bmuSW\",\"previewAdvisorCTAContainer\":\"previewAdvisorCTAContainer--aJKGo\",\"animation-bzdot9\":\"animation-bzdot9--LgIjg\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useLocation } from 'react-router-dom';\nimport AppLink from '../../../routes/app_link';\nimport { SectionProps, SectionDefaultProps } from '../../prop_types';\nimport Rating from '../../../advisor_avatar/rating/rating';\nimport classes from './classes.module.scss';\nimport AdvisorAvatar, { advisorThemes } from '../../../advisor_avatar';\nimport AdvisorModes from '../advisor_modes';\nimport ReadingSinceAndCountItem, { readingSinceAndCountItemThemes } from '../../../advisor/nested_views/readingSinceAndCountItem';\nimport ExpandedText from '../../../../../common/helpers/expanded_text';\nimport { renderStartCallButton } from '../advisor_preview/advisor_preview';\nimport { isKA } from '../../../../../common/config/utils';\nimport { AdvisorModesThemes } from '../../../../config/const';\n\nconst renderStartCallButtonContainer = (advisor, displayNotifyMe, showGeneralPopup, authPendingAction, displayRegister, location, analytics, handleLinkClick, t) => (isKA() ? (\n \n {renderStartCallButton(advisor, displayNotifyMe, showGeneralPopup, authPendingAction, displayRegister, location, analytics, handleLinkClick, t)}\n
\n) : null);\n\nconst handleLinkClickAction = ({\n e, loading, sectionSlug, updateNavigationStack\n}) => {\n if (loading) {\n e.preventDefault();\n return;\n }\n if (sectionSlug) { updateNavigationStack({ dataKey: sectionSlug }); }\n};\n\nconst getObjectValue = (object) => object || {};\n\nfunction StaffPickSection({\n iconUrl, title, analytics, content, t, displayNotifyMe, showGeneralPopup, authPendingAction, displayRegister, onAnalyticsClick, loading, sectionSlug, updateNavigationStack\n}) {\n const location = useLocation();\n const { advisor } = getObjectValue(content);\n const {\n liveModeMinPrice, nickname, serviceTitle, rating, staffPickText, readingsCount, yearJoined,\n liveModes, liveModeMinPromoPrices, slug, isNewAdvisor\n } = getObjectValue(advisor);\n\n const advisorHeader = () => (\n \n
\n );\n\n const onDescriptionExpand = (e) => {\n e.preventDefault();\n };\n\n const staffPickDescription = () => (\n \n { nickname }\n
\n \n {serviceTitle}\n
\n \n \n { staffPickText }\n \n
\n );\n\n const handleLinkClick = (e) => {\n if (onAnalyticsClick) { onAnalyticsClick(); }\n handleLinkClickAction({\n e, loading, sectionSlug, updateNavigationStack\n });\n };\n\n const footer = () => (\n \n \n \n
\n );\n\n const renderContent = () => {\n if (!advisor) return null;\n return (\n {title || 'In the spotlight'}
\n \n {header()}\n \n \n
\n );\n };\n\n return renderContent();\n}\n\nStaffPickSection.propTypes = {\n ...SectionProps,\n t: PropTypes.func.isRequired,\n displayNotifyMe: PropTypes.func.isRequired,\n showGeneralPopup: PropTypes.func.isRequired,\n authPendingAction: PropTypes.func.isRequired,\n displayRegister: PropTypes.func.isRequired,\n onAnalyticsClick: PropTypes.func,\n sectionSlug: PropTypes.string,\n updateNavigationStack: PropTypes.func.isRequired,\n loading: PropTypes.bool\n};\n\nStaffPickSection.defaultProps = {\n ...SectionDefaultProps,\n onAnalyticsClick: null,\n loading: null,\n sectionSlug: null\n};\n\nexport default StaffPickSection;\n","import { connect } from 'react-redux';\nimport StaffPickSection from './staff_pick_section';\nimport withPGTranslation from '../../../../config/withPGTranslation';\nimport { showGeneralPopup } from '../../../../actions/general_popup';\nimport { authPendingAction, displayRegister } from '../../../../actions/auth';\nimport { displayNotifyMe } from '../../../../actions/notify_me';\nimport { updateNavigationStack } from '../../../../actions/application';\n\nconst mapStateToProps = (state, props) => {\n const advisorID = props.content?.advisor?.id;\n if (!props?.content?.advisor === undefined) return { ...props };\n return (\n {\n ...state.advisors[advisorID],\n ...props\n }\n );\n};\n\nexport default connect(\n mapStateToProps,\n {\n displayNotifyMe,\n showGeneralPopup,\n authPendingAction,\n displayRegister,\n updateNavigationStack\n }\n)(withPGTranslation(StaffPickSection));\n","// extracted by mini-css-extract-plugin\nexport default {\"personalSectionsContainer\":\"personalSectionsContainer--PgBsK\",\"personalSectionsMenuItemsContainer\":\"personalSectionsMenuItemsContainer--P6i5m\",\"personalSectionsMenuItemContainer\":\"personalSectionsMenuItemContainer--WvTVM\",\"personalSectionsMenuItemSelected\":\"personalSectionsMenuItemSelected--PrqDw\",\"personalSectionsMenuItem\":\"personalSectionsMenuItem--SUwpa\",\"personalSectionsAdvosorsContainer\":\"personalSectionsAdvosorsContainer--E4AcN\",\"personalSectionsMenuContainer\":\"personalSectionsMenuContainer--Ouehw\",\"divider\":\"divider--bQ063\",\"smallDivider\":\"smallDivider--eTxjN\",\"animation-bzdot9\":\"animation-bzdot9--FiiX7\"};","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport AdvisorSection from '../advisors_section';\nimport { advisorsSectionThemes } from '../../prop_types';\nimport classes from './classes.module.scss';\n\nfunction PersonalSection({\n personalSections\n}) {\n const [selectedSection, setSelectedSection] = useState(\n (personalSections[Object.keys(personalSections)[0]] || {}).id\n );\n useEffect(() => {\n if (!!personalSections && (!selectedSection || selectedSection === undefined)) {\n setSelectedSection(\n (personalSections[Object.keys(personalSections)[0]] || {}).id\n );\n }\n }, [personalSections]);\n\n const personalSectionsMenuItemClick = (e) => {\n setSelectedSection(e.target.id);\n };\n\n const renderPersonalSection = () => (\n \n
\n \n
\n \n {advisorHeader()}\n {staffPickDescription()}\n {footer()}\n
\n \n {renderStartCallButton(advisor, displayNotifyMe, showGeneralPopup, authPendingAction, displayRegister, location, analytics, handleLinkClick, t)}\n
\n \n
\n \n
\n \n \n { Object.keys(personalSections).map((key) => (\n \n \n { personalSections[key].title }\n \n \n
\n )) }\n \n
\n \n );\n\n return (\n <>\n { renderPersonalSection() }\n \n );\n}\n\nPersonalSection.propTypes = {\n personalSections: PropTypes.object,\n t: PropTypes.func.isRequired\n};\n\nPersonalSection.defaultProps = {\n personalSections: {}\n};\n\nexport default PersonalSection;\n","import { connect } from 'react-redux';\nimport { withLastLocation } from 'react-router-dom-last-location';\nimport PersonalSection from './personal_section';\nimport withPGTranslation from '../../../../config/withPGTranslation';\n\nconst parseSections = (sections, adviosrsState) => {\n const updatedSections = sections;\n Object.keys(sections).forEach((s) => {\n if (sections[s]?.content?.advisors === undefined) {\n updatedSections[s] = { ...sections[s] };\n return;\n }\n updatedSections[s] = {\n ...sections[s],\n content: {\n advisors: updatedSections[s]?.content?.advisors?.map((adv) => (adviosrsState[adv.id] || adv))\n }\n };\n });\n return updatedSections;\n};\n\nconst mapStateToProps = ({ homePage: { personalSections }, advisors }) => (\n {\n personalSections: parseSections(personalSections, advisors),\n advisors\n }\n);\nexport default connect(\n mapStateToProps,\n {\n }\n)(withLastLocation(withPGTranslation(PersonalSection)));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, Title } from '@barges/react';\nimport classes from '../../classes.module.scss';\nimport AppLink from '../../../routes/app_link';\nimport { appRoutes } from '../../../../config/app_routes';\nimport withPGTranslation from '../../../../config/withPGTranslation';\n\nimport '@barges/scss/lib/title.css';\nimport '@barges/scss/lib/button.css';\n\nfunction ButtonSection({\n title, t, params\n}) {\n return (\n \n \n \n \n
\n );\n}\n\nButtonSection.propTypes = {\n id: PropTypes.string,\n title: PropTypes.string,\n t: PropTypes.func.isRequired,\n params: PropTypes.object.isRequired\n};\n\nButtonSection.defaultProps = {\n id: null,\n title: ''\n};\n\nexport default withPGTranslation(ButtonSection);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport AdvisorsList, { advisorsListThemes } from '../../../advisors_list';\nimport {\n SectionProps, SectionDefaultProps, advisorsSectionThemes, sectionIds\n} from '../../prop_types';\nimport AdvisorSectionTitle from '../advisors_section/advisor_section_title';\nimport { isKA } from '../../../../../common/config/utils';\n\nfunction AllAdvisorsSection({\n title, loading, iconUrl, showMore, slug, content, analytics, params, loadHomePage, allAdvisorsListSection\n}) {\n const renderTitle = () => (\n \n { t('home_page.all_advisors_button_text_1') } \n { t('home_page.all_advisors_button_text_2') } \n
\n \n { renderTitle() }\n {renderAdvisorsList() }\n
\n );\n };\n\n return renderContent();\n}\n\nAllAdvisorsSection.propTypes = {\n ...SectionProps,\n loadHomePage: PropTypes.func.isRequired,\n allAdvisorsListSection: PropTypes.object\n};\n\nAllAdvisorsSection.defaultProps = {\n SectionDefaultProps,\n allAdvisorsListSection: {}\n};\n\nexport default AllAdvisorsSection;\n","import { connect } from 'react-redux';\nimport AllAdvisorsSection from './all_advisors_section';\nimport { loadHomePage } from '../../../../actions/home_page';\nimport { sectionIds } from '../../prop_types';\n\nexport const AdvisorPreviewThemes = {\n staff_pick: 'staff_pick',\n personal: 'personal',\n badge: 'badge',\n badge_end_to_end: 'badge_end_to_end',\n searchResult: 'searchResult',\n someOtherAdvisor: 'someOtherAdvisor'\n};\n\nconst mapStateToProps = ({ homePage: { sections } }) => ({\n allAdvisorsListSection: sections.find((s) => s.id === sectionIds.allAdvisorsList)\n});\n\nexport default connect(\n mapStateToProps,\n {\n loadHomePage\n }\n)(AllAdvisorsSection);\n","import React, { useEffect, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { Helmet } from 'react-helmet';\nimport { useNavigate, useLocation } from 'react-router-dom';\nimport AppLayout from '../shared/content';\nimport {\n SectionProps, SectionDefaultProps,\n advisorsSectionThemes, sectionIds, sectionTypes\n} from './prop_types';\nimport AdvisorSection from './nested_views/advisors_section';\nimport HeroBanner from './nested_views/hero_banner';\nimport classes from './classes.module.scss';\nimport SpecialitiesSection from './nested_views/specialities_section';\nimport StaffPickSection from './nested_views/staff_pick_section';\nimport PersonalSection from './nested_views/personal_section';\nimport AffiliatePromoPopup from '../affiliate_promo_popup';\nimport {\n advisorsEmptyList, renderCanonicalLink, isMobile\n} from '../../config/util';\nimport ButtonSection from './nested_views/button_section/button_section';\nimport AllAdvisorsSection from './nested_views/all_advisors_section';\nimport { itemProp } from '../../actions/home_page';\nimport { trackPageVisit } from '../../actions/analytics';\nimport { promotionLabelTypeScreens } from '../../config/const';\nimport PromotionLabel from './nested_views/promotion_label';\n\nconst getAdvisorSectionTheme = (sectionType, sectionSubtype) => {\n if (advisorsSectionThemes[sectionType] === null) {\n return advisorsSectionThemes.bage;\n }\n if (advisorsSectionThemes[`${ sectionType }_${ sectionSubtype }`]) {\n return advisorsSectionThemes[`${ sectionType }_${ sectionSubtype }`];\n }\n return advisorsSectionThemes[sectionType];\n};\n\nconst getIdentifySection = (section, showPersonalSectionBrowser) => {\n const identifySections = {\n [sectionIds.staffPick]: \n
\n );\n });\n }, [sections]);\n\n return (\n \n \n
\n );\n }\n\n return (\n \n );\n};\n\nexport const chatOnline = getIcon();\n","/* eslint-disable max-len */\nimport React from 'react';\nimport classes from '../classes.module.scss';\nimport { isPS } from '../../../../../../common/config/utils';\n\nconst getIcon = () => {\n if (isPS()) {\n return (\n \n \n
\n );\n }\n\n return (\n \n );\n};\n\nexport const chatOffline = getIcon();\n","/* eslint-disable max-len */\nimport React from 'react';\nimport classes from '../classes.module.scss';\nimport { getModeColor } from '../../../../../config/util';\nimport { isKA, isPS } from '../../../../../../common/config/utils';\n\nconst getIcon = () => {\n if (isKA()) {\n return (\n \n );\n }\n\n if (isPS()) {\n return (\n \n \n
\n );\n }\n\n return (\n \n );\n};\n\nexport const voiceOnline = getIcon();\n","/* eslint-disable max-len */\nimport React from 'react';\nimport classes from '../classes.module.scss';\nimport { isPS } from '../../../../../../common/config/utils';\n\nconst getIcon = () => {\n if (isPS()) {\n return (\n \n \n
\n );\n }\n\n return (\n \n );\n};\n\nexport const voiceOffline = getIcon();\n","import React from 'react';\nimport classes from '../classes.module.scss';\nimport { getModeColor } from '../../../../../config/util';\n\nexport const videoOnline = (\n \n);\n","import React from 'react';\nimport classes from '../classes.module.scss';\n\nexport const videoOffline = (\n \n);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classes from './classes.module.scss';\nimport { HomePageAdvisorLiveModes } from '../../prop_types';\nimport PriceText from '../price_text';\nimport { chatOnline } from './img/chat_online';\nimport { chatOffline } from './img/chat_offline';\nimport { voiceOnline } from './img/voice_online';\nimport { voiceOffline } from './img/voice_offline';\nimport { videoOnline } from './img/video_online';\nimport { videoOffline } from './img/video_offline';\nimport { isPrerenderMode } from '../../../../config/util';\nimport { AdvisorModesThemes } from '../../../../config/const';\nimport { isKA } from '../../../../../common/config/utils';\n\nconst modeIcons = {\n chat_online: chatOnline,\n chat_offline: chatOffline,\n chat_busy: chatOnline,\n voice_online: voiceOnline,\n voice_offline: voiceOffline,\n voice_busy: voiceOnline,\n video_online: videoOnline,\n video_busy: videoOnline,\n video_offline: videoOffline\n};\n\nfunction AdvisorModes({\n liveModeMinPrice, liveModes, theme, liveModeMinPromoPrices, text, loading\n}) {\n const renderMode = (liveMode) => {\n const { modeState, mode } = liveMode;\n if (modeState === 'disabled' || (modeState === 'offline' && isKA())) return null;\n return (\n \n { modeIcons[`${ mode }_${ modeState }`] }\n
\n );\n };\n\n const renderModes = () => {\n if (isPrerenderMode() || loading || liveModes.length === 0) return ;\n return liveModes.map((mode) => renderMode(mode));\n };\n\n return (\n \n
\n );\n}\n\nAdvisorModes.propTypes = {\n liveModeMinPrice: PropTypes.string,\n liveModeMinPromoPrices: PropTypes.object,\n liveModes: PropTypes.arrayOf(PropTypes.shape(HomePageAdvisorLiveModes)),\n theme: PropTypes.string,\n text: PropTypes.string,\n loading: PropTypes.bool\n};\n\nAdvisorModes.defaultProps = {\n liveModeMinPrice: null,\n liveModes: [],\n liveModeMinPromoPrices: {},\n theme: AdvisorModesThemes.preview,\n text: null,\n loading: false\n};\n\nexport default AdvisorModes;\n","import { connect } from 'react-redux';\nimport AdvisorModes from './advisor_modes';\n\nconst mapStateToProps = () => (\n {}\n);\n\nexport default connect(\n mapStateToProps,\n {}\n)((AdvisorModes));\n","import { useState, useEffect } from 'react';\n\nexport const useIntersection = (element, rootMargin) => {\n const [isVisible, setState] = useState(false);\n\n useEffect(() => {\n if (!window.IntersectionObserver) { return () => {}; }\n\n const observer = new IntersectionObserver(([entry]) => {\n setState(entry.isIntersecting);\n }, { rootMargin });\n\n if (element.current) { observer.observe(element.current); }\n\n return () => observer.disconnect(element.current);\n }, [element.current, rootMargin]);\n\n return isVisible;\n};\n","/* eslint-disable func-names */\n/* eslint-disable react/prop-types */\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useIntersection } from './use_intersection';\nimport { cleanupAdvisorFieldsForAnalytics } from '../../../../config/util';\n\nexport const withAnalytics = (WrappedComponent) => function ({\n advisor,\n theme,\n sectionSlug,\n analytics,\n trackBEvent,\n ...rest\n}) {\n const ref = useRef(null);\n const [renderedAt] = useState((new Date()).getTime());\n const [visibleSince, setVisibleSince] = useState(null);\n\n const onAnalyticsClick = () => {\n if (advisor && advisor.id) {\n const opts = {\n ...cleanupAdvisorFieldsForAnalytics(advisor),\n ...analytics,\n theme,\n sectionSlug,\n pathname: window.location.pathname,\n timeSinceFirstRender: (new Date()).getTime() - renderedAt\n };\n if (visibleSince) {\n opts.timeVisible = (new Date()).getTime() - visibleSince;\n }\n trackBEvent('advisor box - click', opts);\n }\n };\n\n const isVisible = useIntersection(ref, '-10px');\n\n useEffect(() => {\n if (advisor && advisor.id) {\n let sendEvent = false;\n const wasVisibleSince = visibleSince;\n if (isVisible && !visibleSince) {\n setVisibleSince((new Date()).getTime());\n sendEvent = true;\n } else if (!isVisible && visibleSince) {\n setVisibleSince(null);\n sendEvent = true;\n }\n const action = isVisible ? 'appears' : 'hides';\n if (!sendEvent) { return; }\n const opts = {\n ...cleanupAdvisorFieldsForAnalytics(advisor),\n ...analytics,\n theme,\n sectionSlug,\n pathname: window.location.pathname,\n timeSinceFirstRender: (new Date()).getTime() - renderedAt\n };\n if (action === 'hides' && wasVisibleSince) {\n opts.timeVisible = (new Date()).getTime() - wasVisibleSince;\n }\n trackBEvent(`advisor box - ${ action }`, opts);\n }\n }, [isVisible]);\n\n const props = {\n advisor,\n theme,\n sectionSlug,\n analytics,\n onAnalyticsClick,\n ...rest\n };\n\n return (\n \n
\n \n { renderModes() }\n
\n \n {renderStartCallButton(advisor, displayNotifyMe, showGeneralPopup, authPendingAction, displayRegister, location, analytics, handleLinkClick, t)}\n
\n) : null);\n\nconst adjustModesInfo = (valueWithoutModes, valueWithModes, theme) => (isKA() && theme !== advisorThemes.recommendedCarousel ? valueWithoutModes : valueWithModes);\n\nconst renderModesInfo = ({\n renderAdvisorFreeMinutes, loading, advisor, theme, t\n}) => (\n \n { renderAdvisorFreeMinutes }\n { adjustModesInfo(renderPriceText(loading, advisor), renderAdvisorModes(loading, advisor, t('home_page.from'), theme), theme) }\n
\n);\n\nfunction AdvisorPreview({\n theme, advisor, advisorCount, loading, analytics, content, style, className,\n updateNavigationStack, sectionSlug, onAnalyticsClick, innerRef, t, userXfmProgram,\n displayNotifyMe, showGeneralPopup, authPendingAction, displayRegister\n}) {\n const location = useLocation();\n\n const renderAdvisorFreeMinutes = React.useMemo(() => {\n if (!isXfmProgram({ advisorXfmProgram: advisor?.xfmProgram, userXfmProgram })) return null;\n return renderFreeMinutesLabel(t);\n }, [advisor?.xfmProgram?.active, userXfmProgram?.credits]);\n\n const renderAdvisorService = () => (\n \n
\n );\n\n const handleLinkClick = (e) => {\n if (onAnalyticsClick) { onAnalyticsClick(); }\n handleLinkClickAction({\n e, loading, sectionSlug, updateNavigationStack\n });\n };\n\n const renderAdvisorContent = () => {\n if (content) return content;\n return (\n \n \n \n {skeletonOrItem({ item: advisor.serviceDescription, skeletonWidth: 170, maxChars: maxServiceDescriptionChars })}\n \n \n
\n \n \n \n {skeletonOrItem({ item: advisor.nickname, skeletonWidth: 170 })}\n \n \n \n \n {skeletonOrItem({ item: advisor.serviceTitle, skeletonWidth: 170 })}\n \n \n
\n \n {renderModesInfo({\n renderAdvisorFreeMinutes, loading, advisor, theme, t\n })}\n {renderStartCallButtonContainer(advisor, displayNotifyMe, showGeneralPopup, authPendingAction, displayRegister, location, analytics, handleLinkClick, t)}\n
\n ));\n\n const renderAdvisor = () => (\n \n { renderAdvisorContent() }\n {renderBottomSection()}\n
\n );\n\n return (\n \n { renderAdvisor() }\n
\n );\n}\n\nAdvisorPreview.propTypes = {\n advisor: PropTypes.object,\n theme: PropTypes.string,\n advisorCount: PropTypes.number,\n advisorIndex: PropTypes.number,\n loading: PropTypes.bool,\n analytics: PropTypes.object,\n content: PropTypes.node,\n style: PropTypes.object,\n className: PropTypes.string,\n updateNavigationStack: PropTypes.func.isRequired,\n sectionSlug: PropTypes.string,\n t: PropTypes.func.isRequired,\n onAnalyticsClick: PropTypes.func,\n innerRef: PropTypes.object,\n userXfmProgram: PropTypes.object,\n displayNotifyMe: PropTypes.func.isRequired,\n showGeneralPopup: PropTypes.func.isRequired,\n authPendingAction: PropTypes.func.isRequired,\n displayRegister: PropTypes.func.isRequired\n};\n\nAdvisorPreview.defaultProps = {\n ...SectionDefaultProps,\n advisor: null,\n loading: null,\n theme: 'badge',\n iconUrl: null,\n name: null,\n advisorCount: 1,\n analytics: null,\n content: null,\n style: null,\n className: null,\n sectionSlug: null,\n onAnalyticsClick: null,\n innerRef: null,\n userXfmProgram: {}\n};\n\n// wrap here in case someone wants to include it directly\nexport default withAnalytics(AdvisorPreview);\n","import { connect } from 'react-redux';\nimport AdvisorPreview from './advisor_preview';\nimport withPGTranslation from '../../../../config/withPGTranslation';\nimport { showGeneralPopup } from '../../../../actions/general_popup';\nimport { authPendingAction, displayRegister } from '../../../../actions/auth';\nimport { displayNotifyMe } from '../../../../actions/notify_me';\nimport { updateNavigationStack } from '../../../../actions/application';\nimport { trackBEvent } from '../../../../actions/b_events';\n\nexport const AdvisorPreviewThemes = {\n staff_pick: 'staff_pick',\n personal: 'personal',\n badge: 'badge',\n badge_end_to_end: 'badge_end_to_end',\n searchResult: 'searchResult',\n someOtherAdvisor: 'someOtherAdvisor'\n};\n\nconst mapStateToProps = ({\n user: { user }\n}) => (\n {\n userXfmProgram: user && user.xfmProgram\n }\n);\n\nexport default connect(\n mapStateToProps,\n {\n updateNavigationStack,\n trackBEvent,\n showGeneralPopup,\n authPendingAction,\n displayRegister,\n displayNotifyMe\n }\n)(withPGTranslation(AdvisorPreview));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classes from './classes.module.scss';\nimport AppLink from '../../../routes/app_link';\nimport { SectionProps, SectionDefaultProps } from '../../prop_types';\nimport { SvgIcon } from '../../../../../common/sprites';\n\nconst renderSeeAllBtnText = ({ showMore, slug, params }) => {\n if (!showMore || !slug) return null;\n const seeAllBtnText = showMore.title ? (\n \n { showMore.subtitle }\n {` (${ showMore.title })`}\n
\n ) : (\n showMore.subtitle\n );\n return (\n \n { title || }\n
\n \n );\n }\n return (\n\n { title || }\n
\n );\n};\n\nconst getIconUrlStyle = (iconUrl) => {\n if (!iconUrl) return { display: 'none' };\n return {};\n};\n\nfunction AdvisorSectionTitle({\n title, loading, iconUrl, description, shortDescription, showMore, slug, theme, params\n}) {\n const renderSectionTitle = () => {\n if (!title && !loading) return null;\n return (\n\n
\n );\n };\n return (\n \n
\n \n \n { renderTitleTextSection({\n title, iconUrl, slug, params\n }) }\n
\n { renderSeeAllBtnText({ showMore, slug, params }) }\n \n { description || }\n
\n \n { shortDescription || }\n
\n \n { renderSectionTitle() }\n
\n );\n}\n\nAdvisorSectionTitle.propTypes = {\n ...SectionProps,\n theme: PropTypes.string\n};\n\nAdvisorSectionTitle.defaultProps = {\n ...SectionDefaultProps,\n theme: null\n};\n\nexport default AdvisorSectionTitle;\n","/* eslint-disable max-len */\nimport React from 'react';\nimport classes from '../classes.module.scss';\n\nexport const leftArrow = (\n \n);\n","/* eslint-disable max-len */\nimport React from 'react';\nimport classes from '../classes.module.scss';\n\nexport const rightArrow = (\n \n);\n","import React, { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport AdvisorPreview from '../advisor_preview';\nimport {\n SectionProps, SectionDefaultProps, sectionSubTypes, advisorsSectionThemes\n} from '../../prop_types';\nimport { advisorsEmptyList, isPrerenderMode } from '../../../../config/util';\nimport classes from './classes.module.scss';\nimport AppLink from '../../../routes/app_link';\nimport AdvisorSectionTitle from './advisor_section_title';\nimport AdvisorRecommendPreview from '../../../advisor/nested_views/advisors_recommend_carousel/advisor_recommend_preview';\nimport { leftArrow } from './img/left_arrow';\nimport { rightArrow } from './img/right_arrow';\n\nconst scrollElementTypes = {\n left: 'Left',\n right: 'Right'\n};\n\nconst getJustifyContentStyle = ({ subtype, scrollElementsContentWidth, windowInnerWidth }) => {\n if (scrollElementsContentWidth <= windowInnerWidth && subtype === sectionSubTypes.endToEnd) return { justifyContent: 'center' };\n return { justifyContent: 'unset' };\n};\n\nconst getPersonalContentStyle = (personalSection) => {\n if (personalSection) return { '--displayRulePersonalBrowser': 'flex', '--displayRulePersonalMobile': 'none' };\n return { '--displayRulePersonalBrowser': 'none', '--displayRulePersonalMobile': 'flex' };\n};\n\nconst cantBePresented = (content) => (content || {}).advisors;\n\nconst calcScrollElementContantWidth = ({ id, setScrollElementsContentWidth }) => {\n const contentContainer = document.getElementById(`${ id }advisorsContainerScroller`);\n if (!contentContainer) return;\n const contentContainerChildrenArray = Array.from(contentContainer.children);\n let contentWidth = 0;\n contentContainerChildrenArray.forEach((el) => {\n const style = window.getComputedStyle(el);\n contentWidth += parseFloat(style.marginLeft) + parseFloat(style.width);\n });\n if (setScrollElementsContentWidth) setScrollElementsContentWidth(contentWidth);\n return { contentWidth, contentContainer }; //eslint-disable-line\n};\n\nconst needShowScrollElement = ({\n id, setShowLeftScrollElement, setShowRightScrollElement\n}) => {\n const data = calcScrollElementContantWidth({ id });\n if (!data) return;\n const { contentWidth } = data;\n const mainScrollContainer = document.getElementById(`${ id }advisorsContainerfalse`);\n if (mainScrollContainer) {\n if (contentWidth <= mainScrollContainer.offsetWidth) {\n setShowLeftScrollElement(false);\n setShowRightScrollElement(false);\n return;\n }\n\n if (mainScrollContainer.scrollLeft === 0 && contentWidth > mainScrollContainer.offsetWidth) {\n setShowLeftScrollElement(false);\n setShowRightScrollElement(true);\n return;\n }\n\n if (mainScrollContainer.scrollLeft > 0 && contentWidth > mainScrollContainer.offsetWidth) {\n setShowLeftScrollElement(true);\n setShowRightScrollElement(true);\n }\n\n if (mainScrollContainer.scrollLeft > 0 && contentWidth > mainScrollContainer.offsetWidth\n && mainScrollContainer.scrollLeft + mainScrollContainer.offsetWidth + 1\n >= mainScrollContainer.scrollWidth) {\n setShowLeftScrollElement(true);\n setShowRightScrollElement(false);\n }\n }\n};\n\nconst onScrollBtnClickAction = ({ e, id }) => {\n const scrollContainer = document.getElementById(`${ id }advisorsContainerfalse`);\n if (e.currentTarget.id === scrollElementTypes.left) {\n scrollContainer.scrollTo({ left: scrollContainer.scrollLeft - scrollContainer.clientWidth, behavior: 'smooth' });\n return;\n }\n scrollContainer.scrollTo({ left: scrollContainer.scrollLeft + scrollContainer.offsetWidth, behavior: 'smooth' });\n};\n\nconst renderSeeAllItmeMobile = ({\n showMore, slug, theme, windowInnerWidth, params\n}) => {\n if (!showMore || !slug) return null;\n const seeAllBtnText = showMore.title ? (\n \n { showMore.subtitle }\n {` (${ showMore.title })`}\n
\n ) : (\n showMore.subtitle\n );\n const seeAll = (\n \n \n {leftArrow}\n \n
\n );\n};\n\nconst renderScrollRightElement = (showRightScrollElement, onScrollBtnClick) => {\n if (!showRightScrollElement && !isPrerenderMode()) return null;\n return (\n \n \n {rightArrow}\n \n
\n );\n};\n\nconst renderAdvisorLoading = (theme, loading) => {\n const emptyList = advisorsEmptyList(4);\n const emptyListForRecommended = advisorsEmptyList(3);\n return theme === advisorsSectionThemes.recommend_advisors ? (\n emptyListForRecommended.map((emptyAdvisor, index) => (\n \n { renderCouponImg({ liveModeMinPromoPrices, userAdvisorModeMinSalesPrice }) }\n
\n );\n}\n\nPriceText.propTypes = {\n liveModeMinPrice: PropTypes.string,\n liveModeMinPromoPrices: PropTypes.object,\n loading: PropTypes.bool,\n theme: PropTypes.string,\n text: PropTypes.string,\n userAdvisorModeMinSalesPrice: PropTypes.string,\n userAdvisorModeSalePrice: PropTypes.string,\n liveModes: PropTypes.array\n};\n\nPriceText.defaultProps = {\n liveModeMinPrice: null,\n liveModeMinPromoPrices: {},\n loading: false,\n theme: '',\n text: null,\n userAdvisorModeMinSalesPrice: null,\n userAdvisorModeSalePrice: null,\n liveModes: []\n};\n\nexport default PriceText;\n","import { connect } from 'react-redux';\nimport PriceText from './price_text';\nimport { getUserFirstActivePromotion } from '../../../../config/util';\n\nconst mapStateToProps = ({\n user, application\n}) => (\n {\n userAdvisorModeMinSalesPrice: getUserFirstActivePromotion({ user, application })?.advisorModeMinSalesPrice,\n userAdvisorModeSalePrice: getUserFirstActivePromotion({ user, application })?.advisorModeSalePrice\n }\n);\n\nexport default connect(\n mapStateToProps,\n {}\n)((PriceText));\n","// extracted by mini-css-extract-plugin\nexport default {\"promotionLabelContainer\":\"promotionLabelContainer--VvluG\",\"mainContent\":\"mainContent--avrrD\",\"promoContent\":\"promoContent--KrZaH\",\"bgImage\":\"bgImage--E0yhF\",\"textContainer\":\"textContainer--XwcA3\",\"title\":\"title--jU0s2\",\"subtitle\":\"subtitle--YkMZo\",\"countdownTitle\":\"countdownTitle--VBXSh\",\"countdownContainer\":\"countdownContainer--qOXrO\",\"countDownTimer\":\"countDownTimer--RznDy\",\"countdown\":\"countdown--LcqW5\",\"countdownSubtitle\":\"countdownSubtitle--dxvLc\",\"animation-bzdot9\":\"animation-bzdot9--FkWoF\"};","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classes from './classes.module.scss';\nimport { PromotionContent, PromotionDefaultProps } from '../../prop_types';\nimport ExpandedText from '../../../../../common/helpers/expanded_text';\nimport { promotionLabelTypeScreens } from '../../../../config/const';\n\nconst countDownTitle = (countdownBeforeEndInSeconds, countdownBeforeEventInSeconds) => {\n if (countdownBeforeEndInSeconds) return 'ENDS IN:';\n if (countdownBeforeEventInSeconds) return 'STARTS IN:';\n return null;\n};\n\nconst promotionActive = (\n countdownBeforeEndInSeconds,\n countdownBeforeEventInSeconds\n) => !!countdownBeforeEndInSeconds || !!countdownBeforeEventInSeconds;\n\nconst renderContdownContainer = (promotionIsActive, contdownContainer) => {\n if (!promotionIsActive) return null;\n return contdownContainer();\n};\n\nconst renderPromoLabel = ({ userActivePromotion, promoLabel, bannerImg }) => {\n if (Object.keys(userActivePromotion).length === 0) return null;\n if (!bannerImg) return null;\n return promoLabel();\n};\n\nconst getImageObjectForWindowSize = ({ imageObject, windowInnerWidth }) => {\n if (windowInnerWidth <= window.shared.phoneOnlyUpSize) return imageObject?.banner;\n return imageObject?.webBanner;\n};\n\nconst getImageObject = ({ images, promotionLabelTypeScreen, windowInnerWidth }) => {\n let imageObject = null;\n\n switch (promotionLabelTypeScreen) {\n case promotionLabelTypeScreens.homePage:\n case promotionLabelTypeScreens.searchResult:\n imageObject = getImageObjectForWindowSize({ imageObject: images?.large, windowInnerWidth });\n break;\n case promotionLabelTypeScreens.advisorProfile:\n imageObject = getImageObjectForWindowSize({ imageObject: images?.small, windowInnerWidth });\n break;\n default:\n break;\n }\n return imageObject;\n};\n\nconst getBannerImg = ({ images, promotionLabelTypeScreen, windowInnerWidth }) => {\n const imageObject = getImageObject({ images, promotionLabelTypeScreen, windowInnerWidth });\n const bannerImg = imageObject?.imgSrc;\n return bannerImg;\n};\n\nconst getBannerAspectRation = ({ images, promotionLabelTypeScreen, windowInnerWidth }) => {\n const imageObject = getImageObject({ images, promotionLabelTypeScreen, windowInnerWidth });\n let aspectRation = 'auto';\n const width = imageObject?.width;\n const height = imageObject?.height;\n if (width && height) {\n aspectRation = width / height;\n }\n return aspectRation;\n};\n\nfunction PromotionLabel({\n loadHomePage, userActivePromotion, className, promotionLabelTypeScreen\n}) {\n const {\n promotionSaleTitle,\n promotionShortDescription, images, promoTimer\n } = userActivePromotion;\n\n const { countdownBeforeEndInSeconds, countdownBeforeEventInSeconds } = promoTimer || {};\n\n const [windowInnerWidth, setWindowInnerWidth] = useState(window.innerWidth);\n\n const handleResize = () => {\n setWindowInnerWidth(window.innerWidth);\n };\n\n useEffect(() => {\n window.addEventListener('resize', handleResize);\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n\n const bannerImg = getBannerImg({ images, promotionLabelTypeScreen, windowInnerWidth });\n\n let timer = null;\n let seconds = countdownBeforeEndInSeconds || countdownBeforeEventInSeconds;\n\n const [currentSeconds, setCurrentSeconds] = useState(seconds);\n\n const promotionIsActive = promotionActive(\n countdownBeforeEndInSeconds,\n countdownBeforeEventInSeconds\n ) && currentSeconds;\n\n const startTimer = () => {\n timer = setInterval(() => {\n if (seconds <= 1) {\n loadHomePage(true);\n clearInterval(timer);\n timer = null;\n }\n seconds -= 1;\n setCurrentSeconds(seconds);\n }, 1000);\n };\n\n useEffect(() => {\n if (!timer && seconds > 0) {\n startTimer();\n }\n return () => {\n if (timer) {\n clearInterval(timer);\n timer = null;\n }\n };\n }, [promoTimer]);\n\n const contdownContainer = () => (\n \n {prePriceText({ availableMinSalesPrice, availableMinPrice, text })}\n \n \n {`$${ price() }/min`}\n \n
\n \n
\n );\n\n const promoLabel = () => (\n \n {countDownTitle(countdownBeforeEndInSeconds, countdownBeforeEventInSeconds)}\n
\n \n
\n \n {Math.floor(currentSeconds / 3600).toLocaleString('en-US', { minimumIntegerDigits:2 })}\n
\n HOURS
\n \n {Math.floor((currentSeconds % 3600) / 60).toLocaleString('en-US', { minimumIntegerDigits:2 })}\n
\n MIN
\n \n {Math.floor((currentSeconds % 60) % 60).toLocaleString('en-US', { minimumIntegerDigits:2 })}\n
\n SEC
\n \n
\n );\n\n return renderPromoLabel({ userActivePromotion, promoLabel, bannerImg });\n}\nPromotionLabel.propTypes = {\n ...PromotionContent,\n loadHomePage: PropTypes.func.isRequired,\n userActivePromotion: PropTypes.object,\n promotionLabelTypeScreen: PropTypes.string.isRequired\n};\n\nPromotionLabel.defaultProps = {\n ...PromotionDefaultProps,\n userActivePromotion: null\n};\n\nexport default PromotionLabel;\n","import { connect } from 'react-redux';\nimport PromotionLabel from './promotion_label';\nimport withPGTranslation from '../../../../config/withPGTranslation';\nimport { loadHomePage } from '../../../../actions/home_page';\nimport { getUserFirstActivePromotion } from '../../../../config/util';\n\nconst mapStateToProps = ({ user, application }) => ({\n userActivePromotion: getUserFirstActivePromotion({ user, application })\n});\n\nexport default connect(\n mapStateToProps,\n {\n loadHomePage\n }\n)(withPGTranslation(PromotionLabel));\n","import PropTypes from 'prop-types';\n\nexport const sectionIds = {\n salesBanner: 'sales_banner',\n filters: 'filters',\n staffPick: 'staff_pick',\n specialities: 'specialities',\n recentlyViewed: 'recently_viewed',\n favorites: 'favorite_advisors',\n contactAgain: 'contact_again',\n tryout: 'tryout_advisors',\n votedMostAccurate: 'voted_most_accurate',\n highestRated: 'highest_rated',\n trending:'pg_trending',\n recomended: 'recommended',\n all_advisors:'all_advisors',\n redeemCahsback: 'redeem_cashback',\n allAdvisorsList: 'all_advisors_list',\n topAdvisorsTarotReadings: 'top_advisors_tarot_readings',\n pathHeadingAdvisors: 'path_heading_advisors',\n tensionRelationshipAdvisors: 'tension_relationship_advisors',\n soulmateAdvisors: 'soulmate_advisors',\n recommend_advisors: 'recommend_advisors'\n};\n\nexport const sectionTypes = {\n salesBanner: 'sales_banner',\n staffPick: 'staff_pick',\n specialities: 'specialities',\n personal: 'personal',\n filters: 'filters',\n badge: 'badge',\n button: 'button',\n list: 'list'\n};\n\nexport const sectionSubTypes = {\n endToEnd: 'end_to_end'\n};\n\nexport const advisorsSectionTypes = {\n staffPick: 'staff_pick',\n personal: 'personal',\n badge: 'badge'\n};\n\nexport const advisorsSectionThemes = {\n staff_pick: 'staff_pick',\n personal: 'personal',\n badge: 'badge',\n badge_end_to_end: `${ advisorsSectionTypes.badge }_${ sectionSubTypes.endToEnd }`,\n all_advisors_section: 'all_advisors_section',\n recommend_advisors: 'recommend_advisors'\n};\n\nexport const advisorsSectionTypesArray = Object.keys(advisorsSectionTypes)\n .map((advisorsSectionType) => sectionTypes[advisorsSectionType]);\n\nexport const typesToArray = (object) => Object.keys(object)\n .map((item) => object[item]);\n\nconst idsArray = Object.keys(sectionIds).map((sectionId) => sectionIds[sectionId]);\nconst typesArray = Object.keys(sectionTypes).map((sectionType) => sectionTypes[sectionType]);\n\nexport const SectionProps = {\n type: PropTypes.oneOf(typesArray),\n id: PropTypes.oneOf(idsArray),\n analytics: PropTypes.object,\n content: PropTypes.object,\n title: PropTypes.string,\n params: PropTypes.object,\n refresh: PropTypes.bool,\n showMore: PropTypes.object,\n iconUrl: PropTypes.string,\n slug: PropTypes.string,\n subtype: PropTypes.string\n};\n\nexport const SectionDefaultProps = {\n id:null,\n type: null,\n analytics: null,\n content: null,\n title: null,\n params: null,\n refresh: false,\n showMore: null,\n iconUrl: null,\n slug:null,\n subtype: null\n};\n\nexport const HomePageAdvisorLiveModes = {\n mode: PropTypes.string,\n modeState: PropTypes.string,\n name: PropTypes.string,\n price: PropTypes.string,\n salesPrice: PropTypes.string\n};\n\nexport const HomePageAdvisorLiveModesDefaultProps = {\n mode: '',\n modeState: '',\n name: '',\n price: ''\n};\n\n// badges\nexport const AdvisorBadgesProps = {\n ig: PropTypes.string,\n name: PropTypes.string,\n color: PropTypes.string\n};\n\nexport const AdvisorBadgesDefaultProps = {\n ig: '',\n name: '',\n color: ''\n};\n\nexport const HomePageAdvisorProps = {\n id: PropTypes.number,\n liveModeMinPrice: PropTypes.string,\n liveModes: PropTypes.arrayOf(HomePageAdvisorLiveModes),\n nickname: PropTypes.string,\n profilePictureUrl: PropTypes.string,\n rating: PropTypes.number,\n readingsCount: PropTypes.number,\n serviceTitle: PropTypes.string,\n status: PropTypes.string,\n yearJoined: PropTypes.number\n};\n\nexport const HomePageAdvisorDefaultProps = {\n id: null,\n liveModeMinPrice: '',\n liveModes: [],\n nickname: '',\n profilePictureUrl: '',\n rating: 0,\n readingsCount: 0,\n serviceTitle: '',\n status: '',\n yearJoined: null\n};\n\nexport const FullAdvisorDetails = {\n id: PropTypes.number,\n busy_status: PropTypes.string,\n is_available: PropTypes.string,\n status: PropTypes.string,\n profilePictureUrl: PropTypes.string,\n nickname: PropTypes.string,\n serviceTitle: PropTypes.string,\n serviceDescription: PropTypes.string,\n instructions: PropTypes.string,\n aboutMe: PropTypes.string,\n profile_video_thumb_url: PropTypes.string,\n profile_video_url: PropTypes.string,\n advisor_share_link: PropTypes.string,\n isFavorite: PropTypes.bool,\n readingsCount: PropTypes.number,\n yearJoined: PropTypes.number,\n rating: PropTypes.number,\n isNewAdvisor: PropTypes.bool\n};\n\nexport const FullAdvisorDefaultDetails = {\n id: null,\n busy_status: '',\n is_available: '',\n status: '',\n profilePictureUrl: '',\n nickname: '',\n serviceTitle: '',\n serviceDescription: '',\n instructions: '',\n about_me: '',\n profile_video_thumb_url: '',\n profile_video_url: '',\n advisor_share_link: '',\n badges: [],\n isFavorite: false,\n readingsCount: 0,\n yearJoined: 0,\n rating: 0,\n isNewAdvisor: false\n};\n\nexport const PromotionContent = {\n countdownBeforeEndInSeconds: PropTypes.number,\n countdownBeforeEventInSeconds: PropTypes.number,\n promotionSaleCampaign: PropTypes.string,\n promotionSaleTitle: PropTypes.string,\n promotionShortDescription: PropTypes.string,\n shareBanner: PropTypes.bool,\n webBannerImgSrc: PropTypes.string\n};\n\nexport const PromotionDefaultProps = {\n countdownBeforeEndInSeconds: null,\n countdownBeforeEventInSeconds: null,\n promotionSaleCampaign: null,\n promotionSaleTitle: null,\n promotionShortDescription: null,\n shareBanner: false,\n webBannerImgSrc: null\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"creditCardValidateContainer\":\"creditCardValidateContainer--dPH2f\",\"creditCardValidateBuyBtnContainer\":\"creditCardValidateBuyBtnContainer--hHUyo\",\"creditCardValidateDisableBuyButton\":\"creditCardValidateDisableBuyButton--VbsIB\",\"skeleton\":\"skeleton--Hbb8P\",\"animation-bzdot9\":\"animation-bzdot9--TNHzH\",\"creditCardValidateErrorContainer\":\"creditCardValidateErrorContainer--skDzW\",\"creditCardValidateErrorImgContainer\":\"creditCardValidateErrorImgContainer--Yopma\",\"creditCardValidateErrorImg\":\"creditCardValidateErrorImg--vCRX5\",\"creditCardValidateErrorTitle\":\"creditCardValidateErrorTitle--gR34X\",\"creditCardValidateErrorText\":\"creditCardValidateErrorText--J7yQI\"};","import React, { useEffect, useState } from 'react';\nimport queryString from 'query-string';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { useTranslation } from 'react-i18next';\nimport classes from './classes.module.scss';\nimport { chatTypeToOrderType, purchaseTypeToOrderType } from '../../../config/const';\nimport { toCamelCase } from '../../../../common/config/utils';\nimport { SvgIcon } from '../../../../common/sprites';\n\nconst getBuyBtnClassName = ({ loading, disableBuyButton }) => {\n if (loading) return classnames(classes.creditCardValidateBuyBtnContainer, classes.skeleton);\n if (disableBuyButton) {\n return classnames(classes.creditCardValidateBuyBtnContainer, classes.creditCardValidateDisableBuyButton);\n }\n return classes.creditCardValidateBuyBtnContainer;\n};\n\nconst renderError = ({ t, error }) => {\n if (!error) return null;\n return (\n \n \n
\n \n
\n \n
\n \n \n {promotionSaleTitle}\n \n \n \n {promotionShortDescription}\n \n \n
\n {renderContdownContainer(promotionIsActive, contdownContainer)}\n \n
\n );\n};\n\nconst getValidateCreditCardRequestParams = ({ advisorId, chatType }) => {\n const {\n intendedAdvisorId, purchaseType\n } = toCamelCase(queryString.parse(window.location.search));\n const requestParams = {\n intended_advisor_id: parseFloat(intendedAdvisorId) || advisorId,\n order_type: purchaseTypeToOrderType[purchaseType] || chatTypeToOrderType[chatType]\n };\n return requestParams;\n};\n\nfunction CreditCardValidateProcessing({\n disableBuyButton, loading, onCreditCardValidated, validateCreditCardAction, validatedData,\n error, validateCreditCardClearAction, getValidateCreditCardStatus, creditCardValidateProcessingValidating, requiresPayAsYouGoValidation, advisorId, chatType\n}) {\n const { t } = useTranslation();\n\n const [getValidateCreditCardStatusInterval, setGetValidateCreditCardStatusInterval] = useState(null);\n\n useEffect(() => {\n if (validatedData) {\n const { id, state } = validatedData || {};\n if (state === 'pending' && !getValidateCreditCardStatusInterval) {\n const int = setInterval(() => {\n getValidateCreditCardStatus({ id });\n }, 1500);\n setGetValidateCreditCardStatusInterval(int);\n return () => {\n clearInterval(int);\n setGetValidateCreditCardStatusInterval(null);\n };\n }\n if (state !== 'pending' || error) {\n clearInterval(getValidateCreditCardStatusInterval);\n setGetValidateCreditCardStatusInterval(null);\n creditCardValidateProcessingValidating({ validating: false });\n }\n if (state === 'validated') {\n onCreditCardValidated();\n }\n }\n return () => {};\n }, [validatedData]);\n\n useEffect(() => () => {\n clearInterval(getValidateCreditCardStatusInterval);\n setGetValidateCreditCardStatusInterval(null);\n validateCreditCardClearAction();\n }, []);\n\n const validateCreditCardActionHandler = () => {\n const requestParams = getValidateCreditCardRequestParams({ advisorId, chatType });\n validateCreditCardAction({ requestParams });\n };\n\n const renderCreditCardValidateBtn = () => {\n let onClickBtn = onCreditCardValidated;\n let text = t('purchase.purchase_start_session');\n if (requiresPayAsYouGoValidation) {\n onClickBtn = validateCreditCardActionHandler;\n }\n if (error) {\n text = t('general.ok');\n onClickBtn = validateCreditCardClearAction;\n }\n return (\n \n );\n };\n\n const renderCreditCardValidateProcessing = () => (\n \n
\n \n { t('credit_card_validate_processing.card_validation_failed') }\n
\n \n { t('credit_card_validate_processing.there_was_a_failure_validating_your_card') }\n
\n \n { renderError({ t, error }) }\n { renderCreditCardValidateBtn() }\n
\n );\n\n return renderCreditCardValidateProcessing();\n}\n\nCreditCardValidateProcessing.propTypes = {\n onCreditCardValidated: PropTypes.func.isRequired,\n loading: PropTypes.bool,\n disableBuyButton: PropTypes.bool,\n validateCreditCardAction: PropTypes.func.isRequired,\n validateCreditCardClearAction: PropTypes.func.isRequired,\n requiresPayAsYouGoValidation: PropTypes.bool,\n advisorId: PropTypes.number,\n chatType: PropTypes.string\n};\n\nCreditCardValidateProcessing.defaultProps = {\n loading: null,\n disableBuyButton: null,\n validatedData: null,\n requiresPayAsYouGoValidation: null,\n advisorId: null,\n chatType: null\n};\n\nexport default CreditCardValidateProcessing;\n","import Const from '../config/const';\nimport { validateCreditCardApi, getValidateCreditCardStatusApi } from '../config/api';\n\nexport const creditCardValidateProcessingValidating = ({ validating }) => ({\n type: Const.creditCardValidateProcessing.validating,\n validating\n});\n\nconst creditCardValidateProcessingValidated = ({ validatedData }) => ({\n type: Const.creditCardValidateProcessing.setValidatedData,\n validatedData\n});\n\nconst creditCardValidateProcessingError = (error) => ({\n type: Const.creditCardValidateProcessing.error,\n error\n});\n\nexport const validateCreditCardAction = ({ requestParams }) => (dispatch) => {\n dispatch(creditCardValidateProcessingValidating({ validating: true }));\n validateCreditCardApi({ requestParams })\n .then((validatedData) => {\n dispatch(creditCardValidateProcessingValidated({ validatedData }));\n })\n .catch((error) => {\n error.json()\n .then((jsonError) => { dispatch(creditCardValidateProcessingError(jsonError)); })\n .catch(() => { dispatch(creditCardValidateProcessingError(error)); });\n });\n};\n\nexport const getValidateCreditCardStatus = ({ id }) => (dispatch) => {\n getValidateCreditCardStatusApi({ id })\n .then((validatedData) => {\n dispatch(creditCardValidateProcessingValidated({ validatedData }));\n })\n .catch((error) => {\n error.json()\n .then((jsonError) => { dispatch(creditCardValidateProcessingError(jsonError)); })\n .catch(() => { dispatch(creditCardValidateProcessingError(error)); });\n });\n};\n\nexport const validateCreditCardClearAction = () => ({\n type: Const.creditCardValidateProcessing.clear\n});\n","import { connect } from 'react-redux';\nimport CreditCardValidateProcessing from './credit_card_validate_processing';\nimport {\n validateCreditCardAction,\n getValidateCreditCardStatus,\n validateCreditCardClearAction,\n creditCardValidateProcessingValidating\n} from '../../../actions/credit_card_validate_processing';\n\nconst mapStateToProps = ({ creditCardValidateProcessing }, ownProp) => ({\n ...creditCardValidateProcessing,\n loading: ownProp.loading || creditCardValidateProcessing.validating\n});\n\nexport default connect(\n mapStateToProps,\n {\n validateCreditCardAction,\n getValidateCreditCardStatus,\n validateCreditCardClearAction,\n creditCardValidateProcessingValidating\n }\n)(CreditCardValidateProcessing);\n","/* eslint-disable object-property-newline */\nimport queryString from 'query-string';\nimport { payPalProcessingFailReason } from '../../config/util';\nimport {\n paramOrNul, toLowerCaseSpaced, paymentKindToAnalyticsName, toCamelCase, getStartChatClickSource\n} from '../../../common/config/utils';\nimport Const from '../../config/const';\nimport { purchaseDetailsTypes } from '../../../common/config/const';\nimport {\n trackPurchaseStartedEvent, trackPurchaseEvent, trackPurchaseFailedEvent, getDestination\n} from '../../actions/analytics';\nimport { log, LOG_LEVELS } from '../../../common/config/app_logger';\nimport { appRoutes } from '../../config/app_routes';\nimport { getAdvisorSlug } from '../../project_items/helper_functions';\n\nexport const endPurchaseErrorTypes = [\n 'advisor_busy',\n 'advisor_offline',\n 'spending_limits'\n];\n\nexport const isSideMenu = ({ type }) => (type === purchaseDetailsTypes.SIDE_MENU);\n\nexport const isAffiliatePromoPopup = ({ type }) => (\n type === purchaseDetailsTypes.AFFILIATE_PROMO_POPUP\n);\n\nexport const sign = ({ URL }) => (URL.indexOf('?') === -1 ? '?' : '&');\n\nexport const getFollowupParam = ({ isContinue, type }) => {\n const { context } = toCamelCase(queryString.parse(window.location.search));\n if (context) return { context };\n if (isContinue) return { context: 'followup' };\n let followupParam;\n switch (type) {\n case purchaseDetailsTypes.CHAT: {\n followupParam = { context: 'live_chat' };\n break;\n }\n case purchaseDetailsTypes.VIDEO_CHAT: {\n followupParam = { context: 'video_call' };\n break;\n }\n case purchaseDetailsTypes.VOICE_CHAT: {\n followupParam = { context: 'voice_call' };\n break;\n }\n default: {\n followupParam = { context: 'credit_screen' };\n break;\n }\n }\n return followupParam;\n};\n\nexport const renderButtonTitle = ({ isContinue, type, t }) => {\n if (isContinue) {\n return t('general.continue');\n }\n switch (type) {\n case purchaseDetailsTypes.CHAT:\n return t('chat.start_chat');\n case purchaseDetailsTypes.VIDEO_CHAT:\n return t('chat.start_video_call');\n case purchaseDetailsTypes.VOICE_CHAT:\n return t('chat.start_voice_call');\n case purchaseDetailsTypes.AFFILIATE_PROMO_POPUP:\n return t('purchase.affiliate_promo_popup_confirm_button');\n default:\n return 'OK';\n }\n};\n\nexport const selectCloseButtonActionIfNeed = ({\n type, cancelChatOnPP, hideAffiliatePromoPopup\n}) => {\n if (type !== purchaseDetailsTypes.SIDE_MENU\n && type !== purchaseDetailsTypes.AFFILIATE_PROMO_POPUP) {\n if (cancelChatOnPP) cancelChatOnPP();\n }\n if (type === purchaseDetailsTypes.AFFILIATE_PROMO_POPUP) {\n if (hideAffiliatePromoPopup) hideAffiliatePromoPopup();\n }\n};\n\nconst paymentOptionEventData = ({ currentPaymentOption }) => {\n if (!currentPaymentOption) return null;\n const { context, id, gatewayName } = currentPaymentOption;\n return ({\n ...paramOrNul('payment id', id),\n ...paramOrNul('cc type', (context || {}).type),\n ...paramOrNul('payment gateway', gatewayName)\n });\n};\n\nconst getChatPurchaseScreenName = ({ chatType }) => {\n switch (chatType) {\n case Const.chatType.text:\n return 'live chat';\n case Const.chatType.voice:\n return 'voice call';\n case Const.chatType.video:\n return 'video call';\n default:\n return null;\n }\n};\n\nconst hidePaymentDetailsAndCancelChatIfNeed = ({\n errorType, advisorId, loadAdvisor, hidePaymentDetails, cancelChat\n}) => {\n if (endPurchaseErrorTypes.includes(errorType)) {\n if (advisorId) loadAdvisor(getAdvisorSlug({ advisorId }));\n hidePaymentDetails();\n cancelChat();\n }\n};\n\nexport const onRetryButtonClick = ({\n purchaseResponce, hidePaymentDetails, cancelChat, history, loadAdvisor, advisorId,\n purchaseURL, startPurchaseAction, clearPurchaseAction, clearAdditionalAction\n}) => {\n const {\n errorOrigin, errorPathname, recoverable, retriable, errorType\n } = purchaseResponce;\n log(LOG_LEVELS.INFO, 'Purchase', 'Retry button clicked');\n log(LOG_LEVELS.INFO, 'Purchase', 'Retry button clicked', { recoverable, retriable });\n if (recoverable) {\n const recoverableParams = { recover: true };\n const recoverableURL = `${ errorOrigin }${ errorPathname }?${ queryString.stringify(recoverableParams) }`;\n startPurchaseAction(recoverableURL);\n } else if (retriable) {\n startPurchaseAction(purchaseURL);\n } else {\n clearPurchaseAction();\n clearAdditionalAction(false);\n }\n hidePaymentDetailsAndCancelChatIfNeed({\n errorType, advisorId, loadAdvisor, hidePaymentDetails, cancelChat\n });\n if (errorType === 'spending_limits') {\n window.onbeforeunload = null;\n history(appRoutes.spendLimits, { options: { state: { clickSource: 'popup' } } });\n window.location.reload();\n }\n log(LOG_LEVELS.INFO, 'Purchase', `retry Button click recoverable: ${ recoverable }, retriable: ${ retriable }`);\n};\n\nexport const onConfirmButton = ({\n clearPurchaseAction, setRetryCount, onPurchaseComplete\n}) => {\n clearPurchaseAction();\n setRetryCount(0);\n if (onPurchaseComplete) {\n onPurchaseComplete();\n }\n};\n\nexport const payingWithCreditCard = ({ currentPaymentOption }) => {\n if (!currentPaymentOption) { return false; }\n return currentPaymentOption.kind === 'cc';\n};\n\nconst getPurchaseBillingAgreementProperty = ({\n currentPaymentOption, hasPaypalBillingAgreement\n}) => {\n if (currentPaymentOption?.kind !== 'pp') return null;\n return { 'purchase billing agreement': hasPaypalBillingAgreement };\n};\n\nconst set3DSAuthResult = (hash, threeDAuthResult) => {\n if (!threeDAuthResult) { return hash; }\n return {\n ...hash,\n 'ThreeDS Auth Result': threeDAuthResult\n };\n};\n\nconst extraEventParamsData = ({ extraEventParams }) => {\n if (extraEventParams && extraEventParams.length === 0) return {};\n return { ...toLowerCaseSpaced(extraEventParams) };\n};\n\nexport const getPurchaseClickSource = (type, location) => {\n const mobileClickSource = (queryString.parse(window.location.search) || {}).click_source;\n return mobileClickSource || (type === purchaseDetailsTypes.SIDE_MENU ? 'add funds' : getStartChatClickSource(location));\n};\n\nexport const getPurchaseScreenProp = (type, chatType) => {\n const mobilePurchaseScreenProp = (queryString.parse(window.location.search) || {}).purchase_screen || (queryString.parse(window.location.search) || {}).click_source;\n return mobilePurchaseScreenProp || (type === purchaseDetailsTypes.SIDE_MENU ? 'credit screen' : getChatPurchaseScreenName({ chatType }));\n};\n\nexport const buildEventData = ({\n retryCount, type, purchaseAmount, bonus, hasPaypalBillingAgreement, threeDAuthResult,\n currentPaymentOption, chatType, purchaseFees, extraEventParams, location, clickSource = null\n}) => {\n const purchaseAmountFloat = parseFloat(purchaseAmount);\n return set3DSAuthResult({\n 'purchase screen': getPurchaseScreenProp(type, chatType),\n 'click source': clickSource || getPurchaseClickSource(type, location),\n credit: (purchaseAmountFloat + parseFloat(bonus) ?? 0).toFixed(2),\n 'base price': purchaseAmountFloat.toFixed(2),\n 'purchase amount': purchaseAmountFloat.toFixed(2),\n 'payment method': paymentKindToAnalyticsName(currentPaymentOption?.kind),\n ...getPurchaseBillingAgreementProperty({ currentPaymentOption, hasPaypalBillingAgreement }),\n 'purchase source': 'web',\n 'retry count': retryCount === undefined ? 0 : retryCount,\n ...paymentOptionEventData({ currentPaymentOption }),\n ...paramOrNul('purchase fees', purchaseFees || purchaseFees === 0 ? purchaseFees.toFixed(2) : null),\n ...extraEventParamsData({ extraEventParams })\n }, threeDAuthResult);\n};\n\nexport const mpTrackPurchaseStartedEvent = ({\n retryCount, conversionEventId, type, purchaseAmount, bonus, hasPaypalBillingAgreement,\n threeDAuthResult, currentPaymentOption, chatType, dispatch, purchaseFees, location\n}) => {\n dispatch(trackPurchaseStartedEvent(\n buildEventData({\n retryCount, type, purchaseAmount, bonus, hasPaypalBillingAgreement, threeDAuthResult,\n currentPaymentOption, chatType, purchaseFees, location\n }),\n conversionEventId\n ));\n};\n\nexport const mpTrackPurchaseEvent = ({\n retryCount, conversionEventId, type, purchaseAmount, bonus, hasPaypalBillingAgreement,\n threeDAuthResult, currentPaymentOption, chatType, dispatch, pathname, getUser, extraEventParams, location\n}) => {\n dispatch(trackPurchaseEvent({\n ...buildEventData({\n retryCount, type, purchaseAmount, bonus, hasPaypalBillingAgreement, threeDAuthResult,\n currentPaymentOption, chatType, extraEventParams, location\n }),\n 'local currency': 'USD'\n }, pathname, getUser, conversionEventId));\n};\n\nconst getFailReason = ({ errorType, currentPaymentOption }) => {\n if (errorType) {\n return payPalProcessingFailReason(errorType);\n }\n if (currentPaymentOption?.kind === 'ap') {\n return 'apple pay failed';\n }\n if (currentPaymentOption?.kind === 'pp') {\n return 'paypal failed';\n }\n if (currentPaymentOption?.kind === 'cc') {\n return 'credit card failed';\n }\n return 'error';\n};\n\nexport const getPurchaseFailedPropsForMobileApp = ({\n type, purchaseAmount, bonus, currentPaymentOption, chatType, purchaseFees, extraEventParams, reason, errorType, errorMessage,\n errorName, errorCode, gatewayName, spendingLimits, location\n}) => ({\n ...buildEventData({\n type, purchaseAmount, bonus,\n currentPaymentOption, chatType, purchaseFees, extraEventParams, location\n }),\n 'failed reason': reason || getFailReason({ errorType, currentPaymentOption }),\n 'payment error message': errorMessage !== undefined ? errorMessage : null,\n isCreditCard: payingWithCreditCard({ currentPaymentOption }),\n ...paramOrNul('failed reason description', errorName),\n ...paramOrNul('failed reason error code', errorCode),\n ...paramOrNul('payment gateway', gatewayName || currentPaymentOption?.gatewayName),\n ...paramOrNul('spending limits exceeded', spendingLimits),\n ...getDestination({ spendingLimits })\n});\n\nexport const mpTrackPurchaseFailedEvent = ({\n errorType, errorMessage, errorName, errorCode, gatewayName, errorPathname, threeDAuthResult,\n retryCount, type, purchaseAmount, bonus, hasPaypalBillingAgreement, currentPaymentOption,\n chatType, dispatch, reason, purchaseFees, extraEventParams, spendingLimits, location, clickSource = null\n}) => dispatch(trackPurchaseFailedEvent(\n {\n ...buildEventData({\n retryCount, type, purchaseAmount, bonus, hasPaypalBillingAgreement, threeDAuthResult,\n currentPaymentOption, chatType, purchaseFees, extraEventParams, location, clickSource\n }),\n 'failed reason': reason || getFailReason({ errorType, currentPaymentOption }),\n 'payment error message': errorMessage !== undefined ? errorMessage : null,\n isCreditCard: payingWithCreditCard({ currentPaymentOption }),\n ...paramOrNul('failed reason description', errorName),\n ...paramOrNul('failed reason error code', errorCode),\n ...paramOrNul('payment gateway', gatewayName || currentPaymentOption?.gatewayName),\n ...paramOrNul('spending limits exceeded', spendingLimits),\n ...getDestination({ spendingLimits })\n },\n errorPathname\n));\n","// extracted by mini-css-extract-plugin\nexport default {\"ppTofModalSignUpContent\":\"ppTofModalSignUpContent--I0lkq\",\"ppTofModalSignUpButton\":\"ppTofModalSignUpButton--Imglp\",\"ppTofModalCancelButton\":\"ppTofModalCancelButton--hRBYg\",\"ppTofModalSignUpHeader\":\"ppTofModalSignUpHeader--TFI3u\",\"socialPpTofModalButtonsRow\":\"socialPpTofModalButtonsRow--TZED6\",\"socialPpTofModalContent\":\"socialPpTofModalContent--w4R9g\",\"socialPpTofModalCancelButton\":\"socialPpTofModalCancelButton--M87ee\",\"socialPpTofModalOkButton\":\"socialPpTofModalOkButton--Fh4fT\",\"socialPpTofModalText\":\"socialPpTofModalText--s6_KX\",\"confirmPpTofSwitcherRowsignUp\":\"confirmPpTofSwitcherRowsignUp--U3NrL\",\"tcpBannerText\":\"tcpBannerText--WO0Bv\",\"animation-bzdot9\":\"animation-bzdot9--psJS0\"};","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport ReactMarkdown from 'react-markdown';\nimport classes from './classes.module.scss';\nimport AppGeneralPopup from '../../../../common/app_general_popup';\nimport { appGeneralPopupTheme } from '../../../../common/config/const';\nimport { GDPRConsernPopupThemes } from '../../../config/themes';\nimport { appLogo } from '../../../logo/logo';\nimport env from '../../../config/variables';\nimport { updateTcpBanner } from '../../../config/api';\nimport { parseAndTrackAnalyticEvents } from '../../../actions/analytics';\n\nconst {\n TCP_BANNER\n} = env;\n\nconst termsAndPoliciesUpdateViewedEvent = (tcpBanner, termsAndPpUpdateViewed, termsAndPoliciesUpdateViewed) => {\n if (tcpBanner && termsAndPpUpdateViewed && termsAndPoliciesUpdateViewed) {\n parseAndTrackAnalyticEvents({ termsAndPoliciesUpdateViewed });\n }\n};\n\nconst handleLinkClick = (url, setPrivacyPolicyClicked, setTermsOfUseClicked) => {\n if (url?.includes('privacy')) {\n setPrivacyPolicyClicked(true);\n } else setTermsOfUseClicked(true);\n};\n\nfunction GDPRConsernPopup({\n GDPRConsernPopupVisible, gdprSwitcherValueChanged, shouldShowGDPRConsent, theme,\n socialParams, authSocial, clearError, tcpBanner, onRegisterClicked, termsAndPoliciesUpdateViewed\n}) {\n const [termsOfUseClicked, setTermsOfUseClicked] = useState(false);\n const [privacyPolicyClicked, setPrivacyPolicyClicked] = useState(false);\n const [termsAndPpUpdateViewed, setTermsAndPpUpdateViewed] = useState(false);\n\n const hideGDPRConsernPopup = () => {\n shouldShowGDPRConsent({ [theme]: false });\n };\n\n useEffect(() => {\n if (tcpBanner) {\n shouldShowGDPRConsent({ [GDPRConsernPopupThemes.server]: true });\n setTermsAndPpUpdateViewed(true);\n }\n }, [tcpBanner]);\n\n useEffect(() => {\n termsAndPoliciesUpdateViewedEvent(tcpBanner, termsAndPpUpdateViewed, termsAndPoliciesUpdateViewed);\n }, [termsAndPpUpdateViewed]);\n\n const serverContentBtnOnClick = () => {\n const properties = {\n 'terms of use clicked': termsOfUseClicked,\n 'privacy policy clicked': privacyPolicyClicked\n };\n updateTcpBanner().then((payload) => {\n parseAndTrackAnalyticEvents(payload.analyticEvents, properties);\n });\n hideGDPRConsernPopup();\n gdprSwitcherValueChanged(true);\n };\n\n const regularContentBtnOnClick = () => {\n gdprSwitcherValueChanged(true);\n onRegisterClicked();\n hideGDPRConsernPopup();\n };\n\n const socialContinueOnClick = () => {\n clearError();\n gdprSwitcherValueChanged(true);\n authSocial(socialParams.socRequest, socialParams.signupFlow);\n hideGDPRConsernPopup();\n };\n\n const serverContentLinkOnClick = (href) => {\n if (href) {\n handleLinkClick(href, setPrivacyPolicyClicked, setTermsOfUseClicked);\n }\n };\n\n const renderServerContent = () => (\n \n \n
\n );\n\n const renderRegularContent = () => (\n \n {tcpBanner?.header || ''}\n
\n \n (\n serverContentLinkOnClick(href) }\n >\n {children}\n \n )\n } }\n >\n {tcpBanner?.body || ''}\n \n
\n \n {tcpBanner?.description || ''} \n
\n \n \n {tcpBanner?.button || ''}\n \n
\n \n \n
\n );\n\n const renderModalContent = () => {\n if (theme === GDPRConsernPopupThemes.server) return renderServerContent();\n return renderRegularContent();\n };\n\n const renderGDPRConsernPopup = () => (\n \n {TCP_BANNER.header} \n
\n \n
\n \n (\n \n {children}\n \n )\n } }\n >\n {TCP_BANNER.body || ''}\n \n
\n \n {TCP_BANNER.description || ''} \n
\n \n \n {TCP_BANNER.button}\n \n \n {TCP_BANNER.cancel}\n \n
\n \n
\n );\n}\n\nFilterDropdown.propTypes = {\n options: PropTypes.object,\n title: PropTypes.string.isRequired,\n selectedOptionId: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n dropdownId: PropTypes.string.isRequired,\n t: PropTypes.func.isRequired\n};\n\nFilterDropdown.defaultProps = {\n options: [],\n selectedOptionId: null\n};\n\nexport default withPGTranslation(FilterDropdown);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classes from '../classes.module.scss';\nimport { SvgIcon } from '../../../../../../common/sprites';\n\nfunction Handle({ handle:{ id, percent }, getHandleProps, isLeft }) {\n return (\n \n \n {title}\n \n \n { t(options[selectedOptionId]) }\n
\n \n {`$${ min }`}\n {`$${ currentPPMRange[0] }-$${ currentPPMRange[1] }/min`}\n {`$${ max }`}\n
\n );\n\n return (\n \n
\n );\n}\n\nFilterSlider.propTypes = {\n currentPPMRange: PropTypes.array.isRequired,\n onRangeChange: PropTypes.func.isRequired,\n t: PropTypes.func.isRequired\n};\nexport default withPGTranslation(FilterSlider);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classes from './classes.module.scss';\nimport withPGTranslation from '../../../../config/withPGTranslation';\nimport Switch from '../../../../../common/helpers/switch';\n\nfunction FilterSwitcher({\n onChange, checked, t, filterSwitcherId\n}) {\n return (\n \n \n { t('home_page.price_per_minute') }\n \n
\n \n \n \n {({ getRailProps }) => (\n \n )}\n \n \n {({ handles, getHandleProps }) => (\n \n \n {({ tracks, getTrackProps }) => (\n \n \n {priceValues()}\n
\n \n {handles.map((handle, index) => (\n
\n )}\n \n {tracks.map(({ id, source, target }) => (\n
\n )}\n \n
\n );\n}\n\nFilterSwitcher.propTypes = {\n checked: PropTypes.bool.isRequired,\n onChange:PropTypes.func.isRequired,\n t: PropTypes.func.isRequired,\n filterSwitcherId: PropTypes.string.isRequired\n};\n\nexport default withPGTranslation(FilterSwitcher);\n","/* eslint-disable camelcase */\n/* eslint-disable jsx-a11y/no-autofocus */\nimport React from 'react';\nimport queryString from 'query-string';\nimport { Trans } from 'react-i18next';\nimport classes from './classes.module.scss';\nimport {\n numberOfReviewsFilters, filtersAllowedParams, readingViaFilters\n} from '../../../../config/const';\nimport { paramOrNul } from '../../../../../common/config/utils';\nimport { SvgIcon } from '../../../../../common/sprites';\n\nexport const buildQueryString = ({\n readingVia, numberOfReviews, ppmRange, includeOffline, query, historySearch\n}) => {\n const parsedHistorySearch = queryString.parse(historySearch);\n let searchWithoutFilters = { };\n Object.keys(parsedHistorySearch).filter((el) => !filtersAllowedParams.includes(el))\n .forEach((el) => {\n searchWithoutFilters = { ...searchWithoutFilters, [el]: parsedHistorySearch[el] };\n });\n return queryString.stringify({\n ...(readingViaFilters[readingVia] === readingViaFilters.default ? null : { reading_via:readingVia }),\n ...(numberOfReviewsFilters[numberOfReviews] === numberOfReviewsFilters['0'] ? null : { min_number_of_reviews_ge:numberOfReviews }),\n ...(ppmRange[0] === window.config.filterPricePerMinute.min ? null : { ppm_ge: ppmRange[0] }),\n ...(ppmRange[1] === window.config.filterPricePerMinute.max ? null : { ppm_le: ppmRange[1] }),\n ...(includeOffline ? null : { include_offline: includeOffline }),\n ...paramOrNul('query', query),\n ...searchWithoutFilters\n });\n};\n\nexport const getInitialState = (state) => {\n const {\n include_offline, min_number_of_reviews_ge, ppm_ge, ppm_le, reading_via, query\n } = queryString.parse(window.location.search);\n const { min, max } = window.config.filterPricePerMinute;\n const states = {\n readingVia: reading_via || 'default',\n numberOfReviews: min_number_of_reviews_ge || '0',\n ppmRange: [ppm_ge || min, ppm_le || max],\n includeOffline: include_offline !== 'false',\n searchQuery: query\n };\n return states[state];\n};\n\nconst renderAffiliatFilterViewBullet = (iconId, localizationKey) => (\n \n
\n \n { t('home_page.show_offline_advisors') }\n
\n \n
\n);\n\nexport const renderViewForNewAffiliateUser = ({\n showFilterPopover, title, t\n}) => (\n \n
\n \n
\n \n
\n);\n\nexport const renderFiltersMobileView = ({\n popoverView, showFilterPopover, searchIconTap, t,\n eligibleForNewAffiliateUserView\n}) => {\n if (popoverView) return null;\n const title = t('app_search_results.new_to_purple_garden');\n return eligibleForNewAffiliateUserView ? (\n \n {renderAffiliatFilterViewBullet('filter_to_new_browse', t('search_results.browse_and_find'))}\n {renderAffiliatFilterViewBullet('filter_to_new_account', t('search_results.create_an_account'))}\n {renderAffiliatFilterViewBullet('filter_to_new_connect', t('search_results.select_chat_duration_and'))}\n
\n \n \n
\n \n {renderViewForNewAffiliateUser({ showFilterPopover, title, t })}\n
\n ) : (\n \n \n \n
\n );\n};\n\nexport const searchSection = ({\n popoverView, t, searchQuery, onSearchChanged, autofocus, onPopoverSearchInputKeyDown\n}) => {\n if (!popoverView) return null;\n return [\n \n { t('home_page.search_and_filters') }\n ,\n \n
\n ];\n};\n\nexport const renderCancelBtn = (showFilters, eligibleForNewAffiliateUserView, popoverView, closeFilters) => (\n showFilters && eligibleForNewAffiliateUserView && !popoverView ? (\n \n ) : null\n);\n\nexport const getFilterSwitcherId = ({ popoverView }) => {\n if (popoverView) return 'filterSwitcherPopover';\n return 'filterSwitcher';\n};\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport queryString from 'query-string';\nimport { useTranslation } from 'react-i18next';\nimport classes from './classes.module.scss';\nimport FilterDropdown from './filter_dropdown';\nimport FilterSlider from './filter_slider/filter_slider';\nimport FilterSwitcher from './filter_switcher';\nimport {\n popoverKinds, readingViaFilters, numberOfReviewsFilters\n} from '../../../../config/const';\nimport withPGTranslation from '../../../../config/withPGTranslation';\nimport UsePreviousValue from '../../../../../common/config/utils';\nimport {\n getInitialState, buildQueryString, renderViewForNewAffiliateUser,\n renderCancelBtn, searchSection, renderFiltersMobileView, getFilterSwitcherId\n} from './filter_utils';\nimport { trackPageVisit } from '../../../../actions/analytics';\n\nfunction FiltersContainer({\n showPopover, popoverView, autofocus, dissmissPopover,\n history, newToPG, lastPurchaseDate, location\n}) {\n const { t } = useTranslation();\n const [readingVia, setReadingVia] = useState(getInitialState('readingVia'));\n const [numberOfReviews, setNumberOfReviews] = useState(getInitialState('numberOfReviews'));\n const [ppmRange, setPPMRange] = useState(getInitialState('ppmRange'));\n const [includeOffline, setIncludeOffline] = useState(getInitialState('includeOffline'));\n const [searchQuery, setSearchQuery] = useState(getInitialState('searchQuery'));\n const [historySearch, setHistorySearch] = useState(location.search);\n const [showFilters, setShowFilters] = useState(!newToPG);\n const eligibleForNewAffiliateUserView = !lastPurchaseDate && newToPG;\n\n const closeFilters = () => {\n setShowFilters(false);\n };\n\n const openFilters = () => {\n setShowFilters(true);\n };\n\n useEffect(() => {\n if (popoverView) trackPageVisit('search and filter');\n }, []);\n\n useEffect(() => {\n setReadingVia(getInitialState('readingVia'));\n setNumberOfReviews(getInitialState('numberOfReviews'));\n setPPMRange(getInitialState('ppmRange'));\n setIncludeOffline(getInitialState('includeOffline'));\n setSearchQuery(queryString.parse(window.location.search).query);\n setHistorySearch(location.search.replace('?', ''));\n }, [window.location.search]);\n\n useEffect(() => {\n if (window.currentUserId) setShowFilters(true);\n else if (eligibleForNewAffiliateUserView) setShowFilters(false);\n }, [window.currentUserId, newToPG]);\n\n const onReadingViaChanged = (id) => { setReadingVia(id); };\n const onNumverOfReviewsChanged = (id) => { setNumberOfReviews(id); };\n const onSliderChanged = (values) => { setPPMRange(values); };\n const onIncludeOfflineChanged = (value) => { setIncludeOffline(value); };\n\n const searchIconTap = () => {\n showPopover(popoverKinds.filter, {\n autoFocus:true, popoverId: 'searchPopover', history, location\n });\n };\n const showFilterPopover = () => {\n showPopover(popoverKinds.filter, { popoverId: 'filterPopover', history, location });\n };\n const onSearchChanged = (e) => { setSearchQuery(e.target.value); };\n\n const onFilterApply = () => {\n const prevHistorySearch = \n {t('search_results.need_help')}\n \n \n
\n );\n\n const showNewToPGSection = () => (eligibleForNewAffiliateUserView && !popoverView ? (\n \n {renderViewForNewAffiliateUser({\n showFilterPopover, title: t('app_search_results.this_is_how_it_works'), t\n })}\n { showFilters ? null : renderClickHereBtn() }\n
\n ) : null);\n\n const renderFiltersSection = () => (\n \n
\n );\n\n return [\n \n
\n );\n };\n\n renderBoldText = (text) => (\n \n { t('app_name_title') }\n
\n \n { t('settings.are_you_sure_you_want_sign_out') }\n
\n \n
\n \n \n
\n \n \n
\n \n { text }\n
\n );\n\n renderSignOutButton = () => {\n const { t, theme } = this.props;\n const isModal = theme === MODAL;\n if (isModal) {\n return (\n { t('settings.sign_out') }
\n \n );\n }\n const icon = (\n \n \n
\n );\n };\n\n render() {\n const { showSignOutModal } = this.state;\n const { theme } = this.props;\n const isModal = theme === MODAL;\n return (\n \n { this.renderSignOutButton() }\n \n { this.renderSingOutContent()}\n \n
\n );\n }\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"psychicApplyHerModalContent\":\"psychicApplyHerModalContent--aNfXC\",\"psychicApplyHerModalXContent\":\"psychicApplyHerModalXContent--dxzih\",\"psychicApplyHerModalXButton\":\"psychicApplyHerModalXButton--Aule6\",\"psychicApplyHerModalHeader\":\"psychicApplyHerModalHeader--EBUK7\",\"psychicApplyHerModalBody\":\"psychicApplyHerModalBody--C4CrC\",\"psychicApplyHerModalLink\":\"psychicApplyHerModalLink--UCYzL\",\"psychicApplyHerModalButton\":\"psychicApplyHerModalButton--qCCld\",\"menuDividers\":\"menuDividers--h4pYW\",\"languageSign\":\"languageSign--Pbkf9\",\"cashbackInactive\":\"cashbackInactive--U6U3V\",\"cashbackActive\":\"cashbackActive--Az1n4\",\"sideMenu\":\"sideMenu--R0V7n\",\"sideMenuHeaderLogoContainer\":\"sideMenuHeaderLogoContainer--eIAbI\",\"sideMenuItem\":\"sideMenuItem--FyNlr\",\"font\":\"font--iLgvP\",\"actionLink\":\"actionLink--oHWCL\",\"menuItemIcon\":\"menuItemIcon--yHghL\",\"sideMenuItemTitleContainer\":\"sideMenuItemTitleContainer--by7j7\",\"menuItemTitle\":\"menuItemTitle--CfEBu\",\"menuItemTitleActive\":\"menuItemTitleActive--_D_TW\",\"menuItemTitleBold\":\"menuItemTitleBold--CHLiN\",\"menuItemTitleBoldActive\":\"menuItemTitleBoldActive--pVeFk\",\"sideMenuItemContainer\":\"sideMenuItemContainer--vPSZ1\",\"badgeContainer\":\"badgeContainer--wAcKG\",\"drawer\":\"drawer--hV7On\",\"drawerMask\":\"drawerMask--mXhDM\",\"animation-bzdot9\":\"animation-bzdot9--FzEvA\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport AppLink from '../routes/app_link';\nimport classes from './classes.module.scss';\nimport { isKA } from '../../../common/config/utils';\n\nconst { shared } = window;\n\nconst getMenuItemClass = (title) => {\n if (isKA()) {\n return title.active ? classes.menuItemTitleBoldActive : classes.menuItemTitleBold;\n }\n return title.active ? classes.menuItemTitleActive : classes.menuItemTitle;\n};\n\nconst renderContent = (icon, title, extraNode, rightPos, onClick) => (\n \n { icon }\n
\n { extraNode || null }\n \n);\n\nconst renderInnerLink = (linkTo, icon, title, extraNode, rightPos) => (\n \n { title.text || title }\n
\n \n { renderContent(icon, title, extraNode, rightPos, onClick) }\n
\n);\n\nfunction MenuItem({\n title, icon, linkTo, extraNode, rightPos, asHref, onClick, openInNewTab\n}) {\n const renderItem = () => {\n if (onClick) {\n return renderActionLink(icon, title, extraNode, rightPos, onClick);\n }\n return asHref\n ? renderRemoteLink(linkTo, icon, title, extraNode, rightPos, openInNewTab)\n : renderInnerLink(linkTo, icon, title, extraNode, rightPos);\n };\n return ({ renderItem() }
);\n}\n\nMenuItem.propTypes = {\n title: PropTypes.object.isRequired,\n icon: PropTypes.node,\n linkTo: PropTypes.any,\n extraNode: PropTypes.node,\n rightPos: PropTypes.bool,\n asHref: PropTypes.bool,\n openInNewTab: PropTypes.bool,\n onClick: PropTypes.func\n};\n\nMenuItem.defaultProps = {\n icon: null,\n extraNode: null,\n linkTo: null,\n rightPos: false,\n asHref: false,\n openInNewTab: false,\n onClick: null\n};\n\nexport default MenuItem;\n","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"container--q0T1I\",\"badgeContainer\":\"badgeContainer--_Pi8K\",\"badgeContainerAsChild\":\"badgeContainerAsChild--b4TLn\",\"badgeText\":\"badgeText--AprDR\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport classes from './classes.module.scss';\n\nconst renderBadge = (count, overflowCount, visible, customClass) => (count > 0 && visible ? (\n \n\n) : null);\n\nconst renderBadgeAroundAComponent = (count, overflowCount, children, visible, customClass) => (\n \n
\n);\n\nfunction Badge({\n count, overflowCount, children, visible, customClass\n}) {\n return children\n ? renderBadgeAroundAComponent(count, overflowCount, children, visible, customClass)\n : renderBadge(count, overflowCount, visible, customClass);\n}\n\nBadge.propTypes = {\n count: PropTypes.number.isRequired,\n overflowCount: PropTypes.number,\n children: PropTypes.node,\n visible: PropTypes.bool,\n customClass: PropTypes.string\n};\n\nBadge.defaultProps = {\n overflowCount: 99,\n visible: true,\n children: null,\n customClass: null\n};\n\nexport default Badge;\n","import Badge from './badge';\n\nexport default Badge;\n","// extracted by mini-css-extract-plugin\nexport default {\"badgeContainer\":\"badgeContainer--Wa2jc\"};","import { connect } from 'react-redux';\nimport Badge from '../../badge';\nimport classes from './classes.module.scss';\n\nconst mapStateToProps = ({ myOrders: { myOrders } }) => ({\n count: (myOrders && myOrders.needReview && myOrders.needReview.length) || 0,\n customClass: classes.badgeContainer\n});\n\nexport default connect(mapStateToProps)(Badge);\n","// extracted by mini-css-extract-plugin\nexport default {\"messageImage\":\"messageImage--HcXLS\",\"messageContainer\":\"messageContainer--emelr\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classes from './classes.module.scss';\nimport { SvgIcon } from '../../../../common/sprites';\n\nconst renderMessages = count => (\n {children}
\n {renderBadge(\n count,\n overflowCount,\n visible,\n classnames(classes.badgeContainerAsChild, customClass)\n )}\n \n
\n);\n\nfunction MessageCountBadge({ count }) {\n return {count > 0 ? renderMessages(count) : null}
;\n}\n\nMessageCountBadge.propTypes = {\n count: PropTypes.number\n};\n\nMessageCountBadge.defaultProps = {\n count: 0\n};\n\nexport default MessageCountBadge;\n","import { connect } from 'react-redux';\nimport MessageCountBadge from './message_count_badge';\n\nconst mapStateToProps = ({ user: { user } }) => ({\n count: user && user.badgeCounters?.unreadMessagesCountTotal\n});\n\nexport default connect(mapStateToProps)(MessageCountBadge);\n","// extracted by mini-css-extract-plugin\nexport default {\"specialitiesArrow\":\"specialitiesArrow--BQXS4\",\"specialitiesContainer\":\"specialitiesContainer--oD0fK\",\"specialitiesArrowBtn\":\"specialitiesArrowBtn--LObqA\",\"specialitiesArrowBtnLogedIn\":\"specialitiesArrowBtnLogedIn--I4QvO\",\"animation-bzdot9\":\"animation-bzdot9--Fki8v\"};","/* eslint-disable import/no-cycle */\nimport React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useLocation } from 'react-router';\nimport MenuItem from '../menu_item';\nimport { renderSideMenuIcon, requireContext } from '../side_menu';\nimport { specialitiesClickSource } from '../../../config/const';\nimport { dynamicRoutes, dynamicRoutesKeys, getSpecialitiesRoutes } from '../../../config/app_routes';\nimport classes from './classes.module.scss';\nimport { isKA, getIcon } from '../../../../common/config/utils';\nimport { getCurrentLocalization } from '../../../config/i18n';\nimport { isActiveRoute } from '../../routes/routes_helpers';\nimport { useCurrentPath } from '../../routes/hooks/useCurrentPath';\n\nconst sideMenuArrow = (iconToUse) => (\n \n {sideMenuArrow(iconToUse)}\n
\n );\n};\n\nconst getSpecialitiesStyle = () => {\n if (isKA()) return { width: '24px', height: '24px' };\n return {};\n};\n\nconst getNeedChekActive = () => {\n if (isKA()) return false;\n return true;\n};\n\nconst renderSpecialities = (specialities) => {\n if (!specialities) return null;\n return (\n specialities.map((s) => (\n \n {renderSpecialities(specialities)}\n
\n ) : null}\n \n );\n }\n return renderSpecialities(specialities);\n };\n\n return renderSpecialitiesMenuItem();\n}\n\nSpecialitiesMenuItem.propTypes = {\n t: PropTypes.func.isRequired,\n specialities: PropTypes.array\n};\n\nSpecialitiesMenuItem.defaultProps = {\n specialities: null\n};\n\nexport default SpecialitiesMenuItem;\n","/* eslint-disable import/no-cycle */\nimport { connect } from 'react-redux';\nimport withPGTranslation from '../../../config/withPGTranslation';\nimport SpecialitiesMenuItem from './specialities_menu_item';\n\nconst mapStateToProps = ({\n user\n}) => ({\n userId: user && user.user && user.user.id\n});\n\nexport default connect(mapStateToProps, {})(withPGTranslation(SpecialitiesMenuItem));\n","import { appLogo } from '../../logo/logo';\n\nconst { shared } = window;\n\nexport const componentStyles = {\n appLogo: 'appLogo',\n sideMenuIcon: 'sideMenuIcon',\n titleColor: 'titleColor',\n joinButton: 'joinButton',\n mainContainer: 'mainContainer',\n headerTitle: 'headerTitle',\n profileInfoContainer: 'profileInfoContainer',\n headerContainer: 'headerContainer',\n signIn: 'signIn'\n};\n\nconst transparentStyles = {\n [componentStyles.appLogo]: appLogo(),\n [componentStyles.sideMenuIcon]: 'header_menu_transparent',\n [componentStyles.titleColor]: { color: '#FFFFFF' },\n\n [componentStyles.joinButton]: {\n backgroundColor: shared.appColor,\n borderColor: '',\n borderStyle: 'none',\n borderRadius: 'var(--app-default-btn-md-border-radius)'\n },\n [componentStyles.mainContainer]: {\n backgroundColor: '#FFFFFF00',\n borderBottomStyle:'none',\n borderBottomWidth: '0',\n borderBottomColor: 'none'\n },\n [componentStyles.headerTitle]: {\n color: '#FFFFFF'\n },\n [componentStyles.profileInfoContainer]: {\n color: '#FFFFFF'\n },\n [componentStyles.signIn]: {\n color: '#FFFFFF'\n }\n};\n\nconst regularStyles = {\n [componentStyles.appLogo]: appLogo(),\n [componentStyles.sideMenuIcon]: 'header_menu',\n [componentStyles.titleColor]: { color: '#000000' },\n\n [componentStyles.joinButton]: {\n backgroundColor: shared.appColor,\n borderColor: '',\n borderStyle: 'none',\n borderRadius: 'var(--app-default-btn-md-border-radius)'\n },\n [componentStyles.mainContainer]: {\n backgroundColor: '#FFFFFF',\n borderBottomStyle: 'solid',\n borderBottomWidth: '1px',\n borderBottomColor: '#D6D6D6'\n },\n [componentStyles.headerTitle]: {\n color: '#000000'\n },\n [componentStyles.profileInfoContainer]: {\n color: '#000000'\n },\n [componentStyles.headerContainer]: {\n backgroundColor: '#FFFFFF',\n borderBottom: '1px solid #E4E4E4'\n },\n [componentStyles.signIn]: {\n color: '#000000'\n }\n};\n\nexport const getComponentStyle = (transparent, component) => (\n transparent ? transparentStyles[component] : regularStyles[component]);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslation } from 'react-i18next';\nimport classes from './classes.module.scss';\nimport Badge from '../badge';\nimport AppLink from '../routes/app_link';\nimport { getComponentStyle, componentStyles } from './component_styles';\nimport { appLogo } from '../../logo/logo';\nimport { SvgIcon } from '../../../common/sprites';\nimport { appRoutes } from '../../config/app_routes';\n\nconst logo = window.config.logo.url;\n\nconst getAltLogo = ({ t }) => {\n const altLogo = window.config.logo.alt_text;\n if (altLogo) return altLogo;\n return `${ t('app_name_title').toLowerCase() } live psychic readings`;\n};\n\nconst renderLogoImg = ({ itemPropImage, t }) => (\n \n \n \n
\n \n \n );\n}\n\nHeaderLogo.propTypes = {\n toggleDrawer: PropTypes.func.isRequired,\n sideMenuIcon: PropTypes.string.isRequired,\n badgeCount: PropTypes.number,\n transparent: PropTypes.bool,\n onSideMenu: PropTypes.bool,\n itemProp: PropTypes.object\n};\n\nHeaderLogo.defaultProps = {\n badgeCount: null,\n transparent: false,\n onSideMenu: null,\n itemProp: null\n};\n\nexport default HeaderLogo;\n","/* eslint-disable import/no-cycle */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { createPortal } from 'react-dom';\nimport MenuItem from './menu_item';\nimport MyOrdersBadge from '../header/my_orders_badge';\nimport MessageCountBadge from '../header/message_count_badge';\nimport SpecialitiesMenuItem from './specialities_menu_item';\nimport classes from './classes.module.scss';\nimport { appLinks } from '../../config/const';\nimport HeaderLogo from '../header/header_logo';\nimport { getCurrentLocalization } from '../../config/i18n';\nimport { appRoutes } from '../../config/app_routes';\nimport { getIcon, isKA, isPGW } from '../../../common/config/utils';\nimport ChangeLanguage from '../change_language';\nimport { isActiveRoute } from '../routes/routes_helpers';\nimport { getRouteSettings } from '../../config/util';\n\nconst sideMenuIconNames = {\n home: 'home',\n promo: 'promo',\n blog: 'blog',\n laguage: 'laguage',\n cashback: 'cashback',\n support: 'support',\n forAdvisors: 'for_advisors',\n settings: 'settings',\n myOrders: 'my_orders',\n favAdvisors: 'fav_advisors',\n credit: 'credit',\n paymentSources: 'payment_sources',\n sideMenuClosed: 'side_menu_closed',\n horoscope: 'horoscope'\n};\n\nconst language = getCurrentLocalization();\n\nexport const requireContext = require.context('./img', true, /\\.(svg|png)$/);\n\nconst getIconToUse = ({ iconName, path, needChekActive }) => {\n let iconToUse = iconName;\n if (needChekActive) {\n const pathActive = isActiveRoute(path);\n iconToUse = pathActive ? `${ iconName }_active` : iconName;\n }\n return iconToUse;\n};\n\nexport const renderSideMenuIcon = ({\n iconName, path, needChekActive = true, style = {}\n}) => {\n if (isKA()) return null;\n const iconToUse = getIconToUse({ iconName, path, needChekActive });\n return (\n \n { renderLogo({ onSideMenu, itemProp, t }) }\n
\n \n \n {t('logo_text')}\n
\n TM
\n { language }
}\n rightPos\n />\n {createPortal(\n : null}\n
\n
\n );\n }\n\n function renderLoggedInSideMenu() {\n const favoriteRouteSettings = getRouteSettings({ routeKey: appRoutes.favoriteAdvisors });\n return (\n \n
\n
\n {renderBlogMenuItem(t)}\n { renderChangeLanguageMenuItem({ t, showChangeLanguage, toggleChangeLanguagePopup }) }\n
\n
\n \n
\n ) }\n />\n \n
\n {renderMyHoroscopeMenuItem(t, userLoggedIn)}\n
\n
\n {renderBlogMenuItem(t)}\n { renderChangeLanguageMenuItem({ t, showChangeLanguage, toggleChangeLanguagePopup }) }\n
\n
\n );\n\n return renderContent();\n}\n\nSideMenu.propTypes = {\n t: PropTypes.func.isRequired,\n isSufficientForCashback: PropTypes.bool,\n cashbackAmount: PropTypes.string,\n shouldShowPayoutMethodMenuItem: PropTypes.bool.isRequired,\n toggleDrawer: PropTypes.func.isRequired,\n visible: PropTypes.bool.isRequired\n};\n\nSideMenu.defaultProps = {\n isSufficientForCashback: false,\n cashbackAmount: '0.0'\n};\n\nexport default SideMenu;\n","import { connect } from 'react-redux';\nimport withPGTranslation from '../../config/withPGTranslation';\nimport SideMenu from './side_menu';\n\nconst mapStateToProps = ({ user }) => ({\n isSufficientForCashback: user.user ? user.user.isSufficientForCashback : false,\n cashbackAmount: user.user ? user.user.cashbackAmount : '0.0',\n shouldShowPayoutMethodMenuItem:\n user.user && user.user.settings\n ? !!user.user.settings.showPaymentMethodMenuItem : true\n});\n\nexport default connect(\n mapStateToProps\n)(withPGTranslation(SideMenu));\n","// extracted by mini-css-extract-plugin\nexport default {\"popupOverlay\":\"popupOverlay--vbYOt\",\"mobileContainer\":\"mobileContainer--Xf0GX\",\"popupContainer\":\"popupContainer--tX0ar\",\"header\":\"header--WWQnb\",\"cropperFrame\":\"cropperFrame--M53ML\",\"mobileCroperFrame\":\"mobileCroperFrame--n_nhi\",\"footer\":\"footer--yW_Ic\",\"confirmButton\":\"confirmButton--w_aLL\",\"cancelButton\":\"cancelButton--h8erj\"};","const IMAGE_SIZE = 580;\n\nconst createImage = url => new Promise((resolve, reject) => {\n const image = new Image();\n image.addEventListener('load', () => resolve(image));\n image.addEventListener('error', error => reject(error));\n image.setAttribute('crossOrigin', 'anonymous'); // needed to avoid cross-origin issues on CodeSandbox\n image.src = url;\n});\n\nexport default async function getCroppedImg(imageSrc, pixelCrop) {\n const image = await createImage(imageSrc);\n const canvas = document.createElement('canvas');\n const ctx = canvas.getContext('2d');\n\n const maxSize = Math.max(image.width, image.height);\n const safeArea = 2 * ((maxSize / 2) * Math.sqrt(2));\n\n // set each dimensions to double largest dimension to allow for a safe area for the\n // image to rotate in without being clipped by canvas context\n canvas.width = safeArea;\n canvas.height = safeArea;\n\n // translate canvas context to a central location on image to allow rotating around the center.\n ctx.translate(safeArea / 2, safeArea / 2);\n ctx.translate(-safeArea / 2, -safeArea / 2);\n\n // draw rotated image and store data.\n ctx.drawImage(\n image,\n safeArea / 2 - image.width * 0.5,\n safeArea / 2 - image.height * 0.5\n );\n const data = ctx.getImageData(0, 0, safeArea, safeArea);\n\n // set canvas width to final desired crop size - this will clear existing context\n canvas.width = pixelCrop.width;\n canvas.height = pixelCrop.height;\n\n // paste generated rotate image with correct offsets for x,y crop values.\n ctx.putImageData(\n data,\n 0 - safeArea / 2 + image.width * 0.5 - pixelCrop.x,\n 0 - safeArea / 2 + image.height * 0.5 - pixelCrop.y\n );\n\n ctx.width = IMAGE_SIZE;\n ctx.height = IMAGE_SIZE;\n // As Base64 string\n // return canvas.toDataURL('image/jpeg');\n\n // As a blob\n return new Promise(resolve => {\n canvas.toBlob(file => {\n resolve(file);\n }, 'image/jpeg');\n });\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"antSliderHandle\":\"antSliderHandle--JOZx7\",\"sliderTrack\":\"sliderTrack--gVh_a\",\"sliderRoot\":\"sliderRoot--xKkOa\",\"rail\":\"rail--HmXQ1\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Slider, Handles, Tracks, Rail\n} from 'react-compound-slider';\nimport classes from './classes.module.scss';\n\nfunction CustomSlider({\n min, max, step, value, onUpdate\n}) {\n const onSliderUpdate = (v) => {\n onUpdate(v[0]);\n };\n\n const renderCustomSlider = () => (\n \n
\n \n \n
\n { userLoggedIn ? renderLoggedInSideMenu() : renderLoggedOutSideMenu() }\n \n {handles.map((handle, index) => (\n
\n )}\n \n {tracks.map(({ id, source, target }) => (\n
\n )}\n \n { t('settings.add_profile_image') }\n
\n );\n\n const renderSlider = () => (\n \n
\n );\n\n const renderFooter = () => (\n \n { renderSlider() }\n
\n );\n\n const renderCroper = () => (\n \n \n { t('settings.cancel') }\n \n \n { t('settings.save') }\n \n
\n \n { renderHeader() }\n { renderLoading() }\n
\n );\n\n const renderCropperContent = () => (\n \n { renderCroper() }\n
\n { renderFooter() }\n \n { renderLoading() }\n { renderHeader() }\n
\n );\n\n return (\n \n { renderCroper() }\n
\n { renderFooter() }\n \n \n
\n \n \n );\n}\n\nProfileInfoPopover.propTypes = {\n children: PropTypes.node.isRequired,\n content: PropTypes.node.isRequired,\n title: PropTypes.node.isRequired\n};\n\nexport default ProfileInfoPopover;\n","import React, { useEffect, useState, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport queryString from 'query-string';\nimport classes from './classes.module.scss';\nimport withPGTranslation from '../../config/withPGTranslation';\nimport { SvgIcon } from '../../../common/sprites';\nimport { onHeaderSearchClick } from '../../config/util';\nimport { useCurrentPath } from '../routes/hooks/useCurrentPath';\nimport { useLocalizedNavigate } from '../routes/hooks/useLocalizedNavigate';\nimport { appRoutes } from '../../config/app_routes';\n\nconst innerSearchKinds = {\n button: 'button',\n input:'input'\n};\nconst getInnerSearchItemDisplay = (showHeaderSearchLine, kind) => {\n if (kind === innerSearchKinds.button) {\n return { display: showHeaderSearchLine ? 'none' : 'flex' };\n }\n return { display: showHeaderSearchLine ? 'flex' : 'none' };\n};\n\nfunction HeaderSearch({ t }) {\n const history = useLocalizedNavigate();\n const currentPath = useCurrentPath();\n const searchInputRef = useRef();\n const [showHeaderSearchLine, setShowHeaderSearchLine] = useState(false);\n const [searchInputValue, setSearchInputValue] = useState(\n queryString.parse(currentPath.search).query\n );\n\n useEffect(() => {\n setSearchInputValue(queryString.parse(currentPath.search).query);\n }, [currentPath.search]);\n\n useEffect(() => {\n if ((searchInputRef || {}).current) searchInputRef.current.focus();\n }, [showHeaderSearchLine]);\n\n const onHeaderSearchLineButtonClick = () => {\n onHeaderSearchClick({\n searchInputRef, setSearchInputValue, history, currentPath\n });\n };\n\n const onHeaderSearchLineButtonKeyDown = (e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n onHeaderSearchLineButtonClick();\n }\n };\n\n const searchInputValueChange = (e) => {\n setSearchInputValue(e.target.value);\n };\n\n const headerSearchButtonClick = () => {\n setShowHeaderSearchLine(true);\n };\n\n const headerSearchLineCloseButtonClick = () => {\n onHeaderSearchClick({\n searchInputRef,\n setSearchInputValue,\n history,\n currentPath,\n isSearchLineCloseButtonClick: true\n });\n setShowHeaderSearchLine(false);\n };\n\n const closeButton = () => (\n { document.triggerNode = node; } } suppressHydrationWarning>{children}
\n \n \n \n { renderTitle() }\n { renderContent() }\n
\n \n \n { t('search_button_title') }\n \n \n
\n );\n\n const searchInput = () => (\n \n
\n {closeButton()}\n \n );\n\n const renderSearch = () => {\n if (currentPath.routeKey === appRoutes.home) return null;\n return (\n \n
\n \n \n \n
\n );\n };\n\n return renderSearch();\n}\n\nHeaderSearch.propTypes = {\n t:PropTypes.func.isRequired\n};\n\nexport default withPGTranslation(HeaderSearch);\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport SignOut from '../settings/sign_out';\nimport { MODAL } from '../settings/sign_out/sign_out';\nimport classes from './classes.module.scss';\nimport AppLink from '../routes/app_link';\nimport UserAvatarPicker from '../user_avatar_picker';\nimport ProfileInfoPopover from './profile_info_popover';\nimport HeaderSearch from './header_search';\nimport { getComponentStyle, componentStyles } from './component_styles';\nimport HeaderLogo from './header_logo';\nimport Const from '../../config/const';\n\nimport '@barges/scss/lib/title.css';\nimport '@barges/scss/lib/marketing-banner.css';\nimport TopBanner from './top_banner';\nimport { SvgIcon } from '../../../common/sprites';\nimport { appRoutes } from '../../config/app_routes';\n\nconst defaultAvatar = require('./img/home_placeholder.png');\nconst plusIcon = require('./img/popover_plus_icon.svg');\nconst filledPlusIcon = require('./img/popover_filled_plus_icon.svg');\nconst editIcon = require('./img/popover_edit_icon.svg');\n\nconst handleScroll = ({\n withTranparentTransition, transparent, setTransparent, xfmProgram\n}) => {\n if (!withTranparentTransition || xfmProgram) return;\n if (!transparent && window.scrollY === 0) setTransparent(true);\n if (transparent && window.scrollY > 0) setTransparent(false);\n};\n\nconst getAvatar = ({ avatarUrlResize, avatarUrl }) => avatarUrlResize || avatarUrl || defaultAvatar;\nconst getAvatarIcon = ({ avatarUrlResize, avatarUrl }) => (avatarUrlResize || avatarUrl ? editIcon : plusIcon);\nconst getCreditButtonText = ({ clientAvailableCredit, t }) => {\n const availableCredit = parseFloat(clientAvailableCredit);\n if (availableCredit === 0) return t('header.addCredit');\n const formattedNumber = new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD',\n maximumFractionDigits: 2,\n minimumFractionDigits: 0\n }).format(availableCredit);\n return `${ t('header.credits') } ${ formattedNumber }`;\n};\n\nfunction AppHeader({\n badgeCount, t, avatarUrl, avatarUrlResize, toggleDrawer, displayRegister,\n nickname, withTranparentTransition, itemProp, logOutSuccess, logOutClear, xfmProgram, clientAvailableCredit\n}) {\n const [transparent, setTransparent] = useState(\n window.scrollY === 0 && withTranparentTransition && !xfmProgram\n );\n const onScroll = () => {\n handleScroll({\n withTranparentTransition, transparent, setTransparent, xfmProgram\n });\n };\n\n useEffect(() => {\n window.addEventListener('scroll', onScroll);\n return () => {\n window.removeEventListener('scroll', onScroll);\n };\n }, [transparent]);\n\n useEffect(() => {\n if (logOutSuccess) logOutClear();\n }, [logOutSuccess]);\n\n const getNicknameContainerClasses = () => {\n if (nickname) return classes.nicknameContainer;\n return `${ classes.nicknameContainer } ${ classes.empty }`;\n };\n\n function renderProfilePopoverHeader() {\n return (\n \n
\n \n \n \n
\n \n \n \n
\n \n \n { getCreditButtonText({ clientAvailableCredit, t }) }\n \n \n
\n \n );\n }\n\n function renderProfilePopoverContent() {\n return (\n \n { nickname || t('header.emptyNickname')}\n
\n \n
\n );\n }\n\n const showSignUp = () => {\n displayRegister({ shouldDisplay: true, signUpFlow: 'menu', screen: Const.authScreens.signUp });\n };\n\n const showSignIn = () => {\n displayRegister({ shouldDisplay: true, signUpFlow: 'menu', screen: Const.authScreens.signIn });\n };\n\n const renderJoinButton = () => (\n \n \n \n
\n { t('sideMenu.settings') }
\n \n \n \n \n
\n \n \n );\n }\n return (\n \n { nickname || '' }\n
\n \n \n \n {renderJoinButton()}\n
\n );\n }\n\n return (\n \n \n
\n \n );\n}\n\nAppHeader.propTypes = {\n children: PropTypes.node,\n t: PropTypes.func.isRequired,\n badgeCount: PropTypes.number,\n avatarUrl: PropTypes.string,\n avatarUrlResize: PropTypes.string,\n nickname: PropTypes.string,\n toggleDrawer: PropTypes.func.isRequired,\n displayRegister: PropTypes.func.isRequired,\n withTranparentTransition: PropTypes.bool,\n itemProp: PropTypes.object,\n logOutSuccess: PropTypes.bool.isRequired,\n logOutClear: PropTypes.func.isRequired,\n xfmProgram: PropTypes.object,\n clientAvailableCredit: PropTypes.string\n};\n\nAppHeader.defaultProps = {\n children: null,\n badgeCount: 0,\n avatarUrl: null,\n avatarUrlResize: null,\n nickname: null,\n withTranparentTransition: false,\n itemProp: null,\n xfmProgram: null,\n clientAvailableCredit: '0'\n};\n\nexport default AppHeader;\n","import { connect } from 'react-redux';\nimport Header from './header';\nimport withPGTranslation from '../../config/withPGTranslation';\nimport { displayRegister, logOutClear } from '../../actions/auth';\n\nconst mapStateProps = ({\n user: { user }, myOrders: { myOrders }, application, logOut\n}) => ({\n ...user,\n badgeCount: (myOrders && myOrders.needReview && myOrders.needReview.length) || 0,\n ...application,\n logOutSuccess: logOut.success,\n xfmProgram: user && user.xfm_program\n});\n\nexport default connect(mapStateProps, {\n displayRegister,\n logOutClear\n})(withPGTranslation(Header));\n","// extracted by mini-css-extract-plugin\nexport default {\"footerHolder\":\"footerHolder--tiJEl\",\"footerContent\":\"footerContent--OQswX\",\"animation-bzdot9\":\"animation-bzdot9--RK8EC\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Footer as FooterOrganism } from '@barges/react';\nimport classes from './classes.module.scss';\nimport {\n appLinks, socialLinks\n} from '../../../config/const';\nimport { fromMobileApp, isKA } from '../../../../common/config/utils';\n\nimport '@barges/scss/lib/title.css';\nimport '@barges/scss/lib/footer.css';\nimport { appRoutes, dynamicRoutes, getSpecialitiesRoutes } from '../../../config/app_routes';\nimport { getCurrentLocalization } from '../../../config/i18n';\nimport { SvgIcon } from '../../../../common/sprites';\nimport { useLocalizedPath } from '../../routes/hooks/useLocalizedPath';\nimport { footerLogo } from '../../../logo/logo';\n\nconst socialLinksArray = [{\n href: socialLinks.x,\n key: 1,\n icon: \n
\n \n
\n \n
\n \n
\n );\n};\n\nFooter.propTypes = {\n t: PropTypes.func.isRequired\n};\n\nexport default Footer;\n","import withPGTranslation from '../../../config/withPGTranslation';\nimport Footer from './footer';\n\nexport default withPGTranslation(Footer);\n","// extracted by mini-css-extract-plugin\nexport default {\"mainContainer\":\"mainContainer--ymhQ4\",\"specialtyContentAreaContainer\":\"specialtyContentAreaContainer--i3Y3o\",\"specialtyContentArea\":\"specialtyContentArea--WPa1w\",\"articleTitle\":\"articleTitle--r7YY2\",\"articleSubtitle\":\"articleSubtitle--sBoI1\",\"articleTextBox\":\"articleTextBox--CDu0t\",\"showMoreOrLessBtn\":\"showMoreOrLessBtn--g2fdr\",\"articleText\":\"articleText--iO7KU\",\"animation-bzdot9\":\"animation-bzdot9--Ng9Bg\"};","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { Helmet } from 'react-helmet';\nimport queryString from 'query-string';\nimport parse, { attributesToProps } from 'html-react-parser';\nimport { toCamelCase } from '../../../../common/config/utils';\nimport classes from './classes.module.scss';\nimport ExpandedText from '../../../../common/helpers/expanded_text';\n\nconst anyArticleDataExcist = (title, content) => title && content;\n\nconst metaElements = (value) => ({\n htmlDescription: ,\n htmlTitle: \n ({ name, path: generatePath(currentLang, key) })) || []\n },\n {\n title: t('footerLinks.more'),\n children: [\n { name: t('footerLinks.apply_promo_code'), path: t(appRoutes.promoCode) },\n { name: t('footerLinks.customer_support'), path: appLinks.customerSupport },\n { name: t('footerLinks.about_us'), path: appLinks.aboutUs },\n { name: t('footerLinks.psychic_apply_here'), path: appLinks.forAdvisors }\n ]\n }\n ] }\n />\n
\n \n { parse(articleTitle) }\n
\n );\n};\n\nconst renderArticleSubtitle = (articleSubtitle) => {\n if (!articleSubtitle) return null;\n return (\n\n { parse(articleSubtitle) }\n
\n );\n};\n\nconst renderArticleText = (text, alwaysExpanded) => (alwaysExpanded ? (\n\n \n {parse(text, {\n transform(reactNode, domNode, index) {\n if (!reactNode.props) return reactNode;\n const props = attributesToProps({\n ...reactNode.props, custom: 'qux', suppressHydrationWarning: true, key: `parse element index: ${ index }`\n });\n return React.createElement(`${ reactNode.type }`, { ...props });\n }\n })}\n \n
\n) : (\n \n
\n );\n };\n\n return (\n <>\n {metaData()}\n {contentArea()}\n {replaceScript()}\n \n );\n}\n\nSeoData.propTypes = {\n setNewToPGAction: PropTypes.func.isRequired,\n newToPG: PropTypes.bool.isRequired,\n userId: PropTypes.number,\n seoData: PropTypes.object\n};\n\nSeoData.defaultProps = {\n userId: null,\n seoData: null\n};\n\nexport default (SeoData);\n","import { connect } from 'react-redux';\nimport SeoData from './seo_data';\n\nimport { setNewToPGAction } from '../../../actions/application';\n\nconst mapStateProps = ({ user: { user }, application }) => ({\n newToPG: application.newToPG,\n userId: user && user.id,\n seoData: application.seoData\n});\n\nexport default connect(\n mapStateProps,\n {\n setNewToPGAction\n }\n)(SeoData);\n","// extracted by mini-css-extract-plugin\nexport default {\"navigationStackBarContainer\":\"navigationStackBarContainer--hN7m4\",\"navigationStackBarContentHolder\":\"navigationStackBarContentHolder--f8Luc\",\"navigationItemContainer\":\"navigationItemContainer--CN4mt\",\"navigationItemTitle\":\"navigationItemTitle--NYz8i\",\"navigationItemArrow\":\"navigationItemArrow--sSOR_\",\"animation-bzdot9\":\"animation-bzdot9--Jz5ZD\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classes from './classes.module.scss';\nimport AppLink from '../routes/app_link';\nimport { navigationStackItemProp } from '../../actions/application';\n\nconst rightArrow = (color) => (\n \n);\n\nconst getLinkStyle = (isLast, textColor) => {\n if (isLast) return { '--textColor': textColor || '#9D9D9D', cursor: 'auto' };\n return { '--textColor': textColor || '#000000' };\n};\n\nconst presentPightArrow = (isLast) => {\n if (isLast) return { display:'none' };\n return {};\n};\n\nfunction NavigationStackBar({\n showNavigationStackBar, screenStack, navigationStackLoading, routeSettings\n}) {\n const { textColor } = routeSettings;\n const renderItem = ({ item, isLast, itemPropPosition }) => (\n \n { renderArticleTitle(articleTitle) }\n { renderArticleSubtitle(articleSubtitle) }\n { renderArticleText(articleContent, alwaysExpanded) }\n
\n \n \n { renderNavigationItems() }\n
\n \n );\n };\n\n return renderNavigationStackBar();\n}\n\nNavigationStackBar.propTypes = {\n showNavigationStackBar: PropTypes.bool,\n screenStack: PropTypes.object.isRequired,\n navigationStackLoading: PropTypes.bool,\n routeSettings: PropTypes.object.isRequired\n};\n\nNavigationStackBar.defaultProps = {\n showNavigationStackBar: null,\n navigationStackLoading: null\n};\n\nexport default NavigationStackBar;\n","import { connect } from 'react-redux';\nimport { withLastLocation } from 'react-router-dom-last-location';\nimport NavigationStackBar from './navigation_stack_bar';\nimport withPGTranslation from '../../config/withPGTranslation';\n\nimport { loadMyOrders } from '../../actions/my_orders';\nimport { resetAdvisorOrders } from '../../actions/advisor_orders';\nimport { getRouteSettings } from '../../config/util';\n\nconst mapStateToProps = ({\n application\n}, ownProps) => {\n const { currentPath: { routeKey } } = ownProps;\n return ({\n ...application,\n routeSettings: getRouteSettings({ routeKey })\n });\n};\n\nexport default withLastLocation(withPGTranslation(connect(\n mapStateToProps,\n { loadMyOrders, resetAdvisorOrders }\n)(NavigationStackBar)));\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport 'node_modules/react-smartbanner/dist/main.css';\nimport { Helmet } from 'react-helmet';\nimport { useTranslation } from 'react-i18next';\nimport classes from './classes.module.scss';\nimport SideMenu from '../side_menu';\nimport AppHeader from '../header';\nimport { renderItemPropMeta, getHeaderHeight } from '../../config/util';\nimport Footer from './footer';\nimport SeoData from './seo_data';\nimport NavigationStackBar from '../navigation_stack_bar';\nimport { hideBodyScroll, unlockBodyScroll } from '../../../common/config/utils';\nimport GDPRConsernPopup from '../registration/gdpr_consern_popup';\nimport { GDPRConsernPopupThemes } from '../../config/themes';\nimport { useCurrentPath } from '../routes/hooks/useCurrentPath';\n\nfunction AppLayout({\n children, removeHeader, topGradientColor,\n needsHeaderTransparentTransition, fullHeight, itemProp, noNeedFooter\n}) {\n const { t } = useTranslation();\n const [visible, setVisible] = useState(false);\n const appLayoutItemProp = (itemProp || {});\n\n const calculateScrollbarWidth = () => {\n const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n document.documentElement.style.setProperty('--scrollbar-width', `${ scrollbarWidth }px`);\n document.documentElement.style.setProperty('--window-width', `${ window.innerWidth }`);\n document.documentElement.style.setProperty('--window-height', `${ window.innerHeight }px`);\n document.documentElement.style.setProperty('--header-height', `${ getHeaderHeight() || '0px' }`);\n };\n\n const toggleDrawer = () => {\n setVisible(!visible);\n if (!visible) {\n hideBodyScroll();\n } else {\n unlockBodyScroll();\n }\n };\n\n useEffect(() => {\n if (visible) {\n setVisible(false);\n unlockBodyScroll();\n }\n }, [window.location.pathname]);\n\n useEffect(() => {\n // recalculate on resize\n window.addEventListener('resize', calculateScrollbarWidth, false);\n // recalculate on dom load\n document.addEventListener('DOMContentLoaded', calculateScrollbarWidth, false);\n // recalculate on load (assets loaded as well)\n window.addEventListener('load', calculateScrollbarWidth, false);\n return () => {\n window.removeEventListener('resize', calculateScrollbarWidth, false);\n document.removeEventListener('DOMContentLoaded', calculateScrollbarWidth, false);\n window.removeEventListener('load', calculateScrollbarWidth);\n unlockBodyScroll();\n };\n }, []);\n\n useEffect(() => {\n calculateScrollbarWidth();\n }, [document.documentElement.clientWidth]);\n\n const renderHeader = () => {\n if (removeHeader) return null;\n return (\n \n
\n );\n };\n\n const renderFooter = () => {\n if (noNeedFooter) return null;\n return (\n \n \n
\n );\n };\n\n return (\n \n \n \n { t('app_name_title') } \n \n \n \n \n \n { renderItemPropMeta(appLayoutItemProp) }\n { renderHeader() }\n \n \n
\n \n \n \n \n );\n}\n\nAppLayout.propTypes = {\n children: PropTypes.node,\n noNeedMarginTop: PropTypes.bool,\n removeHeader: PropTypes.bool,\n needsHeaderTransparentTransition: PropTypes.bool,\n topGradientColor: PropTypes.string,\n fullHeight: PropTypes.bool,\n showNavigationStackBar: PropTypes.bool,\n itemProp: PropTypes.object,\n noNeedFooter: PropTypes.bool\n};\n\nAppLayout.defaultProps = {\n children: null,\n noNeedMarginTop: null,\n removeHeader: null,\n needsHeaderTransparentTransition: false,\n topGradientColor:null,\n fullHeight: false,\n showNavigationStackBar: null,\n itemProp: null,\n noNeedFooter: null\n};\n\nexport default AppLayout;\n","// extracted by mini-css-extract-plugin\nexport default {\"player\":\"player--kAMsD\"};","/* eslint-disable jsx-a11y/media-has-caption */\n\nimport React, { useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Hls from 'hls.js';\nimport classes from './classes.module.scss';\n\nfunction VideoPlayer({\n videoUrl, videoRef, onPlayerClick, onPlaying, muted, controls, className, loop, poster\n}) {\n useEffect(() => {\n const video = videoRef.current;\n if (video && videoUrl) {\n if (videoUrl.includes('.m3u8')) {\n if (Hls.isSupported()) {\n const hls = new Hls();\n hls.loadSource(videoUrl);\n hls.attachMedia(video);\n hls.on(Hls.Events.MANIFEST_PARSED, () => {\n if (video.muted) video.play();\n });\n } else if (video.canPlayType('application/vnd.apple.mpegurl')) {\n video.src = videoUrl;\n }\n } else {\n video.src = videoUrl;\n }\n video.muted = muted;\n }\n return () => {\n if (video && Hls.isSupported()) {\n const hls = new Hls();\n hls.destroy();\n }\n };\n }, [videoUrl]);\n\n useEffect(() => {\n const video = videoRef.current;\n if (video && poster) {\n video.poster = poster;\n }\n }, [poster]);\n\n const onPlayerClickHandler = () => {\n if (onPlayerClick) {\n onPlayerClick();\n }\n };\n\n const videoPlayer = useMemo(() => (\n \n { children }\n
\n \n { children }\n { loading ? loader : null }\n
\n );\n};\n\nInfiniteScroll.propTypes = {\n children: PropTypes.node,\n loadMore: PropTypes.func,\n loading: PropTypes.bool.isRequired,\n initialLoad: PropTypes.bool,\n page: PropTypes.number,\n initialPage: PropTypes.number,\n loader: PropTypes.node,\n hasMore: PropTypes.bool.isRequired,\n className: PropTypes.string,\n threshold: PropTypes.number,\n scrollElementRef: PropTypes.any,\n paginationParams: PropTypes.object,\n dateLabelScrollHandler: PropTypes.func\n};\n\nInfiniteScroll.defaultProps = {\n children: null,\n initialLoad: false,\n initialPage: 0,\n loader: null,\n className: '',\n threshold: 250,\n loadMore: null,\n page: null,\n scrollElementRef: null,\n paginationParams: {},\n dateLabelScrollHandler: null\n};\n\nconst mapStateToProps = ({ advisorOrders }) => ({\n paginationParams: (advisorOrders || {}).paginationParams\n});\n\nexport default connect(mapStateToProps, {})(InfiniteScroll);\n","import { configureStore } from '@reduxjs/toolkit';\nimport thunk from 'redux-thunk';\nimport { createLogger } from 'redux-logger';\nimport reducer from '../reducers';\n\nexport const buildStore = () => {\n const logger = createLogger({ diff: false });\n let middleWares = [thunk];\n if (process.env.NODE_ENV === 'development') {\n middleWares = [...middleWares, logger];\n }\n const store = configureStore({\n reducer,\n middleware: (getDefaultMiddleware) => getDefaultMiddleware({\n immutableCheck: false,\n serializableCheck: false\n }).concat(middleWares)\n });\n if (module.hot) {\n module.hot.accept(() => {\n /* eslint-disable global-require */\n const nextRootReducer = require('../reducers/index').default;\n /* eslint-enable global-require */\n store.replaceReducer(nextRootReducer);\n });\n }\n window.store = store;\n return store;\n};\n","export const advisorHeaderTheme = {\n default: 'default',\n terminatedAdvisor: 'terminatedAdvisor'\n};\n\nexport const advisorSpecialitiesTheme = {\n default: 'default',\n terminatedAdvisor: 'terminatedAdvisor'\n};\n\nexport const advisorProfileAvatarTheme = {\n default: 'default',\n terminatedAdvisor: 'terminatedAdvisor'\n};\n\nexport const GDPRConsernPopupThemes = {\n regular: 'regular',\n social: 'social',\n server: 'server'\n};\n","import React from 'react';\nimport { Helmet } from 'react-helmet';\nimport queryString from 'query-string';\nimport {\n applicationRoutes,\n appRoutes, dynamicRoutes, dynamicRoutesKeys\n} from './app_routes';\nimport {\n isKA,\n matchPaths,\n paramOrNul,\n toCamelCase,\n convertStringToCamelCase,\n isPS\n} from '../../common/config/utils';\nimport Const, { purchaseFlowTypes } from './const';\nimport i18n from './i18n';\nimport env from './variables';\n\nconst {\n XFM_ADDITIONAL_FREE_SETUP_TIME, XFM_PROGRAM_ACTIVE, DEFAULT_XFM_CREDITS\n} = env;\n\nexport const parseAdvisorsFromAdvisorsState = (advisors) => {\n const advisorsState = window.store.getState().advisors;\n if (!advisors || advisors === undefined) return [];\n if (!advisorsState) return advisors;\n return advisors.map((a) => ({ ...a, ...advisorsState[a.id] }));\n};\n\nexport const convertErrorArrayToString = (fullMessages) => {\n let message = '';\n fullMessages.forEach((m, index) => {\n message = `${ message }${ index === 0 ? '' : ', ' }${ m }`;\n });\n return message;\n};\n\nexport const advisorModeIsActive = (modeUntil) => !!(new Date(modeUntil) > new Date());\n\nexport const filterIsApplied = ({ withSearch = false }) => {\n const {\n includeOffline, minNumberOfReviewsGe, ppmGe, ppmLe, readingVia, query\n } = toCamelCase(queryString.parse(window.location.search));\n let filters = {\n includeOffline, minNumberOfReviewsGe, ppmGe, ppmLe, readingVia\n };\n if (withSearch) filters = { ...filters, query };\n const cleanFilters = Object.keys(filters)\n .filter((key) => filters[key] !== undefined);\n return Object.keys(cleanFilters).length > 0;\n};\n\nexport const passwordIsValid = (password, isSignUp) => {\n if (typeof password !== 'string') return false;\n return isSignUp ? password.trim().length >= 1 : password.trim().length >= 6;\n};\n\nexport const saveDataToStorage = (key, data) => {\n if (!window.localStorage) return;\n try {\n localStorage.setItem(key, data);\n } catch (e) {\n if (e.code === DOMException.QUOTA_EXCEEDED_ERR) {\n localStorage.removeItem('logs_batch');\n }\n }\n};\n\nexport const getDataFromStorage = (key) => {\n if (!window.localStorage) return null;\n return localStorage.getItem(key);\n};\n\nexport const canShowAdvisorRate = (likesCount, dislikesCount, minReviewsNumberForDisplayingRating) => (\n likesCount + dislikesCount >= minReviewsNumberForDisplayingRating\n);\n\nexport const cardsIndexes = () => {\n const indexArray = [];\n for (let index = 0; index < 15; index += 1) {\n indexArray.push(index);\n }\n return indexArray;\n};\n\nexport const roundCredits = credit => {\n const formattedCredit = Number(credit);\n return Number.isNaN(formattedCredit) ? null : formattedCredit.toFixed(2);\n};\n\nexport const subscribedToAdvisor = (availabilityNotification) => availabilityNotification && availabilityNotification.switchedOn;\n\nexport const textTruncate = (str, strLength, strEnding) => {\n if (!str) return str;\n let length = strLength;\n let ending = strEnding;\n if (length == null) length = 100;\n if (ending == null) ending = '...';\n if (str.length > length) return str.substring(0, length - ending.length) + ending;\n return str;\n};\n\nexport const payPalProcessingFailReason = (errorType) => {\n if (errorType) return errorType.split('_').join(' ');\n return 'error';\n};\n\nexport const makeMoreReadable = (text) => {\n if ((text || '').length < 400) return text;\n let moreReadableText = '';\n let moreReadableTextPart = '';\n let leftText = text;\n let i = 0;\n do {\n moreReadableTextPart = '';\n if (i === 0) {\n moreReadableTextPart = leftText.substring(0, leftText.indexOf('.') + 1);\n } else {\n const firstPart = leftText.substring(0, 200);\n const secondPart = leftText.substring(200);\n const secondPartforDotOrNewLine = secondPart.substring(0, secondPart.indexOf('.') + 1) || secondPart.substring(0, secondPart.indexOf('\\n'));\n if (secondPartforDotOrNewLine) {\n moreReadableTextPart = firstPart + secondPartforDotOrNewLine;\n } else {\n moreReadableTextPart = firstPart + secondPart;\n }\n }\n moreReadableText += `${ moreReadableTextPart.replace(/^\\s+/, '') }\\n`;\n leftText = leftText.substring(moreReadableTextPart.length);\n i += 1;\n }\n while (leftText.length >= 300);\n moreReadableText += leftText.replace(/^\\s+/, '');\n return moreReadableText;\n};\n\nexport const decodeHtmlBracketCharCodes = str => str.replace(/</g, '<').replace(/>/g, '>');\n\nexport const advisorsEmptyList = (count, loading = false) => {\n const emptyList = [];\n for (let index = 0; index < count; index += 1) {\n const advisor = loading ? { loading: true } : {};\n emptyList.push({ ...advisor });\n }\n return emptyList;\n};\n\nexport const pathsNameWithLocalization = (object) => {\n const pathsArray = [];\n Object.keys(object).map((key) => pathsArray.push(object[key]));\n return pathsArray;\n};\n\nconst getOnHeaderSearchClickActionState = (currentState) => {\n const state = { needRefresh: true, ...paramOrNul('params', (currentState || {}).params) };\n return state;\n};\n\nconst onHeaderSearchClickAction = (history, currentPath, isSearchLineCloseButtonClick, searchQuery, replace) => {\n if (isSearchLineCloseButtonClick && !replace) return null;\n const { routeKey, search: qs, state: currentState } = currentPath;\n const { query, ...rest } = queryString.parse(qs);\n const search = queryString.stringify({ ...rest, ...searchQuery });\n const state = getOnHeaderSearchClickActionState(currentState);\n if (replace) {\n history(routeKey, { params: { search }, options: { state, replace: true } });\n } else {\n history(appRoutes.psychics, { params: { search }, options: { state } });\n }\n return null;\n};\n\nconst headerSearchLineButtonDisabled = ({ searchInputRef, isSearchLineCloseButtonClick }) => {\n const { query } = queryString.parse(window.location.search);\n const searchInputRefValue = ((searchInputRef || {}).current || {}).value;\n return !((searchInputRefValue.length !== 0\n && searchInputRefValue !== query) || isSearchLineCloseButtonClick);\n};\n\nexport const getValueOrDefault = (obj, ...keys) => {\n while (keys.length) {\n const key = keys.shift();\n if (!obj || !(key in obj)) {\n return {};\n }\n obj = obj[key];\n }\n\n return obj;\n};\n\nexport const onHeaderSearchClick = ({\n searchInputRef, setSearchInputValue, history, currentPath, isSearchLineCloseButtonClick\n}) => {\n if (headerSearchLineButtonDisabled({ searchInputRef, isSearchLineCloseButtonClick })) return null;\n if (isSearchLineCloseButtonClick) {\n searchInputRef.current.value = ''; //eslint-disable-line\n setSearchInputValue('');\n }\n const searchValue = searchInputRef.current.value.trim();\n if (searchValue.length <= 0) {\n searchInputRef.current.value = ''; //eslint-disable-line\n if (setSearchInputValue) setSearchInputValue('');\n return null;\n }\n const searchQuery = paramOrNul('query', searchValue);\n const { needReplaceHeaderSearch } = getValueOrDefault(applicationRoutes, currentPath.routeKey);\n onHeaderSearchClickAction(\n history,\n currentPath,\n isSearchLineCloseButtonClick,\n searchQuery,\n needReplaceHeaderSearch\n );\n return null;\n};\n\nexport const separateThousands = (value) => (value || 0).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n\nexport const specialityNameOnTwoLine = (name, specialityNameClass) => {\n const words = name.split(' ');\n const firstLine = name.substring(0, name.indexOf(words[words.length - 1]));\n const secondLine = words[words.length - 1];\n return (\n \n \n { firstLine }\n \n \n { secondLine }\n \n
\n );\n};\n\nexport const isAdvisorBusy = ({ liveModes }) => {\n let busy;\n liveModes.forEach((mode) => { if (mode.modeState === 'busy') busy = true; });\n return busy;\n};\n\nexport const renderCanonicalLink = (url) => {\n const href = url || `${ window.location.origin }${ window.location.pathname }`;\n return (\n \n \n
\n );\n };\n\n return renderCoockiesPopover();\n}\n\nCookiesPopover.propTypes = {\n wpccMessageText: PropTypes.string.isRequired,\n wpccPrivacyText: PropTypes.string.isRequired,\n wpccPrivacyHref: PropTypes.string.isRequired,\n wpccBtnText: PropTypes.string.isRequired\n};\n\nCookiesPopover.defaultProps = {};\n\nexport default CookiesPopover;\n","// extracted by mini-css-extract-plugin\nexport default {\"alertContentContainer\":\"alertContentContainer--CIi9m\",\"errorXImgContainer\":\"errorXImgContainer--SUxps\",\"errorXImg\":\"errorXImg--pp18E\",\"textContainer\":\"textContainer--z2UW5\",\"messageContainer\":\"messageContainer--WRxN6\",\"errorStringContainer\":\"errorStringContainer--g0npW\",\"closeBtnContainer\":\"closeBtnContainer--yxi5T\",\"closeBtnImg\":\"closeBtnImg--l99ZU\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classes from './classes.module.scss';\nimport { appGeneralPopupTheme } from '../../config/const';\nimport AppGeneralPopup from '../../app_general_popup';\n\nconst errorX = require('./img/error_x.svg');\nconst closeIcon = require('./img/close_icon.svg');\n\nfunction Alert({\n errorString, message, onClose, banner\n}) {\n const renderCloseBtn = () => {\n if (onClose) {\n return (\n \n \n
\n );\n }\n return null;\n };\n\n const renderAlertContent = () => (\n \n { renderCloseBtn() }\n
\n );\n\n const renderAlert = () => {\n if (banner) return renderAlertContent();\n return (\n \n \n
\n \n
\n \n { message }\n
\n \n { errorString }\n
\n \n \n \n {getText({\n extraInfo, text, limit, ellipsis, children, readMoreKind\n })}\n \n
\n { renderReadMoreBtn({\n readMoreBtnClick, customClasses, extraInfo, t, ellipsis, isTextClamped,\n limit, readMoreKind, text\n }) }\n \n\n );\n };\n\n return renderExpandedText();\n}\n\nExpandedText.propTypes = {\n text: PropTypes.string,\n customClasses: PropTypes.object,\n skeleton: PropTypes.node,\n loading: PropTypes.bool,\n limit: PropTypes.number,\n t: PropTypes.func,\n itemProp: PropTypes.string,\n ellipsis: PropTypes.bool,\n children: PropTypes.node,\n className: PropTypes.string,\n textStyle: PropTypes.object,\n readMoreKind: PropTypes.oneOf(['limitTextByRows', 'limitTextByChars']),\n readMoreClick: PropTypes.func,\n ellipsisTextStyle: PropTypes.object\n};\n\nExpandedText.defaultProps = {\n text: null,\n customClasses: { text: classes.text, readMoreBtn: classes.readMoreBtn },\n skeleton: \n
\n );\n\n const renderAdvisorContent = () => (\n \n
\n \n \n \n {skeletonOrItem({ item: nickname, skeletonWidth: 270, maxChars: null })}\n \n \n \n \n {skeletonOrItem({ item: serviceTitle, skeletonWidth: 270, maxChars: null })}\n \n \n
\n \n
\n \n { renderAdvisorFreeMinutes }\n {renderAdvisorModes(loading, advisor, t('home_page.from'))}\n
\n \n
\n { renderAdvisorService() }\n \n );\n\n return renderAdvisorContent();\n};\n\nAdvisorRecommendPreview.propTypes = {\n advisor: PropTypes.object,\n loading: PropTypes.bool,\n analytics: PropTypes.object,\n userXfmProgram: PropTypes.object,\n onAnalyticsClick: PropTypes.func\n};\n\nAdvisorRecommendPreview.defaultProps = {\n advisor: null,\n loading: null,\n analytics: null,\n userXfmProgram: {},\n onAnalyticsClick: null\n};\n\nexport default AdvisorRecommendPreview;\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslation } from 'react-i18next';\nimport classes from './classes.module.scss';\nimport AdvisorPreview from '../../../home_page/nested_views/advisor_preview';\nimport { liveModeState } from '../../../../config/const';\nimport { xfmProgramProps, userXfmProgramProps } from './advisor_recommend_preview';\nimport AdvisorSection from '../../../home_page/nested_views/advisors_section';\nimport { advisorsSectionThemes, sectionIds } from '../../../home_page/prop_types';\nimport { advisorThemes } from '../../../advisor_avatar';\nimport AdvisorSectionTitle from '../../../home_page/nested_views/advisors_section/advisor_section_title';\n\nexport interface liveMode {\n modeState: string,\n}\n\nexport interface advisorProp {\n slug: string,\n id: number,\n liveModes: Array\n
\n );\n\n return renderRecommendedAdvisors();\n};\n\nAdvisorRecommendCarousel.propTypes = {\n advisors: PropTypes.array,\n getSimilarOnlineAdvisors: PropTypes.func.isRequired,\n userXfmProgram: PropTypes.object,\n trackBusyCarouselEvent: PropTypes.func.isRequired\n};\n\nAdvisorRecommendCarousel.defaultProps = {\n advisors: [],\n userXfmProgram: {}\n};\n\nexport default AdvisorRecommendCarousel;\n","import React from 'react';\nimport Skeleton from 'react-loading-skeleton';\nimport classes from './advisor_preview/classes.module.scss';\nimport { getXfmFreeSetupMin } from '../../../config/util';\nimport { SvgIcon } from '../../../../common/sprites';\n\ninterface skeletonOrItemProps {\n item?: string | null;\n skeletonWidth?: number | null;\n maxChars?: number | null;\n }\n\nexport const skeletonOrItem: React.FC\n { renderAdvisorListSection({\n theme: advisorsSectionThemes.recommend_advisors,\n advisors,\n loading,\n advisorAnalytics: analytics || { clickSource: 'busy carousel' },\n title: t('advisorProfile.try_these_advisors'),\n description: t('advisorProfile.explore_other_advisors'),\n onAnalyticsClick: trackBusyCarouselClickAction\n })}\n
\n \n
\n \n { advisors.map((adv: advisorProp) => (renderAdvisorListSectionMobile(adv))) }\n
\n \n
\n);\n","import React from 'react';\nimport { Avatar } from '@barges/react';\nimport classes from './classes.module.scss';\nimport { getTimeOnBubble } from '../../config/util';\n\ninterface ChatBubbleProps {\n id: string;\n message: string;\n isUser: boolean;\n isTyping: boolean;\n avatarSrc?: string | null;\n time: string\n}\n\nconst ChatBubble: React.FC\n
\n \n {!isUser && (\n
\n );\n};\nexport default ChatBubble;\n","/* eslint-disable @typescript-eslint/no-var-requires */\n/* eslint-disable import/no-dynamic-require */\nimport React from 'react';\nimport { isKA, isPS } from '../../../common/config/utils';\n\ninterface ContextRendererProps {\n componentName: string,\n params: object\n}\n\nconst ContextRenderer: React.FC\n
\n )}\n \n {isTyping ? (\n
\n \n \n \n \n
\n ) : (\n \n
\n )}\n \n {message?.split('\\n')?.map((item, index) => (\n
\n {item}
\n ))}\n \n
\n {timeOnBubble}
\n \n { text }\n
\n );\n };\n\n const timerEndAction = () => {\n setCouponState(couponStateType.expired);\n };\n\n useEffect(() => {\n if (expiresAt && couponIsActive()) {\n oneHourTimer({ expiresAt, timerEndAction });\n }\n return () => {};\n }, [expiresAt]);\n\n const renderCouponLabelContent = () => (\n <>\n {getBadge()}\n \n { renderCouponLabelContent() }\n
\n );\n };\n\n const renderCouponBubble = () => (\n \n
\n );\n\n return renderCouponBubble();\n};\nexport default CouponBubble;\n","/* eslint-disable react/require-default-props */\nimport React, { useEffect, useState } from 'react';\nimport { Coupon } from '@barges/react';\nimport { Trans, useTranslation } from 'react-i18next';\nimport classes from './classes.module.scss';\nimport { minSalesPriceType } from '../../../config/const';\nimport { getDiscountPercent, oneHourTimer } from '../coupon_utils';\nimport { getAdvisorSlug } from '../../helper_functions';\n\nimport '@barges/scss/lib/coupon.css';\nimport '@barges/scss/lib/title.css';\nimport '@barges/scss/lib/icon.css';\n\ninterface DiscountOfferProps {\n discountCouponId: number,\n expiresAt: string\n}\n\ninterface CouponLabelProps {\n discountOffer: DiscountOfferProps,\n userAdvisorModeMinSalesPrice?: string,\n type: 'small' | 'medium' |'large',\n advisorId: number,\n loadAdvisor: (slug: string) => void\n}\n\nconst needRenderCouponLabel = ({ discountOffer, userAdvisorModeMinSalesPrice, leftSeconds }: { discountOffer: DiscountOfferProps, userAdvisorModeMinSalesPrice: string, leftSeconds?: number }) => {\n if (!discountOffer || Object.keys(discountOffer).length === 0 || userAdvisorModeMinSalesPrice !== minSalesPriceType.couponLiveModeMinSalesPrice) return false;\n if (!leftSeconds || leftSeconds <= 0) return null;\n return true;\n};\n\nconst CouponLabel: React.FC\n
\n \n
\n \n { renderCouponLabel() }\n
\n \n {message?.split('\\n')?.map((item, index) => (\n
\n \n {item.trim() ||
}\n
\n ))}\n }\n
\n { messageNote }\n
\n \n
\n {timeOnBubble}
\n \n
\n );\n if (leftHours <= 1) {\n content = (\n \n { t('coupon.offer_ends_in_1_hour') }\n
\n );\n }\n return content;\n };\n\n const renderCouponLabel = () => {\n if (!needRenderCouponLabel({ discountOffer, userAdvisorModeMinSalesPrice, leftSeconds })) return null;\n return (\n \n
\n );\n };\n\n return renderCouponLabel();\n};\nexport default CouponLabel;\n","import React, { useEffect } from 'react';\nimport { propertiesNames } from '../../../config/const';\n\nconst colors = [\n { name: propertiesNames.appColor, value: '#6C84FF' },\n { name: propertiesNames.backgroundSecondary, value: '#F2F5FF' },\n { name: propertiesNames.liveChatChannels, value: '#7BD137' },\n { name: propertiesNames.voiceCallChannels, value: '#6C84FF' },\n { name: propertiesNames.borderPrimary, value: '#DFE2EF' },\n { name: propertiesNames.appOverlayBlackColor, value: '#00000080' },\n { name: propertiesNames.smartBannerBackground, value: 'radial-gradient(circle at 50% 50%, #A8A8FF, #6C84FF 55%, #6C84FF 72%)' },\n { name: propertiesNames.addCreditCardZenModeContainerBackgroundColor, value: '#6c84ff33' },\n { name: propertiesNames.noPaymentMethodImgWidth, value: '300px' },\n { name: propertiesNames.connectBtnMaxWidth, value: '130px' },\n { name: propertiesNames.specialitiesShadow, value: '0 14px 35px 0 rgba(237, 240, 251, 0.8)' },\n { name: propertiesNames.advisprSpecialitiesMobileDirection, value: 'column' },\n { name: propertiesNames.minPriceTextDisplay, value: 'none' },\n { name: propertiesNames.durationItemPriceContainerBackgroundColor, value: '#FFFFFF' },\n { name: propertiesNames.recommendedAdvisorPriceFlexDirection, value: 'column' },\n { name: propertiesNames.recommendedAdvisorPriceAlign, value: 'flex-start' },\n { name: propertiesNames.piceTextContainerMarginLeft, value: '0px' },\n { name: propertiesNames.durationItemPriceContainerBorderRadius, value: '8px' },\n { name: propertiesNames.durationItemSelectedPriceContainerBackgroundColor, value: '#FFFFFF' },\n { name: propertiesNames.durationOptionXfmLabelColor, value: '#7BD137' },\n { name: propertiesNames.advisorPreviewXfmLabelBackground, value: '#7FD14A' },\n { name: propertiesNames.advisorPreviewXfmLabelBorderRadius, value: '8px' },\n\n { name: '--mbw-general-light', value: '#FFFFFF' },\n { name: '--mbw-general-dark', value: '#000000' },\n { name: '--mbw-background-primary', value: '#FFFFFF' },\n // { name: '--mbw-background-secondary', value: '#F2F5FF' } is approved by Gleb for KA in all places\n { name: '--mbw-background-secondary', value: '#F2F5FF' },\n { name: '--mbw-background-tertiary', value: '#F7F7F7' },\n { name: '--mbw-background-overlay', value: '#FFFFFF80' },\n { name: '--mbw-text-primary', value: '#121212' },\n { name: '--mbw-text-secondary', value: '#636570' },\n { name: '--mbw-text-tertiary', value: '#FFFFFF' },\n { name: '--mbw-default-border', value: '#E1E1E1' },\n { name: '--mbw-default-shadow-color', value: '#F7F7F7' },\n { name: '--mbw-icon-primary', value: '#121212' },\n { name: '--mbw-icon-secondary', value: '#7C7F89' },\n { name: '--mbw-icon-tertiary', value: '#FFFFFF' },\n { name: '--mbw-button-border-radius', value: '0.625rem' },\n { name: '--mbw-button-primary', value: '#6C84FF' },\n { name: '--mbw-button-primary-hover', value: '#8296FF' },\n { name: '--mbw-button-primary-dissabled', value: '#D3D3D3' },\n { name: '--mbw-button-secondary', value: '#121212' },\n { name: '--mbw-button-secondary-hover', value: '#6C84FF' },\n { name: '--mbw-button-secondary-disabled', value: '#636570' },\n { name: '--mbw-chat-color', value: '#7BD137' },\n { name: '--mbw-voice-color', value: '#6C84FF' },\n { name: '--mbw-video-color', value: '#1CB4FF' },\n { name: '--mbw-error-color', value: '#FF5A5A' },\n { name: '--mbw-warning-color', value: '#FF993C' },\n { name: '--mbw-info-color', value: '#6C84FF' },\n { name: '--mbw-success-color', value: '#7BD137' },\n { name: '--mbw-muted-color', value: '#ADB1B6' },\n { name: '--mbw-branding-primary', value: '#6C84FF' },\n { name: '--mbw-branding-secondary', value: '#7BD137' },\n { name: '--mbw-red-accent-color', value: '#FF5A5A' },\n { name: '--mbw-orange-accent-color', value: '#FF8717' },\n { name: '--mbw-yellow-accent-color', value: '#FFB222' },\n { name: '--mbw-green-accent-color', value: '#62DD13' },\n { name: '--mbw-sky-blue-accent-color', value: '#1CB4FF' },\n { name: '--mbw-blue-accent-color', value: '#4F60FF' },\n { name: '--mbw-purple-accent-color', value: '#8755F4' },\n { name: '--mbw-possitive-accent-color', value: '#62DD13' },\n { name: '--mbw-negative-accent-color', value: '#6C84FF' },\n { name: '--wbw-marketing-banner-first-color', value: '#6D84FF' },\n { name: '--mbw-marketing-banner-second-color', value: '#B6D69D' },\n { name: '--mbw-marketing-banner-rotation', value: '93deg' },\n { name: '--mbw-duration-item-selected-fg-color', value: '#6C84FF' },\n { name: '--mbw-duration-item-selected-bg-color', value: '#F2F5FF' },\n { name: '--mbw-select-duration-arrows-color', value: '#121212' },\n { name: '--mbw-duration-item-price-bg-color', value: '#6C84FF' },\n { name: '--mbw-duration-item-price-fg-color', value: '#FFFFFF' },\n { name: '--mbw-duration-item-selected-price-fg-color', value: '#FFFFFF' },\n // speciality\n { name:'--mbw-speciality-button-padding', value: '1.3125rem 0 1rem 0' },\n { name:'--mbw-speciality-button-mobile-padding', value: '1.3125rem 0 1rem 0' },\n { name:'--mbw-speciality-button-icon-width', value: '4rem' },\n { name:'--mbw-speciality-button-mobile-icon-width', value: '2.25rem' },\n { name:'--mbw-speciality-button-tablet-icon-width', value: '2.25rem' },\n { name:'--mbw-speciality-button-laptop-icon-width', value: '4rem' },\n { name:'--mbw-speciality-button-icon-height', value: '4rem' },\n { name:'--mbw-speciality-button-mobile-icon-height', value: '2.25rem' },\n { name:'--mbw-speciality-button-tablet-icon-height', value: '2.25rem' },\n { name:'--mbw-speciality-button-laptop-icon-height', value: '4rem' },\n { name: '--mbw-speciality-button-border-radius', value: '0px' },\n { name: '--mbw-speciality-button-mobile-border-radius', value: '0px' },\n { name: '--mbw-speciality-button-border-right', value: 'none' },\n { name: '--mbw-speciality-button-icon-margin-bottom', value: '0.625rem' },\n { name: '--mbw-speciality-button-icon-mobile-margin-bottom', value:'0.625rem' },\n { name: '--mbw-speciality-button-hover-transform', value: 'none' },\n { name:'--mbw-speciality-advisor-profile-icon-width', value: '2.5rem' },\n { name:'--mbw-speciality-advisor-profile-mobile-icon-height', value: '2.5rem' },\n { name:'--mbw-speciality-advisor-profile-icon-height', value: '2.5rem' },\n { name:'--mbw-speciality-advisor-profile-mobile-icon-width', value: '2.5rem' },\n { name:'--mbw-speciality-advisor-profile-direction', value: 'row' },\n { name: '--mbw-speciality-advisor-profile-title-width', value: 'max-content' },\n { name: '--mbw-speciality-advisor-profile-icon-margin-bottom', value: '0' },\n { name: '--mbw-speciality-advisor-profile-icon-margin-right', value: '0.313rem' },\n { name: '--mbw-speciality-advisor-profile-border', value: '1px solid #DFE2EF' },\n { name: '--mbw-speciality-advisor-profile-border-radius', value: '8px' },\n { name: '--mbw-speciality-advisor-profile-mobile-border-radius', value: '8px' },\n { name: '--mbw-speciality-advisor-profile-paddings', value: '0.4rem 0.8rem' },\n\n { name: '--app-blue-snap-input-border-radius', value: '6px' },\n { name: '--app-blue-snap-input-border-color', value: 'var(--app-border-primary-color)' },\n { name: '--app-blue-snap-placeholder-text-color', value: 'var(--app-text-secondary)' },\n { name: '--app-blue-snap-input-border-focus-color', value: 'var(--app-color)' },\n\n { name: '--coupon-bg-color-large-active', value: 'linear-gradient(92.85deg, #6D84FF 26.78%, #B6D69D 89.34%)' },\n\n { name: '--mbw-duration-item-row-gap-lg', value: '0rem' },\n\n { name: '--app-default-btn-lg-border-radius', value: '0.5rem' },\n { name: '--app-default-btn-md-border-radius', value: '0.375rem' },\n { name: '--app-default-btn-sm-border-radius', value: '0.25rem' },\n { name: '--app-default-btn-xs-border-radius', value: '0.125rem' },\n { name: '--app-online-indicator-color', value: '#73C940' },\n { name: '--app-busy-indicator-color', value: '#FF5050' },\n { name: '--app-offline-indicator-color', value: '#BBBBBB' },\n { name: '--app-badge-border-radius', value: '0.375rem' },\n { name: '--app-busy-label-color', value: '#FD4848' },\n { name: '--app-positive-feedback-btn-color', value: '#58be00' },\n { name: '--app-negative-feedback-btn-color', value: '#ff5050' },\n { name: '--app-new-advisor-badge-color', value: '#7FD14A' },\n { name: '--app-filter-switcher-color', value: '#7FD14A' },\n { name: '--app-personal-section-border-color', value: '#73C940' },\n { name: '--app-sale-price-text-color', value: '#62C124' }\n];\n\nconst MBWColors = () => {\n useEffect(() => {\n colors.forEach((prop) => document.documentElement.style.setProperty(prop.name, prop.value));\n }, []);\n return ();\n};\nexport default MBWColors;\n","import React, { useEffect } from 'react';\nimport { propertiesNames } from '../../../config/const';\n\nconst colors = [\n { name: propertiesNames.appColor, value: '#8F63EC' },\n { name: propertiesNames.backgroundSecondary, value: '#F7F7F7' },\n { name: propertiesNames.liveChatChannels, value: '#7BD137' },\n { name: propertiesNames.voiceCallChannels, value: '#8F63EC' },\n { name: propertiesNames.borderPrimary, value: '#EAEAEA' },\n { name: propertiesNames.appOverlayBlackColor, value: '#272727e6' },\n { name: propertiesNames.smartBannerBackground, value: 'radial-gradient(circle at 50% 50%, #9a6bff, #9a6bff 29%, #622bd8 72%)' },\n { name: propertiesNames.addCreditCardZenModeContainerBackgroundColor, value: '#E9DDED' },\n { name: propertiesNames.noPaymentMethodImgWidth, value: '185px' },\n { name: propertiesNames.connectBtnMaxWidth, value: '200px' },\n { name: propertiesNames.specialitiesShadow, value: 'none' },\n { name: propertiesNames.advisprSpecialitiesMobileDirection, value: 'row' },\n { name: propertiesNames.minPriceTextDisplay, value: 'unset' },\n { name: propertiesNames.durationItemPriceContainerBackgroundColor, value: '#F7F7F7' },\n { name: propertiesNames.recommendedAdvisorPriceFlexDirection, value: 'row' },\n { name: propertiesNames.recommendedAdvisorPriceAlign, value: 'center' },\n { name: propertiesNames.piceTextContainerMarginLeft, value: '13px' },\n { name: propertiesNames.durationItemPriceContainerBorderRadius, value: '8px' },\n { name: propertiesNames.durationItemSelectedPriceContainerBackgroundColor, value: '#FFFFFF' },\n { name: propertiesNames.durationOptionXfmLabelColor, value: '#7BD137' },\n { name: propertiesNames.advisorPreviewXfmLabelBackground, value: '#7FD14A' },\n { name: propertiesNames.advisorPreviewXfmLabelBorderRadius, value: '8px' },\n\n { name: '--mbw-general-light', value: '#FFFFFF' },\n { name: '--mbw-general-dark', value: '#27292F' },\n { name: '--mbw-background-primary', value: '#FFFFFF' },\n { name: '--mbw-background-secondary', value: '#F7F7F7' },\n { name: '--mbw-text-primary', value: '#121212' },\n { name: '--mbw-text-secondary', value: '#636570' },\n { name: '--mbw-text-tertiary', value: '#FFFFFF' },\n { name: '--mbw-default-border', value: '#EAEAEA' },\n { name: '--mbw-default-shadow-color', value: '#F7F7F7' },\n { name: '--mbw-icon-primary', value: '#121212' },\n { name: '--mbw-icon-secondary', value: '#7C7F89' },\n { name: '--mbw-icon-tertiary', value: '#FFFFFF' },\n { name: '--mbw-button-border-radius', value: '0.625rem' },\n { name: '--mbw-button-primary', value: '#8755F4' },\n { name: '--mbw-button-primary-hover', value: '#A479FF' },\n { name: '--mbw-button-primary-dissabled', value: '#C3C5CA' },\n { name: '--mbw-button-secondary', value: '#121212' },\n { name: '--mbw-button-secondary-hover', value: '#8F63EC' },\n { name: '--mbw-button-secondary-disabled', value: '#c3c5ca' },\n { name: '--mbw-chat-color', value: '#62DD13' },\n { name: '--mbw-voice-color', value: '#8755F4' },\n { name: '--mbw-video-color', value: '#1CB4FF' },\n { name: '--mbw-error-color', value: '#FF5A5A' },\n { name: '--mbw-warning-color', value: '#FF8717' },\n { name: '--mbw-info-color', value: '#8755F4' },\n { name: '--mbw-success-color', value: '#7BD137' },\n { name: '--mbw-muted-color', value: '#9C9C9C' },\n { name: '--mbw-branding-primary', value: '#8755F4' },\n { name: '--mbw-branding-secondary', value: '#FF8717' },\n { name: '--mbw-red-accent-color', value: '#FF5A5A' },\n { name: '--mbw-orange-accent-color', value: '#FF8717' },\n { name: '--mbw-yellow-accent-color', value: '#FFB222' },\n { name: '--mbw-green-accent-color', value: '#62DD13' },\n { name: '--mbw-sky-blue-accent-color', value: '#1CB4FF' },\n { name: '--mbw-blue-accent-color', value: '#4F60FF' },\n { name: '--mbw-purple-accent-color', value: '#8755F4' },\n { name: '--mbw-possitive-accent-color', value: '#62DD13' },\n { name: '--mbw-negative-accent-color', value: '#FF5A5A' },\n { name: '--wbw-marketing-banner-first-color', value: '#B38FFF' },\n { name: '--mbw-marketing-banner-second-color', value: '#8957f5' },\n { name: '--mbw-marketing-banner-rotation', value: '93deg' },\n { name: '--mbw-duration-item-selected-fg-color', value: '#8F63EC' },\n { name: '--mbw-duration-item-selected-bg-color', value: '#8755f41a' },\n { name: '--mbw-select-duration-arrows-color', value: '#8F63EC' },\n { name: '--mbw-duration-item-price-bg-color', value: '#FFFFFF' },\n { name: '--mbw-duration-item-price-fg-color', value: '#121212' },\n { name: '--mbw-duration-item-selected-price-fg-color', value: '#8F63EC' },\n\n { name: '--app-blue-snap-input-border-radius', value: '6px' },\n { name: '--app-blue-snap-input-border-color', value: 'var(--app-border-primary-color)' },\n { name: '--app-blue-snap-placeholder-text-color', value: 'var(--app-text-secondary)' },\n { name: '--app-blue-snap-input-border-focus-color', value: 'var(--app-color)' },\n\n { name: '--coupon-bg-color-large-active', value: 'linear-gradient(90deg, #8755f4 -3.11%, #fc8d3c 100%)' },\n { name: '--mbw-duration-item-row-gap-lg', value: '0rem' },\n\n { name: '--app-default-btn-lg-border-radius', value: '0.5rem' },\n { name: '--app-default-btn-md-border-radius', value: '0.375rem' },\n { name: '--app-default-btn-sm-border-radius', value: '0.25rem' },\n { name: '--app-default-btn-xs-border-radius', value: '0.125rem' },\n { name: '--app-online-indicator-color', value: '#73C940' },\n { name: '--app-busy-indicator-color', value: '#FF5050' },\n { name: '--app-offline-indicator-color', value: '#BBBBBB' },\n { name: '--app-badge-border-radius', value: '0.375rem' },\n { name: '--app-busy-label-color', value: '#FD4848' },\n { name: '--app-positive-feedback-btn-color', value: '#58be00' },\n { name: '--app-negative-feedback-btn-color', value: '#ff5050' },\n { name: '--app-new-advisor-badge-color', value: '#7FD14A' },\n { name: '--app-filter-switcher-color', value: '#7FD14A' },\n { name: '--app-personal-section-border-color', value: '#73C940' },\n { name: '--app-sale-price-text-color', value: '#62C124' }\n];\n\nconst MBWColors = () => {\n useEffect(() => {\n colors.forEach((prop) => document.documentElement.style.setProperty(prop.name, prop.value));\n }, []);\n return ();\n};\nexport default MBWColors;\n","import React, { useEffect } from 'react';\nimport { propertiesNames } from '../../../config/const';\n\nconst colors = [\n { name: propertiesNames.appColor, value: '#B45092' },\n { name: propertiesNames.backgroundSecondary, value: '#F7F7F7' },\n { name: propertiesNames.liveChatChannels, value: '#2BA4FA' },\n { name: propertiesNames.voiceCallChannels, value: '#B45092' },\n { name: propertiesNames.borderPrimary, value: '#E1E1E1' },\n { name: propertiesNames.appOverlayBlackColor, value: '#000000cc' },\n\n { name: propertiesNames.smartBannerBackground, value: 'radial-gradient(circle at 50% 50%, #9a6bff, #9a6bff 29%, #622bd8 72%)' },\n { name: propertiesNames.noPaymentMethodImgWidth, value: '185px' },\n { name: propertiesNames.connectBtnMaxWidth, value: '200px' },\n { name: propertiesNames.specialitiesShadow, value: 'none' },\n { name: propertiesNames.advisprSpecialitiesMobileDirection, value: 'row' },\n { name: propertiesNames.durationOptionXfmLabelColor, value: '#2BA4FA' },\n { name: propertiesNames.durationItemPriceContainerBackgroundColor, value: '#FFFFFF' },\n { name: propertiesNames.durationItemPriceContainerBorderRadius, value: '50px' },\n { name: propertiesNames.durationItemSelectedPriceContainerBackgroundColor, value: '#F7F7F7' },\n { name: propertiesNames.advisorPreviewXfmLabelBackground, value: 'linear-gradient(94deg, #2BA4FA 0%, #FF82D4 100%)' },\n { name: propertiesNames.advisorPreviewXfmLabelBorderRadius, value: '6px' },\n\n { name: '--mbw-branding-primary', value: '#B45092' },\n { name: '--mbw-branding-secondary', value: '#2BA4FA' },\n { name: '--mbw-background-primary', value: '#FFFFFF' },\n { name: '--mbw-background-secondary', value: '#F7F7F7' },\n { name: '--mbw-background-tertiary', value: '#D0D0D0' },\n { name: '--mbw-background-overlay', value: '#000000cc' },\n { name: '--mbw-text-primary', value: '#121212' },\n { name: '--mbw-text-secondary', value: '#707070' },\n { name: '--mbw-text-tertiary', value: '#FFFFFF' },\n { name: '--mbw-default-border', value: '#E1E1E1' },\n { name: '--mbw-icon-primary', value: '#121212' },\n { name: '--mbw-icon-secondary', value: '#9C9C9C' },\n { name: '--mbw-icon-tertiary', value: '#FFFFFF' },\n { name: '--mbw-button-border-radius', value: '3.125rem' },\n { name: '--mbw-button-primary', value: '#B45092' },\n { name: '--mbw-button-primary-hover', value: '#BE579B' },\n { name: '--mbw-button-primary-dissabled', value: '#C3C5CA' },\n { name: '--mbw-button-secondary', value: '#121212' },\n { name: '--mbw-button-secondary-hover', value: '#BE579B' },\n { name: '--mbw-button-secondary-disabled', value: '#C3C5CA' },\n { name: '--mbw-chat-color', value: '#2BA4FA' },\n { name: '--mbw-voice-color', value: '#B45092' },\n { name: '--mbw-error-color', value: '#FA4EC0' },\n { name: '--mbw-warning-color', value: '#FFA72C' },\n { name: '--mbw-info-color', value: '#2BA4FA' },\n { name: '--mbw-success-color', value: '#4BCB78' },\n { name: '--mbw-muted-color', value: '#9C9C9C' },\n { name: '--mbw-general-light', value: '#FFFFFF' },\n { name: '--mbw-general-dark', value: '#27292F' },\n { name: '--mbw-default-shadow-color', value: '#F7F7F7' },\n { name: '--mbw-red-accent-color', value: '#FA4EC0' },\n { name: '--mbw-orange-accent-color', value: '#FF8717' },\n { name: '--mbw-yellow-accent-color', value: '#FFA850' },\n { name: '--mbw-green-accent-color', value: '#4BCB78' },\n { name: '--mbw-sky-blue-accent-color', value: '#1CB4FF' },\n { name: '--mbw-blue-accent-color', value: '#4F60FF' },\n { name: '--mbw-purple-accent-color', value: '#8F49D3' },\n { name: '--mbw-possitive-accent-color', value: '#4BCB78' },\n { name: '--mbw-negative-accent-color', value: '#FA4EC0' },\n\n { name: '--wbw-marketing-banner-first-color', value: '#2BA4FA' },\n { name: '--mbw-marketing-banner-second-color', value: '#FF82D4' },\n { name: '--mbw-marketing-banner-rotation', value: '93deg' },\n\n { name: '--mbw-duration-item-selected-fg-color', value: '#B45092' },\n { name: '--mbw-duration-item-selected-bg-color', value: '#FFFFFF' },\n { name: '--mbw-select-duration-arrows-color', value: '#B45092' },\n { name: '--mbw-duration-item-price-bg-color', value: '#F7F7F7' },\n { name: '--mbw-duration-item-price-fg-color', value: '#121212' },\n { name: '--mbw-duration-item-selected-price-fg-color', value: '#B45092' },\n { name: '--mbw-speciality-bg-color', value: '#F7F7F7' },\n { name: '--mbw-speciality-advisor-profile-icon-margin-bottom', value: '8px' },\n { name: '--mbw-speciality-button-icon-margin-bottom', value: '0' },\n { name: '--mbw-speciality-button-paddings', value: '1rem 0.625rem 1.125rem 0.625em' },\n { name: '--mbw-speciality-button-title-width', value: 'fit-content' },\n\n { name: '--mbw-duration-item-row-gap-lg', value: '0rem' },\n { name: '--app-default-btn-lg-border-radius', value: '3.125rem' },\n { name: '--app-default-btn-md-border-radius', value: '1.563rem' },\n { name: '--app-default-btn-sm-border-radius', value: '1.563rem' },\n { name: '--app-default-btn-xs-border-radius', value: '0.7815rem' },\n { name: '--app-online-indicator-color', value: '#4BCB78' },\n { name: '--app-busy-indicator-color', value: '#FA4EC0' },\n { name: '--app-offline-indicator-color', value: '#9C9C9C' },\n { name: '--app-badge-border-radius', value: '1.563rem' },\n\n { name: '--coupon-bg-color-large-active', value: 'linear-gradient(90deg, #B45092 22.1%, #2BA4FA 100%)' },\n { name: '--app-busy-label-color', value: '#FA4EC0' },\n { name: '--app-positive-feedback-btn-color', value: '#F7F7F7' },\n { name: '--app-negative-feedback-btn-color', value: '#F7F7F7' },\n { name: '--app-new-advisor-badge-color', value: '#4BCB78' },\n { name: '--app-filter-switcher-color', value: '#4BCB78' },\n { name: '--app-personal-section-border-color', value: '#4BCB78' },\n { name: '--app-sale-price-text-color', value: '#4BCB78' },\n { name: '--mbw-status-indicator-online-color', value: '#4BCB78' }\n];\n\nconst MBWColors = () => {\n useEffect(() => {\n colors.forEach((prop) => document.documentElement.style.setProperty(prop.name, prop.value));\n }, []);\n return ();\n};\nexport default MBWColors;\n","/* eslint-disable @typescript-eslint/no-var-requires */\nimport React, { ReactElement } from 'react';\nimport classNames from 'classnames';\nimport classes from './classes.module.scss';\nimport { isKA } from '../../../common/config/utils';\nimport { SvgIcon } from '../../../common/sprites';\n\nconst OrderTypes = {\n 'live-chat' : 'live-chat',\n 'video-call': 'video-call',\n 'voice-call': 'voice-call'\n};\n\nconst renderOrderIcon = (type: string) => {\n switch (type) {\n case 'live-chat':\n return \n
\n {renderLeftHours()}\n \n { labels.map((label, index) => (\n
\n );\n\n const renderOrderSubject = () => (\n \n { label }\n
\n )) }\n \n
\n );\n\n const renderOrderTitle = () => (\n \n { orderSubject }\n
\n \n { renderOrderIcon(type) }\n { renderOrderSubject() }\n
\n );\n\n const renderOrderDescription = () => (\n \n { orderDescription.length > 0 ?
\n );\n\n const renderMyOrdersAdvisorCell = () => (\n \n { orderDescription }\n
\n \n
\n );\n\n return renderMyOrdersAdvisorCell();\n};\n\nexport default MyOrdersOrderCell;\n","var map = {\n\t\"./chat_active.png\": 94206,\n\t\"./chat_active_new.png\": 91755\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 70654;","var map = {\n\t\"./chat_disabled.png\": 64075,\n\t\"./chat_disabled_new.png\": 77196\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 98437;","var map = {\n\t\"./voice_active.png\": 84124,\n\t\"./voice_active_new.png\": 33197\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 4414;","var map = {\n\t\"./voice_disabled.png\": 2251,\n\t\"./voice_disabled_new.png\": 85764\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 60423;","var map = {\n\t\"./highest_rated.png\": 21117,\n\t\"./most_accurate.png\": 2084,\n\t\"./recommended.png\": 73705,\n\t\"./trending.png\": 84284,\n\t\"./tryout.png\": 59951,\n\t\"./x_icon.png\": 27602\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 55811;","var map = {\n\t\"./ka/icons/ka_cashback.svg\": 64784,\n\t\"./ka/icons/ka_cashback_active.svg\": 61722,\n\t\"./ka/icons/ka_credit.svg\": 83402,\n\t\"./ka/icons/ka_credit_active.svg\": 74757,\n\t\"./ka/icons/ka_fav_advisors.svg\": 4113,\n\t\"./ka/icons/ka_fav_advisors_active.svg\": 12645,\n\t\"./ka/icons/ka_for_advisors.svg\": 26561,\n\t\"./ka/icons/ka_for_advisors_active.svg\": 48727,\n\t\"./ka/icons/ka_home.svg\": 82822,\n\t\"./ka/icons/ka_home_active.svg\": 37623,\n\t\"./ka/icons/ka_invite_friends.svg\": 69334,\n\t\"./ka/icons/ka_invite_friends_active.svg\": 54349,\n\t\"./ka/icons/ka_my_orders.svg\": 17013,\n\t\"./ka/icons/ka_my_orders_active.svg\": 82969,\n\t\"./ka/icons/ka_payment_sources.svg\": 62769,\n\t\"./ka/icons/ka_payment_sources_active.svg\": 74631,\n\t\"./ka/icons/ka_promo.svg\": 84616,\n\t\"./ka/icons/ka_promo_active.svg\": 45816,\n\t\"./ka/icons/ka_settings.svg\": 46007,\n\t\"./ka/icons/ka_settings_active.svg\": 72059,\n\t\"./ka/icons/ka_support.svg\": 14171,\n\t\"./ka/icons/ka_support_active.svg\": 45943,\n\t\"./ka/specialities_icons/ka_astrology.svg\": 75012,\n\t\"./ka/specialities_icons/ka_astrology_active.svg\": 65120,\n\t\"./ka/specialities_icons/ka_career_forecasts.svg\": 16270,\n\t\"./ka/specialities_icons/ka_career_forecasts_active.svg\": 6110,\n\t\"./ka/specialities_icons/ka_dream_analysis.svg\": 50226,\n\t\"./ka/specialities_icons/ka_dream_analysis_active.svg\": 26333,\n\t\"./ka/specialities_icons/ka_fortune_telling.svg\": 14421,\n\t\"./ka/specialities_icons/ka_fortune_telling_active.svg\": 7975,\n\t\"./ka/specialities_icons/ka_love_psychics.svg\": 20588,\n\t\"./ka/specialities_icons/ka_love_psychics_active.svg\": 76540,\n\t\"./ka/specialities_icons/ka_numerology.svg\": 49939,\n\t\"./ka/specialities_icons/ka_numerology_active.svg\": 45911,\n\t\"./ka/specialities_icons/ka_palm_readings.svg\": 12225,\n\t\"./ka/specialities_icons/ka_palm_readings_active.svg\": 30635,\n\t\"./ka/specialities_icons/ka_psychic_mediums.svg\": 91527,\n\t\"./ka/specialities_icons/ka_psychic_mediums_active.svg\": 44717,\n\t\"./ka/specialities_icons/ka_psychic_readings.svg\": 18366,\n\t\"./ka/specialities_icons/ka_psychic_readings_active.svg\": 80769,\n\t\"./ka/specialities_icons/ka_tarot_readings.svg\": 42263,\n\t\"./ka/specialities_icons/ka_tarot_readings_active.svg\": 46364,\n\t\"./pg/icons/pg_blog.svg\": 62290,\n\t\"./pg/icons/pg_blog_active.svg\": 15326,\n\t\"./pg/icons/pg_cashback.png\": 58741,\n\t\"./pg/icons/pg_cashback_active.png\": 87824,\n\t\"./pg/icons/pg_credit.png\": 88408,\n\t\"./pg/icons/pg_credit_active.png\": 14419,\n\t\"./pg/icons/pg_fav_advisors.png\": 24205,\n\t\"./pg/icons/pg_fav_advisors_active.png\": 93328,\n\t\"./pg/icons/pg_for_advisors.png\": 86740,\n\t\"./pg/icons/pg_for_advisors_active.png\": 33019,\n\t\"./pg/icons/pg_home.png\": 6057,\n\t\"./pg/icons/pg_home_active.png\": 81758,\n\t\"./pg/icons/pg_horoscope.svg\": 99232,\n\t\"./pg/icons/pg_invite_friends.png\": 43699,\n\t\"./pg/icons/pg_invite_friends_active.png\": 29156,\n\t\"./pg/icons/pg_journeys_side_menu.png\": 66955,\n\t\"./pg/icons/pg_journeys_side_menu_active.png\": 92875,\n\t\"./pg/icons/pg_laguage.png\": 42271,\n\t\"./pg/icons/pg_laguage_active.png\": 62908,\n\t\"./pg/icons/pg_log_in.png\": 77153,\n\t\"./pg/icons/pg_log_in_active.png\": 74385,\n\t\"./pg/icons/pg_my_orders.png\": 98303,\n\t\"./pg/icons/pg_my_orders_active.png\": 28775,\n\t\"./pg/icons/pg_payment_sources.png\": 36918,\n\t\"./pg/icons/pg_payment_sources_active.png\": 84563,\n\t\"./pg/icons/pg_promo.png\": 12052,\n\t\"./pg/icons/pg_promo_active.png\": 74159,\n\t\"./pg/icons/pg_rate.png\": 37679,\n\t\"./pg/icons/pg_rate_active.png\": 80322,\n\t\"./pg/icons/pg_settings.png\": 75052,\n\t\"./pg/icons/pg_settings_active.png\": 35867,\n\t\"./pg/icons/pg_support.png\": 39462,\n\t\"./pg/icons/pg_support_active.png\": 42115,\n\t\"./pg/icons/pg_voucher.png\": 29139,\n\t\"./pg/icons/pg_voucher_active.png\": 59565,\n\t\"./pg/icons/pg_website.png\": 57621,\n\t\"./pg/icons/pg_website_active.png\": 7298,\n\t\"./pg/specialities_icons/pg_angel_insights.svg\": 70002,\n\t\"./pg/specialities_icons/pg_angel_insights_active.svg\": 58265,\n\t\"./pg/specialities_icons/pg_astrology_horoscopes.svg\": 37845,\n\t\"./pg/specialities_icons/pg_astrology_horoscopes_active.svg\": 69349,\n\t\"./pg/specialities_icons/pg_dream_analysis.svg\": 59990,\n\t\"./pg/specialities_icons/pg_dream_analysis_active.svg\": 50062,\n\t\"./pg/specialities_icons/pg_love_readings.svg\": 90252,\n\t\"./pg/specialities_icons/pg_love_readings_active.svg\": 44720,\n\t\"./pg/specialities_icons/pg_oracle_guidance.svg\": 27722,\n\t\"./pg/specialities_icons/pg_oracle_guidance_active.svg\": 94102,\n\t\"./pg/specialities_icons/pg_palm_readings.svg\": 88833,\n\t\"./pg/specialities_icons/pg_palm_readings_active.svg\": 34564,\n\t\"./pg/specialities_icons/pg_psychic_readings.svg\": 15066,\n\t\"./pg/specialities_icons/pg_psychic_readings_active.svg\": 97256,\n\t\"./pg/specialities_icons/pg_spiritual_medium.svg\": 30230,\n\t\"./pg/specialities_icons/pg_spiritual_medium_active.svg\": 60258,\n\t\"./pg/specialities_icons/pg_tarot_readings.svg\": 87628,\n\t\"./pg/specialities_icons/pg_tarot_readings_active.svg\": 384,\n\t\"./specialities_arrow_down.png\": 90654,\n\t\"./specialities_arrow_top.png\": 8140,\n\t\"./specialities_ka_arrow_down.svg\": 46934,\n\t\"./specialities_ka_arrow_top.svg\": 17890,\n\t\"./specialities_menu_icon.png\": 5170\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 41576;","var map = {\n\t\"./image_renderer\": 8592,\n\t\"./image_renderer.js\": 8592,\n\t\"./ka/banner_bg\": 58433,\n\t\"./ka/banner_bg.jpg\": 58433,\n\t\"./ka/signup_complete_checkmark\": 19201,\n\t\"./ka/signup_complete_checkmark.svg\": 19201,\n\t\"./pg/banner_bg\": 38601,\n\t\"./pg/banner_bg.jpg\": 38601,\n\t\"./pg/signup_complete_checkmark\": 19295,\n\t\"./pg/signup_complete_checkmark.svg\": 19295\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 84887;","var map = {\n\t\"./chat_bubble/chat_bubble.tsx\": 25444,\n\t\"./context_renderer/context_renderer.tsx\": 53100,\n\t\"./coupon_items/coupon_bubble/coupon_bubble.tsx\": 66815,\n\t\"./coupon_items/coupon_label/coupon_label.tsx\": 48956,\n\t\"./marketing_img/marketing_image.tsx\": 11161,\n\t\"./mbw_colors/ka/mbw_colors.tsx\": 70079,\n\t\"./mbw_colors/pg/mbw_colors.tsx\": 82978,\n\t\"./mbw_colors/ps/mbw_colors.tsx\": 38773,\n\t\"./my_orders_order_cell/my_orders_order_cell.tsx\": 52007\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 91851;"],"names":["window","shared","LocalizedNavigate","_ref","pathKey","params","options","navigate","useLocalizedNavigate","useEffect","_jsx","_Fragment","propTypes","PropTypes","isRequired","defaultProps","LocalizedSwitch","dispatch","location","children","useDispatch","useLocation","getSEOData","pathname","updateNavigationStack","useNavigationStackUpdate","loading","useSelector","state","_state$homePage","homePage","routeKey","useCurrentPath","appRoutes","home","updateSmartBannerVisibility","useSmartBannerVisibility","t","useTranslation","_jsxs","Routes","SUPPORTED_LANGUAGES","flatMap","lang","React","map","child","key","route","lng","localizedRoutes","concat","DEFAULT_LANGUAGE","push","localizeRoutePaths","props","path","_objectSpread","Route","element","replace","LocalizedRouter","history","generatePath","updateLastHit","useNavigate","useLocalizedPath","_location$search","search","_getCurrentPath","getCurrentPath","Object","keys","applicationRoutes","newPath","Popover","kind","dissmissPopover","payload","_defineProperty","popoverKinds","filter","FiltersContainer","popoverView","autofocus","autoFocus","generatePopoverForKind","AppGeneralPopup","visible","customTopHeader","className","classes","type","onClick","SvgIcon","id","size","closable","connect","popover","withPGTranslation","GOOGLE_CLIENT_ID","env","GoogleLoginBtn","googleCallback","_useState2","_slicedToArray","useState","google","googleConfig","setGoogleConfig","googleLoginCallback","response","credential","listenToPopstate","windowGoogle","addEventListener","removeEventListener","accounts","initialize","client_id","callback","renderButton","document","getElementById","theme","text","width","googleButton","cookies","Cookies","PAYMENT_PROCESSING_INTERVAL_SEC","AnalyticsAndCommonLogicComponent","userId","configureMP","trackPeoplePropertiesAction","getUser","requestPermission","uploadLogs","logKey","logUrl","parseAndUploadLogs","identifyOrAliasUserOnMP","user","loadHomePage","userPaymentProcessing","getMyAccountCredits","appLoading","getAnonymousUser","userAnalytics","anonymousUser","userFirstActivePromotion","initFirebaseDatabase","signOutFromFBDatabase","loadSVGSprite","getSpriteUrl","valueName","valueString","getAppTheme","appThemes","dark","body","classList","add","darkTheme","setTimeout","cookie","split","find","row","startsWith","trackFirstVisitEventGtm","set","currentUserId","initFirebaseMessaging","hotJarInitialize","fromMobileApp","isPrerenderMode","section_ids","sectionIds","salesBanner","checkActivePromoTypeProperty","trackQueuedEvents","facebookPixelConfigured","FB","optimoveSDK","undefined","trackQueuedOptimoveEvents","hotJarIdentifyUser","interval","setInterval","clearInterval","userFirstActivePromotionState","setUserFirstActivePromotionState","shouldUpdatePageWithAdvisors","useMemo","compareObjects","promoTimer","refreshStrategy","prevState","needReloadHomePage","needReloadSearchResults","needReloadAdvisorPage","addScriptsToBody","appendChild","facebookPixelNoscript","Helmet","facebookPixelScript","src","async","defer","style","position","top","application","userEmail","email","paymentProcessing","analytics","getUserFirstActivePromotion","GeneralPopup","show","title","dissmissPopup","link","onClicked","useCallback","appLink","href","downloadAppLink","linkType","videoNotSupported","voiceNotSupported","notificationNotSupported","appLinkAFChanel","target","rel","renderLink","appGeneralPopupTheme","CENTERED","generalPopup","renderModalButtons","success","onOkClickSignUpPromoReadAction","clearShowModal","value","PromoCodeSignUp","applyCode","clearModalText","modalText","onOkClickSignUpPromoRead","codeInput","useRef","trackPageVisit","codeSent","code","length","onCodeSent","current","placeholder","ref","onKeyDown","e","defaultValue","attribution","promo","disabled","onShowModal","promoCode","FACEBOOK_ID","FACEBOOK_REDIRECT","FACEBOOK_VERSION","fbLogo","require","FacebookBtn","facebookCallback","FacebookLogin","appId","fields","xfbml","version","disableMobileRedirect","redirectUri","render","renderProps","isDisabled","isProcessing","isSdkLoaded","classnames","fbButton","fbProcessing","socialDisabled","socialImg","alt","Social","error","gdprSwitcherValueChanged","shouldShowGDPRConsent","onSocialPpTofModalCancelClick","GDPRConsernPopupThemes","social","responseFacebook","responce","log","LOG_LEVELS","INFO","accessToken","ERROR","responseGoogle","credentials","marginTop","connectTitle","sicialBtnContainer","socialLeftBtnContainer","browserName","toLowerCase","socialRightBtnContainer","GDPRConsernPopup","Input","onChange","inputType","isPasswordField","typer","Const","authScreens","signUpAffiliatePromo","input","inputError","ForgotPassword","_PureComponent","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","args","Array","_key","call","apply","showForgotModal","onFieldChanged","setState","onForgotPasswordClicked","forgot","showForgotPasswordModal","clearForgotPassword","passwordForgotClear","handleKeyPress","emailIsValid","renderForgotModalTitle","renderForgotPassword","_this$state","_this$props","allFieldsValid","classNames","renderForgotModalContent","_this$props2","this","PureComponent","passwordForgot","passwordForgotAPI","then","json","fJson","toCamelCase","fullMessages","passwordForgotError","clear","clearError","onLoginClick","password","checkInputErrors","onLogin","passwordIsValid","LogIn","rememberMe","changeScreen","actionButton","disableActionBtn","navigationButtonContainer","forgotPassword","navigationButton","signUp","SignUp","confirmEmail","switcherChecked","onRegister","userMatchUpBonusInfo","allFieldsAreValid","showPrivacyModal","regular","onRegisterClicked","navigateToSignIn","signIn","renderSignUpAffiliatePromoLabel","signUpAffiliatePromoLabel","affiliatePromoHeaderContainer","affiliatePromoHeaderTitle","affiliatePromoHeaderBottomText","amount","formatCurrency","requiredPurchasesAmount","extra_amount","bonus","paddingTop","signUpAffiliatePromoactionButton","confirmPpTofTextContainer","IN_EU","MATCH_UP_BONUS_INFO","Registration","authErrorActionCreator","currentScreen","onCancelClicked","_this$props3","screenStack","navigationPop","authClearPendingAction","authPendingCloseAction","redirectToPsychics","authCompleteSusses","_applicationRoutes$ro","_this$props4","displayRegister","router","currentPath","shouldDisplay","signin","register","includes","isProtected","psychics","onLoginClicked","_this$props5","logIn","signUpFlow","_this$state2","withCaptcha","token","_this$props6","_this$state3","renderSignUpPromoRead","renderGeneralError","_this$props7","hasOwnProperty","errorString","convertErrorArrayToString","Alert","onClose","screenChanged","navigateToSignUp","navigateToForgotPassword","facebookResponse","facebookToken","_this$props8","authSocial","googleResponse","googleToken","_this$props9","renderSocial","_this$props10","consentedToGDPR","inEu","signUpSwitcherChecked","onRemeberMeCheckedChanged","checked","renderRememberMe","_this$props11","rememberMeContainer","renderContent","_this$props12","_this$state4","promoRead","renderBackButton","cancelContainer","cancelButton","cancelButtonImg","renderTopLogo","isMobile","topLogoContainerMobile","topLogoContainerBrowser","appLogo","topLogoImg","renderLogo","logoContainer","getLogo","logoImg","renderLoading","Spiner","loaderColor","appColor","getImageByEnvironment","getHeight","getBackgroundColor","prevProps","_this$props13","authComplete","authPendingAction","userShowMatchUpBonusInfo","updateCurrentScreen","creditMatchingInfo","isAffiliatePromo","hideBodyScroll","unlockBodyScroll","REGISTER","mobileContainer","browserContainer","contentHolder","zIndex","auth","getUserMatchUpBonusInfo","bonusInfos","showMatchUpBonusInfo","clearAffiliatePromoPopup","compose","Component","useParams","isMaxSubscriptionsError","operationStatus","isBecameAvailableError","NotifyMe","advisorId","progress","notifyMeAction","clearLocalState","displayNotifyMe","clickSource","_ref2","availabilityNotification","subtitle","switchedOn","notifyMeSwitchValue","setNotifyMeSwitchValue","titleText","onChangeSwitch","onCancelClick","onOkBtnClick","additionParams","context","getAdditionParamsParams","notifyMeParams","renderBtns","okBtnText","subtitleText","Switch","onColor","advisors","notifyMe","parseInt","withPGTransaltion","MessageToApp","messageToAppData","setMessageToAppData","MessageToAppHandler","messageToApp","ProtectedRoute","store","routeComponents","HomePage","Advisor","SearchResults","MyOrders","AdvisorOrders","OrderDetails","AddFunds","PromoCode","Transcript","Settings","Cashback","PaymentSources","EmptyPreload","SpendLimitsVerifications","SignInPage","PurchaseDetailsForMobileApp","Categories","NotificationPreferences","Overlays","VoipChatOverlay","ChatOverlay","suspenseComponent","component","Suspense","RenderRoutes","routes","forEach","match","useMatch","_applicationRoutes$ke","name","withoutSuspense","protectedRoute","exact","LastLocationProvider","getRoutes","r","RoutesComponent","voipState","popoverVisibility","BugsnagErrorBoundary","suppressHydrationWarning","backgroundColor","BrowserRouter","basename","CookiesPopover","wpccMessageText","wpccPrivacyText","wpccPrivacyHref","appLinks","privacyPolicy","wpccBtnText","errorCode","errorUrl","chat","applicationError","voipChat","clearApplicationError","logOutClear","buildStore","I18nextProvider","i18n","ContextRenderer","componentName","Provider","container","advisorData","getAdvisorDataIfSsrMode","advisor","reviews","advisorUpdated","updateAdvisorNavigationStack","reviewsLoaded","initial","userUpdated","hydrateRoot","Application","homePageData","getHomePageDataIfSsrMode","sections","seoData","homeLoadedActions","updateSEOData","slug","createRoot","activitiesLoading","advisorOrders","activitiesLoaded","resetAdvisorOrders","clearPN","reset","resetActivities","loadStartMessagesFeed","paginationParams","navigationStackLoadingAction","getActivityApi","parseAndTrackAnalyticEvents","analyticEvents","itemData","nickname","navigationStackLoading","subscribeAdvisorsToDB","loadMessagesFeed","loadMessagesFeedFilter","activitiesResetLoaded","activitiesLoadedReset","sendMessage","filteredBySessions","createActivityMessage","activityLoaded","errorStatus","setErrorStatus","advisorOrdersDelete","orderId","advisorOrdersDeleteAction","advisorsReviewsReset","reviewsReset","loadAdvisorReviews","getState","_advisors$id$reviews","reviewsLoading","loadAdvisorFeedbacksAPI","res","items","feedbacks","removeDmIdFromSearch","_ref3","directMessageAnalytics","queryString","parse","dmId","updatedSearch","stringify","analitycsPrams","startChatClickSource","trackProfileViewEvents","_ref4","analyticsActions","conversionEventId","extraParams","serviceTitle","profilePictureUrl","rating","readingsCount","yearJoined","profileVideoUrl","getDirectMessagesApi","_ref5","directMessage","trackEvent","a","loadSimilarOnlineAdvisors","similarOnlineAdvisors","getSimilarOnlineAdvisors","getSimilarOnlineAdvisorsApi","advisorsListUpdated","loadAdvisor","analyticsparams","fromAdvisorProfile","additionalParams","loadAdvisorAPI","_ref7","setApplicationError","_ref6","handleAnalyticsAction","status","url","trackBusyCarouselEvent","eventName","properties","adv","showAffiliatePromoPopup","affiliatePromoPopup","displayDetails","display","paymentSelected","details","updatePurchaseDetails","purchaseType","hideAffiliatePromoPopup","doneManagingPaymentSource","changingPaymentSource","clearPurchaseDetails","purchaseSuccess","chatType","needUpdatePricingOptions","chatUpdatePricingOptions","voice","video","voipChatUpdatePricingOptions","displayAffiliatePromoPopupAction","getAddCreditUrl","credit","arg","price","expiresAt","displayAffiliatePromoPopup","parseFloat","noThanksLinkClickedAction","noThanksLinkClicked","StatusSuccess","StatusBusy","StatusHangUp","StatusNoAnswer","getFlow","additional","payAsYouGo","purchaseFlowTypes","balance","minutes","ADVISOR_PROFILE_VIEW_MP_EVENT","getContinueSessionValue","_getState","continuedSession","clearProps","clearedProps","k","dataLayer","aditionalPurchaseProps","_window$store$getStat2","purchaseDetails","isPayg","purchaseFlow","flow","matchPaymentSources","matchPaths","paymentSources","paymentMethods","getPayAsYouGoUsedProperty","trackPurchaseStartedEvent","purchaseData","trackPurchaseStartedEventFB","getDestination","spendingLimits","destination","addAdditonalPurchasePropsAndTrackEvent","purchaseURL","trackPurchase","DEBUG","getAdditionalPurchaseInfoFromURL","purchaseRes","paypalPayerId","paypalTransactionId","paypalBillingAgreementId","paypalInvoiceId","paramOrNul","trackPurchaseEvent","_getState2$user$user","purchasesCount","currency","propertiesGTM","trackPurchaseEventFB","trackFirstPurchaseEventFB","trackFirstPurchaseEventGtm","trackPurchaseFailedEvent","extraEventParams","toLowerCaseSpaced","mapLoginTypeToSignUpMethod","loginType","facebook","trackLoginEvent","signupFlow","trackRegisterEvent","_getState4$user$user","countryName","trackEventRegisterFB","trackLogoutEvent","trackCategoryEvent","categoryEventParams","categoryId","categoryName","getSessionType","sessionType","startChatProperties","homepageSection","trackPaygRelatedProps","propValue","trackChatAttemptEvent","initialDuration","initialCharged","initialVoipCharged","initialVoipDuration","eventNameMP","chatProps","trackGTMEvent","platform","getClientPlatform","getSessionEventsProps","chatData","numberOfChatOrders","numberOfVcOrders","numberOfVoiceCallOrders","advisorName","_toCamelCase","utmCampaign","utmSource","lastHit","getDataFromStorage","lastHitSec","Date","sessionCount","mpProps","gtmProps","sessionsCount","timeFromLastSession","trackChatStartedEvent","trackDurationPickExitdMPEvent","trackDurationPickedMPEvent","trackBaseFavoriteEventMP","isFavorite","trackEventAddToCardFB","extraProps","convertedAnalyticEvents","trackEventDeleteOrder","order","orderType","trackRedeemPromoFailedEvent","trackRedeemPromoEvent","creditText","creditAmount","promoType","referringUserId","trackAdvisorProfileViewEvent","section","trackEventViewewContentFB","getClickSourceForEvent","trackProfileChatButton","ppm","mode","tryout","trackPlayingAdvisorProfileVideoEvent","duration","trackEventSpentCredit","ordetType","trackEventSpentCreditFB","trackEventAddToCardAction","trackEventAddToCardActionFB","trackTranscriptEvent","trackEventProfileButton","trackEventProfileButtonFB","trackPaymentSourcesEvent","paymentKind","numberOfCC","existing","source","errorText","getPurchaseScreenForPaymentSourcesEvent","paymentKindToAnalyticsName","trackSmartBannerEvent","secondsFromSessionBegan","purchase3DSRequiredEvent","purchase3DSFailedEvent","pageTitle","_window$optimoveSDK3","withUserId","optimoveUserId","API","getUserId","_window$optimoveSDK","optimoveSDKAPIGetUserId","_window$optimoveSDK2","checkOptimoveUserId","trackSessionHireEvent","manualAnalyticEvents","statusText","setError","navigationStackItemProp","itemScope","itemType","navigationStackItem","itemProp","span","meta","itemPropPosition","content","updateNavigationStackAction","showNavigationStackBar","pathData","clearNavigationStackIfNeed","_getValueOrDefault$sh","getValueOrDefault","shouldClearNavigationStackBar","clearNavigationStack","dataKey","findMatchingRouteKey","_getValueOrDefault2","_getValueOrDefault2$s","shouldSetNavigationStackBar","_getValueOrDefault2$s2","shouldShowNavigationStackBar","navigationStackBarRoutesData","directScreenStack","createPathData","needPresent","_getValueOrDefault3$s","showSmartBanner","aditionParams","updateSmartBannerVisibilityAction","setNewToPGAction","setNewToPG","_ref8","udpateSEOData","getSEODataAPI","deeplink","welcomePromoCodesAPI","setAnonymousUser","setAnonymousUserAction","_regeneratorRuntime","prototype","n","o","defineProperty","i","Symbol","iterator","c","asyncIterator","u","toStringTag","define","enumerable","configurable","writable","wrap","Generator","create","Context","makeInvokeMethod","tryCatch","h","l","f","s","y","GeneratorFunction","GeneratorFunctionPrototype","p","d","getPrototypeOf","v","values","g","defineIteratorMethods","_invoke","AsyncIterator","invoke","resolve","__await","callInvokeWithMethodAndArg","Error","done","method","delegate","maybeInvokeDelegate","sent","_sent","dispatchException","abrupt","TypeError","resultName","next","nextLoc","pushTryEntry","tryLoc","catchLoc","finallyLoc","afterLoc","tryEntries","resetTryEntry","completion","isNaN","displayName","isGeneratorFunction","constructor","mark","setPrototypeOf","__proto__","awrap","Promise","reverse","pop","prev","charAt","slice","stop","rval","handle","complete","finish","delegateYield","ownKeys","getOwnPropertySymbols","getOwnPropertyDescriptor","getOwnPropertyDescriptors","defineProperties","toPrimitive","String","Number","_toPrimitive","_toPropertyKey","asyncGeneratorStep","operationsStatuses","no_consent_privacy_policy","socialParams","showGDPRConsernPopup","authProgressActionCreator","clearPendingAction","authClearPendingCloseAction","clearPendingCloseAction","screen","screenChange","nextScreen","newScreen","consentToGDPRChanged","wasLogin","pendingAction","pendingCloseAction","authHandlerSuccessAction","authSuccessActionCreator","saveDataToStorage","authHandler","promise","_callee","reject","_context","_user$user","justSignedUp","authHandlerSuccessActionWithResUserIfNeed","resUser","autoRedemSetJustSignedUpAuthHandlerSuccessAction","justSignedUpAuthHandlerSuccess","autoRedemSetAuthHandlerSuccessAction","authHandlerSuccess","jsonError","errors","_next","_throw","_x","_x2","socRequest","_getState$auth","authSocAPI","recaptchaToken","logInAPI","registerAPI","logOut","logOutAction","logOutAPI","resetMP","hotJarReset","uploadingAWSSuccess","aws","uploadingAWSFailed","failed","uploadClear","upload","file","presignedUrl","contentType","headers","Headers","request","Request","fetch","uploadUserAvatar","uploading","getAvatarPresignedURL","presignedUrlKey","amazonRes","ok","updateUser","avatarUid","currentLogs","json2csv","JSON","err","csv","logUploadedTo","uploadUserLogs","events","lastEventAt","getTime","generateUID","Math","random","toString","substring","buildUrl","config","clAnalyticsEndpoint","buildBody","list","mixpanel","batch_id","distinct_id","get_distinct_id","clAnalyticsKey","doSendEvents","getMixpanelInstance","sendEvents","sendingEvents","visibilityState","navigator","sendBeacon","trackBEvent","event","updatedProps","$current_url","$screen_height","screen_height","$screen_width","screen_width","$insert_id","valiateUser","gender","dateOfBirth","pricingLoading","loadPricingOptions","requestParams","getPricingOptions","liveModes","chatPricingOptions","selectDurationKind","xfmProgram","newUserPaygPricingOption","texts","start","pricingOptions","chatInit","pricePerMinute","init","startChat","continueChat","_getState2$chat","item","continueChatActionCreator","continueChatApi","generalError","unknownError","doContinueChat","purchaseOnBack","continueFlow","purchaseBack","_getState5","continueCall","paymentComplete","introduce","durationSelected","selectedCarouselIndex","hasEnoughtCredit","isContinue","isNewUser","paymentRequired","onContinue","trackDurationPickRelatedAction","option","time","defaultDurationChanged","mpEvent","_getState6","clientAvailableCredit","_getState6$chat","displayVersion","newUser","defaultDuration","getDefaultDuration","durationOptions","getDurationOptions","requiredAmount","toFixed","durationPickRelatedProps","getDurationPickRelatedProps","selectedDuration","trackDurationPickExit","selectCredit","_getState7","_getState7$user","trackDurationPicked","purchaseDetailsTypes","CHAT","selectDurationOption","index","_getState8","cancelChat","cancel","createChat","_getState10","_getState10$chat","createChatApi","connectProvider","notInLiveMode","_getState9","trackMPBusyEventIdNeeded","cantCreate","processAdminMessageIfNeed","adminMessage","_getState11$chat","clientSummaryScreen","messageState","reason","_objectWithoutProperties","_excluded","getAdvisorSlug","adminUpdate","hangupChat","hangingUp","_getState$chat","_getState12","hangupChatApi","chatStates","ringing","cancelChatOnPPActions","cancelOnPP","trackSessionHireEventIfNeeded","_getState13","needTrackSessionHireEvent","setNeedTrackSessionHireEvent","NO_ANSWER","pubNub","listener","CATGEORY_ACTIONS","PNConnectedCategory","pubnub","actions","connected","PNNetworkDownCategory","down","PNNetworkUpCategory","up","updatePricingOptions","cancelChatOnPP","updateActions","ended","updateAdvisorIfEnded","paused","updateUserIfNeeded","updatePricingOptionsOnContinueIfNeed","dispatchAdminMessage","chatState","started","trackMPChatStartedEventIfNeeded","_getState2","trackNoAnswerEventIfNeeded","appConnectProvider","noAnswer","dispatchUserMessage","timetoken","uuid","arrayIndex","message","kinds","textSystemMessage","notification","ownUuid","typing","startPeerTyping","stopPeerTyping","systemMessage","offlineMessage","messageUpdate","handleTextUserMessage","connectPubNub","channelId","subscribe","channels","withPresence","doSendMessage","_getState8$pubnub","channel","sendByPost","storeInHistory","trim","states","publish","offline","messages","saveStorePubNubMessage","createListener","publisher","admin","sm","peers","findIndex","advisorConnectionLost","setAadvisorConnectionLost","receiver_ids","formatISO","category","rest","_excluded2","m","textreason","sendStorePubNubMessage","presence","connectChatProvider","module","ssl","restore","addListener","disconnectChatProvider","removeListener","shutdown","sendTyping","sendStopTyping","FB_PIXEL_ID","pixelScript","pixelNoscript","noscript","createElement","innerHTML","trackFacebookPixelEvent","eventIdData","isCustomEvent","facebookId","eventProperties","client_user_agent","userAgent","cookieValue","fbq","eventsQueue","facebookPixelInitialized","saveEventToQueue","eventFunc","eventParams","_toConsumableArray","AppEvents","ParameterNames","CONTENT_TYPE","CONTENT_ID","eventID","purchaseBasePrice","purchaseLocalCurrency","CURRENCY","NUM_ITEMS","REGISTRATION_METHOD","eventId","loadingFavoriteAdvisorsAction","favoriteAdvisors","markFavoriteAdvisor","favoriteAdvisorAPI","trackFavoriteEventMP","markFavorite","markFavoriteAction","markUnfavoriteAdvisor","unFavoriteAdvisorAPI","trackUnFavoriteEventMP","markUnFavorite","favoriteAdvisor","favorite","VAPID_KEY","ENV","messaging","monitorForMessages","onMessage","data","received","monitorRefreshToken","onTokenRefresh","retriveRegistrationToken","pushNotification","isNotificationSupported","isSupported","initFirebaseOrGetFBApp","getMessaging","Notification","permission","webPushToken","getToken","vapidKey","currentToken","sendPNTokenToServerAPI","advisorDataUpdate","timeStamp","databaseUpdated","getModeState","liveModeState","online","busy","onDataUpdate","database","getDatabase","advisorRef","onValue","snapshot","modes","val","parsedData","voiceCallState","videoCallState","updatedAdvisorLiveModes","modeState","getUpdateAdvisorLiveModes","some","advisorsArray","app","getAuth","currentUser","dbSubscribedAdvisors","realtimeUpdatesAuthToken","signInWithCustomToken","getApps","signOut","advId","off","clearDBSubscribedAdvisors","fundsLoadingError","funds","getFunds","getCreditsAPI","credits","products","errorModel","showPaymentDetails","SIDE_MENU","hidePaymentDetails","none","hide","showGeneralPopup","setChatPopupRightItem","setRightCustomItem","clearChatPopupRightItem","clearRightCustomItem","updateChatPopupBackAction","action","updateBackAction","cleanUpdatedBackAction","clearBackAction","eventsWaitingOptimoveInit","logEventProperties","trackChatEndedEventGTM","chatName","eventProps","getBaseSuperProperties","getBaseProfileProperties","getAppName","sameAs1","downloadLink","appleItune","sameAs2","googlePlay","sameAs3","socialLinks","ig","sameAs4","fb","description","image","imageItemProp","imageContentUrl","height","required","origin","getUpdatedSections","param","refresh","getHomePageParams","fullReload","join","buildQueryString","homePageLoadingAction","sectionsIds","sectionsloading","sectionsloadingHomeLoading","loaded","homeLoaded","sectionsWithAdvisors","_s$content","refreshReducersFromResponse","saveAdvisorsFromSections","updateSalesBannerIfNeed","allSectionIds","loadedSalesBannerAction","saveAllAdvisorsListSection","page","_allAdvisorsListSecti","_homePage$sections$fi","allAdvisorsListSection","allAdvisorsList","lastPageNum","newAdvisors","prevAdvisors","from","Set","cleanAdvisorsArray","advisorsSliceCounter","sectionsLoaded","getHomePage","_asyncToGenerator","hotJarInitialized","hotjarInstance","HOTJAR_ID","BACKEND_VERSION","NEED_TRACKING_HOTJAR","getHotjarInstance","locks","_yield$import","hotjar","getUserAttributes","language","getCurrentLocalization","date","getDateFromServerUTC","baseAttributes","getData","year","month","baseUserAttributes","totalPurchased","totalPurchaseFeesPaid","lastPurchaseDate","calculateDifference","date1","date2","installDate","createdAt","paypalTotalCharged","creditCardTotalCharged","userAttributes","identify","mixpanelInstance","MP_TOKEN","REPORT_SESSION_BEGAN","SESSION_BEGAN_TIMER","mpConfigured","sessionBeganTracked","identifyId","trackPeopleProperties","baseProfileProperties","people","impersonated","mergedEventProperties","_user$analyticsObject","timedAnalyticsProps","analyticsObject","timedAnalytics","timedAnalytic","getDateFromServer","isArray","handleTimedAnalytics","getUserAnalytics","_advisor$discountOffe","discountCouponId","discountOffer","getDiscountPercent","getActiveAdvisorDiscount","baseSuperProperties","trackSuperProperties","object","updatedAnalyticsObject","track","trackGTMWithSuperProperties","ignoreTrackSessionBeganEvent","getUA","media_status","trackSessionBeganEvent","resetMPIfNeed","get_property","removeEmptyValueInObject","_mpUser$user","mixpanelAliasCreated","userMPIdentify","alias","registerUser","activePromoType","activePromoName","unregister","debouncer","Debouncer","loadMyOrderList","myOrders","loadMyOrdersAPI","orders","initialLoad","loadedMyOrders","loadMyOrders","loadWithDebounce","createErrorAction","responseHandler","trackNotifyMeEvents","createSuccessAction","createNotifyMeAPI","deleteNotifyMeAPI","needToLoadAdv","getNotifyMeData","displayNotifyMeAction","kindToAnalyticsName","reportAddFundsScreen","trackMPEventAdditionalFundsRequired","additionalFundsParams","initialChargedPropName","initialDurationPropName","_getState$voipChat","noPaymentMethodsData","noPaymentMethodsEventData","clickSourceOrMobileClickSource","gatewayName","loadPaymentOptionsOnClose","_getState$paymentSour","paymentOptions","load","loadPaymentOptionsApi","newOptions","loadPaymentOptions","_ref$ignoreSkip","ignoreSkip","_getState$paymentOpti","skipNextLoad","checkIfCanMakeApplePayPayments","startEditingPaymentSource","edit","managePaymentSource","manage","doneAddCard","loadAvailable","forceReload","loadAvailablePaymentSourcesApi","sources","removeSource","removePaymentSourceApi","managingSource","paymentMethodRemovedParams","isDefault","trackStartAddingCreditCard","currentPaymentMethodData","trackCreditCardAdded","trackAddCreditCardFailed","scheme","failedReason","errorName","trackPaymentMethodChanged","purchaseScreen","addSource","addPaymentSourceApi","_ref$source","doneChangingPaymentSource","clearAddingCardError","setAddingCardError","addingCardError","editCardIfSecurityReasons","editPaymentSourceApi","generate_tokens","editPaymentSource","addingCardData","updatePaymentSource","paymentSourceParams","cardData","errorJson","error_name","errorMessage","addCreditCardFailedParams","err2","doneMakeDefault","onMakeDefault","makeDefParams","set_default","ccType","cleanUp","showPopover","promoError","promoCodeAPI","_fJson$errors","_fJson$errors2","promoCodeId","toJsonError","autoRedemSetLoadingAction","autoRedemSetLoading","autoRedemSetAuthHandlerSuccess","autoRedemSetJustSignedUpAuthHandlerSuccess","autoRedemSetBonusPopup","bonusPopup","removePromoFromSearch","autoRedemPromoCodeAfterAction","getAutoRedemPromoCode","getCookie","cookieName","removeCookie","cookieOptions","autoRedemPromoCode","needShowErrorPoppup","autoRedemPromoCodeJustSignedUp","jsonErrorCamelCase","changing","diffPrice","calculateDiffHandler","isMinPurchase","getMinPrice","AFFILIATE_PROMO_POPUP","requiredCredit","calculateRequiredFunds","getFeesApi","amountToPay","fees","updateDetails","clearDetails","_window$config$appley","appleMerchantId","appleypayMerchantId","ApplePaySession","canMakePaymentsWithActiveCard","canMakeApplePayPayments","updateApplePayEligibility","loadAdvisors","searchPage","needRefresh","searchResults","getSearchList","loadSuccess","loadError","userRoundCreditsIfCan","_window$store$getStat","propName","roundCredits","normalizeUser","cashbackAmount","referrerCreditAmount","clientLockedCredit","_advisor$liveModes$li","_advisor$liveModes","listLoaded","setAnalyticsProps","analyticProps","userLoadingCreator","userErrorCreator","getCurrentUserAPI","Bugsnag","getUserPromise","updateUserAPI","MPIdentify","paymentProcessingSequence","getMyAccountCreditsApi","updatePaymentProcessingSequence","voipType","discountData","voip","showSpin","voipContinueCallAPI","orderSummary","base","updatePurchaseDetailsAction","VOICE_CHAT","VIDEO_CHAT","trackVoipDurationPickRelatedAction","_getState2$voipChat","trackVoipDurationPickedAction","trackVoipDurationPickExit","continueVoipChat","_getState3","_getState3$voipChat","_getState3$voipChat2","creditRequiredOnContinue","creditRequiredOnContinueFlow","selectVoipCredit","_getState4","_getState4$voipChat","voipChatStates","selectVoipDurationOption","loadVoipPricingOptions","voiceCallPricingOptions","updatePricingOptionsActionCreator","_getState7$voipChat","initVoipChat","homePageSection","constraints","mediaDevices","getUserMedia","stream","getTracks","permissionDeniedError","getMediaAndCreateChat","audio","facingMode","cancelVoipChat","voipPurchaseOnBack","voipPurchaseSuccess","_getState9$voipChat","voipPurchaseSuccessOnContinue","_getState11$voipChat","processCreateChatError","createVoipChat","voipStartCallAPI","makeCallOrShowPopup","allowVoice","pgwebVoiceAllowance","allowVideo","pgwebVideoAllowance","notSupport","showNotSupportPopup","hangupVoipChat","onOngoingScreen","_getState15","_getState15$voipChat","conversationId","subscriberConnected","startHangingUp","voipHangupConversationAPI","forceHangupVoipChat","voipForceHangupConversationAPI","pullConversation","_getState$voipChat2","voipPullConversationAPI","pulled","connectionStatus","connection","subscribed","_getState16","_getState16$voipChat","voipNotifyPeerConnectedAPI","conversationOption","receivedSignal","callDurationNow","_getState$voipChat3","pingUrl","pingSequence","voipPingAPI","ping","_getState17","timerEndConversation","_getState$voipChat4","voipTimerEndConversationAPI","finishing","timers","pauseVoipChat","pause","setEnableMic","enable","enableMic","setEnableVideo","enableVideo","setReconnecting","reconnecting","cancelVoipChatOnPP","_getState18$voipChat","cancelVoipChatOnPPAction","_getState19","freeMinIcon","color","xmlns","viewBox","fill","modeImages","chat_online","isPS","chat_offline","chat_busy","voice_online","voice_offline","voice_busy","video_online","video_offline","video_busy","getBGColor","isWebView","getModeColor","getModeStatusColor","_ref2$isFreeMinLabel","isFreeMinLabel","isAdvisorBusy","getModeTitleColor","getModePriceColor","modeStatusStrings","getAltMessage","getModeTitle","triggerLogin","getImageSrc","renderPrice","promoPrices","userAdvisorModeSalePrice","availableSalesPrice","getAvailableSalesPrice","modePrice","sale","getAdvisorCTABtnClassName","_ref10","isPG","fullWidth","makeActionIfNeed","_ref11","advisorCTAOnClick","chat_init","voice_init","video_init","advisorCtaThemes","getImageId","getActualPrice","salesPriceType","personalSalesPrice","salesPrice","AdvisorCTA","advisorCallProps","userXfmProgram","needCheckAction","modeUnavailablePoppupVisible","setModeUnavailablePoppupVisible","defaultStartProps","hideModeUnavailablePoppup","preventDefault","modeIsOnline","_ref9","getSectionForEvent","trackProfileChatButtonAction","startVoipAction","getStartChatClickSource","onStartVoip","startChatAction","onStartChat","freeMinLabel","isXfmProgram","advisorXfmProgram","freeMinText","freeMinContainer","freeMinTextContainer","renderfreeMinLabel","getXfmFreeSetupMin","previewAdvisorCTA","previewCtaIcon","renderPreviewAdvisorCTA","boxShadow","modeImage","pricesContainer","modeTitle","ExpandedText","customClasses","ellipsis","modeStatus","modeUnavailablePoppupContainer","modeUnavailablePoppupBtn","LiveModeDefaultProps","_getUserFirstActivePr","advisorModeSalePrice","withLastLocation","TopIcons","loader","favoriteLoading","advisorStatus","onShare","share","iconsSectionContainer","renderNotify","onNotifyClick","handleNotifyClick","renderFav","handleFavoriteClick","iconButton","topIconImgBlack","topIconImgWhite","AdvisorDefaultProps","showBagde","needTrackProfileVideoEvent","defaultAvatar","badgeImages","renderNameSectionContent","nameSectionContainer","nickNameContainer","nickNameText","skeleton","Skeleton","serviceTitleContainer","serviceTitleText","renderNameSection","likesCount","dislikesCount","getReviewCount","renderBadges","badges","windowBadges","advisorBadge","bagdeSettings","badgeContainer","ratedImg","badgeText","getAdvisorStatusClassName","indicatorSkeleton","renderAdvisorStatus","indicatorContainer","statusTitle","toUpperCase","renderTopIcons","renderRating","isNewAdvisor","Rating","renderTopIconsContainer","topItemsContainer","AdvisorProfileAvatar","profileVideoThumbUrl","uiSettings","profileContainer","avatarContainer","profileImageContainer","transparentOverlay","profileImg","objectFit","advisorProfileAvatarTheme","AdvisorVideoPlayer","advisorInfo","statusContainer","reviewItemThemes","ReviewItem","isPositive","ignoreLeftMargin","marginLeft","reviewItem","reviewImg","reviewItemsContent","shouldRenderReviews","noReviews","renderBusyLable","busyLableContainer","renderAdvsiorTitleContent","advisorTitleContainer","advisorTitle","advisorTitleText","advisorSubtitle","advisorSubtitleText","renderAdvsiorTitle","AdvisorHeader","serviceDescription","renderAdvisorModes","advisorHeaderTheme","terminatedAdvisor","aboutMyServicesContainer","aboutMyServicesTitle","aboutMyServicesText","readMoreBtn","aboutMyServicesReadMoreBtn","ctaSkeleton","readMoreKind","limit","skeletonCount","skeletonClassName","ctaSkeletonFullWidth","ctaSkeletonContainer","advisorCTAs","userActivePromotion","advisorHeaderContainer","avatarHolder","basicInfoContainer","advsiorTitleContainer","topIconsAndRatingContainer","ratingHolder","needAddItemProp","couponLabelContainerBrowser","CouponLabel","advisorModesContainer","couponLabelContainerMobile","advsiorReadingsContainer","ReadingSinceAndCountItem","readingsTitleKey","readingSinceAndCountItemThemes","reviewsContainer","filters","positive","negative","default","reviewImage","like","Review","review","buyerNickname","comment","reviewContainer","reviewerName","reviewImgContainer","reviewBuyerNicknameContainer","reviewBuyerNickname","reviewDateContainer","format","count","reviewItems","itemsArray","getSelectedButtonStyle","buttonId","selectedId","reviewShowMore","showMore","onShowMore","showMoreButton","ReviewsSection","_queryString$parse","setSelectedId","onItemTap","updateQuery","currentTarget","buttonItem","reviewItemHolder","reviewsContent","needShowPlaceHolder","emptyReviewsContainer","headerContainer","SomeOtherAdvisors","subTitle","titleContainer","AdvisorsList","advisorsListThemes","someOtherAdvisor","homeButtonContainer","AppLink","to","homeButton","AdvisorSpecialities","specialities","specialitiesContent","renderSpecialitiesContent","containerClassName","iconUrl","spec","iconName","specialitiesClickSource","advisorProfile","Speciality","speciality","advisorSpecialitiesTheme","descriptionContent","makeMoreReadable","renderNoAavailableForPG","advisorAvalibalForPG","psychicsListTypes","NOTAVAILABLEFORPG","AdvisorMainContent","aboutMe","AdvisorStaticContainer","modesContainerVisible","renderAvatarSection","fixedContainerAvatarContainer","fixedContainerAvatarHolder","AdvisorAvatar","advisorThemes","profileSmallAvatar","advisorStaticTitleContainer","advisorNameContainer","advisorNameText","advisorServiceTitleContainer","advisorServiceTitleText","renderCtaSection","isKA","ctaHolder","AdvisorCta","renderTopIconContainer","topIconsContaner","sticky_icons","modesContainerStyle","getHeaderHeight","fixedContainerBrowser","fixedContentBrowser","optionsContainer","fixedTopContainerMobile","fixedTopContentMobile","fixedBottomContainerMobile","TerminatedAdvisor","TERMINATED","specialitiesAndAboutMeContainer","aboutMeContainer","aboutMeTitle","aboutMeText","aboutMeReadMoreBtn","_advisors$advisorId","carouselAvailability","available_busy_carousel","AdvisorRecommendCarousel","getAppRouteForMetaTags","getTitleMetaTags","getOGTitle","getAdvisorDescriptionMetaTagText","PGWEB_ADVISOR_DESCRIPTION_TAG","decodeHtmlBracketCharCodes","getMinPricePerMinute","prices","minPricePerMinute","min","getSku","addvisorIdSkuString","delta","extra","partArray","lastPart","leftPart","getGtin8","verifyBusyCarouselRender","trackBusyCarouselEventIfNeeded","arr1","arr2","prevSimilarOnlineAdvisorsRef","prevSimilarOnlineAdvisors","similarOnlineAdvisorsIds","every","userLoading","setModesContainerVisible","_useState4","userIdState","setUserIdState","appearedAt","handleScroll","getBoundingClientRect","bottom","onScroll","trackInitialEvents","isInitialMount","updateSimilarAdvisors","cleanupAdvisorFieldsForAnalytics","scrollTo","metaTagsName","metaTagName","metaTag","remove","removeMetaTags","prevUserId","UsePreviousValue","renderAdvisorRecommendCarousel","renderPromoLabel","promoLabelContainer","PromotionLabel","promotionLabelContainerMobile","promotionLabelTypeScreen","promotionLabelTypeScreens","_location$state","AppLayout","topGradientColor","footerMobileBottomHeight","AffiliatePromoPopup","property","textTruncate","renderCanonicalLink","updatePathTrailingSlashes","itemRef","days","ownProps","_matchPathname$patter","_ref$user","knownPaths","matchPathname","pattern","advisorLoaded","textStyle","wordBreak","countContainer","separateThousands","readingsSinceContainer","readingsSinceMobileContainer","staffPick","staffPickMobile","onHomePageAdvisorAvatar","onHomePageSecriceContainer","recommendAdvisor","onPlayVideoBtnContainerClick","renderPlayVideoBtnContainer","playVideoBtnContainerHolder","playVideoBtnContainer","playImg","playVideoImg","renderRateAndFaforite","rateAndFavouriteContainer","favouriteContainer","favoriteImg","nickNameAndServiseTitleConatiner","advisorNickNameContainer","readingSinceAndCountItemContainer","getAvatarUrl","mainContainer","imgContainerHolder","imgContainer","statusLabel","staff_pick","personal","badge","badge_end_to_end","searchResult","homePageAllAdvisors","activityAvatar","recommendedCarousel","getRatingText","ratingTextSkeleton","getRatingTextClass","newAdvisorText","ratingText","getRatingContaineritemProp","reviewCount","addMetaTag","ratingContainer","starImg","navigateToRegisterScreen","callCallbackOrSetItPending","authorizedCallback","needToAuthCallback","onFavoriteClick","subscribedToAdvisor","notifyMeTooltipContainer","getClickSource","favoriteAction","notifyClickAction","xIcon","isInFullScreen","fullscreenElement","webkitFullscreenElement","mozFullScreenElement","msFullscreenElement","playerVisible","setPlayerVisible","muted","setMuted","videoRef","closeBtnRef","playerContentRef","onPlayerClick","stopPropagation","videoPlayingDuration","currentTime","trackPlayVideoEvent","onFullScreenChange","onFullScreenChangeHandler","isSafari","setMutedForSafari","play","onfullscreenchange","onwebkitfullscreenchange","playerContent","closeBtn","showPlayerVisible","onPlaying","requestFullScreen","mozRequestFullScreen","webkitRequestFullScreen","webkitEnterFullscreen","requestFullScreenHandler","player","VideoPlayer","videoUrl","renderPlayBtn","playBtn","getPlayBtn","needOpenOnAppRoot","VIDEO_POPOVER","ratingCount","getPaginationPageItemClassName","paginationPage","seenPages","paginationPageItemActive","paginationPageItemSeen","paginationPageItemNotActive","getSearchWithPage","srarch","renderPaginationPageLeftArrow","leftArrowClick","paginationPageArrowContainer","paginationPageArrow","renderPaginationPageRightArrow","rightArrowClick","PaginationPages","setPaginationPage","setPaginationPageAction","seeMoreBtnClick","searchWithPage","renderPaginationPageItems","paginationPageItems","paginationPagesNumbers","sort","b","sortPaginationPagesNumbers","generatePaginationPageNumbers","blank","generatePaginationPageItems","paginationPagesContainer","getPage","usedPage","SeeMoreBtn","_getPage2","nextPage","seeMoreBtnThemes","bottomButtonContainer","padding","bottomButton","seeMoreBtnImg","seeMoreBtnText","needRenderSeeMoreBtnDefault","_getPage","renderSeeMoreBtnDefault","isLastPage","cleanFiltersItem","clearFilters","filterIsApplied","withSearch","filterButtonContainer","noFilterTitle","clearFilterIcon","renderAdvisorsList","renderAdvisorListSection","loadingAdvisors","advisorsEmptyList","advisorsList","advisorsContainer","AdvisorPreview","advisorCount","sectionSlug","affiliatePromoPopupCloseButtonAction","noNeedCloseIcon","needShowAffiliatePromoPopup","setNeedShowAffiliatePromoPopup","renderAffiliatePromoPopup","noNeed","showItem","noNeedRenderAffiliatePromoItem","closeButtonAction","AFFILIATE_PROMO","PurchaseDetails","AdvisorNotProvideServicesPopup","advisorNotProvideServicesPopupDataShow","onCloseCliked","advisorNotProvideServicesPopupData","setAdvisorNotProvideServicesPopupData","makeChangeLanguage","onAdvisorNotProvideServicesPopupContinueReadingClick","advisorNotProvideServicesPopupExploreOthersClick","ChangeLanguage","redirecPath","onLanguageChanged","profileLanguages","shouldRenderProcessingStatus","payPalWindow","okMessage","closePayPalWindowOnMpTrackPayPalProcessingEventsIfNeed","claerPaypalWindow","focus","close","closePayPalWindow","PayPalProcessing","onPurchaseComplete","hasPaypalBillingAgreement","purchaseAmount","currentPaymentOption","purchaseResponce","setPurchaseResponce","setPaypalWindow","_useState6","retryCount","setRetryCount","_useState8","closeWindowEventListenerMessage","setCloseWindowEventListenerMessage","_useState10","needTrackPurchaseStarted","setNeedTrackPurchaseStarted","purchaseFees","setPurchaseResponceData","tryParseJSONObject","setPurchaseResponceDataIfNeed","clearPurchaseResponceData","openPayPal","URL","paramsString","use_reference_transaction","with3ds","getFollowupParam","browserContext","fullURL","sign","_window","_window$frames","frames","innerHeight","innerWidth","_window$top","outerWidth","outerHeight","screenY","screenX","windowTop","windowLeft","openingwindow","open","removeEventListenerMessage","errorType","errorPathname","threeDAuthResult","mpTrackPurchaseStartedEvent","mpTrackPurchaseEvent","mpTrackPurchaseFailedEvent","mpTrackPayPalProcessingEvents","closed","onConfirmButtonClick","onConfirmButton","clearPurchaseAction","onFocusWindow","VERBOSE","focusPayPalWindowIfNeed","onCloseButtonClick","selectCloseButtonActionIfNeed","isSideMenu","closePurchaseDetailsOnSideMenu","onRetry","onRetryButtonClick","startPurchaseAction","clearAdditionalAction","openPayPalIfNeed","ProcessingStatus","isAffiliatePromoPopup","onFocusProcessingWindow","onConfirm","isCreditCard","payingWithCreditCard","buttonTitle","renderButtonTitle","defaultFunctions","func","_ref$purchaseDetails","ThreeDSecure","paymentsParams","createCreditCardProcessingPurchase","purchase3DSRequiredEventAction","purchase3DSFailedEventAction","bluesnap","jsReady","setJsReady","threeDsMixpanelProps","threeDsConfig","requiredParams","threeDsPaymentsSetup","sdkResponse","threeDSecure","threed_secure_reference_id","threeDSecureReferenceId","threed_auth_result","authResult","sdk_response","getClientPlatformForAPI","info","warnings","threeDsPaymentsSubmitData","scr","onload","setAttribute","jsSrc","head","renderThreeDSecure","CreditCardPayment","getCreditCardProcessingPurchaseResponce","paymentsData","paymentsResponce","setCreditCardPaymentStatusHandler","purchaseResponceInterval","setPurchaseResponceInterval","purchaseStarted","showThreeDSecure","int","CreditCardProcessing","getCreditCardProcessingData","clearCreditCardProcessing","purchaseParams","creditCardPaymentStatus","setCreditCardPaymentStatus","pendingCreditCardPaymentStatus","clearCreditCardPaymentStatus","startCreditCardProcessingPurchase","threedAuthResult","_creditCardPaymentSta","_creditCardPaymentSta2","purchase3DSRequiredEventHandler","purchase3DSFailedEventHandler","purchaseErrorText","paymentMethodCannotBeUsed","creditCardPaymentProps","onPurchaseClickedHandler","threeDSecureProps","creditCardProcessingError","creditCardProcessing","getCreditCardProcessingDataApi","result","dataLoaded","creditCardProcessingDataloaded","createCreditCardProcessingPurchaseApi","purchaseLoaded","createCreditCardProcessingPurchaseLoaded","getCreditCardProcessingPurchaseResponceApi","purchaseResponceLoaded","getCreditCardProcessingPurchaseResponceLoaded","purchaseDetailsCommonProps","loadingOptions","sideMenuPurcahseSuccess","affiliatePromoPurcahseSuccess","loadingSources","backArrowAction","creditCardValidateError","affiliatePromoPopupOnCloseIconClick","trackAddFundsScreenEvent","_getAddFundsInitialCh","getAddFundsInitialChargedAndInitialDurationPropsNames","showPaymentSources","paymentMethodListActions","getAddCardCinfig","paymentMethodListAnalyticsEvents","purchaseDetailsActions","onPurchaseDetailsScreenOpened","renderCreditCardProcessing","disableBuyButton","renderPayPalProcessing","addCreditCard","renderCreditCardValidateProcessing","requiresPayAsYouGoValidation","CreditCardValidateProcessing","onCreditCardValidated","hideAffiliatePromoPopupAction","paymentSourcesTheme","purchase","PurchaseDetailsCommon","clickSourc","creditCardValidateProcessing","onCloseIconClick","validating","voipPurchaseSuccessAction","withTranslation","SearchBar","searchInputRef","query","searchInputValue","setSearchInputValue","itemPropSearch","onSearch","onHeaderSearchClick","searchContainer","searchInput","inputSearchIconContainer","inputSearchIcon","renderItemPropMeta","searchField","searchButton","searchButtonTitle","searchButtonIcon","_require","_heroBannerSources","thumbMobile","videoMobile","thumbDesktop","videoDesktop","HeroBanner","setVideoUrl","posterUrl","setPosterUrl","handleResize","isMiddleMobile","resizeObserver","ResizeObserver","observe","disconnect","Trans","i18nKey","components","bold","poster","controls","loop","specialityClass","SpecialitiesSection","renderSpeciality","SectionDefaultProps","renderStartCallButtonContainer","handleLinkClick","previewAdvisorCTAContainer","renderStartCallButton","getObjectValue","StaffPickSection","onAnalyticsClick","_getObjectValue2","liveModeMinPrice","staffPickText","liveModeMinPromoPrices","onDescriptionExpand","handleLinkClickAction","mainContentContainer","sectionHeader","sectionIcon","sectionHeaderSeparator","headerTitle","advisorViewLink","advisorContainer","advisorInfoContainer","advisorInfoHeader","staffPickDescription","readMoreClick","footer","AdvisorModes","AdvisorModesThemes","previewAdvisorCTABottomContainer","_props$content","_props$content2","advisorID","PersonalSection","personalSections","selectedSection","setSelectedSection","personalSectionsMenuItemClick","AdvisorSection","advisorsSectionThemes","personalSection","adviosrsState","updatedSections","_sections$s","_updatedSections$s","ButtonSection","Title","fontStyle","Button","AllAdvisorsSection","loadAdvisorsForHomePageAllAdvisors","AdvisorSectionTitle","all_advisors_section","renderSections","emptySection","_createElement","showPersonalSectionBrowser","sectionType","sectionSubtype","identifySection","identifySections","sectionTypes","all_advisors","getIdentifySection","subtype","bage","noNeedMarginTop","needsHeaderTransparentTransition","_s$content2","parseAdvisorsFromAdvisorsState","chatOnline","modeIcon","fillRule","clipRule","modeIconV2","stroke","strokeWidth","chatOffline","voiceOnline","voiceOffline","videoOnline","videoOffline","modeIcons","preview","modesHolder","modesHolderSkeleton","liveMode","modeIconContainer","renderMode","PriceText","getadvisorSlug","advisorSlug","renderPriceText","getStartCallMode","notifyMeButton","renderNotifyMeButton","adjustModesInfo","valueWithoutModes","valueWithModes","renderModesInfo","renderAdvisorFreeMinutes","modesInfoContainer","modesInfoContainerWithIcons","_advisor$xfmProgram","innerRef","renderFreeMinutesLabel","active","advisorView","advisrServiceContainer","advisrService","advisornickNameAndServiceContainer","advisrNickName","skeletonOrItem","skeletonWidth","advisorServiceTitle","serviceDescriptionContainer","lineHeight","advisrServiceText","maxChars","bottomSection","getKey","WrappedComponent","renderedAt","visibleSince","setVisibleSince","isVisible","rootMargin","IntersectionObserver","observer","entry","isIntersecting","useIntersection","sendEvent","wasVisibleSince","opts","timeSinceFirstRender","timeVisible","AdvisorPreviewThemes","renderSeeAllBtnText","seeAllBtnText","seeAllBtnTextContainer","seeAllBtnRightArrow","seeAllBtn","renderTitleTextSection","advisorTitleTextSkeleton","getIconUrlStyle","shortDescription","alignItems","justifyContent","advisorTitleImg","advisorTitleDescription","advisorDescriptionSkeleton","advisorShortDescription","advisorShortDescriptionSkeleton","leftArrow","arrowImg","x","filterUnits","colorInterpolationFilters","floodOpacity","in","dy","in2","operator","rightArrow","scrollElementTypes","getJustifyContentStyle","scrollElementsContentWidth","windowInnerWidth","sectionSubTypes","endToEnd","getPersonalContentStyle","calcScrollElementContantWidth","setScrollElementsContentWidth","contentContainer","contentContainerChildrenArray","contentWidth","el","getComputedStyle","needShowScrollElement","setShowLeftScrollElement","setShowRightScrollElement","mainScrollContainer","offsetWidth","scrollLeft","scrollWidth","renderSeeAllItmeMobile","seeAll","seeAllItmeMobile","phoneOnlyUpSize","seeAllItmeMobileContainer","renderScrollLeftElement","showLeftScrollElement","onScrollBtnClick","scrollLeftElementContainer","scrollElementImgContainer","border","borderTopRightRadius","borderBottomRightRadius","renderScrollRightElement","showRightScrollElement","scrollRightElementContainer","borderTopLeftRadius","borderBottomLeftRadius","advisorAnalytics","sectionLoading","sectionTitleTheme","setWindowInnerWidth","advisorsContainerRef","advisorsContainerScrollerRef","scrollContainer","left","behavior","clientWidth","onScrollBtnClickAction","renderAdvisors","emptyList","emptyListForRecommended","recommend_advisors","emptyAdvisor","AdvisorRecommendPreview","renderAdvisorLoading","advisorSectionContent","cantBePresented","sectionMainContainer","advisorsContainerScroller","needRenderCoupon","userAdvisorModeMinSalesPrice","minSalesPriceType","couponLiveModeMinSalesPrice","convertStringToCamelCase","renderCouponImg","discountCouponIcon","priceColor","availableMinSalesPrice","salePriceTextWithCoupon","salePriceText","priceText","prePriceText","availableMinPrice","crosoutPrice","minPriceText","_getPrices","onlineLiveModePrices","parsedPrice","parsedAvailableSalesPrice","minPrice","getAvailableMinSalesPrice","getPrices","textColumnContainer","textContainer","priceSeparator","_getUserFirstActivePr2","advisorModeMinSalesPrice","countDownTitle","countdownBeforeEndInSeconds","countdownBeforeEventInSeconds","renderContdownContainer","promotionIsActive","contdownContainer","getImageObjectForWindowSize","imageObject","banner","webBanner","getImageObject","images","large","small","getBannerAspectRation","aspectRation","promotionSaleTitle","promotionShortDescription","bannerImg","imgSrc","getBannerImg","timer","seconds","currentSeconds","setCurrentSeconds","promotionActive","floor","toLocaleString","minimumIntegerDigits","promoLabel","PromotionContent","PromotionDefaultProps","recentlyViewed","favorites","contactAgain","votedMostAccurate","highestRated","trending","recomended","redeemCahsback","topAdvisorsTarotReadings","pathHeadingAdvisors","tensionRelationshipAdvisors","soulmateAdvisors","button","advisorsSectionTypes","advisorsSectionTypesArray","advisorsSectionType","typesToArray","idsArray","sectionId","typesArray","SectionProps","HomePageAdvisorLiveModes","HomePageAdvisorLiveModesDefaultProps","AdvisorBadgesProps","AdvisorBadgesDefaultProps","HomePageAdvisorProps","HomePageAdvisorDefaultProps","FullAdvisorDetails","busy_status","is_available","instructions","profile_video_thumb_url","profile_video_url","advisor_share_link","FullAdvisorDefaultDetails","about_me","promotionSaleCampaign","shareBanner","webBannerImgSrc","getBuyBtnClassName","renderError","validateCreditCardAction","validatedData","validateCreditCardClearAction","getValidateCreditCardStatus","creditCardValidateProcessingValidating","getValidateCreditCardStatusInterval","setGetValidateCreditCardStatusInterval","onClickBtn","validateCreditCardActionHandler","intendedAdvisorId","intended_advisor_id","order_type","purchaseTypeToOrderType","chatTypeToOrderType","getValidateCreditCardRequestParams","creditCardValidateProcessingValidated","setValidatedData","creditCardValidateProcessingError","ownProp","validateCreditCardApi","getValidateCreditCardStatusApi","endPurchaseErrorTypes","indexOf","followupParam","errorOrigin","recoverable","retriable","recover","hidePaymentDetailsAndCancelChatIfNeed","onbeforeunload","spendLimits","reload","_ref12","getPurchaseClickSource","click_source","getPurchaseScreenProp","purchase_screen","getChatPurchaseScreenName","buildEventData","_ref15","_ref16","_ref15$clickSource","purchaseAmountFloat","hash","set3DSAuthResult","_ref13","getPurchaseBillingAgreementProperty","paymentOptionEventData","_ref14","extraEventParamsData","_ref17","_ref18","getFailReason","_ref19","payPalProcessingFailReason","getPurchaseFailedPropsForMobileApp","_ref20","_ref21","_ref21$clickSource","TCP_BANNER","GDPRConsernPopupVisible","tcpBanner","termsAndPoliciesUpdateViewed","termsOfUseClicked","setTermsOfUseClicked","privacyPolicyClicked","setPrivacyPolicyClicked","termsAndPpUpdateViewed","setTermsAndPpUpdateViewed","hideGDPRConsernPopup","server","termsAndPoliciesUpdateViewedEvent","serverContentBtnOnClick","updateTcpBanner","regularContentBtnOnClick","socialContinueOnClick","renderServerContent","ppTofModalSignUpContent","ppTofModalSignUpHeader","header","tcpBannerText","ReactMarkdown","serverContentLinkOnClick","ppTofModalSignUpButton","renderModalContent","tcpBannerBodyText","ppTofModalCancelButton","socialOriginOnClick","_ref$auth","tcPpBanner","reloadDocument","_getUpdatedLink","updatedLink","getUpdatedLink","onLinkClick","Link","needUpdatePathTrailingSlashes","matchingRouteKey","exists","findFullRouteKey","matchingRoute","_ret","isPattern","_loop","translationObject","routesTranslationKeys","returnObjects","translationKey","matchPath","isActiveRoute","lastChar","_matchRoutes2$","matchRoutes","FilterDropdown","selectedOptionId","dropdownId","setOpen","onOptionClick","handleClick","parentNode","contains","handleClickAction","node","_ref$handle","percent","getHandleProps","isLeft","getTrackProps","currentPPMRange","onRangeChange","_window$config$filter","filterPricePerMinute","max","step","Slider","domain","onUpdate","Rail","getRailProps","Handles","handles","Handle","Tracks","right","tracks","Track","filterSwitcherId","offColor","handleDiameter","getInitialState","include_offline","min_number_of_reviews_ge","ppm_ge","ppm_le","reading_via","readingVia","numberOfReviews","ppmRange","includeOffline","searchQuery","renderAffiliatFilterViewBullet","iconId","localizationKey","normal","renderViewForNewAffiliateUser","showFilterPopover","renderFiltersMobileView","searchIconTap","eligibleForNewAffiliateUserView","searchSection","onSearchChanged","onPopoverSearchInputKeyDown","renderCancelBtn","showFilters","closeFilters","newToPG","setReadingVia","setNumberOfReviews","setPPMRange","setIncludeOffline","setSearchQuery","_useState12","historySearch","setHistorySearch","_useState14","setShowFilters","openFilters","onReadingViaChanged","onNumverOfReviewsChanged","onSliderChanged","onIncludeOfflineChanged","popoverId","onFilterApply","prevHistorySearch","parsedHistorySearch","searchWithoutFilters","filtersAllowedParams","readingViaFilters","numberOfReviewsFilters","borderBottom","FilterSlider","FilterSwitcher","SignOut","MODAL","showSignOutModal","signOutClick","signOutCancel","signOutOk","renderSingOutContent","signOutContentContainer","signOutHeader","signOutBody","signOutYesBtnContainer","signOutCancelButton","signOutCancelBtnContainer","signOutYesButton","renderBoldText","renderSignOutButton","isModal","signOutButtonModal","signOutImage","modalSignOutText","icon","signOutButton","signOutContainerModal","signOutContainer","getMenuItemClass","extraNode","rightPos","MenuItem","linkTo","asHref","openInNewTab","renderActionLink","renderRemoteLink","activeStyle","appcolor","renderInnerLink","renderBadge","overflowCount","customClass","Badge","renderBadgeAroundAComponent","needReview","renderMessages","MessageCountBadge","_user$badgeCounters","badgeCounters","unreadMessagesCountTotal","sideMenuArrow","iconToUse","getIcon","requireContext","specialitiesArrowKa","specialitiesArrow","renderSideMenuSpecialitiesArrow","specialitiesShow","specialitiesArrowBtn","renderSpecialities","renderSideMenuIcon","needChekActive","menu","SpecialitiesMenuItem","dynamicRoutesKeys","setSpecialitiesShow","showSpecialities","currentLang","userLoggedIn","getSpecialitiesRoutes","_dynamicRoutes$key$tr","dynamicRoutes","translations","specialitiesContainer","componentStyles","transparentStyles","borderColor","borderStyle","borderRadius","borderBottomStyle","borderBottomWidth","borderBottomColor","regularStyles","getComponentStyle","transparent","logo","getAltLogo","altLogo","alt_text","renderLogoImg","itemPropImage","renderLogoMeta","onSideMenu","headerLogoH1Container","HeaderLogo","toggleDrawer","sideMenuIcon","badgeCount","headerLogoContainer","menuButton","menuButtonImg","headerLink","headerTitleTM","sideMenuIconNames","_ref2$needChekActive","_ref2$style","getIconToUse","forAppContext","renderChangeLanguageMenuItem","showChangeLanguage","toggleChangeLanguagePopup","createPortal","renderBlogMenuItem","articles","blog","renderMyHoroscopeMenuItem","myHoroscope","SideMenu","isSufficientForCashback","shouldShowPayoutMethodMenuItem","setShowChangeLanguage","favoriteRouteSettings","getRouteSettings","MyOrdersBadge","addFunds","isPGW","cashback","customerSupport","forAdvisors","settings","showPaymentMethodMenuItem","IMAGE_SIZE","createImage","Image","getCroppedImg","_getCroppedImg","imageSrc","pixelCrop","canvas","ctx","maxSize","safeArea","getContext","sqrt","translate","drawImage","getImageData","putImageData","toBlob","CustomSlider","onSliderUpdate","_arrayWithHoles","_iterableToArrayLimit","_arrayLikeToArray","test","_unsupportedIterableToArray","_nonIterableRest","Cropper","onCropFinished","onCancel","crop","onCropChange","_React$useState2","zoom","onZoomChange","croppedArea","setCroppedArea","extracting","setExtracting","onCropComplete","area","croppedAreaPixels","extractCropedImage","croppedIMG","getCroppedImage","renderHeader","renderFooter","renderCroper","ReactCrop","JUMIO_POPOVER","FilePicker","onFilePicked","inputFile","click","accept","files","UserAvatarPicker","pickedFile","setPickedFile","createObjectURL","croppedFile","isPopoverVisible","setIsPopoverVisible","triggerNode","contentNode","titleNode","profileInfoPopoverContainer","profileInfoPopoverInnerContainer","profileInfoPopoverTopArrow","profileInfoPopoverInner","profileInfoPopoverTitle","profileInfoPopoverInnerContent","innerSearchKinds","getInnerSearchItemDisplay","showHeaderSearchLine","setShowHeaderSearchLine","onHeaderSearchLineButtonClick","onHeaderSearchLineButtonKeyDown","searchInputValueChange","headerSearchButtonClick","headerSearchLineCloseButtonClick","isSearchLineCloseButtonClick","headerSearchMainContainer","headerSearchButton","headerSearchButtonImg","headerSearchLineContainer","headerSearchLineInputContainer","headerSearchLineSearchIconAndInputContainer","headerSearchGreyIcon","headerSearchLineForm","headerSearchLineInput","autoComplete","headerSearchLineDivider","headerSearchLineSearchCloseButtonContainer","headerSearchLineButton","headerSearchLineCloseButton","headerSearchLineCloseButtonImg","plusIcon","filledPlusIcon","editIcon","getAvatar","avatarUrlResize","avatarUrl","getAvatarIcon","getCreditButtonText","availableCredit","formattedNumber","Intl","NumberFormat","maximumFractionDigits","minimumFractionDigits","AppHeader","withTranparentTransition","logOutSuccess","scrollY","setTransparent","getNicknameContainerClasses","nicknameContainer","empty","showSignUp","showSignIn","TopBanner","headerContent","headerSearchAndProfileContainer","HeaderSearch","popoverContainer","ProfileInfoPopover","profilePopoverHeaderWrapper","profilePopoverHeaderAvatarContainer","popoverAvatar","avatarIconContainer","avatarIcon","profilePopoverHeaderRightSide","addCreditsButton","popoverItem","popoverItemText","profileInfoContainer","profileInfoContainerDivider","avatar","signInButtonsContainer","loginButtonContainer","xfm_program","Header","socialLinksArray","tt","yt","onIconTap","companyInfo","getFullYear","FooterOrganism","footerLogo","termsLinks","tos","affiliation","logoAction","links","aboutUs","Footer","renderArticleTitle","articleTitle","renderArticleSubtitle","articleSubtitle","renderArticleText","alwaysExpanded","whiteSpace","transform","reactNode","domNode","attributesToProps","custom","SeoData","seoScript","articleContent","isNewToPG","needRenderNewToPGSection","replaceScript","currentElement","htmlDescription","htmlTitle","ogTitle","ogType","ogDescription","ogImage","anyArticleDataExcist","getLinkStyle","isLast","textColor","cursor","presentPightArrow","NavigationStackBar","routeSettings","renderNavigationItems","_screenStack$item","strokeLinecap","renderItem","removeHeader","fullHeight","noNeedFooter","setVisible","appLayoutItemProp","calculateScrollbarWidth","scrollbarWidth","documentElement","setProperty","appRoot","rootHeader","rootContent","fullHeightContainer","childrenContainer","invisibleScrollBar","Hls","hls","loadSource","attachMedia","on","MANIFEST_PARSED","canPlayType","destroy","onPlayerClickHandler","playsInline","onTouchStart","autoPlay","preload","setImpersonated","userSetImpersonate","defaultHeaders","deviceId","deviceHeader","WEBDEVICE_ID","Accept","querySelector","getAttribute","WEB_CLIENT","_ref$opts","_ref$ignoreBaseUrl","ignoreBaseUrl","ignorError404","_ref$ignoreUserUpdate","ignoreUserUpdate","apiMethod","endpoint","t0","getDeviceId","get","responseJson","validateApplePayMerchantApi","paymentSourceId","paymentSessionUrl","toSnakeCase","queryParameters","loadFavoriteAfvisorsAPI","loadAdvisorOrdersAPI","loadOrderDetailsAPI","remeberMe","remember_me","rc_token","intention","facebook_token","google_id_token","consent_to_privacy_policy","with_verification","checkNickname","introduceYourselfUpdate","date_of_birth","sendOrderReviewAPI","feedback","deleteOrderAPI","delete","sendOrderMessageAPI","authorName","passwordUpdateAPI","confirmPassword","password_confirmation","loadNotificationPreferencesAPI","updateNotificationPreferencesAPI","preferences","with_payment_sources","loadTransciptAPI","loadCashbackStatusAPI","web_push_token","changeAppStateAPI","parameters","advisor_id","price_per_minute","conversation_type","buyerDuration","advisorDuration","sequenceNumber","getUserVerificationsAPI","createUserVerificationAPI","verification","getVerificationStatusAPI","jumioUploadedAPI","_toCamelCase2","minNumberOfReviewsGe","ppmGe","ppmLe","createCreditCardProcessingPurchaseRequest","withCkoGetDeviceSessionIdApi","openFrom","amount_to_pay","message_kind","validateCreditCardRequest","sequence","getCategoriesAPI","getMyAccountBadgesApi","defaultRoute","orderDetails","transcript","emptyPreload","notificationPreferences","fromEntries","entries","specialityRoutesKeys","isSpeciality","createCategoryData","_route$translations","categoty","categoties","reduce","routeData","componentsSettings","_objectSpread5","showBanner","needReplaceHeaderSearch","apiKey","BUGSNAG_KEY","CLIENT_APP_VERSION","plugins","BugsnagPluginReact","enabledBreadcrumbTypes","onError","originalError","sendLogsIfNeed","BUGSNAG_TRACKING_EVENTS","ErrorBoundary","createErrorBoundary","initLogger","LOGGER_ENDPOINT","LOGGER_SECRET","specificValues","pg","vc","voice_call","ka","ps","contactUsLink","contactUs","projectLinks","appContext","sharePopupKind","pgZendeskDomain","privacyLink","categories","DEFAULT","CHAT_ENDED","INTRO_DATE_PICKER","INTRO","ABSOLUTE_POPUP","SCROLLED_POPUP","BOTTOM","promoCodeTheme","rateReviewTheme","starRateTheme","ADVISOR_PROFILE_BROWSER","propertiesNames","backgroundSecondary","liveChatChannels","voiceCallChannels","borderPrimary","appOverlayBlackColor","smartBannerBackground","addCreditCardZenModeContainerBackgroundColor","noPaymentMethodImgWidth","connectBtnMaxWidth","specialitiesShadow","advisprSpecialitiesMobileDirection","minPriceTextDisplay","durationItemPriceContainerBackgroundColor","recommendedAdvisorPriceFlexDirection","recommendedAdvisorPriceAlign","piceTextContainerMarginLeft","durationOptionXfmLabelColor","durationItemPriceContainerBorderRadius","durationItemSelectedPriceContainerBackgroundColor","advisorPreviewXfmLabelBackground","advisorPreviewXfmLabelBorderRadius","couponSalesPrice","liveModeMinSalesPrice","personalLiveModeMinSalesPrice","recommendedAdvisor","live_chat","video_call","contextToChatType","activityFeedMessageType","coupon","pageLoaded","updateRecentlyFavorited","messagesRead","sendedOrderReview","sendedOrderReviewError","sendedOrderReviewClearError","systemMessageUpdate","changePaymentSource","changePaymentSourceBack","clearAdvisorConnectionLost","appInitial","appStarting","appConnecting","appNotInLiveMode","appCantCreate","paymentRequiredOnContinue","continuingChat","waiting","accepted","inConversation","forceHangup","manualHangup","endedConversation","buyerFinished","advisorFinished","errorHappened","connecting","starting","continue","updateUserData","inProgress","saveInputsValue","saveButtonActive","contentUpdate","notificationPreferencesLoaded","cashbackStatus","sharePopup","clientSettings","pricingOptionsUpdate","enableSound","chatTypeToModeName","loadingVerifications","loadVerificationsError","verificationsLoaded","verificationSelected","jumioEnded","verificationProcessed","verificationStatusUpdated","cleanError","jumioError","oldUser","newUserPayg","setData","newUserPaygBonusItemKind","cardValidationBonus","xfm","discountDataKind","discountApplied","maxDiscountApplied","advisorSpecialOffer","setCookie","_createClass","clearTimer","clearTimeout","debounceLoad","debounceTime","delayed","dId","fingerprintjs","fingerprint","delayDeviceId","methodsPath","initResources","initReactI18next","resources","fallbackLng","supportedLngs","InfiniteScroll","loadMore","initialPage","hasMore","threshold","scrollElementRef","dateLabelScrollHandler","_document$getElementB","_scrollElementRef$cur","scrollHeight","scrollTop","clientHeight","contentHeight","createLogger","diff","middleWares","thunk","configureStore","reducer","middleware","getDefaultMiddleware","immutableCheck","serializableCheck","XFM_ADDITIONAL_FREE_SETUP_TIME","XFM_PROGRAM_ACTIVE","DEFAULT_XFM_CREDITS","advisorsState","advisorModeIsActive","modeUntil","_ref$withSearch","cleanFilters","isSignUp","localStorage","setItem","DOMException","QUOTA_EXCEEDED_ERR","removeItem","getItem","canShowAdvisorRate","minReviewsNumberForDisplayingRating","cardsIndexes","indexArray","formattedCredit","str","strLength","strEnding","ending","moreReadableText","moreReadableTextPart","leftText","firstPart","secondPart","secondPartforDotOrNewLine","pathsNameWithLocalization","pathsArray","onHeaderSearchClickAction","qs","currentState","getOnHeaderSearchClickActionState","obj","shift","searchInputRefValue","headerSearchLineButtonDisabled","searchValue","specialityNameOnTwoLine","specialityNameClass","words","firstLine","secondLine","getPropertyValue","middlePhoneOnlyUpSize","Function","additionalOptionsName","_pricingOptions$find","defaultOption","isInteger","getCurrentTimeZone","DateTimeFormat","resolvedOptions","timeZone","convertDateTimeZone","dateString","timeZoneString","routesSettings","_obj$translations","flattened","translationObj","flattenRouteSettings","routeMatch","pathnames","matchBannerRoutes","shouldShowAffiliateBanner","getXfmDefaultMinutes","defaultModesColors","setElementZIndex","decreaseElementZIndex","low","high","advisorsBySlug","advisorMatch","getActiveOffer","_window$store","_window$bonusInfos","offers","trailingZeroDisplay","activePromotions","bonusType","getTimeOnBubble","_ref22","now","hours","getHours","getMinutes","ampm","formattedHours","padStart","formattedMinutes","pgLogoIcon","pgFooterLogo","kaCouponLogo","pgCouponLogo","maskType","maskUnits","mask","fillOpacity","psCouponLogo","clipPath","x1","y1","x2","y2","gradientUnits","stopColor","stopOpacity","offset","DISCOUNT_COUPONS","procent","discountPercent","oneHourTimer","timerEndAction","_ref2$setLeftSeconds","setLeftSeconds","dateNow","differenceInSeconds","timeIndex","secondsLeft","minutesLeft","_slugMatch$params","knownPath","kp","slugMatch","imageName","extension","SpecialityPropType","analyticsName","iconHomeUrl","iconDetailsUrl","ReviewPropType","FavoriteData","availability","availabilityOnce","videChat","videoChatOnce","voiceCall","voiceCallOnce","textChat","textChatOnce","availabilityNotificationType","ReviewItemsropType","LiveModePropType","nickName","advisorShareLink","accuracyPercent","accuracyReviewersCount","favoriteData","uploadUrl","utilityBillStatus","idScanStatus","utilityBillErrorCode","updateVerificationsArray","currentVerifications","newVerification","purchaseDetailsReducer","createReducer","userVerifications","selectedVerification","jumioProcessing","verificationProcessing","ver","wallet","cannotBeUsedOnThisBrowser","pleaseReEnterTheCardDetailsForSecurityReasons","CHAT_ENDED_RATE_REVIEW","paymentMethodsListTitleTheme","walletHolderId","light","NTYPE","PSYCHICS","ORDER_MESSAGE","supportedApplePayVer","supportedNewPOWalletVersion","invisibleScrollbarWidth","mobileClickSource","_location$state2","clientPlatforms","pgapp","poapp","kasamba","psapp","pg_client","client_platform","isOldMobileApp","browser_context","standalone","safari","ios","host","isPOW","process","po","appCode","_ref2$forAppContext","appTheme","img","nameWithTheme","imgWithTheme","unknowImg","nameWithoutAppContext","obj1","obj2","convertCase","oldObject","converterFunction","newObject","oldKey","newKey","camelCase","snakeCase","lowerCase","convertStringToSnakeCase","letter","replaceAll","_templateObject2","_taggedTemplateLiteral","_templateObject","afChanel","parsedURL","af_channel","nicknameIsValid","cc","pp","iap","ap","adding","availableMethods","jsonString","capitalizeFirstChar","formatCardName","splitedString","cardName","purchaseTypes","side_menu","matchup_promo","getPurchaseType","getPrice","getBonus","getDuration","getAdvisorId","getIsPayg","payg","hideEmailAdress","emailSplit","emailFirstPart","firstNCharts","_userReducer$user","minCreditRequestedCents","localDate","currentDate","milliSecondsDifference","differenceInMilliseconds","windowConfigUtcDate","utc","addMilliseconds","dateFromServer","getTimezoneOffset","getDataTypes","getDate","day","getDay","getMonth","getYear","itemCount","calculateDifferenceTypes","differenceInDays","years","differenceInYears","addCreditPath","clickSourceParam","queryParams","is_affiliate_promo_purchase","asyncLoadScript","scriptURL","existingVariable","script","onerror","recaptchaKey","grecaptcha","enterprise","ready","execute","currentPaymentSource","riskModel","_currentPaymentSource","riskModelConfig","publicKey","riskJsUrl","Risk","publishRiskData","deviceSessionId","ckoGetDeviceSessionIdApi","getTextColorForTheme","caseSensitive","end","isPaygAndNotEligibleToPayAsYouGo","eligibleToPayAsYouGo","clearedObject","isVersionHigher","mobileVersion","app_version","semver","updatedPurchaseURL","purchaseURLSearch","purchaseURLPathName","parsedPurchaseURLSearch","parsedExtraParams","updatedUrlSearch","cookieNames","acceptClick","setTime","expires","showCookiesPopover","setshowCookiesPopover","wpccContainer","wpccContent","wpccIcon","wpccMessage","wpccPrivacy","wpccCompliance","wpccBtn","errorX","closeIcon","renderAlertContent","getlimitedText","readMoreBtnText","extraInfo","getText","textString","limitCharactersText","renderReadMoreBtn","readMoreBtnClick","isTextClamped","textType","getTextLength","getEllipsisTextStyle","WebkitLineClamp","ellipsisTextStyle","setExtraInfo","setIsTextClamped","ellipsisTextRef","elm","ellipsisText","offSliderImg","onSliderImg","offSliderColor","onSliderColor","onCheckBoxChange","htmlFor","renderAdvisorService","advisorRecommendContainer","bool","trackBusyCarouselClickAction","recommendedCarouselContainer","recommendedCarouselMobile","recommendedAdvisors","array","wrapperFreeMinutes","advisorFreeMinutes","isUser","isTyping","avatarSrc","timeOnBubble","chatBubbleWrapper","alignSelf","chatBubbleAvatarContainer","Avatar","paddingRight","chatBubbleUser","chatBubbleOther","chatBubbleLoader","chatBubbleLoaderCircle","chatBubbleMessage","chatBubbleMessageText","chatBubbleTime","chatBubbleMessageTimeText","componentNameToLowerCase","projectPrefix","ComponentModule","getContextRenderer","couponStateType","messageNote","couponState","setCouponState","couponIsActive","renderCouponLabelContent","couponBubbleLabelBadgeContainerExpired","couponBubbleLabelBadgeContainerReached","getBadge","Coupon","couponType","discountText","couponBubbleWrapper","couponBubbleAvatarContainer","couponBubbleContainer","couponBubbleMessage","couponBubbleLabelContainer","couponBubbleMessageText","couponBubbleNoteMessage","couponBubbleTime","couponBubbleMessageTimeText","renderCouponBubble","leftSeconds","leftHours","needRenderCouponLabel","couponLabelContainer","ceil","colors","prop","getCellContainerClass","orderCellContainer","borderDefault","kaBorderChat","kaBorderVoice","orderSubject","orderDescription","labels","renderOrderTitle","orderCellTitleContainer","orderCellIcon","renderOrderIcon","orderCellSubjectContainer","orderSubjectName","orderCellContentContainer","orderTitleLabelsContainer","labelsHolderContainer","label","orderCellLabelContainer","orderRightDataContainer","orderDataContainer","orderDescriptionContainer","orderDescriptionIcon","rightArrowContainer","rightArrowIcon","webpackContext","req","webpackContextResolve","__webpack_require__","exports"],"sourceRoot":""}\n
\n \n { renderOrderTitle() }\n { renderLabel() }\n
\n \n
\n \n { renderOrderDescription() }\n
\n \n
\n