\n \n
\n )\n \n return (\n \n
\n \n
\n );\n};\n\nexport default PasswordTooltip;\n","import { toast } from 'react-toastify';\nimport { Dispatch } from 'redux';\nimport Errors from '../../../shared/validation/errors';\nimport { IInvestorsMassAction, IInvestorsMassAttach } from '../../../types/investorTypes';\n\nimport headersBuilder, { Method } from '../../../utils/request';\nimport setLoadingStatus from '../setLoadingStatus';\n\nexport const FETCH_MASS_ATTACH = 'FETCH_MASS_ATTACH';\nexport const FETCH_MASS_DEACTIVATION = 'FETCH_MASS_DEACTIVATION';\nexport const FETCH_MASS_DETACH = 'FETCH_MASS_DETACH';\n\nexport type MassAtachAction = {\n type: string;\n massAttach: IInvestorsMassAttach;\n};\n\nexport type MassDetachAction = {\n type: string;\n massDetach: IInvestorsMassAction;\n};\n\nexport type MassDeactivationAction = {\n type: string;\n massDeactivation: IInvestorsMassAction;\n};\n\n\nconst fetchMassAttach = (massAttach: IInvestorsMassAttach): MassAtachAction => {\n return {\n type: FETCH_MASS_ATTACH,\n massAttach\n };\n};\n\nconst fetchMassDetach = (massDetach: IInvestorsMassAction): MassDetachAction => {\n return {\n type: FETCH_MASS_DETACH,\n massDetach\n };\n};\n\nconst fetchMassDeactivation = (massDeactivation: IInvestorsMassAction): MassDeactivationAction => {\n return {\n type: FETCH_MASS_DEACTIVATION,\n massDeactivation\n };\n};\n\nconst massAttachInvestors = (api: string, request: IInvestorsMassAttach) => {\n return (dispatch: Dispatch): void => {\n dispatch(setLoadingStatus(true));\n fetch(`${api}/investors/attach`, headersBuilder(Method.POST, request))\n .then((response) => Errors.checkResponseForErrors(response, api))\n .then((massAttach: any) => {\n dispatch(fetchMassAttach(massAttach));\n toast.success('Request to server is sent successfully, check details of connection in response', {\n position: toast.POSITION.BOTTOM_RIGHT\n });\n })\n .catch((error) => Errors.throwErrorMessage(error))\n .finally(() => dispatch(setLoadingStatus(false)));\n }\n};\n\nexport const massDetachInvestors = (api: string, request: IInvestorsMassAction) => {\n return (dispatch: Dispatch): void => {\n dispatch(setLoadingStatus(true));\n fetch(`${api}/investors/detach`, headersBuilder(Method.POST, request))\n .then((response) => Errors.checkResponseForErrors(response, api))\n .then((massDetach: any) => {\n dispatch(fetchMassDetach(massDetach));\n toast.success('Request to server is sent successfully, check details of connection in response', {\n position: toast.POSITION.BOTTOM_RIGHT\n });\n })\n .catch((error) => Errors.throwErrorMessage(error))\n .finally(() => dispatch(setLoadingStatus(false)));\n }\n};\n\nexport const deactivateMassInvestors = (api: string, request: {}) => {\n return (dispatch: Dispatch): void => {\n dispatch(setLoadingStatus(true));\n fetch(`${api}/investors/deactivate`, headersBuilder(Method.POST, request))\n .then((response) => Errors.checkResponseForErrors(response, api))\n .then((massDeactivation: any) => {\n dispatch(fetchMassDeactivation(massDeactivation));\n toast.success('Request to server is sent successfully, check details of connection in response', {\n position: toast.POSITION.BOTTOM_RIGHT\n });\n })\n .catch((error) => Errors.throwErrorMessage(error))\n .finally(() => dispatch(setLoadingStatus(false)));\n }\n};\n\n\n\n\nexport default massAttachInvestors;\n","import { Dispatch } from 'redux';\nimport { toast } from 'react-toastify';\nimport Errors from '../../../shared/validation/errors';\nimport headersBuilder, { Method } from '../../../utils/request';\nimport setLoadingStatus from '../../actions/setLoadingStatus';\n\nexport const FETCH_STATEMENT_PERIODS_SETTINGS = 'FETCH_STATEMENT_PERIODS_SETTINGS';\nexport const FETCH_REPORT_PERIODS_SETTINGS = 'FETCH_REPORT_PERIODS_SETTINGS';\nexport const FETCH_PAYMENT_PERIODS_SETTINGS = 'FETCH_PAYMENT_PERIODS_SETTINGS';\n\nexport type FetchPeriodsSettings = {\n type: string;\n settings: string[];\n};\n\nconst getActionConst = (actionName: string): string => {\n switch (actionName) {\n case 'statementPeriods':\n return FETCH_STATEMENT_PERIODS_SETTINGS;\n case 'reportPeriods':\n return FETCH_REPORT_PERIODS_SETTINGS;\n case 'paymentPeriods':\n return FETCH_PAYMENT_PERIODS_SETTINGS;\n default:\n return 'unknown';\n }\n};\n\nconst fetchPeriodsSettings = (settings: string[], periodsType: string): FetchPeriodsSettings => {\n return {\n type: getActionConst(periodsType),\n settings\n };\n};\n\nconst fetchPeriodsSettingsAsync = (api: string, periodsType: string) => {\n return (dispatch: Dispatch): void => {\n dispatch(setLoadingStatus(true));\n \n fetch(`${api}/settings/${periodsType}`, headersBuilder(Method.GET))\n .then((response: Response) => Errors.checkResponseForErrors(response, api))\n .then((settings: any) => dispatch(fetchPeriodsSettings(settings[Object.keys(settings)[0]], periodsType)))\n .catch((error: Error) => Errors.throwErrorMessage(error))\n .finally(() => dispatch(setLoadingStatus(false)));\n }\n};\n\nexport const editPeriodsSettingsAsync = (api: string, request: any, periodsType: string) => {\n return (dispatch: Dispatch): void => {\n fetch(`${api}/settings/${periodsType}`, headersBuilder(Method.POST, request))\n .then((response: Response) => Errors.checkResponseForErrors(response, api))\n .then((settings: any) => {\n dispatch(fetchPeriodsSettings(settings[Object.keys(settings)[0]], periodsType));\n toast.success('Periods settings edited successfully!', {\n position: toast.POSITION.BOTTOM_RIGHT\n });\n })\n .catch((error: Error) => Errors.throwErrorMessage(error));\n }\n};\n\nexport default fetchPeriodsSettingsAsync;\n","module.exports = __webpack_public_path__ + \"assets/images/English.svg\";","module.exports = __webpack_public_path__ + \"assets/images/Deutsch.svg\";","module.exports = __webpack_public_path__ + \"assets/images/French.svg\";","module.exports = __webpack_public_path__ + \"assets/images/Portugal.svg\";","module.exports = __webpack_public_path__ + \"assets/images/Spanish.svg\";","module.exports = __webpack_public_path__ + \"assets/images/Russian.svg\";","module.exports = __webpack_public_path__ + \"assets/images/Arabian.svg\";","module.exports = __webpack_public_path__ + \"assets/images/Japan.svg\";","module.exports = __webpack_public_path__ + \"assets/images/Korean.svg\";","module.exports = __webpack_public_path__ + \"assets/images/Georgia.svg\";","module.exports = __webpack_public_path__ + \"assets/images/Chinese.svg\";","import { Dispatch } from 'redux';\nimport Errors from '../../../shared/validation/errors';\nimport headersBuilder, { Method } from '../../../utils/request';\nimport { OrderType } from '../../../types/sharedTypes';\nimport { setLoadingStatusClosedOrders, setLoadingStatusOpenOrders } from '../setLoadingStatus';\n\nexport const FETCH_OPEN_ORDERS = 'FETCH_OPEN_ORDERS';\nexport const FETCH_CLOSED_ORDERS = 'FETCH_CLOSED_ORDERS';\n\nexport type FetchOrdersAction = {\n type: string;\n orders: any;\n paginationInfo: any;\n}\n\nconst fetchOpenOrders = (orders: any, paginationInfo: any): FetchOrdersAction => {\n return {\n type: FETCH_OPEN_ORDERS,\n orders,\n paginationInfo\n };\n};\n\nconst fetchClosedOrders = (orders: any, paginationInfo: any): FetchOrdersAction => {\n return {\n type: FETCH_CLOSED_ORDERS,\n orders,\n paginationInfo\n };\n};\n\nconst fetchOrdersAsync = (\n api: string,\n source: string,\n type: OrderType,\n id?: number,\n page?: number,\n query?: string,\n limit?: number,\n sortField?: string,\n direction?: string,\n mtServerGuid?: string | undefined,\n): any => {\n let queryString = `?page=${page}`;\n let delimiter: string;\n\n if (limit) queryString += `&limit=${limit}`;\n if (sortField) queryString += `&sortField=${sortField}`;\n if (direction) queryString += `&direction=${direction}`;\n if (query) queryString += `&query=${query}`;\n if (mtServerGuid) queryString +=`&mtServerGuid=${mtServerGuid}`;\n\n if (id)\n delimiter = `${type === OrderType.Open ? OrderType.Open : OrderType.Closed}/${id}`;\n else\n delimiter = `${type === OrderType.Open ? OrderType.Open : OrderType.Closed}`\n\n return (dispatch: Dispatch): void => {\n if (type === OrderType.Open) {\n dispatch(setLoadingStatusOpenOrders(true));\n } else {\n dispatch(setLoadingStatusClosedOrders(true));\n }\n\n fetch(`${api}/${source === 'investors' ? 'investors' : 'masters'}/orders/${delimiter}${queryString}`, headersBuilder(Method.GET))\n .then((response: Response) => Errors.checkResponseForErrors(response, api))\n .then((data: any) => {\n if (type === OrderType.Open) {\n return dispatch(fetchOpenOrders(data.Data, data.PaginationInfo));\n }\n\n return dispatch(fetchClosedOrders(data.Data, data.PaginationInfo))\n })\n .catch((error: Error) => Errors.throwErrorMessage(error))\n .finally(() => {\n if (type === OrderType.Open) {\n dispatch(setLoadingStatusOpenOrders(false));\n } else {\n dispatch(setLoadingStatusClosedOrders(false));\n }\n })\n }\n};\n\n\nexport default fetchOrdersAsync;\n","interface IStatistics {\n Connected: boolean;\n StartTime: string;\n CurrentTime: string;\n TimeZone: string;\n}\n\nexport enum checkComponentsValues {\n Statistics = 'Statistics',\n MT5Worker = 'MT5Worker',\n MT4Worker = 'MT4Worker',\n InvestorsTradeSync = 'InvestorsTradeSync'\n}\n\nexport interface IMonitoringResponse {\n InvestorsTradeSync: Array\n
\n \n {requirements.map(renderRequirement)}\n
\n \n \n
\n \n
& ` ~ ^ * ( ) - _ = + { } [ ] ; : ' \" \\ | / ? < > . ,\n \n
\n & ` ~ ^ * ( ) - _ = + { } [ ] ; : ' \" \\ | / ? < > . ,\n \n
\n \n
\n\n\n \n \n \n {languages[currentLang] || languages.en}\n {Icons.DropdownIcon('gray', '1x')}\n \n\n {languagesItems} \n \n \n \n
\n \n \n \n \n {Icons.ArrowLeftIcon('black', 'sm')}\n \n \n \n
\n \n\n \n {/* Stop Out */}\n {(investor?.AccountOptions?.InvestorOpenOrdersTab === VisibilityExtendedToggle.Show\n || investor?.AccountOptions?.InvestorOpenOrdersTab === VisibilityExtendedToggle.OnlyProfit) && (\n \n
\n )}\n {/* Investments */}\n \n
\n\n {/* Equity */}\n {(investor?.AccountOptions?.InvestorOpenOrdersTab === VisibilityExtendedToggle.Show\n || investor?.AccountOptions?.InvestorOpenOrdersTab === VisibilityExtendedToggle.OnlyProfit) && (\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'));\nconst IframePage = React.lazy(() => import('../iframePage/IframePage'));\n\ninterface IAppRoutesProps {\n isAuthenticated: boolean;\n signInFunc: any;\n history: History;\n currentLang?: string;\n}\n\nconst fillRoutes = (\n routes: Array\n {/* {showMobileVersion ?
\n );\n\n if (user) {\n // ADMINISTRATOR (OLD INTERFACE (desktop only))\n if (user.AccountType === AccountType.Admin) {\n routes.push(\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 \n
\n \n \n ) : null}\n {sharedConfig?.RequestTab?.toString() !== 'false'\n ? (\n \n \n
\n \n \n ) : null}\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 \n {Icons.ArrowsAltH(customColorsGenUser.dark, 'sm')}\n \n \n
\n \n ) : null}\n\n {/* MASTER: Deposit/Withdrawal */}\n {/* It should use the Master's OwnFunds ID, instead of the Master's own ID */}\n {/* {user?.AccountType === AccountType.Master && user?.AccountInfo?.AccountOptions?.ShowMmOwnFunds === 'Show'\n ? (\n \n \n \n {Icons.ArrowsAltH(customColorsGenUser.dark, 'sm')}\n \n \n
\n \n ) : null} */}\n\n {/* INVESTOR: Credit In/Out */}\n {user?.AccountType === AccountType.Investor && investor?.AccountOptions?.InvestorCreditButton === 'Show'\n ? (\n \n \n \n {Icons.ArrowsAltH(customColorsGenUser.dark, 'sm')}\n \n \n
\n \n ) : null}\n\n {/* INVESTOR: DISCONNECT */}\n {user?.AccountType === AccountType.Investor && showDisconnectFromThisMasterWarning\n ? (\n \n \n \n
\n \n ) : null}\n\n {/* INVESTOR: AUTO DISCONNECT */}\n {user?.AccountType === AccountType.Investor && investor?.AccountOptions?.ChangeSlTpButton === 'Show'\n ? (\n \n \n \n
\n \n ) : null}\n\n\n {/* An empty space, if user IS Investor, but can't see their Credit button */}\n {/* {user?.AccountType === AccountType.Investor && investor?.AccountOptions?.InvestorCreditButton === 'Hide'\n ? (\n \n {/* space */}\n {/*
*/}\n {/* ) : null} */}\n\n {/* MASTER: Credit In/Out */}\n {/* {user?.AccountType === AccountType.Master && user?.AccountInfo?.AccountOptions?.ShowMmOwnFunds === 'Show'\n ? (\n \n \n \n {Icons.ArrowsAltH(customColorsGenUser.dark, 'sm')}\n \n \n
\n \n ) : null} */}\n {/* An empty space, if user IS Master, but can't see their OwnFunds account */}\n {/* {user?.AccountType === AccountType.Master && user?.AccountInfo?.AccountOptions?.ShowMmOwnFunds === 'Hide'\n ? (\n \n {/* space */}\n {/*
*/}\n {/* ) : null} */}\n\n {/* MASTER and INVESTOR: Orders Commissions */}\n\n \n \n \n {Icons.DollarSignIcon(customColorsGenUser.dark, 'sm')}\n \n \n
\n \n\n\n {/* MASTER: Connected Investors */}\n {user?.AccountType === AccountType.Master && user?.AccountInfo?.AccountOptions?.MmConnectedInvestors === 'Show'\n ? (\n \n \n \n {Icons.UsersIcon(customColorsGenUser.dark, 'sm')}\n \n \n
\n \n ) : (\n \n {/* space */}\n
\n )}\n\n\n {/* History: Always show for INVESTOR and MASTER */}\n \n \n \n {Icons.HistoryIcon(customColorsGenUser.dark, 'sm')}\n \n \n
\n \n\n {/* Statements: Condition for INVESTOR, but always show for MASTER */}\n {investor?.AccountOptions?.InvestorStatementButton === 'Show' || user?.AccountType === AccountType.Master\n ? (\n \n \n \n {Icons.FileAltIcon(customColorsGenUser.dark, 'sm')}\n \n \n
\n \n ) : (\n \n {/* space */}\n
\n )}\n\n {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n \n \n {Icons.CircleIcon('lightgrey', '2x')}\n \n \n {linkedAccount?.Name}\n \n
\n \n : null}\n \n );\n }\n\n return true;\n })\n\n return (\n
onLangChange(lang)}>\n
\n : null}\n
\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 } as React.CSSProperties; \n\n return (\n \n \n
\n\n {index === Object.keys(languages).length\n ? \n : null}\n
\n
\n \n \n
\n \n );\n};\n\nexport default ConfirmConnectToMasterMenu;\n","export const getOperationsMenuHeight = (userType: string, accountOptions: any): any => {\n const regularButton = 59.5; // Height in pixels WITH bottom margin\n const separationButton = 91.5; // Height in pixels WITHOUT bottom margin\n\n let height = 0;\n\n if (userType === 'investor') {\n // Deposit/Withdrawal\n if (accountOptions.InvestorWithdrawButton === 'Show' && accountOptions.InvestorCreditButton === 'Show') {\n height += regularButton;\n }\n if (accountOptions.InvestorWithdrawButton === 'Show' && accountOptions.InvestorCreditButton === 'Hide') {\n height += separationButton;\n }\n\n if (accountOptions.InvestorCreditButton === 'Show' && accountOptions.InvestorWithdrawButton === 'Show') {\n height += regularButton;\n }\n if (accountOptions.InvestorCreditButton === 'Show' && accountOptions.InvestorWithdrawButton === 'Hide') {\n height += separationButton;\n }\n\n // Disconnect button\n if (accountOptions.Disconnect !== 'Off') {\n height += regularButton;\n }\n\n // Commissions button\n if (accountOptions.OrdersCommissions === 'Show') {\n height += separationButton;\n }\n\n // History button\n height += regularButton;\n\n // Statements button\n if (accountOptions.InvestorStatementButton === 'Show') {\n height += separationButton;\n } else {\n // History becomes a separationButton\n height -= regularButton;\n height += separationButton;\n }\n\n // Language button\n height += regularButton;\n\n // Padding top and bottom\n height += 100;\n }\n\n if (userType === 'master') {\n // Deposit button\n height += regularButton;\n\n // Withdrawal button\n height += separationButton;\n\n // Commissions button\n if (accountOptions.OrdersCommissions === 'Show') {\n height += separationButton;\n }\n\n // Connected Investors button\n if (accountOptions.MmConnectedInvestors === 'Show') {\n height += regularButton;\n }\n\n // History button\n height += regularButton;\n\n // Statements button\n height += separationButton;\n\n // Language button\n height += regularButton;\n }\n\n // Padding top and bottom\n height += 110;\n\n return height;\n};\n","/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React from 'react';\nimport { Button } from 'react-bootstrap';\nimport { useHistory } from 'react-router-dom';\nimport { History } from 'history';\nimport { FormattedMessage, useIntl } from 'react-intl';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { createRequestToDetachInvestor } from '../../redux/actions/investor/detachInvestor';\nimport { PAMMState } from '../../redux/reducers/rootReducer';\nimport { Investor } from '../../types/investorTypes';\nimport { Master } from '../../types/masterTypes';\nimport { setDisconnectFromMasterConfirmationStatus } from '../../redux/actions/setMobileMenusStatus';\nimport { spaceSeparatedThousands } from '../../utils/number';\nimport { getEquityOverInvestmentsCredit } from '../../utils/value';\nimport getCurrencySymbol from '../../utils/currency';\nimport { VisibilityExtendedToggle } from \"../../types/toggles\";\n\nconst ConfirmDisconnectFromMasterMenu: React.FC\n
\n {(investor?.AccountOptions?.InvestorOpenOrdersTab === VisibilityExtendedToggle.Show\n || investor?.AccountOptions?.InvestorOpenOrdersTab === VisibilityExtendedToggle.OnlyProfit) && (\n \n \n {`${intl.formatMessage({id: 'investorDetails.balanceIndicators.equity'})}: ${currency}${spaceSeparatedThousands(investor?.Equity)} (${getEquityOverInvestmentsCredit(investor)} %)`}\n \n {/* \n {`${intl.formatMessage({id: 'investorDetails.balanceIndicators.disconnectEquity'})}: ${currency}${spaceSeparatedThousands(investor?.DisconnectEquity)}`}\n */}\n
\n )}\n \n \n
\n\n \n );\n};\n\nexport default ConfirmDisconnectFromMasterMenu;\n","const getLinkedAccountsMenuMobileHeight = (height: number): number | string => {\n return 100 + (height * 78);\n};\n\nexport default getLinkedAccountsMenuMobileHeight;","/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable react/button-has-type */\nimport React from 'react';\nimport { useSelector } from 'react-redux';\nimport { FormattedMessage } from 'react-intl';\nimport tfbStoreTitle from '../../icons/tfb-store-title.svg'\nimport tfbStoreClose from '../../icons/tfb-store-close.svg'\nimport styles from './styles/StorePopupModal.module.css'\nimport { PAMMState } from '../../redux/reducers/rootReducer';\n\nconst StorePopupModal = () => {\n\n const redirectButton: string | undefined = useSelector((state: PAMMState) => state.configReducer?.tfbStorePopupModal?.redirectButton);\n\n const modalRef = React.useRef(null);\n\n const showTfbStorePopupModal: boolean = useSelector((state: PAMMState) => state.configReducer.tfbStorePopupModal.showTfbStorePopupModal);\n\n const [isOpen, setIsOpen] = React.useState(showTfbStorePopupModal);\n\n const closeModal = () => {\n localStorage.setItem('closedStorePopupModal', 'closed')\n setIsOpen(false);\n };\n\n const handleRedirect = (url: string) => {\n if (url) {\n window.open(url, '_blank', 'noopener,noreferrer');\n closeModal();\n }\n };\n\n React.useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (modalRef.current && !((modalRef.current as unknown) as HTMLElement).contains(event.target as Node)) {\n closeModal();\n }\n };\n\n document.addEventListener('mousedown', handleClickOutside);\n\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, []);\n\n return (\n \n {isOpen && (\n
\n );\n};\n\nexport default StorePopupModal;\n","import React from 'react';\nimport { IntlProvider, FormattedMessage } from 'react-intl';\nimport { AppNavbar, AppSideBar, IconItem } from '@t4b/core';\nimport { ToastContainer } from 'react-toastify';\nimport { useHistory, useLocation } from 'react-router-dom';\nimport { History, Location } from 'history';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { OverlayScrollbarsComponent } from 'overlayscrollbars-react';\nimport { Nav, Modal, Row } from 'react-bootstrap';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faSignOutAlt, faBars, faUsers, faCogs, faUserPlus, faBook, faChartArea, faExchangeAlt, faList, faUserTie, faPercent, faHandHoldingDollar, faDesktop, faNetworkWired, faFileLines} from '@fortawesome/free-solid-svg-icons';\nimport GenUserNavbar from './components/generalUser/GenUserNavbar';\nimport { APP_LOGO } from './const/logo.const';\nimport LocalStorageUtils from './utils/local-storage';\nimport { loginUserAsync, logoutUserAsync, removeJwt } from './redux/actions/auth';\nimport fetchConfigAsync, { fetchLanguageJSONAsync } from './redux/actions/shared/fetchConfig';\nimport AppRoutes from './components/routes/Routes';\nimport useWindowResize from './hooks/useWindowSize';\nimport { mobileWidth } from './const/size.const';\nimport BottomBarMobile from './components/mobile/BottomBarMobile';\nimport { PAMMState } from './redux/reducers/rootReducer';\nimport OperationsMenuMobile from './components/mobile/OperationsMenuMobile';\nimport LinkedAccountsMenu from './components/mobile/LinkedAccountsMenuMobile';\nimport LanguagesMenu from './components/mobile/LanguagesMenuMobile';\nimport ConfirmConnectToMasterMenu from './components/mobile/ConfirmConnectToMasterMenuMobile';\nimport { setOpsMenuStatus, setLinkedAccountsMenuStatus, setLanguagesMenuStatus, setConnectToMasterConfirmationStatus, setDisconnectFromMasterConfirmationStatus } from './redux/actions/setMobileMenusStatus';\nimport { Investor } from './types/investorTypes';\nimport { AccountType } from './types/authTypes';\nimport { getOperationsMenuHeight } from './utils/operationsMenuMobile';\nimport ConfirmDisconnectFromMasterMenu from './components/mobile/ConfirmDisconnectFromMasterMenuMobile';\nimport getLinkedAccountsMenuMobileHeight from './utils/linkedAccountsMenuMobile';\nimport { shadowBox } from './styles/styles';\nimport StorePopupModal from './components/shared/StorePopupModal';\n\nconst App: React.FC = () => {\n const dispatch: any = useDispatch();\n const history: History = useHistory();\n const location: Location = useLocation();\n const [width, height] = useWindowResize();\n\n const langJSON = useSelector((state: PAMMState) => state.configReducer.langFile);\n\n // START \"AppNavbar\" related\n const api = useSelector((state: PAMMState) => state.configReducer.api);\n const [currentLang, setLang] = React.useState\n
\n )}\n \n handleRedirect(redirectButton)}\n >\n \n \n
\n \n 
\n 
\n
\n \n \n
\n \n \n
\n