\n \n \n {Icons.ArrowLeftIcon('black', 'sm')}\n \n \n \n \n
\n \n\n \n {/* Stop Out */}\n {investor?.AccountOptions?.InvestorOpenOrdersTab === 'Show' && (\n \n \n \n \n\n
\n )}\n {/* Investments */}\n \n \n \n \n\n
\n\n {/* Equity */}\n {investor?.AccountOptions?.InvestorOpenOrdersTab === 'Show' && (\n \n \n {' '}\n {creditShow}:\n \n\n \n {`${investor.EquityNoCredit} ${getCurrencySymbol(investor.Currency, currenciesConfig)}`}\n \n\n \n {`(${equityOverInvestments > 0 ? '+' : ''}${equityOverInvestments}%)`}\n \n \n
\n )}\n
\n \n );\n};\n\nexport default SoMobile;\n","import React, { Suspense } from 'react';\nimport { Route, Switch, Redirect } from 'react-router-dom';\nimport { History } from 'history';\nimport { useSelector } from 'react-redux';\nimport { PrivateRoute } from '../privateRoute';\nimport useWindowResize from '../../hooks/useWindowSize';\nimport { mobileWidth } from '../../const/size.const';\nimport { AccountType } from '../../types/authTypes';\nimport LocalStorageUtils from '../../utils/local-storage';\nimport { PAMMState } from '../../redux/reducers/rootReducer';\nimport { Investor } from '../../types/investorTypes';\nimport SoMobile from '../mobile/SoMobile';\n\n// Desktop components\nconst Login = React.lazy(() => import('../auth/login/Login'));\nconst InvestorsList = React.lazy(() => import('../administrator/investor/InvestorsList'));\nconst InvestorDetails = React.lazy(() => import('../administrator/investor/InvestorDetails'));\nconst MastersList = React.lazy(() => import('../administrator/master/MastersList'));\nconst MasterDetails = React.lazy(() => import('../administrator/master/MasterDetails'));\nconst AdminDetails = React.lazy(() => import('../administrator/admin/AdminDetails'));\nconst Admins = React.lazy(() => import('../administrator/admin/AdminsList'));\nconst Settings = React.lazy(() => import('../administrator/settings/Settings'));\nconst CreateUser = React.lazy(() => import('../CreateUser'));\nconst Journal = React.lazy(() => import('../administrator/journal/Journal'));\nconst AdminDashboard = React.lazy(() => import('../administrator/admin/AdminDashboard'));\nconst RequestsList = React.lazy(() => import('../administrator/requests/RequestsList'));\nconst FeeAccountsList = React.lazy(() => import('../administrator/feeAccounts/FeeAccountsList'));\nconst OrdersList = React.lazy(() => import('../administrator/orders/OrdersList'));\nconst ResetPassword = React.lazy(() => import('../resetPassword/ResetPassword'));\nconst RegisterUser = React.lazy(() => import('../register/RegisterUser'));\nconst Register = React.lazy(() => import('../auth/register/Register'));\nconst MaintenancePage = React.lazy(() => import('../administrator/maintenance/MaintenancePage'));\nconst Monitoring = React.lazy(() => import('../administrator/monitoring/MonitoringDetails'));\nconst MassAttachDetach = React.lazy(() => import('../administrator/massAttachDettach/MassAttachDetach'));\nconst InvestorsReport = React.lazy(() => import('../administrator/investorsReport/InvestorsReport'))\n\n// Mobile components\nconst LoginMobile = React.lazy(() => import('../mobile/LoginMobile'));\nconst MasterDetailsMobile = React.lazy(() => import('../mobile/MasterDetailsMobile'));\nconst MastersListMobile = React.lazy(() => import('../mobile/MastersListMobile'));\nconst RequestsListMobile = React.lazy(\n () => import('../administrator/requests/mobile/RequestsListMobile')\n);\nconst RequestsFiltersMobile = React.lazy(\n () => import('../administrator/requests/mobile/RequestsFiltersMobile')\n);\nconst InvestorDetailsMobile = React.lazy(() => import('../mobile/InvestorDetailsMobile'));\nconst ProfileMobile = React.lazy(() => import('../mobile/ProfileMobile'));\nconst ChangeBalanceCreditMobile = React.lazy(() => import('../mobile/ChangeBalanceCreditMobile'));\nconst CommissionsMobile = React.lazy(() => import('../mobile/CommissionsMobile'));\nconst DownloadStatementMobile = React.lazy(() => import('../mobile/DownloadStatementMobile'));\nconst HistoryMobile = React.lazy(() => import('../mobile/HistoryMobile'));\nconst OrderMobile = React.lazy(() => import('../mobile/OrderMobile'));\nconst BalanceOperationMobile = React.lazy(() => import('../mobile/BalanceOperationMobile'));\nconst BioMobile = React.lazy(() => import('../mobile/BioMobile'));\nconst SlTpMobile = React.lazy(() => import('../mobile/SlTpMobile'));\nconst RegisterUserMobile = React.lazy(() => import('../mobile/RegisterUserMobile'));\nconst RegisterUserSelectMobile = React.lazy(() => import('../mobile/RegisterUserSelectMobile'));\nconst ConnectedInvestorsMobile = React.lazy(() => import('../mobile/ConnectedInvestors'));\nconst ConnectedInvestorDetailMobile = React.lazy(() => import('../mobile/ConnectedInvestorDetail'));\n\n// New interface components\nconst GenUserMastersList = React.lazy(() => import('../generalUser/master/MastersList'));\nconst GenUserRequestsList = React.lazy(() => import('../generalUser/requests/RequestsList'));\nconst InvestorDashboard = React.lazy(() => import('../generalUser/investor/InvestorDashboard'));\nconst MasterDashboard = React.lazy(() => import('../generalUser/master/MasterDashboard'));\n\ninterface IAppRoutesProps {\n isAuthenticated: boolean;\n signInFunc: any;\n history: History;\n currentLang?: string;\n}\n\nconst fillRoutes = (\n routes: Array,\n isAuthenticated: boolean,\n signInFunc: any,\n history: History,\n showMobileVersion: boolean,\n user: any,\n investor: Investor,\n currentLang?: string\n) => {\n let redirectAfterLogin: JSX.Element;\n\n if (user) {\n switch (user.AccountType) {\n case AccountType.Admin:\n redirectAfterLogin = \n {/* {showMobileVersion ?
:
} */}\n {showMobileVersion ?
:
}\n
}\n />\n );\n routes.push(\n }\n />\n );\n routes.push(\n }\n />\n );\n routes.push(\n }\n />\n );\n routes.push(\n }\n />\n );\n routes.push(\n = ({\n isAuthenticated,\n signInFunc,\n history,\n currentLang\n}: IAppRoutesProps): JSX.Element => {\n const [width, height] = useWindowResize();\n\n const [showMobileVersion, setShowMobileVersion] = React.useState(width < mobileWidth);\n const userJSON = LocalStorageUtils.getValueFromLocalStorage('user');\n const investor: Investor = useSelector((state: PAMMState) => state.investorReducer.investor);\n\n let user: any;\n\n if (typeof userJSON === 'string') {\n user = JSON.parse(userJSON);\n }\n\n React.useEffect(() => {\n setShowMobileVersion(width < mobileWidth);\n }, [width, height]);\n\n React.useEffect(() => {\n return history.listen((location) => {\n if (!location.pathname.includes('money_managers')) {\n LocalStorageUtils.removeValueFromLocalStorage('investorToAttach');\n }\n });\n }, [history]);\n\n const routes: Array = [];\n\n fillRoutes(routes, isAuthenticated, signInFunc, history, showMobileVersion, user, investor, currentLang);\n\n return (\n \n {routes} \n \n );\n};\n\nexport default AppRoutes;\n","import React from 'react';\nimport { Link, withRouter } from 'react-router-dom';\nimport { Navbar, Col } from 'react-bootstrap';\nimport { FormattedMessage } from 'react-intl';\nimport { useDispatch, useSelector } from 'react-redux';\nimport Icons from '../../icons/icons';\nimport LocalStorageUtils from '../../utils/local-storage';\nimport { PAMMState } from '../../redux/reducers/rootReducer';\nimport { Investor } from '../../types/investorTypes';\nimport fetchInvestorDetailsAsync from '../../redux/actions/investor/fetchInvestorDetails';\nimport { AccountType } from '../../types/authTypes';\nimport { fetchSharedSettingsAsync } from '../../redux/actions/shared/fetchConfig';\n\nconst BottomBarMobile: React.FC = ({ user, location }): JSX.Element => {\n const dispatch = useDispatch();\n\n const api: string = useSelector((state: PAMMState) => state.configReducer.api);\n const customColor = useSelector((state: PAMMState) => state.configReducer.customColor);\n // PAMM-2341 TODO\n // const showRequestTab = LocalStorageUtils.getValueFromLocalStorage('showRequestTab');\n const currentAddress = location.pathname;\n const investor: Investor = useSelector((state: PAMMState) => state.investorReducer.investor);\n // PAMM-2341 TODO\n const sharedConfig = useSelector((state: PAMMState) => state.configReducer.sharedConfig);\n\n const shouldDashboardButtonLightUp = (): boolean => {\n return currentAddress.includes('dashboard') ||\n currentAddress.includes('commissions') ||\n currentAddress.includes('closed-order') ||\n currentAddress.includes('history') ||\n currentAddress.includes('change-balance') ||\n currentAddress.includes('change-credit') ||\n currentAddress.includes('balance-operation');\n };\n\n const onlyTwoButtonsActive = user.AccountOptions.MasterList === 'Hide' && sharedConfig?.RequestTab?.toString() === 'false';\n\n const linkedId = LocalStorageUtils.getValueFromLocalStorage('linkedIdMobile') || user.Id;\n\n React.useEffect(() => {\n\n if (user?.Id && user?.AccountType === AccountType.Investor) {\n let investorId = 0;\n\n if (user?.AccountType === AccountType.Investor) {\n if (user?.AccountInfo?.LinkToken) {\n investorId = Number(linkedId);\n }\n else {\n investorId = user?.Id;\n }\n }\n\n dispatch(fetchInvestorDetailsAsync(api, investorId));\n }\n }, [dispatch, api, user.Id, linkedId]);\n\n // PAMM-2341 TODO\n React.useEffect(() => {\n dispatch(fetchSharedSettingsAsync(api));\n }, [dispatch, api, sharedConfig?.RequestTab]);\n\n const buttonStyle = {\n display: 'flex',\n width: '2.5rem',\n justifyContent: 'center',\n alignItems: 'center',\n marginBottom: '.3rem',\n marginTop: '.3rem',\n } as React.CSSProperties;\n\n const activeButtonStyle = {\n ...buttonStyle,\n color: customColor,\n } as React.CSSProperties;\n \n const textStyle = {\n color: 'black',\n fontSize: 12,\n } as React.CSSProperties;\n\n const activeTextStyle = {\n ...textStyle,\n color: customColor,\n textDecoration: 'none',\n outline: 'none',\n } as React.CSSProperties;\n\n return (\n \n \n {Icons.ChartAreaIcon(shouldDashboardButtonLightUp() ? customColor : '#343a40', '1x')}\n \n \n
\n \n \n {/* \n {Icons.UserIcon('#343a40', '1x')}\n
\n \n
\n \n */}\n {investor.AccountOptions.MasterList === 'Show' && user.AccountType === 'investor'\n ? (\n \n {Icons.UsersIcon(currentAddress.includes('/money_managers') || currentAddress.includes('/bio') ? customColor : '#343a40', '1x')}\n \n \n
\n \n \n ) : null}\n {sharedConfig?.RequestTab?.toString() !== 'false'\n ? (\n \n {Icons.ExchangeIcon(currentAddress.includes('/requests') ? customColor : '#343a40', '1x')}\n \n \n
\n \n \n ) : null}\n \n {Icons.CogIcon(currentAddress === '/profile' ? customColor : '#343a40', '1x')}\n \n \n
\n \n \n \n );\n};\n\nexport default withRouter(BottomBarMobile);\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { Link, withRouter } from 'react-router-dom';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faSignOutAlt } from '@fortawesome/free-solid-svg-icons';\nimport OperationsMenuMobileCss from './OperationsMenuMobile.module.css'\nimport Icons from '../../icons/icons';\nimport { setDisconnectFromMasterConfirmationStatus, setLanguagesMenuStatus, setOpsMenuStatus } from '../../redux/actions/setMobileMenusStatus';\nimport { PAMMState } from '../../redux/reducers/rootReducer';\nimport { AccountType } from '../../types/authTypes';\nimport LocalStorageUtils from '../../utils/local-storage';\nimport { Investor } from '../../types/investorTypes';\n\nconst OperationsMenuMobile: React.FC = ({\n menuHeight = 0,\n onSwipe,\n onCancel,\n location,\n currentLang\n}): JSX.Element => {\n const dispatch = useDispatch();\n\n const languages: Record = useSelector((state: PAMMState) => state.configReducer.languages);\n const customColorsGenUser = useSelector((state: PAMMState) => state.configReducer.customColorsGeneralUser);\n const userJSON: string | null = LocalStorageUtils.getValueFromLocalStorage('user');\n const investor: Investor = useSelector((state: PAMMState) => state.investorReducer.investor);\n const customColors: Record = useSelector(\n (state: PAMMState) => state.configReducer.customColorsGeneralUser\n );\n \n let user: any;\n\n if (typeof userJSON === 'string') {\n user = JSON.parse(userJSON);\n }\n\n const linkedId = LocalStorageUtils.getValueFromLocalStorage('linkedIdMobile') || user?.Id;\n\n const showDisconnectFromThisMasterWarning =\n investor.MasterId !== 0 && investor?.AccountOptions?.DetachAction !== 'Off';\n\n React.useEffect(() => {\n dispatch(setOpsMenuStatus(false));\n }, [dispatch, location]);\n\n const handleShowLanguagesMenu = (): void => {\n dispatch(setOpsMenuStatus(false));\n dispatch(setLanguagesMenuStatus(true));\n };\n\n const handleDetachInvestor = (): void => {\n dispatch(setDisconnectFromMasterConfirmationStatus(true));\n dispatch(setOpsMenuStatus(false));\n };\n\n const style = {\n width: '100%',\n height: menuHeight,\n position: 'fixed',\n zIndex: 9999,\n bottom: '-5rem',\n backgroundColor: 'white',\n transition: '0.5s',\n padding: '1.5rem',\n fontSize: '1.3rem',\n paddingTop: '32px'\n } as React.CSSProperties;\n\n const iconStyle = {\n borderRadius: '50%',\n backgroundColor: '#E9E9E9',\n width: '2.5rem',\n height: '2.5rem',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center'\n } as React.CSSProperties;\n\n return (\n