\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\",\"rememberMeCheckboxInput\":\"rememberMeCheckboxInput--m5p_y\",\"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\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 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 const notFoundAction = () => {\n if (isAdvisorPage) return null;\n return renderNotFoundPage();\n };\n\n const renderServiceUnavailablePage = () => (\n \n \n {t('error.oops')}\n \n \n {t('error.home_button')}\n \n
\n \n
\n );\n\n return renderNotFound(errorCode, notFoundAction, renderServiceUnavailablePage);\n}\n\nNotFound.propTypes = {\n errorCode: PropTypes.number,\n t: PropTypes.func.isRequired,\n clearApplicationError: PropTypes.func.isRequired,\n statusText: PropTypes.string\n};\n\nNotFound.defaultProps = {\n errorCode: null,\n statusText: null\n};\n\nexport default NotFound;\n","import { connect } from 'react-redux';\nimport withPGTranslation from '../../config/withPGTranslation';\nimport { clearApplicationError } from '../../actions/aplication_error';\nimport NotFound from './not_found';\n\nconst mapStateToProps = ({ applicationError }) => ({\n ...applicationError\n});\n\nexport default connect(mapStateToProps, {\n clearApplicationError\n})(withPGTranslation(NotFound));\n","// extracted by mini-css-extract-plugin\nexport default {\"pushNotificationContentContainer\":\"pushNotificationContentContainer--hexl_\",\"pushNotificationTextContainer\":\"pushNotificationTextContainer--X99mV\",\"pushNotificationTitleContainer\":\"pushNotificationTitleContainer--t6KrM\",\"pushNotificationButtonsContainer\":\"pushNotificationButtonsContainer--q3Oen\",\"pushNotificationCancelBtn\":\"pushNotificationCancelBtn--d4eAx\",\"pushNotificationOkBtn\":\"pushNotificationOkBtn--lKiai\"};","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classes from './classes.module.scss';\nimport AppGeneralPopup from '../../../common/app_general_popup';\nimport { appGeneralPopupTheme, NTYPE } from '../../../common/config/const';\nimport { refreshReducersFromResponse } from '../../config/api_functions';\nimport { appRoutes } from '../../config/app_routes';\nimport { getMyAccountBadgesApi } from '../../config/api';\nimport { useLocalizedNavigate } from '../routes/hooks/useLocalizedNavigate';\nimport { useCurrentPath } from '../routes/hooks/useCurrentPath';\n\nconst renderNotificationTitle = (title) => (title ? (\n \n \n {t('error.oops')}\n \n \n {errorCode}\n \n\n \n {statusText}\n \n \n {t('error.home_button')}\n \n
\n \n { title }\n
\n) : null);\n\nfunction PushNotification({\n notification, t, loadHomePage, loadAdvisor, needToHandle, clearPN, userbadgeCounters, advisors\n}) {\n const history = useLocalizedNavigate();\n const currentPath = useCurrentPath();\n\n const [modalVisible, setModalVisible] = useState(false);\n\n const handlePsychicNotification = (onOpen) => {\n const { advisorId, advisorSeoName } = notification;\n if (onOpen) {\n clearPN();\n history(appRoutes.advisor, { params: { slug: advisorSeoName } });\n history(0);\n return;\n }\n\n if (parseInt(currentPath?.params?.slug, 10) === advisorId) {\n loadAdvisor(advisorSeoName);\n clearPN();\n return;\n }\n loadHomePage(true);\n setModalVisible(true);\n };\n\n const updateUserUnreadMessagesCountTotal = () => {\n const updatedUser = { badgeCounters: { ...userbadgeCounters, unreadMessagesCountTotal: userbadgeCounters.unreadMessagesCountTotal + 1 } };\n refreshReducersFromResponse({ user: updatedUser });\n };\n\n const updateUserActivityUnreadMessagesCount = () => {\n const { advisorId } = notification;\n const updatedAdvisor = {\n id: advisorId,\n liveModes: advisors[advisorId].liveModes,\n unreadMessagesCount: advisors[advisorId].unreadMessagesCount + 1\n };\n refreshReducersFromResponse({ advisor: updatedAdvisor });\n };\n\n const handleOrderMessageNotification = (onOpen) => {\n const { senderUserId, ntype, advisorId } = notification;\n getMyAccountBadgesApi({ advisorId }); // Need for update coupon label\n if (onOpen) {\n clearPN();\n history(appRoutes.advisorOrders, { params: { id: senderUserId } });\n history(0);\n return;\n }\n\n if (currentPath?.params?.advisorId === senderUserId) {\n return;\n }\n\n updateUserActivityUnreadMessagesCount();\n updateUserUnreadMessagesCountTotal();\n\n if (currentPath.routeKey === appRoutes.myOrders) {\n return;\n }\n\n if (ntype !== NTYPE.ORDER_MESSAGE) {\n setModalVisible(true);\n }\n };\n\n const handleNotification = (onOpen = true) => {\n const { ntype } = notification;\n switch (ntype) {\n case NTYPE.PSYCHICS: {\n handlePsychicNotification(onOpen);\n break;\n }\n case NTYPE.ORDER_MESSAGE: {\n handleOrderMessageNotification(onOpen);\n break;\n }\n default:\n break;\n }\n };\n\n useEffect(() => {\n if (notification && needToHandle) {\n handleNotification(false);\n }\n }, [notification]);\n\n if (!notification) return null;\n\n const renderContent = () => (\n \n {renderNotificationTitle(notification.title)}\n
\n );\n\n return (\n \n { notification.message || '' }\n
\n \n
\n \n \n
\n \n \n
\n \n
\n );\n}\n\nSmartBanner.propTypes = {\n hasOrders: PropTypes.bool,\n promoBannerIsOn: PropTypes.bool,\n updateSmartBannerVisibility: PropTypes.func.isRequired,\n smartBannerVisible: PropTypes.bool,\n trackSmartBannerEvent: PropTypes.func.isRequired,\n userShowMatchUpBonusInfo: PropTypes.object,\n userMatchUpBonusInfo: PropTypes.object,\n userLoading: PropTypes.bool\n};\nSmartBanner.defaultProps = {\n hasOrders: false,\n promoBannerIsOn: false,\n smartBannerVisible: false,\n userMatchUpBonusInfo: {},\n userShowMatchUpBonusInfo: {},\n userLoading: false\n};\n\nexport default SmartBanner;\n","import { connect } from 'react-redux';\nimport SmartBanner from './smart_banner';\nimport { updateSmartBannerVisibility } from '../../../actions/application';\nimport { trackSmartBannerEvent } from '../../../actions/analytics';\nimport { getUserMatchUpBonusInfo } from '../../../config/util';\n\nconst mapStateToProps = ({\n user: { user }, homePage, application\n}) => ({\n hasOrders: !!((user || {}).numberOfChatOrders || (user || {}).numberOfVcOrders\n || (user || {}).numberOfVoiceCallOrders),\n promoBannerIsOn: !!((homePage.salesBanner || {}).content),\n smartBannerVisible: application.smartBannerVisible,\n userMatchUpBonusInfo: getUserMatchUpBonusInfo({ bonusInfos: user && user.bonusInfos }),\n userShowMatchUpBonusInfo: user && user.showMatchUpBonusInfo,\n userLoading: false\n});\n\nexport default connect(\n mapStateToProps,\n {\n updateSmartBannerVisibility,\n trackSmartBannerEvent\n }\n)(SmartBanner);\n","// extracted by mini-css-extract-plugin\nexport default {\"generalLoadingOverlayContainer\":\"generalLoadingOverlayContainer--oluDG\",\"generalLoadingOverlayLoaderContainer\":\"generalLoadingOverlayLoaderContainer--F5s2k\",\"autoRedemePromoCodeBonusPopupContainer\":\"autoRedemePromoCodeBonusPopupContainer--QQlj6\",\"autoRedemePromoCodeBonusPopupHeader\":\"autoRedemePromoCodeBonusPopupHeader--_Vpx9\",\"autoRedemePromoCodeBonusPopupDescription\":\"autoRedemePromoCodeBonusPopupDescription--Yda02\",\"autoRedemePromoCodeBonusPopupFooter\":\"autoRedemePromoCodeBonusPopupFooter--LwIzb\",\"autoRedemePromoCodeBonusPopupOkButton\":\"autoRedemePromoCodeBonusPopupOkButton--U2mfI\"};","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useNavigate } from 'react-router-dom';\nimport { useTranslation } from 'react-i18next';\nimport queryString from 'query-string';\nimport classes from './classes.module.scss';\nimport { hideBodyScroll, unlockBodyScroll, toCamelCase } from '../../../common/config/utils';\nimport Spiner from '../../../common/helpers/spiner';\nimport AppGeneralPopup from '../../../common/app_general_popup';\nimport { appGeneralPopupTheme } from '../../../common/config/const';\nimport { setCookie } from '../../config/cookies_action';\n\nconst { shared } = window;\n\nfunction AutoRedemePromoCode({\n loading, autoRedemPromoCode, authHandlerSuccess, justSignedUpAuthHandlerSuccess, bonusPopup, autoRedemSetBonusPopup\n}) {\n const history = useNavigate();\n const { t } = useTranslation();\n\n useEffect(() => {\n const { promo } = toCamelCase(queryString.parse(window.location.search));\n if (promo) {\n const date = new Date();\n date.setTime(date.getTime() + (30 * 60 * 1000));\n\n setCookie({\n cookieName: 'autoRedemePromoCode',\n cookieValue: promo,\n cookieOptions: {\n path: '/',\n expires: date\n }\n });\n }\n }, []);\n\n useEffect(() => {\n if (window.currentUserId) {\n autoRedemPromoCode({ history, needShowErrorPoppup: true });\n }\n }, []);\n\n useEffect(() => {\n if (authHandlerSuccess) {\n autoRedemPromoCode({ history, needShowErrorPoppup: false, authHandlerSuccess });\n }\n }, [authHandlerSuccess]);\n\n useEffect(() => {\n if (justSignedUpAuthHandlerSuccess) {\n autoRedemPromoCode({ history, needShowErrorPoppup: false, justSignedUpAuthHandlerSuccess });\n }\n }, [justSignedUpAuthHandlerSuccess]);\n\n useEffect(() => {\n if (loading) {\n hideBodyScroll();\n return () => {\n unlockBodyScroll();\n };\n }\n return () => {};\n }, [loading]);\n\n const clearBonusPopup = () => {\n autoRedemSetBonusPopup({ bonusPopup: null });\n };\n\n const renderBonusPopup = () => (\n \n \n
\n \n \n
\n \n \n
\n \n { bonusPopup?.title }\n
\n \n { bonusPopup?.description }\n
\n \n \n
\n \n
\n );\n }\n return renderBonusPopup();\n };\n\n return renderAutoRedemePromoCode();\n}\n\nAutoRedemePromoCode.propTypes = {\n loading: PropTypes.bool,\n authHandlerSuccessAction: PropTypes.func\n};\n\nAutoRedemePromoCode.defaultProps = {\n loading: false,\n authHandlerSuccessAction: null\n};\n\nexport default AutoRedemePromoCode;\n","import { connect } from 'react-redux';\nimport AutoRedemePromoCode from './auto_redeme_promo_code';\nimport { autoRedemPromoCode, autoRedemSetBonusPopup } from '../../actions/promo_code';\n\nconst mapStateToProps = ({\n promoCode\n}) => ({\n loading: promoCode.autoRedem?.loading,\n authHandlerSuccess: promoCode.autoRedem?.authHandlerSuccess,\n justSignedUpAuthHandlerSuccess: promoCode.autoRedem?.justSignedUpAuthHandlerSuccess,\n bonusPopup: promoCode.autoRedem?.bonusPopup\n});\n\nexport default connect(\n mapStateToProps,\n {\n autoRedemPromoCode,\n autoRedemSetBonusPopup\n }\n)(AutoRedemePromoCode);\n","import React from 'react';\nimport NotFound from '../../not_found';\nimport ChangeLanguage from '../../change_language';\nimport PushNotification from '../../push_notifcation';\nimport GeneralError from '../../general_error';\nimport SmartBanner from '../../shared/smart_banner';\nimport AutoRedemePromoCode from '../../auto_redeme_promo_code';\n\nfunction Overlays() {\n return (\n <>\n \n
\n );\n}\n\nContinueCallFooter.propTypes = {\n selectCredit: PropTypes.func.isRequired,\n hangupChat: PropTypes.func.isRequired,\n option: PropTypes.object,\n t: PropTypes.func.isRequired,\n hangingUp: PropTypes.bool.isRequired,\n disabledStartChatButton: PropTypes.bool.isRequired,\n chatType: PropTypes.string.isRequired,\n selectedDuration: PropTypes.number,\n clearAffiliatePromoPopup: PropTypes.func.isRequired,\n trackDurationPickExit: PropTypes.func.isRequired,\n defaultDurationChanged: PropTypes.bool.isRequired,\n selectorOpenedTime: PropTypes.instanceOf(Date).isRequired\n};\n\nContinueCallFooter.defaultProps = {\n option: {},\n selectedDuration: null\n};\n\nexport default withPGTranslation(ContinueCallFooter);\n","import { connect } from 'react-redux';\nimport ContinueCallFooter from './continue';\nimport { selectCredit, hangupChat, trackDurationPickExit } from '../../../../actions/chat';\nimport { continueVoipChat, hangupVoipChat, trackVoipDurationPickExit } from '../../../../actions/voip_chat';\nimport { clearAffiliatePromoPopup } from '../../../../actions/affiliate_promo_popup';\nimport Const from '../../../../config/const';\nimport withPGTranslation from '../../../../config/withPGTranslation';\n\nconst mapStateToProps = ({ chat: { hangingUp, state }, voipChat: { voipState } }, { chatType }) => {\n switch (chatType) {\n case Const.chatType.text:\n return ({\n hangingUp: hangingUp || state === Const.chatStates.ended,\n disabledStartChatButton: state !== Const.chatStates.paused\n });\n case Const.chatType.voice:\n case Const.chatType.video:\n return ({\n hangingUp: voipState === Const.voipChatStates.endedConversation,\n disabledStartChatButton: voipState !== Const.voipChatStates.paused\n });\n default:\n return null;\n }\n};\n\nconst mapDispatchToProps = (dispatch, ownProps) => {\n switch (ownProps.chatType) {\n case Const.chatType.text:\n return ({\n selectCredit: (option, time, defaultDurationChanged) => dispatch(selectCredit(option, time, defaultDurationChanged, true)),\n hangupChat: () => dispatch(hangupChat()),\n clearAffiliatePromoPopup: () => dispatch(clearAffiliatePromoPopup()),\n trackDurationPickExit: (option, time, defaultDurationChanged) => dispatch(\n trackDurationPickExit(option, time, defaultDurationChanged)\n )\n });\n case Const.chatType.voice:\n case Const.chatType.video:\n return ({\n selectCredit: (duration, time, defaultDurationChanged) => dispatch(continueVoipChat(duration, time, defaultDurationChanged, ownProps.option.selectedCarouselIndex, ownProps.option?.discountData)),\n hangupChat: () => dispatch(hangupVoipChat()),\n clearAffiliatePromoPopup: () => dispatch(clearAffiliatePromoPopup()),\n trackDurationPickExit: (duration, time, defaultDurationChanged) => dispatch(\n trackVoipDurationPickExit(duration, time, defaultDurationChanged)\n )\n });\n default:\n return null;\n }\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withPGTranslation(ContinueCallFooter));\n","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"container--H3Fcq\",\"containerWithIcon\":\"containerWithIcon--vpBNy\",\"newUserContainerWithIcon\":\"newUserContainerWithIcon--mVY3K\",\"topImageContainer\":\"topImageContainer--wCEWV\",\"topImage\":\"topImage--S7wi0\",\"dialogContainer\":\"dialogContainer--e5hl8\",\"closeBtn\":\"closeBtn--Rsxa4\",\"closeIcon\":\"closeIcon--R4_Ea\",\"paygLabelText\":\"paygLabelText--UPbeo\",\"descriptionText\":\"descriptionText--cN9sL\",\"infoBottomContainer\":\"infoBottomContainer--rO2tj\",\"selectTitleContainer\":\"selectTitleContainer--nzbJn\",\"additionalOption\":\"additionalOption--R4kNm\",\"clientCreditBalanceContainer\":\"clientCreditBalanceContainer--LyUlW\",\"clientAvailableCreditSkeleton\":\"clientAvailableCreditSkeleton--aetFg\",\"animation-bzdot9\":\"animation-bzdot9--MefHe\",\"divider\":\"divider--RBRdG\",\"additionalOptionContainer\":\"additionalOptionContainer--JiVSQ\",\"loader\":\"loader--lphUY\",\"carouselMain\":\"carouselMain--pP1kn\",\"titleContainer\":\"titleContainer--oVpgC\",\"continueCallText\":\"continueCallText--UTIb8\",\"advisorNameText\":\"advisorNameText--gHAIx\",\"saveUpLabelContainer\":\"saveUpLabelContainer--ibRL6\",\"saveUpLabelTextContainer\":\"saveUpLabelTextContainer--XaVmY\",\"saveUpLabelText\":\"saveUpLabelText--pHZ_W\",\"saveUpLabelAmount\":\"saveUpLabelAmount--B3YRk\",\"saveUpDiscountLabelText\":\"saveUpDiscountLabelText--RATu9\",\"saveUpDiscountLabelAmount\":\"saveUpDiscountLabelAmount--TIsrH\",\"zenModeLabelContainer\":\"zenModeLabelContainer--gAqCZ\",\"newUserPaygYourAvailableBalanceContainer\":\"newUserPaygYourAvailableBalanceContainer--L4O_m\",\"colorAdditionalText\":\"colorAdditionalText--Gsh72\",\"startBtnContainer\":\"startBtnContainer--D27vr\",\"nextBtnContainer\":\"nextBtnContainer--j5F1o\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Button } from '@barges/react';\nimport '@barges/scss/lib/button.css';\nimport '@barges/scss/lib/title.css';\nimport classes from './classes.module.scss';\nimport withPGTranslation from '../../../../config/withPGTranslation';\nimport { log, LOG_LEVELS } from '../../../../../common/config/app_logger';\nimport Const from '../../../../config/const';\nimport { isPayg } from '../../../../config/util';\n\nconst renderStartCallFooterBtn = (btnClass, title, disabledStartChatButton, startChat) => (\n \n
\n \n
\n \n
\n);\n\nconst renderStartCallFooterContent = ({\n clientAvailableCredit, option, startChat, disabledStartChatButton, t, selectDurationKind\n}) => {\n if (selectDurationKind === Const.selectDurationKind.newUserPayg) {\n return renderStartCallFooterBtn(classes.startBtnContainer, t('chat.start_your_session'), disabledStartChatButton, startChat);\n }\n if ((clientAvailableCredit >= option.price && selectDurationKind === Const.selectDurationKind.oldUser)) {\n const title = isPayg({ duration: option.duration }) ? t('chat.continue') : t('chat.start');\n return renderStartCallFooterBtn(classes.startBtnContainer, title, disabledStartChatButton, startChat);\n }\n return renderStartCallFooterBtn(classes.nextBtnContainer, t('chat.next'), disabledStartChatButton, startChat);\n};\n\nfunction StartCallFooter({\n selectCredit, option, t, clientAvailableCredit, disabledStartChatButton,\n selectorOpenedTime, defaultDurationChanged, chatType, selectDurationKind\n}) {\n const startChat = () => {\n log(LOG_LEVELS.INFO, 'Chat', `on start chat isContinue: ${ false }`);\n const exitTime = new Date();\n const time = exitTime - selectorOpenedTime;\n selectCredit(option, time, defaultDurationChanged);\n };\n\n const renderStartCallFooter = () => {\n if ((!clientAvailableCredit || !option.price) && !isPayg({ duration: option.duration })) return null;\n return renderStartCallFooterContent({\n clientAvailableCredit, option, startChat, disabledStartChatButton, chatType, t, selectDurationKind\n });\n };\n\n return (\n <>\n { renderStartCallFooter() }\n \n );\n}\n\nStartCallFooter.propTypes = {\n option: PropTypes.object,\n t: PropTypes.func.isRequired,\n selectCredit: PropTypes.func.isRequired,\n clientAvailableCredit: PropTypes.string.isRequired,\n disabledStartChatButton: PropTypes.bool.isRequired,\n selectorOpenedTime: PropTypes.instanceOf(Date).isRequired,\n defaultDurationChanged: PropTypes.bool.isRequired,\n chatType: PropTypes.string.isRequired,\n selectDurationKind: PropTypes.string\n};\n\nStartCallFooter.defaultProps = {\n option: {},\n selectDurationKind: null\n};\n\nexport default withPGTranslation(StartCallFooter);\n","import { connect } from 'react-redux';\nimport StartCallFooter from './start_call';\nimport { selectCredit } from '../../../../actions/chat';\nimport { selectVoipCredit } from '../../../../actions/voip_chat';\nimport Const from '../../../../config/const';\nimport withPGTranslation from '../../../../config/withPGTranslation';\n\nconst mapStateToProps = ({ chat, voipChat, user: { user } }, { chatType }) => {\n switch (chatType) {\n case Const.chatType.text:\n return ({\n clientAvailableCredit: user && user.clientAvailableCredit,\n disabledStartChatButton:\n chat.state !== Const.chatStates.appInitial\n && chat.state !== Const.chatStates.paused\n });\n case Const.chatType.voice:\n case Const.chatType.video:\n return ({\n clientAvailableCredit: user && user.clientAvailableCredit,\n disabledStartChatButton:\n voipChat.voipState !== Const.voipChatStates.initial\n && voipChat.voipState !== Const.voipChatStates.paused\n });\n default:\n return null;\n }\n};\n\nconst mapDispatchToProps = (dispatch, ownProps) => {\n switch (ownProps.chatType) {\n case Const.chatType.text:\n return ({\n selectCredit: (option, time, defaultDurationChanged) => dispatch(\n selectCredit(option, time, defaultDurationChanged, false)\n )\n });\n case Const.chatType.voice:\n case Const.chatType.video:\n return ({\n selectCredit: (option, time, defaultDurationChanged) => dispatch(\n selectVoipCredit(option, time, defaultDurationChanged, false)\n )\n });\n default:\n return null;\n }\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withPGTranslation(StartCallFooter));\n","// extracted by mini-css-extract-plugin\nexport default {\"carouselArrowPrevContainer\":\"carouselArrowPrevContainer--_mdfy\",\"carouselArrowPrevContent\":\"carouselArrowPrevContent--NMwwA\",\"arrowImgContainer\":\"arrowImgContainer--bSijc\",\"carouselArrowNextContainer\":\"carouselArrowNextContainer--gbV3W\",\"carouselArrowNextContent\":\"carouselArrowNextContent--p_UML\",\"carouselItem\":\"carouselItem--CR8M0\",\"durationItem\":\"durationItem--qG0j_\",\"durationItemContextCol\":\"durationItemContextCol--DXv5v\",\"durationItemMinutesCountContainer\":\"durationItemMinutesCountContainer--GS3bG\",\"durationItemMinutesTextContainer\":\"durationItemMinutesTextContainer--TMcms\",\"durationItemNewUserPaygPayContainer\":\"durationItemNewUserPaygPayContainer--s7CfI\",\"durationItemNewUserPaygText\":\"durationItemNewUserPaygText--yg5sp\",\"durationItemPayAsYouGoText\":\"durationItemPayAsYouGoText--W7qJX\",\"durationOptinsContainer\":\"durationOptinsContainer--reGk9\",\"item\":\"item--VZhex\",\"durationItemPriceTextContainer\":\"durationItemPriceTextContainer--QPixl\",\"mostPopularContainer\":\"mostPopularContainer--TnFIH\",\"mostPopularIcon\":\"mostPopularIcon--aKRjP\",\"mostPopularText\":\"mostPopularText--IJgnE\",\"tapHeroToUseYourBalanceForLabelContainer\":\"tapHeroToUseYourBalanceForLabelContainer--alBnl\",\"carouselSelectedItem\":\"carouselSelectedItem--b0_or\",\"durationItemPriceContainerDefault\":\"durationItemPriceContainerDefault--yeLzN\",\"mostPopularHeartInCircleContainer\":\"mostPopularHeartInCircleContainer--WEyym\",\"newUserDurationOptions\":\"newUserDurationOptions--lwuQ8\",\"mostPopularHeartInCircleIcon\":\"mostPopularHeartInCircleIcon--eIl72\",\"durationItemPriceContainerNewUser\":\"durationItemPriceContainerNewUser--epb2U\",\"freeMinLabelContainer\":\"freeMinLabelContainer--pzFZh\",\"freeMinTextContainer\":\"freeMinTextContainer--M5ejw\",\"freeMinIcon\":\"freeMinIcon--Nwy_I\",\"newUserPaygContainer\":\"newUserPaygContainer--n03mv\",\"newUserPaygImgContainer\":\"newUserPaygImgContainer--HL5aj\",\"newUserPaygImg\":\"newUserPaygImg--Oc0YL\",\"newUserPaygTitle\":\"newUserPaygTitle--cSgBH\",\"newUserPaygPayAsYouGoText\":\"newUserPaygPayAsYouGoText--eTzYy\",\"durationItemPriceContainerPrice\":\"durationItemPriceContainerPrice--MBHsQ\",\"durationItemPriceContainerSalesPrice\":\"durationItemPriceContainerSalesPrice--wS3iW\",\"durationItemPriceContainerSaleCrosPrice\":\"durationItemPriceContainerSaleCrosPrice--iJ7NR\",\"durationItemPriceContainerMinText\":\"durationItemPriceContainerMinText--m9hul\",\"newUserPaygPriceContainer\":\"newUserPaygPriceContainer--KS_oY\",\"newUserPaygPrice\":\"newUserPaygPrice--h9oiR\",\"newUserPaygMinText\":\"newUserPaygMinText--O0Yuh\",\"newUserPaygSalesPrice\":\"newUserPaygSalesPrice--HDb4a\",\"newUserPaygSaleCrosPrice\":\"newUserPaygSaleCrosPrice--nhdbX\",\"durationItemDiscountLabelContainer\":\"durationItemDiscountLabelContainer--t1EW4\",\"durationItemDiscountLabelTitle\":\"durationItemDiscountLabelTitle--q8QOI\",\"durationItemMaxDiscountLabelImgTextContainer\":\"durationItemMaxDiscountLabelImgTextContainer--SXPlr\",\"durationItemMaxDiscountLabelTitle\":\"durationItemMaxDiscountLabelTitle--r4EfM\",\"durationItemMaxDiscountLabelImg\":\"durationItemMaxDiscountLabelImg--ND6mL\",\"durationItemDiscountLabelImgTextContainer\":\"durationItemDiscountLabelImgTextContainer--hogsa\",\"durationItemDiscountLabelImg\":\"durationItemDiscountLabelImg--EpqGM\",\"durationItemDiscountLabelText\":\"durationItemDiscountLabelText--wE5FJ\",\"newUserPaygBonusLabelsHolder\":\"newUserPaygBonusLabelsHolder--Zupjh\",\"newUserPaygBonusLabelsHolderCentered\":\"newUserPaygBonusLabelsHolderCentered--ZINtK\",\"newUserPaygBonusLabelContainer\":\"newUserPaygBonusLabelContainer--v8tMu\",\"newUserPaygBonusLabelImg\":\"newUserPaygBonusLabelImg--l53nw\",\"newUserPaygBonusLabelTextContainer\":\"newUserPaygBonusLabelTextContainer--fyJuH\",\"newUserPaygBonusLabelText\":\"newUserPaygBonusLabelText--jq_IM\",\"newUserPaygBonusLabelSubText\":\"newUserPaygBonusLabelSubText--CHTSv\",\"animation-bzdot9\":\"animation-bzdot9--Lnt8U\"};","import React from 'react';\nimport classes from './classes.module.scss';\nimport { roundCredits, isPayg } from '../../../../config/util';\nimport Const from '../../../../config/const';\nimport { rightArrow } from './img/right_arrow';\nimport { leftArrow } from './img/left_arrow';\nimport { SvgIcon } from '../../../../../common/sprites';\n\nconst shouldScrollRight = (carouselRef, pricingOptions) => {\n if (!carouselRef || !carouselRef.current) return false;\n const { current: { state: { selectedItem } } } = carouselRef;\n return selectedItem !== pricingOptions.length - 1;\n};\n\nconst shouldScrollLeft = (carouselRef) => {\n if (!carouselRef || !carouselRef.current) return false;\n const { current: { state: { selectedItem } } } = carouselRef;\n return selectedItem !== 0;\n};\n\nexport const carouselHandleKeyPress = (\n e,\n carouselOnclickArrowNext,\n carouselOnclickArrowPrev,\n carouselRef,\n pricingOptions\n) => {\n if (e.code === 'ArrowRight' && shouldScrollRight(carouselRef, pricingOptions)) {\n carouselOnclickArrowNext();\n }\n if (e.code === 'ArrowLeft' && shouldScrollLeft(carouselRef)) {\n carouselOnclickArrowPrev();\n }\n};\n\nconst getDelta = ({ carouselSwipeCurrentPosition, swipeChange }) => {\n let delta = 0;\n if (carouselSwipeCurrentPosition > swipeChange) {\n delta = (carouselSwipeCurrentPosition - swipeChange) * (-1);\n }\n if (carouselSwipeCurrentPosition < swipeChange) {\n delta = swipeChange - carouselSwipeCurrentPosition;\n }\n return delta;\n};\n\nconst carouselSwipeMoveLeftActionHandler = ({\n setCarouselSwipeCurrentPosition, e, carouselRef, carouselSetSelected\n}) => {\n setCarouselSwipeCurrentPosition(e.changedTouches[0].pageX);\n if (!shouldScrollLeft(carouselRef)) return;\n carouselRef.current.onSwipeBackwards();\n carouselSetSelected();\n};\n\nconst carouselSwipeMoveRightActionHandler = ({\n setCarouselSwipeCurrentPosition, e, carouselRef, pricingOptions,\n carouselSetSelected\n}) => {\n setCarouselSwipeCurrentPosition(e.changedTouches[0].pageX);\n if (!shouldScrollRight(carouselRef, pricingOptions)) return;\n carouselRef.current.onSwipeForward();\n carouselSetSelected();\n};\n\nexport const carouselSwipeMoveAction = ({\n e,\n carouselRef,\n carouselSwipeCurrentPosition,\n setCarouselSwipeCurrentPosition,\n carouselSetSelected,\n pricingOptions,\n getCarouselPosition\n}) => {\n const swipeChange = e.changedTouches[0].pageX;\n const currentPosition = getCarouselPosition(carouselRef.current.state.selectedItem, carouselRef.current.props);\n const delta = getDelta({ carouselSwipeCurrentPosition, swipeChange });\n carouselRef.current.listRef.setAttribute('style', `transform: translate3d(${ currentPosition + delta }%, 0px, 0px)`);\n if (carouselSwipeCurrentPosition && swipeChange > carouselSwipeCurrentPosition + 64) {\n carouselSwipeMoveLeftActionHandler({\n setCarouselSwipeCurrentPosition, e, carouselRef, carouselSetSelected\n });\n }\n if (carouselSwipeCurrentPosition && swipeChange < carouselSwipeCurrentPosition - 64) {\n carouselSwipeMoveRightActionHandler({\n setCarouselSwipeCurrentPosition,\n e,\n carouselRef,\n pricingOptions,\n carouselSetSelected\n });\n }\n};\n\nexport const getDurationOptionsClass = (option, selected, index, selectedCarouselIndex, isNewUser) => {\n if (isNewUser && index === selectedCarouselIndex) return classes.carouselSelectedItem;\n if (option.duration === selected.duration) return classes.carouselSelectedItem;\n return classes.carouselItem;\n};\n\nexport const onCarouselSetSelected = (carouselRef, pricingOptions, onSelect) => {\n if (!carouselRef || !carouselRef.current) return null;\n const selectedIndex = carouselRef.current.state.selectedItem;\n const option = pricingOptions[selectedIndex];\n const defaultDuration = pricingOptions[selectedIndex].default;\n onSelect({\n defaultDuration, ...option, selectedCarouselIndex: selectedIndex\n });\n return () => {};\n};\n\nexport const carouselArrowPrevHandler = ({\n carouselRef, carouselOnclickArrowPrev, onKeyDown, carouselArrowPrevRef\n}) => {\n if (!carouselRef || !carouselRef.current) return null;\n const disableArrow = carouselRef.current.state.selectedItem === 0;\n return (\n \n
\n \n );\n};\n\nexport const carouselArrowNextHandler = ({\n carouselRef, pricingOptions, carouselOnclickArrowNext, onKeyDown,\n carouselArrowNextRef\n}) => {\n if (!carouselRef || !carouselRef.current) return null;\n const disableArrow = carouselRef.current.state.selectedItem\n === pricingOptions.length - 1;\n return (\n \n {leftArrow()}\n
\n \n
\n \n );\n};\n\nexport const renderNewUserPaygPrice = ({ price, availableSalesPrice }) => {\n let content = (\n \n {rightArrow()}\n
\n \n
\n );\n\n if (availableSalesPrice) {\n content = (\n \n {`$${ roundCredits(price) }`}\n
\n \n /min\n
\n \n
\n );\n }\n return content;\n};\n\nexport const renderDurationItemPriceContainer = ({\n price, priceWithoutDiscount, isNewUser, additional, duration, availableSalesPrice, advisorModePricePerMinute\n}) => {\n if (additional) return null;\n let amount = price;\n let saleAmount = null;\n\n if (priceWithoutDiscount) {\n amount = priceWithoutDiscount;\n saleAmount = price;\n }\n\n let minTextContainer = null;\n if (isPayg({ duration })) {\n amount = advisorModePricePerMinute;\n\n if (availableSalesPrice) {\n saleAmount = availableSalesPrice;\n }\n\n minTextContainer = (\n \n {`$${ roundCredits(availableSalesPrice) }`}\n
\n \n {`$${ roundCredits(price) }`}\n
\n \n /min\n
\n \n /min\n
\n );\n }\n\n const durationItemPriceContainerClannName = isNewUser ? classes.durationItemPriceContainerNewUser : classes.durationItemPriceContainerDefault;\n\n let content = (\n \n
\n );\n\n if (saleAmount) {\n content = (\n \n {`$${ roundCredits(amount) }`}\n
\n { minTextContainer }\n \n
\n );\n }\n return content;\n};\n\nconst renderDurationItemDiscountLabelTitle = ({ discountData, t }) => {\n let title;\n switch (discountData?.kind) {\n case Const.discountDataKind.discountApplied:\n title = (\n \n {`$${ roundCredits(saleAmount) }`}\n
\n \n {`$${ roundCredits(amount) }`}\n
\n { minTextContainer }\n \n { t('chat.discount_applied') }\n
\n );\n break;\n case Const.discountDataKind.maxDiscountApplied:\n title = (\n \n
\n );\n break;\n\n case Const.discountDataKind.advisorSpecialOffer:\n title = (\n \n { t('chat.advisor_special_offer') }\n
\n );\n break;\n default:\n break;\n }\n return title;\n};\n\nconst renderDurationItemDiscountLabeSubTitle = ({ discountData }) => {\n let subTitle;\n switch (discountData?.kind) {\n case Const.discountDataKind.discountApplied:\n subTitle = (\n \n
\n );\n break;\n case Const.discountDataKind.maxDiscountApplied:\n subTitle = (\n \n { discountData?.description }\n \n );\n break;\n case Const.discountDataKind.advisorSpecialOffer:\n subTitle = (\n \n
\n );\n break;\n default:\n break;\n }\n return subTitle;\n};\n\nexport const renderDurationItemDiscountLabel = ({ discountData, t }) => {\n if (!discountData?.description) return null;\n return (\n \n {renderDurationItemDiscountLabelTitle({ discountData, t })}\n {renderDurationItemDiscountLabeSubTitle({ discountData })}\n
\n );\n};\n\nconst renderNewUserPaygLabelContent = ({\n kind, iconId, title, subtitle, color\n}) => (\n \n
\n);\n\nexport const renderNewUserPaygLabel = ({ bonusItem }) => {\n const { kind, title, subtitle } = bonusItem;\n let content;\n let iconId;\n switch (kind) {\n case Const.newUserPaygBonusItemKind.xfm:\n iconId = 'new_user_payg_free_min_icon';\n content = renderNewUserPaygLabelContent({\n kind, iconId, title, subtitle, color: '#7BD137'\n });\n break;\n case Const.newUserPaygBonusItemKind.cardValidationBonus:\n iconId = 'new_user_payg_free_credits_icon';\n content = renderNewUserPaygLabelContent({\n kind, iconId, title, subtitle\n });\n break;\n default:\n content = null;\n break;\n }\n return content;\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { DurationItem } from '@barges/react';\nimport { useTranslation } from 'react-i18next';\nimport '@barges/scss/lib/duration-item.css';\nimport '@barges/scss/lib/title.css';\nimport classes from './classes.module.scss';\nimport { isXfmProgram, isPayg, getXfmFreeSetupMin } from '../../../../config/util';\nimport { renderDurationItemDiscountLabel, renderDurationItemPriceContainer } from './duration_selector_utils';\nimport { convertStringToCamelCase } from '../../../../../common/config/utils';\nimport Const from '../../../../config/const';\nimport { freeMinIcon } from '../../../advisor/img/free_min_icon';\nimport { SvgIcon } from '../../../../../common/sprites';\n\nconst { shared } = window;\n\nconst renderAdditionalOptionText = (additional, duration, selected, t) => (additional && duration === selected.duration) && t('chat.tap_hero_to_use_your_balance');\n\nconst renderMostPopularHeartInCircle = (mostPopular) => {\n if (!mostPopular) return null;\n return (\n \n
\n \n { title }\n
\n \n { subtitle }\n
\n \n
\n );\n};\n\nconst renderFreeMinText = (freeMin, advisorXfmProgram, userXfmProgram, t) => {\n if (!freeMin || !isXfmProgram({ advisorXfmProgram, userXfmProgram })) return null;\n const freeMinText = t('advisor_profile.plus_free_min', { amount: getXfmFreeSetupMin() });\n return (\n \n
\n );\n};\n\nconst renderDurationItemMinutesCount = (duration) => {\n let minutesCount = parseInt(duration / 60, 10);\n if (isPayg({ duration })) minutesCount = '∞'; // ∞\n return minutesCount;\n};\n\nconst renderDurationItemSecondsCount = (duration, t) => {\n if (isPayg({ duration })) return null;\n const minutes = parseInt(duration / 60, 10);\n const letfSeconds = (duration - minutes * 60);\n return letfSeconds && `${ letfSeconds } ${ t('chat.seconds') }`;\n};\n\nconst renderDurationItemMinutesText = (duration, texts, titleKey, subtitleKey, t) => {\n let text = t('chat.minutes');\n if (isPayg({ duration })) {\n text = (\n { freeMinIcon({ color: shared.xfmLabelColor }) }
\n { freeMinText }
\n \n
\n );\n }\n return (\n \n {titleKey && texts[convertStringToCamelCase(titleKey)]}\n
\n \n {subtitleKey && texts[convertStringToCamelCase(subtitleKey)]}\n
\n \n { text }\n
\n );\n};\n\nconst renderBottomContainer = ({\n duration, discountData, selected, selectDurationKind, t\n}) => {\n if (duration !== selected.duration) return null;\n if (selectDurationKind === Const.selectDurationKind.newUser) return null;\n return renderDurationItemDiscountLabel({ discountData, t });\n};\n\nfunction DurationItemComponent({\n duration, price, mostPopular, onClickAction, disabledStartChatButton, freeMin,\n isNewUser, advisorXfmProgram, userXfmProgram, selected, additional, titleKey, subtitleKey, texts, discountData, priceWithoutDiscount, selectDurationKind, availableSalesPrice, advisorModePricePerMinute\n}) {\n const { t } = useTranslation();\n const onClick = () => {\n if (disabledStartChatButton) return;\n onClickAction();\n };\n\n const onKeyDown = () => {};\n\n const renderDurationItem = () => (\n 1 ? classes.newUserPaygBonusLabelsHolder : classes.newUserPaygBonusLabelsHolderCentered }>\n {\n bonusItems?.map(bonusItem => (\n renderNewUserPaygLabel({ bonusItem })\n ))\n }\n
\n) : null);\n\nfunction DurationSelector({\n selected, isContinue, pricingOptions, onDurationClick,\n selectedCarouselDefaultItem, disabledStartChatButton, carouselRef, texts,\n isNewUser, setDefaultTransform, onKeyDown, loading, onSelect, selectedCarouselIndex, advisorXfmProgram, userXfmProgram, selectDurationKind, userAdvisorModeSalePrice, promoPrices, advisorModePricePerMinute\n}) {\n const { t } = useTranslation();\n const [carouselSwipeCurrentPosition, setCarouselSwipeCurrentPosition] = useState(0);\n const carouselArrowPrevRef = useRef(null);\n const carouselArrowNextRef = useRef(null);\n\n const carouselSwipeStartAction = (e) => {\n setCarouselSwipeCurrentPosition(e.changedTouches[0].pageX);\n };\n\n const carouselSetSelected = () => {\n setTimeout(() => {\n onCarouselSetSelected(carouselRef, pricingOptions, onSelect);\n return () => {};\n }, 100);\n };\n\n const carouselOnclickArrowNext = () => {\n carouselRef.current.onClickNext();\n carouselSetSelected();\n };\n\n const carouselOnclickArrowPrev = () => {\n carouselRef.current.onClickPrev();\n carouselSetSelected();\n };\n\n const carouselSwipeEndAction = () => {\n const currentPosition = getPosition(carouselRef.current.state.selectedItem, carouselRef.current.props);\n const transform = `translate3d(${ currentPosition }%, 0px, 0px);`;\n setDefaultTransform(\n carouselRef.current.state.selectedItem,\n carouselRef,\n pricingOptions,\n transform\n );\n };\n\n const onCarouselKeyPress = (e) => {\n carouselHandleKeyPress(\n e,\n carouselOnclickArrowNext,\n carouselOnclickArrowPrev,\n carouselRef,\n pricingOptions\n );\n };\n\n useEffect(() => {\n if (isContinue) {\n trackPageVisit('add time popup');\n } else trackPageVisit('duration picker popup');\n document.activeElement.blur();\n }, []);\n\n const onCarouselSwipe = (e) => {\n carouselSwipeMoveAction({\n e, carouselRef, carouselSwipeCurrentPosition, setCarouselSwipeCurrentPosition, carouselSetSelected,\n pricingOptions, getCarouselPosition: getPosition\n });\n };\n\n useEffect(() => {\n if (!carouselRef.current) return () => {};\n const list = carouselRef.current.listRef || null;\n if (list) {\n list.addEventListener('touchmove', onCarouselSwipe, { passive: true });\n return () => list.removeEventListener('touchmove', onCarouselSwipe, { passive: true });\n }\n return () => {};\n }, [carouselSwipeCurrentPosition]);\n\n useEffect(() => {\n const list = carouselRef.current && carouselRef.current.listRef;\n const carouselWrapper = carouselRef.current && carouselRef.current.carouselWrapperRef;\n if (!loading && list && carouselWrapper) {\n list.addEventListener('touchstart', carouselSwipeStartAction, { passive: true });\n list.addEventListener('touchend', carouselSwipeEndAction);\n carouselWrapper.addEventListener('keydown', onCarouselKeyPress);\n carouselWrapper.focus();\n return () => {\n list.removeEventListener('touchstart', carouselSwipeStartAction, { passive: true });\n list.removeEventListener('touchend', carouselSwipeEndAction);\n carouselWrapper.removeEventListener('keydown', onCarouselKeyPress);\n };\n }\n return () => {};\n }, [loading, carouselRef.current]);\n\n const carouselArrowPrev = () => (\n carouselArrowPrevHandler({\n carouselRef, carouselOnclickArrowPrev, onKeyDown, carouselArrowPrevRef\n })\n );\n\n const carouselArrowNext = () => (\n carouselArrowNextHandler({\n carouselRef,\n pricingOptions,\n carouselOnclickArrowNext,\n onKeyDown,\n carouselArrowNextRef\n })\n );\n\n const renderDurationOptions = (options) => (\n options.map((option, index) => (\n {renderDurationOptions(pricingOptions.filter(({ additional }) => !additional))}
\n );\n\n const renderNewUserPayg = () => {\n const {\n price, bonusItems, discountData, titleKey, subtitleKey\n } = selected;\n const availableSalesPrice = getAvailableSalesPrice({ promoPrices, userAdvisorModeSalePrice });\n return (\n \n
\n );\n };\n\n const renderCarousel = () => (\n \n
\n \n {titleKey && texts[convertStringToCamelCase(titleKey)]}\n
\n \n {subtitleKey && texts[convertStringToCamelCase(subtitleKey)]}\n
\n { renderNewUserPaygPrice({ price, availableSalesPrice }) }\n { renderDurationItemDiscountLabel({ discountData, t }) }\n { renderNewUserPaygBonusLabel(bonusItems) }\n \n
\n );\n}\n\nDurationSelector.propTypes = {\n selected: PropTypes.object,\n isContinue: PropTypes.bool,\n pricingOptions: PropTypes.array,\n selectedCarouselDefaultItem: PropTypes.number,\n disabledStartChatButton: PropTypes.bool.isRequired,\n carouselRef: PropTypes.object,\n onDurationClick: PropTypes.func.isRequired,\n loading: PropTypes.bool,\n isNewUser: PropTypes.bool,\n setDefaultTransform: PropTypes.func.isRequired,\n onKeyDown: PropTypes.func.isRequired,\n onSelect: PropTypes.func.isRequired,\n selectedCarouselIndex: PropTypes.number,\n advisorXfmProgram: PropTypes.object,\n userXfmProgram: PropTypes.object,\n selectDurationKind: PropTypes.string,\n userAdvisorModeSalePrice: PropTypes.string,\n promoPrices: PropTypes.object,\n texts: PropTypes.object,\n advisorModePricePerMinute: PropTypes.string.isRequired\n};\n\nDurationSelector.defaultProps = {\n selected: null,\n isContinue: false,\n pricingOptions: [],\n selectedCarouselDefaultItem: null,\n carouselRef: null,\n loading: false,\n isNewUser: false,\n selectedCarouselIndex: null,\n advisorXfmProgram: {},\n userXfmProgram: {},\n selectDurationKind: null,\n userAdvisorModeSalePrice: null,\n promoPrices: {},\n texts: {}\n};\n\nexport default withPGTranslation(DurationSelector);\n","import React from 'react';\n\nexport const leftArrow = () => (\n \n);\n","import React from 'react';\n\nexport const rightArrow = () => (\n \n);\n","import React from 'react';\nimport { Trans } from 'react-i18next';\nimport classes from './classes.module.scss';\nimport Const from '../../../config/const';\nimport { isPayg } from '../../../config/util';\nimport { renderDurationItemDiscountLabel } from './duration_selector/duration_selector_utils';\n\nconst continueDefaultDuration = (\n onSelect,\n setSelectedCarouselDefaultItem,\n pricingOptions,\n setDefaultDurationChanged,\n isNewUser\n) => {\n pricingOptions.map((option, index) => { //eslint-disable-line\n if (option.default && !(isNewUser && option.additional)) {\n onSelect({ ...option, selectedCarouselIndex: index });\n setSelectedCarouselDefaultItem(index);\n setDefaultDurationChanged(false);\n }\n });\n};\n\nexport const setDefaultSelected = (\n onSelect,\n pricingOptions,\n selectedCarouselIndex,\n setSelectedCarouselDefaultItem,\n setDefaultDurationChanged,\n newUserPaygPricingOption,\n isNewUser\n) => {\n if (newUserPaygPricingOption && Object.keys(newUserPaygPricingOption).length > 0) {\n const { price } = newUserPaygPricingOption;\n onSelect({\n ...newUserPaygPricingOption, price: parseFloat(price), duration: -1, payAsYouGo: true\n });\n return;\n }\n if (selectedCarouselIndex !== null\n && selectedCarouselIndex <= pricingOptions.length - 1) {\n const selectedOption = pricingOptions[selectedCarouselIndex];\n onSelect({ ...selectedOption, selectedCarouselIndex });\n setSelectedCarouselDefaultItem(selectedCarouselIndex);\n }\n if (selectedCarouselIndex === null) {\n continueDefaultDuration(\n onSelect,\n setSelectedCarouselDefaultItem,\n pricingOptions,\n setDefaultDurationChanged,\n isNewUser\n );\n }\n};\n\nexport const setDefaultTransform = (index, carouselRef, pricingOptions, transform) => {\n if (!carouselRef || !carouselRef.current || !carouselRef.current.listRef) return;\n const selectedIndex = index;\n const currentTransform = transform || carouselRef.current.listRef.style.transform;\n if (selectedIndex === 0) {\n carouselRef.current.listRef.setAttribute('style', `left:18%; transform: ${ currentTransform };`);\n return;\n }\n if (selectedIndex === pricingOptions.length - 1) {\n carouselRef.current.listRef.setAttribute('style', `right:18%; transform: ${ currentTransform };`);\n return;\n }\n carouselRef.current.listRef.setAttribute('style', `left:0; right:0; transform: ${ currentTransform };`);\n};\n\nconst renderNumber = number => (number < 10 ? `0${ number }` : number);\n\nconst renderAdditionalTime = (additionalOption) => {\n const minutes = renderNumber(parseInt(additionalOption.duration / 60, 10));\n const remainigSeconds = renderNumber(additionalOption.duration % 60);\n const additionalTime = additionalOption.duration % 60 ? `${ minutes }:${ remainigSeconds }` : parseInt(additionalOption.duration / 60, 10);\n return additionalTime;\n};\n\nexport const renderAdditionalOption = (additionalOption, onClickCurrentBalance, onKeyDown, t, selectDurationKind) => (\n (additionalOption && selectDurationKind === Const.selectDurationKind.newUser) ? (\n \n { renderDurationSelector() }\n
\n \n \n
\n \n ) : null);\n\nexport const renderTitle = (chatType, isContinue, name, t, selectDurationKind) => {\n if (selectDurationKind === Const.selectDurationKind.newUserPayg) return null;\n let titleLabel;\n switch (chatType) {\n case Const.chatType.text:\n titleLabel = t('chat.select_chat_duration');\n break;\n case Const.chatType.video:\n titleLabel = t('chat.select_video_duration');\n break;\n case Const.chatType.voice:\n titleLabel = t('chat.select_voice_duration');\n break;\n default:\n break;\n }\n if (isContinue && selectDurationKind === Const.selectDurationKind.newUser) {\n return (\n \n
\n );\n }\n if (isContinue) return t('chat.add_time');\n\n return titleLabel;\n};\n\nexport const renderThisChargeTakesIntoAccountLabel = ({ duration, clientAvailableCredit }) => {\n if (isPayg({ duration })) return null;\n if (clientAvailableCredit >= 0) return null;\n const formater = Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD'\n });\n\n return (\n \n {t('chat.continue_call')}
\n {t('chat.advisor_name', { name })}
\n \n
\n );\n};\n\nexport const renderSaveUpLabel = ({ newUserPaygPricingOption }) => {\n const { saveAmount, discount } = newUserPaygPricingOption;\n const parsedSaveAmount = parseFloat(saveAmount);\n if (discount) {\n return (\n \n
\n );\n }\n if (saveAmount && parsedSaveAmount > 0) {\n return (\n \n
\n \n
\n { renderSaveOverText({ saveAmount: parsedSaveAmount }) }\n \n
\n );\n }\n return null;\n};\n\nexport const renderZenModeLabel = ({ selectDurationKind, infoLabelText }) => {\n if (selectDurationKind !== Const.selectDurationKind.newUserPayg) return null;\n return (\n \n
\n \n
\n \n { `$${ parsedSaveAmount.toFixed(2) }` }\n
\n \n { infoLabelText}\n
\n );\n};\n\nexport const renderNewUserPaygAvailableBalanceLabel = ({ selectDurationKind, clientAvailableCredit, t }) => {\n const parsedClientAvailableCredit = parseFloat(clientAvailableCredit);\n if (selectDurationKind !== Const.selectDurationKind.newUserPayg || parsedClientAvailableCredit <= 0) return null;\n return (\n \n { t('chat.your_available_balance_is', { balance: parsedClientAvailableCredit.toFixed(2) }) }\n
\n );\n};\n\nexport const renderDurationItemDiscountLabelForNewUser = ({ discountData, selectDurationKind, t }) => {\n if (selectDurationKind !== Const.selectDurationKind.newUser) return null;\n return renderDurationItemDiscountLabel({ discountData, t });\n};\n","import React, { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport Const from '../../../config/const';\nimport { purchaseDetailsTypes } from '../../../../common/config/const';\nimport classes from './classes.module.scss';\nimport ContinueCallFooter from './continue_call';\nimport StartCallFooter from './start_call';\nimport withPGTranslation from '../../../config/withPGTranslation';\nimport { log, LOG_LEVELS } from '../../../../common/config/app_logger';\nimport env from '../../../config/variables';\nimport DurationSelector from './duration_selector/duration_selector';\nimport {\n setDefaultTransform, setDefaultSelected, renderTitle, renderThisChargeTakesIntoAccountLabel, renderInfoLabel, renderAdditionalOption, renderSaveUpLabel, renderZenModeLabel, renderNewUserPaygAvailableBalanceLabel,\n renderDurationItemDiscountLabelForNewUser\n} from './select_chat_credit_utils';\nimport Spiner from '../../../../common/helpers/spiner';\nimport { isWebView, convertStringToCamelCase } from '../../../../common/config/utils';\nimport { SvgIcon } from '../../../../common/sprites';\n\nconst { shared } = window;\n\nconst durationChanged = (selected, option, setDefaultDurationChanged) => {\n if (selected.duration && !(option.duration === selected.duration) && !option.default) setDefaultDurationChanged(true);\n if (option.default) setDefaultDurationChanged(false);\n};\n\nconst renderClientAvailableCredit = ({ loading, clientAvailableCredit }) => {\n if (loading) return ;\n return `$${ clientAvailableCredit }`;\n};\n\nfunction SelectChatCredit({\n pricingOptions, cancelChat, selectCredit, advisorId, name, selectDurationOption,\n isContinue, clientAvailableCredit, t, loadPricingOptions, loading, selectedCarouselIndex,\n disabledStartChatButton, chatType, displayAffiliatePromoPopupAction, userMatchUpBonusInfo,\n userShowMatchUpBonusInfo, clearAffiliatePromoPopup, isNewUser, trackDurationPickExit, selectorOpenedTime,\n selectDurationKind, advisorXfmProgram, userXfmProgram, newUserPaygPricingOption, userAdvisorModeSalePrice, texts, promoPrices, advisorModePricePerMinute\n}) {\n const [selected, setSelected] = useState({});\n const [defaultDurationChanged, setDefaultDurationChanged] = useState(false);\n const [selectedCarouselDefaultItem, setSelectedCarouselDefaultItem] = useState(0);\n const carouselRef = useRef(null);\n const additionalOption = pricingOptions.find(({ additional }) => additional);\n\n const onBackButtonEvent = () => {\n if (!isContinue) {\n cancelChat();\n }\n };\n\n const onSelect = (option) => {\n log(LOG_LEVELS.INFO, 'Chat', `selected option ${ JSON.stringify(option) } isContinue: ${ isContinue }`);\n durationChanged(selected, option, setDefaultDurationChanged);\n setSelected(option);\n };\n\n useEffect(() => {\n setDefaultTransform(selected.selectedCarouselIndex, carouselRef, pricingOptions);\n }, [selected]);\n\n useEffect(() => {\n if (((!pricingOptions || pricingOptions.length === 0) && !isContinue)) {\n loadPricingOptions(advisorId);\n }\n window.history.pushState(null, null, window.location.pathname);\n window.addEventListener('popstate', onBackButtonEvent);\n return () => {\n window.removeEventListener('popstate', onBackButtonEvent);\n };\n }, []);\n\n useEffect(() => {\n setDefaultSelected(onSelect, pricingOptions, selectedCarouselIndex, setSelectedCarouselDefaultItem, setDefaultDurationChanged, newUserPaygPricingOption, isNewUser);\n }, [pricingOptions, newUserPaygPricingOption]);\n\n const startChat = () => {\n log(LOG_LEVELS.INFO, 'Chat', `on start chat isContinue: ${ isContinue }`);\n const exitTime = new Date();\n const time = exitTime - selectorOpenedTime;\n selectCredit(selected, time, defaultDurationChanged, isContinue);\n };\n\n const onKeyDown = (e) => {\n if (e.key === 'Enter') { startChat(); }\n };\n\n const onClickCurrentBalance = () => {\n log(LOG_LEVELS.INFO, 'Chat', `on use current balance, isContinue: ${ isContinue }`);\n const exitTime = new Date();\n const time = exitTime - selectorOpenedTime;\n onSelect(additionalOption);\n selectCredit(additionalOption, time, defaultDurationChanged, isContinue);\n };\n\n const renderClientCreditBalance = () => (\n clientAvailableCredit > 0 && selectDurationKind !== Const.selectDurationKind.newUserPayg ? (\n \n { renderThisChargeTakesIntoAccountLabel({ duration, clientAvailableCredit, t }) }\n { renderInfoLabel({ infoLabelText, selectDurationKind }) }\n {content}\n { renderNewUserPaygAvailableBalanceLabel({ selectDurationKind, clientAvailableCredit, t }) }\n { renderZenModeLabel({ selectDurationKind, infoLabelText }) }\n
\n );\n };\n\n const onCloseIconClick = () => {\n const exitTime = new Date();\n const time = exitTime - selectorOpenedTime;\n const arg = chatType === Const.chatType.text ? selected : selected.duration;\n clearAffiliatePromoPopup();\n trackDurationPickExit(arg, time, defaultDurationChanged);\n cancelChat();\n };\n\n const renderCloseIcon = () => (isContinue ? null : (\n \n ));\n\n useEffect(() => {\n const { MATCH_UP_BONUS_INFO } = env;\n const creditMatchingInfo = userMatchUpBonusInfo || MATCH_UP_BONUS_INFO;\n if (creditMatchingInfo\n && Object.keys(creditMatchingInfo).length !== 0\n && (userShowMatchUpBonusInfo === null || userShowMatchUpBonusInfo)\n && Object.keys(selected).length !== 0) {\n const additionParams = {\n noNeedCloseIcon: true, chatType, needUpdatePricingOptions: true, onSelectDuration: true, onCloseIconClick\n };\n if (!isWebView()) {\n displayAffiliatePromoPopupAction(creditMatchingInfo, purchaseDetailsTypes.AFFILIATE_PROMO_POPUP, additionParams);\n }\n }\n }, [userMatchUpBonusInfo, userShowMatchUpBonusInfo, selected]);\n\n const onSelectDurationOption = (option, index) => {\n selectDurationOption(option, isContinue, isNewUser, index);\n onSelect({ ...option, selectedCarouselIndex: index });\n };\n\n const onDurationClick = (option, index) => (!isNewUser ? startChat()\n : onSelectDurationOption(option, index));\n\n const getDurationsSelectorProps = () => {\n const durationsSelectorProps = {\n selected, isContinue, pricingOptions, onDurationClick, selectedCarouselDefaultItem, disabledStartChatButton, carouselRef,\n isNewUser, setDefaultTransform, onKeyDown, loading, onSelect, selectedCarouselIndex, selectDurationKind, advisorXfmProgram,\n userXfmProgram, clientAvailableCredit, userAdvisorModeSalePrice, texts, promoPrices, advisorModePricePerMinute\n };\n return durationsSelectorProps;\n };\n\n return (\n \n { loading ?
\n );\n}\n\nSelectChatCredit.propTypes = {\n cancelChat: PropTypes.func.isRequired,\n selectCredit: PropTypes.func.isRequired,\n t: PropTypes.func.isRequired,\n pricingOptions: PropTypes.arrayOf(\n PropTypes.shape({\n price: PropTypes.number.isRequired,\n duration: PropTypes.number.isRequired,\n default: PropTypes.bool.isRequired,\n additional: PropTypes.bool.isRequired\n })\n ),\n clientAvailableCredit: PropTypes.string,\n isContinue: PropTypes.bool,\n loadPricingOptions: PropTypes.func.isRequired,\n advisorId: PropTypes.number.isRequired,\n loading: PropTypes.bool,\n selectedCarouselIndex: PropTypes.number,\n disabledStartChatButton: PropTypes.bool.isRequired,\n chatType: PropTypes.string.isRequired,\n displayAffiliatePromoPopupAction: PropTypes.func.isRequired,\n userMatchUpBonusInfo: PropTypes.object,\n userShowMatchUpBonusInfo: PropTypes.bool,\n clearAffiliatePromoPopup: PropTypes.func.isRequired,\n requestParams: PropTypes.object,\n isNewUser: PropTypes.bool,\n name: PropTypes.string.isRequired,\n trackDurationPickExit: PropTypes.func.isRequired,\n selectorOpenedTime: PropTypes.instanceOf(Date).isRequired,\n selectDurationOption: PropTypes.func.isRequired,\n selectDurationKind: PropTypes.string,\n advisorXfmProgram: PropTypes.object,\n userXfmProgram: PropTypes.object,\n newUserPaygPricingOption: PropTypes.object,\n userAdvisorModeSalePrice: PropTypes.string,\n texts: PropTypes.object,\n promoPrices: PropTypes.object,\n advisorModePricePerMinute: PropTypes.string.isRequired\n};\n\nSelectChatCredit.defaultProps = {\n isContinue: false,\n clientAvailableCredit: null,\n pricingOptions: [],\n loading: false,\n selectedCarouselIndex: null,\n userMatchUpBonusInfo: null,\n userShowMatchUpBonusInfo: null,\n requestParams: null,\n isNewUser: false,\n selectDurationKind: null,\n advisorXfmProgram: {},\n userXfmProgram: {},\n newUserPaygPricingOption: {},\n userAdvisorModeSalePrice: null,\n texts: {},\n promoPrices: {}\n};\n\nexport default withPGTranslation(SelectChatCredit);\n","import { connect } from 'react-redux';\nimport Const from '../../../config/const';\nimport SelectChatCredit from './select_chat_credit';\nimport {\n selectCredit,\n cancelChat,\n loadPricingOptions,\n trackDurationPickExit,\n selectDurationOption\n} from '../../../actions/chat';\nimport {\n cancelVoipChat,\n loadVoipPricingOptions,\n selectVoipCredit,\n trackVoipDurationPickExit,\n selectVoipDurationOption\n} from '../../../actions/voip_chat';\nimport withPGTranslation from '../../../config/withPGTranslation';\nimport { displayAffiliatePromoPopupAction, clearAffiliatePromoPopup } from '../../../actions/affiliate_promo_popup';\nimport { getUserFirstActivePromotion, getUserMatchUpBonusInfo } from '../../../config/util';\n\nconst getAdvisorXfmProgram = ({ advisors, advisorId }) => {\n const advisor = (advisors || {})[parseInt(advisorId, 10)];\n return advisor && advisor.xfmProgram;\n};\n\nconst getAdvisorMode = ({ advisors, advisorId, chatType }) => {\n const advisor = (advisors || {})[parseInt(advisorId, 10)];\n const liveModes = advisor && advisor.liveModes;\n const advisorMode = liveModes.find(mode => mode.mode === Const.chatTypeToModeName[chatType]);\n return advisorMode;\n};\n\nconst getAdvisorModePromoPrices = ({ advisors, advisorId, chatType }) => {\n const advisorMode = getAdvisorMode({ advisors, advisorId, chatType });\n return advisorMode.promoPrices;\n};\n\nconst getAdvisorModePricePerMinute = ({ advisors, advisorId, chatType }) => {\n const advisorMode = getAdvisorMode({ advisors, advisorId, chatType });\n return advisorMode.price;\n};\n\nconst mapStateToProps = ({\n chat, voipChat, user: { user }, advisors, application\n}, { isContinue, chatType }) => {\n switch (chatType) {\n case Const.chatType.text:\n return ({\n ...chat,\n isContinue,\n clientAvailableCredit: user && user.clientAvailableCredit,\n disabledStartChatButton:\n chat.state !== Const.chatStates.appInitial\n && chat.state !== Const.chatStates.paused,\n userMatchUpBonusInfo: getUserMatchUpBonusInfo({ bonusInfos: user && user.bonusInfos }),\n userShowMatchUpBonusInfo: user && user.showMatchUpBonusInfo,\n isNewUser: chat && chat.selectDurationKind === Const.selectDurationKind.newUser,\n advisorXfmProgram: getAdvisorXfmProgram({ advisors, advisorId: chat.advisorId }),\n userXfmProgram: user && user.xfmProgram,\n loading: chat.loading || (user && user.paymentProcessing),\n selectDurationKind: chat && chat.selectDurationKind,\n userAdvisorModeSalePrice: getUserFirstActivePromotion({ user, application })?.advisorModeSalePrice,\n promoPrices: getAdvisorModePromoPrices({ advisors, advisorId: chat.advisorId, chatType }),\n advisorModePricePerMinute: getAdvisorModePricePerMinute({ advisors, advisorId: chat.advisorId, chatType })\n });\n case Const.chatType.voice:\n case Const.chatType.video:\n return ({\n ...voipChat,\n isContinue,\n clientAvailableCredit: user && user.clientAvailableCredit,\n disabledStartChatButton:\n voipChat.voipState !== Const.voipChatStates.initial\n && voipChat.voipState !== Const.voipChatStates.paused,\n userMatchUpBonusInfo: getUserMatchUpBonusInfo({ bonusInfos: user && user.bonusInfos }),\n userShowMatchUpBonusInfo: user && user.showMatchUpBonusInfo,\n isNewUser: voipChat && voipChat.selectDurationKind === Const.selectDurationKind.newUser,\n advisorXfmProgram: getAdvisorXfmProgram({ advisors, advisorId: voipChat.advisorId }),\n userXfmProgram: user && user.xfmProgram,\n loading: voipChat.loading || (user && user.paymentProcessing),\n selectDurationKind: voipChat && voipChat.selectDurationKind,\n userAdvisorModeSalePrice: getUserFirstActivePromotion({ user, application })?.advisorModeSalePrice,\n promoPrices: getAdvisorModePromoPrices({ advisors, advisorId: voipChat.advisorId, chatType }),\n advisorModePricePerMinute: getAdvisorModePricePerMinute({ advisors, advisorId: voipChat.advisorId, chatType })\n });\n default:\n return null;\n }\n};\n\nconst defaultFunctions = (dispatch) => ({\n displayAffiliatePromoPopupAction: (creditMatchingInfo, type, additionParams) => {\n dispatch(displayAffiliatePromoPopupAction(creditMatchingInfo, type, additionParams));\n },\n clearAffiliatePromoPopup: () => dispatch(clearAffiliatePromoPopup())\n});\n\nconst defaultVoipFunctions = (dispatch) => ({\n selectCredit: (option, time, defaultDurationChanged, isContinue) => dispatch(\n selectVoipCredit(option, time, defaultDurationChanged, isContinue)\n ),\n cancelChat: () => dispatch(cancelVoipChat()),\n trackDurationPickExit: (duration, time, defaultDurationChanged) => dispatch(\n trackVoipDurationPickExit(duration, time, defaultDurationChanged)\n ),\n selectDurationOption: (option, onContinue, isNewUser, index) => dispatch(\n selectVoipDurationOption(option, onContinue, isNewUser, index)\n )\n});\n\nconst mapDispatchToProps = (dispatch, ownProps) => {\n switch (ownProps.chatType) {\n case Const.chatType.text:\n return ({\n selectCredit: (option, time, defaultDurationChanged, isContinue) => dispatch(\n selectCredit(option, time, defaultDurationChanged, isContinue)\n ),\n cancelChat: () => dispatch(cancelChat()),\n loadPricingOptions: (advisorId) => dispatch(loadPricingOptions('chat', advisorId)),\n trackDurationPickExit: (option, time, defaultDurationChanged) => dispatch(\n trackDurationPickExit(option, time, defaultDurationChanged)\n ),\n selectDurationOption: (option, isContinue, isNewUser, index) => dispatch(\n selectDurationOption(option, isContinue, isNewUser, index)\n ),\n ...defaultFunctions(dispatch)\n });\n case Const.chatType.video:\n return ({\n loadPricingOptions: (advisorId) => dispatch(loadVoipPricingOptions('video', advisorId)),\n ...defaultVoipFunctions(dispatch),\n ...defaultFunctions(dispatch)\n });\n case Const.chatType.voice:\n return ({\n loadPricingOptions: (advisorId) => dispatch(loadVoipPricingOptions('voice', advisorId)),\n ...defaultVoipFunctions(dispatch),\n ...defaultFunctions(dispatch)\n });\n default:\n return null;\n }\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withPGTranslation(SelectChatCredit));\n","// extracted by mini-css-extract-plugin\nexport default {\"notInLiveModeContainer\":\"notInLiveModeContainer--hB9nT\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classes from './classes.module.scss';\nimport AppGeneralPopup from '../../../../common/app_general_popup';\n\nfunction NotInLiveMode({ cancelChat, t }) {\n return (\n \n
\n \n
\n \n {renderTitle(chatType, isContinue, name, t, selectDurationKind)}\n
\n \n { t('advisor_cannot_accept_the_chat_now') }\n
\n {e}
);\n }\n if (error.voipErrors) {\n return error.voipErrors.map((e, i) => {e}
);\n }\n return null;\n};\n\nconst getLearnMoreLink = () => {\n switch (browserName) {\n case 'Chrome':\n return 'https://support.google.com/chrome/answer/2693767?co=GENIE.Platform%3DDesktop&hl=en';\n case 'Firefox':\n return 'https://support.mozilla.org/en-US/kb/how-manage-your-camera-and-microphone-permissions';\n case 'Safar':\n return 'https://support.apple.com/en-il/guide/safari/ibrwe2159f50/mac';\n case 'Opera':\n return 'https://help.opera.com/en/opera36/set-web-preferences/';\n default:\n return 'https://www.online-tech-tips.com/computer-tips/how-to-block-camera-and-mic-access-in-every-major-browser/';\n }\n};\n\nconst renderTitle = (permissionDeniedError) => {\n if (permissionDeniedError) {\n return (\n \n Microphone and/or camera blocked\n
\n );\n }\n return null;\n};\n\nconst renderText = (permissionDeniedError, error, onCancelClicked) => {\n if (permissionDeniedError) {\n return (\n <>\n To order a live voice/video call,\n you'll need to allow access to your microphone and/or camera. \n \n Learn more\n \n .\n \n );\n }\n return (extractErrors(error));\n};\n\nconst appLinkAFChanel = (chatType) => {\n switch (chatType) {\n case Const.chatType.video:\n return 'video_button';\n case Const.chatType.voice:\n return 'voice_button';\n case Const.chatType.text:\n return 'chat_button';\n default:\n return null;\n }\n};\n\nfunction Error({\n error, onCancelClicked, chatType, permissionDeniedError\n}) {\n const { t } = useTranslation();\n return (\n \n {' '}\n { renderText(permissionDeniedError, error, onCancelClicked) }\n \n
\n {t('general.ok')}
\n \n \n
\n) : null);\n\nconst cashBackPopupContent = (renderDownloadBtn, popupDownloadAppLink) => (\n isMobile ? renderDownloadBtn(classes.downloadAppPopupLink, popupDownloadAppLink)\n : renderDesktopContent(popupDownloadAppLink));\n\nconst bonusPopupContent = (renderMobileContent, showDownloadAppPopupLink) => (\n isMobile ? renderMobileContent() : renderDesktopContent(showDownloadAppPopupLink)\n);\n\nfunction DownloadAppPopup({\n showDownloadAppPopupKind, showDownloadAppPopupLink, matchingBonus\n}) {\n const [downloadAppPopupVisible, setDownloadAppPopupVisible] = useState(\n !!showDownloadAppPopupKind\n );\n const { t } = useTranslation();\n const popupDownloadAppLink = downloadAppLink('web_session_ended_download_popup');\n\n const closeCashbackPoppup = () => {\n setDownloadAppPopupVisible(false);\n };\n\n const renderCloseBtn = (popupCloseBtnStyle) => (\n \n
\n \n
\n \n \n
\n );\n const renderLogo = () => (\n \n \n
\n );\n\n const onDownloadBtnClick = () => {\n setDownloadAppPopupVisible(false);\n };\n\n const renderDownloadBtn = (style, link) => (\n \n \n
\n { renderDownloadBtn(classes.bonusDownloadAppPopupLink, showDownloadAppPopupLink) }\n \n );\n\n const renderCashBackPopupContent = () => cashBackPopupContent(renderDownloadBtn, popupDownloadAppLink);\n const renderBonusPopupContent = () => bonusPopupContent(renderMobileContent, showDownloadAppPopupLink);\n\n const renderDownloadPoppup = (title, text, renderContent) => (\n \n { renderLogo() }\n
\n \n );\n\n const renderPopup = () => {\n if (showDownloadAppPopupKind === 1) {\n return renderDownloadPoppup(\n t('download_app_popup.did_you_know'),\n 'app_download_app_popup.by_downloading_the_app',\n renderCashBackPopupContent\n );\n }\n if (showDownloadAppPopupKind === 2) {\n return renderDownloadPoppup(\n t('download_app_popup.its_a_match'),\n 'app_download_app_popup.download_the_app_and_get_a_bonus',\n renderBonusPopupContent\n );\n }\n return null;\n };\n\n return renderPopup();\n}\n\nDownloadAppPopup.propTypes = {\n showDownloadAppPopupKind: PropTypes.number,\n showDownloadAppPopupLink: PropTypes.string,\n matchingBonus: PropTypes.string\n};\n\nDownloadAppPopup.defaultProps = {\n showDownloadAppPopupKind: null,\n showDownloadAppPopupLink: null,\n matchingBonus: null\n};\n\nexport default DownloadAppPopup;\n","import { connect } from 'react-redux';\nimport DownloadAppPopup from './download_app_popup';\n\nconst mapStateToProps = ({ chat, voipChat: { order } }) => ({\n ...chat,\n ...order\n});\n\nexport default connect(\n mapStateToProps,\n {}\n)(DownloadAppPopup);\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classes from '../classes.module.scss';\nimport RateSection from '../rate_section';\nimport RateReview from '..';\nimport withPGTranslation from '../../../config/withPGTranslation';\nimport AppGeneralPopup from '../../../../common/app_general_popup';\nimport { appGeneralPopupTheme } from '../../../../common/config/const';\nimport { rateReviewTheme } from '../../../config/const';\nimport { isMobile } from '../../../config/util';\nimport { trackPageVisit } from '../../../actions/analytics';\n\nfunction RateReviewAfterChat({\n visible,\n onCancel,\n orderId,\n advisorName,\n t,\n clickSource,\n advisorId,\n profileLanguage,\n createdAt,\n chatType\n}) {\n const [like, setLike] = useState(null);\n const [showSmallModal, setShowSmallModal] = useState(false);\n const [showFullModal, setShowFullModal] = useState(false);\n\n useEffect(() => {\n setShowSmallModal(visible);\n if (visible) trackPageVisit('live session ended review draw');\n }, []);\n\n const onSkipClick = () => {\n setLike(null);\n setShowSmallModal(false);\n onCancel();\n };\n\n const renderSkipButton = () => (\n \n { title }\n
\n\n \n
\n {renderContent()}\n \n \n
\n );\n\n const fullModalOnCancel = () => {\n setShowFullModal(false);\n onCancel();\n };\n\n const renderFullModal = () => (\n \n {\n setLike(liked);\n setShowSmallModal(false);\n setShowFullModal(true);\n } }\n />\n { renderSkipButton() }\n
\n );\n\n const renderSmallModal = () => (\n \n {renderSmallModal()}\n {renderFullModal()}\n
\n );\n\n const onCloseButtonAction = () => {\n onCancel();\n };\n\n const renderBrowserViewFull = () => (\n \n
\n );\n\n const renderHangupErrorBlock = () => (\n hangupError && (\n {title}
\n\n
\n )\n );\n\n const renderAlertBlock = () => (\n alert && (\n {hangupError?.label}
\n \n
\n )\n );\n\n const renderLargeNumbersBlock = () => (\n {alert?.label}
\n {alert?.hint}
\n \n {largeNumbers?.map((line, index) => (\n
\n );\n\n const renderSmallNumbersBlock = () => (\n smallNumbers?.length > 0 && (\n \n { line?.label }\n
\n
\n ))}\n \n
\n {line?.value}\n
\n \n {smallNumbers?.map((line, index) => (\n
\n )\n );\n\n const renderTotalHint = () => {\n if (!total?.hint) return null;\n return (\n \n
\n ))}\n {line?.label}
\n {line?.value}
\n \n { total?.hint }\n { ` ${ total?.hintHighlighted }` }\n
\n );\n };\n\n const renderTotalBlock = () => (\n \n
\n );\n\n const closeButton = () => (\n {total?.label}
\n {total?.value}
\n { renderTotalHint() }\n \n {renderChatEndedModalContent()}\n
\n \n {\n cancelAction();\n redirectTo();\n } }\n onKeyDown={ () => {\n cancelAction();\n redirectTo();\n } }\n >\n {t('chat.continue')}\n \n
\n \n \n
\n );\n}\n\nexport default SquareAnimation;\n","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"container--bcChk\",\"frameOut\":\"frameOut--KEQFG\",\"outAnimation\":\"outAnimation--gTl9U\",\"frameMid\":\"frameMid--w5lCG\",\"midAnimation\":\"midAnimation--Q0Seg\",\"frameIn\":\"frameIn--BdIVf\",\"inAnimation\":\"inAnimation--nE7sf\",\"profilePicture\":\"profilePicture--fSBvS\",\"contactingContainer\":\"contactingContainer--GOKm4\",\"contacting\":\"contacting--pfmVi\",\"buttonContainer\":\"buttonContainer--uD0Dr\",\"button\":\"button--cuj8J\",\"hangingUp\":\"hangingUp--P2KxB\",\"buttonImage\":\"buttonImage--SFIFb\",\"voipButtonImage\":\"voipButtonImage--UHjKG\",\"blurImage\":\"blurImage--jk255\",\"overlay\":\"overlay--S4ElD\",\"publisherContainer\":\"publisherContainer--ZMLCw\",\"animation-bzdot9\":\"animation-bzdot9--NQ1St\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classes from './classes.module.scss';\nimport withPGTranslation from '../../../config/withPGTranslation';\n\nfunction CallAnimation({\n pictureSrc, borderColor\n}) {\n return (\n \n
\n );\n}\n\nCallAnimation.propTypes = {\n pictureSrc: PropTypes.string.isRequired,\n borderColor: PropTypes.string.isRequired\n};\n\nexport default withPGTranslation(CallAnimation);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classesModule from './classes.module.scss';\nimport Const from '../../config/const';\nimport Stopwatch from '../stopwatch';\n\nconst kFreeTimeIc = require('./img/ring_animation_icon.png');\n\nconst formattedTime = (time) => (`0${ time }`).slice(-2);\n\nconst textLabel = (t, voipState) => (\n \n
\n \n
\n \n { voipState === Const.voipChatStates.finishing\n ? t('chat.end_call_time_label') : t('chat.free_setup_time') }\n
\n);\n\nconst timer = (callDurationNow) => {\n const hours = Math.floor(callDurationNow / 3600);\n const minutes = Math.floor((callDurationNow % 3600) / 60);\n const seconds = Math.floor(callDurationNow % 3600 % 60);\n const hoursDisplay = hours > 0 ? formattedTime(hours) : '00';\n const minutesDisplay = minutes > 0 ? formattedTime(minutes) : '00';\n const secondsDispaly = seconds > 0 ? formattedTime(seconds) : '00';\n const fulltime = `${ hoursDisplay }:${ minutesDisplay }:${ secondsDispaly }`;\n return (\n \n { fulltime }\n
\n );\n};\n\nfunction TimerLabel({\n callDurationNow, paidDuration, blinkSetup, t, voipState, buyerDurationCounterDirection\n}) {\n const propsExists = callDurationNow && paidDuration;\n const showTimer = propsExists && voipState !== Const.voipChatStates.finishing && (callDurationNow <= paidDuration);\n\n const renderTimer = () => (\n <>\n \n
\n );\n}\n\nTimerLabel.propTypes = {\n callDurationNow: PropTypes.number,\n paidDuration: PropTypes.number,\n blinkSetup: PropTypes.bool.isRequired,\n t: PropTypes.func.isRequired,\n voipState: PropTypes.string.isRequired,\n buyerDurationCounterDirection: PropTypes.string.isRequired\n};\n\nTimerLabel.defaultProps = {\n callDurationNow: null,\n paidDuration: null\n};\n\nexport default TimerLabel;\n","import React from 'react';\nimport classes from './classes.module.scss';\nimport Const from '../../config/const';\nimport { SvgIcon } from '../../../common/sprites';\n\nconst getDiscountLabelId = ({ discountData }) => {\n let icon;\n switch (discountData?.kind) {\n case Const.discountDataKind.discountApplied:\n icon = 'discount_applied_icon';\n break;\n case Const.discountDataKind.maxDiscountApplied:\n icon = 'max_discount_applied_icon';\n break;\n case Const.discountDataKind.advisorSpecialOffer:\n icon = 'advisor_special_offer_icon';\n break;\n default:\n break;\n }\n return icon;\n};\n\nconst getDiscountLabelText = ({ discountData, t }) => {\n let text;\n switch (discountData?.kind) {\n case Const.discountDataKind.discountApplied:\n text = t('chat.discount_applied');\n break;\n case Const.discountDataKind.maxDiscountApplied:\n text = t('chat.max_discount_applied');\n break;\n case Const.discountDataKind.advisorSpecialOffer:\n text = t('chat.advisor_special_offer_applied');\n break;\n default:\n break;\n }\n return text;\n};\n\nconst renderDiscountLabel = ({ discountData, t }) => {\n if (!discountData || !discountData?.description) return null;\n return (\n \n {renderTimerContent()}\n
\n \n
\n );\n};\n\nconst getCallWithText = ({ voipType, t }) => {\n if (voipType === Const.chatType.voice) return t('chat.voice_call_with');\n if (voipType === Const.chatType.video) return t('chat.video_call_with');\n return null;\n};\n\nexport const renderNameAndDiscountLabel = ({\n voipType, discountData, name, t\n}) => (\n \n
\n);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport Const from '../../config/const';\nimport withPGTranslation from '../../config/withPGTranslation';\nimport classesModule from './classes.module.scss';\nimport TimerLabel from './timer_label';\nimport {\n hangupVoipChat, setEnableMic, setEnableVideo\n} from '../../actions/voip_chat';\nimport { trackEvent } from '../../actions/mixpanel';\nimport Switch from '../../../common/helpers/switch';\nimport { renderNameAndDiscountLabel } from './voip_utils';\n\nconst kMuteActive = require('./img/mic_active.png');\nconst kMuteNotActive = require('./img/mic_non_active.png');\n\nconst kHangupIc = require('./img/ic_phone.png');\n\nconst cameraNotActive = require('./img/camera_non_active.svg');\nconst cameraActive = require('./img/camera_active.svg');\nconst micNotActive = require('./img/mic_non_active.svg');\nconst micActive = require('./img/mic_active.svg');\n\nconst renderVoiceMuteButton = (micEnabled, setMicEnabled) => {\n const muteIcon = micEnabled ? kMuteNotActive : kMuteActive;\n const muteClassName = micEnabled\n ? classesModule.muteNotActiveButton : classesModule.muteActiveButton;\n return (\n \n { getCallWithText({ voipType, t }) }\n
\n \n { name }\n
\n { renderDiscountLabel({ discountData, t }) }\n \n setMicEnabled(!micEnabled) }\n className={ muteClassName }\n >\n
\n );\n};\n\nconst renderVideoSwitcher = (\n micEnabled,\n videoEnabled,\n setMicEnabled,\n setVideoEnabled,\n trackMPEvent,\n advisorId,\n orderId\n) => (\n \n
\n);\n\nconst renderReconnectLabel = (reconnecting) => {\n if (!reconnecting) return null;\n return (\n \n {\n setVideoEnabled(!videoEnabled);\n if (!videoEnabled) {\n trackMPEvent({\n 'advisor id': advisorId,\n 'order id': orderId\n });\n }\n } }\n offColor=\"rgb(255, 255, 255, 0.16)\"\n onColor=\"rgb(255, 255, 255, 0.16)\"\n offSliderImg={ cameraNotActive }\n onSliderImg={ cameraActive }\n offSliderColor=\"rgb(255, 255, 255, 0.16)\"\n onSliderColor=\"#16C5F0\"\n width={ 50 }\n height={ 25 }\n handleDiameter={ 22 }\n />\n
\n \n setMicEnabled(!micEnabled) }\n offColor=\"rgb(255, 255, 255, 0.16)\"\n onColor=\"rgb(255, 255, 255, 0.16)\"\n offSliderImg={ micNotActive }\n onSliderImg={ micActive }\n offSliderColor=\"rgb(255, 255, 255, 0.16)\"\n onSliderColor=\"#16C5F0\"\n width={ 50 }\n height={ 25 }\n handleDiameter={ 22 }\n />\n
\n \n
\n );\n};\n\nconst renderHangupButton = (hangupCall) => (\n \n
\n Trying to reconnect...
\n \n \n
\n);\n\nconst renderDiscountLabelIfNeed = ({\n voipType, discountData, name, t\n}) => {\n if (voipType !== Const.chatType.video) return null;\n return renderNameAndDiscountLabel({\n voipType, discountData, name, t\n });\n};\n\nfunction VoipControls({\n voipType, paidDuration, blinkSetup,\n callDurationNow, t, hangupChat, trackMPEvent,\n advisorId, orderId, enableMic, enableVideo, toggleMic,\n toggleVideo, reconnecting, voipState, buyerDurationCounterDirection, discountData, name\n}) {\n const switcherContent = voipType === Const.chatType.video\n ? renderVideoSwitcher(\n enableMic,\n enableVideo,\n toggleMic,\n toggleVideo,\n trackMPEvent,\n advisorId,\n orderId\n ) : renderVoiceMuteButton(enableMic, toggleMic);\n return (\n \n { renderReconnectLabel(reconnecting) }\n { renderDiscountLabelIfNeed({\n voipType, discountData, name, t\n }) }\n
\n );\n}\n\nVoipControls.propTypes = {\n voipType: PropTypes.string.isRequired,\n paidDuration: PropTypes.number,\n blinkSetup: PropTypes.bool.isRequired,\n callDurationNow: PropTypes.number,\n t: PropTypes.func.isRequired,\n hangupChat: PropTypes.func.isRequired,\n trackMPEvent: PropTypes.func.isRequired,\n advisorId: PropTypes.number.isRequired,\n orderId: PropTypes.number.isRequired,\n enableMic: PropTypes.bool.isRequired,\n enableVideo: PropTypes.bool.isRequired,\n toggleMic: PropTypes.func.isRequired,\n toggleVideo: PropTypes.func.isRequired,\n reconnecting: PropTypes.bool.isRequired,\n voipState: PropTypes.string.isRequired,\n buyerDurationCounterDirection: PropTypes.string.isRequired,\n setupTimeLabels: PropTypes.array.isRequired,\n notifyDate: PropTypes.string,\n discountData: PropTypes.object,\n name: PropTypes.string.isRequired\n};\n\nVoipControls.defaultProps = {\n paidDuration: null,\n callDurationNow: null,\n notifyDate: null,\n discountData: null\n};\n\nconst mapStateToProps = ({ voipChat }) => ({ ...voipChat, ...voipChat.conversationOption });\n\nconst mapDispatchToProps = (dispatch) => ({\n hangupChat: () => dispatch(hangupVoipChat()),\n toggleMic: (enable) => dispatch(setEnableMic(enable)),\n toggleVideo: (enable) => dispatch(setEnableVideo(enable)),\n trackMPEvent: (eventProperties) => dispatch(trackEvent('vc mute video', eventProperties))\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(withPGTranslation(VoipControls));\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport CallAnimation from '../chat_overlay/outgoin_call/call_animation';\nimport classes from './classes.module.scss';\nimport VoipControls from './voip_controls';\nimport { renderNameAndDiscountLabel } from './voip_utils';\nimport Const from '../../config/const';\nimport { getModeColor } from '../../config/util';\n\nfunction VoiceOverlay({\n profilePictureUrl, blinkSetup, callDurationNow, discountData, t, voipType, name\n}) {\n return (\n \n { renderHangupButton(hangupChat) }\n { switcherContent }\n
\n \n
\n );\n}\n\nVoiceOverlay.propTypes = {\n profilePictureUrl: PropTypes.string.isRequired,\n blinkSetup: PropTypes.bool.isRequired,\n callDurationNow: PropTypes.number,\n discountData: PropTypes.object,\n t: PropTypes.func.isRequired,\n voipType: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired\n};\n\nVoiceOverlay.defaultProps = {\n callDurationNow: null,\n discountData: null\n};\n\nexport default VoiceOverlay;\n","import React, { useEffect } from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport {\n noAnswer\n} from '../../actions/voip_chat';\n\nfunction AutoHangupTimer({ noAnswerCall, automaticHangupIn, timerRef }) {\n if (!timerRef) {\n return null;\n }\n const timer = timerRef;\n useEffect(() => {\n timer.current = setTimeout(() => {\n noAnswerCall();\n }, automaticHangupIn * 1000);\n return () => clearTimeout(timer.current);\n }, [automaticHangupIn]);\n return ;\n}\n\nAutoHangupTimer.propTypes = {\n automaticHangupIn: PropTypes.number.isRequired,\n noAnswerCall: PropTypes.func.isRequired,\n timerRef: PropTypes.object\n};\n\nAutoHangupTimer.defaultProps = {\n timerRef: null\n};\n\nconst mapStateToProps = ({ voipChat }) => ({ ...voipChat, ...voipChat.conversationOption });\n\nconst mapDispatchToProps = (dispatch) => ({\n noAnswerCall: () => dispatch(noAnswer())\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(AutoHangupTimer);\n","import React, { useEffect } from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\n\nfunction DisconnectSessionTimer({\n onTimeOut, stream, timers, timerRef\n}) {\n useEffect(() => {\n const timer = timerRef;\n if (timer && timers) {\n timer.current = setTimeout(() => {\n if (stream) {\n onTimeOut();\n }\n }, timers.diconnectTimer * 1000);\n return () => clearInterval(timer.current);\n }\n return () => {};\n }, [timers]);\n\n return ;\n}\n\nDisconnectSessionTimer.propTypes = {\n timers: PropTypes.object,\n onTimeOut: PropTypes.func.isRequired,\n stream: PropTypes.object,\n timerRef: PropTypes.object\n};\n\nDisconnectSessionTimer.defaultProps = {\n timers: null,\n stream: null,\n timerRef: null\n};\n\nconst mapStateToProps = ({ voipChat }) => ({ ...voipChat, ...voipChat.conversationOption });\n\nexport default connect(mapStateToProps, {})(DisconnectSessionTimer);\n","import React, { useEffect, useState } from 'react';\nimport { connect } from 'react-redux';\nimport { formatISO, differenceInSeconds, parseISO } from 'date-fns';\nimport PropTypes from 'prop-types';\nimport { timerEndConversation, pullConversation, trackSessionHireEventIfNeeded } from '../../actions/voip_chat';\nimport { isXfmProgram } from '../../config/util';\n\nconst checkTimerStop = (timerEndCall, callDurationNow, pullTimer, timer, xfmProgramActive, setXfmProgramActive) => {\n const callDuration = callDurationNow();\n if (xfmProgramActive && callDuration <= 0) {\n clearInterval(timer);\n setXfmProgramActive(false);\n return;\n }\n if (callDuration <= 3 && pullTimer) {\n clearInterval(pullTimer);\n }\n if (callDuration <= 0) {\n timerEndCall();\n clearInterval(timer);\n }\n};\n\nfunction CallDurationTimer({\n notifyDate, conversationOption, timerEndCall, pullCall, onCallDurationUpdate,\n advisorXfmProgram, userXfmProgram, updateXfmProgramActive, continuedSession,\n voipType, trackSessionHireEvent\n}) {\n const [xfmProgramActive, setXfmProgramActive] = useState(continuedSession === 0 && isXfmProgram({ advisorXfmProgram, userXfmProgram }));\n const [seconds, setSecondsPast] = useState(null);\n\n let timer;\n let pullTimer;\n let secondsTimer;\n\n const getSecondsPast = () => {\n const dateNow = formatISO(new Date());\n const secondsPast = differenceInSeconds(parseISO(dateNow), parseISO(notifyDate));\n return secondsPast;\n };\n\n const callDurationNow = () => {\n const secondsPast = getSecondsPast();\n const newCallDurationNow = (conversationOption || {}).callDurationTimer - secondsPast;\n return newCallDurationNow;\n };\n\n useEffect(() => {\n updateXfmProgramActive(xfmProgramActive);\n }, [xfmProgramActive]);\n\n useEffect(() => {\n if (seconds && seconds >= conversationOption.freeSetupSeconds) {\n trackSessionHireEvent(voipType);\n }\n }, [seconds]);\n\n useEffect(() => {\n if (conversationOption) {\n pullTimer = setTimeout(() => {\n pullCall();\n }, conversationOption.pullConversationStatusTimer * 1000);\n timer = setInterval(() => {\n checkTimerStop(timerEndCall, callDurationNow, pullTimer, timer, xfmProgramActive, setXfmProgramActive);\n onCallDurationUpdate(callDurationNow());\n }, 500);\n secondsTimer = setInterval(() => {\n setSecondsPast(getSecondsPast);\n }, 1000);\n return () => {\n clearInterval(timer);\n clearInterval(pullTimer);\n clearInterval(secondsTimer);\n };\n }\n return () => {};\n }, [conversationOption, xfmProgramActive]);\n\n return ;\n}\n\nCallDurationTimer.propTypes = {\n notifyDate: PropTypes.string,\n conversationOption: PropTypes.object,\n timerEndCall: PropTypes.func.isRequired,\n pullCall: PropTypes.func.isRequired,\n onCallDurationUpdate: PropTypes.func,\n advisorXfmProgram: PropTypes.object,\n userXfmProgram: PropTypes.object,\n advisorId: PropTypes.number.isRequired,\n updateXfmProgramActive: PropTypes.func.isRequired,\n continuedSession: PropTypes.number.isRequired,\n voipType: PropTypes.string.isRequired,\n trackSessionHireEvent: PropTypes.func.isRequired\n};\n\nCallDurationTimer.defaultProps = {\n notifyDate: null,\n conversationOption: null,\n onCallDurationUpdate: null,\n advisorXfmProgram: {},\n userXfmProgram: {}\n};\n\nconst mapStateToProps = ({ voipChat, advisors, user: { user } }) => {\n const { advisorId } = voipChat;\n const advisor = (advisors || {})[parseInt(advisorId, 10)];\n return ({\n ...voipChat,\n ...voipChat.conversationOption,\n advisorXfmProgram: advisor && advisor.xfmProgram,\n userXfmProgram: user && user.xfmProgram\n });\n};\n\nconst mapDispatchToProps = (dispatch) => ({\n timerEndCall: () => dispatch(timerEndConversation()),\n pullCall: () => dispatch(pullConversation()),\n trackSessionHireEvent: () => dispatch(trackSessionHireEventIfNeeded())\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(CallDurationTimer);\n","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nfunction BlinkTimer({ onTick }) {\n useEffect(() => {\n const timer = setInterval(() => {\n onTick();\n }, 500);\n return () => clearInterval(timer);\n }, []);\n return ;\n}\n\nBlinkTimer.propTypes = {\n onTick: PropTypes.func.isRequired\n};\n\nexport default BlinkTimer;\n","import React, { PureComponent, createRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { OTPublisher, OTSubscriber, createSession } from 'opentok-react';\nimport VoipAlert from './voip_alert';\nimport Const from '../../config/const';\nimport classesModule from './classes.module.scss';\nimport classes from './classes.css'; // eslint-disable-line\nimport SquareAnimation from '../square_animation/square_animation';\nimport { log, LOG_LEVELS } from '../../../common/config/app_logger';\nimport VoiceOverlay from './voice_overlay';\nimport VoipControls from './voip_controls';\nimport AutoHangupTimer from './auto_hangup_timer';\nimport DisconnectSessionTimer from './disconnect_session_timer';\nimport CallDurationTimer from './call_duration_timer';\nimport BlinkTimer from './blink_timer';\n\nexport default class VoipChat extends PureComponent {\n static propTypes = {\n tokboxSessionId: PropTypes.string,\n tokboxApiKey: PropTypes.number,\n tokboxBuyerToken: PropTypes.string,\n subscribed: PropTypes.func.isRequired,\n receivedSignal: PropTypes.func.isRequired,\n conversationOption: PropTypes.object,\n voipType: PropTypes.string.isRequired,\n profilePictureUrl: PropTypes.string.isRequired,\n enableMic: PropTypes.bool.isRequired,\n enableVideo: PropTypes.bool.isRequired,\n setReconnecting: PropTypes.func.isRequired,\n pauseVoipChat: PropTypes.func.isRequired,\n voipState: PropTypes.string.isRequired,\n forceHangupVoipChat: PropTypes.func.isRequired,\n name: PropTypes.string.isRequired,\n t: PropTypes.func.isRequired,\n discountData: PropTypes.object\n };\n\n static defaultProps = {\n tokboxSessionId: null,\n tokboxApiKey: null,\n tokboxBuyerToken: null,\n conversationOption: null,\n discountData: null\n };\n\n state = {\n stream: null,\n blinkSetup: true,\n callDurationNow: null,\n showHUD: true,\n error: null,\n chatReady: false,\n xfmProgramActive: false\n };\n\n componentDidMount() {\n window.history.pushState(null, null, window.location.href);\n window.addEventListener('onpopstate', this.disableBackButton);\n this.sessionHelper = null;\n this.autoHangupTimer = createRef();\n this.disconnectSessiontimer = createRef();\n const { setReconnecting } = this.props;\n this.sessionHandlers = {\n sessionDisconnected: () => {\n log(LOG_LEVELS.INFO, 'VOIP CHAT', 'Session disconnected');\n this.setState({ showHUD: true });\n },\n sessionReconnected: () => {\n log(LOG_LEVELS.INFO, 'VOIP CHAT', 'Session reconnected');\n setReconnecting(false);\n this.setState({ showHUD: false });\n },\n sessionReconnecting: () => {\n log(LOG_LEVELS.INFO, 'VOIP CHAT', 'Session reconnecting');\n setReconnecting(true);\n this.setState({ showHUD: true });\n }\n };\n this.createOpentokSession();\n }\n\n componentDidUpdate(prevProps) {\n const { conversationOption, tokboxApiKey } = this.props;\n if (conversationOption && !prevProps.conversationOption) this.onReceivedConversationOptions();\n if (tokboxApiKey && !prevProps.tokboxApiKey) this.createOpentokSession();\n }\n\n componentWillUnmount() {\n window.removeEventListener('onpopstate', this.disableBackButton);\n if (this.sessionHelper) {\n this.sessionHelper.disconnect();\n }\n }\n\n disableBackButton = () => {\n window.history.go(1);\n };\n\n onPublisherError = (error) => {\n if (error.code === 1500) {\n this.setState({\n error: 'Access to camera or microphone is blocked, please check your browser settings'\n });\n }\n log(LOG_LEVELS.ERROR, 'VOIP CHAT', 'Publisher error', error);\n };\n\n onStreamsUpdated = (streams) => {\n const { pauseVoipChat, voipState, forceHangupVoipChat } = this.props;\n this.setState({ stream: streams[0] });\n if (streams.length === 0) {\n if (voipState === Const.voipChatStates.finishing) {\n clearTimeout(this.disconnectSessiontimer.current);\n log(LOG_LEVELS.DEBUG, 'VOIP CHAT', 'Disconnect timer was cleared from streams update');\n pauseVoipChat();\n } else {\n log(LOG_LEVELS.INFO, 'VOIP CHAT', 'Forced voip chat hang up');\n forceHangupVoipChat();\n }\n }\n log(LOG_LEVELS.DEBUG, 'VOIP CHAT', 'Streams updated');\n };\n\n onSubscriberSubscribed = () => {\n const { subscribed } = this.props;\n log(LOG_LEVELS.INFO, 'VOIP CHAT', 'Subscription initiated');\n subscribed();\n clearTimeout(this.autoHangupTimer.current);\n this.setState({ showHUD: false });\n };\n\n onReceivedConversationOptions = () => {\n const { conversationOption } = this.props;\n this.setState({ callDurationNow: conversationOption.callDurationTimer });\n };\n\n blinkOnTimer = () => {\n const { blinkSetup } = this.state;\n this.setState({ blinkSetup: !blinkSetup });\n };\n\n updateCallDuration = (newCallDurationNow) => this.setState({\n callDurationNow: newCallDurationNow\n });\n\n updateXfmProgramActive = (newXfmProgramActive) => this.setState({\n xfmProgramActive: newXfmProgramActive\n });\n\n clearError = () => this.setState({ error: null });\n\n createOpentokSession = () => {\n const {\n tokboxApiKey, tokboxSessionId,\n tokboxBuyerToken, receivedSignal\n } = this.props;\n if (tokboxApiKey && tokboxSessionId && tokboxBuyerToken) {\n log(LOG_LEVELS.INFO, 'VOIP', 'Creating OPENTOK SESSION');\n this.sessionHelper = createSession({\n apiKey: tokboxApiKey,\n sessionId: tokboxSessionId,\n token: tokboxBuyerToken,\n onStreamsUpdated: this.onStreamsUpdated,\n onConnect: () => log(LOG_LEVELS.INFO, 'VOIP CHAT', 'ON SESSION CONNECT')\n });\n this.setState({ chatReady: true });\n this.sessionHelper.session.on('signal', (event) => {\n const { callDurationNow } = this.state;\n receivedSignal(event.data, callDurationNow);\n });\n this.sessionHelper.session.on(this.sessionHandlers);\n }\n };\n\n renderSubscriber() {\n const { session } = this.sessionHelper;\n const { stream } = this.state;\n if (!stream) return null;\n return (\n \n
\n \n { this.renderTimers() }\n
\n );\n }\n}\n","import { connect } from 'react-redux';\nimport {\n preloadScript\n} from 'opentok-react';\nimport VoipChat from './voip_chat';\nimport withPGTranslation from '../../config/withPGTranslation';\nimport {\n subscribed, receivedSignal,\n hangupVoipChat, noAnswer,\n timerEndConversation, pullConversation,\n setReconnecting, pauseVoipChat, forceHangupVoipChat\n} from '../../actions/voip_chat';\nimport { trackEvent } from '../../actions/mixpanel';\n\nconst mapStateToProps = ({ voipChat }) => ({ ...voipChat, ...voipChat.conversationOption });\n\nexport default preloadScript(connect(\n mapStateToProps,\n {\n subscribed,\n receivedSignal,\n hangupVoipChat,\n noAnswer,\n timerEndConversation,\n pullConversation,\n trackEvent,\n setReconnecting,\n pauseVoipChat,\n forceHangupVoipChat\n }\n)(withPGTranslation(VoipChat)));\n","import React, { PureComponent } from 'react';\nimport Webcam from 'react-webcam';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Const from '../../../config/const';\nimport classes from './classes.module.scss';\nimport CallAnimation from './call_animation';\nimport { getModeColor } from '../../../config/util';\n\nconst cancelBtn = require('./img/cross_icn.png');\nconst voipCancelButton = require('./img/ic_phone.png');\n\nconst videoConstraints = {\n width: 100,\n height: 150,\n facingMode: 'user'\n};\n\nexport default class Outgoing extends PureComponent {\n static propTypes = {\n cancelChat: PropTypes.func.isRequired,\n profilePictureUrl: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n hangingUp: PropTypes.bool,\n t: PropTypes.func.isRequired,\n chatType: PropTypes.string.isRequired,\n soundUrl: PropTypes.string.isRequired,\n createChat: PropTypes.func,\n orderId: PropTypes.number\n };\n\n static defaultProps = {\n hangingUp: false,\n createChat: null,\n orderId: null\n };\n\n constructor(props) {\n super(props);\n\n this.renderWebcam = this.renderWebcam.bind(this);\n }\n\n componentDidMount() {\n const { soundUrl } = this.props;\n this.audio = new Audio(soundUrl);\n if (this.audio) {\n this.audio.play();\n this.audio.loop = true;\n }\n const { createChat } = this.props;\n if (createChat) createChat();\n }\n\n componentWillUnmount() {\n this.audio?.pause();\n }\n\n onHangUP = () => {\n const { cancelChat, hangingUp, orderId } = this.props;\n if (hangingUp || !orderId) return;\n cancelChat();\n };\n\n renderWebcam() {\n const { chatType } = this.props;\n if (chatType !== Const.chatType.video) {\n return null;\n }\n return (\n \n { this.renderSubscriber() }\n
\n { this.renderVoiceChatOverlay() }\n \n { this.renderPublisher() }\n
\n { this.renderControls() }\n \n
\n );\n }\n\n render() {\n const {\n profilePictureUrl, name,\n hangingUp, t, chatType\n } = this.props;\n const borderColor = getModeColor(Const.chatTypeToModeName[chatType]);\n\n return (\n \n \n \n
\n { this.renderWebcam() }\n \n );\n }\n}\n","import { connect } from 'react-redux';\nimport Const from '../../../config/const';\nimport Outgoing from './outgoing';\nimport { hangupChat, createChat } from '../../../actions/chat';\nimport { hangupVoipChat } from '../../../actions/voip_chat';\nimport withPGTranslation from '../../../config/withPGTranslation';\n\nconst mapStateToProps = ({ chat, voipChat }, { chatType }) => {\n switch (chatType) {\n case Const.chatType.text:\n return ({ ...chat, soundUrl: 'https://dpam6lhev4yyd.cloudfront.net/assets/outgoing_ring_live_chat_pg.mp4' });\n case Const.chatType.voice:\n return ({ ...voipChat, soundUrl: 'https://dpam6lhev4yyd.cloudfront.net/assets/outgoing_voice_call.wav' });\n case Const.chatType.video:\n return ({ ...voipChat, soundUrl: 'https://dpam6lhev4yyd.cloudfront.net/assets/outgoing_video_call.mp3' });\n default:\n return null;\n }\n};\n\nconst mapDispatchToProps = (dispatch, ownProps) => {\n switch (ownProps.chatType) {\n case Const.chatType.text:\n return ({\n cancelChat: () => dispatch(hangupChat()),\n createChat: () => dispatch(createChat())\n });\n case Const.chatType.voice:\n case Const.chatType.video:\n return ({\n cancelChat: () => dispatch(hangupVoipChat(true))\n });\n default:\n return null;\n }\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(withPGTranslation(Outgoing));\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport OutgoingScreen from '../outgoin_call';\n\nexport default class Starting extends PureComponent {\n static propTypes = {\n createChat: PropTypes.func.isRequired,\n profilePictureUrl: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n chatType: PropTypes.string.isRequired\n };\n\n componentDidMount() {\n const { createChat } = this.props;\n createChat();\n }\n\n render() {\n const { chatType } = this.props;\n return \n \n {hangingUp ? t('chat.hanging_up') : t('chat.contacting') }\n \n
\n {name}\n
\n \n {name}\n
\n \n
\n \n \n \n
\n);\n\nconst renderPurchaseDetails = (voipType, voipPurchaseOnBack) => (\n \n \n \n
\n);\n\nconst voipActionList = (voipType, voipPurchaseOnBack, isNewUser, profilePictureUrl) => ({\n [Constants.voipChatStates.connectProvider]: {\n voipChat: \n { voipChat }\n { content }\n
\n );\n }\n}\n","import { connect } from 'react-redux';\nimport CreatedVoipChat from './created_voip_chat';\nimport Const from '../../config/const';\nimport withPGTranslation from '../../config/withPGTranslation';\nimport { voipPurchaseOnBack } from '../../actions/voip_chat';\nimport { trackEventSpentCredit } from '../../actions/analytics';\n\nconst mapStateToProps = ({ voipChat, user: { user } }) => ({\n ...voipChat,\n ...voipChat.order,\n userId: user && user.id,\n isNewUser: voipChat && voipChat.selectDurationKind === Const.selectDurationKind.newUser\n});\n\nexport default connect(mapStateToProps, {\n voipPurchaseOnBack,\n trackEventSpentCredit\n})(withPGTranslation(CreatedVoipChat));\n","import { connect } from 'react-redux';\nimport Const from '../../../config/const';\nimport Error from '../error';\nimport { hangupVoipChat } from '../../../actions/voip_chat';\nimport { hangupChat } from '../../../actions/chat';\n\nconst mapStateToProps = ({ chat: { errors }, voipChat: { errors: voipErrors, permissionDeniedError } }, { chatType }) => {\n switch (chatType) {\n case Const.chatType.text:\n return ({ error: { errors }, chatType });\n case Const.chatType.voice:\n case Const.chatType.video:\n return ({ error: { voipErrors }, chatType, permissionDeniedError });\n default:\n return null;\n }\n};\n\nconst mapDispatchToProps = (dispatch, ownProps) => {\n switch (ownProps.chatType) {\n case Const.chatType.text:\n return ({\n onCancelClicked: () => dispatch(hangupChat())\n });\n case Const.chatType.voice:\n case Const.chatType.video:\n return ({\n onCancelClicked: () => dispatch(hangupVoipChat())\n });\n default:\n return null;\n }\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(Error);\n","// extracted by mini-css-extract-plugin\nexport default {\"introScreenContainer\":\"introScreenContainer--BWwSA\",\"introContainer\":\"introContainer--TCts_\",\"buttonDisabled\":\"buttonDisabled--mIfw1\",\"introduceYourself\":\"introduceYourself--xH2wh\",\"nickNameContainer\":\"nickNameContainer--XxA1h\",\"nicknameDescriptionContainer\":\"nicknameDescriptionContainer--YQioT\",\"nicknameDescriptionText\":\"nicknameDescriptionText--bXJJd\",\"nicknameDescriptionBoldText\":\"nicknameDescriptionBoldText--TelRG\",\"fullWidth\":\"fullWidth--VDHDd\",\"genderSelectorContainer\":\"genderSelectorContainer--ljHn1\",\"radioBtnNotSelectedContent\":\"radioBtnNotSelectedContent--VrSXY\",\"radioBtnSelectedContent\":\"radioBtnSelectedContent--DHxjl\",\"radioBtnContentGenderIcon\":\"radioBtnContentGenderIcon--QM0GQ\",\"dateContainer\":\"dateContainer--kvuXG\",\"dateDescriptionContainer\":\"dateDescriptionContainer--GD2cp\",\"startBtn\":\"startBtn--hwhZM\",\"introPopupXContent\":\"introPopupXContent--ih8UB\",\"introPopupXButton\":\"introPopupXButton--ygrB3\",\"errorModalFooter\":\"errorModalFooter--mLK2m\",\"errorModalHeader\":\"errorModalHeader--gr_w1\",\"errorModalBody\":\"errorModalBody--dc38s\",\"errorModalOkButton\":\"errorModalOkButton--eQHlN\",\"popupTitleContainer\":\"popupTitleContainer--_5_Ar\",\"popupTitleTextContainer\":\"popupTitleTextContainer--FSPi2\",\"popupTitle\":\"popupTitle--mj0LQ\",\"popupSubTitle\":\"popupSubTitle--AfLZT\",\"popupCloseBtn\":\"popupCloseBtn--HFdH7\",\"datePickerConfirmBtn\":\"datePickerConfirmBtn--KZit4\",\"labelContainer\":\"labelContainer--rh0wJ\",\"labelText\":\"labelText--l2AzA\",\"labelSubText\":\"labelSubText--nkcaG\",\"inputClass\":\"inputClass--DG6nI\",\"errorContainer\":\"errorContainer--vYVA5\"};","// extracted by mini-css-extract-plugin\nexport default {\"radioGroupContainer\":\"radioGroupContainer--qVbId\",\"radioBtn\":\"radioBtn--BgvVb\",\"radioBtnChecked\":\"radioBtnChecked--FngQ4\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classes from './classes.module.scss';\nimport { log, LOG_LEVELS } from '../../../common/config/app_logger';\n\nconst getRadioBtnStyle = ({ value, selectedValue }) => {\n if (value === selectedValue) return classes.radioBtnChecked;\n return classes.radioBtn;\n};\n\nconst getBorderColor = ({ error }) => {\n if (error) return { borderColor: '#FF4242' };\n return {};\n};\n\nfunction RadioGroup({\n children, onChange, selectedValue, error\n}) {\n const onSelectionChanged = e => {\n const newValue = e.currentTarget.getAttribute('value');\n log(LOG_LEVELS.DEBUG, 'General', 'RadioGroup value changed', { value: newValue });\n onChange(newValue);\n };\n\n const renderRadioBtn = ({ child }) => {\n if (child.value === selectedValue) return child.radioBtnSelectedContent;\n return child.radioBtnNotSelectedContent;\n };\n\n const renderRadioGroup = () => (\n \n { children.map((child) => (\n \n { renderRadioBtn({ child }) }\n
\n ))}\n \n );\n\n return renderRadioGroup();\n}\n\nRadioGroup.propTypes = {\n children: PropTypes.array,\n onChange: PropTypes.func.isRequired,\n selectedValue: PropTypes.string,\n error: PropTypes.string\n};\n\nRadioGroup.defaultProps = {\n children: null,\n selectedValue: null,\n error: null\n};\n\nexport default RadioGroup;\n","import { connect } from 'react-redux';\nimport RadioGroup from './radio_group';\n\nconst mapStateToProps = () => ({});\n\nexport default connect(\n mapStateToProps,\n {}\n)(RadioGroup);\n","// extracted by mini-css-extract-plugin\nexport default {\"datePickerHolder\":\"datePickerHolder--TGImB\",\"datePickerInput\":\"datePickerInput--x0pit\"};","import { differenceInYears } from 'date-fns';\n\nexport const validateDate = ({ t, date }) => {\n let error;\n if (!date) error = t('date_picker.please_enter_your_date_of_birth');\n if (Number.isNaN(Number(date)) || differenceInYears(new Date(), new Date(date)) > 100) error = t('date_picker.please_enter_valid_date');\n if (differenceInYears(new Date(), new Date(date)) < 18) error = t('app_date_picker.you_must_be_18');\n return error;\n};\n\nexport const generateDate = ({ datePickerValue }) => {\n let day;\n let month;\n let year;\n if (datePickerValue) {\n const datePickerValueSplit = datePickerValue.split('/');\n [month, day, year] = datePickerValueSplit;\n }\n const updatedDay = day || 0;\n const updatedMonth = month;\n const updatedYear = (year && year.length === 4 && year[0] !== '0') ? year : null;\n return new Date(`${ updatedMonth }/${ updatedDay }/${ updatedYear }`);\n};\n\nconst getIndices = (s, t) => [...s].flatMap((char, i) => (char === t ? i + 1 : []));\n\nexport const addDividerToDateString = ({ dataString, divider }) => {\n const indexsWhenNeedSetDivider = [2, 5];\n let dataStringWithDivider = dataString;\n indexsWhenNeedSetDivider.forEach((i, index) => {\n if (dataString.length - 1 >= i && getIndices(dataString, divider).length < 2) {\n const prevDataStringPart = dataString.slice(indexsWhenNeedSetDivider[index - 1] + 1, i);\n if (dataString[i] !== divider && !prevDataStringPart.includes(divider)) {\n dataStringWithDivider = `${ dataString.slice(0, i) }${ divider }${ dataString.slice(i) }`;\n }\n }\n });\n return dataStringWithDivider;\n};\n\nconst isLeapYear = (year) => (\n (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0\n);\n\nconst getFebruaryDaysCount = (year) => {\n if (year && year.length === 4) {\n if (isLeapYear(parseInt(year, 10))) {\n return 29;\n }\n return 28;\n }\n return 29;\n};\n\nconst getMonthList = (year) => (\n {\n January: 31,\n February: getFebruaryDaysCount(year),\n March: 31,\n April: 30,\n May: 31,\n June: 30,\n July: 31,\n August: 31,\n September: 30,\n October: 31,\n November: 30,\n December: 31\n }\n);\n\nconst emptyDatePartValues = ['', '0', '00'];\n\nexport const validateDateString = ({ dateString, divider }) => {\n const dateStringSplit = dateString.split(divider);\n if (dateStringSplit[0] && dateStringSplit[0] > 12) {\n dateStringSplit[1] = `${ dateStringSplit[0][1] }`;\n dateStringSplit[0] = `0${ dateStringSplit[0][0] }`;\n }\n if (dateStringSplit[1]) {\n const monthList = getMonthList(dateStringSplit[2]);\n const monthKey = Object.keys(monthList)[parseInt(dateStringSplit[0], 10) - 1];\n if (dateStringSplit[1] > monthList[monthKey]) dateStringSplit[1] = monthList[monthKey];\n }\n if (dateStringSplit[2]?.length > 4) {\n dateStringSplit[2] = dateStringSplit[2].slice(0, 4);\n }\n dateStringSplit.forEach((item, index) => {\n const isEmptyDatePart = emptyDatePartValues.includes(item);\n if (isEmptyDatePart && dateStringSplit[index + 1]) {\n dateStringSplit[index] = '01';\n }\n });\n const updatedDateString = dateStringSplit.join(divider);\n return addDividerToDateString({ dataString: updatedDateString, divider });\n};\n\nexport const cleanupDateValue = (stringValue) => stringValue.replace(/[^0-9/]/g, '');\n\nexport const getDatePickerPlaceholder = ({ datePickerValue, divider }) => {\n let placeholder = 'MM/DD/YYYY';\n const placeholderSplit = placeholder.split(divider);\n const datePickerValueSplit = datePickerValue.split(divider);\n datePickerValueSplit.forEach((item, index) => {\n if (item && datePickerValueSplit[index + 1] !== undefined) {\n placeholderSplit[index] = item;\n } else {\n for (let i = 0; i < item.length; i++) {\n placeholderSplit[index] = placeholderSplit[index]\n .replace(placeholderSplit[index][i], item[i]);\n }\n }\n });\n placeholder = placeholderSplit.join(divider);\n return placeholder;\n};\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { format } from 'date-fns';\nimport classes from './classes.module.scss';\nimport {\n generateDate, validateDate, addDividerToDateString, validateDateString, getDatePickerPlaceholder,\n cleanupDateValue\n} from './date_picker_utils';\n\nfunction DatePicker({\n className, t, setError, clearError, setDate, datePickerInputStyle, datePickerHolderStyle,\n setedDate\n}) {\n const [datePickerValue, setDatePickerValue] = useState('');\n const divider = '/';\n\n useEffect(() => {\n if (setedDate) {\n const formatedDateString = format(new Date(setedDate), 'MM-dd-yyyy');\n const formatedDateStringSplit = formatedDateString.split('-');\n const month = formatedDateStringSplit[0];\n const day = formatedDateStringSplit[1];\n const year = formatedDateStringSplit[2];\n const dateArray = [month, day, year];\n const dateArrayJoined = dateArray.join(divider);\n setDatePickerValue(addDividerToDateString({ dataString: dateArrayJoined, divider }));\n }\n }, []);\n\n const onKeyDownDatePicker = (e) => {\n if (e.key === '/') {\n e.preventDefault();\n }\n };\n\n const onChangeDatePicker = (e) => {\n const updatedValue = cleanupDateValue(e.target.value);\n let dataStringWithDivider = addDividerToDateString({ dataString: updatedValue, divider });\n dataStringWithDivider = validateDateString({ dateString: dataStringWithDivider, divider });\n setDatePickerValue(dataStringWithDivider);\n };\n\n const onClickDatePicker = () => {\n clearError();\n };\n\n const onBlurDatePicker = () => {\n const date = generateDate({ datePickerValue });\n const error = validateDate({ t, date });\n if (error) setError(error);\n setDate(date);\n };\n\n const renderDatePicker = () => (\n \n
\n);\n\nexport const renderRadioBtnContent = ({\n name, value, iconId, iconSelectedId\n}) => {\n const radioBtn = {\n radioBtnNotSelectedContent: (\n \n
\n \n { title }
\n { subTitle }
\n \n
\n ),\n radioBtnSelectedContent: (\n \n
\n ),\n value,\n key: `${ name }NotSelected`\n };\n return radioBtn;\n};\n\nexport const renderErrorModalContent = ({ introErrors, clearShowErrorModal, t }) => (\n \n
\n);\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport classes from './classes.module.scss';\nimport { log, LOG_LEVELS } from '../../../common/config/app_logger';\nimport AppGeneralPopup from '../../../common/app_general_popup';\nimport { appGeneralPopupTheme } from '../../../common/config/const';\nimport RadioGroup from '../radio_group';\nimport DatePicker from '../../../common/date_picker';\nimport { validateDate } from '../../../common/date_picker/date_picker_utils';\nimport {\n errorTypes, validateNickname, validateGender, renderPopupTitle,\n renderRadioBtnContent, renderErrorModalContent\n} from './intro_utils';\nimport { trackPageVisit } from '../../actions/analytics';\nimport Const from '../../config/const';\n\nconst getButtonTitle = (chatType, t) => {\n switch (chatType) {\n case Const.chatType.text:\n return t('chat.start_chat');\n case Const.chatType.video:\n return t('chat.start_video_call');\n case Const.chatType.voice:\n return t('chat.start_voice_call');\n default:\n return null;\n }\n};\n\nfunction IntroComponent({\n updateUserBaseInfo, loading, t, error, closeButtonAction, clearErrorAction, chatType\n}) {\n const [nickname, setNickName] = useState(null);\n const [gender, setGenderChanged] = useState(null);\n const [birthDate, setBirthDate] = useState(null);\n const [introErrors, setIntroErrors] = useState({});\n\n const clearError = ({ type }) => {\n if (!type) {\n setIntroErrors(null);\n return;\n }\n const clearedErrorKeys = Object.keys(introErrors).filter((err) => err !== type);\n const clearedError = {};\n clearedErrorKeys.forEach((key) => { clearedError[key] = introErrors[key]; });\n setIntroErrors(clearedError);\n };\n\n const genderSelectorOnChange = (value) => {\n setGenderChanged(value);\n clearError({ type: errorTypes.gender });\n };\n\n const renderInputError = ({ type }) => (\n \n {t('app_name_title')}\n
\n \n { introErrors.error }\n
\n \n \n
\n \n { introErrors[type] }\n
\n );\n\n const renderGenderSelector = () => (\n <>\n \n \n { renderErrorModalContent({ introErrors, clearShowErrorModal, t }) }\n \n
\n \n );\n}\n\nIntroComponent.propTypes = {\n updateUserBaseInfo: PropTypes.func.isRequired,\n loading: PropTypes.bool.isRequired,\n error: PropTypes.object,\n user: PropTypes.object,\n t: PropTypes.func.isRequired,\n closeButtonAction: PropTypes.func.isRequired,\n clearErrorAction: PropTypes.func.isRequired,\n chatType: PropTypes.string\n};\n\nIntroComponent.defaultProps = {\n error: null,\n user: null,\n chatType: ''\n};\n\nexport default IntroComponent;\n","import { connect } from 'react-redux';\nimport IntroComponent from './intro';\nimport { updateUserBaseInfo, clearErrorAction } from '../../actions/introduce_yourself';\nimport withPGTranslation from '../../config/withPGTranslation';\n\nconst mapStateToProps = ({ intro }) => ({\n ...intro\n});\n\nexport default connect(\n mapStateToProps,\n {\n updateUserBaseInfo,\n clearErrorAction\n }\n)(withPGTranslation(IntroComponent));\n","import { format } from 'date-fns';\nimport { checkNickname, introduceYourselfUpdate } from '../config/api';\nimport Const from '../config/const';\n\nconst inProgressAction = () => ({\n type: Const.introduce.inProgress\n});\n\nconst errorAction = error => ({\n type: Const.introduce.error,\n payload: {\n error\n }\n});\n\nexport const clearErrorAction = () => ({\n type: Const.introduce.clearError\n});\n\nconst successAction = user => ({\n type: Const.introduce.user,\n payload: {\n user\n }\n});\n\nexport const updateUserBaseInfo = ({ nickname, gender, dateOfBirth }) => (dispatch) => {\n dispatch(inProgressAction());\n checkNickname(nickname)\n .then(() => introduceYourselfUpdate({ nickname, gender, date: format(dateOfBirth, 'yyyy-MM-dd') }))\n .then(user => {\n dispatch(successAction(user));\n })\n .catch(error => {\n error.json()\n .then(errorJson => {\n dispatch(errorAction(errorJson));\n });\n });\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Error from '../error';\n\nfunction NoAnswer({ t, onCancelClicked }) {\n return \n
\n \n
\n \n
\n { t('intro.your_nickname') }
\n \n \n { t('intro.this_will_be_your_user_name') }\n { t('intro.cannot_be_changed_later') }\n \n
\n \n
\n { t('intro.your_gender') }
\n \n {renderGenderSelector()}\n
\n \n
\n \n
\n { renderDatePicker() }\n { t('intro.date_of_birth') }
\n \n \n { getButtonTitle(chatType, t) }\n \n
\n \n
\n );\n break;\n case Constants.voipChatStates.paymentRequired:\n log(LOG_LEVELS.DEBUG, 'VOIP CHAT', 'State changed', { state: 'paymentRequired' });\n content = (\n \n
\n );\n break;\n case Constants.voipChatStates.noAnswer:\n log(LOG_LEVELS.DEBUG, 'VOIP CHAT', 'State changed', { state: 'noAnswer' });\n content = (\n \n
\n );\n break;\n case Constants.voipChatStates.notInLiveMode:\n log(LOG_LEVELS.DEBUG, 'VOIP CHAT', 'State changed', { state: 'appNotInLiveMode' });\n content = (\n \n
\n );\n break;\n case Constants.voipChatStates.appCantCreate:\n log(LOG_LEVELS.DEBUG, 'VOIP CHAT', 'State changed', { state: 'appCantCreate' });\n content = (\n \n
\n );\n break;\n case Constants.voipChatStates.unknownError:\n log(LOG_LEVELS.ERROR, 'VOIP CHAT', 'Error state', { error: 'generalError' });\n content = (\n \n
\n );\n break;\n default:\n // once we have an id, it means that CreatedChat will take care of the rendering\n log(LOG_LEVELS.INFO, 'VOIP CHAT', 'Chat created');\n content = {content}
;\n}\n\nVoipChatOverlay.propTypes = {\n voipState: PropTypes.string.isRequired,\n error: PropTypes.object,\n purchaseOnBack: PropTypes.func.isRequired,\n cancelChat: PropTypes.func.isRequired,\n voipType: PropTypes.string,\n continuedSession: PropTypes.number.isRequired,\n orderId: PropTypes.number\n};\n\nVoipChatOverlay.defaultProps = {\n error: null,\n voipType: null,\n orderId: null\n};\n\nexport default VoipChatOverlay;\n","import { connect } from 'react-redux';\nimport VoipChatOverlay from './voip_chat_overlay';\nimport withPGTranslation from '../../config/withPGTranslation';\nimport { voipPurchaseOnBack, cancelVoipChat } from '../../actions/voip_chat';\n\nconst mapStateToProps = ({ voipChat }) => voipChat;\n\nexport default connect(mapStateToProps, {\n purchaseOnBack: voipPurchaseOnBack,\n cancelChat: cancelVoipChat\n})(withPGTranslation(VoipChatOverlay));\n","// extracted by mini-css-extract-plugin\nexport default {\"waitingContainer\":\"waitingContainer--ATVqv\"};","import React from 'react';\nimport classes from './classes.module.scss';\n\nfunction WaitingComponent() {\n return (\n \n
\n );\n}\n\nexport default WaitingComponent;\n","import WaitingComponent from './waiting_component';\n\nexport default WaitingComponent;\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport Chat from './chat';\nimport ChatEnded from './chat_ended';\nimport SelectChatCredit from '../chat_overlay/select_chat_credit';\nimport PurchaseDetails from '../chat_overlay/purchase_details';\nimport Constants from '../../config/const';\nimport Ringing from '../chat_overlay/outgoin_call';\nimport AppGeneralPopup from '../../../common/app_general_popup';\nimport WaitingComponent from './waiting';\nimport classes from './classes.module.scss';\nimport { trackEventSpentCredit } from '../../actions/analytics';\nimport { trackChatEndedEventGTM } from '../../actions/google_tag_mahager_events';\nimport AdvisorEnded from '../voip_chat/advisor_ended';\nimport Spiner from '../../../common/helpers/spiner';\n\nconst { shared } = window;\n\nexport default class CreatedChat extends PureComponent {\n static propTypes = {\n connectChatProvider: PropTypes.func.isRequired,\n disconnectChatProvider: PropTypes.func.isRequired,\n hangupChat: PropTypes.func.isRequired,\n hangingUp: PropTypes.bool,\n state: PropTypes.string.isRequired,\n t: PropTypes.func.isRequired,\n purchaseOnBack: PropTypes.func,\n totalCharged: PropTypes.string,\n uuid: PropTypes.string,\n orderId: PropTypes.number,\n userId: PropTypes.number.isRequired,\n advisorId: PropTypes.number.isRequired,\n totalDuration: PropTypes.number,\n profilePictureUrl: PropTypes.string.isRequired,\n isNewUser: PropTypes.bool,\n analyticEvents: PropTypes.object\n };\n\n static defaultProps = {\n hangingUp: false,\n purchaseOnBack: null,\n totalCharged: null,\n uuid: null,\n orderId: null,\n totalDuration: null,\n isNewUser: false,\n analyticEvents: null\n };\n\n componentDidUpdate(prevProps) {\n const {\n state, totalCharged, connectChatProvider, uuid, userId, orderId, advisorId, totalDuration\n } = this.props;\n if (prevProps.state !== Constants.chatStates.ended\n && state === Constants.chatStates.ended) {\n trackEventSpentCredit(parseFloat(totalCharged).toFixed(2), 'USD', userId, orderId);\n const chatEndedEventGTMParams = {\n 'advisor id': advisorId,\n 'user id': userId,\n 'order id': orderId,\n 'total charged': parseFloat(totalCharged).toFixed(2),\n 'total duration': parseFloat(totalDuration / 60).toFixed(2)\n };\n trackChatEndedEventGTM(Constants.chatType.text, chatEndedEventGTMParams);\n }\n\n if (!prevProps.uuid && uuid) {\n connectChatProvider();\n }\n }\n\n componentWillUnmount() {\n const { disconnectChatProvider } = this.props;\n disconnectChatProvider();\n }\n\n render() {\n const {\n state, purchaseOnBack, profilePictureUrl, isNewUser\n } = this.props;\n const renderTopImg = () => (isNewUser ? (\n Waiting...
\n \n \n \n
\n );\n } else if (state === Constants.chatStates.paymentRequiredOnContinue) {\n overlay = (\n \n \n \n
\n );\n }\n } else if (state === Constants.chatStates.ended) {\n content = (\n <>\n \n TODO:\n {state}\n
\n );\n }\n\n // overlay over the content\n\n return (\n \n {content}\n {overlay}\n
\n );\n }\n}\n","import { connect } from 'react-redux';\nimport CreatedChat from './created_chat';\nimport Const from '../../config/const';\nimport {\n connectChatProvider,\n disconnectChatProvider,\n sendMessage,\n sendTyping,\n sendStopTyping\n} from '../../actions/connected_chat';\nimport {\n cancelChat, hangupChat, purchaseOnBack\n} from '../../actions/chat';\nimport withPGTranslation from '../../config/withPGTranslation';\n\nconst mapStateToProps = ({\n chat, pubnub: { ownUuid }, user: { user }\n}) => ({\n ...chat,\n ownUuid,\n uuid: (chat.pubnub || {}).uuid,\n userId: user && user.id,\n isNewUser: chat && chat.selectDurationKind === Const.selectDurationKind.newUser\n});\n\nexport default connect(\n mapStateToProps,\n {\n connectChatProvider,\n disconnectChatProvider,\n cancelChat,\n sendMessage,\n sendTyping,\n sendStopTyping,\n hangupChat,\n purchaseOnBack\n }\n)(withPGTranslation(CreatedChat));\n","// extracted by mini-css-extract-plugin\nexport default {\"layout\":\"layout--Kkcmk\",\"callingScreen\":\"callingScreen--H29ho\",\"animation-bzdot9\":\"animation-bzdot9--syqQN\"};","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport SelectChatCredit from './select_chat_credit';\nimport NotInLiveMode from './not_in_live_mode';\nimport CantCreate from './cant_create';\nimport CreatedChat from '../created_chat';\nimport GeneralError from './general_error';\nimport Constants from '../../config/const';\nimport IntroComponent from '../intro';\nimport PurchaseDetails from './purchase_details';\nimport NoAnswer from './no_answer';\nimport AppGeneralPopup from '../../../common/app_general_popup';\nimport classes from './classes.module.scss';\nimport { log, LOG_LEVELS } from '../../../common/config/app_logger';\nimport { hideBodyScroll, unlockBodyScroll } from '../../../common/config/utils';\nimport { changeAppStateAPI } from '../../config/api';\n\nfunction ChatOverlay({\n state, purchaseOnBack, cancelChat, orderId\n}) {\n let content = null;\n\n useEffect(() => {\n const { onbeforeunload, onunload } = window;\n window.onbeforeunload = () => {\n log(LOG_LEVELS.INFO, 'Chat', 'Page is refreshed');\n return 'Test message';\n };\n\n window.onunload = () => {\n changeAppStateAPI(orderId, 'closed_window');\n };\n\n return () => {\n window.onbeforeunload = onbeforeunload;\n window.onunload = onunload;\n };\n }, [orderId]);\n\n useEffect(() => {\n hideBodyScroll();\n return () => {\n unlockBodyScroll();\n };\n }, [state]);\n\n switch (state) {\n case Constants.chatStates.paymentRequired:\n log(LOG_LEVELS.INFO, 'Chat', 'state paymentRequired');\n content = (\n \n
\n );\n break;\n case Constants.chatStates.appCantCreate:\n log(LOG_LEVELS.INFO, 'Chat', 'state appCantCreate');\n content = (\n \n
\n );\n break;\n case Constants.chatStates.generalError:\n log(LOG_LEVELS.ERROR, 'Chat', 'state generalError');\n content = (\n \n
\n );\n break;\n case Constants.chatStates.noAnswer:\n log(LOG_LEVELS.INFO, 'Chat', 'state noAnswer');\n content = (\n \n
\n );\n break;\n default:\n // once we have an id, it means that CreatedChat will take care of the rendering\n log(LOG_LEVELS.INFO, 'Chat', 'created');\n content = {content}
;\n}\n\nChatOverlay.propTypes = {\n state: PropTypes.string.isRequired,\n error: PropTypes.object,\n purchaseOnBack: PropTypes.func.isRequired,\n cancelChat: PropTypes.func.isRequired,\n orderId: PropTypes.number\n};\n\nChatOverlay.defaultProps = {\n error: null,\n orderId: null\n};\n\nexport default ChatOverlay;\n","import { connect } from 'react-redux';\nimport ChatOverlay from './chat_overlay';\nimport { purchaseOnBack, cancelChat } from '../../actions/chat';\n\nconst mapStateToProps = ({ chat }) => chat;\n\nexport default connect(\n mapStateToProps,\n {\n purchaseOnBack,\n cancelChat\n }\n)(ChatOverlay);\n","import React, { Suspense } from 'react';\nimport {\n Route,\n BrowserRouter,\n useLocation,\n useParams,\n useMatch,\n useNavigate\n} from 'react-router-dom';\nimport PropTypes from 'prop-types';\nimport { LastLocationProvider } from 'react-router-dom-last-location';\nimport { useTranslation } from 'react-i18next';\nimport LocalizedSwitch from './localized_switch';\nimport LocalizedRouter from './localized_router';\nimport BugsnagErrorBoundary from '../../config/bugsnag';\nimport { applicationRoutes } from '../../config/app_routes';\nimport { appLinks } from '../../config/const';\n\nimport Popover from '../popover';\nimport AnalyticsAndCommonLogicComponent from '../analytics';\nimport GeneralPopup from '../general_popup';\nimport CookiesPopover from '../../../common/cookies_popover';\nimport Registration from '../registration';\nimport NotifyMe from '../notify_me';\nimport MessageToApp from '../message_to_app';\nimport { ProtectedRoute } from './protected_route';\nimport { useCurrentPath } from './hooks/useCurrentPath';\nimport Overlays from './overlays/overlays';\nimport VoipChatOverlay from '../voip_chat_overlay';\nimport ChatOverlay from '../chat_overlay';\n\nconst routeComponents = {\n HomePage: require('../home_page').default,\n Advisor: require('../advisor').default,\n SearchResults: React.lazy(() => import('../search_results')),\n NoSearchResults: React.lazy(() => import('../no_search_results/no_search_results')),\n MyOrders : React.lazy(() => import('../my_orders')),\n AdvisorOrders : React.lazy(() => import('../advisor_orders')),\n OrderDetails : React.lazy(() => import('../order_details')),\n AddFunds : React.lazy(() => import('../add_funds')),\n PromoCode : React.lazy(() => import('../promo_code')),\n Transcript : React.lazy(() => import('../chat_transcript')),\n Settings : React.lazy(() => import('../settings')),\n Cashback : React.lazy(() => import('../cashback')),\n PaymentSources : React.lazy(() => import('../payment_sources')),\n EmptyPreload : React.lazy(() => import('../empty_preload/empty_preload')),\n SpendLimitsVerifications : React.lazy(() => import('../spend_limits_verification')),\n SignInPage : React.lazy(() => import('../signin_page')),\n PurchaseDetailsForMobileApp : React.lazy(() => import('../purchase_details_for_mobile_app')),\n Categories : React.lazy(() => import('../categories')),\n NotificationPreferences : React.lazy(() => import('../settings/notification_preferences'))\n};\n\nconst suspenseComponent = (component) => \n \n \n \n \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, getImage, 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';\nimport env from '../../config/variables';\n\nconst { BADGES } = env;\n\nconst defaultAvatar = require('../header/img/home_placeholder.png');\n\nconst renderBadge = (advisorBadgeData) => {\n const backgroundColor = advisorBadgeData.color;\n return (\n \n {!isWebView() && renderNotify({\n onNotifyClick, availabilityNotification, advisorStatus, t\n }) }\n { renderFav(onFavClick, favorite) }\n { navigator.share ? shareTopIcon() : null }\n
\n \n
\n );\n};\n\nconst renderNameSectionContent = ({ nickname, serviceTitle, loading }) => (\n \n
\n);\n\nconst renderNameSection = ({\n nickname, serviceTitle, likesCount, dislikesCount, rating, loading\n}) => {\n const reviewCount = getReviewCount({ likesCount, dislikesCount });\n if (reviewCount > 0 && rating > 0) {\n return (\n \n
\n \n
\n \n { renderNameSectionContent({ nickname, serviceTitle, loading }) }\n
\n );\n }\n return renderNameSectionContent({ nickname, serviceTitle, loading });\n};\n\nconst renderBadges = (badges) => {\n if (!badges || !badges.length) return null;\n if (!BADGES || !BADGES.length) return null;\n const advisorBadge = badges.find(item => item !== 'tryout');\n if (!advisorBadge) return null;\n const advisorBadgeData = BADGES.find((badge) => advisorBadge === badge.id);\n return renderBadge(advisorBadgeData);\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 renderVideoPlayer = () => {\n if (theme !== advisorProfileAvatarTheme.default) return null;\n return (\n \n { renderBadges(badges) }\n { renderNameSection({\n nickname, serviceTitle, likesCount, dislikesCount, rating, loading\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 from './advisors_recommend_carousel';\nimport { getSimilarOnlineAdvisors, trackBusyCarouselEvent } from '../../../../actions/advisors';\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, isPS } 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\",\"v2\":\"v2--cEzvI\",\"staffPickDescription\":\"staffPickDescription--sKoE6\",\"advisorViewLink\":\"advisorViewLink--oAyNV\",\"serviceTitleContainer\":\"serviceTitleContainer--B1LD9\",\"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 classNames from 'classnames';\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, theme, className\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 theme: PropTypes.string,\n className: PropTypes.string\n};\n\nRating.defaultProps = {\n isNewAdvisor: null,\n rating: null,\n needAddItemProp: null,\n likesCount: null,\n dislikesCount: null,\n theme: null,\n className: 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';\nimport { getAdvisorIdBySlug } from '../../project_items/helper_functions';\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 = getAdvisorIdBySlug({ advisorSlug: 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}\nexport default withPGTranslation(Form);\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Const from '../../../config/const';\nimport { isXfmProgram } from '../../../config/util';\nimport Stopwatch from '../../stopwatch';\nimport { getAdvisorSlug } from '../../../project_items/helper_functions';\n\nfunction TimerComponent({\n freeDuration, paidDuration, state, t, advisorXfmProgram, userXfmProgram, advisorId, loadAdvisor, buyerDurationCounterDirection, trackSessionHireEventIfNeeded\n}) {\n const [seconds, setSecondsLeft] = useState(null);\n const [interval, setTimerInterval] = useState(null);\n\n const calculateEndDate = ({ duration }) => {\n const currentDate = new Date();\n return currentDate.setSeconds(currentDate.getSeconds() + duration);\n };\n\n const stopTimer = () => {\n if (interval) {\n clearInterval(interval);\n setTimerInterval(null);\n }\n };\n\n const getDuration = () => freeDuration + paidDuration;\n\n const startTimer = () => {\n const endDate = calculateEndDate({ duration: getDuration() });\n stopTimer();\n const timer = setInterval(() => {\n const datesSecondsDiff = (new Date(endDate).getTime() - new Date().getTime()) / 1000;\n setSecondsLeft(Math.round(datesSecondsDiff));\n }, 1000);\n setTimerInterval(timer);\n };\n\n useEffect(() => {\n if (state === Const.chatStates.paused || state === Const.chatStates.ended) {\n stopTimer();\n if (isXfmProgram({ advisorXfmProgram, userXfmProgram })) loadAdvisor(getAdvisorSlug({ advisorId }));\n }\n if (state === Const.chatStates.started) {\n startTimer();\n }\n return () => {\n stopTimer();\n };\n }, [state]);\n\n useEffect(() => {\n if (seconds && seconds <= paidDuration) {\n trackSessionHireEventIfNeeded();\n }\n }, [seconds]);\n\n const renderNumber = number => (number < 10 ? `0${ number }` : number);\n\n const renderRemainingTime = () => {\n const minutes = parseInt(seconds / 60, 10);\n const remainigSeconds = seconds % 60;\n\n return (\n \n {renderNumber(minutes)}\n :\n {renderNumber(remainigSeconds)}\n
\n );\n };\n\n const renderFreeSetupTime = () => { t('chat.free_setup_time') }
;\n\n const renderTimer = () => {\n if (seconds <= 0) return null;\n if (buyerDurationCounterDirection === 'stopwatch') {\n return (\n \n {seconds <= paidDuration ? renderRemainingTime() : renderFreeSetupTime()}\n
\n );\n };\n\n return renderTimer();\n}\n\nTimerComponent.propTypes = {\n freeDuration: PropTypes.number.isRequired,\n paidDuration: PropTypes.number.isRequired,\n state: PropTypes.string.isRequired,\n t: PropTypes.func.isRequired,\n advisorXfmProgram: PropTypes.object,\n userXfmProgram: PropTypes.object,\n loadAdvisor: PropTypes.func.isRequired,\n advisorId: PropTypes.number.isRequired,\n buyerDurationCounterDirection: PropTypes.string.isRequired\n};\n\nTimerComponent.defaultProps = {\n advisorXfmProgram: {},\n userXfmProgram: {}\n};\n\nexport default TimerComponent;\n","import { connect } from 'react-redux';\nimport TimerComponent from './timer_component';\nimport withPGTranslation from '../../../config/withPGTranslation';\nimport { loadAdvisor } from '../../../actions/advisors';\nimport { trackSessionHireEventIfNeeded } from '../../../actions/chat';\n\nconst mapeStateToProps = ({\n chat: {\n paidDuration,\n freeDuration, state, advisorId, durationCounterDisplay, buyerDurationCounterDirection\n },\n user: { user },\n advisors\n}) => {\n const advisor = (advisors || {})[parseInt(advisorId, 10)];\n return ({\n paidDuration,\n freeDuration,\n state,\n advisorXfmProgram: advisor && advisor.xfmProgram,\n userXfmProgram: user && user.xfmProgram,\n advisorId,\n buyerDurationCounterDirection,\n durationCounterDisplay\n });\n};\n\nexport default connect(\n mapeStateToProps,\n {\n loadAdvisor,\n trackSessionHireEventIfNeeded\n }\n)(withPGTranslation(TimerComponent));\n","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"container--AoLyr\",\"holder\":\"holder--ScP_U\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classes from './classes.module.scss';\nimport Const from '../../../config/const';\n\nfunction NetworkStateComponent({ state, t }) {\n const renderNetworkState = () => { t('chat.network_seems_to_be_offline') }
;\n\n return state !== Const.pubnub.states.down ? null : (\n \n
\n );\n}\n\nNetworkStateComponent.propTypes = {\n state: PropTypes.string.isRequired,\n t: PropTypes.func.isRequired\n};\n\nexport default NetworkStateComponent;\n","import { connect } from 'react-redux';\nimport NetworkStateComponent from './network_state';\nimport withPGTranslation from '../../../config/withPGTranslation';\n\nconst mapStateToProps = ({ pubnub }) => pubnub;\n\nexport default connect(mapStateToProps)(withPGTranslation(NetworkStateComponent));\n","import React, { PureComponent, createRef, memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { format } from 'date-fns';\nimport classNames from 'classnames';\nimport parse from 'html-react-parser';\nimport { isMobile, isBrowser } from 'react-device-detect';\nimport Form from './form';\nimport classes from './classes.module.scss';\nimport TimerComponent from './timer';\nimport NetworkStateComponent from './chat_network_state';\nimport Spiner from '../../../common/helpers/spiner';\nimport { SvgIcon } from '../../../common/sprites';\n\nlet pendingUpdate = false;\nexport default class Chat extends PureComponent {\n lastMessageRef = createRef();\n\n textAreaRef = createRef();\n\n static propTypes = {\n peerTyping: PropTypes.bool,\n messages: PropTypes.arrayOf(\n PropTypes.shape({\n body: PropTypes.string.isRequired,\n uuid: PropTypes.number.isRequired,\n timetoken: PropTypes.string\n })\n ),\n systemMessages: PropTypes.arrayOf(\n PropTypes.shape({\n body: PropTypes.string.isRequired,\n timetoken: PropTypes.string\n })\n ),\n peers: PropTypes.arrayOf(\n PropTypes.shape({\n imageUrl: PropTypes.string,\n nickname: PropTypes.string.isRequired,\n uuid: PropTypes.number\n })\n ).isRequired,\n disabled: PropTypes.bool.isRequired,\n\n typingTimeout: PropTypes.number.isRequired,\n sendMessage: PropTypes.func.isRequired,\n sendTyping: PropTypes.func.isRequired,\n sendStopTyping: PropTypes.func.isRequired,\n name: PropTypes.string.isRequired,\n profilePictureUrl: PropTypes.string.isRequired,\n hangupChat: PropTypes.func.isRequired,\n ownUuid: PropTypes.string.isRequired,\n t: PropTypes.func.isRequired,\n hangingUp: PropTypes.bool.isRequired\n };\n\n static defaultProps = {\n peerTyping: false,\n messages: [],\n systemMessages: []\n };\n\n state = {\n faviconIconHref: null\n };\n\n constructor() {\n super();\n this.liveIndecatorInterval = null;\n }\n\n componentDidMount() {\n window.history.pushState(null, null, window.location.href);\n window.addEventListener('onpopstate', this.disableBackButton);\n window.visualViewport.addEventListener('scroll', this.viewportHandler);\n window.visualViewport.addEventListener('resize', this.viewportHandler);\n if (isBrowser) {\n const faviconLinkElement = document.getElementById('favicon_link');\n this.setState({ faviconIconHref: faviconLinkElement.href });\n const canvas = document.createElement('canvas');\n canvas.id = 'canvas';\n canvas.width = 32;\n canvas.height = 32;\n canvas.style.display = 'none';\n this.liveIndicatorAnimation(canvas);\n }\n this.textAreaRef.current.focus();\n this.scrollToBottom();\n }\n\n componentDidUpdate() {\n this.scrollToBottom();\n }\n\n componentWillUnmount() {\n window.removeEventListener('onpopstate', this.disableBackButton);\n window.visualViewport.removeEventListener('scroll', this.viewportHandler);\n window.visualViewport.removeEventListener('resize', this.viewportHandler);\n const { faviconIconHref } = this.state;\n if (isBrowser) {\n if (this.liveIndecatorInterval) clearInterval(this.liveIndecatorInterval);\n document.getElementById('favicon_link').href = faviconIconHref;\n }\n }\n\n getAvatarFromUuuId(uuid) {\n const { peers } = this.props;\n const peer = peers.find(p => parseInt(p.uuid, 10) === parseInt(uuid, 10));\n const avatar = \n {renderNetworkState()}\n
\n \n \n
\n \n \n {name}\n
\n \n
\n \n );\n };\n\n liveIndicatorAnimation = (canvas) => {\n let pulseFactor = 1;\n const minPulse = 0.6;\n const maxPulse = 0.9;\n\n this.liveIndecatorInterval = setInterval(() => {\n // Update the pulse factor with easing\n const range = maxPulse - minPulse;\n const halfRange = range / 2;\n const center = minPulse + halfRange;\n const easing = Math.sin(Date.now() / 300) * halfRange;\n pulseFactor = center + easing;\n\n const newFavicon = this.createFavicon(canvas, pulseFactor);\n this.setFavicon(newFavicon);\n }, 300);\n };\n\n createFavicon = (canvas, pulseFactor) => {\n const ctx = canvas.getContext('2d');\n\n // Clear the canvas\n ctx.clearRect(0, 0, 32, 32);\n\n // Draw the pulsing circle\n const radius = (32 / 2) * pulseFactor;\n ctx.beginPath();\n ctx.arc(32 / 2, 32 / 2, radius, 0, Math.PI * 2);\n ctx.fillStyle = '#73C940';\n ctx.fill();\n\n // Create a data URL from the canvas\n return canvas.toDataURL('image/png');\n };\n\n setFavicon = (dataURL) => {\n let favicon = document.getElementById('favicon_link');\n if (!favicon) {\n favicon = document.createElement('link');\n favicon.rel = 'icon';\n document.head.appendChild(favicon);\n }\n favicon.href = dataURL;\n };\n\n viewportHandler = () => {\n if (pendingUpdate) return;\n pendingUpdate = true;\n\n const chatContainer = document.getElementById('chatContainer');\n const chatMessagesContainer = document.getElementById('chatMessagesContainer');\n chatContainer.ontouchmove = (e) => {\n if (chatMessagesContainer.contains(e.target)) return;\n e.preventDefault();\n };\n };\n\n scrollToBottom() {\n this.lastMessageRef.current.scrollIntoView({ behavior: 'smooth' });\n }\n\n renderMessage = (message, index) => {\n const { ownUuid } = this.props;\n const { uuid } = message;\n if (parseInt(ownUuid, 10) === uuid) {\n return this.renderMyMessage(message, index);\n }\n return this.renderAdvisorMessage(message);\n };\n\n renderSystemMessage = ({\n body, timetoken\n }, index) => (\n \n {this.getAvatarFromUuuId(uuid)}\n {` ${ nickname } ${ t('chat.is_typing') }`}\n
\n ) : (\n \n );\n }\n\n render() {\n const {\n messages, systemMessages, sendMessage, sendTyping, sendStopTyping,\n typingTimeout, disabled\n } = this.props;\n const formProps = {\n sendMessage, sendTyping, sendStopTyping, typingTimeout, disabled\n };\n return (\n \n {this.renderHeader()}\n
\n );\n }\n}\n\nexport const SystemMessage = memo(({ body, timetoken }) => (\n \n {systemMessages.map(this.renderSystemMessage) }\n {messages.map(this.renderMessage) }\n \n
\n {this.renderPeerTyping()}\n \n \n
\n));\n\nSystemMessage.propTypes = {\n body: PropTypes.string.isRequired,\n timetoken: PropTypes.string.isRequired\n};\n\nexport const ClientMessage = memo(({ body, timetoken, offline }) => (\n \n \n {parse(body)}\n \n
\n \n
\n));\n\nClientMessage.propTypes = {\n body: PropTypes.string.isRequired,\n timetoken: PropTypes.string.isRequired,\n imageUrl: PropTypes.string,\n offline: PropTypes.bool\n};\n\nClientMessage.defaultProps = {\n imageUrl: null,\n offline: false\n};\n\nexport const AdvisorMessage = memo(({ body, timetoken, imageUrl }) => (\n \n \n {body}\n {\n offline\n ?
\n \n \n \n \n {body}\n
\n \n));\n\nAdvisorMessage.propTypes = {\n body: PropTypes.string.isRequired,\n timetoken: PropTypes.string.isRequired,\n imageUrl: PropTypes.string\n};\n\nAdvisorMessage.defaultProps = {\n imageUrl: null\n};\n\nfunction TimeToken({ timetoken, classname }) {\n return {format(new Date(timetoken), 'HH:mm')};\n}\n\nTimeToken.propTypes = {\n timetoken: PropTypes.string.isRequired,\n classname: PropTypes.string.isRequired\n};\n\nfunction LoadIndicator({ classname }) {\n return \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\",\"v2\":\"v2--xKaku\",\"staffPickDescription\":\"staffPickDescription--_kPTt\",\"advisorViewLink\":\"advisorViewLink--Q_jaC\",\"serviceTitleContainer\":\"serviceTitleContainer--rfWIC\",\"previewAdvisorCTAContainer\":\"previewAdvisorCTAContainer--aJKGo\",\"animation-bzdot9\":\"animation-bzdot9--LgIjg\"};","import React from 'react';\nimport PropTypes from 'prop-types';\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 { AdvisorModesThemes } from '../../../../config/const';\nimport PriceText from '../price_text';\nimport { isKA } from '../../../../../common/config/utils';\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\nconst renderLeftSideFooter = (liveModeMinPrice, liveModeMinPromoPrices, liveModes, theme, text) => (isKA()\n ? (\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
\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 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 showPrice: PropTypes.bool\n};\n\nAdvisorModes.defaultProps = {\n liveModeMinPrice: null,\n liveModes: [],\n liveModeMinPromoPrices: {},\n theme: AdvisorModesThemes.preview,\n text: null,\n loading: false,\n showPrice: true\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 { showPrice && \n {renderNotifyMeButton(onNotifyClick, availabilityNotification)}\n
\n );\n};\n\nconst renderNotifyMeButtonContainer = (advisor, displayNotifyMe, showGeneralPopup, authPendingAction, displayRegister, location, analytics, handleLinkClick, t) => (isKA()\n ? renderNotifyButton(advisor, displayNotifyMe, showGeneralPopup, authPendingAction, displayRegister, location, analytics, handleLinkClick, t)\n : null);\n\nconst adjustModesInfo = (valueWithoutModes, valueWithModes, advisor) => {\n if (!isKA() || advisor?.liveModes?.some(mode => mode.modeState === 'online')) return valueWithModes;\n return valueWithoutModes;\n};\n\nconst renderModesInfo = ({\n renderAdvisorFreeMinutes, loading, advisor, t\n}) => (\n \n {renderAdvisorFreeMinutes}\n {adjustModesInfo(renderPriceText(loading, advisor), renderAdvisorModes(loading, advisor, t('home_page.from')), advisor)}\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 renderBottomSection = () => (content || (\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 {renderNotifyMeButtonContainer(advisor, displayNotifyMe, showGeneralPopup, authPendingAction, displayRegister, location, analytics, handleLinkClick, t)}\n
\n ));\n\n const renderAdvisorContent = () => {\n if (content) return content;\n return (\n \n { renderAdvisorContent() }\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 description: '',\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","import React, { useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classes from './classes.module.scss';\nimport withPGTranslation from '../../config/withPGTranslation';\n\nfunction ReviewSection({\n advisorName, onSubmit, comment, t\n}) {\n const [text, setText] = useState('');\n\n useEffect(() => {\n setText(comment);\n }, [comment]);\n\n const onValueChanged = useCallback((e) => {\n setText(e.target.value);\n }, [comment]);\n\n return [\n ,\n \n
\n ];\n}\n\nReviewSection.propTypes = {\n advisorName: PropTypes.string.isRequired,\n onSubmit: PropTypes.func.isRequired,\n comment: PropTypes.string,\n t: PropTypes.func.isRequired\n};\n\nReviewSection.defaultProps = {\n comment: null\n};\n\nexport default withPGTranslation(ReviewSection);\n","import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { differenceInDays } from 'date-fns';\nimport classes from './classes.module.scss';\nimport RateSection from './rate_section';\nimport ReviewSection from './review_section';\nimport withPGTranslation from '../../config/withPGTranslation';\nimport Const, { rateReviewTheme } from '../../config/const';\nimport AppGeneralPopup from '../../../common/app_general_popup';\nimport { appGeneralPopupTheme } from '../../../common/config/const';\nimport Alert from '../../../common/helpers/alert';\nimport { paramOrNul } from '../../../common/config/utils';\nimport { getSessionType } from '../../actions/analytics';\n\nconst checkCanPostLikeComment = (like, comment, t) => {\n let canPost = true;\n const errors = [];\n if (like === null) {\n errors.push(t('rate_review.please_rate_the_advisor'));\n canPost = false;\n }\n if (!like && comment.length < 10) {\n errors.push(t('rate_review.please_provide_some_details_about_your_experience'));\n canPost = false;\n }\n if (like && comment.length < 3) {\n errors.push(t('rate_review.please_provide_some_details_about_your_experience'));\n canPost = false;\n }\n return { canPost, errors };\n};\n\nconst checkCanPost = (like, comment, setAlerts, t) => {\n const { canPost, errors } = checkCanPostLikeComment(like, comment, t);\n if (!canPost) {\n const uniqErrors = [...new Set(errors)];\n setAlerts([...uniqErrors]);\n }\n return canPost;\n};\n\nconst getFeedbackData = (props) => {\n const {\n like, comment, xfm, orderId, ppm, undiscountedPpm, advisorName,\n clickSource, advisorId, profileLanguage, createdAt, totalCharged, chatType, discountValue\n } = props;\n const totalChargedNumber = totalCharged ? Number(totalCharged) : undefined;\n const feedbackData = {\n ...paramOrNul('advisor name', advisorName),\n ...paramOrNul('ppm', ppm),\n ...paramOrNul('undiscounted ppm', undiscountedPpm),\n ...paramOrNul('session amount', totalChargedNumber),\n ...paramOrNul(`${ getSessionType(chatType) } charged`, totalChargedNumber || totalCharged),\n ...paramOrNul('xfm', xfm),\n ...paramOrNul('discount value', discountValue),\n ...paramOrNul('click source', clickSource),\n ...paramOrNul('advisor id', advisorId),\n ...paramOrNul('order id', orderId),\n ...paramOrNul('sentiment', like),\n ...paramOrNul('review length', comment.length),\n ...paramOrNul('chat call', chatType === Const.chatType.text),\n ...paramOrNul('voice call', chatType === Const.chatType.voice),\n ...paramOrNul('video call', chatType === Const.chatType.video),\n ...paramOrNul('profile language', profileLanguage),\n ...paramOrNul('days after order', differenceInDays(new Date(), new Date(createdAt)))\n };\n return feedbackData;\n};\n\nconst checkSendFeedback = (props) => {\n const {\n like, comment, sendOrderReview, orderId, setAlerts, t, onCancel, redirectTo\n } = props;\n if (!checkCanPost(like, comment, setAlerts, t)) return;\n const feedback = { feedbackVote: like, feedbackComment: comment };\n const feedbackData = getFeedbackData({ ...props });\n sendOrderReview(orderId, feedback, feedbackData);\n onCancel();\n if (redirectTo) redirectTo();\n};\n\nconst alertsContent = (alerts) => {\n if (alerts.length > 0) {\n return alerts.map((alert, index) => \n
\n { t('rate_review.section_title') }
\n \n
\n { advisorName }
\n \n
\n \n onSubmit(text || '') }\n >\n { t('rate_review.submit') }\n \n
\n \n {alertsContent(alerts)}\n setLike(liked) } />\n
\n \n\n );\n\n const renderRateReviewCHATENDED = () => (\n \n \n
\n \n {alertsContent(alerts)}\n setLike(liked) }\n theme={ rateReviewTheme.CHAT_ENDED }\n />\n
\n );\n\n return (\n \n { { renderRateReviewDEFAULT, renderRateReviewCHATENDED }[`renderRateReview${ theme }`]() }\n
\n );\n}\n\nRateReview.propTypes = {\n visible: PropTypes.bool.isRequired,\n onCancel: PropTypes.func.isRequired,\n existingComment: PropTypes.string,\n existingLike: PropTypes.bool,\n orderId: PropTypes.number,\n advisorName: PropTypes.string.isRequired,\n sendOrderReview: PropTypes.func.isRequired,\n t: PropTypes.func.isRequired,\n clickSource: PropTypes.string,\n advisorId: PropTypes.number,\n profileLanguage: PropTypes.string,\n createdAt: PropTypes.string,\n redirectTo: PropTypes.func,\n theme: PropTypes.string,\n analytics: PropTypes.object,\n totalCharged: PropTypes.string,\n chatType: PropTypes.string\n};\n\nRateReview.defaultProps = {\n existingComment: '',\n existingLike: null,\n clickSource: null,\n advisorId: null,\n profileLanguage: null,\n createdAt: null,\n redirectTo: null,\n theme: rateReviewTheme.DEFAULT,\n analytics: null,\n orderId: null,\n totalCharged: null,\n chatType: null\n};\n\nexport default withPGTranslation(RateReview);\n","import { connect } from 'react-redux';\nimport RateReview from './rate_review';\nimport { sendOrderReview } from '../../actions/order_details';\n\nconst mapStateToProps = ({\n chat, voipChat\n}, { orderId, advisorId }) => {\n const sessionData = chat?.orderId ? chat : { ...voipChat, ...voipChat?.order };\n return {\n ...sessionData,\n orderId,\n advisorId\n };\n};\n\nexport default connect(\n mapStateToProps,\n { sendOrderReview }\n)(RateReview);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classes from './classes.module.scss';\nimport { rateReviewTheme } from '../../config/const';\nimport { SvgIcon } from '../../../common/sprites';\nimport { isPS } from '../../../common/config/utils';\n\nconst convertValue = value => {\n if (value === true) {\n return 1;\n } if (value === false) {\n return 0;\n }\n return 2;\n};\n\nfunction FeedbackSwitcher({ value, onValueChanged, theme }) {\n return (\n \n
\n );\n}\n\nFeedbackSwitcher.propTypes = {\n onValueChanged: PropTypes.func.isRequired,\n value: PropTypes.bool,\n theme: PropTypes.string\n};\n\nFeedbackSwitcher.defaultProps = {\n value: null,\n theme: rateReviewTheme.DEFAULT\n};\n\nexport default FeedbackSwitcher;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport FeedbackSwitcher from './feeback_switcher';\nimport withPGTranslation from '../../config/withPGTranslation';\nimport { rateReviewTheme } from '../../config/const';\nimport classes from './classes.module.scss';\n\nfunction RateSection({\n value,\n onValueChanged,\n t,\n onSmallModal,\n theme\n}) {\n const styleMarging = (marginTopSmallModal, marginBottom, marginBottomSmallModal, display) => (\n onSmallModal ? {\n marginTop: marginTopSmallModal,\n marginBottom: marginBottomSmallModal,\n display\n } : {\n marginBottom,\n display\n }\n );\n const renderRateSectionDEFAULT = () => (\n \n {\n onValueChanged(false);\n } }\n className={ classes[`negativeFeedbackButton${ theme }`] }\n style={ { backgroundColor: convertValue(value) === 0 ? 'var(--app-negative-feedback-btn-color)' : '#ffffff00' } }\n >\n
\n \n {\n onValueChanged(true);\n } }\n className={ classes[`positiveFeedbackButton${ theme }`] }\n style={ { backgroundColor: convertValue(value) === 1 ? 'var(--app-positive-feedback-btn-color)' : '#ffffff00' } }\n >\n
\n \n
\n );\n\n const renderRateSectionCHATENDED = () => (\n \n { t('rate_review.title') }\n
\n \n { t('rate_review.subTitle') }\n
\n \n
\n \n
\n );\n return { renderRateSectionDEFAULT, renderRateSectionCHATENDED }[`renderRateSection${ theme }`]();\n}\n\nRateSection.propTypes = {\n onValueChanged: PropTypes.func.isRequired,\n value: PropTypes.bool,\n t: PropTypes.func.isRequired,\n onSmallModal: PropTypes.bool,\n theme: PropTypes.string\n};\n\nRateSection.defaultProps = {\n value: null,\n onSmallModal: false,\n theme: rateReviewTheme.DEFAULT\n};\n\nexport default withPGTranslation(RateSection);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { Link, useNavigate, useLocation } from 'react-router-dom';\nimport { appRoutes } from '../../config/app_routes';\nimport withPGTranslation from '../../config/withPGTranslation';\nimport { useLocalizedPath } from './hooks/useLocalizedPath';\nimport { getCurrentLocalization } from '../../config/i18n';\n\nconst getUpdatedLink = (to, lang, path, location) => {\n let link = to;\n let state = { ...location.state };\n let search = '';\n if (typeof to === 'object') {\n link = to.pathname;\n state = { ...state, ...to.state };\n search = to.search || '';\n }\n\n const updatedLink = path(lang, link, to.params);\n if (updatedLink) link = updatedLink;\n\n return { link, state, search };\n};\n\nfunction AppLink({\n to, className, children, replace, onClick, alt, style, itemProp, blank, rel, reloadDocument\n}) {\n const history = useNavigate();\n const location = useLocation();\n const generatePath = useLocalizedPath();\n const lang = getCurrentLocalization();\n const { link, state, search } = getUpdatedLink(to, lang, generatePath, location);\n\n const onLinkClick = (e) => {\n if (blank) {\n e.preventDefault();\n return;\n }\n if (onClick) {\n onClick(e);\n }\n\n if (window.location.pathname === link) {\n e.preventDefault();\n history({ pathname: link, search }, { state, replace: true });\n return;\n }\n if (link === appRoutes.home) {\n window.scrollTo(0, 0);\n }\n };\n\n const renderAppLink = () => (\n \n
\n \n { t('rate_review.chat_ended_title') }\n
\n \n
\n \n { t('rate_review.chat_ended_subTitle1') }\n
\n { t('rate_review.chat_ended_subTitle2') }\n
\n { t('rate_review.chat_ended_subTitle3') }\n
\n \n { t('rate_review.chat_ended_subTitle2') }\n
\n { t('rate_review.chat_ended_subTitle3') }\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\",\"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 } from '../side_menu';\nimport { specialitiesClickSource } from '../../../config/const';\nimport { dynamicRoutes, dynamicRoutesKeys, getSpecialitiesRoutes } from '../../../config/app_routes';\nimport classes from './classes.module.scss';\nimport { isKA } from '../../../../common/config/utils';\nimport { getCurrentLocalization } from '../../../config/i18n';\nimport { isActiveRoute } from '../../routes/routes_helpers';\nimport { useCurrentPath } from '../../routes/hooks/useCurrentPath';\nimport { SvgIcon } from '../../../../common/sprites';\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, DEFAULT_LANGUAGE } from '../../config/i18n';\nimport { appRoutes } from '../../config/app_routes';\nimport { isKA, isPGW } from '../../../common/config/utils';\nimport ChangeLanguage from '../change_language';\nimport { isActiveRoute } from '../routes/routes_helpers';\nimport { getRouteSettings } from '../../config/util';\nimport { SvgIcon } from '../../../common/sprites';\n\nconst sideMenuIconNames = {\n home: 'home',\n promo: 'promo',\n blog: 'blog',\n language: 'language',\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\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';\nimport {\n matchBannerRoutes, getXfmFreeSetupMin, getXfmDefaultMinutes, isXFMActive, isPrerenderMode\n} from '../../config/util';\nimport { useCurrentPath } from '../routes/hooks/useCurrentPath';\nimport TopBanner from '../../../common/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\n}) => {\n // if (!withTranparentTransition || userXfmProgram) return;\n if (!withTranparentTransition) 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, clientAvailableCredit,\n userBonusInfos, anonymousUserBonusInfos, userXfmProgram, userId\n}) {\n const { routeKey } = useCurrentPath();\n const [transparent, setTransparent] = useState(\n window.scrollY === 0 && withTranparentTransition\n );\n\n const onScroll = () => {\n handleScroll({\n withTranparentTransition, transparent, setTransparent\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 const topBannerProps = {\n userBonusInfos,\n anonymousUserBonusInfos,\n userXfmProgram,\n userId,\n shouldShowMarketingBanner: matchBannerRoutes(routeKey),\n xfmFreeSetupMin: getXfmFreeSetupMin(),\n xfmDefaultMinutes: getXfmDefaultMinutes(),\n isXFMActive: isXFMActive(),\n isPrerenderMode: isPrerenderMode()\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 clientAvailableCredit: PropTypes.string,\n userBonusInfos: PropTypes.array,\n anonymousUserBonusInfos: PropTypes.array,\n userXfmProgram: PropTypes.object,\n userId: PropTypes.number\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 clientAvailableCredit: '0',\n userBonusInfos: null,\n anonymousUserBonusInfos: null,\n userXfmProgram: null,\n userId: null\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 userBonusInfos: user && user.bonusInfos,\n anonymousUserBonusInfos: application && application.anonymousUser && application.anonymousUser.bonusInfos,\n userXfmProgram: user && user.xfmProgram,\n userId: user && user.id\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, isPGW } 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, DEFAULT_LANGUAGE } 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: generatePath(currentLang, 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\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 { 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 connect(\n mapStateToProps\n)(withLastLocation(withPGTranslation(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';\n// import GDPRConsernPopup from '../registration/gdpr_consern_popup';\n// import { 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 {\"timerContainer\":\"timerContainer--XTa86\",\"timerHighlightedContainer\":\"timerHighlightedContainer--HCJja\",\"pulse\":\"pulse--Ulprv\",\"timerAnimation\":\"timerAnimation--IK3eQ\",\"reveal\":\"reveal--LmCI5\",\"timerTextColumnContainer\":\"timerTextColumnContainer--HZJ2L\",\"timerMin\":\"timerMin--XagFM\",\"timerMinDuration\":\"timerMinDuration--R38qN\",\"timerSecDuration\":\"timerSecDuration--WAaYD\",\"timerSec\":\"timerSec--Ow8Q9\",\"timerTextRowContainer\":\"timerTextRowContainer--Gc37d\",\"freeTimeContainer\":\"freeTimeContainer--EKbSo\",\"freeTimeDuration\":\"freeTimeDuration--Rp_Vl\",\"freeTimeText\":\"freeTimeText--SBu2o\",\"freeTimeVoipContainer\":\"freeTimeVoipContainer--MdtRs\",\"callStatusDotImg\":\"callStatusDotImg--m9Yri\",\"freeTimeVoipText\":\"freeTimeVoipText--pHhAS\"};","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { formatISO, differenceInSeconds, parseISO } from 'date-fns';\nimport { useTranslation } from 'react-i18next';\nimport classes from './classes.module.scss';\nimport { SvgIcon } from '../../../common/sprites';\n\nconst getTimerSize = (callType) => (callType === 'chat' ? '35px' : '65px');\n\nconst renderDurationText = (secondsCount, secondsPast, countdownSecondsToShow, callType, t) => (\n \n { children }\n
\n \n { countdownSecondsToShow ? (\n <>\n {Math.floor(secondsCount)}\n {t('chat.sec')}\n \n ) : (\n <>\n {Math.ceil(secondsPast / 60) }\n {t('chat.min')}\n \n )}\n
\n);\n\nconst renderTimerPath = (callType) => (callType === 'chat' ? (\n \n {durationText}\n {setupTimeLabelsText}\n
\n );\n }\n return (\n \n
\n );\n};\n\nconst getTimerAnimationStrokeValue = (callType) => (callType === 'chat' ? '117' : '167');\n\nconst getStopwatchStyle = (secondsCount, sessionEndingHighlightedCountdownSeconds) => (\n secondsCount <= sessionEndingHighlightedCountdownSeconds ? classes.timerHighlightedContainer : classes.timerContainer\n);\n\nconst Stopwatch = ({\n secondsCount, callType, sessionEndingCountdownSeconds, sessionEndingHighlightedCountdownSeconds, setupTimeLabels, paidDuration\n}) => {\n const { t } = useTranslation();\n const [notifyDate, setNotifyDate] = useState(formatISO(new Date()));\n const countdownSecondsToShow = secondsCount < sessionEndingCountdownSeconds;\n\n useEffect(() => {\n setNotifyDate(formatISO(new Date()));\n }, [secondsCount <= paidDuration]);\n\n const renderTimer = () => {\n const dateNow = formatISO(new Date());\n const secondsPast = differenceInSeconds(parseISO(dateNow), parseISO(notifyDate)) + 1;\n return (\n \n {renderDurationText(secondsCount, secondsPast, countdownSecondsToShow, callType, t)}\n \n
\n );\n };\n\n const renderStopwatch = () => {\n if (secondsCount <= 0) return null;\n if (secondsCount <= paidDuration) return renderTimer();\n return renderFreeTime(setupTimeLabels, callType, t);\n };\n\n return renderStopwatch();\n};\n\nStopwatch.propTypes = {\n secondsCount: PropTypes.number,\n callType: PropTypes.string.isRequired,\n setupTimeLabels: PropTypes.array,\n sessionEndingCountdownSeconds: PropTypes.number,\n sessionEndingHighlightedCountdownSeconds: PropTypes.number,\n paidDuration: PropTypes.number\n};\n\nStopwatch.defaultProps = {\n secondsCount: null,\n sessionEndingCountdownSeconds: null,\n sessionEndingHighlightedCountdownSeconds: null,\n setupTimeLabels: [],\n paidDuration: null\n};\n\nexport default Stopwatch;\n","import { connect } from 'react-redux';\nimport Stopwatch from './stopwatch';\n\nconst mapeStateToProps = ({ chat, voipChat }) => ({\n ...chat,\n ...voipChat\n});\n\nexport default connect(mapeStateToProps)(Stopwatch);\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 { 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 = (preloadedState) => {\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 preloadedState,\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 getDataFromStorage\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 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 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 \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\nTopBanner.propTypes = {\n topBannerProps: PropTypes.object.isRequired\n};\n\nTopBanner.defaultProps = {};\n\nexport default TopBanner;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslation } from 'react-i18next';\nimport classes from './classes.module.scss';\nimport Rating from '../../../advisor_avatar/rating/rating';\nimport AdvisorAvatar, { advisorThemes } from '../../../advisor_avatar';\nimport AdvisorModes from '../../../home_page/nested_views/advisor_modes';\nimport { isXfmProgram } from '../../../../config/util';\nimport AppLink from '../../../routes/app_link';\nimport ReadingSinceAndCountItem, { readingSinceAndCountItemThemes } from '../readingSinceAndCountItem';\nimport ExpandedText from '../../../../../common/helpers/expanded_text';\nimport { AdvisorModesThemes } from '../../../../config/const';\nimport { renderFreeMinutesLabel, skeletonOrItem } from '../../../home_page/nested_views/nested_views_utils';\n\nexport interface AdvisorRecommendPreviewProps {\n loading:boolean,\n advisor: Advisor.SingleItem,\n analytics: Analytic.Source,\n userXfmProgram: Advisor.UserXfmProgramProps,\n onAnalyticsClick: () => void\n}\n\nconst getadvisorSlug = (advisorSlug: string) => {\n if (advisorSlug !== undefined) return advisorSlug;\n return '';\n};\n\nconst renderAdvisorModes = (loading: boolean, advisor: object, text: string) => \n
\n );\n\n const renderAdvisorContent = () => (\n \n
\n \n \n \n {skeletonOrItem({ item: nickname, skeletonWidth: 270, maxChars: null }) as React.ReactNode}\n \n \n \n \n {skeletonOrItem({ item: serviceTitle, skeletonWidth: 270, maxChars: null }) as React.ReactNode}\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 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 AdvisorRecommendCarouselProps {\n loading:boolean,\n advisorId: number,\n advisors: Advisor.ListItem[],\n getSimilarOnlineAdvisors: (advisorId: number) => void,\n analytics: Analytic.Source,\n userXfmProgram: Advisor.UserXfmProgramProps,\n theme: string,\n trackBusyCarouselEvent: (eventName: string, advisors: Advisor.ListItem[]) => void\n}\n\nconst AdvisorRecommendCarousel = ({\n loading, advisors, getSimilarOnlineAdvisors, advisorId, analytics, trackBusyCarouselEvent\n}: AdvisorRecommendCarouselProps) => {\n const { t } = useTranslation();\n\n useEffect(() => {\n if (advisors?.some((adv) => (adv.status === liveModeState.offline || adv.status === liveModeState.busy))) {\n getSimilarOnlineAdvisors(advisorId);\n }\n }, [advisors]);\n\n const trackBusyCarouselClickAction = () => trackBusyCarouselEvent('busy carousel clicked', advisors);\n\n const renderAdvisorListSectionMobile = (adv: Advisor.ListItem) => (\n \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 = ({ item, skeletonWidth, maxChars }: SkeletonOrItemProps) => {\n if (item) {\n return (maxChars ? item.substring(0, maxChars) : item);\n }\n return \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: Advisor.ListItem) => (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 { name: propertiesNames.advisorBusyColor, value: '#FF5A5A' },\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 { name: '--app-blue-snap-input-error-color', value: 'var(--app-error-red)' },\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-payment-sources-border-radius', value: '0.938rem' },\n\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 { name: '--app-rating-bg-color', value: '#FFECBC' },\n { name: '--app-rating-on-img-bg-color', value: '#FFECBC' },\n { name: '--mbw-font-family', value: '\"Inter\"' }\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 { name: propertiesNames.advisorBusyColor, value: '#FF5A5A' },\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 { name: '--app-blue-snap-input-error-color', value: 'var(--app-error-red)' },\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-payment-sources-border-radius', value: '0.938rem' },\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 { name: '--app-rating-bg-color', value: '#FFECBC' },\n { name: '--app-rating-on-img-bg-color', value: '#FFECBC' },\n { name: '--mbw-font-family', value: '\"Poppins\"' }\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 { name: propertiesNames.advisorBusyColor, value: '#FA4EC0' },\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-speciality-button-padding', value: '0.313rem 0.313rem 1rem 0.313rem' },\n { name:'--mbw-speciality-button-mobile-padding', value: '0.313rem 0.313rem 1rem 0.313rem' },\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 { name: '--mbw-speciality-advisor-profile-title-width', value: 'fit-content' },\n { name: '--mbw-speciality-advisor-profile-width', value: 'min-content' },\n { name: '--mbw-speciality-advisor-profile-mobile-icon-width', value: '5.3rem' },\n { name: '--mbw-speciality-advisor-profile-mobile-icon-height', value: '5.3rem' },\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 { name: '--app-payment-sources-border-radius', value: '0.938rem' },\n\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 { name: '--app-blue-snap-input-error-color', value: '#FA4EC0' },\n { name: '--app-blue-snap-input-border-radius', value: '6px' },\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 { name: '--app-rating-bg-color', value: '#F7F7F7' },\n { name: '--app-rating-on-img-bg-color', value: '#FFFFFF' },\n { name: '--mbw-font-family', value: '\"Fira Sans\"' }\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","/* eslint-disable @typescript-eslint/no-var-requires */\n/* eslint-disable import/no-dynamic-require */\nimport { FC } from 'react';\nimport {\n isKA, isPOW, isPS, getAppTheme\n} from '../config/utils';\nimport { appThemes } from '../config/const';\n\nconst getProjectPrefix = () => {\n let prefix = 'pg';\n if (isKA()) {\n prefix = 'ka';\n } else if (isPS()) {\n prefix = 'ps';\n } else if (isPOW()) {\n prefix = 'po';\n } else {\n prefix = 'pg';\n }\n return prefix;\n};\n\nexport const getSpriteUrl = () => {\n const ComponentSVG = require(`./images/${ getProjectPrefix() }/generated_sprites.svg`);\n return ComponentSVG;\n};\n\nexport const getPurchaseSpriteUrl: FC = () => {\n const theme = getAppTheme() || appThemes.light;\n const ComponentSVG = require(`./images/${ getProjectPrefix() }/generated_payments_${ theme }_sprites`);\n return ComponentSVG;\n};\n\nexport const loadSVGSprite = async (url: string, containerId: string) => {\n try {\n const response = await fetch(url);\n const svgSprite = await response.text();\n document.getElementById(containerId).innerHTML = svgSprite;\n } catch (error) {\n // eslint-disable-next-line no-console\n console.error('Error loading SVG sprite:', error);\n }\n};\n","var map = {\n\t\"./image_renderer\": 43321,\n\t\"./image_renderer.js\": 43321,\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\"./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","suppressHydrationWarning","dangerouslySetInnerHTML","__html","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","TCP_BANNER","GDPRConsernPopup","GDPRConsernPopupVisible","gdprSwitcherValueChanged","shouldShowGDPRConsent","socialParams","authSocial","clearError","tcpBanner","onRegisterClicked","termsAndPoliciesUpdateViewed","termsOfUseClicked","setTermsOfUseClicked","_useState4","privacyPolicyClicked","setPrivacyPolicyClicked","_useState6","termsAndPpUpdateViewed","setTermsAndPpUpdateViewed","hideGDPRConsernPopup","GDPRConsernPopupThemes","server","parseAndTrackAnalyticEvents","termsAndPoliciesUpdateViewedEvent","serverContentBtnOnClick","properties","updateTcpBanner","then","analyticEvents","regularContentBtnOnClick","socialContinueOnClick","socRequest","signupFlow","renderServerContent","ppTofModalSignUpContent","appLogo","height","ppTofModalSignUpHeader","header","tcpBannerText","ReactMarkdown","components","a","_ref2","_objectWithoutProperties","_excluded","url","includes","handleLinkClick","serverContentLinkOnClick","description","ppTofModalSignUpButton","button","renderModalContent","tcpBannerBodyText","_ref3","_excluded2","social","ppTofModalCancelButton","cancel","socialOriginOnClick","_ref$auth","auth","consentedToGDPR","_ref$user","analyticProps","tcPpBanner","Social","error","onSocialPpTofModalCancelClick","responseFacebook","responce","log","LOG_LEVELS","INFO","accessToken","ERROR","responseGoogle","credentials","marginTop","connectTitle","sicialBtnContainer","socialLeftBtnContainer","browserName","toLowerCase","socialRightBtnContainer","Input","onChange","inputType","isPasswordField","typer","Const","authScreens","signUpAffiliatePromo","input","inputError","ForgotPassword","_PureComponent","_this","_classCallCheck","_len","arguments","args","Array","_key","_callSuper","showForgotModal","onFieldChanged","setState","onForgotPasswordClicked","forgot","showForgotPasswordModal","clearForgotPassword","passwordForgotClear","handleKeyPress","emailIsValid","renderForgotModalTitle","renderForgotPassword","_this$state","_this$props","allFieldsValid","classNames","renderForgotModalContent","_inherits","_this$props2","this","PureComponent","passwordForgot","passwordForgotAPI","json","fJson","toCamelCase","fullMessages","passwordForgotError","clear","onLoginClick","password","checkInputErrors","onLogin","passwordIsValid","LogIn","rememberMe","changeScreen","actionButton","disableActionBtn","navigationButtonContainer","forgotPassword","navigationButton","signUp","SignUp","confirmEmail","switcherChecked","onRegister","userMatchUpBonusInfo","allFieldsAreValid","showPrivacyModal","regular","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","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","googleResponse","googleToken","_this$props9","renderSocial","_this$props10","inEu","signUpSwitcherChecked","onRemeberMeCheckedChanged","checked","renderRememberMe","_this$props11","rememberMeContainer","rememberMeCheckboxInput","renderContent","_this$props12","_this$state4","promoRead","renderBackButton","cancelContainer","cancelButton","cancelButtonImg","renderTopLogo","isMobile","topLogoContainerMobile","topLogoContainerBrowser","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","getUserMatchUpBonusInfo","bonusInfos","showMatchUpBonusInfo","clearAffiliatePromoPopup","compose","Component","useParams","isMaxSubscriptionsError","operationStatus","isBecameAvailableError","NotifyMe","advisorId","progress","notifyMeAction","clearLocalState","displayNotifyMe","clickSource","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","NotFound","errorCode","clearApplicationError","statusText","isAdvisorPage","matchPath","advisor","onHomePress","notFoundAction","renderServiceUnavailablePage","renderNotFound","applicationError","PushNotification","notification","loadAdvisor","needToHandle","clearPN","userbadgeCounters","modalVisible","setModalVisible","handleOrderMessageNotification","onOpen","_currentPath$params2","updatedUser","senderUserId","ntype","getMyAccountBadgesApi","advisorOrders","updatedAdvisor","liveModes","unreadMessagesCount","refreshReducersFromResponse","updateUserActivityUnreadMessagesCount","badgeCounters","unreadMessagesCountTotal","myOrders","NTYPE","ORDER_MESSAGE","handleNotification","PSYCHICS","_currentPath$params","advisorSeoName","slug","handlePsychicNotification","message","pushNotification","chat","loadOrderDetails","GeneralError","errorText","SMART_BANNER_SHOW","SMART_BANNER_DAYS_HIDDEN","SMART_BANNER_DAYS_REMINDEER","PGWEB_HIDE_SMART_BANNER_SECONDS","androidIcon","iosIcon","getIconStyles","iconStyle","iconImg","isIOS","cookieValue","SmartBanner","startDate","hasOrders","promoBannerIsOn","smartBannerVisible","trackSmartBannerEvent","userLoading","cancelClick","display","date","Date","setTime","getTime","expires","stopPropagation","bannerImgClick","sessionsCount","getDataFromStorage","secondsFromSessionBegan","toFixed","open","smartBannerRef","cancelButtonRef","smartBanner","addEventListenerForRef","showAffiliatePromoBanner","smartBannerDisplayValidation","shouldShowAffiliateBanner","smartBannerContainer","cancelBtnContainer","viewBox","d","smartBannerTitle","xlinkHref","numberOfChatOrders","numberOfVcOrders","numberOfVoiceCallOrders","content","AutoRedemePromoCode","autoRedemPromoCode","authHandlerSuccess","justSignedUpAuthHandlerSuccess","bonusPopup","autoRedemSetBonusPopup","queryString","parse","setCookie","cookieName","cookieOptions","needShowErrorPoppup","clearBonusPopup","authHandlerSuccessAction","_promoCode$autoRedem","_promoCode$autoRedem2","_promoCode$autoRedem3","_promoCode$autoRedem4","autoRedem","ChangeLanguage","ContinueCallFooter","selectCredit","hangupChat","option","hangingUp","disabledStartChatButton","selectedDuration","chatType","trackDurationPickExit","defaultDurationChanged","selectorOpenedTime","Button","time","arg","_ref$chat","voipState","voipChat","chatStates","ended","paused","voice","video","voipChatStates","endedConversation","ownProps","duration","_ownProps$option","continueVoipChat","selectedCarouselIndex","discountData","hangupVoipChat","trackVoipDurationPickExit","renderStartCallFooterBtn","btnClass","startChat","StartCallFooter","clientAvailableCredit","selectDurationKind","exitTime","price","isPayg","newUserPayg","oldUser","renderStartCallFooterContent","appInitial","initial","selectVoipCredit","shouldScrollRight","carouselRef","pricingOptions","selectedItem","shouldScrollLeft","carouselSwipeMoveAction","_ref4","carouselSwipeCurrentPosition","setCarouselSwipeCurrentPosition","carouselSetSelected","getCarouselPosition","swipeChange","changedTouches","pageX","currentPosition","delta","getDelta","listRef","setAttribute","onSwipeBackwards","carouselSwipeMoveLeftActionHandler","onSwipeForward","carouselSwipeMoveRightActionHandler","getDurationOptionsClass","selected","index","isNewUser","carouselSelectedItem","carouselItem","renderNewUserPaygPrice","_ref7","availableSalesPrice","newUserPaygPriceContainer","newUserPaygPrice","roundCredits","newUserPaygMinText","newUserPaygSalesPrice","newUserPaygSaleCrosPrice","renderDurationItemPriceContainer","_ref8","priceWithoutDiscount","additional","advisorModePricePerMinute","saleAmount","minTextContainer","durationItemPriceContainerMinText","durationItemPriceContainerClannName","durationItemPriceContainerNewUser","durationItemPriceContainerDefault","durationItemPriceContainerPrice","durationItemPriceContainerSalesPrice","durationItemPriceContainerSaleCrosPrice","renderDurationItemDiscountLabelTitle","_ref9","discountDataKind","discountApplied","durationItemDiscountLabelTitle","maxDiscountApplied","durationItemMaxDiscountLabelImgTextContainer","durationItemMaxDiscountLabelImg","durationItemMaxDiscountLabelTitle","advisorSpecialOffer","renderDurationItemDiscountLabeSubTitle","_ref10","subTitle","durationItemDiscountLabelImgTextContainer","durationItemDiscountLabelImg","durationItemDiscountLabelText","renderDurationItemDiscountLabel","_ref11","durationItemDiscountLabelContainer","renderNewUserPaygLabelContent","_ref12","iconId","color","newUserPaygBonusLabelContainer","newUserPaygBonusLabelImg","newUserPaygBonusLabelTextContainer","newUserPaygBonusLabelText","newUserPaygBonusLabelSubText","renderAdditionalOptionText","renderMostPopularHeartInCircle","mostPopular","mostPopularHeartInCircleContainer","mostPopularHeartInCircleIcon","renderFreeMinText","freeMin","advisorXfmProgram","userXfmProgram","isXfmProgram","freeMinText","getXfmFreeSetupMin","freeMinLabelContainer","freeMinIcon","xfmLabelColor","freeMinTextContainer","renderDurationItemMinutesCount","minutesCount","renderDurationItemSecondsCount","letfSeconds","renderDurationItemMinutesText","texts","titleKey","subtitleKey","durationItemZenModePayContainer","durationItemZenModeText","convertStringToCamelCase","durationItemPayAsYouGoText","durationItemMinutesTextContainer","renderBottomContainer","newUser","DurationItemComponent","onClickAction","durationItem","DurationItem","durationText","durationSubText","priceContainer","useYourBalanceText","secondsText","bottomContainer","renderNewUserPaygBonusLabel","bonusItems","newUserPaygBonusLabelsHolder","newUserPaygBonusLabelsHolderCentered","bonusItem","_ref13","newUserPaygBonusItemKind","xfm","cardValidationBonus","renderNewUserPaygLabel","DurationSelector","isContinue","onDurationClick","selectedCarouselDefaultItem","setDefaultTransform","onSelect","userAdvisorModeSalePrice","promoPrices","carouselArrowPrevRef","carouselArrowNextRef","carouselSwipeStartAction","selectedIndex","defaultDuration","onCarouselSetSelected","carouselOnclickArrowNext","onClickNext","carouselOnclickArrowPrev","onClickPrev","carouselSwipeEndAction","getPosition","transform","onCarouselKeyPress","carouselHandleKeyPress","activeElement","blur","onCarouselSwipe","list","passive","carouselWrapper","carouselWrapperRef","focus","carouselArrowPrev","_ref5","disableArrow","carouselArrowPrevContainer","opacity","cursor","carouselArrowPrevContent","arrowImgContainer","fill","xmlns","stroke","strokeWidth","strokeLinecap","strokeLinejoin","carouselArrowPrevHandler","carouselArrowNext","_ref6","carouselArrowNextContainer","carouselArrowNextContent","carouselArrowNextHandler","renderDurationOptions","parseFloat","getAvailableSalesPrice","durationOptinsContainer","overflow","newUserDurationOptions","newUserPaygContainer","newUserPaygImgContainer","newUserPaygImg","newUserPaygTitle","newUserPaygPayAsYouGoText","Carousel","showIndicators","showThumbs","showStatus","renderArrowPrev","renderArrowNext","swipeable","centerSlidePercentage","centerMode","showArrows","onClickItem","renderDurationSelector","setDefaultSelected","setSelectedCarouselDefaultItem","setDefaultDurationChanged","newUserPaygPricingOption","payAsYouGo","continueDefaultDuration","currentTransform","renderNumber","number","renderAdditionalTime","additionalOption","minutes","remainigSeconds","renderAdditionalOption","onClickCurrentBalance","Trans","i18nKey","bold","values","balance","renderTitle","name","titleLabel","renderThisChargeTakesIntoAccountLabel","formater","Intl","NumberFormat","currency","format","Math","abs","renderInfoLabel","infoLabelText","renderSaveOverText","saveAmount","floor","renderSaveUpLabel","discount","parsedSaveAmount","renderZenModeLabel","renderNewUserPaygAvailableBalanceLabel","parsedClientAvailableCredit","renderDurationItemDiscountLabelForNewUser","renderClientAvailableCredit","SelectChatCredit","cancelChat","selectDurationOption","loadPricingOptions","displayAffiliatePromoPopupAction","setSelected","onBackButtonEvent","JSON","stringify","durationChanged","pushState","onCloseIconClick","noNeedCloseIcon","needUpdatePricingOptions","onSelectDuration","isWebView","purchaseDetailsTypes","AFFILIATE_PROMO_POPUP","descriptionKey","onSelectDurationOption","background","requestParams","getAdvisorXfmProgram","xfmProgram","getAdvisorMode","mode","chatTypeToModeName","getAdvisorModePromoPrices","getAdvisorModePricePerMinute","defaultFunctions","defaultVoipFunctions","cancelVoipChat","onContinue","selectVoipDurationOption","_getUserFirstActivePr","_getUserFirstActivePr2","advisorModeSalePrice","loadVoipPricingOptions","closeButtonAction","NotInLiveMode","getLearnMoreLink","permissionDeniedError","renderText","errors","i","voipErrors","extractErrors","Error","downloadLink","getAdvisorSlug","CantCreate","PG_CASHBACK_PERCENT","backgroundImg","renderDesktopContent","QRCode","bgColor","fgColor","normal","DownloadAppPopup","showDownloadAppPopupKind","showDownloadAppPopupLink","matchingBonus","downloadAppPopupVisible","setDownloadAppPopupVisible","popupDownloadAppLink","closeCashbackPoppup","onDownloadBtnClick","renderDownloadBtn","renderMobileContent","renderCashBackPopupContent","cashBackPopupContent","renderBonusPopupContent","bonusPopupContent","renderDownloadPoppup","popupCloseBtnStyle","purpleText","cashbackPercent","order","RateReviewAfterChat","onCancel","orderId","advisorName","profileLanguage","createdAt","like","setLike","showSmallModal","setShowSmallModal","showFullModal","setShowFullModal","onSkipClick","fullModalOnCancel","onCloseButtonAction","BOTTOM","smallModalContentContainer","RateSection","onSmallModal","onValueChanged","liked","skipTopButtonContainer","skipTopButton","RateReview","existingLike","rateReviewTheme","CHAT_ENDED","existingComment","clientSummaryScreen","orderState","alert","largeNumbers","smallNumbers","total","hangupError","needShowReviewBrowser","setNeedShowReviewBrowser","getSessionType","redirectTo","orderDetails","cancelAction","cancelRateReviewBrowser","CHAT_ENDED_RATE_REVIEW","label","overflowY","line","hint","hintHighlighted","orderIdsSame","feedback","feedbackComment","getFeedback","feedbackIsPosted","getFeedbackIsPoste","textChatReason","reason","ChatEnded","VoipAlert","pictureSrc","borderColor","kFreeTimeIc","formattedTime","slice","textLabel","classesModule","finishing","timer","callDurationNow","hours","seconds","hoursDisplay","minutesDisplay","secondsDispaly","fulltime","TimerLabel","paidDuration","blinkSetup","buyerDurationCounterDirection","showTimer","Stopwatch","secondsCount","callType","getDiscountLabelId","icon","getDiscountLabelText","renderDiscountLabel","getCallWithText","voipType","renderNameAndDiscountLabel","kMuteActive","kMuteNotActive","kHangupIc","cameraNotActive","cameraActive","micNotActive","micActive","renderReconnectLabel","reconnecting","renderDiscountLabelIfNeed","VoipControls","micEnabled","setMicEnabled","muteIcon","muteClassName","hangupCall","trackMPEvent","enableMic","enableVideo","toggleMic","toggleVideo","switcherContent","videoEnabled","setVideoEnabled","marginBottom","offColor","offSliderImg","onSliderImg","offSliderColor","onSliderColor","handleDiameter","renderVideoSwitcher","notifyDate","conversationOption","enable","setEnableMic","setEnableVideo","eventProperties","trackEvent","VoiceOverlay","profilePictureUrl","CallAnimation","getModeColor","AutoHangupTimer","noAnswerCall","automaticHangupIn","timerRef","clearTimeout","noAnswer","DisconnectSessionTimer","onTimeOut","stream","timers","diconnectTimer","CallDurationTimer","pullTimer","secondsTimer","timerEndCall","pullCall","onCallDurationUpdate","updateXfmProgramActive","continuedSession","trackSessionHireEvent","xfmProgramActive","setXfmProgramActive","setSecondsPast","getSecondsPast","dateNow","formatISO","differenceInSeconds","parseISO","secondsPast","callDurationTimer","freeSetupSeconds","pullConversationStatusTimer","callDuration","checkTimerStop","timerEndConversation","pullConversation","trackSessionHireEventIfNeeded","onTick","VoipChat","showHUD","chatReady","disableBackButton","go","onPublisherError","onStreamsUpdated","streams","pauseVoipChat","forceHangupVoipChat","disconnectSessiontimer","DEBUG","onSubscriberSubscribed","subscribed","autoHangupTimer","onReceivedConversationOptions","blinkOnTimer","updateCallDuration","newCallDurationNow","newXfmProgramActive","createOpentokSession","tokboxApiKey","tokboxSessionId","tokboxBuyerToken","receivedSignal","sessionHelper","createSession","apiKey","sessionId","onConnect","session","on","event","data","sessionHandlers","_this2","createRef","setReconnecting","sessionDisconnected","sessionReconnected","sessionReconnecting","disconnect","OTSubscriber","showControls","onSubscribe","showVideo","OTPublisher","onError","publishAudio","publishVideo","videoSource","BlinkTimer","voiceChat","HUD","SquareAnimation","renderTimers","renderSubscriber","renderPublisher","renderControls","renderVoiceChatOverlay","preloadScript","cancelBtn","voipCancelButton","videoConstraints","facingMode","Outgoing","onHangUP","renderWebcam","bind","soundUrl","audio","Audio","play","loop","createChat","_this$audio","pause","Webcam","mirrored","Starting","OutgoingScreen","createVoipChat","AdvisorEnded","voipChatState","textChatstate","showGeneralPopup","renderTopImg","advisorImage","renderSelectCredit","addCreditContainer","renderPurchaseDetails","voipPurchaseOnBack","PurchaseDetails","backArrowAction","CreatedVoipChat","totalCharged","totalDuration","Constants","trackEventSpentCredit","voipEndedEventGTMParams","trackChatEndedEventGTM","_voipActionList$voipS","connectProvider","connecting","starting","inConversation","paymentRequiredOnContinue","voipActionList","callingScreen","_ref$voipChat","getBorderColor","RadioGroup","selectedValue","onSelectionChanged","newValue","currentTarget","getAttribute","renderRadioBtn","radioBtnSelectedContent","radioBtnNotSelectedContent","validateDate","Number","isNaN","differenceInYears","addDividerToDateString","dataString","divider","indexsWhenNeedSetDivider","dataStringWithDivider","forEach","s","_toConsumableArray","char","prevDataStringPart","getFebruaryDaysCount","year","isLeapYear","emptyDatePartValues","validateDateString","_dateStringSplit$","dateString","dateStringSplit","monthList","January","February","March","April","May","June","July","August","September","October","November","December","monthKey","item","updatedDateString","join","getDatePickerPlaceholder","datePickerValue","placeholderSplit","datePickerValueSplit","DatePicker","setError","setDate","datePickerInputStyle","datePickerHolderStyle","setedDate","setDatePickerValue","formatedDateStringSplit","dateArrayJoined","onKeyDownDatePicker","preventDefault","onChangeDatePicker","updatedValue","onClickDatePicker","onBlurDatePicker","day","month","_datePickerValueSplit","updatedDay","updatedMonth","updatedYear","generateDate","inputMode","maxLength","onBlur","errorTypes","validateNickname","nickname","introErrors","setIntroErrors","_ref$returnErrors","returnErrors","renderRadioBtnContent","iconSelectedId","renderErrorModalContent","clearShowErrorModal","getButtonTitle","IntroComponent","updateUserBaseInfo","clearErrorAction","setNickName","gender","setGenderChanged","birthDate","setBirthDate","_useState8","clearedErrorKeys","err","clearedError","genderSelectorOnChange","renderInputError","onCloseBtnClick","closeIconId","isBtnEnabled","setDateOfBirthError","clearDateOfBirthError","SCROLLED_POPUP","VERBOSE","fontSize","fontWeight","nicknameErrors","genderErrors","_ref2$returnErrors","validateGender","validateDateError","birthDateErrors","dateOfBirth","intro","introduce","inProgress","checkNickname","introduceYourselfUpdate","successAction","errorJson","errorAction","withTranslation","NoAnswer","VoipChatOverlay","purchaseOnBack","_window2","onbeforeunload","onunload","changeAppStateAPI","originalOverflow","showSpin","paymentRequired","notInLiveMode","appCantCreate","unknownError","CreatedChat","connectChatProvider","uuid","chatEndedEventGTMParams","disconnectChatProvider","overlay","shouldShowChatContent","started","appStarting","appConnecting","ringing","appConnectProvider","Ringing","waiting","WaitingComponent","Chat","continuingChat","ownUuid","pubnub","sendMessage","sendTyping","sendStopTyping","ChatOverlay","_window","appNotInLiveMode","generalError","routeComponents","HomePage","Advisor","SearchResults","NoSearchResults","MyOrders","AdvisorOrders","OrderDetails","AddFunds","PromoCode","Transcript","Settings","Cashback","PaymentSources","EmptyPreload","SpendLimitsVerifications","SignInPage","PurchaseDetailsForMobileApp","Categories","NotificationPreferences","RenderRoutes","routes","component","match","useMatch","_applicationRoutes$ke","withoutSuspense","Suspense","protectedRoute","exact","LastLocationProvider","getRoutes","r","RoutesComponent","popoverVisibility","BugsnagErrorBoundary","backgroundColor","BrowserRouter","basename","Overlays","CookiesPopover","wpccMessageText","wpccPrivacyText","wpccPrivacyHref","appLinks","privacyPolicy","wpccBtnText","errorUrl","logOutClear","buildStore","I18nextProvider","i18n","ContextRenderer","componentName","Provider","container","advisorData","getAdvisorDataIfSsrMode","reviews","advisorUpdated","updateAdvisorNavigationStack","reviewsLoaded","userUpdated","hydrateRoot","Application","homePageData","getHomePageDataIfSsrMode","sections","seoData","homeLoadedActions","updateSEOData","createRoot","activitiesLoading","activitiesLoaded","resetAdvisorOrders","reset","resetActivities","loadStartMessagesFeed","paginationParams","navigationStackLoadingAction","getActivityApi","itemData","navigationStackLoading","subscribeAdvisorsToDB","loadMessagesFeed","loadMessagesFeedFilter","activitiesResetLoaded","activitiesLoadedReset","filteredBySessions","createActivityMessage","activityLoaded","errorStatus","setErrorStatus","advisorOrdersDelete","advisorOrdersDeleteAction","advisorsReviewsReset","reviewsReset","loadAdvisorReviews","getState","_advisors$id$reviews","reviewsLoading","loadAdvisorFeedbacksAPI","res","items","feedbacks","removeDmIdFromSearch","directMessageAnalytics","dmId","updatedSearch","analitycsPrams","startChatClickSource","trackProfileViewEvents","analyticsActions","conversionEventId","extraParams","serviceTitle","rating","readingsCount","yearJoined","profileVideoUrl","getDirectMessagesApi","directMessage","loadSimilarOnlineAdvisors","similarOnlineAdvisors","getSimilarOnlineAdvisors","getSimilarOnlineAdvisorsApi","advisorsListUpdated","analyticsparams","fromAdvisorProfile","additionalParams","loadAdvisorAPI","setApplicationError","handleAnalyticsAction","status","trackBusyCarouselEvent","eventName","adv","showAffiliatePromoPopup","affiliatePromoPopup","displayDetails","paymentSelected","details","updatePurchaseDetails","purchaseType","hideAffiliatePromoPopup","doneManagingPaymentSource","changingPaymentSource","clearPurchaseDetails","purchaseSuccess","chatUpdatePricingOptions","voipChatUpdatePricingOptions","getAddCreditUrl","credit","expiresAt","displayAffiliatePromoPopup","noThanksLinkClickedAction","noThanksLinkClicked","StatusSuccess","StatusBusy","StatusHangUp","StatusNoAnswer","getFlow","purchaseFlowTypes","ADVISOR_PROFILE_VIEW_MP_EVENT","getContinueSessionValue","_getState","clearProps","clearedProps","k","dataLayer","aditionalPurchaseProps","_window$store$getStat2","purchaseDetails","purchaseFlow","flow","matchPaymentSources","matchPaths","paymentSources","paymentMethods","getPayAsYouGoUsedProperty","trackPurchaseStartedEvent","purchaseData","trackPurchaseStartedEventFB","getDestination","spendingLimits","destination","addAdditonalPurchasePropsAndTrackEvent","purchaseURL","trackPurchase","getAdditionalPurchaseInfoFromURL","purchaseRes","paypalPayerId","paypalTransactionId","paypalBillingAgreementId","paypalInvoiceId","paramOrNul","trackPurchaseEvent","_getState2$user$user","purchasesCount","propertiesGTM","trackPurchaseEventFB","trackFirstPurchaseEventFB","trackFirstPurchaseEventGtm","trackPurchaseFailedEvent","extraEventParams","toLowerCaseSpaced","mapLoginTypeToSignUpMethod","loginType","facebook","trackLoginEvent","trackRegisterEvent","_getState4$user$user","countryName","trackEventRegisterFB","trackLogoutEvent","trackCategoryEvent","categoryEventParams","categoryId","categoryName","sessionType","startChatProperties","homepageSection","trackPaygRelatedProps","propValue","trackChatAttemptEvent","initialDuration","initialCharged","initialVoipCharged","initialVoipDuration","eventNameMP","chatProps","trackGTMEvent","platform","getClientPlatform","getSessionEventsProps","chatData","_toCamelCase","utmCampaign","utmSource","lastHit","lastHitSec","sessionCount","mpProps","gtmProps","timeFromLastSession","trackChatStartedEvent","trackDurationPickExitdMPEvent","trackDurationPickedMPEvent","trackBaseFavoriteEventMP","isFavorite","trackEventAddToCardFB","extraProps","convertedAnalyticEvents","trackEventDeleteOrder","orderType","orderTypeToOrderEventPropName","trackRedeemPromoFailedEvent","trackRedeemPromoEvent","creditText","creditAmount","promoType","referringUserId","trackAdvisorProfileViewEvent","section","trackEventViewewContentFB","getClickSourceForEvent","trackProfileChatButton","ppm","tryout","trackPlayingAdvisorProfileVideoEvent","ordetType","trackEventSpentCreditFB","trackEventAddToCardAction","trackEventAddToCardActionFB","trackTranscriptEvent","trackEventProfileButton","trackEventProfileButtonFB","trackPaymentSourcesEvent","paymentKind","numberOfCC","existing","source","getPurchaseScreenForPaymentSourcesEvent","paymentKindToAnalyticsName","purchase3DSRequiredEvent","purchase3DSFailedEvent","pageTitle","_window$optimoveSDK3","withUserId","optimoveUserId","API","getUserId","_window$optimoveSDK","optimoveSDKAPIGetUserId","_window$optimoveSDK2","checkOptimoveUserId","manualAnalyticEvents","navigationStackItemProp","itemScope","itemType","navigationStackItem","itemProp","span","meta","itemPropPosition","updateNavigationStackAction","showNavigationStackBar","pathData","clearNavigationStackIfNeed","_getValueOrDefault$sh","getValueOrDefault","shouldClearNavigationStackBar","clearNavigationStack","dataKey","langPattern","RegExp","findMatchingRouteKey","_getValueOrDefault2","_getValueOrDefault2$s","shouldSetNavigationStackBar","_getValueOrDefault2$s2","shouldShowNavigationStackBar","navigationStackBarRoutesData","directScreenStack","createPathData","needPresent","_getValueOrDefault3$s","showSmartBanner","aditionParams","updateSmartBannerVisibilityAction","setNewToPGAction","setNewToPG","udpateSEOData","getSEODataAPI","deeplink","welcomePromoCodesAPI","setAnonymousUser","setAnonymousUserAction","_regeneratorRuntime","prototype","n","o","defineProperty","Symbol","iterator","c","asyncIterator","u","toStringTag","define","enumerable","configurable","writable","wrap","Generator","create","Context","makeInvokeMethod","tryCatch","call","h","l","f","y","GeneratorFunction","GeneratorFunctionPrototype","p","getPrototypeOf","v","g","defineIteratorMethods","_invoke","AsyncIterator","invoke","resolve","__await","callInvokeWithMethodAndArg","done","method","delegate","maybeInvokeDelegate","sent","_sent","dispatchException","abrupt","TypeError","resultName","next","nextLoc","pushTryEntry","tryLoc","catchLoc","finallyLoc","afterLoc","tryEntries","resetTryEntry","completion","displayName","isGeneratorFunction","constructor","mark","setPrototypeOf","__proto__","awrap","Promise","reverse","pop","prev","charAt","stop","rval","handle","complete","finish","delegateYield","ownKeys","getOwnPropertySymbols","getOwnPropertyDescriptor","apply","getOwnPropertyDescriptors","defineProperties","toPrimitive","String","_toPrimitive","_toPropertyKey","asyncGeneratorStep","operationsStatuses","no_consent_privacy_policy","showGDPRConsernPopup","authProgressActionCreator","clearPendingAction","authClearPendingCloseAction","clearPendingCloseAction","screen","screenChange","nextScreen","newScreen","consentToGDPRChanged","wasLogin","pendingAction","pendingCloseAction","authSuccessActionCreator","saveDataToStorage","authHandler","promise","_callee","reject","_context","_user$user","justSignedUp","authHandlerSuccessActionWithResUserIfNeed","resUser","autoRedemSetJustSignedUpAuthHandlerSuccessAction","autoRedemSetAuthHandlerSuccessAction","jsonError","_next","_throw","_x","_x2","_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","csv","logUploadedTo","uploadUserLogs","events","lastEventAt","generateUID","random","toString","substring","buildUrl","config","clAnalyticsEndpoint","buildBody","mixpanel","batch_id","distinct_id","get_distinct_id","clAnalyticsKey","doSendEvents","getMixpanelInstance","sendingEvents","visibilityState","navigator","sendBeacon","trackBEvent","updatedProps","$current_url","$screen_height","screen_height","$screen_width","screen_width","$insert_id","valiateUser","pricingLoading","getPricingOptions","chatPricingOptions","start","chatInit","pricePerMinute","init","continueChat","_getState2$chat","continueChatActionCreator","continueChatApi","doContinueChat","continueFlow","purchaseBack","_getState5","continueCall","paymentComplete","durationSelected","hasEnoughtCredit","trackDurationPickRelatedAction","mpEvent","_getState6","_getState6$chat","displayVersion","getDefaultDuration","durationOptions","getDurationOptions","requiredAmount","durationPickRelatedProps","getDurationPickRelatedProps","_getState7","_getState7$user","trackDurationPicked","CHAT","_getState8","_getState10","_getState10$chat","createChatApi","_getState9","trackMPBusyEventIdNeeded","cantCreate","processAdminMessageIfNeed","adminMessage","_getState11$chat","messageState","adminUpdate","_getState$chat","_getState12","hangupChatApi","cancelChatOnPPActions","cancelOnPP","_getState13","needTrackSessionHireEvent","setNeedTrackSessionHireEvent","NO_ANSWER","pubNub","listener","CATGEORY_ACTIONS","PNConnectedCategory","actions","connected","PNNetworkDownCategory","down","PNNetworkUpCategory","up","updatePricingOptions","cancelChatOnPP","updateActions","updateAdvisorIfEnded","updateUserIfNeeded","updatePricingOptionsOnContinueIfNeed","dispatchAdminMessage","chatState","trackMPChatStartedEventIfNeeded","_getState2","trackNoAnswerEventIfNeeded","dispatchUserMessage","timetoken","arrayIndex","kinds","textSystemMessage","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","_message","admin","sm","peers","findIndex","advisorConnectionLost","setAadvisorConnectionLost","receiver_ids","category","rest","m","textreason","sendStorePubNubMessage","presence","module","ssl","restore","addListener","removeListener","shutdown","FB_PIXEL_ID","pixelScript","pixelNoscript","noscript","createElement","innerHTML","trackFacebookPixelEvent","eventIdData","isCustomEvent","facebookId","client_user_agent","userAgent","fbq","eventsQueue","facebookPixelInitialized","saveEventToQueue","eventFunc","eventParams","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","received","monitorRefreshToken","onTokenRefresh","retriveRegistrationToken","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","setChatPopupRightItem","setRightCustomItem","clearChatPopupRightItem","clearRightCustomItem","updateChatPopupBackAction","action","updateBackAction","cleanUpdatedBackAction","clearBackAction","eventsWaitingOptimoveInit","logEventProperties","chatName","eventProps","getBaseSuperProperties","getBaseProfileProperties","getAppName","sameAs1","appleItune","sameAs2","googlePlay","sameAs3","socialLinks","ig","sameAs4","fb","image","imageItemProp","imageContentUrl","required","origin","getUpdatedSections","param","refresh","getHomePageParams","fullReload","buildQueryString","homePageLoadingAction","sectionsIds","sectionsloading","sectionsloadingHomeLoading","loaded","homeLoaded","sectionsWithAdvisors","_s$content","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","getDateFromServerUTC","baseAttributes","getData","baseUserAttributes","totalPurchased","totalPurchaseFeesPaid","lastPurchaseDate","calculateDifference","date1","date2","installDate","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","createErrorAction","responseHandler","trackNotifyMeEvents","createSuccessAction","createNotifyMeAPI","deleteNotifyMeAPI","needToLoadAdv","getNotifyMeData","displayNotifyMeAction","loadingOrderDetails","loadedOrderDetails","sendOrderReviewError","sendedOrderReviewError","sendedOrderReviewClearError","loadOrderDetailsAPI","sendOrderReview","feedbackData","sendOrderReviewAPI","sendedOrderReview","deleteOrder","deleteOrderAPI","sendOrderMessage","authorName","onComplete","sendOrderMessageAPI","clearOrderDetails","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","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","removePromoFromSearch","autoRedemPromoCodeAfterAction","getAutoRedemPromoCode","getCookie","removeCookie","autoRedemPromoCodeJustSignedUp","jsonErrorCamelCase","changing","diffPrice","calculateDiffHandler","isMinPurchase","getMinPrice","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","normalizeUser","cashbackAmount","referrerCreditAmount","clientLockedCredit","_advisor$liveModes$li","_advisor$liveModes","listLoaded","setAnalyticsProps","userLoadingCreator","userErrorCreator","getCurrentUserAPI","Bugsnag","getUserPromise","updateUserAPI","MPIdentify","paymentProcessingSequence","getMyAccountCreditsApi","updatePaymentProcessingSequence","voip","voipContinueCallAPI","orderSummary","base","updatePurchaseDetailsAction","VOICE_CHAT","VIDEO_CHAT","trackVoipDurationPickRelatedAction","_getState2$voipChat","trackVoipDurationPickedAction","_getState3","_getState3$voipChat","_getState3$voipChat2","creditRequiredOnContinue","creditRequiredOnContinueFlow","_getState4","_getState4$voipChat","voiceCallPricingOptions","updatePricingOptionsActionCreator","_getState7$voipChat","initVoipChat","homePageSection","constraints","mediaDevices","getUserMedia","getTracks","getMediaAndCreateChat","voipPurchaseSuccess","_getState9$voipChat","voipPurchaseSuccessOnContinue","_getState11$voipChat","processCreateChatError","voipStartCallAPI","makeCallOrShowPopup","allowVoice","pgwebVoiceAllowance","allowVideo","pgwebVideoAllowance","notSupport","showNotSupportPopup","onOngoingScreen","_getState15","_getState15$voipChat","conversationId","subscriberConnected","startHangingUp","voipHangupConversationAPI","voipForceHangupConversationAPI","_getState$voipChat2","voipPullConversationAPI","pulled","connectionStatus","connection","_getState16","_getState16$voipChat","voipNotifyPeerConnectedAPI","_getState$voipChat3","pingUrl","pingSequence","voipPingAPI","ping","_getState17","_getState$voipChat4","voipTimerEndConversationAPI","cancelVoipChatOnPP","_getState18$voipChat","cancelVoipChatOnPPAction","_getState19","getBGColor","getModeStatusColor","_ref2$isFreeMinLabel","isFreeMinLabel","isAdvisorBusy","advisorBusyColor","getModeTitleColor","getModePriceColor","modeStatusStrings","getAltMessage","getModeTitle","triggerLogin","getImage","renderPrice","modePrice","sale","getAdvisorCTABtnClassName","isPG","fullWidth","makeActionIfNeed","advisorCTAOnClick","chat_init","voice_init","video_init","advisorCtaThemes","getImageId","getActualPrice","salesPriceType","personalSalesPrice","salesPrice","AdvisorCTA","advisorCallProps","needCheckAction","modeUnavailablePoppupVisible","setModeUnavailablePoppupVisible","defaultStartProps","hideModeUnavailablePoppup","modeIsOnline","getSectionForEvent","trackProfileChatButtonAction","startVoipAction","getStartChatClickSource","onStartVoip","startChatAction","onStartChat","freeMinLabel","freeMinContainer","renderfreeMinLabel","previewAdvisorCTA","previewCtaIcon","renderPreviewAdvisorCTA","boxShadow","modeImage","pricesContainer","modeTitle","ExpandedText","customClasses","ellipsis","modeStatus","modeUnavailablePoppupContainer","modeUnavailablePoppupBtn","LiveModeDefaultProps","withLastLocation","TopIcons","loader","favoriteLoading","advisorStatus","onShare","share","iconsSectionContainer","renderNotify","onNotifyClick","handleNotifyClick","renderFav","handleFavoriteClick","iconButton","topIconImgBlack","topIconImgWhite","AdvisorDefaultProps","showBagde","needTrackProfileVideoEvent","BADGES","defaultAvatar","renderNameSectionContent","nameSectionContainer","nickNameContainer","nickNameText","skeleton","Skeleton","serviceTitleContainer","serviceTitleText","renderNameSection","likesCount","dislikesCount","getReviewCount","renderBadges","badges","advisorBadge","advisorBadgeData","badgeContainer","ratedImg","icon_url","badgeText","renderBadge","badge","getAdvisorStatusClassName","indicatorSkeleton","renderAdvisorStatus","indicatorContainer","statusTitle","toUpperCase","renderTopIcons","renderRating","isNewAdvisor","Rating","ratingContainer","renderTopIconsContainer","topItemsContainer","AdvisorProfileAvatar","profileVideoThumbUrl","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","Review","review","buyerNickname","comment","reviewContainer","reviewerName","reviewImgContainer","reviewBuyerNicknameContainer","reviewBuyerNickname","reviewDateContainer","count","reviewItems","itemsArray","getSelectedButtonStyle","buttonId","selectedId","reviewShowMore","showMore","onShowMore","showMoreButton","ReviewsSection","_queryString$parse","setSelectedId","onItemTap","updateQuery","buttonItem","reviewItemHolder","reviewsContent","needShowPlaceHolder","emptyReviewsContainer","headerContainer","SomeOtherAdvisors","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","getTitleMetaTagsText","isPS","getTitleMetaTags","getOGTitle","getAdvisorDescriptionMetaTagText","PGWEB_ADVISOR_DESCRIPTION_TAG","decodeHtmlBracketCharCodes","getMinPricePerMinute","prices","minPricePerMinute","min","getSku","addvisorIdSkuString","extra","partArray","lastPart","leftPart","getGtin8","verifyBusyCarouselRender","trackBusyCarouselEventIfNeeded","arr1","arr2","prevSimilarOnlineAdvisorsRef","prevSimilarOnlineAdvisors","similarOnlineAdvisorsIds","every","setModesContainerVisible","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","_matchPathname$patter","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_end_to_end","searchResult","homePageAllAdvisors","activityAvatar","recommendedCarousel","getRatingText","ratingTextSkeleton","getRatingTextClass","newAdvisorText","ratingText","getRatingContaineritemProp","reviewCount","addMetaTag","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","videoPlayingDuration","currentTime","trackPlayVideoEvent","onFullScreenChange","onFullScreenChangeHandler","isSafari","setMutedForSafari","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","needShowAffiliatePromoPopup","setNeedShowAffiliatePromoPopup","renderAffiliatePromoPopup","noNeed","showItem","noNeedRenderAffiliatePromoItem","AFFILIATE_PROMO","AdvisorNotProvideServicesPopup","advisorNotProvideServicesPopupDataShow","onCloseCliked","advisorNotProvideServicesPopupData","setAdvisorNotProvideServicesPopupData","makeChangeLanguage","onAdvisorNotProvideServicesPopupContinueReadingClick","advisorNotProvideServicesPopupExploreOthersClick","redirecPath","onLanguageChanged","getAdvisorIdBySlug","advisorSlug","profileLanguages","shouldRenderProcessingStatus","payPalWindow","okMessage","closePayPalWindowOnMpTrackPayPalProcessingEventsIfNeed","claerPaypalWindow","close","closePayPalWindow","PayPalProcessing","onPurchaseComplete","hasPaypalBillingAgreement","purchaseAmount","currentPaymentOption","purchaseResponce","setPurchaseResponce","setPaypalWindow","retryCount","setRetryCount","closeWindowEventListenerMessage","setCloseWindowEventListenerMessage","_useState10","needTrackPurchaseStarted","setNeedTrackPurchaseStarted","purchaseFees","setPurchaseResponceData","tryParseJSONObject","setPurchaseResponceDataIfNeed","clearPurchaseResponceData","openPayPal","URL","paramsString","use_reference_transaction","with3ds","getFollowupParam","browserContext","fullURL","sign","_window$frames","frames","innerHeight","innerWidth","_window$top","outerWidth","outerHeight","screenY","screenX","windowTop","windowLeft","openingwindow","removeEventListenerMessage","errorType","errorPathname","threeDAuthResult","mpTrackPurchaseStartedEvent","mpTrackPurchaseEvent","mpTrackPurchaseFailedEvent","mpTrackPayPalProcessingEvents","closed","onConfirmButtonClick","onConfirmButton","clearPurchaseAction","onFocusWindow","focusPayPalWindowIfNeed","onCloseButtonClick","selectCloseButtonActionIfNeed","isSideMenu","closePurchaseDetailsOnSideMenu","onRetry","onRetryButtonClick","startPurchaseAction","clearAdditionalAction","openPayPalIfNeed","ProcessingStatus","isAffiliatePromoPopup","onFocusProcessingWindow","onConfirm","isCreditCard","payingWithCreditCard","buttonTitle","renderButtonTitle","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","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","creditCardValidateError","affiliatePromoPopupOnCloseIconClick","userBonusInfos","anonymousUserBonusInfos","trackAddFundsScreenEvent","_getAddFundsInitialCh","getAddFundsInitialChargedAndInitialDurationPropsNames","showPaymentSources","paymentMethodListActions","getAddCardCinfig","paymentMethodListAnalyticsEvents","purchaseDetailsActions","onPurchaseDetailsScreenOpened","renderCreditCardProcessing","disableBuyButton","renderPayPalProcessing","addCreditCard","renderCreditCardValidateProcessing","requiresPayAsYouGoValidation","CreditCardValidateProcessing","onCreditCardValidated","hideAffiliatePromoPopupAction","topBannerProps","shouldShowMarketingBanner","matchBannerRoutes","xfmFreeSetupMin","xfmDefaultMinutes","getXfmDefaultMinutes","isXFMActive","paymentSourcesTheme","purchase","PurchaseDetailsCommon","clickSourc","creditCardValidateProcessing","validating","voipPurchaseSuccessAction","Form","onStopTyping","typingTimer","typingTimeout","onSend","textAreaRef","isSendAllowed","onKeyPressed","keyCode","shiftKey","sendButton","sendBtn","chatSendContainer","chatSendArea","rows","TimerComponent","freeDuration","setSecondsLeft","setTimerInterval","stopTimer","startTimer","currentDate","endDate","setSeconds","getSeconds","datesSecondsDiff","round","durationCounterDisplay","NetworkStateComponent","pendingUpdate","lastMessageRef","faviconIconHref","renderHeader","chatHeaderContainer","chatHeaderContainerBrowser","chatHeader","justifyContent","hangupBtn","hangupImg","avatar","liveIndicatorAnimation","canvas","pulseFactor","liveIndecatorInterval","halfRange","range","easing","sin","now","minPulse","newFavicon","createFavicon","setFavicon","ctx","getContext","clearRect","radius","beginPath","arc","PI","fillStyle","toDataURL","dataURL","favicon","viewportHandler","chatContainer","chatMessagesContainer","ontouchmove","contains","renderMessage","renderMyMessage","renderAdvisorMessage","renderSystemMessage","SystemMessage","visualViewport","isBrowser","faviconLinkElement","scrollToBottom","peer","imageUrl","scrollIntoView","behavior","ClientMessage","AdvisorMessage","peerTyping","_peers$find","typingContainer","getAvatarFromUuuId","systemMessages","formProps","chatContainerMobile","chatContainerBrowser","renderPeerTyping","memo","chatSystemMessageContainer","chatSystemBubbleContainer","chatBaseBubbleContainer","bubbdleText","chatOwnMessageContainer","chatOwnBubbleContainer","LoadIndicator","classname","clientTimeToken","TimeToken","chatAdvisorMessageContainer","chatAdvisorBubbleContainer","advisorTimeToken","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","poster","controls","specialityClass","SpecialitiesSection","renderSpeciality","SectionDefaultProps","getObjectValue","renderLeftSideFooter","liveModeMinPrice","liveModeMinPromoPrices","PriceText","AdvisorModes","StaffPickSection","onAnalyticsClick","_getObjectValue2","staffPickText","onDescriptionExpand","handleLinkClickAction","mainContentContainer","sectionHeader","sectionIcon","sectionHeaderSeparator","headerTitle","advisorViewLink","advisorContainer","advisorInfoContainer","advisorInfoHeader","staffPickDescription","readMoreClick","footer","v2","AdvisorModesThemes","showPrice","_props$content","_props$content2","advisorID","PersonalSection","personalSections","selectedSection","setSelectedSection","personalSectionsMenuItemClick","AdvisorSection","advisorsSectionThemes","personalSection","adviosrsState","updatedSections","_sections$s","_updatedSections$s","ButtonSection","Title","fontStyle","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","modeStateToIconId","preview","modesHolder","modesHolderSkeleton","liveMode","classContainer","recommendedAdvisor","modeIconContainer","withBg","modeIcon","big","renderMode","getadvisorSlug","renderPriceText","renderNotifyMeButton","notifyMeButton","getStartCallMode","renderNotifyMeButtonContainer","previewAdvisorCTAContainer","renderNotifyButton","adjustModesInfo","valueWithoutModes","valueWithModes","renderModesInfo","renderAdvisorFreeMinutes","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","advisorTitleImg","advisorTitleDescription","advisorDescriptionSkeleton","advisorShortDescription","advisorShortDescriptionSkeleton","leftArrow","arrowImg","fillRule","clipRule","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","clientWidth","onScrollBtnClickAction","renderAdvisors","emptyList","emptyListForRecommended","recommend_advisors","emptyAdvisor","AdvisorRecommendPreview","renderAdvisorLoading","advisorSectionContent","cantBePresented","sectionMainContainer","advisorsContainerScroller","needRenderCoupon","userAdvisorModeMinSalesPrice","minSalesPriceType","couponLiveModeMinSalesPrice","renderCouponImg","discountCouponIcon","priceColor","availableMinSalesPrice","salePriceTextWithCoupon","salePriceText","priceText","prePriceText","availableMinPrice","crosoutPrice","minPriceText","_getPrices","onlineLiveModePrices","parsedPrice","parsedAvailableSalesPrice","minPrice","getAvailableMinSalesPrice","getPrices","textColumnContainer","textContainer","priceSeparator","advisorModeMinSalesPrice","countDownTitle","countdownBeforeEndInSeconds","countdownBeforeEventInSeconds","renderContdownContainer","promotionIsActive","contdownContainer","getImageObjectForWindowSize","imageObject","banner","webBanner","getImageObject","images","large","small","getBannerAspectRation","aspectRation","promotionSaleTitle","promotionShortDescription","bannerImg","imgSrc","getBannerImg","currentSeconds","setCurrentSeconds","promotionActive","toLocaleString","minimumIntegerDigits","promoLabel","PromotionContent","PromotionDefaultProps","recentlyViewed","favorites","contactAgain","votedMostAccurate","highestRated","trending","recomended","redeemCahsback","topAdvisorsTarotReadings","pathHeadingAdvisors","tensionRelationshipAdvisors","soulmateAdvisors","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","spendLimits","reload","getPurchaseClickSource","click_source","getPurchaseScreenProp","purchase_screen","getChatPurchaseScreenName","buildEventData","_ref15","_ref16","_ref15$clickSource","purchaseAmountFloat","hash","set3DSAuthResult","getPurchaseBillingAgreementProperty","paymentOptionEventData","_ref14","extraEventParamsData","_ref17","_ref18","getFailReason","_ref19","payPalProcessingFailReason","getPurchaseFailedPropsForMobileApp","_ref20","_ref21","_ref21$clickSource","ReviewSection","onSubmit","setText","reviewSectionContainer","flexDiv","rateReviewSectionTitle","inputArea","submitButton","checkSendFeedback","setAlerts","_checkCanPostLikeComm","canPost","checkCanPostLikeComment","uniqErrors","checkCanPost","feedbackVote","undiscountedPpm","discountValue","totalChargedNumber","differenceInDays","getFeedbackData","alertsContent","alerts","shouldValidate","setShouldValidate","setComment","redirectIfNeed","renderRateReviewDEFAULT","rateReviewContainer","skipButtonContainer","skipButton","renderRateReviewCHATENDED","rateReviewCHATENDED","DEFAULT","sessionData","convertValue","FeedbackSwitcher","feedbackSwitcherContainer","styleMarging","marginTopSmallModal","marginBottomSmallModal","renderRateSectionDEFAULT","rateSectionDEFAULT","renderRateSectionCHATENDED","rateSectionChatEndedContainer","chatEndedTitle","chatEndedSubTitle","reloadDocument","_getUpdatedLink","updatedLink","getUpdatedLink","onLinkClick","Link","_useMemo","needUpdatePathTrailingSlashes","matchingRouteKey","exists","findFullRouteKey","matchingRoute","_ret","isPattern","_loop","translationObject","routesTranslationKeys","returnObjects","translationKey","isActiveRoute","lastChar","_matchRoutes2$","matchRoutes","FilterDropdown","selectedOptionId","dropdownId","setOpen","onOptionClick","handleClick","parentNode","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","getInitialState","include_offline","min_number_of_reviews_ge","ppm_ge","ppm_le","reading_via","readingVia","numberOfReviews","ppmRange","includeOffline","searchQuery","renderAffiliatFilterViewBullet","localizationKey","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","modalSignOutText","signOutImage","signOutButton","signOutContainerModal","signOutContainer","getMenuItemClass","extraNode","rightPos","MenuItem","linkTo","asHref","openInNewTab","renderActionLink","renderRemoteLink","activeStyle","appcolor","renderInnerLink","overflowCount","customClass","Badge","renderBadgeAroundAComponent","needReview","renderMessages","MessageCountBadge","_user$badgeCounters","sideMenuArrow","iconToUse","renderSideMenuSpecialitiesArrow","specialitiesShow","renderSpecialities","renderSideMenuIcon","needChekActive","menu","SpecialitiesMenuItem","dynamicRoutesKeys","setSpecialitiesShow","showSpecialities","currentLang","userLoggedIn","getSpecialitiesRoutes","_dynamicRoutes$key$tr","dynamicRoutes","translations","componentStyles","transparentStyles","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","renderChangeLanguageMenuItem","showChangeLanguage","toggleChangeLanguagePopup","createPortal","renderBlogMenuItem","isPGW","blog","articles","renderMyHoroscopeMenuItem","myHoroscope","SideMenu","isSufficientForCashback","shouldShowPayoutMethodMenuItem","setShowChangeLanguage","favoriteRouteSettings","getRouteSettings","MyOrdersBadge","addFunds","cashback","customerSupport","forAdvisors","settings","showPaymentMethodMenuItem","IMAGE_SIZE","createImage","Image","getCroppedImg","_getCroppedImg","imageSrc","pixelCrop","maxSize","safeArea","sqrt","translate","drawImage","getImageData","putImageData","toBlob","CustomSlider","onSliderUpdate","_arrayWithHoles","_iterableToArrayLimit","_arrayLikeToArray","test","_unsupportedIterableToArray","_nonIterableRest","Cropper","onCropFinished","crop","onCropChange","_React$useState2","zoom","onZoomChange","croppedArea","setCroppedArea","extracting","setExtracting","onCropComplete","area","croppedAreaPixels","extractCropedImage","croppedIMG","getCroppedImage","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","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","signInButtonsContainer","loginButtonContainer","Header","socialLinksArray","tt","yt","onIconTap","companyInfo","getFullYear","FooterOrganism","footerLogo","termsLinks","tos","affiliation","logoAction","links","aboutUs","Footer","renderArticleTitle","articleTitle","renderArticleSubtitle","articleSubtitle","renderArticleText","alwaysExpanded","whiteSpace","reactNode","domNode","attributesToProps","custom","SeoData","seoScript","articleContent","isNewToPG","needRenderNewToPGSection","replaceScript","currentElement","htmlDescription","htmlTitle","ogTitle","ogType","ogDescription","ogImage","anyArticleDataExcist","getLinkStyle","isLast","textColor","presentPightArrow","NavigationStackBar","routeSettings","renderNavigationItems","_screenStack$item","renderItem","removeHeader","fullHeight","noNeedFooter","setVisible","appLayoutItemProp","calculateScrollbarWidth","scrollbarWidth","documentElement","setProperty","appRoot","rootHeader","rootContent","fullHeightContainer","childrenContainer","invisibleScrollBar","getTimerSize","renderDurationText","countdownSecondsToShow","ceil","renderTimerPath","getTimerAnimationStrokeValue","getStopwatchStyle","sessionEndingHighlightedCountdownSeconds","sessionEndingCountdownSeconds","setupTimeLabels","setNotifyDate","fillOpacity","setupTimeLabelsText","setupTimeLabelsVoipText","_setupTimeLabels","_toArray","renderFreeTime","Hls","hls","loadSource","attachMedia","MANIFEST_PARSED","canPlayType","destroy","onPlayerClickHandler","playsInline","onTouchStart","autoPlay","preload","setImpersonated","userSetImpersonate","defaultHeaders","deviceId","_document$querySelect","deviceHeader","WEBDEVICE_ID","Accept","querySelector","WEB_CLIENT","_ref$opts","_ref$ignoreBaseUrl","ignoreBaseUrl","ignorError404","_ref$ignoreUserUpdate","ignoreUserUpdate","_document$querySelect2","apiMethod","endpoint","t0","getDeviceId","get","responseJson","validateApplePayMerchantApi","paymentSourceId","paymentSessionUrl","toSnakeCase","queryParameters","loadFavoriteAfvisorsAPI","loadMyOrdersAPI","loadAdvisorOrdersAPI","remeberMe","remember_me","rc_token","intention","facebook_token","google_id_token","consent_to_privacy_policy","with_verification","date_of_birth","delete","passwordUpdateAPI","confirmPassword","password_confirmation","loadNotificationPreferencesAPI","updateNotificationPreferencesAPI","preferences","with_payment_sources","loadTransciptAPI","loadCashbackStatusAPI","web_push_token","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","defaultRoute","transcript","emptyPreload","notificationPreferences","palmReadings","fromEntries","entries","uiSettings","specialityRoutesKeys","isSpeciality","createCategoryData","_route$translations","categoty","categoties","reduce","routeData","componentsSettings","_objectSpread5","showBanner","needReplaceHeaderSearch","BUGSNAG_KEY","CLIENT_APP_VERSION","plugins","BugsnagPluginReact","enabledBreadcrumbTypes","originalError","sendLogsIfNeed","BUGSNAG_TRACKING_EVENTS","ErrorBoundary","createErrorBoundary","initLogger","LOGGER_ENDPOINT","LOGGER_SECRET","specificValues","pg","vc","voice_call","ka","ps","contactUsLink","contactUs","projectLinks","en","es","pt","appContext","sharePopupKind","pgZendeskDomain","INTRO_DATE_PICKER","INTRO","ABSOLUTE_POPUP","promoCodeTheme","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","live_chat","video_call","contextToChatType","activityFeedMessageType","coupon","pageLoaded","updateRecentlyFavorited","messagesRead","systemMessageUpdate","changePaymentSource","changePaymentSourceBack","clearAdvisorConnectionLost","accepted","forceHangup","manualHangup","buyerFinished","advisorFinished","errorHappened","continue","updateUserData","saveInputsValue","saveButtonActive","contentUpdate","notificationPreferencesLoaded","cashbackStatus","sharePopup","clientSettings","pricingOptionsUpdate","enableSound","loadingVerifications","loadVerificationsError","verificationsLoaded","verificationSelected","jumioEnded","verificationProcessed","verificationStatusUpdated","cleanError","jumioError","setData","categories","Debouncer","_createClass","clearTimer","debounceLoad","debounceTime","loadWithDebounce","delayed","dId","fingerprintjs","fingerprint","delayDeviceId","methodsPath","initResources","initReactI18next","resources","fallbackLng","supportedLngs","InfiniteScroll","loadMore","initialLoad","initialPage","hasMore","threshold","scrollElementRef","dateLabelScrollHandler","_document$getElementB","_scrollElementRef$cur","scrollHeight","scrollTop","clientHeight","contentHeight","preloadedState","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","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","timeZoneString","routesSettings","_obj$translations","flattened","translationObj","flattenRouteSettings","routeMatch","pathnames","defaultModesColors","setElementZIndex","decreaseElementZIndex","low","high","advisorsBySlug","advisorMatch","getActiveOffer","_window$store","_window$bonusInfos","offers","trailingZeroDisplay","activePromotions","bonusType","getTimeOnBubble","_ref22","getHours","getMinutes","ampm","formattedHours","padStart","formattedMinutes","mpToken","fbAppId","fbVersion","fbReactRedirect","googleClientId","SITE_LINK","fibVapidKey","PURPLE_GARDEN_CB","advisorProfileViewMpEvent","PO_APPLY_HERE","bugsnagToken","bugsnagTrackingEvents","smartBannerShow","smartBannerDaysHidden","smartBannerDaysReminder","TRACK_TRANSCRIPT_VIEW_EVENT","trackTranscriptView","REACT_SITE_URL","reactSiteUrl","FbPixelId","FB_CONVERSIONS_API_TOKEN","FbConversionsApiToken","FB_TEST_EVENT_CODE","FbTestEventCode","backendVersion","reportSessionBegan","sessionBeganTimer","match_up_bonus_info","CARD_VALIDATION_BONUS_INFO","card_validation_bonus_info","pgwebAdvisorDescriptionTag","hotjarId","pgwebHideSmartBannerSeconds","needTrackingHotjar","PG_CUSTOMER_SUPPORT","pgCustomerSupport","pgCashbackPercent","SPEND_LIMIT_UPGRADE_FORM_URL","spend_limit_upgrade_form_url","TEST_GROUP","testGroup","clientAppVersion","xfmAdditionalFreeSetupTime","paymentProcessingIntervalSec","defaultxfmCredits","PROMOTION_DATA","promotion_data","tc_pp_banner","DISCOUNT_COUPONS","discount_coupons","mba_logger_endpoint","mba_logger_secret","firebaseConfig","fibApiKey","authDomain","fibAuthDomain","databaseURL","fibDatabaseUrl","projectId","fibProjectId","storageBucket","fibStorageBucket","messagingSenderId","fibMessagingSenderId","fibAppId","advisorsAllowedParams","ns","kasambaLogoIcon","kasambaFooterLogo","kaCouponLogo","pgCouponLogo","maskType","maskUnits","mask","psCouponLogo","clipPath","x1","y1","x2","y2","gradientUnits","stopColor","stopOpacity","offset","procent","discountPercent","oneHourTimer","timerEndAction","_ref2$setLeftSeconds","setLeftSeconds","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","storageKey","secret","initialized","sendLogsToServer","jwt","entity","Authentication","prepareBatchAndSend","parser","parserResult","_yield$Promise$all","_yield$Promise$all2","batch","UAParser","getResult","all","encodedSecret","TextEncoder","encode","SignJWT","setProtectedHeader","alg","setIssuedAt","setExpirationTime","device_id","app_version","uuidv4","device_lang","device_os","os","os_vesion","user_id","mixpanel_distinct_id","_callee2","lock","storageLogs","_context2","processLogParameters","defaultKey","getOwnPropertyNames","cur","handleLog","level","subsystem","assign","_callee3","updatedArray","_context3","_x3","saveLogToStorage","insert_id","tag","device_time","utc_time","toISOString","freeze","NOTHING","loggerEndpoint","loggerSecret","wallet","cannotBeUsedOnThisBrowser","pleaseReEnterTheCardDetailsForSecurityReasons","paymentMethodsListTitleTheme","walletHolderId","light","supportedApplePayVer","supportedNewPOWalletVersion","invisibleScrollbarWidth","mobileClickSource","_location$state2","clientPlatforms","pgapp","poapp","kasamba","psapp","pg_client","client_platform","isOldMobileApp","browser_context","standalone","safari","ios","_window$location$host","host","isPOW","_window$location$host2","process","po","getIcon","appCode","requireContext","_ref2$forAppContext","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","milliSecondsDifference","differenceInMilliseconds","windowConfigUtcDate","utc","addMilliseconds","dateFromServer","getTimezoneOffset","getDataTypes","getDate","getDay","getMonth","getYear","itemCount","calculateDifferenceTypes","years","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","semver","updatedPurchaseURL","purchaseURLSearch","purchaseURLPathName","parsedPurchaseURLSearch","parsedExtraParams","updatedUrlSearch","localStorage","setItem","DOMException","QUOTA_EXCEEDED_ERR","removeItem","getItem","cookieNames","acceptClick","showCookiesPopover","setshowCookiesPopover","getTranslatedString","stringKey","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","onCheckBoxChange","htmlFor","_ref2$userBonusInfos","_ref2$userXfmProgram","_ref2$shouldShowMarke","showTopBanner","setShowTopBanner","_window$bonus_infos","_userXfmProgram$credi","advisorsCount","minutesText","advisorsText","activeOffers","bonus_infos","_offer$specialOffer","_offer$bonusText","offer","specialOffer","bonusText","generateMarketingBannerArray","topBannerContainer","MarketingBanner","offerIcon","MarketingImage","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","colors","prop","getCellContainerClass","orderCellContainer","borderDefault","kaBorderChat","kaBorderVoice","orderSubject","orderDescription","labels","renderOrderTitle","orderCellTitleContainer","orderCellIcon","renderOrderIcon","orderCellSubjectContainer","orderSubjectName","orderCellContentContainer","orderTitleLabelsContainer","labelsHolderContainer","orderCellLabelContainer","orderRightDataContainer","orderDataContainer","orderDescriptionContainer","orderDescriptionIcon","rightArrowContainer","rightArrowIcon","getProjectPrefix","containerId","svgSprite","console","webpackContext","req","webpackContextResolve","__webpack_require__","exports"],"sourceRoot":""}\n
\n \n { renderOrderTitle() }\n { renderLabel() }\n
\n \n
\n \n { renderOrderDescription() }\n
\n \n
\n