- {response.data.Errors.map(errItem =>
- {errItem.Message} )}
\n
);\n }\n \n // availableAmount === undefined, поддержка старой логики с валидацией.\n // По FreeMargin, проверяется передана ли сумма\n //\n // freeMarginAmount.value === null, значит, что используется новая логика. \n // С бэкенда всегда приходит null, если нет free margin\n if(availableAmount === undefined && freeMarginAmount.value === null){\n return <>;\n }\n\n const sum = availableAmount === undefined ? Number(freeMarginAmount.value) : availableAmount;\n\n return (\n \n { withdrawLabelText \n ??
);\n};\n\nFreeMarginAmount.propTypes = {\n currency: PropTypes.string,\n availableAmount: PropTypes.number,\n withdrawLabelText: PropTypes.string,\n finalPrecision: PropTypes.number\n};\n\nexport default FreeMarginAmount;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles, createStyles } from '@material-ui/core/styles';\n\n\n// eslint-disable-next-line no-unused-vars\nconst useStyles = makeStyles(theme => createStyles({\n\teditable: {\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tgap: '10px',\n\t\tmarginBottom: '20px',\n\t},\n\teditValue: {\n\t\tflexGrow: 2,\n\t},\n}));\n\nconst CustomEditableItem = (props) => {\n\tconst {\n\t\tvalueControl,\n\t\teditControl,\n\t} = props;\n\tconst classes = useStyles(props);\n\treturn (\n\t\t\n\t\t\t
\n\t);\n};\n\nCustomEditableItem.propTypes = {\n\tclasses: PropTypes.object,\n\tvalueControl: PropTypes.oneOfType([\n\t\tPropTypes.node,\n\t\tPropTypes.string,\n\t]).isRequired,\n\teditControl: PropTypes.oneOfType([\n\t\tPropTypes.node,\n\t\tPropTypes.string,\n\t]),\n};\nCustomEditableItem.defaultProps = {\n\teditControl: undefined,\n\tclasses: {},\n};\nexport default CustomEditableItem;\n","import React from 'react';\nimport NumberFormat from 'react-number-format';\nimport { FormInput } from '@dev2t/react-ui-kit/src';\nimport { Field } from 'redux-form';\nimport compose from 'recompose/compose';\nimport { withStyles } from '@material-ui/core/styles';\nimport { translate } from '@global';\n\nconst styles = theme => ({\n\terror: {\n\t\tcolor: theme.palette.error.main,\n\t\tmargin: '5px 0px',\n\t}\n});\n\nconst TotpCodeInput = ({\n\tinputRef,\n\tinput: {\n\t\tonChange,\n\t\tonFocus,\n\t\tonBlur,\n\t\tvalue,\n\t},\n\tmeta: {\n\t\ttouched,\n\t\terror,\n\t\twarning,\n\t},\n\tclasses,\n\t...restProps\n}) => {\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t{valueControl}\n\t\t\t
\n\t\t\t{editControl}\n\t\t{error || warning}
}\n\t\t\n\t);\n}\n\nconst StyledTotpCodeInput = compose(\n\twithStyles(styles),\n)(TotpCodeInput);\n\nconst validate = (value) => {\n\tif (!value) {\n\t\treturn translate('shared_totp_input_validation_is_required', 'Enter security code');\n\t}\n\n\tif (value.length < 6) {\n\t\treturn translate('shared_totp_input_validation_length', 'Code must contain 6 digits');\n\t}\n\treturn null;\n}\n\nconst TotpCodeField = ({\n\tname,\n\t...props\n}) => {\n\n\treturn (\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{submitting ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t: translate('reset_form_send', 'Send')\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n}\n\nexport default compose(\n\twithTheme,\n\twithStyles(styles),\n\treduxForm({\n\t\tform: RESET_BY_OPERATOR_FORM_ID,\n\t\tvalidate: ResetByOperatorForm.validate,\n\t\tonSubmitSuccess: (result, dispatch, props) => {\n\t\t\tif (props.onSuccess && (typeof props.onSuccess === 'function')) {\n\t\t\t\tprops.onSuccess();\n\t\t\t}\n\t\t},\n\t}),\n)(ResetByOperatorForm);\n","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport compose from 'recompose/compose';\nimport PropTypes from 'prop-types';\nimport SafeComponent from 'react-safe-component';\nimport { toUsaFormat } from '@global';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { constants, env } from '@config';\nimport { OperationType } from '@enums';\nimport { R } from '@dev2t/react-ui-kit/src/components';\n\nconst styles = theme => ({\n\troot: {\n\t\tdisplay: 'flex',\n\t},\n\tleftEmptyColumn: {\n\t\twidth: '40px',\n\t},\n\tleftColumn: {\n\t\tdisplay: 'flex',\n\t\tflexDirection: 'column',\n\t\talignContent: 'center',\n\t\tjustifyContent: 'center',\n\t},\n\tlogoColumn: {\n\t\tdisplay: 'flex'\n\t},\n\tlogoIcon: {\n\t width: '40px',\n \theight: '40px',\n \talignSelf: 'center',\n\t},\n\tmiddleColumn: {\n\t\tmarginLeft: '5px',\n\t\tflexGrow: '2',\n\t\tdisplay: 'flex',\n\t\tflexDirection: 'column',\n\t\talignContent: 'center',\n\t\tjustifyContent: 'center',\n\t},\n\trightColumn: {\n\t\tdisplay: 'flex',\n\t\talignContent: 'center',\n\t\tjustifyContent: 'flex-start',\n\t\ttextAlign: 'right',\n\t},\n\ttitle: {\n\t\t...theme.customstyles.body,\n\t\tcolor: theme.palette.text.primary,\n\t},\n\ttitleSymbol: {\n\t\t...theme.customstyles.body,\n\t\tcolor: theme.palette.text.primary,\n\t\tfontSize: '18px',\n\t},\n\tdate: {\n\t\t...theme.customstyles.body,\n\t\tcolor: theme.palette.text.secondary,\n\t},\n\tamount: {\n\t\t...theme.customstyles.body,\n\t\tcolor: theme.palette.text.primary,\n\t\tfontSize: '18px',\n\t},\n\tstatus: {\n\t\t...theme.customstyles.body,\n\t},\n\tamountData: {\n\t\tdisplay: 'flex',\n\t\tflexDirection: 'column',\n\t\talignContent: 'center',\n\t\tjustifyContent: 'center',\n\t\ttextAlign: 'right',\n\t},\n\tred: {\n\t\tcolor: theme.palette.error.main,\n\t},\n\tgreen: {\n\t\tcolor: theme.palette.success.main,\n\t},\n\tblack: {\n\t\tcolor: theme.palette.text.primary,\n\t},\n\tgrey: {\n\t\tcolor: theme.palette.text.secondary,\n\t},\n});\n\nclass CYFundItem extends React.Component {\n\trender() {\n\t\tconst {\n\t\t\titem,\n\t\t\tclasses,\n\t\t} = this.props;\n\n\t\tconst colorCssClass = classNames({\n\t\t\t[classes.red]: item.Color === 'red',\n\t\t\t[classes.green]: item.Color === 'green',\n\t\t\t[classes.black]: item.Color === 'black',\n\t\t\t[classes.black]: item.Color === 'gray',\n\t\t});\n\n\t\tconst displayStatusColor = classNames({\n [classes.red]: item.Status === 'REVOKE' || item.Status === 'CANCEL',\n [classes.green]: item.Status === 'EXECUTE'\n });\n\n\t\tlet fundTitle;\n\t\tif ([constants.LIME_LME, constants.FIRM_J2TX].some(x => x === env.firm)) {\n\t\t\tfundTitle = item.DisplayTitle;\n\t\t\tif (item.Type === 'Output' && item.Amount > 0) {\n\t\t\t\titem.Amount = -item.Amount;\n\t\t\t}\n\t\t} else {\n\t\t\tfundTitle = item.Type;\n\t\t\tswitch (item.Type) {\n\t\t\t\tcase 'AssignmentOrder':\n\t\t\t\t\tfundTitle = 'Assignment Order';\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'ClientPasswordChange':\n\t\t\t\t\tfundTitle = 'Client\\'s Password Change';\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'Output':\n\t\t\t\t\tif (item.Amount > 0) {\n\t\t\t\t\t\titem.Amount = -item.Amount;\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\n\t\t\t\tdefault:\n\t\t\t\t\tfundTitle = item.Type;\n\t\t\t}\n\t\t}\n\n\t\tlet amount = '';\n\t\tif (item.Amount != null) {\n\t\t\tif (item.Amount !== 0 && item.RawType !== 'AccountsTransfer') {\n\t\t\t\tamount = item.Amount > 0 ? '+' : '-';\n\t\t\t}\n\t\t\tamount += toUsaFormat(Math.abs(item.Amount));\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nCYFundItem.propTypes = {\n\titem: PropTypes.object.isRequired,\n};\n\nexport default compose(\n\twithStyles(styles),\n\tSafeComponent,\n)(CYFundItem);","import React from 'react';\nimport { makeStyles, createStyles } from '@material-ui/core/styles';\n\n\nconst useStyles = makeStyles(theme => {\n\n\tlet rootStyle = {\n\t\tmargin: '24px 74px',\n\t\tpadding: '10px 16px',\n\t\tborderRadius: '4px',\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tjustifyContent: 'space-between',\n\t\t[theme.breakpoints.down('sm')]: {\n\t\t\tmargin: '24px 0',\n\t\t\tpadding: '10px 16px',\n\t\t},\n\t};\n\n\treturn createStyles({\n\t\tsuccess: {\n\t\t\t...rootStyle,\n\t\t\tbackgroundColor: theme.palette.success.light,\n\t\t},\n\t\twarning: {\n\t\t\t...rootStyle,\n\t\t\tbackgroundColor: theme.palette.warning.main,\n\t\t},\n\t\tcontent: {\n\t\t\t...theme.customstyles.body,\n\t\t\tcolor: theme.palette.text.primary,\n\t\t\tmargin: '1em auto',\n\t\t},\n\t\ttext: {\n\t\t\tmarginRight: '5px',\n\t\t\t[theme.breakpoints.down('sm')]: {\n\t\t\t\tdisplay: 'block',\n\t\t\t},\n\t\t},\n\t});\n});\n\n\nexport const PaymentGateCallback = ({title}) => {\n\n\tconst classes = useStyles();\n\n\treturn ( \n\t\t\n\t\t\t\t\t{item.Symbol &&\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t{item.Symbol}\n\t\t\t\t\t\t
\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\t{fundTitle}\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{/* american time zone (no utc) */}\n\t\t\t\t\t\t{moment.utc(item.Date).local().format('D MMM YYYY')}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{amount &&\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\t{item.DisplayStatus &&\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{amount + ' ' + item.Currency}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{item.DisplayStatus}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t{title === 'success' &&\n\t\t\t\t
\n\t);\n}","/* eslint-disable import/extensions */\r\nimport React from 'react';\r\nimport { auth, app } from '@redux';\r\nimport { connect } from 'react-redux';\r\nimport * as qs from 'query-string';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { compose } from 'recompose';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport {\r\n\tA,\r\n} from '@components';\r\nimport { constants, env } from '@config';\r\nimport { template } from '@templates';\r\nimport { AutoLogin, AutoLoginDemo, LoginForm, LoginFormLocal } from './components';\r\nimport { SelectLanguage, R } from '@dev2t/react-ui-kit/src/components';\r\n\r\nconst styles = theme => ({\r\n\t'@global': {\r\n\t\tbody: {\r\n\t\t\t// backgroundColor: theme.palette.common.white,\r\n\t\t},\r\n\t},\r\n\tcontainer: {\r\n\t\ttextAlign: 'center',\r\n\t\tmarginTop: '42px',\r\n\t},\r\n\tlogo: {\r\n\t\twidth: '100%',\r\n\t\t[theme.breakpoints.down('sm')]: {\r\n\t\t\twidth: '312px',\r\n\t\t},\r\n\t\theight: '100%',\r\n\t\t[theme.breakpoints.down('xs')]: {\r\n\t\t\tmaxHeight: '150px',\r\n\t\t},\r\n\t\tcolor: theme.palette.text.primary,\r\n\t\tstroke: theme.palette.text.primary,\r\n\t},\r\n\tlmeLogo: {\r\n\t\tmaxWidth: '280px',\r\n\t},\r\n\tj2txLogo: {\r\n\t\tmaxWidth: '280px',\r\n\t},\r\n\tlimeLogo: {\r\n\t\tmarginBottom: '32px',\r\n\t},\r\n\tnsrLogo: {\r\n\t},\r\n\ttext: {\r\n\t\t...theme.customstyles.headline2,\r\n\t\tcolor: theme.palette.text.primary,\r\n\t},\r\n\tlanguageSelector: {\r\n\t\tposition: 'fixed',\r\n\t\ttop: '10px',\r\n\t\tright: '10px',\r\n\t},\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n\tactions: {\r\n\t\tsetAfterAuthUrl: payload => dispatch(auth.actions.setAfterAuthUrl(payload)),\r\n\t\tonChangeLanguage: lang => dispatch(app.actions.changeLanguage.request(lang)),\r\n\t},\r\n});\r\n\r\nconst mapStateToProps = state => ({\r\n\tlanguage: app.selectors.language(state),\r\n});\r\n\r\nclass LoginView extends React.Component {\r\n\tcomponentDidMount() {\r\n\t\tconst { actions, location } = this.props;\r\n\r\n\t\tactions.setAfterAuthUrl(location.pathname + location.hash);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\tlocation,\r\n\t\t\tactions,\r\n\t\t\tlanguage,\r\n\t\t} = this.props;\r\n\r\n\t\tconst parsedQueryString = qs.parse(location.search);\r\n\r\n\t\treturn (\r\n\t\t\t\n\t\t\t\t\t
\n\t\t\t}\n\t\t\t{title === 'fail' &&\n\t\t\t\t\n\t\t\t\t\t\tThe transaction was successful.\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\tThe funds will be credited to your account in a few minutes.\n\t\t\t\t\t\t \tOtherwise contact your manager or send your request to the e-mail support@int.lime.co\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t}\n\t\t\t{title === 'complete' &&\n\t\t\t\t\n\t\t\t\t\t\tError occured when funding an account.\n\t\t\t\t\t\tUse one of the alternative ways to retry.\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t}\n\t\t\n\t\t\t\t\t\tAccount funding is completed.\n\t\t\t\t\t
\n\t\t\t\t\r\n\t\t\t\t\t\t{template.loginLogo &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{(parsedQueryString && parsedQueryString.autologin)\r\n\t\t\t\t\t\t? \n\t\t\t{canEnterCode && (\n\t\t\t\t<>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{showPassword ? \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t
\n\t);\n};\n\n// чтобы в хуках и в логике основного компонента не предусматривать возможность отсутствия данных,\n// ставим заглушку, пока данные не подгрузились\nconst RequireConfirmationCodeItemSettingsWrapper = ({ classes, ...props}) => {\n\tconst dispatch = useDispatch();\n\n\tuseEffect(() => {\n\t\tdispatch(auth.actions.getConfirmationCodeSettings.request());\n\t}, [])\n\n\tconst settings = useSelector(state => state.auth.confirmationCodeSettings);\n\n\tif (!settings) return (\n\t\t\n\t\t\t\t\t\t{customHasConfirmationCodeShowChangeTypeText &&
\n\t\t\t\t\t{customHasConfirmationCodeShowChangeTypeText}
}\n\t\t\t\t\t\t{countdownText}
\n\t\t\t\t\t\n\t\t\t\t\t\t{children}\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t)}\n\t\t\t\n\t\t\t\t{showHint && ({ value: x.value, text: x.title }))}\n\t\t\t\t\t\t\tvalue={confirmationType}\n\t\t\t\t\t\t\tonChange={onConfirmationTypeChange}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{optionsForCurrentAttempt.map(x => (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t
\n\t\t\t{canSendNow && (\n\t\t\t\t{customHasConfirmationCodeShowChangeTypeText ?? hintText}
}\n\t\t\t\t{showOptions && (\n\t\t\t\t\tconfirmationTypeFieldName ? (\n\t\t\t\t\t\t\n\t\t\t\t\t{isAdditionalFieldsVisible\n\t\t\t\t\t\t? additionalFieldsForEmail\n\t\t\t\t\t\t: \n\t\t\t\t\t\t\t{submitTitle}\n\t\t\t\t\t\t}\n\t\t\t\t
\n\t\t\t)}\n\t\t\n\t\t\t
\n\t);\n\n\tconst sequence = settings.SequenceOfMessageTypesByAttempt.map(attempt => attempt.map(x => {\n\t\tswitch (x)\n\t\t{\n\t\t\t//enum приходит в виде number\n\t\t\tcase 1: return AllowedConfirmationCodeMessageType.EMAIL;\n\t\t\tdefault: return AllowedConfirmationCodeMessageType.SMS;\n\t\t}\n\t}));\n\n\treturn \n\t\t\t\t\t\t
\n\t\t\t\t))}\n\n\t\t\t\t\n\t\t\t\t\t\t\t
\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t{step === 'failed' &&\n\t\t\t\t\t\t setStep('succeeded')}\n\t\t\t\t\t\t\tonSubmitFail={() => setStep('failed')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t\t{step === 'succeeded' &&\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t{translate('reset_form_success_message_first', 'Change password completed.')}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{translate('reset_form_success_message_second', 'Go to login page.')}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t{disabledText}
\n\t\t\t\t) : (\n\t\t\t\t\t{activeText}\n\t\t\t\t)}\n\t\t\t\n\t\t);\n\t}\n}\n\nChangeLink.propTypes = {\n\tclasses: PropTypes.object.isRequired,\n\tonClick: PropTypes.func.isRequired,\n\tdisabled: PropTypes.bool,\n\tactiveLinkText: PropTypes.string,\n\tinactiveLinkText: PropTypes.string,\n\tclassName: PropTypes.string,\n};\n\n\nChangeLink.defaultProps = {\n\tactiveLinkText: undefined,\n\tinactiveLinkText: undefined,\n\tdisabled: false,\n\tclassName: undefined,\n};\n\nexport default compose(\n\twithTheme,\n\twithStyles(styles),\n)(ChangeLink);\n","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Link as RouterLink } from 'react-router-dom';\n\nconst styles = theme => ({\n\troot: {\n\t\ttextDecoration: 'none',\n\t\tcursor: 'pointer',\n\t},\n\tdefault: {\n\t\tcolor: theme.palette.primary.light,\n\t},\n\twhite: {\n\t\tcolor: 'white',\n\t},\n\tupper: {\n\t\ttextTransform: 'uppercase',\n\t},\n});\n\nconst Link = ({\n\tclasses,\n\tupper,\n\thref,\n\tto,\n\t...props\n}) => {\n\tconst cssClasses = classNames({\n\t\t[classes.root]: true,\n\t\t[classes.default]: props.color === 'default',\n\t\t[classes.white]: props.color === 'white',\n\t\t[classes.upper]: upper,\n\t});\n\n\treturn (\n\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nInputNumberFormat.propTypes = {\r\n\tformat: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).isRequired,\r\n\tmask: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\r\n\tonChange: PropTypes.func.isRequired,\r\n\tonBlur: PropTypes.func,\r\n\tremoveFormatting: PropTypes.func,\r\n};\r\nInputNumberFormat.defaultProps = {\r\n\tonBlur: null,\r\n};\r\n\r\nInputNumberFormat.defaultProps = {\r\n\tformat: '####',\r\n\tmask: ['R', 'T', 'F', 'M'],\r\n\tremoveFormatting: null,\r\n};\r\n\r\nexport default compose(withStyles(styles))(InputNumberFormat);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { InputNumberFormat } from '@components';\r\nimport { phoneCodes } from './phoneCodes';\r\n\r\nclass InputPhoneNumber extends React.Component {\r\n\tstatic masksSort(maskList) {\r\n\t\tmaskList.sort((a, b) => {\r\n\t\t\tlet ia = 0;\r\n\t\t\tlet ib = 0;\r\n\t\t\tconst match = /[0-9#]/;\r\n\t\t\tconst key = 'mask';\r\n\r\n\t\t\tfor (; (ia < a[key].length && ib < b[key].length);) {\r\n\t\t\t\tconst cha = a[key].charAt(ia);\r\n\t\t\t\tconst chb = b[key].charAt(ib);\r\n\t\t\t\tif (!match.test(cha)) {\r\n\t\t\t\t\tia += 1;\r\n\t\t\t\t} else if (!match.test(chb)) {\r\n\t\t\t\t\tib += 1;\r\n\t\t\t\t} else if ((cha !== '#') && (chb === '#')) {\r\n\t\t\t\t\treturn -1;\r\n\t\t\t\t} else if ((cha === '#') && (chb !== '#')) {\r\n\t\t\t\t\treturn 1;\r\n\t\t\t\t} else if (cha !== chb) {\r\n\t\t\t\t\treturn cha < chb ? -1 : 1;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tia += 1;\r\n\t\t\t\t\tib += 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tfor (; (ia < a[key].length || ib < b[key].length);) {\r\n\t\t\t\tif (ia < a[key].length && !match.test(a[key].charAt(ia))) {\r\n\t\t\t\t\tia += 1;\r\n\t\t\t\t} else if (ib < b[key].length && !match.test(b[key].charAt(ib))) {\r\n\t\t\t\t\tib += 1;\r\n\t\t\t\t} else if (ia < a[key].length) {\r\n\t\t\t\t\treturn 1;\r\n\t\t\t\t} else if (ib < b[key].length) {\r\n\t\t\t\t\treturn -1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (a.length < b.length) return -1;\r\n\t\t\tif (a.length > b.length) return 1;\r\n\r\n\t\t\treturn 0;\r\n\t\t});\r\n\t\treturn maskList;\r\n\t}\r\n\r\n\tstatic applyMask(maskTemplate, val, maskOpts, defs) {\r\n\t\tlet index = 0;\r\n\t\tlet pass = true;\r\n\t\tlet maskIndex = 0;\r\n\r\n\t\tmaskTemplate.mask.split('').some((chm, im) => {\r\n\t\t\tif (index >= val.length) return true;\r\n\t\t\tif (!maskOpts.match.test(chm) && !(chm in defs)) {\r\n\t\t\t\tmaskIndex = im;\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\tif (((chm in defs) && defs[chm].test(val[index])) || (val[index] === chm)) {\r\n\t\t\t\tindex += 1;\r\n\t\t\t\tmaskIndex = im;\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\tpass = false;\r\n\t\t\treturn true;\r\n\t\t});\r\n\r\n\t\tif (pass && index === val.length) {\r\n\t\t\treturn {\r\n\t\t\t\tmask: maskTemplate.mask.replace(new RegExp([maskOpts.match.source].concat('#').join('|'), 'g'), maskOpts.replace),\r\n\t\t\t\tobj: maskTemplate,\r\n\t\t\t\tdetermined: maskTemplate.mask.substr(maskIndex + 1).search(maskOpts.match) === -1,\r\n\t\t\t\tcompleted: maskTemplate.mask.substr(maskIndex + 1).search(maskOpts.replace) === -1,\r\n\t\t\t};\r\n\t\t}\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.maskList = InputPhoneNumber.masksSort(phoneCodes);\r\n\t\tthis.current = {\r\n\t\t\tformatted: '',\r\n\t\t\tunformatted: '',\r\n\t\t\tmatch: {\r\n\t\t\t\tmask: '+#(###)###-####',\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tthis.detectPhone = this.detectPhone.bind(this);\r\n\t}\r\n\r\n\tonRemoveFormatting = (formattedValue) => {\r\n\t\tconst { hideNumberMode, disabled, readOnly } = this.props;\r\n\t\tif (this.current.formatted === formattedValue) {\r\n\t\t\treturn this.current.unformatted;\r\n\t\t}\r\n\t\tif (hideNumberMode && (disabled || readOnly)) {\r\n\t\t\treturn formattedValue.replace(/[^0-9\\*]/g, '').replace(/\\*+/g, '*');\r\n\t\t}\r\n\t\treturn formattedValue.replace(/[^0-9]/g, '');\r\n\t}\r\n\r\n\tonFormatDetect = (unformatted) => {\r\n\t\tconst { hideNumberMode, disabled, readOnly } = this.props;\r\n\t\tif (this.current.unformatted === unformatted) {\r\n\t\t\treturn this.current.formatted;\r\n\t\t}\r\n\r\n\t\tconst match = this.detectPhone(unformatted);\r\n\t\tlet unformattedVal = unformatted;\r\n\t\tif (hideNumberMode && match && unformatted && unformatted.indexOf('*') >= 0) {\r\n\t\t\tconst lenMask = match.mask.split('').filter(s => s === '#').length;\r\n\t\t\tconst lenVal = unformatted.split('').filter(s => new RegExp(/[0-9]/).test(s)).length;\r\n\t\t\tif (lenMask > lenVal) {\r\n\t\t\t\tunformattedVal = unformatted.replace(/\\*+/, new Array(lenMask - lenVal + 1).join('*'));\r\n\t\t\t}\r\n\t\t}\r\n\t\tlet index = 0;\r\n\t\tlet mtxt = '';\r\n\t\tconst mask = match ? match.mask : this.current.match.mask;\r\n\t\tmask.split('').forEach((char) => {\r\n\t\t\tif ((char === '#') && (index < unformattedVal.length)) {\r\n\t\t\t\tmtxt += unformattedVal[index];\r\n\t\t\t\tindex += 1;\r\n\t\t\t} else {\r\n\t\t\t\tmtxt += char;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.current = {\r\n\t\t\tunformatted,\r\n\t\t\tformatted: mtxt.replace(/#/g, '_'),\r\n\t\t\tmatch: match || this.current.match,\r\n\t\t};\r\n\r\n\t\tthis.props.onPhoneChange(this.current.match);\r\n\t\treturn this.current.formatted;\r\n\t}\r\n\r\n\t// Определение страны и маски телефона\r\n\tdetectPhone(value) {\r\n\t\tconst { hideNumberMode } = this.props;\r\n\t\tconst maskOpts = {\r\n\t\t\tmatch: hideNumberMode ? /[0-9\\*]/ : /[0-9]/,\r\n\t\t\treplace: '#',\r\n\t\t\tplaceholder: '_',\r\n\t\t};\r\n\r\n\t\tconst defs = {\r\n\t\t\t'#': hideNumberMode ? new RegExp(/[0-9\\*]/) : new RegExp(/[0-9]/),\r\n\t\t};\r\n\r\n\t\tlet mtxt = ''; // entered digits\r\n\r\n\t\tvalue.split('').some((char) => {\r\n\t\t\tif (char === maskOpts.placeholder) return true; // like break\r\n\t\t\tif (maskOpts.match.test(char)) {\r\n\t\t\t\tmtxt += char;\r\n\t\t\t}\r\n\t\t\treturn false;\r\n\t\t});\r\n\r\n\t\tlet result = null;\r\n\t\tthis.maskList.some((item) => {\r\n\t\t\tresult = InputPhoneNumber.applyMask(item, mtxt, maskOpts, defs);\r\n\t\t\treturn !!result;\r\n\t\t});\r\n\r\n\t\treturn result;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tonChange,\r\n\t\t\tonPhoneChange,\r\n\t\t\thideNumberMode,\r\n\t\t\t...props\r\n\t\t} = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nExpansionPanel.propTypes = {\r\n\tchildren: PropTypes.any,\r\n\tclasses: PropTypes.object.isRequired,\r\n\tcollapsedBodyContent: PropTypes.any,\r\n\tdefaultOpen: PropTypes.bool,\r\n\theader: PropTypes.any.isRequired,\r\n\tid: PropTypes.string.isRequired,\r\n\tonToggleOpen: PropTypes.func,\r\n\tisOpen: PropTypes.bool,\r\n};\r\n\r\nExpansionPanel.defaultProps = {\r\n\tonToggleOpen: null,\r\n\tdefaultOpen: true,\r\n\tisOpen: null,\r\n};\r\n\r\nexport default compose(withStyles(styles))(ExpansionPanel);\r\n","import React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport ReactGA from 'react-ga';\r\nimport compose from 'recompose/compose';\r\nimport PropTypes from 'prop-types';\r\nimport MUIListItem from '@material-ui/core/ListItem';\r\nimport { cabinetLog } from '@global';\r\n\r\nconst styles = theme => ({\r\n\r\n});\r\n\r\nclass ListItem extends React.Component {\r\n\thandleClick = () => {\r\n\t\tif (process.env.NODE_ENV === 'production' && this.props.gaUrl) {\r\n\t\t\tcabinetLog(`send to ${this.props.gaUrl}`);\r\n\t\t\tReactGA.modalview(this.props.gaUrl);\r\n\t\t}\r\n\t\tif (this.props.onClick) {\r\n\t\t\tthis.props.onClick();\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tonClick,\r\n\t\t\tgaUrl,\r\n\t\t\t...props\r\n\t\t} = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{!opened && !!collapsedBodyContent &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{header}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{Icon}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t{collapsedBodyContent}\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{opened &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{children}\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t\t{showLessButton && onShowLessClick &&\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t\t{showMoreButton && submitting &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nShowMore.propTypes = {\r\n\ttheme: PropTypes.object.isRequired,\r\n\tclasses: PropTypes.object.isRequired,\r\n\tsubmitting: PropTypes.bool,\r\n\tonClick: PropTypes.func.isRequired,\r\n\tshowMoreButton: PropTypes.bool,\r\n\tshowLessButton: PropTypes.bool,\r\n\tonShowLessClick: PropTypes.func,\r\n};\r\n\r\nShowMore.defaultProps = {\r\n\tsubmitting: false,\r\n\tshowMoreButton: true,\r\n\tshowLessButton: false,\r\n\tonShowLessClick: null,\r\n};\r\n\r\nexport default compose(\r\n\twithTheme,\r\n\twithStyles(styles),\r\n)(ShowMore);\r\n","import React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport compose from 'recompose/compose';\r\nimport PropTypes from 'prop-types';\r\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\r\nimport onClickOutside from 'react-onclickoutside';\r\nimport classNames from 'classnames';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tposition: 'relative',\r\n\t},\r\n\tpopupContainer: {\r\n\t\tposition: 'absolute',\r\n\t\tbackgroundColor: theme.palette.background.default,\r\n\t\tboxShadow: '0 6px 16px 0 rgba(61, 65, 71, 0.12)',\r\n\t\tborderRadius: '4px',\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.primary.dark,\r\n\t\tzIndex: 2,\r\n\t},\r\n\topenRight: {\r\n\t\t'& $popupContainer': {\r\n\t\t\ttop: '-10px',\r\n\t\t},\r\n\t},\r\n\topenLeft: {\r\n\t\t'& $popupContainer': {\r\n\t\t\ttop: 0,\r\n\t\t\tright: 0,\r\n\t\t},\r\n\t},\r\n\tcontent: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t},\r\n\ticon: {\r\n\t\tcursor: 'pointer',\r\n\t},\r\n});\r\n\r\nclass DropDownMenu extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\topen: false,\r\n\t\t};\r\n\t\tthis.openPopup = this.openPopup.bind(this);\r\n\t\tthis.closePopup = this.closePopup.bind(this);\r\n\t\tthis.handleClickOutside = this.handleClickOutside.bind(this);\r\n\t}\r\n\r\n\thandleClickOutside() {\r\n\t\tthis.closePopup();\r\n\t}\r\n\r\n\topenPopup() {\r\n\t\tthis.setState({\r\n\t\t\topen: true,\r\n\t\t});\r\n\t}\r\n\tclosePopup() {\r\n\t\tthis.setState({\r\n\t\t\topen: false,\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\tchildren,\r\n\t\t\topenPosition,\r\n\t\t\topenButton,\r\n\t\t} = this.props;\r\n\r\n\t\tconst cssClasses = classNames({\r\n\t\t\t[classes.root]: true,\r\n\t\t\t[classes.openRight]: openPosition === 'right',\r\n\t\t\t[classes.openLeft]: openPosition === 'left',\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{showMoreButton && !submitting &&\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nDropDownMenu.propTypes = {\r\n\tchildren: PropTypes.any.isRequired,\r\n\topenPosition: PropTypes.oneOf(['left', 'right']),\r\n\topenButton: PropTypes.func,\r\n};\r\n\r\nDropDownMenu.defaultProps = {\r\n\topenPosition: 'left',\r\n\topenButton: null,\r\n};\r\n\r\nexport default compose(\r\n\twithStyles(styles),\r\n\tonClickOutside,\r\n)(DropDownMenu);\r\n","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport IconButton from '@material-ui/core/IconButton';\nimport compose from 'recompose/compose';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { connect } from 'react-redux';\nimport { userAccounts } from '@redux';\nimport { SvgIcon } from '@components';\nimport CYFundItem from './CYFundItem';\n\nconst styles = theme => ({\n\troot: {\n\t\tdisplay: 'flex',\n\t\tjustifyContent: 'space-between',\n\t\talignItems: 'flex-start',\n\t},\n\theadContainer: {\n\t\twidth: '100%',\n\t\tmarginRight: '14px',\n\t},\n\theadContent: {\n\t\t...theme.customstyles.title,\n\t\tcolor: theme.palette.primary.dark,\n\t\twidth: '100%',\n\t\tpaddingLeft: '62px',\n\t},\n\theadToggleIcon: {\n\t\tcolor: theme.palette.text.secondary,\n\t},\n\tarrowIcon: {\n\t\tstroke: theme.palette.text.secondary,\n\t},\n\tcontent: {\n\t\tpaddingTop: '16px',\n\t\ttextAlign: 'right',\n\t\tpaddingLeft: '62px',\n\t},\n\tborderPaddings: {\n\t\tpadding: '0 62px',\n\t},\n});\n\nconst mapStateToProps = state => ({\n\taccount: userAccounts.selectors.currentTradeAccount(state),\n});\n\nconst mapDispatchToProps = dispatch => ({\n\tactions: {\n\t\tshowOrderCancelModal: payload => dispatch(userAccounts.actions.showOrderCancelModal(payload)),\n\t},\n});\n\nclass CYItem extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\topen: false,\n\t\t};\n\t}\n\n\ttoggleOpen = () => {\n\t\tthis.setState({\n\t\t\topen: !this.state.open,\n\t\t});\n\t}\n\n\tshowCancelOrderForm = () => {\n\t\tthis.props.actions.showOrderCancelModal({\n\t\t\tnnOrder: this.props.item.nnOrder,\n\t\t\ttradeCode: this.props.account.tradeCode,\n\t\t\tclearerFirm: this.props.account.clearerFirm,\n\t\t\treason: '',\n\t\t});\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\titem,\n\t\t\tclasses,\n\t\t} = this.props;\n\n\t\tconst opened = this.state.open;\n\t\tconst Icon = opened ?\n\t\t\t\r\n\t\t\t\t\t{openButton ?\r\n\t\t\t\t\t\topenButton(this.openPopup)\r\n\t\t\t\t\t\t:\r\n\t\t\t\t\t\t
\r\n\r\n\t\t\t\t{this.state.open &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t\t\t\t\t{children}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\tif (item.CanBeCanceled) {\n\t\t\treturn (\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t{item.CanBeCanceled &&\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{opened &&\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{item.DisplayAdditionalInfo}\n\t\t\t\t\t\t\t\t{/* {item.RequestCode} */}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{Icon}\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\treturn \n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{!axisY &&\r\n\t\t\t\t\t null}\r\n\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\taxis: {\r\n\t\t\t\t\t\t\t\tstroke: '#bfcacf',\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{axisY &&\r\n\t\t\t\t\t null}\r\n\t\t\t\t\t\toffsetY={-100}\r\n\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\taxis: {\r\n\t\t\t\t\t\t\t\tstroke: '#bfcacf',\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{axisY &&\r\n\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nChartThumbnail.propTypes = {\r\n\tdata: PropTypes.array.isRequired,\r\n\twidth: PropTypes.string,\r\n\theight: PropTypes.string,\r\n\tresolution: PropTypes.object,\r\n\taxisY: PropTypes.object,\r\n\tlineColor: PropTypes.string,\r\n};\r\n\r\nChartThumbnail.defaultProps = {\r\n\twidth: '100%',\r\n\theight: '100%',\r\n\tresolution: { width: 450, height: 300 },\r\n\tlineColor: '#11d87c',\r\n\taxisY: null,\r\n};\r\n\r\nexport default compose(withStyles(styles))(ChartThumbnail);\r\n","/* eslint-disable no-confusing-arrow */\r\nimport React from 'react';\r\nimport { withStyles, withTheme } from '@material-ui/core/styles';\r\nimport compose from 'recompose/compose';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst ReactHighcharts = require('react-highcharts');\r\n\r\nconst styles = theme => ({\r\n\troot: {},\r\n});\r\n\r\nconst prepareData = data => data.map((item) => {\r\n\tconst newItem = item;\r\n\tnewItem.D = new Date(item.D);\r\n\treturn [new Date(item.D).valueOf(), item.V];\r\n});\r\n\r\n\r\nfunction createOptions(mainChartdata, additionalChartsData, YlabelsFormat, title, color, TooltipFormat) {\r\n\tconst options = {\r\n\t\tchart: {},\r\n\t\tcredits: { enabled: false },\r\n\t\ttitle: { text: '' },\r\n\t\txAxis: {\r\n\t\t\ttype: 'datetime',\r\n\t\t\tdateTimeLabelFormats: {\r\n\t\t\t\tsecond: '%Y-%m-%d%H:%M:%S',\r\n\t\t\t\tminute: '%Y-%m-%d
%H:%M',\r\n\t\t\t\thour: '%Y-%m-%d
%H:%M',\r\n\t\t\t\tday: '%Y
%m-%d',\r\n\t\t\t\tweek: '%Y
%m-%d',\r\n\t\t\t\tmonth: '%Y-%m',\r\n\t\t\t\tyear: '%Y',\r\n\t\t\t},\r\n\t\t\ttitle: { text: title },\r\n\t\t\tlegend: {\r\n\t\t\t\tenabled: false,\r\n\t\t\t},\r\n\t\t},\r\n\t\tyAxis: {\r\n\t\t\ttitle: {\r\n\t\t\t\ttext: '',\r\n\t\t\t},\r\n\t\t\ttickPixelInterval: 30,\r\n\t\t\tlabels: (typeof YlabelsFormat !== 'string') ? YlabelsFormat\t: {\r\n\t\t\t\tformat: YlabelsFormat,\r\n\t\t\t},\r\n\t\t\tlegend: {\r\n\t\t\t\tenabled: false,\r\n\t\t\t},\r\n\t\t},\r\n\t\ttooltip: {\r\n\t\t\tformatter: TooltipFormat && TooltipFormat.formatter,\r\n\t\t},\r\n\t};\r\n\r\n\toptions.series = [];\r\n\toptions.series.push({\r\n\t\tname: mainChartdata.legendTitle,\r\n\t\tdata: prepareData(mainChartdata.chartData),\r\n\t\tshowInLegend: true,\r\n\t\tcolor,\r\n\t});\r\n\r\n\tif (additionalChartsData && additionalChartsData.length > 0) {\r\n\t\tadditionalChartsData.forEach((item) => {\r\n\t\t\toptions.series.push({\r\n\t\t\t\tname: item.legendTitle,\r\n\t\t\t\tdata: prepareData(item.chartData),\r\n\t\t\t\tshowInLegend: true,\r\n\t\t\t\tcolor: '#78aaff',\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\treturn options;\r\n}\r\n\r\n\r\nclass Chart extends React.Component {\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tmainChartdata,\r\n\t\t\tYlabelsFormat,\r\n\t\t\tTooltipFormat,\r\n\t\t\ttitle,\r\n\t\t\tadditionalChartsData,\r\n\t\t\tclasses,\r\n\t\t\tcolor,\r\n\t\t\ttheme,\r\n\t\t} = this.props;\r\n\t\tconst config = createOptions(mainChartdata, additionalChartsData, YlabelsFormat, title, color, TooltipFormat);\r\n\t\treturn (\r\n\t\t\t
\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nChart.propTypes = {\r\n\tYlabelsFormat: PropTypes.oneOfType([\r\n\t\tPropTypes.string,\r\n\t\tPropTypes.shape({\r\n\t\t\tformatter: PropTypes.func.isRequired,\r\n\t\t}),\r\n\t]),\r\n\tTooltipFormat: PropTypes.shape({\r\n\t\tformatter: PropTypes.func,\r\n\t}),\r\n\ttitle: PropTypes.string,\r\n\tcolor: PropTypes.string,\r\n\tmainChartdata: PropTypes.shape({\r\n\t\tlegendTitle: PropTypes.string.isRequired,\r\n\t\tchartData: PropTypes.array.isRequired,\r\n\t}).isRequired,\r\n\tadditionalChartsData: PropTypes.arrayOf(PropTypes.shape({\r\n\t\tlegendTitle: PropTypes.string.isRequired,\r\n\t\tchartData: PropTypes.array.isRequired,\r\n\t})),\r\n};\r\n\r\nChart.defaultProps = {\r\n\tadditionalChartsData: [],\r\n\tYlabelsFormat: '{value} %',\r\n\tTooltipFormat: {},\r\n\ttitle: 'Date & Time (UTC)',\r\n\tcolor: '#11d87c',\r\n};\r\n\r\nexport default compose(\r\n\twithStyles(styles),\r\n\twithTheme,\r\n)(Chart);\r\n","import { Box, withStyles } from '@material-ui/core';\n\nconst ContentContainer = withStyles(theme => ({\n\troot: {\n\t\tfontSize: '14px',\n\t\tcolor: 'inherit',\n\t\tfontWeight: 'normal',\n\t\tfontFamily: '\"Roboto\", \"Helvetica\", \"Arial\", sans-serif',\n\t\tlineHeight: '24px',\n\t\tletterSpacing: 'normal',\n\t\tpadding: '16px 0',\n\t\t[theme.breakpoints.down('md')]: {\n\t\t\tpadding: '8px 0',\n\t\t},\n\t},\n}))(Box);\n\nexport default ContentContainer;\n","import React, { useEffect, useState } from 'react';\r\nimport {\r\n\twithStyles,\r\n\twithTheme,\r\n} from '@material-ui/core/styles';\r\nimport compose from 'recompose/compose';\r\nimport { useDropzone } from 'react-dropzone';\r\nimport { SvgIcon } from '@components';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\nimport { provider } from '@api';\r\nimport PropTypes, { object } from 'prop-types';\r\nimport acceptChecker from 'attr-accept';\r\nimport bytes from 'bytes';\r\nimport getHash from 'crypto-js/md5';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\r\n\t},\r\n\tuploader: {\r\n\t\t...theme.customstyles.body,\r\n\t\t// color: theme.palette.text.secondary,\r\n\t\tborder: `2px dashed ${theme.palette.primary.main}`,\r\n\t\tdisplay: 'flex',\r\n\t\tminHeight: '112px',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'center',\r\n\t\tcursor: 'pointer',\r\n\t},\r\n\tactiveClassName: {\r\n\t\tbackgroundColor: theme.palette.background.paper,\r\n\t},\r\n\tuploadedFilesContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t},\r\n\tuploadedFilesItem: {\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t\tdisplay: 'flex',\r\n\t\twidth: '100%',\r\n\t\tjustifyContent: 'space-between',\r\n\t\talignItems: 'center',\r\n\t\tpadding: '0 5px',\r\n\t\t'&:hover': {\r\n\t\t\tbackgroundColor: '#fefefe',\r\n\t\t},\r\n\t},\r\n\tuploadedFileName: {},\r\n\tuploadedFileAction: {},\r\n\terrors: {},\r\n\terror: {\r\n\t\t...theme.customstyles.body,\r\n\t\tpadding: '5px',\r\n\t\tcolor: theme.palette.error.main,\r\n\t\tmargin: '5px 0',\r\n\t\t// backgroundColor: '#fff',\r\n\t\tboxShadow: '0 1px 2px 0 rgba(61, 65, 71, 0.12)',\r\n\t\tborderRadius: '4px',\r\n\t},\r\n});\r\n\r\nconst convertToMB = value => bytes(value, {\r\n\tdecimalPlaces: null,\r\n});\r\n\r\nfunction FileInput(props) {\r\n\tconst [loading, setLoading] = useState(false);\r\n\tconst [uploadedFiles, setUploadedFiles] = useState([]);\r\n\tconst [errors, setErrors] = useState([]);\r\n\tuseEffect(() => {\r\n\t\tprops.onFilesUpdate(uploadedFiles);\r\n\t}, [uploadedFiles]);\r\n\tconst onDeleteButtonClick = (fileItem) => {\r\n\t\tsetUploadedFiles(uploadedFiles.filter(item => item !== fileItem));\r\n\t\tsetErrors([]);\r\n\t}\r\n\r\n\tfunction isUploaded(file, hash) {\r\n\t\treturn uploadedFiles.some(uploadedFile =>\r\n\t\t\tuploadedFile.Name.toLowerCase() === file.name.toLowerCase() ||\r\n\t\t\t(uploadedFile.Size === file.size && uploadedFile.Hash === hash)\r\n\t\t);\r\n\t}\r\n\r\n\tconst onDropAccepted = async (acceptedFiles) => {\r\n\t\tconst data = new FormData();\r\n\t\tlet checked = 0;\r\n\t\tsetLoading(true);\r\n\t\tconst filesHash = [];\r\n\t\tconst checkErrors = [];\r\n\r\n\t\tconst checkAllChecked = async () => {\r\n\t\t\tif (++checked === acceptedFiles.length) {\r\n\t\t\t\tconst request = await provider.post('/api_upload/', data);\r\n\t\t\t\tif (request.data) {\r\n\t\t\t\t\tif (request.data.Success) {\r\n\t\t\t\t\t\trequest.data.Data.forEach((f) => {\r\n\t\t\t\t\t\t\tf.Hash = filesHash[f.Name.toLowerCase()];\r\n\t\t\t\t\t\t\tf.Size = acceptedFiles.find(af => af.name.toLowerCase() === f.Name.toLowerCase()).size;\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\tsetUploadedFiles(uploadedFiles => [...uploadedFiles, ...request.data.Data]);\r\n\t\t\t\t\t} \r\n\t\t\t\t}\r\n\t\t\t\tsetErrors(checkErrors);\r\n\t\t\t\tif (checkErrors.length > 0 && props.onReject) {\r\n\t\t\t\t\tprops.onReject();\r\n\t\t\t\t}\r\n\t\t\t\tsetLoading(false);\r\n\t\t\t}\r\n\t\t};\t\r\n\t\tacceptedFiles.forEach((file) => {\r\n\t\t\tif (isUploaded(file, null)) {\r\n\t\t\t\tcheckErrors.push(`File with the same name or content was already uploaded (${file.name})`);\r\n\t\t\t\tcheckAllChecked();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tconst reader = new FileReader()\r\n\t\t\treader.onabort = () => { \r\n\t\t\t\tcheckErrors.push(`File reading was aborted (${file.name})}`)\r\n\t\t\t\tcheckAllChecked();\r\n\t\t\t};\r\n\t\t\treader.onerror = () => {\r\n\t\t\t\tcheckErrors.push(`File reading has failed (${file.name})}`);\r\n\t\t\t\tcheckAllChecked();\r\n\t\t\t};\r\n\t\t\treader.onload = async () => {\r\n\t\t\t\tconst binaryStr = reader.result;\r\n\t\t\t\tconst hash = getHash(binaryStr).toString();\r\n\r\n\t\t\t\tif (isUploaded(file, hash) || Object.values(filesHash).some(h => h === hash)) {\r\n\t\t\t\t\tcheckErrors.push(`File with the same name or content was already uploaded (${file.name})`);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tfilesHash[file.name.toLowerCase()] = hash;\r\n\t\t\t\t\tdata.append('', file);\r\n\t\t\t\t}\r\n\t\t\t\tcheckAllChecked();\r\n\t\t\t};\r\n\t\t\t// Start reading file\r\n\t\t\treader.readAsBinaryString(file);\r\n\t\t});\r\n\t}\r\n\r\n\tconst onDropRejected = (files) => {\r\n\t\tconst errors = [];\r\n\t\tif (files.length > 1 && !props.multiple) {\r\n\t\t\terrors.push('Maximum files count: 1');\r\n\t\t}\r\n\t\tfiles.forEach((file) => {\r\n\r\n\t\t\tif (!acceptChecker(file, props.accept)) {\r\n\t\t\t\terrors.push(`Error uploading file ${file.name}. Allowed file extensions: ${props.accept}`);\r\n\t\t\t}\r\n\t\t\tif (file.size > props.maxSize) {\r\n\t\t\t\terrors.push(`Error uploading file ${file.name}. Maximum file size: ${convertToMB(props.maxSize)}`);\r\n\t\t\t}\r\n\t\t\tif (file.size < props.minSize) {\r\n\t\t\t\terrors.push(`Error uploading file ${file.name}. Minimum file size: ${convertToMB(props.minSize)}`);\r\n\t\t\t}\r\n\t\t});\r\n\t\tsetErrors(errors);\r\n\t};\r\n\r\n\tconst { getRootProps, getInputProps } = useDropzone({\r\n\t\taccept: props.accept,\r\n\t\tminSize: props.minSize,\r\n\t\tmaxSize: props.maxSize,\r\n\t\tmultiple: props.multiple,\r\n\t\tonDropAccepted,\r\n\t\tonDropRejected,\r\n\t});\r\n\tconst {\r\n\t\tclasses,\r\n\t\ttheme,\r\n\t} = props;\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n}\r\n\r\nFileInput.propTypes = {\r\n\tminSize: PropTypes.number,\r\n\tmaxSize: PropTypes.number,\r\n\taccept: PropTypes.string,\r\n\tonFilesUpdate: PropTypes.func.isRequired,\r\n\tonReject: PropTypes.func,\r\n\tmultiple: PropTypes.bool,\r\n};\r\n\r\nFileInput.defaultProps = {\r\n\t/**\r\n\t * allow multiple upload\r\n\t */\r\n\tmultiple: true,\r\n\t/**\r\n\t * maxSize in bytes\r\n\t */\r\n\tmaxSize: 26214400,\r\n\taccept: '.jpg,.jpeg,.gif,.png,.tiff,.pdf',\r\n\tminSize: 0,\r\n};\r\n\r\nexport default compose(\r\n\twithStyles(styles),\r\n\twithTheme,\r\n)(FileInput);\r\n","import React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\n\r\nconst styles = theme => ({\r\n\tcenter: {\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'center',\r\n\t},\r\n\ttext: {\r\n\t\t...theme.customstyles.title,\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t\ttextAlign: 'center',\r\n\t},\r\n\tloader: {},\r\n});\r\n\r\n\r\nfunction hasChildren(elm) {\r\n\tif (!elm) {\r\n\t\treturn false;\r\n\t}\r\n\tif (Array.isArray(elm)) {\r\n\t\treturn elm.find(item => hasChildren(item));\r\n\t}\r\n\treturn elm.props && elm.props.children;\r\n}\r\n\r\nconst ProgressContainer = ({\r\n\tclasses,\r\n\tdisplay,\r\n\tsubmitting,\r\n\tsize,\r\n\tdisableCheckChildren,\r\n\t...props\r\n}) => {\r\n\tif (submitting) {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{uploadedFiles.map((file, index) => (\r\n\t\t\t\t\t
\r\n\t\t\t{errors.length > 0 &&\r\n\t\t\t\t\r\n\t\t\t\t\t\t onDeleteButtonClick(file)}>\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t))}\r\n\t\t\t\r\n\t\t\t\t\t\t\t{file.Name}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t{errors.map((error, index) => (\r\n\t\t\t\t\t\t
\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t\t\t\t\t{error}\r\n\t\t\t\t\t\t
))}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t{loading ?\r\n\t\t\t\t\tDrop files here to attach
or click to select files\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t}\r\n\t\t\t
\r\n\t\tor click to select files\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t}\r\n\t\t\t
\r\n\t\t\t\t{display !== 'none' &&\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\tif (!disableCheckChildren && !hasChildren(props.children)) {\r\n\t\treturn \n\t\t\t\t
\n\t\t);\n\t}\n\n\treturn props.children;\n};\n\nFullScreenProgressContainer.defaultProps = {\n\tdisplay: 'center',\n\tsize: 58,\n};\n\nFullScreenProgressContainer.propTypes = {\n\t/**\n\t * main event: display progress if true.\n\t */\n\tsubmitting: PropTypes.bool.isRequired,\n\n\tsize: PropTypes.number,\n};\n\nexport default FullScreenProgressContainer;\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { SvgIcon } from '@components';\r\nimport { env } from '@config';\r\nimport { Button } from '@dev2t/react-ui-kit/src/components';\r\n\r\nconst styles = theme => ({\r\n\troot: () => {\r\n\t\treturn {\r\n\t\t\t...theme.customstyles.body,\r\n\t\t\tcolor: theme.palette.text.primary,\r\n\t\t\tposition: 'fixed',\r\n\t\t\twidth: '100%',\r\n\t\t\theight: '100%',\r\n\t\t\ttop: '0',\r\n\t\t\tleft: '0',\r\n\t\t\tzIndex: 1,\r\n\t\t\toverflowY: 'scroll',\r\n\t\t}\r\n\t},\r\n\tcontainer: {\r\n\t\tpadding: '0 24px',\r\n\t\tmaxWidth: '496px',\r\n\t\tmargin: '0 auto',\r\n\t\tposition: 'relative',\r\n\t\tzIndex: 2001,\r\n\t},\r\n\tcontainerWrapper: {\r\n\t\tmarginTop: '50px',\r\n\t},\r\n\terr: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t},\r\n\ticon: {\r\n\t\twidth: '72px',\r\n\t\theight: '72px',\r\n\t\tmarginRight: '24px',\r\n\t},\r\n\tbody: {\r\n\t},\r\n});\r\n\r\nclass ErrorCatcher extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = { error: null };\r\n\t}\r\n\r\n\tcomponentDidCatch(error, errorInfo) {\r\n\t\tthis.setState({ error });\r\n\t\tRaven.captureException(error, { extra: errorInfo });\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t} = this.props;\r\n\r\n\t\tif (this.state.error) {\r\n\t\t\t// render fallback UI\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n\t\t// when there's not an error, render children untouched\r\n\t\treturn this.props.children;\r\n\t}\r\n}\r\n\r\nErrorCatcher.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default withStyles(styles)(ErrorCatcher);\r\n","import React from 'react';\nimport { env } from '@config';\nimport { NotificationBannersGallery } from '@dev2t/react-ui-kit/src';\nimport { makeStyles, useTheme } from '@material-ui/core';\nimport { useSelector } from 'react-redux';\nimport { auth } from '@redux';\nimport { CircularProgress, Backdrop } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n loadingContainer: {\n zIndex: 999\n }\n}));\n\nconst useOnClickLoadingState = () => {\n const continueDemoUserRegistrationResult = useSelector(auth.selectors.continueDemoUserRegistrationResult);\n return continueDemoUserRegistrationResult?.loading ?? false;\n}\n\nexport const BlockAllScreenLoading = () => {\n const classes = useStyles();\n const theme = useTheme();\n const isLoading = useOnClickLoadingState();\n\n return (isLoading ? \n \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tGo to main page\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tWe are sorry, something went wrong.\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tWe shared this error with our development team.\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tTry one more time or contact {env.supportMail} if you see this error again.\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tSome plugins installed in the browser may interfere with the site, for example, an automatic translator, an ad blocker, a dark theme of the site. Try disabling them and reloading the page.\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t—
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tthis.props.items.map((item, i) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t))\r\n\t\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nSelectField.propTypes = {\r\n\tname: PropTypes.string.isRequired,\r\n\tlabel: PropTypes.string.isRequired,\r\n\tvalue: PropTypes.any.isRequired,\r\n\titems: PropTypes.array.isRequired,\r\n\tonChange: PropTypes.func,\r\n};\r\n\r\n\r\nexport default compose(withStyles(styles))(SelectField);\r\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { makeStyles, createStyles } from '@material-ui/core/styles';\nimport SvgIcon from '../SvgIcon/SvgIcon';\n\n// eslint-disable-next-line no-unused-vars\nconst useStyles = makeStyles(theme => createStyles({\n\troot: {\n\t\tposition: 'relative',\n\t\tmaxWidth: '48px',\n\t\theight: '48px',\n\t},\n}));\nconst SpcLogo = ({ alt, classes, className }) => {\n\tconst mergedclasses = {\n\t\t...useStyles(),\n\t\t...classes,\n\t};\n\treturn (\n\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t
\n\t\t\t\t{/*
\n\t\t\n\t\t\t
\n\t\t
\n\t);\n};\n\nexport default NSRLogo;\n","import React from 'react';\nimport { makeStyles, createStyles } from '@material-ui/core/styles';\nimport J2tLogoImg from './j2t_logo.png';\n\n// eslint-disable-next-line no-unused-vars\nconst useStyles = makeStyles(theme => createStyles({\n\troot: {\n\t\tposition: 'relative',\n\t\twidth: '74px',\n\t\theight: '48px',\n\t\tmarginLeft: '4px',\n\t\tmarginTop: '4px',\n\t},\n}));\n\nconst NSRLogo = () => {\n\tconst classes = useStyles();\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t
\n\t);\n};\n\nexport default NSRLogo;\n","import React from 'react';\nimport { makeStyles, createStyles } from '@material-ui/core/styles';\nimport J2tLogoImg from './j2tx-logo.png';\n\n// eslint-disable-next-line no-unused-vars\nconst useStyles = makeStyles(theme => createStyles({\n\troot: {\n\t\tposition: 'relative',\n\t\twidth: '74px',\n\t\theight: '48px',\n\t\tmarginLeft: '4px',\n\t\tmarginTop: '4px',\n\t},\n}));\n\nconst J2txLogo = () => {\n\tconst classes = useStyles();\n\n\treturn (\n\t\t\n\t\t\t\n\t\t
\n\t);\n};\n\nexport default J2txLogo;\n","import React from 'react';\r\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\r\nimport PropTypes from 'prop-types';\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\nimport { Field } from 'redux-form';\r\nimport {\r\n\tSvgIcon,\r\n} from '@components';\r\nimport { FormInputNumber, useTranslate } from '@dev2t/react-ui-kit/src';\r\nimport { useSelector } from 'react-redux';\r\nimport { app } from '@redux';\r\nimport { FreeMarginAmount } from './FreeMarginAmount';\r\nimport { isCryptoCurrency } from '@global';\r\nconst useStyles = makeStyles(theme => ({\r\n\tinputItem: {\r\n\t\tmarginTop: '30px',\r\n\t\tpaddingLeft: '50px',\r\n\t},\r\n\tcashToWithdrawInfo: {\r\n\t\talignItems: 'flex-start', \r\n\t\tdisplay: 'flex', \r\n\t\tjustifyContent: 'flex-start',\r\n\t\twidth: '100%',\r\n\t},\r\n\tcashToWithdrawInfoText: {\r\n\t\tfontSize: '14px',\r\n\t\tmarginTop: 0,\r\n\t\tpaddingTop: 0,\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t\tpaddingLeft: '24px',\r\n\t\twhiteSpace: 'pre-wrap',\r\n\t},\r\n\tcashToWithdrawRefreshIcon: {\r\n\t\tmarginLeft: '5px', \r\n\t\tcursor: 'pointer',\r\n\t\t// Обновление баланса скрыто по задаче WEBCAB-8450\r\n\t\tdisplay: 'none',\r\n\t},\r\n\tcashToWithdrawLoadingIcon: {\r\n\t\talignItems: 'center', display: 'flex', justifyContent: 'flex-start', margin: 'auto',\r\n\t},\r\n}));\r\n\r\nconst WithdrawAmount = (props) => {\r\n\tconst {\r\n\t\tloading,\r\n\t\tavailableAmount,\r\n\t\tadditionalText,\r\n\t\twithdrawLabelText,\r\n\t\tplaceholder,\r\n\t\tname,\r\n\t\tcurrency,\r\n\t\tonClick,\r\n\t\tclasses: noProxyClasses, // Это свойство не надо прокидывать в дочерние компоненты\r\n\t\tprefix,\r\n\t\t...otherProps\r\n\t} = props;\r\n\r\n\tconst precisions = {\r\n\t\tUSD: 2,\r\n\t\tEUR: 2,\r\n\t\tUSDT: 8,\r\n\t\tBTC: 8,\r\n\t\tXRP: 8,\r\n\t\tLTC: 8,\r\n\t\tETH: 8\r\n\t}\r\n\tconst finalPrecision = precisions[currency] ?? 2;\r\n\t// По задаче https://jira.finam.ru/browse/WEBCAB-8456?focusedCommentId=4316367&page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel#comment-4316367 \r\n\t// для крипты позволяется вводить до 10 знаков после запятой\r\n\tconst decimalInputScale = isCryptoCurrency(currency) ? 10 : finalPrecision;\r\n\tconst theme = useTheme();\r\n\tconst classes = useStyles(props);\r\n\tconst translate = useTranslate();\r\n\tconst resolution = useSelector(app.selectors.resolution);\r\n\r\n\tconst innerPlaceholder = resolution === app.CONFIG.RESOLUTIONS_ENUM.xs\r\n\t\t? translate('shared_amount', 'Amount')\r\n\t\t: translate('common_enter_the_amount_here', 'Enter the Amount here');\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n\t\t\t\t{!loading &&\r\n\t\t\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nWithdrawAmount.propTypes = {\r\n\tname: PropTypes.string,\r\n\tonClick: PropTypes.func,\r\n\tclasses: PropTypes.object,\r\n\tprecision: PropTypes.number,\r\n\tloading: PropTypes.bool.isRequired,\r\n\tavailableAmount: PropTypes.oneOfType([PropTypes.number, PropTypes.bool]),\r\n\twithdrawLabelText: PropTypes.string,\r\n\tcurrency: PropTypes.string,\r\n};\r\n\r\nWithdrawAmount.defaultProps = {\r\n\tname: 'Amount',\r\n\tonClick: null,\r\n\tclasses: {},\r\n\tprecision: null,\r\n\twithdrawLabelText: undefined,\r\n\tcurrency: undefined,\r\n\tavailableAmount: undefined,\r\n};\r\n\r\nexport default WithdrawAmount;\r\n","import { useDispatch, useSelector } from 'react-redux';\nimport { snackbar, userAccounts } from '@redux';\nimport { cabinetLog, captureException } from '@global';\nimport { useState, useEffect, useRef, useMemo } from 'react';\nimport { useAccountFundingInfo } from './useAccountFundingInfo';\n\nlet PaymentGateScripts = [];\nconst usePaymentGateScript = (fundInfo) => {\n\tconst dispatch = useDispatch();\n\tconst [loading, setLoading] = useState(true);\n\tconst [success, setSuccess] = useState(false);\n\n\tconst loadedScript = useRef(null);\n\n\tconst handleScriptLoaded = () => {\n\t\tcabinetLog('payment gate widget script has been loaded');\n\t\tsetLoading(false);\n\t\tsetSuccess(true);\n\t};\n\n\tuseEffect(() => {\n\t\tif (fundInfo.loading || (!fundInfo.value && !fundInfo.error)) {\n\t\t\tif (!loading) {\n\t\t\t\tsetLoading(true);\n\t\t\t}\n\t\t} else if (fundInfo.error) {\n\t\t\tsetSuccess(false);\n\t\t\tsetLoading(false);\n\t\t} else if (fundInfo.value && fundInfo.value.WidgetJsScriptUrl) {\n\t\t\tconst scriptUrl = fundInfo.value.WidgetJsScriptUrl;\n\t\t\tlet scriptInfo = PaymentGateScripts.find(x => x.url === scriptUrl);\n\t\t\tconst isNewScript = !scriptInfo;\n\t\t\tlet script = scriptInfo && scriptInfo.scriptTag;\n\t\t\tif (isNewScript) {\n\t\t\t\tscript = document.createElement('script');\n\t\t\t\tscript.src = scriptUrl;\n\t\t\t\tscript.async = true;\n\t\t\t\tscriptInfo = { url: scriptUrl, scriptTag: script, loaded: false };\n\t\t\t\tPaymentGateScripts.push(scriptInfo);\n\t\t\t}\n\t\t\tif (isNewScript || !scriptInfo.loaded) {\n\t\t\t\tscript.addEventListener('load', () => {\n\t\t\t\t\tscriptInfo.loaded = true;\n\t\t\t\t\thandleScriptLoaded();\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\thandleScriptLoaded();\n\t\t\t}\n\t\t\tscript.addEventListener('error', () => {\n\t\t\t\tconsole.error('error occured when try load payment gate widget = ', fundInfo.value.WidgetJsScriptUrl);\n\t\t\t\tcaptureException(\n\t\t\t\t\t'Payment gate load error',\n\t\t\t\t\t`error occured when try load payment gate widget = ${fundInfo.value.WidgetJsScriptUrl}`,\n\t\t\t\t);\n\t\t\t\tdispatch(snackbar.actions.showErrorMessage({ text: 'Payment gate load error' }));\n\t\t\t\tsetSuccess(false);\n\t\t\t\tsetLoading(false);\n\t\t\t});\n\t\t\tif (isNewScript) {\n\t\t\t\tdocument.body.appendChild(script);\n\t\t\t}\n\t\t\tloadedScript.current = script;\n\t\t\tcabinetLog('payment gate widget script load');\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (loadedScript.current && loadedScript.current.parentElement === document.body) {\n\t\t\t\tcabinetLog('payment gate widget script unload');\n\t\t\t\tif (PaymentGateScripts.some(x => x.scriptTag === loadedScript.current)) {\n\t\t\t\t\tPaymentGateScripts = PaymentGateScripts.filter(x => x.scriptTag !== loadedScript.current);\n\t\t\t\t}\n\t\t\t\tdocument.body.removeChild(loadedScript.current);\n\t\t\t}\n\t\t};\n\t}, [fundInfo]);\n\treturn [loading, success];\n};\n\n/**\n * @param {Object} props All properties of hook\n * @param {Object} props.id Идентификатор кнопки, если необходимо установить значение вручную\n * @param {Object} props.currency Валюта, в которой необходимо пополнение. Если не указана - определяется автоматически самим виджетом \n * @returns {Object}\n */\nexport const usePaymentGateWidgetHook = (props) => {\n\tconst { id, currency, tradeCode } = props || {};\n\tconst accountInfo = useSelector(userAccounts.selectors.accountInfo);\n\tconst accountInfoLoading = useSelector(userAccounts.selectors.accountInfoLoading);\n\n\tconst accountTradeCode = tradeCode || (accountInfo && accountInfo.TradeCode) || null;\n\tconst fundInfo = useAccountFundingInfo({ currency, tradeCode: accountTradeCode });\n\n\tconst [scriptLoading, scriptLoadSuccess] = usePaymentGateScript(fundInfo);\n\tconst [loading, setLoading] = useState(true);\n\tconst [success, setSuccess] = useState(false);\n\n\tconst generateId = () => Math.random().toString(36).substr(2, 5);\n\n\tconst randomId = useMemo(generateId, []);\n\tconst paymentGateWidgetId = useRef(id || randomId);\n\n\tuseEffect(() => {\n\t\tif (accountInfoLoading || scriptLoading || fundInfo.loading) {\n\t\t\tif (!loading) {\n\t\t\t\tsetLoading(true);\n\t\t\t}\n\t\t} else if (!accountInfo.Success || !scriptLoadSuccess || fundInfo.error) {\n\t\t\tsetSuccess(false);\n\t\t\tsetLoading(false);\n\t\t} else if (fundInfo.value && fundInfo.value.WidgetJsConfig) {\n\t\t\tlet configuration = JSON.parse(fundInfo.value.WidgetJsConfig);\n\t\t\tif (currency) {\n\t\t\t\tconfiguration = {\n\t\t\t\t\t...configuration,\n\t\t\t\t\taccount_currency: currency,\n\t\t\t\t\tcurrency,\n\t\t\t\t};\n\t\t\t}\n\t\t\t// eslint-disable-next-line no-undef\n\t\t\tPaymentGateWidget(paymentGateWidgetId.current, configuration);\n\t\t\tsetLoading(false);\n\t\t\tsetSuccess(true);\n\t\t}\n\t}, [loading, accountInfo, fundInfo, currency, scriptLoading, scriptLoadSuccess]);\n\treturn [paymentGateWidgetId.current, loading, success];\n};\n","import { useSelector } from 'react-redux';\nimport { app } from '@redux';\nimport { toMoneyFormat } from '@global';\n\nexport const useMoneyFormat = (defaultOptions) => {\n\tconst language = useSelector(app.selectors.language);\n\tconst moneyFormat = (amount, currencyCode, options) => {\n\t\tconst effectiveOptions = {\n\t\t\t...(defaultOptions || {}),\n\t\t\t...(options || {}),\n\t\t};\n\t\tlet { nullReplace, precision, disableCurrencyCode } = effectiveOptions;\n\t\tnullReplace = nullReplace || '-';\n\t\tprecision = (!precision && precision !== 0) ? 2 : precision;\n\n\t\tif (amount || amount === 0) {\n\t\t\tconst sMoney = toMoneyFormat(amount, language, currencyCode, precision);\n\t\t\tif (currencyCode && !disableCurrencyCode) {\n\t\t\t\tconst currencySymbol = currencyCode.length === 3 ? `${sMoney} ${currencyCode}` : `${currencyCode}${sMoney}`;\n\t\t\t\treturn currencySymbol;\n\t\t\t}\n\t\t\treturn sMoney;\n\t\t}\n\t\treturn nullReplace;\n\t};\n\treturn moneyFormat;\n};\n","import { useEffect, useRef } from 'react';\n\nexport function useTimeout(callback, delay) {\n\tconst savedCallback = useRef(callback);\n\n\t// Remember the latest callback if it changes.\n\tuseEffect(() => {\n\t\tsavedCallback.current = callback;\n\t}, [callback]);\n\n\t// Set up the timeout.\n\tuseEffect(() => {\n\t\t// Don't schedule if no delay is specified.\n\t\t// Note: 0 is a valid value for delay.\n\t\tif (!delay && delay !== 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst id = setTimeout(() => savedCallback.current(), delay);\n\n\t\treturn () => clearTimeout(id);\n\t}, [delay]);\n}\n","import { useEffect, useRef, useState } from 'react';\n\nexport function useInterval(callback, delay) {\n\tconst savedCallback = useRef(callback);\n\n\t// Remember the latest callback if it changes.\n\tuseEffect(() => {\n\t\tsavedCallback.current = callback;\n\t}, [callback]);\n\n\t// Set up the interval.\n\tuseEffect(() => {\n\t\t// Don't schedule if no delay is specified.\n\t\t// Note: 0 is a valid value for delay.\n\t\tif (!delay && delay !== 0) {\n\t\t\treturn;\n\t\t}\n \n\t\tconst id = setInterval(() => savedCallback.current(), delay);\n\n\t\treturn () => clearInterval(id);\n\t}, [delay]);\n}\n","import { useTranslate } from '@dev2t/react-ui-kit/src';\n\nfunction getCommission(currency, usdtProtocol) {\n\tif (currency.toUpperCase() === 'USDT' && !usdtProtocol) return undefined;\n\tswitch (currency) {\n\t\tcase 'USD':\n\t\t\treturn {\n\t\t\t\tpercent: 2,\n\t\t\t};\n\t\tcase 'EUR':\n\t\t\treturn {\n\t\t\t\tpercent: 2,\n\t\t\t};\n\t\tcase 'BTC':\n\t\t\treturn {\n\t\t\t\tflat: 0.0008,\n\t\t\t};\n\t\tcase 'ETH':\n\t\t\treturn {\n\t\t\t\tflat: 0.02,\n\t\t\t};\n\t\tcase 'USDT':\n\t\t\tswitch (usdtProtocol) {\n\t\t\t\tcase 'TRC20':\n\t\t\t\t\treturn {\n\t\t\t\t\t\tflat: 15,\n\t\t\t\t\t};\n\t\t\t\tcase 'ERC20':\n\t\t\t\t\treturn {\n\t\t\t\t\t\tflat: 25,\n\t\t\t\t\t};\n\t\t\t\tdefault:\n\t\t\t\t\treturn {\n\t\t\t\t\t\tflat: 1000000000,\n\t\t\t\t\t};\n\t\t\t}\n\t\tcase 'USDC':\n\t\t\tswitch (usdtProtocol) {\n\t\t\t\tcase 'ERC20':\n\t\t\t\t\treturn {\n\t\t\t\t\t\tflat: 25,\n\t\t\t\t\t};\n\t\t\t\tdefault:\n\t\t\t\t\treturn {\n\t\t\t\t\t\tflat: 1000000000,\n\t\t\t\t\t};\n\t\t\t}\n\t\tcase 'XRP':\n\t\t\treturn {\n\t\t\t\tflat: 25,\n\t\t\t};\n\t\t case 'LTC':\n\t\t\treturn {\n\t\t\t\tflat: 0.2,\n\t\t\t};\n\t\tdefault:\n\t\t\tthrow new Error(`impossible currency for j2tx withdraw: ${currency}`);\n\t}\n}\n\nexport function useJ2txCommission(currency, usdtProtocol) {\n\tconst translate = useTranslate();\n\tfunction getCommissionLabel(currency, usdtProtocol) {\n\t\tconst commission = getCommission(currency, usdtProtocol);\n\t\tif ((currency === 'USDT' || currency === 'USDC') && usdtProtocol) {\n\t\t\treturn `${translate('common_commission', 'Commission')}: ${usdtProtocol ? translate('common_min', 'min') : ''} ${commission.flat} ${currency} ${usdtProtocol ? `(${usdtProtocol})` : ''}`;\n\t\t} if ((currency === 'USDT' || currency === 'USDC') && !usdtProtocol) {\n\t\t\treturn translate('enter_correct_account', 'Enter correct account');\n\t\t} if (commission.percent) {\n\t\t\treturn `${translate('common_commission', 'Commission')} ${commission.percent}%`;\n\t\t}\n\t\treturn `${translate('common_commission', 'Commission')} ${commission.flat} ${currency}`;\n\t}\n\n\tif (!currency && !usdtProtocol) return undefined;\n\tconst commission = getCommission(currency, usdtProtocol);\n\tconst label = getCommissionLabel(currency, usdtProtocol);\n\treturn { ...commission, label };\n}\n","import { useSelector } from 'react-redux';\nimport { userAccounts } from '@redux';\nimport { constants } from '@config';\nimport { useAllowedWalletCurrencies } from '@hooks';\n\nfunction useEnrichBalance() {\n\tconst allowedWalletCrypto = useAllowedWalletCurrencies();\n\n\treturn (balance) => {\n\t\tconst accountLimitsInner = (\n\t\t\tbalance && balance.Currencies\n\t\t\t\t&& balance\n\t\t\t\t\t.Currencies\n\t\t\t\t\t.concat(balance.CryptoCurrencies)\n\t\t) || [];\n\t\tconst cryptoFilter = allowedWalletCrypto;\n\t\n\t\treturn accountLimitsInner.filter(x => constants.J2txWalletAllowedCurrencies.includes(x.CurrencyCode)\n\t\t|| cryptoFilter.includes(x.CurrencyCode));\n\t}\n}\n\n/**\n * Хук для получения актуального баланса по счету (трейдкоду)\n *\n * @param tradeCode трейдкод нужного счета или массив трейдкодов\n *\n * @returns баланс счета или Map с балансами, если счетов несколько\n *\n * @example\n *\n * import React from 'react'\n * import { useBalance } from '@hooks';\n *\n * export const Component = () => {\n * const singleBalance = useBalance('TX001064');\n * const multiBalances = useBalance(['TX001064', 'TX004746']);\n * }\n */\nexport function useBalance(tradeCode) {\n\tconst accountsInfo = useSelector(userAccounts.selectors.accountsInfo);\n\tconst enrichBalance = useEnrichBalance();\n\n\tconst balances = accountsInfo\n\t\t? new Map(accountsInfo.map(x => ([x.TradeCode, enrichBalance(x.Balance)])))\n\t\t: undefined;\n\t\n\tif (!balances || !tradeCode) return undefined;\n\n\t// если дали один tradeCode => возвращаем баланс этого счета\n\tif (!Array.isArray(tradeCode)) return balances.get(tradeCode);\n\n\t// если дали несколько tradeCode => возвращаем Map с балансами этих счетов\n\telse return new Map(tradeCode.map(x => [x, balances.get(x)]));\n}\n","import { useMemo } from 'react';\nimport { useSelector } from 'react-redux';\nimport { userAccounts } from '@redux';\nimport { AccountType } from '@enums';\n\nconst mockStakingAccount = {\n\tTradeCode: 'J2TX_STAKING_MOCK_TRADECODE',\n\tIsStaking: true,\n\tDisplayFullName: \"J2TX Staking\",\n}\n\nexport function useAccount(filter) {\n\tconst accounts = useSelector(userAccounts.selectors.accounts);\n\n\tconst acc = accounts.filter(x => x.TradeCode === filter);\n\tif (acc.length === 1) return acc[0];\n\tif (filter === 'J2TX_STAKING_MOCK_TRADECODE') return mockStakingAccount;\n\n\tconst mt5Accounts = useMemo(() => (accounts && accounts.filter(x => x.IsMT5)) || [], [accounts]);\n\tconst walletAccounts = useMemo(() => (accounts && accounts.filter(x => x.IsWallet)) || [], [accounts]);\n\tconst stakingAccounts = useMemo(() => {\n\t\tconst stakingAccs = accounts?.filter(x => x.IsStaking) ?? [];\n\t\tif (!stakingAccs.length) stakingAccs.push(mockStakingAccount)\n\t\treturn stakingAccs;\n\t}, [accounts]);\n\n\tif (filter === AccountType.ALL) return accounts ?? [];\n\tif (filter === AccountType.WALLET) return walletAccounts;\n\tif (filter === AccountType.MT5) return mt5Accounts;\n\tif (filter === AccountType.STAKING) return stakingAccounts;\n\tthrow new Error('use AccountType from enum or tradeCode');\n}\n","import { useRef, useState, useEffect } from 'react';\n\nexport function useOnScreen(ref) {\n\tconst [isOnScreen, setIsOnScreen] = useState(false);\n\tconst observerRef = useRef(null);\n\n\tuseEffect(() => {\n\t\tobserverRef.current = new IntersectionObserver(([entry]) => setIsOnScreen(entry.isIntersecting));\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (ref.current !== null) {\n\t\t\tobserverRef.current.observe(ref.current);\n\t\t\treturn () => {\n\t\t\t\tobserverRef.current.disconnect();\n\t\t\t};\n\t\t}\n\t}, [ref]);\n\n\treturn isOnScreen;\n}\n","\nimport { useSelector } from 'react-redux';\nimport { userAccounts } from '@redux';\n\n/**\n * Минимальные суммы переводов, установленные для аккаунта\n *\n * @param tradeCode трейдкод аккаунта\n *\n * @returns объект-конфигурацию, где ключ - валюта, значение - минимальная сумма\n *\n * @example\n *\n * const minTransferValues = useMinTransferValues('TX001064');\n * const isValid = transferValue > minTransferValues.BTC;\n */\nexport function useMinTransferValues(tradeCode) {\n\tconst accounts = useSelector(userAccounts.selectors.accounts);\n\tconst account = accounts.find(x => x.TradeCode === tradeCode);\n\t\n\tif (!account) return null;\n\n\tif (account.IsMT5) {\n\t\treturn {\n\t\t\tBTC: 0,\n\t\t\tETH: 0,\n\t\t\tUSDT: 0,\n\t\t\tLTC: 0,\n\t\t\tXRP: 0,\n\t\t}\n\t}\n\telse if (account.IsWallet) {\n\t\treturn {\n\t\t\tBTC: 0,\n\t\t\tETH: 0,\n\t\t\tUSDT: 0,\n\t\t\tLTC: 0,\n\t\t\tXRP: 0,\n\t\t}\n\t}\n\telse if (account.IsStaking) {\n\t\treturn {\n\t\t\tBTC: 0.001,\n\t\t\tETH: 0.01,\n\t\t\tUSDT: 10,\n\t\t\tLTC: 0.1,\n\t\t\tXRP: 10\n\t\t}\n\t} else {\n\t\tthrow new Error('unknown account type');\n\t}\n}\n","import { useSelector } from 'react-redux';\nimport { userAccounts } from '@redux';\n\nconst mt5GlobalCryptoOrder = ['BTC', 'LTC', 'ETH', 'XRP', 'USDC', 'USDT'];\n\n/**\n * Список валют для Wallet. \n * Также используется в Trade Account, так как список совпадает с тем, \n * что в Wallet, но не используется фиат и поряд в соответствии с mt5GlobalCryptoOrder\n */\nexport function useAllowedWalletCurrencies() {\n const userInfo = useSelector(userAccounts.selectors.userInfo);\n const resultCurrencies = userInfo.WalletAllCurrencies || [];\n\n return resultCurrencies;\n}\n\nexport function useAllowedMt5Currencies() {\n const userInfo = useSelector(userAccounts.selectors.userInfo);\n const resultCurrencies = userInfo.WalletAllCurrencies || [];\n\n return resultCurrencies\n .filter(currency => mt5GlobalCryptoOrder.includes(currency)) \n .sort((a, b) => mt5GlobalCryptoOrder.indexOf(a) - mt5GlobalCryptoOrder.indexOf(b))\n}\n","import { useSelector } from \"react-redux\";\nimport { userAccounts } from '@redux';\nimport { env } from '@config';\n\n// временный хук, пока модуль выводов не доступен всем в j2tx (тестируется)\nexport const useWithdrawModuleEnabledJ2tx = () => {\n const userGuid = useSelector(userAccounts.selectors.userInfo)?.Guid?.toLowerCase();\n const setting = env.WEBCAB_8981_withdraw_module_in_j2tx_allowed_users;\n\n if (!setting || !userGuid) return false;\n\n const isAllowed = setting.allowed?.includes('*') || setting.allowed?.some(x => x.toLowerCase() == userGuid);\n const isForbidden = setting.forbidden?.includes('*') || setting.forbidden?.some(x => x.toLowerCase() == userGuid);\n\n return isAllowed && !isForbidden;\n}","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { userAccounts } from '@redux';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { ProgressContainer } from '@components';\nimport { R } from '@dev2t/react-ui-kit/src/components';\n\nconst useStyles = makeStyles(theme => ({\n\troot: {\n\t\tposition: 'relative',\n\t},\n\tdemoLabel: {\n\t\tbackgroundColor: theme.palette.warning.main,\n\t\tcolor: theme.palette.warning.contrastText,\n\t\tborderRadius: '4px',\n\t\tpadding:'0 0.3em',\n\t\tfontSize:'0.7em',\n\t\tposition: 'absolute',\n\t\tright: '0',\n\t\ttop:'-1.2em',\n\t}\n}));\n\nconst HeaderUserInfo = () => {\n\tconst classes = useStyles();\n\tconst { submitting, FirstName, LastName, Guid, DemoUserId } = useSelector(userAccounts.selectors.userInfo);\n\tconst loading = useSelector(userAccounts.selectors.loading);\n\tconst userInfoLoading = submitting || loading;\n\tconst name = [FirstName, LastName].filter(x => !!x).join(' ') || (userInfoLoading ? '' : 'Not specified name');\n\tconst isDemo = !Guid && !!DemoUserId;\n\treturn (\n\t\t\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tif (onClick) {\r\n\t\t\t\t\t\t\t\t\tonClick();\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{loading &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{name}\n\t\t\t\t\t{isDemo && \n\t\t
\n\t);\n};\n\nexport default HeaderUserInfo;\n","import React, { useLayoutEffect } from 'react';\nimport { useLocation, Redirect } from 'react-router-dom';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { app } from '@redux';\nimport { getAllowedLanguages } from '@config';\nimport { setLanguageCookie } from '../../../core/global/langutils';\n\nconst LanguageRefSwitcher = () => {\n\tconst language = useSelector(app.selectors.language);\n\tconst location = useLocation();\n\tconst langPath = location.pathname.substring(1, 3);\n\tconst noLangPath = location.pathname.substring(3) || '/';\n\n\tconst dispatch = useDispatch();\n\tuseLayoutEffect(() => {\n\t\tif (langPath !== language && getAllowedLanguages().some(x => x.language === langPath)) {\n\t\t\tsetLanguageCookie(langPath);\n\t\t\tdispatch(app.actions.changeLanguage.request(langPath));\n\t\t}\n\t}, [langPath, language, dispatch]);\n\n\tconst noLangLocation = {\n\t\t...location,\n\t\tpathname: noLangPath,\n\t};\n\n\treturn (\n\t\t\n\t\t\t\t\t\t
}\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t);\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles, withTheme } from '@material-ui/core/styles';\nimport * as qs from 'query-string';\nimport { connect } from 'react-redux';\nimport { push } from 'connected-react-router';\nimport {\n\tprofile,\n\tuserAccounts,\n} from '@redux';\nimport compose from 'recompose/compose';\nimport { env } from '@config';\nimport {\n\tA,\n\tChangeLink,\n\tExpansionPanel,\n\tFileDownload,\n\tProgressContainer,\n\tSvgIcon,\n} from '@components';\nimport { InputEditableItem } from '@shared';\nimport { addHashToUrl, isNumber, scrollTo, toUsaSizeFormat, toUsaDateFormat } from '@global';\n\nconst styles = theme => ({\n\theader: {\n\t\t...theme.customstyles.headline1,\n\t\t...theme.palette.text.primary,\n\t\tpadding: '8px 0',\n\t},\n\tcontent: {\n\t\t...theme.customstyles.body,\n\t\tpadding: '16px 72px',\n\t\tmarginBottom: '30px',\n\t\t[theme.breakpoints.down('md')]: {\n\t\t\tpadding: '8px 24px',\n\t\t},\n\t},\n\tsplitter: {\n\t\theight: '30px',\n\t},\n\tdocumentContainer: {\n\t\t'&:last-child div': {\n\t\t\tborderBottom: 'none',\n\t\t},\n\t},\n\tdocumentItem: {\n\t\t...theme.customstyles.body,\n\t\tdisplay: 'flex',\n\t\tjustifyContent: 'space-between',\n\t\talignItems: 'center',\n\t\tpadding: '0 14px',\n\t\twidth: '100%',\n\t\tborderBottom: '1px solid #deeaef',\n\t\t'& div': {\n\t\t\tpadding: '10px',\n\t\t},\n\t\t'&>div:first-child': {\n\t\t\tminWidth: '105px',\n\t\t},\n\t},\n\tdocumentText: {\n\t\tcolor: 'inherit',\n\t\tflexGrow: 2,\n\t},\n\tdisclosures: {\n\t\t...theme.customstyles.title,\n\t\tcolor: theme.palette.text.primary,\n\t\tmarginTop: '24px',\n\n\t},\n\texpansionPanelStaticContent: {\n\t\tmargin: '10px 24px 5px',\n\t\tcolor: theme.palette.text.secondary,\n\t},\n\tcontentItem: {\n\t\tmarginBottom: '30px',\n\t},\n\tendItem: {\n\t\theight: '30px',\n\t},\n\tdownloadProgress: {\n\t\tposition: 'relative',\n\t\ttop: '30px',\n\t\tmarginTop: '-16px',\n\t\tleft: '18px',\n\t},\n\tdownloadRootLoading: {\n\t\tmarginLeft: '-18px',\n\t},\n});\n\nconst mapStateToProps = state => ({\n\tprofile: profile.selectors.profile(state),\n\tcurrentAccountData: userAccounts.selectors.currentAccountData(state),\n\tcurrentTradeAccount: userAccounts.selectors.currentTradeAccount(state),\n\taccountInfo: userAccounts.selectors.accountInfo(state),\n\taccountStatus: userAccounts.selectors.currentAccountStatus(state),\n\tuserInfo: userAccounts.selectors.userInfo(state),\n\thasOpenAccount: userAccounts.selectors.hasOpenAccount(state)\n});\n\n\nconst mapDispatchToProps = dispatch => ({\n\tactions: {\n\t\tsetCurrentPage: page => dispatch(push(page)),\n\t},\n});\n\nconst getDocDisplayName = (document) => {\n\tswitch (document.DocTypeExt) {\n\tcase 'just2trade': return 'Lime Account Agreement';\n\tcase 'just2trade_margin': return 'Lime Account Agreement';\n\tcase 'nasdaq': return 'Nasdaq Data Agreement';\n\tcase 'nyse': return 'NYSE Data Agreement';\n\tcase 'otc': return 'OTC Market Data Agreement';\n\tcase 'opra': return 'OPRA Market Data Agreement';\n\tcase 'vision_tcp': return\t'Trusted Contact Agreement';\n\tcase 'vision_margin': return 'Margin Supplement';\n\tcase 'vision_day_trading': return 'Margin Supplement';\n\tcase 'vision_options': return 'Options Agreement and Disclosures';\n\tcase 'vision': return 'Vision Individual or Joint Agreement';\n\tcase 'fw8ben': return 'W8BEN';\n\tcase 'fw8ben_joint': return 'W8BEN';\n\tdefault:\n\t}\n\tconst words = document.DocTypeExt ? document.DocTypeExt.split('_') : [];\n\tconst newWords = words.filter(word => word && word.length > 0)\n\t\t.map(word => word.charAt(0).toUpperCase() + word.substring(1));\n\treturn newWords.join(' ');\n};\n\nclass DocumentsAndDisclosures extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\topenPanelId: 'profile-documents',\n\t\t};\n\t}\n\n\tcomponentDidUpdate() {\n\t\tif (this.props.location.hash) {\n\t\t\tscrollTo(this.props.location.hash.substr(1));\n\t\t} else if (this.props.location.search) {\n\t\t\tconst parsed = qs.parse(this.props.location.search);\n\t\t\tif (parsed && parsed.commission && parsed.commission.toLowerCase() === 'zero') {\n\t\t\t\tscrollTo('tax-forms');\n\t\t\t}\n\t\t}\n\t}\n\n\tshowModal = (id) => {\n\t\tthis.props.history.push(addHashToUrl(this.props.location, id));\n\t}\n\n\ttoggleOpen = (open, id) => {\n\t\tthis.setState({ openPanelId: open ? id : null });\n\t};\n\n\trender() {\n\t\tconst {\n\t\t\tclasses,\n\t\t\tactions,\n\t\t\tprofile: {\n\t\t\t\tsubmitting,\n\t\t\t\tHasPaperDelivery,\n\t\t\t\tDocuments: ProfileDocuments,\n\t\t\t},\n\t\t\thasOpenAccount\n\t\t} = this.props;\n\t\tconst Documents = ProfileDocuments.filter(doc => doc.Size > 0);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{/* WEBCAB-3785 - hide Margin Type and Options,\n\t\t\t\t\t\t\t\tbecause access to them will be through the Main Upgrade Account button */}\n\t\t\t\t\t\t\t{/* \n\t\t\t\t\t\t\t*/}\n\t\t\t\t\t\t\t{(!Documents || !Documents.length) &&\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\tDocuments & Disclosures\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tThere are no documents to show\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t{Documents && Documents.sort((a, b) => (a.Date < b.Date ? 1 : -1)).map((document, index) => {\n\t\t\t\t\t\t\t\tconst docDisplayName = getDocDisplayName(document);\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{toUsaDateFormat(document.Date)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{docDisplayName}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t{isNumber(document.Size) &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{toUsaSizeFormat(document.Size * 1000)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tDisclosures\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t{isTotpEnabled &&\n\t\t\t\t\t\n\t\t\t\t\t\t
}\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t- \n\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t\t - \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t\t - \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{submitting\n\t\t\t\t\t\t\t? (\n\t\t\t\t\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n}\n\nCYChangePasswordForm.propTypes = {\n\tclasses: PropTypes.object.isRequired,\n\thandleSubmit: PropTypes.func.isRequired,\n\tresetKey: PropTypes.string,\n};\n\nexport default compose(\n\twithStyles(styles),\n\twithTheme,\n\tconnect(mapStateToProps, null),\n\treduxForm({\n\t\tform: CY_CHANGE_PASSWORD_FORM_ID,\n\t\tvalidate: CYChangePasswordForm.validate,\n\t\tonSubmitSuccess: (result, dispatch, props) => {\n\t\t\tif (props.onSuccess && (typeof props.onSuccess === 'function')) {\n\t\t\t\tprops.onSuccess();\n\t\t\t}\n\t\t},\n\t}),\n)(CYChangePasswordForm);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Input } from '@dev2t/react-ui-kit/src';\nimport CustomEditableItem from './CustomEditableItem';\n// eslint-disable-next-line no-unused-vars\n\nfunction valueOrDefault(val, defaultVal) {\n\tif (val) return val;\n\treturn defaultVal;\n}\nconst InputEditableItem = ({\n\ttitle,\n\tvalue,\n\tvalueIfEmpty,\n\t...otherProps\n}) => {\n\tconst valueControl = ();\n\treturn (\n\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t)\n\t}\n\n\treturn (\n\t\t\n\t\t\t\t\t
\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t:\r\n\t\t\t\r\n\t\t\t\t\tYou’re unable to submit anything without signature.\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tAdd Signature\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t{!children ? '' : children}\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nSignatureChecker.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\thasSignes: PropTypes.bool.isRequired,\r\n\t/**\r\n\t * main content: display if hasSignes is true.\r\n\t */\r\n\tchildren: PropTypes.any.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithStyles(styles),\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(SignatureChecker);\r\n","import { IconButton, CircularProgress, Box } from '@material-ui/core';\nimport React, { useEffect } from 'react';\nimport AutorenewIcon from '@material-ui/icons/Autorenew';\nimport DoneIcon from '@material-ui/icons/Done';\nimport { FormInput, useTranslate } from '@dev2t/react-ui-kit/src';\nimport { withStyles } from '@material-ui/core/styles';\nimport { compose } from 'recompose';\nimport { connect } from 'react-redux';\nimport { captcha } from '@redux';\nimport classNames from 'classnames';\nimport { CaptchaSteps } from '@enums';\n\nconst styles = {\n\timage: {\n backgroundRepeat: 'round',\n backgroundSize: 'contain',\n width: '100%',\n height: '100%',\n\t},\n\timageContainer: {\n height: '100%',\n width: '120px',\n borderLeft: '1px solid lightgray',\n borderRight: '1px solid lightgray',\n marginRight: '8px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n\t},\n\tcaptcha: {\n display: 'flex',\n alignSelf: 'stretch',\n maxHeight: 'unset',\n height: 'unset',\n flexShrink: 0,\n alignItems: 'center'\n\t},\n\tinputType: {\n\t\theight: 'auto',\n\t},\n\tinputContainer: {\n\t\tpadding: '0px 8px 0px 24px'\n\t}\n};\n\nconst mapStateToProps = state => ({\n\tloading: captcha.selectors.loading(state),\n imageBase64: captcha.selectors.imageBase64(state),\n value: captcha.selectors.value(state),\n step: captcha.selectors.step(state),\n});\n\nconst mapDispatchToProps = dispatch => ({\n\tactions: {\n resetCaptcha: () => dispatch(captcha.actions.reset.request()),\n setCaptchaInput: value => dispatch(captcha.actions.setCaptchaInput(value)),\n\t},\n});\n\nconst CaptchaItem = ({\n classes,\n actions: { resetCaptcha, setCaptchaInput },\n imageBase64,\n step,\n value,\n ...props \n}) => {\n\tconst translate = useTranslate();\n\n useEffect(() => { resetCaptcha() }, []);\n\n if (step === CaptchaSteps.VALIDATING_SUCCESS)\n {\n const done = \n \n \n
);\n \n return (\n \n {step === CaptchaSteps.LOADING_IMAGE && progress}\n {step === CaptchaSteps.LOADING_IMAGE_FAILURE &&
\n\n Failed to load
}\n {step === CaptchaSteps.WAITING_FOR_INPUT \n && }\n \r\n\t\t\t\t\t{(constants.FIRM_J2TX === env.firm) &&\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t}\r\n\t\t\t\t\t{(env.firm === constants.LIME_FIN) &&\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nMainContent.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tloading: PropTypes.bool.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithStyles(styles),\r\n\tconnect(mapStateToProps, null),\r\n)(MainContent);\r\n","import React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport compose from 'recompose/compose';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport PropTypes from 'prop-types';\r\nimport {\r\n\tExpansionPanel,\r\n\tProgressContainer,\r\n\tShowMore,\r\n} from '@components';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\nimport { userAccounts } from '@redux';\r\nimport { connect } from 'react-redux';\r\nimport { CurrentHoldingsTable } from './components';\r\n\r\n\r\nconst styles = theme => ({\r\n\tsubhead: {\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t\tmarginLeft: '15px',\r\n\t},\r\n\ttable: {\r\n\t\toverflowX: 'auto',\r\n\t},\r\n\tshowMoreContainer: {\r\n\t\tpadding: '20px',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'center',\r\n\t\tcursor: 'pointer',\r\n\t},\r\n});\r\n\r\nconst mapStateToProps = state => ({\r\n\taccountData: userAccounts.selectors.currentAccountData(state),\r\n});\r\n\r\nclass CurrentHoldings extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tholdersCount: 5,\r\n\t\t};\r\n\t\tthis.showMore = this.showMore.bind(this);\r\n\t\tthis.showLess = this.showLess.bind(this);\r\n\t}\r\n\r\n\tshowMore() {\r\n\t\tthis.setState({\r\n\t\t\tholdersCount: this.state.holdersCount + 5,\r\n\t\t});\r\n\t}\r\n\r\n\tshowLess() {\r\n\t\tif (this.state.holdersCount > 5) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tholdersCount: this.state.holdersCount - 5,\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\taccountData: {\r\n\t\t\t\tportfolio,\r\n\t\t\t\tsubmitting,\r\n\t\t\t},\r\n\t\t} = this.props;\r\n\r\n\t\treturn (\r\n\t\t\tDashboard J2TX
\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{[constants.LIME_INT, constants.LIME_NSR, constants.LIME_LME, constants.FIRM_J2TX].some(x => x === env.firm) &&\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{([constants.LIME_LME, constants.FIRM_J2TX].every(x => x !== env.firm))\r\n\t\t\t\t\t\t\t\t\t?
\r\n\t\t\t\t\t\t\t{([constants.LIME_LME, constants.FIRM_J2TX].every(x => x !== env.firm)) &&\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t{!currentAccountIsDemo &&\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{[constants.LIME_LME, constants.FIRM_J2TX].some(x => x === env.firm)\r\n\t\t\t\t\t\t\t\t\t\t?
\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t| Ticker | \r\n\t\t\t\t\t\tQ-ty | \r\n\t\t\t\t\t\tCurrent price | \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{env.firm === constants.LIME_NSR ? 'Value' : 'Market value'}\r\n\t\t\t\t\t\t | \r\n\t\t\t\t\t\tYield | \r\n\t\t\t\t\t
|---|---|---|---|---|
| \r\n\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t | \r\n\t\t\t\t\t\t
\r\n\t\t\t\t{logoIcon &&\r\n\t\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nTicker.propTypes = {\r\n\tcompanyName: PropTypes.string.isRequired,\r\n\tsymbol: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default compose(withStyles(styles))(Ticker);\r\n","import React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport compose from 'recompose/compose';\r\nimport PropTypes from 'prop-types';\r\nimport { toUsaFormat } from '@global';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\r\n\t},\r\n\tquantity: {\r\n\t\t...theme.customstyles.subheadingSm,\r\n\t\tcolor: theme.palette.text.primary,\r\n\t},\r\n\tmarketValuePercent: {\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n});\r\n\r\nclass Quantity extends React.Component {\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\tquantity,\r\n\t\t\tmarketValuePercent,\r\n\t\t} = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\t
\t\r\n\t\t\t{symbol}
\r\n\t\t\t\t\t{companyName}
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nQuantity.propTypes = {\r\n\tquantity: PropTypes.number.isRequired,\r\n\tmarketValuePercent: PropTypes.number.isRequired,\r\n};\r\n\r\nexport default compose(withStyles(styles))(Quantity);\r\n","import React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport compose from 'recompose/compose';\r\nimport PropTypes from 'prop-types';\r\nimport { toUsaFormat } from '@global';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tdisplay: 'flex',\r\n\t\ttextAlign: 'right',\r\n\t\tjustifyContent: 'flex-end',\r\n\t},\r\n\tcurrentPrice: {\r\n\t\t...theme.customstyles.subheadingSm,\r\n\t\tcolor: theme.palette.text.primary,\r\n\t},\r\n});\r\n\r\nclass CurrentPrice extends React.Component {\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\tcurrentPrice,\r\n\t\t} = this.props;\r\n\t\treturn (\r\n\t\t\t{toUsaFormat(quantity, 0)}
\r\n\t\t\t\t{toUsaFormat(marketValuePercent)}%
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nCurrentPrice.propTypes = {\r\n\tcurrentPrice: PropTypes.number.isRequired,\r\n};\r\n\r\nexport default compose(withStyles(styles))(CurrentPrice);\r\n","import React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport compose from 'recompose/compose';\r\nimport PropTypes from 'prop-types';\r\nimport { toUsaFormat } from '@global';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'flex-end',\r\n\t},\r\n\tcurrentPrice: {\r\n\t\t...theme.customstyles.subheadingSm,\r\n\t\tcolor: theme.palette.text.primary,\r\n\t},\r\n});\r\n\r\nclass MarketValue extends React.Component {\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\tmarketValue,\r\n\t\t} = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t{toUsaFormat(currentPrice)}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nMarketValue.propTypes = {\r\n\tmarketValue: PropTypes.number.isRequired,\r\n};\r\n\r\nexport default compose(withStyles(styles))(MarketValue);\r\n","import React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport compose from 'recompose/compose';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { toUsaFormat } from '@global';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\ttextAlign: 'right',\r\n\t},\r\n\tgain: {\r\n\t\t...theme.customstyles.subheadingSm,\r\n\t},\r\n\tgainPercent: {\r\n\t\t...theme.customstyles.body,\r\n\t},\r\n\tred: {\r\n\t\tcolor: theme.palette.error.main,\r\n\t},\r\n\tgreen: {\r\n\t\tcolor: theme.palette.success.main,\r\n\t},\r\n});\r\n\r\nclass Yield extends React.Component {\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\tgain,\r\n\t\t\tgainPercent,\r\n\t\t} = this.props;\r\n\t\tconst rootCssClass = classNames({\r\n\t\t\t[classes.root]: true,\r\n\t\t\t[classes.red]: gain < 0,\r\n\t\t\t[classes.green]: gain > 0,\r\n\t\t});\r\n\t\treturn (\r\n\t\t\t{toUsaFormat(marketValue)}
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nYield.propTypes = {\r\n\tgain: PropTypes.number.isRequired,\r\n\tgainPercent: PropTypes.number.isRequired,\r\n};\r\n\r\nexport default compose(withStyles(styles))(Yield);\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport SafeComponent from 'react-safe-component';\r\nimport compose from 'recompose/compose';\r\nimport moment from 'moment';\r\nimport {\r\n\tExpansionPanel,\r\n\tProgressContainer,\r\n\tShowMore,\r\n} from '@components';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\nimport { constants, env } from '@config';\r\nimport { snackbar, userAccounts } from '@redux';\r\nimport PropTypes from 'prop-types';\r\nimport { CYItem } from '@components';\r\nimport { CYTransactionsFilters, Item } from './components';\r\n\r\n\r\nconst styles = (theme) => {\r\n\tconst filtersCss = {\r\n\t\t...theme.customstyles.title,\r\n\t\tcolor: theme.palette.primary.dark,\r\n\t\twidth: '100%',\r\n\t\tdisplay: 'flex',\r\n\t\tflexWrap: 'wrap',\r\n\t\tjustifyContent: 'flex-start',\r\n\t\t'& > span': {\r\n\t\t\tmarginRight: '40px',\r\n\t\t\twhiteSpace: 'nowrap',\r\n\t\t},\r\n\t};\r\n\r\n\treturn {\r\n\t\titemContainer: {\r\n\t\t\tpadding: '0 16px',\r\n\t\t\tmargin: '0px -16px',\r\n\t\t\t'&:hover': {\r\n\t\t\t\tbackgroundColor: theme.palette.customColors.hover,\r\n\t\t\t},\r\n\t\t},\r\n\t\titem: {\r\n\t\t\tborderBottom: '1px solid #deeaef',\r\n\t\t\tpadding: '16px 0',\r\n\t\t},\r\n\t\ttranFilters: filtersCss,\r\n\t\ttranHeader: {\r\n\t\t\t...filtersCss,\r\n\t\t\tpadding: '10px 0',\r\n\t\t\t[theme.breakpoints.up('md')]: {\r\n\t\t\t\tflexWrap: 'nowrap',\r\n\t\t\t},\r\n\t\t},\r\n\t};\r\n};\r\n\r\nconst mapStateToProps = state => ({\r\n\tcashActivities: userAccounts.selectors.cashActivities(state),\r\n\tcurrentTradeAccount: userAccounts.selectors.currentTradeAccount(state),\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n\tactions: {\r\n\t\tloadPage: payload => dispatch(userAccounts.actions.getTransactionsHistory.request(payload)),\r\n\t\tshowError: message => dispatch(snackbar.actions.showErrorMessage({ text: message })),\r\n\t},\r\n});\r\n\r\nclass TransactionsHistory extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.startDateInit = new Date(moment().year(), moment().month() - 2, moment().date());\r\n\t\tthis.endDateInit = new Date();\r\n\t\tthis.actionsTypeInit = 0;\r\n\t\tthis.tranSearchInit = '';\r\n\r\n\t\tthis.filter = {\r\n\t\t\tstartDate: this.startDateInit,\r\n\t\t\tendDate: this.endDateInit,\r\n\t\t\tactionsType: this.actionsTypeInit,\r\n\t\t\ttranSearch: this.tranSearchInit,\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif (prevProps.currentTradeAccount.tradeCode !== this.props.currentTradeAccount.tradeCode) {\r\n\t\t\tthis.filter = {\r\n\t\t\t\tstartDate: this.startDateInit,\r\n\t\t\t\tendDate: this.endDateInit,\r\n\t\t\t\tactionsType: this.actionsTypeInit,\r\n\t\t\t\ttranSearch: this.tranSearchInit,\r\n\t\t\t};\r\n\t\t}\r\n\t}\r\n\r\n\tchangeFilter = (filter) => {\r\n\t\tthis.filter = filter;\r\n\t\tthis.props.actions.loadPage({\r\n\t\t\tTradeCode: this.props.currentTradeAccount.tradeCode,\r\n\t\t\tClearerFirm: this.props.currentTradeAccount.clearerFirm,\r\n\t\t\tStartDate: moment(this.filter.startDate).locale('en_GB').format('YYYYMMDD'),\r\n\t\t\tEndDate: moment(this.filter.endDate).locale('en_GB').format('YYYYMMDD'),\r\n\t\t\tPage: 1,\r\n\t\t\t// pageSize: 8,\r\n\t\t\tType: this.filter.actionsType,\r\n\t\t\tSearch: this.filter.tranSearch,\r\n\t\t});\r\n\t}\r\n\r\n\tloadMore = () => {\r\n\t\tconst {\r\n\t\t\tcurrentTradeAccount,\r\n\t\t\tcashActivities: {\r\n\t\t\t\tpagination: {\r\n\t\t\t\t\tPage,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t} = this.props;\r\n\r\n\t\tthis.props.actions.loadPage({\r\n\t\t\tTradeCode: currentTradeAccount.tradeCode,\r\n\t\t\tClearerFirm: currentTradeAccount.clearerFirm,\r\n\t\t\tStartDate: moment(this.filter.startDate).locale('en_GB').format('YYYYMMDD'),\r\n\t\t\tEndDate: moment(this.filter.endDate).locale('en_GB').format('YYYYMMDD'),\r\n\t\t\tPage: Page + 1,\r\n\t\t\t// pageSize: 8,\r\n\t\t\tType: this.filter.actionsType,\r\n\t\t\tSearch: this.filter.tranSearch,\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\tcashActivities: {\r\n\t\t\t\tloading,\r\n\t\t\t\titems,\r\n\t\t\t\tpagination: {\r\n\t\t\t\t\tPage,\r\n\t\t\t\t\tPageSize,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t} = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t{toUsaFormat(gain)}
\r\n\t\t\t\t{toUsaFormat(gainPercent)}%
\r\n\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t\tid=\"transaction-history\"\r\n\t\t\t>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t{/* filter technicals */}\r\n\t\t\t\t\t\t\t{item && !item.IsTechnical &&\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t))}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{env.firm === constants.LIME_FIN \r\n\t\t\t\t\t\t\t\t\t\t?
\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tif (item.CanBeCanceled) {\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{opened &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{Icon}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\treturn \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nFundItem.propTypes = {\r\n\titem: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithStyles(styles),\r\n\tSafeComponent,\r\n)(FundItem);","import React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport compose from 'recompose/compose';\r\nimport PropTypes from 'prop-types';\r\nimport { SvgIcon } from '@components';\r\nimport moment from 'moment';\r\nimport classNames from 'classnames';\r\nimport { toUsaFormat, capitalizeFirstLetter } from '@global';\r\n\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t},\r\n\tleftEmptyColumn: {\r\n\t\twidth: '40px',\r\n\t},\r\n\tleftColumn: {\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t\talignContent: 'center',\r\n\t\tjustifyContent: 'center',\r\n\t},\r\n\tmiddleColumn: {\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'row',\r\n\t\talignContent: 'center',\r\n\t\tjustifyContent: 'flex-start',\r\n\t\tflexGrow: 2\r\n\t},\r\n\tlogoColumn: {\r\n\t\tdisplay: 'flex'\r\n\t},\r\n\tlogoIcon: {\r\n\t width: '40px',\r\n \theight: '40px',\r\n \talignSelf: 'center',\r\n\t},\r\n\tinfoColumn: {\r\n\t\tmarginLeft: '5px',\r\n\t},\r\n\trightColumn: {\r\n\t\twidth: '30%',\r\n\t},\r\n\ttitle: {\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.primary,\r\n\t\tfontSize: '18px',\r\n\t},\r\n\tdate: {\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n\tprice: {\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t\tverticalAlign: 'text-top',\r\n\t},\r\n\tstatus: {\r\n\t\t...theme.customstyles.body,\r\n\t},\r\n\tamountData: {\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t\talignContent: 'center',\r\n\t\tjustifyContent: 'center',\r\n\t\ttextAlign: 'right',\r\n\t},\r\n\tcancel: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tmarginLeft: '22px',\r\n\t},\r\n\tred: {\r\n\t\tcolor: theme.palette.error.main,\r\n\t},\r\n\tgreen: {\r\n\t\tcolor: theme.palette.success.main,\r\n\t},\r\n\tblack: {\r\n\t\tcolor: theme.palette.text.primary,\r\n\t},\r\n\tgrey: {\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n});\r\n\r\nclass TradeItem extends React.Component {\r\n\trender() {\r\n\t\tconst {\r\n\t\t\titem,\r\n\t\t\tclasses,\r\n\t\t} = this.props;\r\n\r\n\t\tconst colorCssClass = classNames({\r\n\t\t\t[classes.red]: item.Amount < 0,\r\n\t\t\t[classes.green]: item.Amount > 0,\r\n\t\t\t[classes.grey]: item.Amount === 0,\r\n\t\t});\r\n\r\n\t\tlet amount = '';\r\n\t\tif (item.Amount != null) {\r\n\t\t\tif (item.Amount !== 0) {\r\n\t\t\t\tamount = item.Amount > 0 ? '+' : '-';\r\n\t\t\t}\r\n\t\t\tamount += toUsaFormat(Math.abs(item.Amount));\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t{!item.IsUserTransaction && \r\n\t\t\t\t\t\t(\r\n\t\t\t\t\t\t\titem.LogoIconUrl ?\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t:\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t) \r\n\t\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\t{item.Symbol &&\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t{item.Symbol}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{fundTitle}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{/* american time zone (no utc) */}\r\n\t\t\t\t\t\t{moment(item.Date).format('D MMM YYYY')}\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{item.Status &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{amount}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{item.Status}\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nTradeItem.propTypes = {\r\n\titem: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default compose(withStyles(styles))(TradeItem);\r\n","import React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport compose from 'recompose/compose';\r\nimport PropTypes from 'prop-types';\r\nimport SafeComponent from 'react-safe-component';\r\nimport { toUsaFormat, toUsaMoneyFormat } from '@global';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'flex-end',\r\n\t\t[theme.breakpoints.down('sm')]: {\r\n\t\t\tjustifyContent: 'space-between',\r\n\t\t},\r\n\t},\r\n\tleftColumn: {\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t},\r\n\trightColumn: {\r\n\t\t[theme.breakpoints.up('sm')]: {\r\n\t\t\twidth: '25%',\r\n\t\t},\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.primary,\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t\ttextAlign: 'right',\r\n\t},\r\n});\r\n\r\nclass FeeItem extends React.Component {\r\n\tgetPrecision = (num) => {\r\n\t\tconst s = `${num}`;\r\n\t\tconst d = s.indexOf('.') + 1;\r\n\t\treturn !d ? 0 : s.length - d;\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\titem,\r\n\t\t\tclasses,\r\n\t\t} = this.props;\r\n\r\n\t\tconst maxPrecision = Math.max(this.getPrecision(item.GrossAmount), item.Fees.reduce((prevMax, current) => Math.max(prevMax, this.getPrecision(current.Amount)), 2));\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\titem.LogoIconUrl ? \r\n\t\t\t\t\t\t
\r\n\t\t\t\t{!!item.Price &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t:\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t{item.Symbol}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{/* american time zone (no utc) */}\r\n\t\t\t\t\t\t\t{moment(item.Date).format('D MMM YYYY')}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{capitalizeFirstLetter(item.Direction)} {item.Quantity} \r\n\t\t\t\t\t\t@ \r\n\t\t\t\t\t\t{toUsaFormat(item.Price)}\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{item.CanBeCanceled &&\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{item.Status &&\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{amount}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{item.Status}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nFeeItem.propTypes = {\r\n\titem: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithStyles(styles),\r\n\tSafeComponent,\r\n)(FeeItem);\r\n","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport compose from 'recompose/compose';\nimport PropTypes from 'prop-types';\nimport SafeComponent from 'react-safe-component';\nimport { toUsaFormat, capitalizeFirstLetter} from '@global';\nimport moment from 'moment';\nimport classNames from 'classnames';\n\nconst styles = theme => ({\n\troot: {\n\t\tdisplay: 'flex',\n\t\talignItems: 'center'\n\t},\n\tleftEmptyColumn: {\n\t\twidth: '40px',\n\t},\n\tleftColumn: {\n\t\tdisplay: 'flex',\n\t\tflexDirection: 'column',\n\t\talignContent: 'center',\n\t\tjustifyContent: 'center',\n\t},\n\tinfoColumn: {\n\t\tmarginLeft: '5px',\n\t\t[theme.breakpoints.down('md')]: {\n\t\t\twidth: '80px',\n\t\t},\n\t\t[theme.breakpoints.up('md')]: {\n\t\t\twidth: '200px',\n\t\t},\n\t},\n\tlogoColumn: {\n\t\tdisplay: 'flex'\n\t},\n\tlogoIcon: {\n\t width: '40px',\n \theight: '40px',\n \talignSelf: 'center',\n\t},\n\tmiddleColumn: {\n\t\tdisplay: 'flex',\n\t\tflexDirection: 'row',\n\t\talignContent: 'center',\n\t\tjustifyContent: 'flex-start',\n\t\tflexGrow: 2,\n\t},\n\trightColumn: {\n\t\twidth: '30%',\n\t},\n\ttitle: {\n\t\t...theme.customstyles.body,\n\t\tcolor: theme.palette.text.primary,\n\t\ttextOverflow: 'ellipsis',\n\t\toverflow: 'hidden',\n\t\twhiteSpace: 'nowrap',\n\t},\n\ttitleSymbol: {\n\t\t...theme.customstyles.body,\n\t\tcolor: theme.palette.text.primary,\n\t\tfontSize: '18px',\n\t},\n\tprice: {\n\t\t...theme.customstyles.body,\n\t\tcolor: theme.palette.text.secondary,\n\t\tverticalAlign: 'text-top',\n\t},\n\tdate: {\n\t\t...theme.customstyles.body,\n\t\tcolor: theme.palette.text.secondary,\n\t},\n\tamount: {\n\t\t...theme.customstyles.body,\n\t\tcolor: theme.palette.text.primary,\n\t\tfontSize: '18px',\n\t},\n\tstatus: {\n\t\t...theme.customstyles.body,\n\t},\n\tamountData: {\n\t\tdisplay: 'flex',\n\t\tflexDirection: 'column',\n\t\talignContent: 'center',\n\t\tjustifyContent: 'center',\n\t\ttextAlign: 'right',\n\t},\n\tred: {\n\t\tcolor: theme.palette.error.main,\n\t},\n\tgreen: {\n\t\tcolor: theme.palette.success.main,\n\t},\n\tblack: {\n\t\tcolor: theme.palette.text.primary,\n\t},\n\tgrey: {\n\t\tcolor: theme.palette.text.secondary,\n\t},\n\t\n});\n\nclass InstrumentItem extends React.Component {\n\trender() {\n\t\tconst {\n\t\t\titem,\n\t\t\tclasses,\n\t\t} = this.props;\n\n\t\tconst colorCssClass = classNames({\n\t\t\t[classes.red]: item.Color === 'red',\n\t\t\t[classes.green]: item.Color === 'green',\n\t\t\t[classes.black]: item.Color === 'black',\n\t\t\t[classes.black]: item.Color === 'gray',\n\t\t});\n\n\t\tlet directionText;\n\n\t\tlet amount = '';\n\t\tif (item.Amount != null) {\n\t\t\tif (item.Amount !== 0) {\n\t\t\t\tamount = item.Amount > 0 ? '+' : '-';\n\t\t\t}\n\t\t\tamount += toUsaFormat(Math.abs(item.Amount));\n\t\t}\n\n\t\tlet fundTitle = null;\n\n\t\tif (item.IsUserTransaction) {\n\t\t\tswitch (item.Direction) {\n\t\t\tcase 'deposit':\n\t\t\t\tfundTitle = 'Deposit';\n\t\t\t\tbreak;\n\n\t\t\tcase 'withdrawal':\n\t\t\t\tfundTitle = 'Withdraw';\n\t\t\t\tbreak;\n\n\t\t\tdefault:\n\t\t\t\tfundTitle = 'Unknown';\n\t\t\t}\n\t\t}\n\n\t\tif (item.Description) {\n\t\t\tif (!fundTitle) {\n\t\t\t\tfundTitle = item.Description;\n\t\t\t} else {\n\t\t\t\tfundTitle += ` ${item.Description}`;\n\t\t\t}\n\t\t}\n\n\t\tconst logoFileName = item.Bank ? `${item.Bank}.png` : null;\n\n\t\treturn (\n\t\t\t\r\n\t\t\t\t\tPrincipal Amount\r\n\t\t\t\t\t{item.Fees.map((fee, i) => {fee.Name})}\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{item.GrossAmount && toUsaFormat(item.GrossAmount, maxPrecision)}\r\n\t\t\t\t\t\r\n\t\t\t\t\t{item.Fees.map((fee, i) => (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{toUsaFormat(fee.Amount, maxPrecision)}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t))}\r\n\t\t\t\t
\r\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nInstrumentItem.propTypes = {\n\titem: PropTypes.object.isRequired,\n};\n\nexport default compose(\n\twithStyles(styles),\n\tSafeComponent,\n)(InstrumentItem);\n","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport SafeComponent from 'react-safe-component';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport compose from 'recompose/compose';\nimport {\n\tDateRangePicker,\n\tSelect,\n} from '@components';\nimport { env } from '@config';\nimport { R } from '@dev2t/react-ui-kit/src/components';\nimport { snackbar, userAccounts } from '@redux';\n\n\nconst styles = theme => ({\n\tselectType: {\n\t\tmarginTop: '5px!important',\n\t\tcolor: theme.palette.primary.main,\n\t\ttextTransform: 'uppercase',\n\t},\n\tinputType: {\n\t\tpaddingTop: 0,\n\t\tpaddingBottom: 0,\n\t},\n\tmenuInput: {\n\t\ttextTransform: 'uppercase',\n\t},\n\tsearchInputContainer: {\n\t\tcolor: theme.palette.primary.main,\n\t},\n\tsearchUnderline: {\n\t\tborderBottom: 0,\n\t\t'&:hover': {\n\t\t\tborderBottom: 0,\n\t\t},\n\t},\n\tsearchInput: {\n\t\twidth: '100%',\n\t\t'&:before': {\n\t\t\tborderBottom: 0,\n\t\t},\n\t\t'&:hover': {\n\t\t\tborderBottom: 0,\n\t\t},\n\t},\n\tsearchInputRight: {\n\t\twidth: '100%',\n\t\ttextAlign: 'right',\n\t},\n\tsearchIcon: {\n\t\tcolor: theme.palette.primary.main,\n\t\tmargin: '3px 0',\n\t\tverticalAlign: 'middle',\n\t},\n});\n\nconst mapStateToProps = state => ({\n\tcashActivities: userAccounts.selectors.cashActivities(state),\n\tcurrentTradeAccount: userAccounts.selectors.currentTradeAccount(state),\n});\n\nconst mapDispatchToProps = dispatch => ({\n\tactions: {\n\t\tloadPage: payload => dispatch(userAccounts.actions.getTransactionsHistory.request(payload)),\n\t\tshowError: message => dispatch(snackbar.actions.showErrorMessage({ text: message })),\n\t},\n});\n\nclass CYTransactionsFilters extends React.Component {\n\tstartDateChange = (date) => {\n\t\tthis.props.changeFilter({\n\t\t\t...this.props.filter,\n\t\t\tstartDate: date,\n\t\t});\n\t};\n\n\tendDateChange = (date) => {\n\t\tthis.props.changeFilter({\n\t\t\t...this.props.filter,\n\t\t\tendDate: date,\n\t\t});\n\t};\n\n\tactionsTypeChange = (event) => {\n\t\tthis.props.changeFilter({\n\t\t\t...this.props.filter,\n\t\t\tactionsType: event.target.value,\n\t\t});\n\t}\n\n\tsearchKeyPress = (event) => {\n\t\tif (event.keyCode === 13 && this.props.filter.tranSearch !== event.target.value) {\n\t\t\tthis.props.changeFilter({\n\t\t\t\t...this.props.filter,\n\t\t\t\ttranSearch: event.target.value,\n\t\t\t});\n\t\t}\n\t};\n\n\tloseFocus = (event) => {\n\t\tif (this.props.filter.tranSearch !== event.target.value) {\n\t\t\tthis.props.changeFilter({\n\t\t\t\t...this.props.filter,\n\t\t\t\ttranSearch: event.target.value,\n\t\t\t});\n\t\t}\n\t};\n\n\trender() {\n\t\tconst {\n\t\t\tactions,\n\t\t\tclasses,\n\t\t\tcurrentTradeAccount,\n\t\t\tfilter: {\n\t\t\t\tstartDate,\n\t\t\t\tendDate,\n\t\t\t\tactionsType,\n\t\t\t},\n\t\t} = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t{!item.IsUserTransaction && \n\t\t\t\t\t\t(\n\t\t\t\t\t\t\titem.LogoIconUrl ?\n\t\t\t\t\t\t\t
\n\t\t\t\t{!!item.Price &&\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t) \n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\t{item.Symbol &&\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t{item.Symbol}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{fundTitle}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{/* american time zone (no utc) */}\n\t\t\t\t\t\t\t{moment(item.Date).format('D MMM YYYY')}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{capitalizeFirstLetter(item.Direction)} {item.Quantity} \n\t\t\t\t\t\t@ \n\t\t\t\t\t\t{toUsaFormat(item.Price)}\n\t\t\t\t\t
\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{item.Status &&\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{amount}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{item.Status}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t{resolution >= app.CONFIG.RESOLUTIONS_ENUM.md\n\t\t\t? \n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t onTableChange(event.target.value)}\n\t\t\t\t\t\t\tclassName={classes.endOfFlexSelect}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t}\n\t\t\t{activeTable === OperationTabs.TRANSACTION_HISTORY\n\t\t\t? }\t\t\t\n\t\t
\n\t);\n}\n\nOperationsTable.defaultProps = {};\n\nexport default compose(\n\twithStyles(styles),\n)(OperationsTable);\n","import React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport PropTypes from 'prop-types';\r\nimport compose from 'recompose/compose';\r\nimport { connect } from 'react-redux';\r\nimport { env } from '@config';\r\nimport { signature, userAccounts } from '@redux';\r\nimport { A, ExpansionPanel, SvgIcon } from '@components';\r\nimport {\r\n\tOpenedBody,\r\n\tBriefInfo,\r\n} from './components';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tborderRadius: '10px',\r\n\t\t// backgroundColor: '#ffffff',\r\n\t\tboxShadow: '0 6px 16px 0 rgba(61, 65, 71, 0.12)',\r\n\t\tpadding: '10px 24px 29px',\r\n\t\t// margin: '0 -25px',\r\n\t},\r\n\theader: {\r\n\t\tmarginRight: '30px',\r\n\t},\r\n\tupgrade: {\r\n\t\t...theme.customstyles.button,\r\n\t\twhiteSpace: 'nowrap',\r\n\t},\r\n\tupgradeIcon: {\r\n\t\tverticalAlign: 'middle',\r\n\t},\r\n\tpendingInfoText: {\r\n\t\tdisplay: 'inline-block',\r\n\t\tcolor: theme.palette.error.main,\r\n\t\tmargin: '0 0',\r\n\t},\r\n});\r\n\r\nconst mapStateToProps = state => ({\r\n\tcurrentAccountData: userAccounts.selectors.currentAccountData(state),\r\n\tcurrentTradeAccount: userAccounts.selectors.currentTradeAccount(state),\r\n\taccountStatus: userAccounts.selectors.currentAccountStatus(state),\r\n\taccountInfo: userAccounts.selectors.accountInfo(state),\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n\tactions: {\r\n\t},\r\n});\r\n\r\n\r\nclass IndividualCashAccount extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tisChartPanelOpen: false,\r\n\t\t};\r\n\t}\r\n\r\n\t// showUpgradeModal = () => {\r\n\t// \tconst { actions, currentTradeAccount, currentAccountData } = this.props;\r\n\t// }\r\n\r\n\ttoggleChartPanelOpen = () => {\r\n\t\tthis.setState({ isChartPanelOpen: !this.state.isChartPanelOpen });\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\tcurrentAccountData,\r\n\t\t} = this.props;\r\n\r\n\t\tconst { baseParams } = currentAccountData;\r\n\t\tconst headerTitle =\r\n\t\t\t(currentAccountData &&\r\n\t\t\tcurrentAccountData.baseParams &&\r\n\t\t\tcurrentAccountData.baseParams.AccountType &&\r\n\t\t\tcurrentAccountData.baseParams.MarginOptionParameters &&\r\n\t\t\tcurrentAccountData.baseParams.MarginOptionParameters.MarginType)\r\n\t\t\t\t? `${currentAccountData.baseParams.AccountType} ${currentAccountData.baseParams.MarginOptionParameters.MarginType} Account`\r\n\t\t\t\t: '';\r\n\r\n\t\tconst totalGainPercent = currentAccountData && currentAccountData.portfolio &&\r\n\t\t\tcurrentAccountData.portfolio.TotalGainPercent;\r\n\r\n\t\treturn (\r\n\t\t\t\n\t\t\t\t\t onTableChange(value)}\n\t\t\t\t\t\tindicatorColor=\"primary\"\n\t\t\t\t\t\ttextColor=\"primary\"\n\t\t\t\t\t\tcentered\n\t\t\t\t\t\tvalue={activeTable}\n\t\t\t\t\t>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={OperationTabs.TRANSACTION_HISTORY}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={OperationTabs.NON_TRADING_OPERATIONS}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t:\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t{headerTitle}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t}\r\n\t\t\t\t\tid=\"individual-cash-account\"\r\n\t\t\t\t\tcollapsedBodyContent={\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t}\r\n\t\t\t\t\tonToggleOpen={this.toggleChartPanelOpen}\r\n\t\t\t\t\tisOpen={this.state.isChartPanelOpen}\r\n\t\t\t\t>\r\n\t\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nIndividualCashAccount.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tactions: PropTypes.object.isRequired,\r\n\taccountInfo: PropTypes.object.isRequired,\r\n\taccountStatus: PropTypes.object.isRequired,\r\n\tcurrentAccountData: PropTypes.object.isRequired,\r\n\tcurrentTradeAccount: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithStyles(styles),\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(IndividualCashAccount);\r\n","/* eslint-disable no-plusplus */\r\nimport React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport compose from 'recompose/compose';\r\nimport { connect } from 'react-redux';\r\nimport { userAccounts } from '@redux';\r\nimport { Chart, Select } from '@components';\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport PropTypes from 'prop-types';\r\nimport { toUsaMoneyFormat } from '@global';\r\nimport { BriefInfo, ChangeInfo } from '../';\r\nimport moment from 'moment-timezone';\r\n\r\nconst PERIOD = {\r\n\tM1: 43200,\r\n\tM3: 129600,\r\n\tM6: 259200,\r\n\tY1: 525600,\r\n\tALL: 2147483647,\r\n};\r\n\r\nconst getDataByPeriod = (dataArray, periodToReturn) => {\r\n\tconst dateTo = new Date(dataArray[0].D);\r\n\tdateTo.setDate(dateTo.getDate() - (periodToReturn / 60 / 24));\r\n\r\n\tconst resultData = [];\r\n\tfor (let i = dataArray.length - 1; i >= 0; i--) {\r\n\t\tif (dataArray[i] && new Date(dataArray[i].D) >= dateTo) {\r\n\t\t\tresultData.push(dataArray[i]);\r\n\t\t}\r\n\t}\r\n\tconst change = resultData[resultData.length - 1].V - resultData[0].V;\r\n\tconst changePercent = (change * 100) / resultData[0].V;\r\n\treturn {\r\n\t\tPoints: resultData,\r\n\t\tChangePercent: changePercent,\r\n\t};\r\n};\r\n\r\nconst styles = theme => ({\r\n\troot: {},\r\n\tbriefInfo: {\r\n\t\tmarginTop: '24px',\r\n\t\t'&:first-child': {\r\n\t\t\tmarginTop: '0px',\r\n\t\t},\r\n\t},\r\n\tchart: {},\r\n\tfooter: {\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'space-between',\r\n\t\t[theme.breakpoints.down('sm')]: {\r\n\t\t\tflexDirection: 'column',\r\n\t\t\talignItems: 'center',\r\n\t\t},\r\n\t},\r\n\tindustries: {\r\n\t},\r\n\tperiods: {\r\n\t},\r\n\tperiodsTabs: {\r\n\t\tmaxWidth: '50px',\r\n\t\tminWidth: '0px',\r\n\t},\r\n});\r\n\r\n\r\nconst mapStateToProps = state => ({\r\n\tcurrentAccountData: userAccounts.selectors.currentAccountData(state),\r\n\tcharts: userAccounts.selectors.charts(state),\r\n});\r\n\r\n\r\nclass OpenedBody extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tperiod: 'M1',\r\n\t\t};\r\n\t\tthis.handlePeriodChange = this.handlePeriodChange.bind(this);\r\n\t}\r\n\r\n\thandlePeriodChange(event, period) {\r\n\t\tthis.setState({ period });\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\tcharts,\r\n\t\t\tcurrentAccountData: { baseParams },\r\n\r\n\t\t} = this.props;\r\n\r\n\t\tconst mainDataForPeriod = charts !== undefined && charts && charts.Data && charts.Data.length > 0 &&\r\n\t\tgetDataByPeriod(charts.Data, PERIOD[this.state.period]);\r\n\r\n\t\tconst mainChartData =\r\n\t\t\tcharts && charts.Data &&\r\n\t\t\tmainDataForPeriod && mainDataForPeriod.Points &&\r\n\t\t\t(charts.Data.length > 0) ?\r\n\t\t\t\t{\r\n\t\t\t\t\tlegendTitle: 'equity',\r\n\t\t\t\t\tchartData: mainDataForPeriod.Points,\r\n\t\t\t\t}\r\n\t\t\t\t: null;\r\n\t\tconst d = charts && charts.Data && charts.Data && charts.Data.length && charts.Data[0].D;\r\n\t\tconst offset = moment.tz.zone('America/New_York').utcOffset(d || new Date());\r\n\t\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nOpenedBody.propTypes = {};\r\n\r\nexport default compose(\r\n\twithStyles(styles),\r\n\tconnect(mapStateToProps, null),\r\n)(OpenedBody);\r\n","import React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport compose from 'recompose/compose';\r\nimport { SvgIcon } from '@components';\r\nimport classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport { toUsaFormat } from '@global';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\t...theme.customstyles.title,\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t},\r\n\tvalue:{},\r\n\ticon: {},\r\n\tred: {\r\n\t\tcolor: theme.palette.error.main,\r\n\t},\r\n\tgreen: {\r\n\t\tcolor: theme.palette.success.main,\r\n\t},\r\n});\r\n\r\nconst ValueChange = ({ classes, value, valueSymbol }) => {\r\n\tconst cssClassName = classNames({\r\n\t\t[classes.root]: true,\r\n\t\t[classes.red]: value < 0,\r\n\t\t[classes.green]: value > 0,\r\n\t});\r\n\tconst Icon = value > 0 ?\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{mainChartData &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t:\r\n\t\t''\r\n\t);\r\n};\r\n\r\nValueChange.propTypes = {\r\n\tvalue: PropTypes.number,\r\n\tvalueSymbol: PropTypes.string,\r\n};\r\n\r\nValueChange.defaultProps = {\r\n\tvalueSymbol: '%',\r\n};\r\n\r\nexport default compose(withStyles(styles))(ValueChange);\r\n","import React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport compose from 'recompose/compose';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport { connect } from 'react-redux';\r\nimport { userAccounts } from '@redux';\r\nimport { ChartThumbnail } from '@components';\r\nimport { toUsaMoneyFormat } from '@global';\r\nimport PropTypes from 'prop-types';\r\nimport { ValueChange } from '../';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'space-between',\r\n\t\talignItems: 'center',\r\n\t\t[theme.breakpoints.down('sm')]: {\r\n\t\t\tflexFlow: 'wrap',\r\n\t\t\talignItems: 'flex-start',\r\n\t\t},\r\n\t},\r\n\tleftColumn: {\r\n\t\t[theme.breakpoints.down('sm')]: {\r\n\t\t\twidth: '100%',\r\n\t\t},\r\n\t},\r\n\tmiddleColumn: {\r\n\t\t[theme.breakpoints.down('sm')]: {\r\n\t\t\torder: 1,\r\n\t\t},\r\n\t},\r\n\tchartThumbnailPeriod: {\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t\ttextAlign: 'center',\r\n\t\tmarginTop: '-6px',\r\n\t},\r\n\trightColumn: {\r\n\t\ttextAlign: 'right',\r\n\t\t[theme.breakpoints.down('sm')]: {\r\n\t\t\ttextAlign: 'left',\r\n\t\t\tmarginTop: '24px',\r\n\t\t},\r\n\t},\r\n\tvalue: {\r\n\t\t...theme.customstyles.subheading,\r\n\t\tcolor: theme.palette.text.primary,\r\n\t},\r\n\tvalueContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t},\r\n\tpercentsChange: {\r\n\t\tmarginLeft: '24px',\r\n\t},\r\n\tdescription: {\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n});\r\n\r\n\r\nconst mapStateToProps = state => ({\r\n\tcharts: userAccounts.selectors.charts(state),\r\n});\r\n\r\nclass BriefInfo extends React.Component {\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\tcharts,\r\n\t\t\tshowChart,\r\n\t\t\tpositionMarketValue,\r\n\t\t\ttotalGainPercent,\r\n\t\t\tcashCurrent,\r\n\t\t} = this.props;\r\n\t\treturn (\r\n\t\t\t{toUsaFormat(value)}{valueSymbol}
\r\n\t\t\t{Icon}\r\n\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nBriefInfo.propTypes = {\r\n\tshowChart: PropTypes.bool,\r\n\tpositionMarketValue: PropTypes.any,\r\n\ttotalGainPercent: PropTypes.any,\r\n\tcashCurrent: PropTypes.any,\r\n};\r\n\r\nBriefInfo.defaultProps = {\r\n\tshowChart: true,\r\n};\r\n\r\nexport default compose(\r\n\twithStyles(styles),\r\n\tconnect(mapStateToProps, null),\r\n)(BriefInfo);\r\n","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport compose from 'recompose/compose';\nimport Grid from '@material-ui/core/Grid';\nimport { connect } from 'react-redux';\nimport { userAccounts } from '@redux';\nimport { toUsaMoneyFormat } from '@global';\nimport PropTypes from 'prop-types';\nimport { ValueChange } from '..';\n\nconst styles = theme => ({\n\troot: {\n\t\tdisplay: 'flex',\n\t\tjustifyContent: 'space-between',\n\t\talignItems: 'center',\n\t\t[theme.breakpoints.down('sm')]: {\n\t\t\tflexFlow: 'wrap',\n\t\t\talignItems: 'flex-start',\n\t\t},\n\t},\n\tleftColumn: {\n\t\t[theme.breakpoints.down('sm')]: {\n\t\t\twidth: '100%',\n\t\t},\n\t},\n\trightColumn: {\n\t\ttextAlign: 'right',\n\t\t[theme.breakpoints.down('sm')]: {\n\t\t\ttextAlign: 'left',\n\t\t\tmarginTop: '24px',\n\t\t\t'& $valueContainer': {\n\t\t\t\tflexDirection: 'row-reverse',\n\t\t\t},\n\t\t},\n\t\t[theme.breakpoints.up('md')]: {\n\t\t\t'& $percentsChange': {\n\t\t\t\tmarginLeft: '0px',\n\t\t\t\tmarginRight: '24px',\n\t\t\t},\n\t\t},\n\t},\n\tvalue: {\n\t\t...theme.customstyles.subheading,\n\t\tcolor: theme.palette.text.primary,\n\t},\n\tvalueContainer: {\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t},\n\tpercentsChange: {\n\t\tmarginLeft: '24px',\n\t},\n\tdescription: {\n\t\t...theme.customstyles.body,\n\t\tcolor: theme.palette.text.secondary,\n\t},\n});\n\n\nconst mapStateToProps = state => ({\n\tcharts: userAccounts.selectors.charts(state),\n});\n\nclass ChangeInfo extends React.Component {\n\trender() {\n\t\tconst {\n\t\t\tclasses,\n\t\t\tpoints,\n\t\t} = this.props;\n\t\tconst firstVal = (points && points.length > 1 && points[0].V) || 0;\n\t\tconst yesterdayVal = (points && points.length > 1 && points[points.length - 2].V) || 0;\n\t\tconst todayVal = (points && points.length > 0 && points[points.length - 1].V) || 0;\n\n\t\tconst dayChangeValue = todayVal - yesterdayVal;\n\t\tconst dayChangePercent = (100 * (todayVal - yesterdayVal)) / yesterdayVal;\n\n\t\tconst periodChangeValue = todayVal - firstVal;\n\t\tconst periodChangePercent = (100 * (todayVal - firstVal)) / firstVal;\n\n\t\treturn (\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{showChart &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t{toUsaMoneyFormat(positionMarketValue)}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{!!totalGainPercent &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tSecurities Market Value\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t{charts &&\r\n\t\t\t\t\t\tcharts.Data &&\r\n\t\t\t\t\t\t(charts.Data.length > 0) &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t1Y
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t{toUsaMoneyFormat(cashCurrent)}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tCash\r\n\t\t\t\t\t
\r\n\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nChangeInfo.propTypes = {\n\tpoints: PropTypes.arrayOf(PropTypes.shape({\n\t\tV: PropTypes.number.isRequired,\n\t})),\n};\n\nChangeInfo.defaultProps = {\n\tpoints: [],\n};\n\nexport default compose(\n\twithStyles(styles),\n\tconnect(mapStateToProps, null),\n)(ChangeInfo);\n","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport compose from 'recompose/compose';\nimport { SvgIcon } from '@components';\nimport { useDispatch } from 'react-redux';\nimport { app } from '@redux';\nimport { R } from '@dev2t/react-ui-kit/src/components';\nimport IconButton from '@material-ui/core/IconButton';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport { ModalPopups } from '@enums';\n\n\nconst styles = theme => ({\n\tbtEdit: {\n\t\tmargin: '-14px -12px -12px -8px',\n\t},\n\tbtEditSmallIcon: {\n\t\tfontSize: '1rem',\n\t},\n\tlightToolTip: {\n\t\tbackgroundColor: theme.palette.common.white,\n\t\tcolor: 'rgba(0, 0, 0, 0.87)',\n\t\tboxShadow: theme.shadows[1],\n\t\tfontSize: 11,\n\t},\n});\n\nconst useActions = () => {\n\tconst dispatch = useDispatch();\n\tconst showBonusDialog = () => dispatch(app.actions.showBaseModal(ModalPopups.CY_NON_TRADING_ORDER_BONUS));\n\treturn {\n\t\tshowBonusDialog,\n\t};\n};\n\n\nconst BonusValue = ({ \n\tclasses, \n\tdisabled, \n\taccountStatusBonusChangeStatus, \n\taccountStatusIsArchive,\n\taccountStatusIsAllowBonus,\n\tisLimeAgentAccount,\n\tloading, \n\tisDemo\n}) => {\n\tconst actions = useActions();\n\n\n\treturn (\n\t\t<>\n\t\t{loading || isDemo || accountStatusIsArchive ? '-' : (\n\t\t\taccountStatusBonusChangeStatus === 'PENDING' ? \n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t{toUsaMoneyFormat(dayChangeValue)}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tDay Change\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{toUsaMoneyFormat(periodChangeValue)}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\tPeriod Change\n\t\t\t\t\t
\n\t\t\t\t- \n\t\t\t\t\t\t\t\t{walletAccounts?.map(x => \n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nMainHeader.propTypes = {\r\n\tactions: PropTypes.object.isRequired,\r\n\tclasses: PropTypes.object.isRequired,\r\n\tcurrentTradeAccount: PropTypes.object.isRequired,\r\n\tcurrentAccountStatus: PropTypes.shape({\r\n\t\tCanPlatformChange: PropTypes.bool.isRequired,\r\n\t}).isRequired,\r\n\tuserInfo: PropTypes.object.isRequired,\r\n};\r\nexport default compose(\r\n\twithRouter,\r\n\twithTheme,\r\n\twithStyles(styles),\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(MainHeader);\r\n","import React, { useState } from 'react';\nimport IconButton from '@material-ui/core/IconButton';\nimport { useDispatch } from 'react-redux';\nimport { SvgIcon } from '@components';\nimport { auth } from '@redux';\nimport { env } from '@config';\nimport { TxGlobalAuth } from '@finam/tx-auth-widget';\n\nconst LogOutButton = () => {\n\tconst dispatch = useDispatch();\n\tconst [logoutProgress, setLogoutProgress] = useState(false);\n\n\tconst handleLogout = async () => {\n\t\tif (env.useLocalAuth) {\n\t\t\tdispatch(auth.actions.logout());\n\t\t\tsetLogoutProgress(true);\n\t\t} else {\n\t\t\t// в случае входа через виджет, не показываем крутилку в кнопке\n\t\t\t// т.к. все отрабатывает быстро, у виджета своя крутилка + пользователь может передумать.\n\t\t\t// чтобы все эти кейсы не обрабатывать.\n\t\t\ttry\n\t\t\t{\n\t\t\t\tawait TxGlobalAuth.logout()\n\t\t\t}\n\t\t\t// если пользователь нажал cancel, то .logout() кидает исключение. Ловим его, чтобы не писать в консоли\n\t\t\tcatch(e) {\n\t\t\t\twindow.Raven.captureException(e);\n\t\t\t}\n\t\t}\n\t};\n\n\treturn (\n\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t{!loading && \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{hasOpenAccount && ([constants.LIME_INT].some(x => x === env.firm)) &&\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t}\r\n\t\t\t\t\t{!loading &&\r\n\t\t\t\t\t\thasOpenAccount &&\r\n\t\t\t\t\t\t!currentAccountIsDemo &&\r\n\t\t\t\t\t\tanyPlatformVisible &&\r\n\t\t\t\t\t\t!currentAccountStatus.IsDisabled &&\r\n\t\t\t\t\t\t this.showModal(ModalPopups.COMMISSION_FREE_MODAL)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tGo Free\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t}\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{(openTradexUrlData && openTradexUrlData.submitting) \r\n\t\t\t\t\t\t\t\t\t\t?
\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t{/* {(hasOpenAccount && [constants.LIME_LME, constants.FIRM_J2TX].every(x => x !== env.firm) && [constants.LIME_LME].some(x => x === env.firm) && terminalMt4Link) &&\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t} */}\r\n\t\t\t\t\t\t\t{hasOpenAccount && (ActiveTradePlatform === 'Sterling') &&\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\tSterling Trader® Pro\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tPlatforms\r\n\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{!loading &&\r\n\t\t\t\t\t\thasOpenAccount &&\r\n\t\t\t\t\t\tTariffs && Tariffs.EnableZero &&\r\n\t\t\t\t\t\t(Tariffs.ActiveTariff !== AccountTariffs.TARIFF_ZERO) &&\r\n\t\t\t\t\t\t(Tariffs.PendingTariff !== AccountTariffs.TARIFF_ZERO) &&\r\n\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t\t{platformsVisibility[AccountPlatforms.PLATFORM_TRANSAQ] &&\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\n\t\t\t\t\tLime LTD
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t
\n\t);\n}\n\nexport default compose(\n\twithRouter,\n\twithTheme,\n\twithStyles(styles),\n)(Contacts);\n","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport compose from 'recompose/compose';\nimport { withRouter } from 'react-router';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { ModalPopups } from '@enums';\nimport { userAccounts } from '@redux';\nimport { CYChangePasswordModal } from './components/ProfileModals/components';\n\nconst styles = theme => ({\n\n});\n\nconst mapStateToProps = state => ({\n\tuserInfo: userAccounts.selectors.userInfo(state),\n});\n\nconst mapDispatchToProps = dispatch => ({\n\tactions: {\n\t\trefreshUserInfo: () => dispatch(userAccounts.actions.getUserInfo.request()),\n\t},\n});\n\nclass BlockModals extends React.Component {\n\n\trender() {\n\t\tconst {\n\t\t\tactions,\n\t\t\tlocation,\n\t\t\tuserInfo: { \n\t\t\t\tNeedChangePass,\n\t\t\t}\n\t\t} = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{selectContactsData(lang).map((x, ind) =>\n\t\t\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\n\t\t\t\t{NeedChangePass && \n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nBlockModals.propTypes = {\n\tactions: PropTypes.object.isRequired,\n};\n\nexport default compose(\n\twithRouter,\n\twithStyles(styles),\n\tconnect(mapStateToProps, mapDispatchToProps),\n)(BlockModals);\n","import React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\nimport compose from 'recompose/compose';\r\nimport PropTypes from 'prop-types';\r\nimport { ModalPopups } from '@enums';\r\nimport { profile, userAccounts } from '@redux';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n\treduxForm,\r\n\tField,\r\n} from 'redux-form';\r\nimport {\r\n\tButton,\r\n\tProgressContainer,\r\n\tFileInput,\r\n} from '@components';\r\nimport { R, FormInputPhoneIconNumber, SuccessMessage, Modal, withTranslate } from '@dev2t/react-ui-kit/src';\r\nimport { RequireTotpConfirmationCodeItem } from '@shared';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tdisplay: 'block',\r\n\t\tposition: 'relative',\r\n\t},\r\n\tbutton: {\r\n\t\tpaddingTop: '24px',\r\n\t},\r\n\tinputItem: {\r\n\t\tmarginTop: '5px',\r\n\t},\r\n});\r\n\r\nconst mapStateToProps = (state) => {\r\n\tconst userProfile = userAccounts.selectors.accountInfo(state);\r\n\treturn {\r\n\t\tisTotpEnabled: userAccounts.selectors.userInfo(state).IsTotpEnabled,\r\n\t\tloading: userProfile.loading,\r\n\t};\r\n};\r\n\r\nclass ChangeProfilePhoneModal extends React.Component {\r\n\tstatic validate(values) {\r\n\t\tconst errors = {};\r\n\r\n\t\tif (!values.Value) {\r\n\t\t\terrors.Value = 'required';\r\n\t\t}\r\n\r\n\t\treturn errors;\r\n\t}\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.onPhoneChange = this.onPhoneChange.bind(this);\r\n\t}\r\n\r\n\tonPhoneChange(match) {\r\n\t\tif (match) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tphoneState: match,\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\tonFilesUpload = (field, files) => this.props.change(field, files);\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\tonClose,\r\n\t\t\thandleSubmit,\r\n\t\t\tinvalid,\r\n\t\t\tsubmitSucceeded,\r\n\t\t\ttranslate,\r\n\t\t\tsubmitting,\r\n\t\t\tloading,\r\n\t\t\tisTotpEnabled,\r\n\t\t} = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t \t this.onFilesUpload('Attachments', files)}\r\n\t\t\t\t\t \t/>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{isTotpEnabled &&\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{submitting ?\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
:\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{confirmEmail.success ?\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nConfirmProfileEmailModal.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tmatch: PropTypes.object.isRequired,\r\n\tonClose: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithRouter,\r\n\twithStyles(styles),\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(ConfirmProfileEmailModal);\r\n","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport compose from 'recompose/compose';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { profile, userAccounts } from '@redux';\nimport { ProgressContainer } from '@components';\nimport { R, Modal, SuccessMessage, ErrorMessage } from '@dev2t/react-ui-kit/src';\nimport { CYChangePasswordForm } from '@shared';\n\n\nconst styles = {};\n\nconst mapStateToProps = (state) => ({\n\tsubmitting: userAccounts.selectors.userInfo(state).submitting,\n});\n\n\nclass CYChangePasswordModal extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tstep: 'openform',\n\t\t};\n\n\t\tthis.resetForm = this.resetForm.bind(this);\n\t}\n\n\tonFormSuccess = () => {\n\t\tthis.setState({ step: 'succeeded' });\n\t}\n\n\tonFormFail = () => this.setState({ step: 'failed' });\n\n\tresetForm = () => this.setState({ step: 'openform' });\n\n\tonSuccessedClick = () => {\n\t\tconst {\n\t\t\tonClose,\n\t\t\tonSuccess,\n\t\t} = this.props;\n\n\t\tif (onSuccess) {\n\t\t\tonSuccess();\n\t\t\tthis.resetForm();\n\t\t}\n\t\telse {\n\t\t\tonClose();\n\t\t}\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tonClose,\n\t\t\tsubmitting,\n\t\t} = this.props;\n\n\t\tconst { step } = this.state;\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t{step === 'succeeded' &&\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t{actionFinishedSuccessfully &&
\n\t\t\n\t);\n}\n\t\n\nexport default ChangeTwoFactorAuthorizationModal;","import AuthCodeForm from \"./AuthCodeForm\";\nimport SecretAndQrCode from \"./SecretAndQrCode\";\nimport React from 'react';\n\nconst EnableTotpForm = () => (\n <>\n \r\n\t\t\t\t{topModal}\r\n\t\t\t\t{/* allways show ProfileModals, because it has email confirmation functionality */}\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nModals.propTypes = {\r\n\tactions: PropTypes.object.isRequired,\r\n\thistory: PropTypes.object.isRequired,\r\n\tlocation: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithRouter,\r\n\twithStyles(styles),\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(Modals);\r\n","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport compose from 'recompose/compose';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { A, Button } from '@components';\nimport { Modal, SuccessMessage } from '@dev2t/react-ui-kit/src';\nimport { env } from '@config';\nimport { ModalPopups } from '@enums';\nimport { tradePlatforms, userAccounts } from '@redux';\n\n\nconst styles = theme => ({\n\ttitle: {\n\t\t...theme.customstyles.subheading,\n\t\tcolor: theme.palette.text.primary,\n\t\twordWrap: 'break-word',\n\t},\n\tbody: {\n\t\t...theme.customstyles.body,\n\t\tcolor: theme.palette.text.primary,\n\t\tmarginTop: '16px',\n\t\twordWrap: 'break-word',\n\t},\n\tbutton: {\n\t\tpaddingTop: '12px',\n\t},\n\tmainText: {\n\t\t...theme.customstyles.title,\n\t\ttextAlign: 'justify',\n\t},\n\twarning: {\n\t\tpadding: '12px 0',\n\t\ttextAlign: 'justify',\n\t\tfontSize: '12px',\n\t\tlineHeight: '20px',\n\t},\n});\n\nconst mapStateToProps = state => ({\n\taccountInfo: userAccounts.selectors.accountInfo(state),\n\tplatforms: userAccounts.selectors.platforms(state),\n\tcommissionFreeData: tradePlatforms.selectors.commissionFreeData(state),\n\tcurrentTradeAccount: userAccounts.selectors.currentTradeAccount(state),\n});\n\nconst mapDispatchToProps = dispatch => ({\n\tactions: {\n\t\tactivateCommissionFree: data =>\n\t\t\tdispatch(tradePlatforms.actions.activateCommissionFree.request(data)),\n\t},\n});\n\nclass CommissionFreeModal extends React.Component {\n\tcomponentDidUpdate() {\n\t\tif (this.props.commissionFreeData && this.props.commissionFreeData.error) {\n\t\t\t// close modal when error\n\t\t\tthis.props.onClose();\n\t\t}\n\t}\n\n\tsubmitButton = () => {\n\t\tconst {\n\t\t\tactions,\n\t\t\taccountInfo,\n\t\t\tplatforms,\n\t\t\tcurrentTradeAccount,\n\t\t} = this.props;\n\n\t\tactions.activateCommissionFree({ account: currentTradeAccount, accountInfo, platforms });\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tclasses,\n\t\t\tonClose,\n\t\t\tcommissionFreeData: {\n\t\t\t\tsubmitting,\n\t\t\t\tsubmitSucceeded,\n\t\t\t},\n\t\t} = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\n\t\t);\n\t}\n}\n\nCommissionFreeModal.propTypes = {\n\tactions: PropTypes.object.isRequired,\n\tclasses: PropTypes.object.isRequired,\n\tonClose: PropTypes.func.isRequired,\n\tcommissionFreeData: PropTypes.object.isRequired,\n\tcurrentTradeAccount: PropTypes.object.isRequired,\n\tplatforms: PropTypes.object.isRequired,\n\taccountInfo: PropTypes.object.isRequired,\n};\n\nexport default compose(\n\twithStyles(styles),\n\tconnect(mapStateToProps, mapDispatchToProps),\n)(CommissionFreeModal);\n","import React from 'react';\nimport { withStyles, withTheme } from '@material-ui/core/styles';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport compose from 'recompose/compose';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport {\n\tButton,\n} from '@components';\nimport { Modal } from '@dev2t/react-ui-kit/src/components';\nimport { ModalPopups } from '@enums';\nimport { app } from '@redux';\n\nconst styles = theme => ({\n\ttitle: {\n\t\t...theme.customstyles.subheading,\n\t\tcolor: theme.palette.text.primary,\n\t\twordWrap: 'break-word',\n\t},\n\tcontent: {\n\t\ttextAlign: 'center',\n\t},\n\tbody: {\n\t\t...theme.customstyles.body,\n\t\tcolor: theme.palette.text.primary,\n\t\tmarginTop: '16px',\n\t\twordWrap: 'break-word',\n\t},\n\tbutton: {\n\t\tpaddingTop: '12px',\n\t},\n});\n\nconst mapStateToProps = state => ({\n\tconfirmModalData: app.selectors.confirmModalData(state),\n});\n\nconst mapDispatchToProps = dispatch => ({\n\tactions: {\n\t\thide: () => dispatch(app.actions.hideConfirmModal()),\n\t},\n});\n\nclass ConfirmModal extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = { submitting: false };\n\t}\n\n\tsubmit = () => {\n\t\tthis.setState({ submitting: true });\n\t\tif (this.props.confirmModalData && this.props.confirmModalData.action) {\n\t\t\tthis.props.confirmModalData.action(this.props.actions.hide);\n\t\t}\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tclasses,\n\t\t\tonClose,\n\t\t\tconfirmModalData: {\n\t\t\t\ttitle,\n\t\t\t\ttext,\n\t\t\t\tbuttonTitle,\n\t\t\t},\n\t\t\ttheme,\n\t\t\tresolution\n\t\t} = this.props;\n\n\t\tconst btnTitle = buttonTitle || 'Confirm';\n\n\t\tconst isXsResolution = resolution === app.CONFIG.RESOLUTIONS_ENUM.xs;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\tLime Trading is proud to announce unlimited, commission-free trading on all\n\t\t\t\t\t\t\t\tUS exchange-listed stocks and ETFs for all new and existing clients, starting TODAY!\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tСommission free trading only available through the J2TLite platform.\n\t\t\t\t\t\t\t\tUpon switching to commission free plan, all existing GTC orders will be cancelled.\n\t\t\t\t\t\t\t\tFree commission trading does not include options, OTCBB or Pink Sheets,\n\t\t\t\t\t\t\t\tGTC orders, or extended hours trading. Other fees including regulatory,\n\t\t\t\t\t\t\t\tservice, or other fees may apply. Please visit\n\t\t\t\t\t\t\t\tour Fees Page for further information.\n\t\t\t\t\t\t\t\tAll investing incurs risk, including but not limited to loss of principal.\n\t\t\t\t\t\t\t\tFurther information may be found on\n\t\t\t\t\t\t\t\tour Disclosures Page.\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{submitting ?\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t{text || `Click on \"${btnTitle}\" to confirm the request.`}\n\t\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n}\n\nConfirmModal.propTypes = {\n\tclasses: PropTypes.object.isRequired,\n\tonClose: PropTypes.func.isRequired,\n\tactions: PropTypes.object.isRequired,\n\tconfirmModalData: PropTypes.object.isRequired,\n\ttheme: PropTypes.object.isRequired,\n};\n\nexport default compose(\n\twithStyles(styles),\n\twithTheme,\n\tconnect(mapStateToProps, mapDispatchToProps),\n)(ConfirmModal);\n","import React, { useState } from 'react';\nimport { useSelector } from 'react-redux';\nimport { ProgressContainer } from '@components';\nimport { R, Modal, SuccessMessage, ErrorMessage } from '@dev2t/react-ui-kit/src/components';\nimport { userAccounts } from '@redux';\nimport OrderCancelForm from './OrderCancelForm';\n\n\nexport const OrderCancelModal = ({ onClose }) => {\n\tconst [step, setStep] = useState('openform');\n\tconst loading = useSelector(userAccounts.selectors.loading);\n\tconst accountInfo = useSelector(userAccounts.selectors.accountInfo);\n\tconst dataLoading = loading || accountInfo.loading;\n\n\treturn (\n\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.state.submitting ?\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t: btnTitle\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{step === 'succeeded' &&\n\t\t\t\t\t\t setStep('succeeded')}\n\t\t\t\t\t\t\tonFail={() => setStep('failed')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t
\n\t\t\t\r\n\t\t\t\t\t { this.signatureAreaInstance = ref; }}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nCreateSignatureModal.propTypes = {\r\n\tonClose: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithStyles(styles),\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(CreateSignatureModal);\r\n","/* eslint-disable no-return-assign */\r\nimport React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport compose from 'recompose/compose';\r\nimport { Button } from '@components';\r\n\r\nimport PropTypes from 'prop-types';\r\nimport SignaturePad from 'signature_pad';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tposition: 'relative',\r\n\t},\r\n\tcanvas: {\r\n\t\twidth: '100%',\r\n\t\tminHeight: '150px',\r\n\t\t// backgroundColor: '#fff',\r\n\t},\r\n\tbuttons: {\r\n\t\tposition: 'absolute',\r\n\t\tbottom: '10px',\r\n\t\tright: '0',\r\n\t},\r\n\tbutton: {\r\n\t\tcolor: theme.palette.primary.main,\r\n\t},\r\n});\r\n\r\nclass SignatureArea extends React.Component {\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.signaturePad = null;\r\n\t\tthis.canvasElement = null;\r\n\r\n\t\tthis.resizeCanvas = this.resizeCanvas.bind(this);\r\n\t\tthis.clearCanvas = this.clearCanvas.bind(this);\r\n\t\tthis.isEmpty = this.isEmpty.bind(this);\r\n\t\tthis.getImage = this.getImage.bind(this);\r\n\t}\r\n\tcomponentDidMount() {\r\n\t\tthis.props.onRef(this);\r\n\t\tthis.signaturePad = new SignaturePad(this.canvasElement);\r\n\t\twindow.addEventListener('resize', this.resizeCanvas);\r\n\t\tthis.resizeCanvas();\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\twindow.removeEventListener('resize', this.resizeCanvas);\r\n\t}\r\n\tgetImage() {\r\n\t\treturn this.signaturePad.toDataURL();\r\n\t}\r\n\tclearCanvas() {\r\n\t\tthis.signaturePad.clear();\r\n\t}\r\n\tisEmpty() {\r\n\t\treturn this.signaturePad.isEmpty();\r\n\t}\r\n\r\n\tresizeCanvas() {\r\n\t\tconst ratio = Math.max(window.devicePixelRatio || 1, 1);\r\n\t\tthis.canvasElement.width = this.canvasElement.offsetWidth * ratio;\r\n\t\tthis.canvasElement.height = this.canvasElement.offsetHeight * ratio;\r\n\t\tthis.canvasElement.getContext('2d').scale(ratio, ratio);\r\n\t\tif (this.signaturePad !== null) {\r\n\t\t\tthis.signaturePad.clear();\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { classes } = this.props;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\tCreate signature for {this.props.openModalData.personFullName}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t{(resolution <= app.CONFIG.RESOLUTIONS_ENUM.sm) &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{(resolution > app.CONFIG.RESOLUTIONS_ENUM.sm) &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tDraw signature with any finger you have and you want\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tDraw signature with mouse or trackpad in field below\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{this.state.isEmpty ? 'No Signature' : ''}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{submitting ?\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t this.canvasElement = element}\r\n\t\t\t\t/>\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nSignatureArea.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\t/**\r\n\t * Pass callback to get te component instance\r\n\t */\r\n\tonRef: PropTypes.func,\r\n};\r\n\r\nSignatureArea.defaultProps = {\r\n\tonRef: null,\r\n};\r\n\r\nexport default compose(withStyles(styles))(SignatureArea);\r\n","import React, { useState } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport IconButton from '@material-ui/core/IconButton';\nimport { useSelector } from 'react-redux';\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\nimport {\n\tR,\n\tTextField,\n\tModal,\n\tErrorMessage,\n\tSuccessMessage,\n} from '@dev2t/react-ui-kit/src';\nimport { SvgIcon } from '@components';\nimport { apiKeys } from '@redux';\nimport CreateApiKeyReduxForm from './CreateApiKeyModalForm';\n\nconst useStyles = makeStyles(theme => ({\n\tkeyForCopy: {\n\t\tfontSize: '18px',\n\t\tcolor: theme.typography.disable,\n\t\ttextOverflow: 'ellipsis',\n \toverflow: 'hidden',\n\t\twhiteSpace: 'nowrap',\n\t\twidth: '100%',\n\t},\n\tkeyCopyContainer: {\n\t\tdisplay: 'flex',\n \tflexDirection: 'row',\n \talignItems: 'center',\n\t},\n}));\n\nconst CreateApiKeyModal = ({ onClose }) => {\n\tconst classes = useStyles();\n\tconst [step, setStep] = useState('form');\n\tconst secretKey = useSelector(apiKeys.selectors.createdSecretKey)\n\t\n\treturn (\n\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tClear\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{secretKey && (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{step === 'failed' && (\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t{baseParams && baseParams.HasOptions ?\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tThis trading platform doesn"t support options trading.
\r\n\t\t\t\t\t\t\t\t\tIn order to switch between platforms you have to close all the option positions in your portfolio.\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\r\n\t\t\t\t\t:\r\n\t\t\t\t\t
);\r\n\t}\r\n}\r\n\r\nJ2tLiteModal.propTypes = {\r\n\tonClose: PropTypes.func.isRequired,\r\n\tcurrentTradeAccount: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithStyles(styles),\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(J2tLiteModal);\r\n","import React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\nimport compose from 'recompose/compose';\r\nimport PropTypes from 'prop-types';\r\nimport { ModalPopups } from '@enums';\r\nimport {\r\n\ttradePlatforms,\r\n\tuserAccounts,\r\n} from '@redux';\r\nimport {\r\n\tButton,\r\n\tA,\r\n} from '@components';\r\nimport { Modal } from '@dev2t/react-ui-kit/src/components';\r\nimport { connect } from 'react-redux';\r\nimport logo from './imgs/j2t-plus.png';\r\n\r\nconst styles = theme => ({\r\n\ttitle: {\r\n\t\t...theme.customstyles.display,\r\n\t\tcolor: theme.palette.text.primary,\r\n\t},\r\n\tbody: {\r\n\t\tmarginTop: '24px',\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.primary,\r\n\t},\r\n\tdescription: {\r\n\t\tmarginBottom: '5px',\r\n\t},\r\n\tlist: {\r\n\t\tmargin: '0',\r\n\t\tlistStyleType: 'none',\r\n\t\tlineHeight: '35px',\r\n\t\tpadding: '0',\r\n\t\t'& li:': {\r\n\t\t\t'&:before': {\r\n\t\t\t\tcontent: '\"—\"',\r\n\t\t\t\tmarginRight: '20px',\r\n\t\t\t},\r\n\t\t},\r\n\t},\r\n\tbutton: {\r\n\t\tmarginTop: '32px',\r\n\t\tbackgroundColor: '#e3edf5',\r\n\t},\r\n\tbuttonDownload: {\r\n\t\tmarginTop: '32px',\r\n\t},\r\n\tnoteText: {\r\n\t\tmarginTop: '32px',\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n\tactions: {\r\n\t\tactivatePlatform: (account, tradePlatform) =>\r\n\t\t\tdispatch(tradePlatforms.actions.activatePlatformRequest(account, tradePlatform)),\r\n\t},\r\n});\r\n\r\nconst mapStateToProps = state => ({\r\n\tplatforms: userAccounts.selectors.platforms(state),\r\n\tcurrentTradeAccount: userAccounts.selectors.currentTradeAccount(state),\r\n\tsubmitting: tradePlatforms.selectors.submitting(state),\r\n});\r\n\r\nconst PLATFORM = 'Just2Trade';\r\n\r\nclass J2tPlusModal extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.activatePlatform = this.activatePlatform.bind(this);\r\n\t}\r\n\r\n\tactivatePlatform() {\r\n\t\tthis.props.actions.activatePlatform(\r\n\t\t\tthis.props.currentTradeAccount,\r\n\t\t\tPLATFORM,\r\n\t\t);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tonClose,\r\n\t\t\tclasses,\r\n\t\t\tsubmitting,\r\n\t\t\tplatforms: {\r\n\t\t\t\tActiveTradePlatform,\r\n\t\t\t\tPendingTradePlatform,\r\n\t\t\t},\r\n\t\t} = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\tIn order to switch between platforms you have to close all the option positions in your portfolio.\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\r\n\t\t\t\t\t:\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tLime Trader\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{PendingTradePlatform && PendingTradePlatform === PLATFORM &&\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tAccess to US Stock and equity options markets using a host of advanced, customizable, easy-to-use trading tools. The Lime Trader offers traders:\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t
- Clean, uncluttered, web-based interface \r\n\t\t\t\t\t\t\t\t
- Access to US stocks, Equity Options, ETFs & ADRs \r\n\t\t\t\t\t\t\t\t
- Multi-Leg Option Orders & Position Grouping \r\n\t\t\t\t\t\t\t\t
- Real time, streaming quotes \r\n\t\t\t\t\t\t\t\t
- Watchlists synced with mobile app \r\n\t\t\t\t\t\t\t\t
- Borrow Hard to Borrow stocks \r\n\t\t\t\t\t\t\t\t
- Trading from fully customizable charts \r\n\t\t\t\t\t\t\t\t
- Hot Keys for Order Entry \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tACTIVATION REQUESTED\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t{!PendingTradePlatform && ActiveTradePlatform !== PLATFORM &&\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{submitting ?\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t{ActiveTradePlatform === PLATFORM &&\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tAccess Lime Trader\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tTrading platform becomes available on the next day after activation.
\r\n\t\t\t\t\t\tPlease note that only one trading platform may be used at a time.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t\t\t\tPlease note that only one trading platform may be used at a time.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\tJust2Trade +\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{PendingTradePlatform && PendingTradePlatform === PLATFORM &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tTrade stocks & options with classic trading platform.\r\n\t\t\t\t\t
\r\n\t\t\t\t\t- \r\n\t\t\t\t\t\t
- Customizable interface \r\n\t\t\t\t\t\t
- Access to U.S. exchanges \r\n\t\t\t\t\t\t
- Web-based \r\n\t\t\t\t\t\t
- Real-time streaming market data \r\n\t\t\t\t\t\t
- Real-time analysis \r\n\t\t\t\t\t\t
- Easy accessibility \r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tACTIVATION REQUESTED\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{!PendingTradePlatform && ActiveTradePlatform !== PLATFORM &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{submitting ?\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{ActiveTradePlatform === PLATFORM &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tAccess J2T+ Web\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t}\r\n\r\n\t\t\t\t\r\n\t\t\t\t\tTrading platform becomes available on the next day after activation.
\r\n\t\t\t\t\tPlease note that only one trading platform may be used at a time.\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nJ2tPlusModal.propTypes = {\r\n\tonClose: PropTypes.func.isRequired,\r\n\tcurrentTradeAccount: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithStyles(styles),\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(J2tPlusModal);\r\n","import React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\nimport compose from 'recompose/compose';\r\nimport PropTypes from 'prop-types';\r\nimport { ModalPopups } from '@enums';\r\nimport {\r\n\ttradePlatforms,\r\n\tuserAccounts,\r\n} from '@redux';\r\nimport {\r\n\tButton,\r\n\tA,\r\n} from '@components';\r\nimport { Modal, InfoMessage } from '@dev2t/react-ui-kit/src';\r\nimport { env } from '@config';\r\nimport { connect } from 'react-redux';\r\nimport logo from './j2t-pro.png';\r\n\r\nconst styles = theme => ({\r\n\ttitle: {\r\n\t\t...theme.customstyles.display,\r\n\t\tcolor: theme.palette.text.primary,\r\n\t},\r\n\tlogo: {\r\n\t\twidth: '350px',\r\n\t},\r\n\tbody: {\r\n\t\tmarginTop: '24px',\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.primary,\r\n\t},\r\n\tdescription: {\r\n\t\tmarginBottom: '5px',\r\n\t},\r\n\tlist: {\r\n\t\tmargin: '0',\r\n\t\tlistStyleType: 'none',\r\n\t\tlineHeight: '35px',\r\n\t\tpadding: '0',\r\n\t\t'& li:': {\r\n\t\t\t'&:before': {\r\n\t\t\t\tcontent: '\"—\"',\r\n\t\t\t\tmarginRight: '20px',\r\n\t\t\t},\r\n\t\t},\r\n\t},\r\n\tbutton: {\r\n\t\tmarginTop: '32px',\r\n\t\tbackgroundColor: '#e3edf5',\r\n\t},\r\n\tbuttonDownload: {\r\n\t\tmarginTop: '32px',\r\n\t},\r\n\tnoteText: {\r\n\t\tmarginTop: '32px',\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n\tactions: {\r\n\t\tactivatePlatform: (account, tradePlatform) =>\r\n\t\t\tdispatch(tradePlatforms.actions.activatePlatformRequest(account, tradePlatform)),\r\n\t},\r\n});\r\n\r\nconst mapStateToProps = state => ({\r\n\tcurrentTradeAccount: userAccounts.selectors.currentTradeAccount(state),\r\n\tplatforms: userAccounts.selectors.platforms(state),\r\n\tsubmitting: tradePlatforms.selectors.submitting(state),\r\n\tcurrentAccountData: userAccounts.selectors.currentAccountData(state),\r\n});\r\n\r\nconst PLATFORM = 'Transaq';\r\n\r\nclass J2tProModal extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.activatePlatform = this.activatePlatform.bind(this);\r\n\t}\r\n\r\n\tactivatePlatform() {\r\n\t\tthis.props.actions.activatePlatform(\r\n\t\t\tthis.props.currentTradeAccount,\r\n\t\t\tPLATFORM,\r\n\t\t);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tonClose,\r\n\t\t\tclasses,\r\n\t\t\tsubmitting,\r\n\t\t\tplatforms: {\r\n\t\t\t\tActiveTradePlatform,\r\n\t\t\t\tPendingTradePlatform,\r\n\t\t\t},\r\n\t\t\tcurrentAccountData: { baseParams },\r\n\t\t} = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\tPlease note that only one trading platform may be used at a time.\r\n\t\t\t\t
\r\n\t\t\t\t{baseParams && baseParams.HasOptions ?\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tThis trading platform doesn"t support options trading.
\r\n\t\t\t\t\t\t\t\t\tIn order to switch between platforms you have to close all the option positions in your portfolio.\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tbuttonText=\"Close\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t :\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
);\r\n\t}\r\n}\r\n\r\nJ2tProModal.propTypes = {\r\n\tonClose: PropTypes.func.isRequired,\r\n\tcurrentTradeAccount: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithStyles(styles),\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(J2tProModal);\r\n","import React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\nimport compose from 'recompose/compose';\r\nimport PropTypes from 'prop-types';\r\nimport { push } from 'connected-react-router';\r\nimport { env } from '@config';\r\nimport { AccountPlatforms, ModalPopups } from '@enums';\r\nimport {\r\n\ttradePlatforms,\r\n\tuserAccounts,\r\n} from '@redux';\r\nimport {\r\n\tButton,\r\n\tA,\r\n\tProgressContainer,\r\n} from '@components';\r\nimport { Modal } from '@dev2t/react-ui-kit/src/components';\r\nimport { connect } from 'react-redux';\r\nimport logo from './imgs/mt5-logo.png';\r\nimport Mt5InfoForm from './components/Mt5InfoForm';\r\nimport { CYChangeMtPasswordForm } from '@shared';\r\n\r\nconst styles = theme => ({\r\n\ttitle: {\r\n\t\t...theme.customstyles.display,\r\n\t\tcolor: theme.palette.text.primary,\r\n\t},\r\n\tbody: {\r\n\t\tmarginTop: '24px',\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.primary,\r\n\t},\r\n\tdescription: {\r\n\t\tmarginBottom: '5px',\r\n\t},\r\n\tlist: {\r\n\t\tmargin: '0',\r\n\t\tlistStyleType: 'none',\r\n\t\tlineHeight: '35px',\r\n\t\tpadding: '0 0 0 1.5em',\r\n\t\t'& li:': {\r\n\t\t\t'&:before': {\r\n\t\t\t\tcontent: '\"—\"',\r\n\t\t\t\tmarginLeft: '-1.5em',\r\n\t\t\t\twidth: '1.5em',\r\n\t\t\t\tdisplay: 'inline-block',\r\n\t\t\t},\r\n\t\t},\r\n\t},\r\n\tbutton: {\r\n\t\tmarginTop: '32px',\r\n\t\tbackgroundColor: '#e3edf5',\r\n\t},\r\n\tbuttonDownload: {\r\n\t\tmarginTop: '32px',\r\n\t\ttextAlign: 'center',\r\n\t\tfontSize: '1.2rem',\r\n\t},\r\n\tnoteText: {\r\n\t\tmarginTop: '32px',\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n\tactions: {\r\n\t\tsetCurrentPage: page => dispatch(push(page)),\r\n\t\tactivatePlatform: (account, tradePlatform) =>\r\n\t\t\tdispatch(tradePlatforms.actions.activatePlatformRequest(account, tradePlatform)),\r\n\t},\r\n});\r\n\r\nconst mapStateToProps = (state) => {\r\n\tconst currentAccountData = userAccounts.selectors.currentAccountData(state);\r\n\tconst accountInfo = userAccounts.selectors.accountInfo(state);\r\n\tconst hasOptions = currentAccountData.portfolio && currentAccountData.portfolio.Positions &&\r\n\t\tcurrentAccountData.portfolio.Positions.some(x => x.IsOption);\r\n\treturn {\r\n\t\tcurrentTradeAccount: userAccounts.selectors.currentTradeAccount(state),\r\n\t\tplatforms: userAccounts.selectors.platforms(state),\r\n\t\tsubmitting: tradePlatforms.selectors.submitting(state),\r\n\t\tready: !!(accountInfo && !accountInfo.loading && !currentAccountData.submitting),\r\n\t\ttradeLogin: accountInfo && accountInfo.TradeLogin,\r\n\t};\r\n};\r\n\r\nconst PLATFORM = AccountPlatforms.PLATFORM_MT5SPC;\r\n\r\nclass Mt5Modal extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.activatePlatform = this.activatePlatform.bind(this);\r\n\t}\r\n\r\n\tactivatePlatform() {\r\n\t\tthis.props.actions.activatePlatform(\r\n\t\t\tthis.props.currentTradeAccount,\r\n\t\t\tPLATFORM,\r\n\t\t);\r\n\t}\r\n\topenTerminal = () => {\r\n\t\tconst { actions } = this.props;\r\n\t\tactions.setCurrentPage('/dashboard/terminalMt5');\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tactions,\r\n\t\t\tonClose,\r\n\t\t\tclasses,\r\n\t\t\tsubmitting,\r\n\t\t\tplatforms: {\r\n\t\t\t\tActiveTradePlatform,\r\n\t\t\t\tPendingTradePlatform,\r\n\t\t\t},\r\n\t\t\thasOptions,\r\n\t\t\tready,\r\n\t\t\ttradeLogin,\r\n\t\t} = this.props;\r\n\t\tconst terminalMt5Link = `${env.baseUrl}/static/webterminal.html${(tradeLogin && `?login=${tradeLogin}`) || ''}`;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\tIn order to switch between platforms you have to close all the option positions in your portfolio.\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tbuttonText=\"Close\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t :\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t{PendingTradePlatform && PendingTradePlatform === PLATFORM &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tA fully-fledged trading system, which offers simple, convenient,\r\n\t\t\t\t\t\t\t\tfriendly and intuitive interface, high speed and reliable operations.\r\n\t\t\t\t\t\t\t\tThis trading platform offers exhaustive list of tools and functions.\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t
- Fast MDI desktop application \r\n\t\t\t\t\t\t\t\t
- Real-time quotes \r\n\t\t\t\t\t\t\t\t
- Market depth \r\n\t\t\t\t\t\t\t\t
- Different types of orders \r\n\t\t\t\t\t\t\t\t
- Automated triggered orders \r\n\t\t\t\t\t\t\t\t
- Historical data \r\n\t\t\t\t\t\t\t\t
- Technical indicators are built into the terminal \r\n\t\t\t\t\t\t\t\t
- Structured news feed \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tACTIVATION REQUESTED\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t{!PendingTradePlatform && ActiveTradePlatform !== PLATFORM &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{submitting ?\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t{ActiveTradePlatform === PLATFORM &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tDownload\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tTrading platform becomes available on the next day after activation.
\r\n\t\t\t\t\t\t\tPlease note that only one trading platform may be used at a time.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t\t\t\t\tPlease note that only one trading platform may be used at a time.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\tMetaTrader 5\r\n\t\t\t\t\t
\r\n\t\t\t\t\t{ActiveTradePlatform === PLATFORM &&\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t{ActiveTradePlatform !== PLATFORM &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{PendingTradePlatform && PendingTradePlatform === PLATFORM &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tTrade stocks with original web terminal from the developers of MT5\r\n\t\t\t\t\t\t\t\t\tby MetaQuotes provides an opportunity to trade via any browser in any operating system.\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t\t\t
- Multi-functional platform \r\n\t\t\t\t\t\t\t\t\t
- Technical analysis tools \r\n\t\t\t\t\t\t\t\t\t
- One-click trading capability \r\n\t\t\t\t\t\t\t\t\t
- Algorithmic trading \r\n\t\t\t\t\t\t\t\t\t
- Trading alerts \r\n\t\t\t\t\t\t\t\t\t
- “Market Place” \r\n\t\t\t\t\t\t\t\t\t
- Virtual hosting \r\n\t\t\t\t\t\t\t\t\t
- Advanced market depth and real-time quotes \r\n\t\t\t\t\t\t\t\t\t
- Recommended for accounts that will qualify for Day trading with a minimum equity of $25,000 \r\n\t\t\t\t\t\t\t\t\t
- Option trading is not yet supported \r\n\t\t\t\t\t\t\t\t\t
- Try out MT5 by downloading the application and opening a demo account to trade virtual money without risk \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\tYou may also download MetaTrader 5 for PC,\r\n\t\t\t\t\t\t\t iOS\r\n\t\t\t\t\t\t\t and Android\r\n\t\t\t\t\t\t\t - a perfectly equipped trader's working tool for trading on global financial markets.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tACTIVATION REQUESTED\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{!PendingTradePlatform && ActiveTradePlatform !== PLATFORM &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{submitting ?\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{ActiveTradePlatform === PLATFORM &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tAccess MT5 Web\r\n\t\t\t\t\t\t{/* */}\r\n\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tTrading platform becomes available on the next day after activation.
\r\n\t\t\t\t\t\tPlease note that only one trading platform may be used at a time.\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\tPlease note that only one trading platform may be used at a time.\r\n\t\t\t\t\t
\r\n\t\t\t\t\tSterling Trader® Pro\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{PendingTradePlatform && PendingTradePlatform === PLATFORM &&\r\n\t\t\t\t\r\n\t\t\t\t\t\tTrade stocks & options. Sterling Trader® Pro provides\r\n\t\t\t\t\t\ttraders with the performance and functionality they need to compete in today's\r\n\t\t\t\t\t\tmarkets with powerful options trading tools. The combination of powerful performance\r\n\t\t\t\t\t\tand configurability gives traders complete control over their\r\n\t\t\t\t\t\ttrading for equity markets.\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tACTIVATION REQUESTED\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{!PendingTradePlatform && ActiveTradePlatform !== PLATFORM &&\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{submitting ?\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t}\r\n\t\t\t\t{ActiveTradePlatform === PLATFORM &&\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tDownload Sterling Trader® Pro\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t}\r\n\r\n\t\t\t\t\r\n\t\t\t\t\tTrading platform becomes available on the next day after activation.
\r\n\t\t\t\t\tPlease note that only one trading platform may be used at a time.\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nStProModal.propTypes = {\r\n\tonClose: PropTypes.func.isRequired,\r\n\tcurrentTradeAccount: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithStyles(styles),\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(StProModal);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { ModalPopups } from '@enums';\r\nimport { dashboard, notifications } from '@redux';\r\nimport { NotificationModalContent, Modal } from '@dev2t/react-ui-kit/src';\r\n\r\nclass MessageModal extends React.Component {\r\n\tcloseModal = (event) => {\r\n\t\tif (this.props.onClose) {\r\n\t\t\tthis.props.onClose(event);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\tPlease note that only one trading platform may be used at a time.\r\n\t\t\t\t
\n\t\t\t
\n\t);\n};\n\nCYReportsFilter.propTypes = {\n\ttradeCode: PropTypes.string.isRequired,\n};\n\nexport default CYReportsFilter;\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDispatch, useSelector } from 'react-redux';\nimport Grid from '@material-ui/core/Grid';\nimport { makeStyles } from '@material-ui/core/styles';\nimport {\n\tProgressContainer,\n\tShowMore,\n} from '@components';\nimport { snackbar, reports } from '@redux';\nimport { CYReportsTable } from './CYReportsTable';\n\nconst useStyles = makeStyles(theme => ({\n\tloader: {\n\t\tcolor: theme.palette.primary.main,\n\t},\n}));\n\nconst CYReportsPagingTable = (props) => {\n\tconst { tradeCode } = props;\n\tconst classes = useStyles();\n\n\tconst [reportsCount, setReportsCount] = useState(5);\n\n\tconst accountReports = useSelector(reports.selectors.reports);\n\tconst dispatch = useDispatch();\n\n\tuseEffect(() => {\n\t\tdispatch(reports.actions.getBrokerReports.request({ tradeCode }));\n\t}, [tradeCode, dispatch]);\n\n\tconst showError = message => dispatch(snackbar.actions.showErrorMessage({ text: message }));\n\n\tconst pageSize = 5;\n\n\tconst { Items, submitting } = accountReports;\n\n\n\treturn (\n\t\t\n\t\t\t\t setEndDate(date)}\n\t\t\t\t\tonStartDateChange={date => setStartDate(date)}\n\t\t\t\t/>\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t dispatch(reports.actions.generateBrokerReport.request({ \n\t\t\t\t\t\tstartDate: moment(startDate).utc().format(),\n\t\t\t\t\t\tendDate: moment(endDate).utc().format(),\n\t\t\t\t\t\tisLiteVersion: isLite,\n\t\t\t\t\t\ttradeCode,\n\t\t\t\t\t}))}\n\t\t\t\t\tclasses={{ root: classes.fixStartButton }}\n\t\t\t\t>\n\t\t\t\t\t
\n\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\n\t\t);\n\t}\n}\n\nReportItem.propTypes = {\n\taccount: PropTypes.object.isRequired,\n\tclasses: PropTypes.object.isRequired,\n\tdocument: PropTypes.object.isRequired,\n\tnodeKey: PropTypes.string.isRequired,\n};\n\nexport default compose(\n\twithTheme,\n\twithStyles(styles),\n)(ReportItem);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles, withTheme } from '@material-ui/core/styles';\nimport compose from 'recompose/compose';\nimport { A } from '@components';\n\n\nconst styles = theme => ({\n\tdocumentContainer: {\n\t\tmarginTop: '20px',\n\t\toverflowX: 'auto',\n\t\t'&:last-child div': {\n\t\t\tborderBottom: 'none',\n\t\t},\n\t},\n\tdocumentItem: {\n\t\t...theme.customstyles.body,\n\t\tdisplay: 'flex',\n\t\tjustifyContent: 'space-between',\n\t\talignItems: 'flex-start',\n\t\tpadding: '0 14px',\n\t\tborderBottom: '1px solid #deeaef',\n\t\t'& div': {\n\t\t\tpadding: '10px',\n\t\t},\n\t},\n\tdocumentText: {\n\t\tcolor: 'inherit',\n\t\tflexGrow: 2,\n\t},\n\ttable: {\n\t\t...theme.table.default,\n\t\t'& th': {\n\t\t\t...theme.table.default['& th'],\n\t\t\tpaddingRight: '20px',\n\t\t},\n\t},\n});\n\n\nclass TransmissionItems extends React.Component {\n\trender() {\n\t\tconst {\n\t\t\tclasses,\n\t\t\taccount: {\n\t\t\t\ttradeCode,\n\t\t\t\tclearerFirm,\n\t\t\t},\n\t\t\titems,\n\t\t} = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t\t\t{toUsaDateFormat(document.Date)}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{/* \n\t\t\t\t\t\t\t\t{document.Name}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{isNumber(document.Size) &&\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{toUsaSizeFormat(document.Size * 1000)}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t
\n\t\t);\n\t}\n}\n\nTransmissionItems.propTypes = {\n\taccount: PropTypes.object.isRequired,\n\tclasses: PropTypes.object.isRequired,\n\titems: PropTypes.array.isRequired,\n};\n\nexport default compose(\n\twithTheme,\n\twithStyles(styles),\n)(TransmissionItems);\n","import React, { useState } from 'react';\nimport { ModalPopups } from '@enums';\nimport { R, Modal, ErrorMessage, SuccessMessage } from '@dev2t/react-ui-kit/src/components';\nimport { withdrawFunds } from '@redux';\nimport { J2txCurrencyChangeForm } from './components';\n\nconst J2txCurrencyChangeModal = props => {\n\tconst { onClose } = props;\n\n\tconst [errorMessage, setErrorMessage] = useState('');\n\n\tconst [step, setStep] = useState('amountform');\n\tconst onSuccess = () => setStep('succeeded');\n\tconst onFail = message => {\n\t\tsetErrorMessage(message);\n\t\tsetStep('failed');\n\t};\n\n\treturn (\n\t\t| \n\t\t\t\t\t\t\t\tDate\n\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tIssuer\n\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tCUSIP\n\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tTicker\n\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tShares\n\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tDocuments\n\t\t\t\t\t\t\t | \n\t\t\t\t\t\t
|---|---|---|---|---|---|
| {item.FulfillmentDate} | \n\t\t\t\t\t\t\t\t{item.SecurityName} | \n\t\t\t\t\t\t\t\t{item.CUSIP} | \n\t\t\t\t\t\t\t\t{item.Ticker} | \n\t\t\t\t\t\t\t\t{item.Shares} | \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{item.Documents && item.Documents.map((doc, indx) => (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{doc.Label}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\t
\n\t\t\t\t\t{step === 'succeeded'\n\t\t\t\t\t\t&& (\n\t\t\t\t\t\t\t setStep('amountform')}\n\t\t\t\t\t\t\t\tonFail={() => setStep('failed')}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t{step === 'amountform'\n\t\t\t\t\t\t&& (\n\t\t\t\t\t\t\t setStep('confirmform')}\n\t\t\t\t\t\t\t\tonFail={() => setStep('failed')}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t{step === 'confirmform'\n\t\t\t\t\t\t&& (\n\t\t\t\t\t\t\t setStep('succeeded')}\n\t\t\t\t\t\t\t\tonFail={() => setStep('failed')}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t{EMoneyOut && EMoneyOut.SelectTarget === 'RIPPLE'\n\t\t\t\t&& (\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{getReasons().map(x => (\n\t\t\t\t\t\t\n\t\t\t\t\t))}\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{availableCurrencies.map(m => (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t selectMethod(m)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t))}\n\t\t\t\t\n\t\t\t\n\t\t\t{m.Title}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t{step === 'succeeded' && (\n\t\t\t\t\t\t setStep('confirmform')}\n\t\t\t\t\t\t\t\tonFail={() => setStep('failed')}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t{step === 'confirmform'\n\t\t\t\t\t\t&& (\n\t\t\t\t\t\t\t setStep('succeeded')}\n\t\t\t\t\t\t\t\tonFail={() => setStep('failed')}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t{step === 'noMoney' &&\n\t\t\t\t\t\t a.IsStaking) ? (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t
\n\t\t\t\n\t\t\n\t);\n};\n\nJ2txTransferModal.propTypes = {\n\t// // название формы\n\t// form: PropTypes.string.isRequired,\n\n\t// // title на форме\n\t// title: PropTypes.oneOfType([\n\t// \tPropTypes.string,\n\t// \tPropTypes.element,\n\t// ]),\n\t// onClose: PropTypes.func.isRequired,\n\t// onSubmit: PropTypes.func.isRequired,\n\n\t// // нижние ограничения на переводы (если есть) \n\t// restrictions: PropTypes.shape({\n\t// \tBTC: PropTypes.number,\n\t// \tETH: PropTypes.number,\n\t// \tUSDT: PropTypes.number,\n\t// \tLTC: PropTypes.number,\n\t// \tXRP: PropTypes.number,\n\t// }),\n\n\t// // валюта из которой переводим (если есть) \n\t// currencyFrom: PropTypes.string,\n\t// tradeCodeFrom: PropTypes.string,\n\n\t// // функция для вычисления списка валют, которые можно переводить\n\t// calculateCurrencies: PropTypes.func,\n\n\t// // счета, которые будут в выпадашке куда\n\t// destinationAccounts: PropTypes.arrayOf(PropTypes.shape({\n\t// \tTradeCode: PropTypes.string.isRequired,\n\t// \tClearingFirm: PropTypes.string.isRequired,\n\t// \tDisplayFullName: PropTypes.string.isRequired,\n\t// \tIsDemo: PropTypes.bool.isRequired,\n\t// })).isRequired,\n\n\t// \t// счета, которые будут в выпадашке откуда\n\t// sourceAccounts: PropTypes.arrayOf(PropTypes.shape({\n\t// \tTradeCode: PropTypes.string.isRequired,\n\t// \tClearingFirm: PropTypes.string.isRequired,\n\t// \tDisplayFullName: PropTypes.string.isRequired,\n\t// \tIsDemo: PropTypes.bool.isRequired,\n\t// })).isRequired,\n};\n\nexport default J2txTransferModal;\n","import React, { useState } from 'react';\nimport { R, Modal, SuccessMessage, ErrorMessage } from '@dev2t/react-ui-kit/src';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useSelector } from 'react-redux';\nimport { userAccounts } from '@redux';\nimport { CYChangeMtPasswordForm } from '@shared';\n\nconst useStyles = makeStyles(theme => ({\n\trequirement: {\n\t\tcolor: theme.palette.text.secondary,\n\t\tpadding: '0 12px',\n\t\t'&:last-of-type': {\n\t\t\tmarginBottom: '30px',\n\t\t},\n\t},\n}));\n\nconst CYChangeMtPasswordModal = ({ onClose }) => {\n\tconst classes = useStyles();\n\tconst [step, setStep] = useState('openform');\n\n\tconst currentAccount = useSelector(userAccounts.selectors.accountInfo);\n\n\tconst title = (\n\t\t\n\t\t\t\n\t\t\t\t{step === 'succeeded' &&\n\t\t\t\t\t setStep('succeeded')}\n\t\t\t\t\t\tonSubmitFail={() => setStep('failed')}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t
\n\t\t\n\t);\n};\n\nexport default CYChangeMtPasswordModal;\n","import React from 'react';\nimport { useLocation } from 'react-router-dom';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { ModalPopups } from '@enums';\nimport { nontradingOrders, userAccounts, app } from '@redux';\nimport {\n\tCYNonTradingOrderCommonModal,\n\tCYNonTradingOrderIdentityModal,\n\tCYNonTradingOrderLeverageModal,\n\tCYNonTradingOrderBonusModal,\n\tCYNonTradingOrderRegistrationModal,\n\tCYNonTradingOpenAccountModal,\n\tCYNonTradingOpenDemoAccountModal,\n} from './components';\n\n\nexport const CYNonTradingOrderModals = ({}) => {\n\tconst location = useLocation();\n\tconst dispatch = useDispatch();\n\tconst isPotentialClientWaitingForApproval = useSelector(userAccounts.selectors.userInfo)?.IsPotentialClientWaitingForApproval ?? true;\n\n\tconst getNonTradingOrderModal = (item) => {\n\t\tswitch (item) {\n\t\t\tcase ModalPopups.CY_NON_TRADING_ORDER_COMMON:\n\t\t\t\treturn (\n\t\t\t\t\t\n\t\t\t\t\t{step === 'succeeded' &&\n\t\t\t\t\t\t setStep('succeeded')}\n\t\t\t\t\t\t\tonFail={() => setStep('failed')}\n\t\t\t\t\t\t\tonClose={onClose}\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t{step === 'succeeded' &&\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{showAlert && \n\t\t\t\t\t\t\t\t setStep('succeeded')}\n\t\t\t\t\t\t\t\tonFail={() => setStep('failed')}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t \n\t\t\t\t\t}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t{step === 'succeeded' &&\n\t\t\t\t\t\t setStep('succeeded')}\n\t\t\t\t\t\t\tonSubmitFail={() => setStep('failed')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t{step === 'succeeded' &&\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{showAlert && \n\t\t\t\t\t\t\t\t setStep('succeeded')}\n\t\t\t\t\t\t\t\tonFail={() => setStep('failed')}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t \n\t\t\t\t\t}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t{step === 'succeeded'\n\t\t\t\t\t\t&& (\n\t\t\t\t\t\t\t setStep('choosetype')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{step === 'choosetype'\n\t\t\t\t\t\t&& (\n\t\t\t\t\t\t\t setStep('chooseleverage')}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t{step === 'chooseleverage'\n\t\t\t\t\t\t&& (\n\t\t\t\t\t\t\t setStep('succeeded')}\n\t\t\t\t\t\t\t\tonSubmitFail={err => { setError(err._error); setStep('failed'); }}\n\t\t\t\t\t\t\t\tonSubmitSuccess={() => setStep('succeeded')}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t{step === 'choosecurrency'\n\t\t\t\t\t\t&& (\n\t\t\t\t\t\t\t setStep('succeeded')}\n\t\t\t\t\t\t\t\tonSubmitFail={err => { setError(err._error); setStep('failed'); }}\n\t\t\t\t\t\t\t\tonSubmitSuccess={() => setStep('succeeded')}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{p.Enable ? p.Title :
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{p.Enable ? p.Title :
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{props.submitting ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t:
*/}\n\t\t\t\n\t\t);\n\t}\n}\n\nCYOpenAccountChoosePlatform.propTypes = {\n\tclasses: PropTypes.object.isRequired,\n\thandleSubmit: PropTypes.func.isRequired,\n\tcurrentTradeAccount: PropTypes.object.isRequired,\n};\n\nexport default compose(\n\twithStyles(styles),\n\twithTheme,\n\tconnect(mapStateToProps, null),\n\treduxForm({\n\t\tvalidate: CYOpenAccountChoosePlatform.validate,\n\t}),\n)(CYOpenAccountChoosePlatform);\n","import React from 'react';\nimport compose from 'recompose/compose';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport classNames from 'classnames';\nimport {\n\treduxForm,\n\tformValueSelector,\n} from 'redux-form';\nimport { withStyles, withTheme } from '@material-ui/core/styles';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport Grid from '@material-ui/core/Grid';\nimport { Button } from '@components';\nimport { R } from '@dev2t/react-ui-kit/src/components';\nimport { userAccounts, app } from '@redux';\nimport { Platform } from '../../../../../../../../../utils/platforms';\n\n\nconst styles = theme => ({\n\troot: {\n\t\tposition: 'relative',\n\t},\n\trow: {\n\t\tdisplay: 'flex',\n\t},\n\tinputItem: {\n\t\tpaddingLeft: '50px',\n\t},\n\tlogo: {\n\t\tpadding: '16px 16px 4px 16px',\n\t\tposition: 'relative',\n\t\twidth: '80px',\n\t\theight: '44px',\n\t},\n\tinputContainer: {\n\t\tdisplay: 'flex',\n\t\twidth: '100%',\n\t\t...theme.customstyles.title,\n\t},\n\taccount: {\n\t\twidth: '100%',\n\t\ttextAlign: 'left',\n\t},\n\tbutton: {\n\t\t...theme.mixins.stickyButton,\n\t},\n\tmethodsContainer: {\n\t\tmarginBottom: '24px',\n\t},\n\tgridItem: {\n\t\tminWIdth: 'fit-content',\n\t},\n\tmethodItem: {\n\t\theight: '100%',\n\t\ttextAlign: 'center',\n\t\tpadding: '20px',\n\t\tborder: '2px solid #deeaef',\n\t\tborderRadius: '8px',\n\t\t'&:hover': {\n\t\t\tboxShadow: '0 5px 10px 0 rgba(61, 65, 71, 0.16)',\n\t\t\tborderWidth: '2px',\n\t\t\ttransform: 'translate(0, 1.5px) scale(1.01)',\n\t\t},\n\t\t\n\t},\n\tmethodItemSelected: {\n\t\tborderColor: theme.palette.text.secondary,\n\t},\n\tmethodImg: {\n\t\tmaxWidth: '120px',\n\t\theight: '80px',\n\t\t[theme.breakpoints.up('sm')]: {\n\t\t\theight: '120px',\n\t\t},\n\t},\n\tbuttonCenter: {\n\t\tmargin: '0 auto',\n\t\twidth: '30%',\n\t\tdisplay: 'block',\n\t},\n\n});\n\nconst mapStateToProps = (state, ownProps) => {\n\tconst currentTradeAccount = userAccounts.selectors.currentTradeAccount(state);\n\n\tconst language = app.selectors.language(state);\n\n\tconst OpenAccountOut = formValueSelector(ownProps.form)(state, 'OpenAccountOut');\n\treturn {\n\t\tOpenAccountOut,\n\t\tcurrentTradeAccount,\n\t\tlanguage,\n\t};\n};\n\nconst getMethods = () => [\n\t{\n\t\tSelectedType: 'ForexStandart',\n\t\tTitle: 'Forex & CFDs (Standard)',\n\t\tDicWordTitle: 'account_type_mt4_name',\n\t\tData: [\n\t\t\t{ key: 'open_account_type_minimum_amount', text: 'Minimum amount', value: '$100' },\n\t\t\t{ key: 'open_account_type_marging_trading', text: 'Marging trading', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_spread', text: 'Spread', value: 'from 0,5' },\n\t\t\t{ key: 'open_account_type_minimum_lot', text: 'Minimum lot', value: '0,01' },\n\t\t\t{ key: 'open_account_type_brokerage_commission', text: 'Brokerage commission', value: '0' },\n\t\t\t{ key: 'open_account_type_negative_balance_protection', text: 'Negative balance protection', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_swap', text: 'Swap', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_leverage_up_to', text: 'Leverage up to', valueDicWord: 'open_account_type_leverage_up_to_value_forex_standart', valueText: 'up to 1:2000' },\n\t\t\t{ key: 'open_account_type_mobile_trading', text: 'Mobile Trading', value: 'Yes' },\n\t\t],\n\t\tLanguageFilter: null,\n\t\tMaxLeverage: 2000,\n\t\tPlatformsFilter: [Platform.MT4]\n\t},\n\t{\n\t\tSelectedType: 'ForexEcn',\n\t\tTitle: 'Forex (ECN)',\n\t\tDicWordTitle: 'account_type_forex_ecn_name',\n\t\tData: [\n\t\t\t{ key: 'open_account_type_minimum_amount', text: 'Minimum amount', value: '$100' },\n\t\t\t{ key: 'open_account_type_marging_trading', text: 'Marging trading', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_spread', text: 'Spread', value: 'from 0' },\n\t\t\t{ key: 'open_account_type_minimum_lot', text: 'Minimum lot', value: '0,01' },\n\t\t\t{ key: 'open_account_type_brokerage_commission', text: 'Brokerage commission', value: '$3 per lot' },\n\t\t\t{ key: 'open_account_type_negative_balance_protection', text: 'Negative balance protection', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_swap', text: 'Swap', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_leverage_up_to', text: 'Leverage up to', valueDicWord: 'open_account_type_leverage_up_to_value_forex_ecn', valueText: 'up to 1:2000' },\n\t\t\t{ key: 'open_account_type_mobile_trading', text: 'Mobile Trading', value: 'Yes' },\n\t\t],\n\t\tLanguageFilter: null,\n\t\tMaxLeverage: 2000,\n\t\tPlatformsFilter: [Platform.MT4]\n\t},\n\t{\n\t\tSelectedType: 'ForexMUSLIM',\n\t\tTitle: 'Islamic account',\n\t\tDicWordTitle: 'account_type_islamic_name',\n\t\tData: [\n\t\t\t{ key: 'open_account_type_minimum_amount', text: 'Minimum amount', value: '$100' },\n\t\t\t{ key: 'open_account_type_marging_trading', text: 'Marging trading', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_spread', text: 'Spread', value: 'from 0,5' },\n\t\t\t{ key: 'open_account_type_minimum_lot', text: 'Minimum lot', value: '0,01' },\n\t\t\t{ key: 'open_account_type_brokerage_commission', text: 'Brokerage commission', value: '0' },\n\t\t\t{ key: 'open_account_type_negative_balance_protection', text: 'Negative balance protection', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_swap', text: 'Swap', value: 'No' },\n\t\t\t{ key: 'open_account_type_leverage_up_to', text: 'Leverage up to', valueDicWord: 'open_account_type_leverage_up_to_value_forex_muslim', valueText: 'up to 1:2000' },\n\t\t\t{ key: 'open_account_type_mobile_trading', text: 'Mobile Trading', value: 'Yes' },\n\t\t],\n\t\tLanguageFilter: ['ms', 'id'],\n\t\tMaxLeverage: 500,\n\t\tPlatformsFilter: [Platform.MT4]\n\t},\n\t{\n\t\tSelectedType: 'MMA2',\n\t\tTitle: 'Forex & CFDs (Standard)',\n\t\tDicWordTitle: 'account_type_mt4_name',\n\t\tData: [\n\t\t\t{ key: 'open_account_type_minimum_amount', text: 'Minimum amount', value: '$100' },\n\t\t\t{ key: 'open_account_type_marging_trading', text: 'Marging trading', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_spread', text: 'Spread', value: 'from 0,5' },\n\t\t\t{ key: 'open_account_type_minimum_lot', text: 'Minimum lot', value: '0,01' },\n\t\t\t{ key: 'open_account_type_brokerage_commission', text: 'Brokerage commission', value: '0' },\n\t\t\t{ key: 'open_account_type_negative_balance_protection', text: 'Negative balance protection', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_swap', text: 'Swap', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_leverage_up_to', text: 'Leverage up to', valueDicWord: 'open_account_type_leverage_up_to_value_forex_standart', valueText: 'up to 1:2000' },\n\t\t\t{ key: 'open_account_type_mobile_trading', text: 'Mobile Trading', value: 'Yes' },\n\t\t],\n\t\tLanguageFilter: null,\n\t\tMaxLeverage: 2000,\n\t\tPlatformsFilter: [Platform.MT5]\n\t},\n\t{\n\t\tSelectedType: 'MMA2Ecn',\n\t\tTitle: 'Forex (ECN)',\n\t\tDicWordTitle: 'account_type_forex_ecn_name',\n\t\tData: [\n\t\t\t{ key: 'open_account_type_minimum_amount', text: 'Minimum amount', value: '$100' },\n\t\t\t{ key: 'open_account_type_marging_trading', text: 'Marging trading', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_spread', text: 'Spread', value: 'from 0' },\n\t\t\t{ key: 'open_account_type_minimum_lot', text: 'Minimum lot', value: '0,01' },\n\t\t\t{ key: 'open_account_type_brokerage_commission', text: 'Brokerage commission', value: '$3 per lot' },\n\t\t\t{ key: 'open_account_type_negative_balance_protection', text: 'Negative balance protection', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_swap', text: 'Swap', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_leverage_up_to', text: 'Leverage up to', valueDicWord: 'open_account_type_leverage_up_to_value_forex_ecn', valueText: 'up to 1:2000' },\n\t\t\t{ key: 'open_account_type_mobile_trading', text: 'Mobile Trading', value: 'Yes' },\n\t\t],\n\t\tLanguageFilter: null,\n\t\tMaxLeverage: 2000,\n\t\tPlatformsFilter: [Platform.MT5]\n\t},\n\t{\n\t\tSelectedType: 'MMA2MUSLIM',\n\t\tTitle: 'Islamic account',\n\t\tDicWordTitle: 'account_type_islamic_name',\n\t\tData: [\n\t\t\t{ key: 'open_account_type_minimum_amount', text: 'Minimum amount', value: '$100' },\n\t\t\t{ key: 'open_account_type_marging_trading', text: 'Marging trading', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_spread', text: 'Spread', value: 'from 0,5' },\n\t\t\t{ key: 'open_account_type_minimum_lot', text: 'Minimum lot', value: '0,01' },\n\t\t\t{ key: 'open_account_type_brokerage_commission', text: 'Brokerage commission', value: '0' },\n\t\t\t{ key: 'open_account_type_negative_balance_protection', text: 'Negative balance protection', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_swap', text: 'Swap', value: 'No' },\n\t\t\t{ key: 'open_account_type_leverage_up_to', text: 'Leverage up to', valueDicWord: 'open_account_type_leverage_up_to_value_forex_muslim', valueText: 'up to 1:2000' },\n\t\t\t{ key: 'open_account_type_mobile_trading', text: 'Mobile Trading', value: 'Yes' },\n\t\t],\n\t\tLanguageFilter: ['ms', 'id'],\n\t\tMaxLeverage: 500,\n\t\tPlatformsFilter: [Platform.MT5]\n\t},\n];\n\nclass CYOpenAccountChooseType extends React.Component {\n\tstatic validate(formvalues, props) {\n\t\tconst values = formvalues;\n\t\tconst errors = {};\n\n\t\tif (!values) {\n\t\t\treturn errors;\n\t\t}\n\n\t\tif (values.OpenAccountOut) {\n\t\t\terrors.OpenAccountOut = {};\n\n\t\t\tif (!values.OpenAccountOut.SelectedType) {\n\t\t\t\terrors.OpenAccountOut.SelectedType = 'required';\n\t\t\t}\n\t\t}\n\n\t\treturn errors;\n\t}\n\tselectMethod = (m) => {\n\t\tconst { OpenAccountOut, change } = this.props;\n\t\tchange('OpenAccountOut', {\n\t\t\t...OpenAccountOut,\n\t\t\tSelectedType: m.SelectedType,\n\t\t\tMaxLeverage: m.MaxLeverage,\n\t\t});\n\t};\n\n\trender() {\n\t\tconst {\n\t\t\tclasses,\n\t\t\thandleSubmit,\n\t\t\tsubmitSucceeded,\n\t\t\tcurrentTradeAccount,\n\t\t\ttheme,\n\t\t\tvalues,\n\t\t\tOpenAccountOut,\n\t\t\tlanguage,\n\t\t\t...props\n\t\t} = this.props;\n\n\t\tconst platform = OpenAccountOut.SelectedPlatform;\n\n\t\tconst methods = getMethods()\n\t\t\t.filter(f => !f.LanguageFilter || f.LanguageFilter.includes(language))\n\t\t\t.filter(f => !f.PlatformsFilter || f.PlatformsFilter.includes(platform));\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{methods.map(m => (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t this.selectMethod(m)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{ m.Data.map((item, index) => (\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t))}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t| { | \n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.value ?? | \n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{props.submitting ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t:
\n\t\t\t\n\t\t);\n\t}\n}\n\nCYOpenAccountChooseType.propTypes = {\n\tclasses: PropTypes.object.isRequired,\n\thandleSubmit: PropTypes.func.isRequired,\n\tcurrentTradeAccount: PropTypes.object.isRequired,\n};\n\nexport default compose(\n\twithStyles(styles),\n\twithTheme,\n\tconnect(mapStateToProps, null),\n\treduxForm({\n\t\tvalidate: CYOpenAccountChooseType.validate,\n\t}),\n)(CYOpenAccountChooseType);\n","import React from 'react';\nimport compose from 'recompose/compose';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport classNames from 'classnames';\nimport {\n\treduxForm,\n\tField,\n\tformValueSelector,\n} from 'redux-form';\nimport { withStyles, withTheme } from '@material-ui/core/styles';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport Grid from '@material-ui/core/Grid';\n\nimport { Button, Radio, FormRadioGroup } from '@components';\nimport { R, A, withTranslate } from '@dev2t/react-ui-kit/src/components';\nimport { userAccounts, app } from '@redux';\n\nconst styles = theme => ({\n\troot: {\n\t\tposition: 'relative',\n\t},\n\trow: {\n\t\tdisplay: 'flex',\n\t},\n\tinputItem: {\n\t\tpaddingLeft: '50px',\n\t},\n\tlogo: {\n\t\tpadding: '16px 16px 4px 16px',\n\t\tposition: 'relative',\n\t\twidth: '80px',\n\t\theight: '44px',\n\t},\n\tinputContainer: {\n\t\tdisplay: 'flex',\n\t\twidth: '100%',\n\t\t...theme.customstyles.title,\n\t},\n\taccount: {\n\t\twidth: '100%',\n\t\ttextAlign: 'left',\n\t},\n\tbutton: {\n\t\t...theme.mixins.stickyButton,\n\t},\n\tmethodsContainer: {\n\t\tmarginBottom: '24px',\n\t},\n\tgridItem: {\n\t\tminWidth: 'fit-content',\n\t},\n\tmethodItem: {\n\t\theight: '100%',\n\t\ttextAlign: 'center',\n\t\tpadding: '20px',\n\t\tborder: '2px solid #deeaef',\n\t\tborderRadius: '8px',\n\t\t'&:hover': {\n\t\t\tboxShadow: '0 5px 10px 0 rgba(61, 65, 71, 0.16)',\n\t\t\tborderWidth: '2px',\n\t\t\ttransform: 'translate(0, 1.5px) scale(1.01)',\n\t\t},\n\t},\n\tmethodItemSelected: {\n\t\tborderColor: theme.palette.text.secondary,\n\t},\n\tmethodImg: {\n\t\tmaxWidth: '120px',\n\t\theight: '80px',\n\t\t[theme.breakpoints.up('sm')]: {\n\t\t\theight: '120px',\n\t\t},\n\t},\n\tbuttonCenter: {\n\t\tpadding: '20px 0 0 0',\n\t\tmargin: '0 auto',\n\t\twidth: '30%',\n\t\tdisplay: 'block',\n\t},\n\topenAccountBonusComment: {\n\t\tmarginTop: '10px',\n\t\tfontSize: '18px',\n\t\tcolor: theme.palette.text.secondary,\n\t},\n\topenAccountBonusTitle: {\n\t\tfontSize: '18px',\n\t}\n\n});\n\nconst mapStateToProps = (state, ownProps) => {\n\tconst currentTradeAccount = userAccounts.selectors.currentTradeAccount(state);\n\tconst isFloatingBonus = userAccounts.selectors.isFloatingBonus(state);\n\tconst language = app.selectors.language(state);\n\n\tconst OpenAccountOut = formValueSelector(ownProps.form)(state, 'OpenAccountOut');\n\treturn {\n\t\tOpenAccountOut,\n\t\tcurrentTradeAccount,\n\t\tisFloatingBonus,\n\t\tlanguage,\n\t};\n};\nconst getMethods = () => [\n\t{\n\t\tSelectedLevarage: 100,\n\t\tTitle: '1:100',\n\t},\n\t{\n\t\tSelectedLevarage: 200,\n\t\tTitle: '1:200',\n\t},\n\t{\n\t\tSelectedLevarage: 500,\n\t\tTitle: '1:500',\n\t},\n\t{\n\t\tSelectedLevarage: 1000,\n\t\tTitle: '1:1000',\n\t},\n\t{\n\t\tSelectedLevarage: 2000,\n\t\tTitle: '1:2000',\n\t},\n];\n\nclass CYOpenAccountChooseLeverage extends React.Component {\n\tstatic validate(formvalues, props) {\n\t\tconst values = formvalues;\n\t\tconst errors = {};\n\n\t\tif (!values) {\n\t\t\treturn errors;\n\t\t}\n\n\t\tif (values.OpenAccountOut) {\n\t\t\terrors.OpenAccountOut = {};\n\n\t\t\tif (!values.OpenAccountOut.SelectedLevarage) {\n\t\t\t\terrors.OpenAccountOut.SelectedLevarage = 'required';\n\t\t\t}\n\t\t\tif (!values.OpenAccountOut.BonusAccount)\n\t\t\t\terrors.OpenAccountOut.BonusAccount = 'required';\n\t\t}\n\n\n\t\t\n\t\treturn errors;\n\t}\n\tselectMethod = (m) => {\n\t\tconst { OpenAccountOut, change } = this.props;\n\t\tif (OpenAccountOut.BonusAccount !== 'YES')\n\t\t\tchange('OpenAccountOut', {\n\t\t\t\t...OpenAccountOut,\n\t\t\t\tSelectedLevarage: m.SelectedLevarage,\n\t\t\t});\n\t};\n\n\tselectBonus = (value) => {\n\t\tconst { OpenAccountOut, change } = this.props;\n\t\tif (value === 'YES')\n\t\t\tchange('OpenAccountOut', {\n\t\t\t\t...OpenAccountOut,\n\t\t\t\tSelectedLevarage: 500,\n\t\t\t});\t\t\t\t\n\t};\n\n\trender() {\n\t\tconst {\n\t\t\tclasses,\n\t\t\thandleSubmit,\n\t\t\tsubmitSucceeded,\n\t\t\tcurrentTradeAccount,\n\t\t\ttheme,\n\t\t\tvalues,\n\t\t\tOpenAccountOut,\n\t\t\tisFloatingBonus,\n\t\t\tBonusAccount,\n\t\t\ttranslate,\n\t\t\t...props\n\t\t} = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{getMethods().filter(f => f.SelectedLevarage <= OpenAccountOut.MaxLeverage).map(m => (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t this.selectMethod(m)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t))}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t{isFloatingBonus && \n\t\t\t\t\t{m.Title}
\n\t\t\t\t\t\t this.selectBonus(value)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t
\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t'Deposit Bonus' Regulations to fully understand the conditions of our bonus program.\"\n\t\t\t\t\t\t\t\tenableHtml\n\t\t\t\t\t\t\t\tcomponents={{\n\t\t\t\t\t\t\t\t\twarp: (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{props.submitting ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t:
\n\t\t\t\n\t\t);\n\t}\n}\n\nCYOpenAccountChooseLeverage.propTypes = {\n\tclasses: PropTypes.object.isRequired,\n\thandleSubmit: PropTypes.func.isRequired,\n\tcurrentTradeAccount: PropTypes.object.isRequired,\n};\n\nexport default compose(\n\twithStyles(styles),\n\twithTheme,\n\twithTranslate,\n\tconnect(mapStateToProps, null),\n\treduxForm({\n\t\tvalidate: CYOpenAccountChooseLeverage.validate,\n\t}),\n)(CYOpenAccountChooseLeverage);\n","import React from 'react';\nimport compose from 'recompose/compose';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport classNames from 'classnames';\nimport {\n\treduxForm,\n\tformValueSelector,\n} from 'redux-form';\nimport { withStyles, withTheme } from '@material-ui/core/styles';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport Grid from '@material-ui/core/Grid';\nimport { rub, usd, eur } from '@content/currencyLogos';\n\n// import { RequireConfirmationCodeItem } from '@shared';\n\nimport { Button } from '@components';\nimport { R } from '@dev2t/react-ui-kit/src/components';\nimport { userAccounts, app } from '@redux';\n\nconst styles = theme => ({\n\troot: {\n\t\tposition: 'relative',\n\t},\n\trow: {\n\t\tdisplay: 'flex',\n\t},\n\tinputItem: {\n\t\tpaddingLeft: '50px',\n\t},\n\tlogo: {\n\t\tpadding: '16px 16px 4px 16px',\n\t\tposition: 'relative',\n\t\twidth: '80px',\n\t\theight: '44px',\n\t},\n\tinputContainer: {\n\t\tdisplay: 'flex',\n\t\twidth: '100%',\n\t\t...theme.customstyles.title,\n\t},\n\taccount: {\n\t\twidth: '100%',\n\t\ttextAlign: 'left',\n\t},\n\tmethodsContainer: {\n\t\tmarginBottom: '24px',\n\t},\n\tmethodItem: {\n\t\theight: '100%',\n\t\ttextAlign: 'center',\n\t\tpadding: '20px',\n\t\tborder: '2px solid #deeaef',\n\t\tborderRadius: '8px',\n\t\t'&:hover': {\n\t\t\tboxShadow: '0 5px 10px 0 rgba(61, 65, 71, 0.16)',\n\t\t\tborderWidth: '2px',\n\t\t\ttransform: 'translate(0, 1.5px) scale(1.01)',\n\t\t},\n\t},\n\tmethodItemSelected: {\n\t\tborderColor: theme.palette.text.secondary,\n\t},\n\tmethodImg: {\n\t\tmaxWidth: '600px',\n\t\theight: '40px',\n\t\t[theme.breakpoints.up('sm')]: {\n\t\t\theight: '40px',\n\t\t},\n\t},\n\tbuttonCenter: {\n\t\tmargin: '0 auto',\n\t\twidth: '100px',\n\t\tdisplay: 'block',\n\t},\n\n});\n\nconst mapStateToProps = (state, ownProps) => {\n\tconst currentTradeAccount = userAccounts.selectors.currentTradeAccount(state);\n\tconst language = app.selectors.language(state);\n\tconst OpenAccountOut = formValueSelector(ownProps.form)(state, 'OpenAccountOut');\n\treturn {\n\t\tOpenAccountOut,\n\t\tcurrentTradeAccount,\n\t\tlanguage,\n\t};\n};\nconst getMethods = () => [\n\t{\n\t\tSelectedCurrency: 'USD',\n\t\tTitle: '$ USD',\n\t\tImg: usd,\n\t},\n\t{\n\t\tSelectedCurrency: 'EUR',\n\t\tTitle: '€ EUR',\n\t\tImg: eur,\n\t},\n\t{\n\t\tSelectedCurrency: 'RUB',\n\t\tTitle: '₽ RUB',\n\t\tImg: rub,\n\t},\n];\n\nclass CYOpenAccountChooseCurrency extends React.Component {\n\tstatic validate(formvalues, props) {\n\t\tconst values = formvalues;\n\t\tconst errors = {};\n\n\t\tif (!values) {\n\t\t\treturn errors;\n\t\t}\n\n\t\tif (values.OpenAccountOut) {\n\t\t\terrors.OpenAccountOut = {};\n\n\t\t\tif (!values.OpenAccountOut.SelectedCurrency) {\n\t\t\t\terrors.OpenAccountOut.SelectedCurrency = 'required';\n\t\t\t}\n\t\t}\n\n\t\treturn errors;\n\t}\n\tselectMethod = (m) => {\n\t\tconst { OpenAccountOut, change } = this.props;\n\t\tchange('OpenAccountOut', {\n\t\t\t...OpenAccountOut,\n\t\t\tSelectedCurrency: m.SelectedCurrency,\n\t\t});\n\t};\n\n\trender() {\n\t\tconst {\n\t\t\tclasses,\n\t\t\thandleSubmit,\n\t\t\tsubmitSucceeded,\n\t\t\tcurrentTradeAccount,\n\t \ttheme,\n\t\t\tvalues,\n\t\t\tOpenAccountOut,\n\t\t\t...props\n\t\t} = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{getMethods().map(m => (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t this.selectMethod(m)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t))}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t{m.Title}
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{props.submitting ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t:
\n\t\t\t\n\t\t);\n\t}\n}\n\nCYOpenAccountChooseCurrency.propTypes = {\n\tclasses: PropTypes.object.isRequired,\n\thandleSubmit: PropTypes.func.isRequired,\n\tcurrentTradeAccount: PropTypes.object.isRequired,\n};\n\nexport default compose(\n\twithStyles(styles),\n\twithTheme,\n\tconnect(mapStateToProps, null),\n\treduxForm({\n\t\tvalidate: CYOpenAccountChooseCurrency.validate,\n\t}),\n)(CYOpenAccountChooseCurrency);\n","module.exports = __webpack_public_path__ + \"content/assets/559cc7e923ab5efbdc692598c9a5ae13.png\";","module.exports = __webpack_public_path__ + \"content/assets/5115a7c4cbc801dc3936e783e660293f.png\";","module.exports = __webpack_public_path__ + \"content/assets/e4680e68f30cf97fecedfb32d9d88e73.png\";","module.exports = __webpack_public_path__ + \"content/assets/c407b8688889d22d0a1b54421832c84f.png\";","module.exports = __webpack_public_path__ + \"content/assets/f9d5712238cfdeb460f690ae037ed8d1.png\";","module.exports = __webpack_public_path__ + \"content/assets/8d957ec48d52d2df717402ba6c78ff58.png\";","module.exports = __webpack_public_path__ + \"content/assets/e7f5c96b349c25dd5cecf438a3702897.png\";","import React, { useState } from 'react';\nimport { useSelector } from 'react-redux';\nimport { ProgressContainer } from '@components';\nimport { R, Modal, SuccessMessage, ErrorMessage } from '@dev2t/react-ui-kit/src';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { nontradingOrders, userAccounts } from '@redux';\nimport {\n\tCYOpenDemoAccountChoosePlatform,\n\tCYOpenDemoAccountChooseType,\n\tCYOpenDemoAccountChooseLeverage,\n\tCYOpenDemoAccountChooseBalance,\n} from './components';\n\nconst CY_NON_TRADING_OPEN_DEMO_ACCOUNT_FORM_ID = 'CYNonTradingOpenDemoAccountModal';\n\nconst useStyles = makeStyles(theme => ({\n\tloader: {\n\t\tcolor: theme.palette.primary.main,\n\t},\n}));\n\nconst CYNonTradingOpenDemoAccountModal = ({ onClose }) => {\n\tconst classes = useStyles();\n\tconst [step, setStep] = useState('chooseplatform');\n\tconst [error, setError] = useState('');\n\tconst loading = useSelector(state => userAccounts.selectors.loading(state));\n\n\tconst handleGotoPage = page => (result, dispatch, props) => setStep(page);\n\n\treturn (\n\t\t\n\t\t\t\t\t{step === 'succeeded' &&\n\t\t\t\t\t\t setStep('choosetype')}\n\t\t\t\t\t\t\tonSubmitFail={() => setStep('failed')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t\t{step === 'choosetype' &&\n\t\t\t\t\t\t setStep('chooseleverage')}\n\t\t\t\t\t\t\tonSubmitFail={() => setStep('failed')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t\t{step === 'chooseleverage' &&\n\t\t\t\t\t\t setStep('choosebalance')}\n\t\t\t\t\t\t\tonSubmitFail={() => setStep('failed')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t\t{step === 'choosebalance' &&\n\t\t\t\t\t\t setStep('succeeded')}\n\t\t\t\t\t\t\tonSubmitFail={(err) => { setError(err._error); setStep('failed'); }}\n\t\t\t\t\t\t\tonSubmitSuccess={() => setStep('succeeded')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{getMethods(accounts).map(m => (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\tif (m.Enable) {\n\t\t\t\t\t\t\t\t\t\tthis.selectMethod(m);\n\t\t\t\t\t\t\t\t\t\thandleSubmit();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t))}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n}\n\nCYOpenDemoAccountChoosePlatform.propTypes = {\n\tclasses: PropTypes.object.isRequired,\n\thandleSubmit: PropTypes.func.isRequired,\n\tcurrentTradeAccount: PropTypes.object.isRequired,\n};\n\nexport default compose(\n\twithStyles(styles),\n\twithTheme,\n\tconnect(mapStateToProps, null),\n\treduxForm({\n\t\tvalidate: CYOpenDemoAccountChoosePlatform.validate,\n\t}),\n)(CYOpenDemoAccountChoosePlatform);\n","import React from 'react';\nimport compose from 'recompose/compose';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport classNames from 'classnames';\nimport {\n\treduxForm,\n\tformValueSelector,\n} from 'redux-form';\nimport { withStyles, withTheme } from '@material-ui/core/styles';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport Grid from '@material-ui/core/Grid';\nimport { Button } from '@components';\nimport { R } from '@dev2t/react-ui-kit/src/components';\nimport { constants, env } from '@config';\nimport { userAccounts, app } from '@redux';\n\n\nconst styles = theme => ({\n\troot: {\n\t\tposition: 'relative',\n\t},\n\trow: {\n\t\tdisplay: 'flex',\n\t},\n\tinputItem: {\n\t\tpaddingLeft: '50px',\n\t},\n\tlogo: {\n\t\tpadding: '16px 16px 4px 16px',\n\t\tposition: 'relative',\n\t\twidth: '80px',\n\t\theight: '44px',\n\t},\n\tinputContainer: {\n\t\tdisplay: 'flex',\n\t\twidth: '100%',\n\t\t...theme.customstyles.title,\n\t},\n\taccount: {\n\t\twidth: '100%',\n\t\ttextAlign: 'left',\n\t},\n\tbutton: {\n\t\t...theme.mixins.stickyButton,\n\t},\n\tmethodsContainer: {\n\t\tmarginBottom: '24px',\n\t},\n\tmethodItem: {\n\t\theight: '100%',\n\t\ttextAlign: 'center',\n\t\tpadding: '20px',\n\t\tborder: '2px solid #deeaef',\n\t\tborderRadius: '8px',\n\t\t'&:hover': {\n\t\t\tboxShadow: '0 5px 10px 0 rgba(61, 65, 71, 0.16)',\n\t\t\tborderWidth: '2px',\n\t\t\ttransform: 'translate(0, 1.5px) scale(1.01)',\n\t\t},\n\t\t\n\t},\n\tmethodItemSelected: {\n\t\tborderColor: theme.palette.text.secondary,\n\t},\n\tmethodItemExists: {\n\t\tcolor: theme.palette.text.secondary\n\t},\n\tmethodImg: {\n\t\tmaxWidth: '120px',\n\t\theight: '80px',\n\t\t[theme.breakpoints.up('sm')]: {\n\t\t\theight: '120px',\n\t\t},\n\t},\n\tbuttonCenter: {\n\t\tmargin: '0 auto',\n\t\twidth: '30%',\n\t\tdisplay: 'block',\n\t},\n\n});\n\nconst mapStateToProps = (state, ownProps) => {\n\tconst currentTradeAccount = userAccounts.selectors.currentTradeAccount(state);\n\tconst accounts = userAccounts.selectors.accounts(state);\n\n\tconst language = app.selectors.language(state);\n\n\tconst OpenDemoAccountOut = formValueSelector(ownProps.form)(state, 'OpenDemoAccountOut');\n\treturn {\n\t\tOpenDemoAccountOut,\n\t\tcurrentTradeAccount,\n\t\tlanguage,\n\t\taccounts,\n\t};\n};\n\nconst forexLeverage = [constants.LIME_LME, constants.FIRM_J2TX].some(x => x === env.firm) ? 500 : 200;\nconst ecnLeverage = [constants.LIME_LME, constants.FIRM_J2TX].some(x => x === env.firm) ? 500 : 100;\n\nconst getMethods = () => [\n\t{\n\t\tSelectedType: 'forex',\n\t\tTitle: 'Forex & CFDs (Standard)',\n\t\tDicWordTitle: 'account_type_mt4_name',\n\t\tData: [\n\t\t\t{ key: 'open_account_type_minimum_amount', text: 'Minimum amount', value: '$100' },\n\t\t\t{ key: 'open_account_type_marging_trading', text: 'Marging trading', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_spread', text: 'Spread', value: 'from 0,5' },\n\t\t\t{ key: 'open_account_type_minimum_lot', text: 'Minimum lot', value: '0,01' },\n\t\t\t{ key: 'open_account_type_brokerage_commission', text: 'Brokerage commission', value: '0' },\n\t\t\t{ key: 'open_account_type_negative_balance_protection', text: 'Negative balance protection', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_swap', text: 'Swap', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_leverage_up_to', text: 'Leverage up to', value: `1:${forexLeverage}` },\n\t\t\t{ key: 'open_account_type_mobile_trading', text: 'Mobile Trading', value: 'Yes' },\n\t\t],\n\t\tForAll: true,\n\t\tMaxLeverage: forexLeverage,\n\t\tPlatform: \"MT:DEMO\",\n\t},\n\t{\n\t\tSelectedType: 'ecn',\n\t\tTitle: 'Forex (ECN)',\n\t\tDicWordTitle: 'account_type_forex_ecn_name',\n\t\tData: [\n\t\t\t{ key: 'open_account_type_minimum_amount', text: 'Minimum amount', value: '$100' },\n\t\t\t{ key: 'open_account_type_marging_trading', text: 'Marging trading', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_spread', text: 'Spread', value: 'from 0' },\n\t\t\t{ key: 'open_account_type_minimum_lot', text: 'Minimum lot', value: '0,01' },\n\t\t\t{ key: 'open_account_type_brokerage_commission', text: 'Brokerage commission', value: '$3 per lot' },\n\t\t\t{ key: 'open_account_type_negative_balance_protection', text: 'Negative balance protection', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_swap', text: 'Swap', value: 'Yes' },\n\t\t\t{ key: 'open_account_type_leverage_up_to', text: 'Leverage up to', value: `1:${ecnLeverage}` },\n\t\t\t{ key: 'open_account_type_mobile_trading', text: 'Mobile Trading', value: 'Yes' },\n\t\t],\n\t\tForAll: true,\n\t\tMaxLeverage: ecnLeverage,\n\t\tPlatform: \"MT:ECN:DEMO\",\n\t},\n];\n\nclass CYOpenDemoAccountChooseType extends React.Component {\n\tstatic validate(formvalues, props) {\n\t\tconst values = formvalues;\n\t\tconst errors = {};\n\n\t\tif (!values) {\n\t\t\treturn errors;\n\t\t}\n\n\t\tif (values.OpenDemoAccountOut) {\n\t\t\terrors.OpenDemoAccountOut = {};\n\n\t\t\tif (!values.OpenDemoAccountOut.SelectedType) {\n\t\t\t\terrors.OpenDemoAccountOut.SelectedType = 'required';\n\t\t\t}\n\t\t}\n\n\t\treturn errors;\n\t}\n\tselectMethod = (m) => {\n\t\tconst { OpenDemoAccountOut, change } = this.props;\n\t\tchange('OpenDemoAccountOut', {\n\t\t\t...OpenDemoAccountOut,\n\t\t\tSelectedType: m.SelectedType,\n\t\t\tMaxLeverage: m.MaxLeverage,\n\t\t});\n\t};\n\n\tselectedMt5 = () => {\n\t\tconst { OpenDemoAccountOut, change } = this.props;\n\t\tchange('OpenDemoAccountOut', {\n\t\t\t...OpenDemoAccountOut,\n\t\t\tSelectedType: 'mct-mt5-global',\n\t\t\tMaxLeverage: 500,\n\t\t});\t\t\n\n\t};\n\n\trender() {\n\t\tconst {\n\t\t\tclasses,\n\t\t\thandleSubmit,\n\t\t\tsubmitSucceeded,\n\t\t\tcurrentTradeAccount,\n\t\t\ttheme,\n\t\t\tvalues,\n\t\t\tOpenDemoAccountOut,\n\t\t\tlanguage,\n\t\t\taccounts,\n\t\t\t...props\n\t\t} = this.props;\n\n\t\tif (OpenDemoAccountOut.SelectedPlatform === 'MT5')\n\t\t{\n\t\t\tthis.selectedMt5();\n\t\t\thandleSubmit();\n\t\t}\n\n\t\treturn (\n\t\t\t{m.Title}
\n\t\t\t\t\t\n\t\t\t\t\t\t{getMethods().map(m => (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{accounts.find(acc => acc.Platform === m.Platform) ? \n\t\t\t\t\t\t\t\t {}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{ m.Data.map((item, index) => (\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t| { | \n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.value} | \n\t\t\t\t\t\t\t\t\t\t\t\t
{m.Title}
| { | \n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.value} | \n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{props.submitting ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t:
\n\t\t\t\n\t\t);\n\t}\n}\n\nCYOpenDemoAccountChooseType.propTypes = {\n\tclasses: PropTypes.object.isRequired,\n\thandleSubmit: PropTypes.func.isRequired,\n\tcurrentTradeAccount: PropTypes.object.isRequired,\n};\n\nexport default compose(\n\twithStyles(styles),\n\twithTheme,\n\tconnect(mapStateToProps, null),\n\treduxForm({\n\t\tvalidate: CYOpenDemoAccountChooseType.validate,\n\t}),\n)(CYOpenDemoAccountChooseType);\n","import React from 'react';\nimport compose from 'recompose/compose';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport classNames from 'classnames';\nimport {\n\treduxForm,\n\tformValueSelector,\n} from 'redux-form';\nimport { withStyles, withTheme } from '@material-ui/core/styles';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport Grid from '@material-ui/core/Grid';\n\nimport { Button } from '@components';\nimport { R } from '@dev2t/react-ui-kit/src/components';\nimport { userAccounts, app } from '@redux';\n\nconst styles = theme => ({\n\troot: {\n\t\tposition: 'relative',\n\t},\n\trow: {\n\t\tdisplay: 'flex',\n\t},\n\tinputItem: {\n\t\tpaddingLeft: '50px',\n\t},\n\tlogo: {\n\t\tpadding: '16px 16px 4px 16px',\n\t\tposition: 'relative',\n\t\twidth: '80px',\n\t\theight: '44px',\n\t},\n\tinputContainer: {\n\t\tdisplay: 'flex',\n\t\twidth: '100%',\n\t\t...theme.customstyles.title,\n\t},\n\taccount: {\n\t\twidth: '100%',\n\t\ttextAlign: 'left',\n\t},\n\tbutton: {\n\t\t...theme.mixins.stickyButton,\n\t},\n\tmethodsContainer: {\n\t\tmarginBottom: '24px',\n\t},\n\tmethodItem: {\n\t\theight: '100%',\n\t\ttextAlign: 'center',\n\t\tpadding: '20px',\n\t\tborder: '2px solid #deeaef',\n\t\tborderRadius: '8px',\n\t\t'&:hover': {\n\t\t\tboxShadow: '0 5px 10px 0 rgba(61, 65, 71, 0.16)',\n\t\t\tborderWidth: '2px',\n\t\t\ttransform: 'translate(0, 1.5px) scale(1.01)',\n\t\t},\n\t},\n\tmethodItemSelected: {\n\t\tborderColor: theme.palette.text.secondary,\n\t},\n\tmethodImg: {\n\t\tmaxWidth: '120px',\n\t\theight: '80px',\n\t\t[theme.breakpoints.up('sm')]: {\n\t\t\theight: '120px',\n\t\t},\n\t},\n\tbuttonCenter: {\n\t\tmargin: '0 auto',\n\t\twidth: '30%',\n\t\tdisplay: 'block',\n\t},\n\n});\n\nconst mapStateToProps = (state, ownProps) => {\n\tconst currentTradeAccount = userAccounts.selectors.currentTradeAccount(state);\n\tconst language = app.selectors.language(state);\n\n\tconst OpenDemoAccountOut = formValueSelector(ownProps.form)(state, 'OpenDemoAccountOut');\n\treturn {\n\t\tOpenDemoAccountOut,\n\t\tcurrentTradeAccount,\n\t\tlanguage,\n\t};\n};\nconst getMethods = () => [\n\t{\n\t\tSelectedLevarage: 1,\n\t\tTitle: '1:1',\n\t},\n\t{\n\t\tSelectedLevarage: 10,\n\t\tTitle: '1:10',\n\t},\n\t{\n\t\tSelectedLevarage: 50,\n\t\tTitle: '1:50',\n\t},\n\t{\n\t\tSelectedLevarage: 100,\n\t\tTitle: '1:100',\n\t},\n\t{\n\t\tSelectedLevarage: 200,\n\t\tTitle: '1:200',\n\t},\n\t{\n\t\tSelectedLevarage: 500,\n\t\tTitle: '1:500',\n\t},\n];\n\nclass CYOpenDemoAccountChooseLeverage extends React.Component {\n\tstatic validate(formvalues, props) {\n\t\tconst values = formvalues;\n\t\tconst errors = {};\n\n\t\tif (!values) {\n\t\t\treturn errors;\n\t\t}\n\n\t\tif (values.OpenDemoAccountOut) {\n\t\t\terrors.OpenDemoAccountOut = {};\n\n\t\t\tif (!values.OpenDemoAccountOut.SelectedLevarage) {\n\t\t\t\terrors.OpenDemoAccountOut.SelectedLevarage = 'required';\n\t\t\t}\n\t\t}\n\n\t\treturn errors;\n\t}\n\tselectMethod = (m) => {\n\t\tconst { OpenDemoAccountOut, change } = this.props;\n\t\tchange('OpenDemoAccountOut', {\n\t\t\t...OpenDemoAccountOut,\n\t\t\tSelectedLevarage: m.SelectedLevarage,\n\t\t});\n\t};\n\n\trender() {\n\t\tconst {\n\t\t\tclasses,\n\t\t\thandleSubmit,\n\t\t\tsubmitSucceeded,\n\t\t\tcurrentTradeAccount,\n\t\t\ttheme,\n\t\t\tvalues,\n\t\t\tOpenDemoAccountOut,\n\t\t\t...props\n\t\t} = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{getMethods().filter(f => f.SelectedLevarage <= OpenDemoAccountOut.MaxLeverage).map(m => (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t this.selectMethod(m)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t))}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t{m.Title}
\n\t\t\t\t\t\n\t\t\t\t\t\t{props.submitting ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t:
\n\t\t\t\n\t\t);\n\t}\n}\n\nCYOpenDemoAccountChooseLeverage.propTypes = {\n\tclasses: PropTypes.object.isRequired,\n\thandleSubmit: PropTypes.func.isRequired,\n\tcurrentTradeAccount: PropTypes.object.isRequired,\n};\n\nexport default compose(\n\twithStyles(styles),\n\twithTheme,\n\tconnect(mapStateToProps, null),\n\treduxForm({\n\t\tvalidate: CYOpenDemoAccountChooseLeverage.validate,\n\t}),\n)(CYOpenDemoAccountChooseLeverage);\n","import React from 'react';\nimport compose from 'recompose/compose';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport classNames from 'classnames';\nimport {\n\treduxForm,\n\tformValueSelector,\n} from 'redux-form';\nimport { withStyles, withTheme } from '@material-ui/core/styles';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport Grid from '@material-ui/core/Grid';\n\nimport {\n\tDivider,\n\tButton,\n} from '@components';\nimport { R } from '@dev2t/react-ui-kit/src/components';\nimport { userAccounts, app } from '@redux';\n\nconst styles = theme => ({\n\troot: {\n\t\tposition: 'relative',\n\t},\n\trow: {\n\t\tdisplay: 'flex',\n\t},\n\tinputItem: {\n\t\tpaddingLeft: '50px',\n\t},\n\tlogo: {\n\t\tpadding: '16px 16px 4px 16px',\n\t\tposition: 'relative',\n\t\twidth: '80px',\n\t\theight: '44px',\n\t},\n\tinputContainer: {\n\t\tdisplay: 'flex',\n\t\twidth: '100%',\n\t\t...theme.customstyles.title,\n\t},\n\taccount: {\n\t\twidth: '100%',\n\t\ttextAlign: 'left',\n\t},\n\tbutton: {\n\t\t...theme.mixins.stickyButton,\n\t},\n\tmethodsContainer: {\n\t\tmarginBottom: '24px',\n\t},\n\tmethodItem: {\n\t\theight: '100%',\n\t\ttextAlign: 'center',\n\t\tpadding: '20px',\n\t\tborder: '2px solid #deeaef',\n\t\tborderRadius: '8px',\n\t\t'&:hover': {\n\t\t\tboxShadow: '0 5px 10px 0 rgba(61, 65, 71, 0.16)',\n\t\t\tborderWidth: '2px',\n\t\t\ttransform: 'translate(0, 1.5px) scale(1.01)',\n\t\t},\n\t},\n\tmethodItemSelected: {\n\t\tborderColor: theme.palette.text.secondary,\n\t},\n\tmethodImg: {\n\t\tmaxWidth: '120px',\n\t\theight: '80px',\n\t\t[theme.breakpoints.up('sm')]: {\n\t\t\theight: '120px',\n\t\t},\n\t},\n\tbuttonCenter: {\n\t\tmargin: '0 auto',\n\t\twidth: '30%',\n\t\tdisplay: 'block',\n\t},\n\n});\n\nconst mapStateToProps = (state, ownProps) => {\n\tconst currentTradeAccount = userAccounts.selectors.currentTradeAccount(state);\n\tconst language = app.selectors.language(state);\n\n\tconst OpenDemoAccountOut = formValueSelector(ownProps.form)(state, 'OpenDemoAccountOut');\n\treturn {\n\t\tOpenDemoAccountOut,\n\t\tcurrentTradeAccount,\n\t\tlanguage,\n\t};\n};\nconst getMethods = () => [\n\t{\n\t\tSelectedBalance: 5000,\n\t\tTitle: '5000$',\n\t},\n\t{\n\t\tSelectedBalance: 10000,\n\t\tTitle: '10000$',\n\t},\n\t{\n\t\tSelectedBalance: 50000,\n\t\tTitle: '50000$',\n\t},\n\t{\n\t\tSelectedBalance: 100000,\n\t\tTitle: '100000$',\n\t},\n\t{\n\t\tSelectedBalance: 1000000,\n\t\tTitle: '1000000$',\n\t},\n];\n\nclass CYOpenDemoAccountChooseBalance extends React.Component {\n\tstatic validate(formvalues, props) {\n\t\tconst values = formvalues;\n\t\tconst errors = {};\n\n\t\tif (!values) {\n\t\t\treturn errors;\n\t\t}\n\n\t\tif (values.OpenDemoAccountOut) {\n\t\t\terrors.OpenDemoAccountOut = {};\n\n\t\t\tif (!values.OpenDemoAccountOut.SelectedBalance) {\n\t\t\t\terrors.OpenDemoAccountOut.SelectedBalance = 'required';\n\t\t\t}\n\t\t}\n\n\t\treturn errors;\n\t}\n\tselectMethod = (m) => {\n\t\tconst { OpenDemoAccountOut, change } = this.props;\n\t\tchange('OpenDemoAccountOut', {\n\t\t\t...OpenDemoAccountOut,\n\t\t\tSelectedBalance: m.SelectedBalance,\n\t\t});\n\t};\n\n\trender() {\n\t\tconst {\n\t\t\tclasses,\n\t\t\thandleSubmit,\n\t\t\tsubmitSucceeded,\n\t\t\tcurrentTradeAccount,\n\t\t\ttheme,\n\t\t\tvalues,\n\t\t\tOpenDemoAccountOut,\n\t\t\t...props\n\t\t} = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{getMethods().map(m => (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t this.selectMethod(m)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t))}\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t{m.Title}
\n\t\t\t\t\t\n\t\t\t\t\t\t{props.submitting ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t:
\n\t\t\t\n\t\t);\n\t}\n}\n\nCYOpenDemoAccountChooseBalance.propTypes = {\n\tclasses: PropTypes.object.isRequired,\n\thandleSubmit: PropTypes.func.isRequired,\n\tcurrentTradeAccount: PropTypes.object.isRequired,\n};\n\nexport default compose(\n\twithStyles(styles),\n\twithTheme,\n\tconnect(mapStateToProps, null),\n\treduxForm({\n\t\tvalidate: CYOpenDemoAccountChooseBalance.validate,\n\t}),\n)(CYOpenDemoAccountChooseBalance);\n","import React, {useEffect, useState} from 'react';\nimport { useSelector } from 'react-redux';\nimport { ProgressContainer } from '@components';\nimport { R, Modal, SuccessMessage, ErrorMessage } from '@dev2t/react-ui-kit/src/components';\nimport { nontradingOrders, userAccounts } from '@redux';\nimport CYNonTradingOrderBonusForm from './CYNonTradingOrderBonusForm';\nimport {makeStyles} from \"@material-ui/core/styles\";\n\n\nconst useStyles = makeStyles(() => ({\n\tmodalContainer: {\n\t\tminHeight: '420px',\n\t}\n}))\n\nexport const CYNonTradingOrderBonusModal = ({ onClose }) => {\n\tconst styles = useStyles();\n\tconst [step, setStep] = useState('openform');\n\tconst [isAllowBonus, setIsAllowBonus] = useState();\n\tconst loading = useSelector(userAccounts.selectors.loading);\n\tconst accountInfo = useSelector(userAccounts.selectors.accountInfo);\n\n\tuseEffect(() => {\n\t\tconst newIsAllowBonus = accountInfo?.Status?.IsAllowBonus;\n\n\t\tif (newIsAllowBonus !== undefined && newIsAllowBonus !== isAllowBonus) {\n\t\t\tsetIsAllowBonus(newIsAllowBonus);\n\t\t}\n\t}, [accountInfo?.Status]);\n\n\tconst titleElement = isAllowBonus === undefined\n\t\t? \n\t\t\t\t\t{step === 'succeeded' &&\n\t\t\t\t\t\t setStep('succeeded')}\n\t\t\t\t\t\t\tonSubmitFail={() => setStep('failed')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\n\t);\n};\n\nexport default DemoAccountModal;\n","import React, { useState } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport { useDispatch } from 'react-redux';\nimport {\n\tButton,\n\tA,\n} from '@components';\nimport { R, Modal } from '@dev2t/react-ui-kit/src/components';\nimport { ModalPopups } from '@enums';\nimport { agent } from '@redux';\nimport { constants, env } from '@config';\n\nconst useStyles = makeStyles(theme => ({\n\ttitle: {\n\t\t...theme.customstyles.subheading,\n\t\tcolor: theme.palette.text.primary,\n\t\twordWrap: 'break-word',\n\t},\n\tcontent: {\n\t\ttextAlign: 'center',\n\t},\n\tbody: {\n\t\t...theme.customstyles.body,\n\t\tcolor: theme.palette.text.primary,\n\t\tmarginTop: '16px',\n\t\twordWrap: 'break-word',\n\t},\n\tbutton: {\n\t\tpaddingTop: '12px',\n\t},\n\tcircularProgress: {\n\t\tcolor: 'inherit',\n\t},\n}));\n\nconst AgentRegistrationFormModal = ({ onClose }) => {\n\tconst classes = useStyles();\n\tconst dispatch = useDispatch();\n\tconst [submitting, setSubmitting] = useState(false);\n\n\tconst agencyagmt = (firm) => {\n\t\tswitch(firm) {\n\t\t\tcase constants.LIME_LME: return \"https://j2t.global/files/limeltd/regulatorydocs/Refferal%20Agent_Agency_LIME.pdf\";\n\t\t\tcase constants.FIRM_J2TX: return \"https://j2tx.com/files/j2tx/Referral%20Agent_Agreement_J2TX.pdf\";\n\t\t\tdefault: \"\";\n\t\t} \n\t};\n\tconst agencyregulations = (firm) => {\n\t\tswitch(firm) {\n\t\t\tcase constants.LIME_LME: return \"https://j2t.global/files/limeltd/regulatorydocs/Refferal%20Agent%20Regulations.pdf\";\n\t\t\tcase constants.FIRM_J2TX: return \"https://j2tx.com/files/j2tx/Referral%20Agent_Regulations_J2TX.pdf\";\n\t\t\tdefault: return \"\";\n\t\t} \n\t};\n\tconst agentRegistration = () => dispatch(agent.actions.agentRegistration.request({\n\t\tAgentRewardType: 'IB',\n\t\tApplyAgreement: true,\n\t}));\n\n\tconst submit = () => {\n\t\tsetSubmitting(true);\n\t\tagentRegistration();\n\t};\n\n\tconst btnTitle = Your demo account has expired. Open an account to maintain access.
\n\t\t\t\t handleClick()} href=\"https://open.lime.co/register\">\n Open an account to maintain access\n\t\t\t\t\n\t\t\t\n\t\t\t\t
\n\t\t\n\t);\n};\n\nexport default AgentRegistrationFormModal;\n","import React from 'react';\nimport { R, Modal, Button } from '@dev2t/react-ui-kit/src';\nimport { ModalPopups } from '@enums';\nimport Box from '@material-ui/core/Box';\nimport { useTheme } from '@material-ui/core/styles';\n\nconst NewAgentWaitingModal = ({ onClose }) => {\n\tconst theme = useTheme();\n\tconst verticalSpacing = theme.spacing(2) + \"px\";\n\n\tconst defaultTitle = \"Please wait\";\n\tconst defaultMessage = 'Your agent profile is syncing now. Some of the functionality of the account may be temporarily unavailable. Please try again later.';\n\n\treturn (\n\t\t\n\t\t\t\t\tAgency Agreement and Referral Agent Regulations .\"\n\t\t\t\t\t\tenableHtml\n\t\t\t\t\t\tcomponents={{\n\t\t\t\t\t\t\tagencyagmt: ,\n\t\t\t\t\t\t\tagencyregulations: ,\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{submitting\n\t\t\t\t\t\t\t?
\n\t\t\t\n\t\t\t\t */}\n\t\t\t\t\n\t\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n}\n\nCYProfile.defaultProps = {\n};\n\nCYProfile.propTypes = {\n\tclasses: PropTypes.object.isRequired,\n};\n\n\nexport default compose(\n\twithRouter,\n\twithTheme,\n\twithStyles(styles),\n\tconnect(mapStateToProps, null),\n)(CYProfile);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { app, profile, userAccounts } from '@redux';\nimport {\n\tChangeLink,\n\tExpansionPanel,\n} from '@components';\nimport { R, useTranslate } from '@dev2t/react-ui-kit/src/components';\nimport { ModalPopups } from '@enums';\nimport { InputEditableItem } from '@shared';\n\nconst useActions = () => {\n\tconst dispatch = useDispatch();\n\n\treturn ({\n\t\tshowChangePasswordModal: () => dispatch(app.actions.showBaseModal(ModalPopups.CY_CHANGE_PASSWORD)),\n\t\tshowChangePhoneModal: () => dispatch(profile.actions.showChangePhoneModal()),\n\t});\n};\n\nconst CYAccountCredentialsPanel = props => {\n\tconst {\n\t\tonToggle,\n\t\tpanelId,\n\t\tisOpen,\n\t\tclasses,\n\t} = props;\n\tconst userInfo = useSelector(userAccounts.selectors.userInfo);\n\tconst isPotentialClientWaitingForApproval = userInfo.IsPotentialClientWaitingForApproval;\n\tconst actions = useActions();\n\tconst translate = useTranslate();\n\tconst { Guid, DemoUserId } = useSelector(userAccounts.selectors.userInfo);\n\tconst isDemo = !Guid && !!DemoUserId;\n\treturn (\n\t\t\n\t\t\t\t\t
\n\t\t\t\t{/* \n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t
\n\t\t\t)\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{Url && \n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{docTypesToShow.map((dt, index) => \n\t\t\t\t\t\t}\n\t\t\t\t\t\t{!Url && Transmissions && Transmissions.length > 0 &&\n\t\t\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n}\n\nReports.propTypes = {\n\tactions: PropTypes.object.isRequired,\n\tclasses: PropTypes.object.isRequired,\n\tcurrentTradeAccount: PropTypes.object.isRequired,\n\treportsAndConfirmations: PropTypes.object.isRequired,\n};\n\nexport default compose(\n\twithTheme,\n\twithStyles(styles),\n\tconnect(mapStateToProps, mapDispatchToProps),\n)(Reports);\n","import React, { useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles, withTheme } from '@material-ui/core/styles';\nimport { connect } from 'react-redux';\nimport { push } from 'connected-react-router';\nimport { app, userAccounts } from '@redux';\nimport compose from 'recompose/compose';\nimport { ProgressContainer } from '@components';\n\n\nconst styles = theme => ({\n\theader: {\n\t\t...theme.customstyles.headline1,\n\t\t...theme.palette.text.primary,\n\t\tpadding: '8px 0',\n\t},\n\troot: {\n\t\t...theme.customstyles.body,\n\t\tpadding: '16px 72px',\n\t\t[theme.breakpoints.down('md')]: {\n\t\t\tpadding: '8px 24px',\n\t\t},\n\t},\n});\n\n\nconst mapStateToProps = (state) => {\n\tconst accountInfo = userAccounts.selectors.accountInfo(state);\n\treturn {\n\t\tplatforms: userAccounts.selectors.platforms(state),\n\t\tloading: userAccounts.selectors.loading(state) || accountInfo.loading,\n\t\tresolution: app.selectors.resolution(state),\n\t\ttradeLogin: (accountInfo && !accountInfo.loading && accountInfo.TradeLogin) || null,\n\t};\n};\n\n\nconst mapDispatchToProps = dispatch => ({\n\tactions: {\n\t\tsetCurrentPage: page => dispatch(push(page)),\n\t\trefreshReportsAndConfirmations: (account) => {\n\t\t\tdispatch(userAccounts.actions.refreshReportsAndConfirmationsRequest(account));\n\t\t},\n\t},\n});\nconst useScript = (url, onload) => {\n\tuseEffect(() => {\n\t\tconst script = document.createElement('script');\n\t\tscript.src = url;\n\t\tscript.async = true;\n\t\tscript.onload = onload;\n\t\tdocument.body.appendChild(script);\n\n\t\treturn () => {\n\t\t\tdocument.body.removeChild(script);\n\t\t};\n\t}, [url]);\n};\nconst Terminal = ({ tradeLogin, mobile }) => {\n\tconst divContainer = useRef(null);\n\t// eslint-disable-next-line no-undef\n\tconst initTerminal = containerId => new MetaTraderWebTerminal(containerId, {\n\t\tversion: 5,\n\t\tservers: ['ScorePriority-MT5'],\n\t\tserver: 'ScorePriority-MT5',\n\t\tdemoAllServers: false,\n\t\tutmSource: 'www.scorepriority.com',\n\t\tstartMode: 'login',\n\t\tlanguage: 'en',\n\t\tcolorScheme: 'black_on_white',\n\t\tmobile: mobile || undefined,\n\t\tlogin: tradeLogin || undefined,\n\t});\n\n\tuseScript('https://metatraderweb.app/trade/widget.js', () => {\n\t\tconst { id } = divContainer.current;\n\t\tinitTerminal(id);\n\t});\n\treturn (\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{ActiveTradePlatform === 'Mt5Spc' &&\n\t\t\t\t\t\t\t \n\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n}\n\nTerminalMt5.propTypes = {\n\tactions: PropTypes.object.isRequired,\n\tclasses: PropTypes.object.isRequired,\n\tloading: PropTypes.bool.isRequired,\n\tplatforms: PropTypes.shape({\n\t\tActiveTradePlatform: PropTypes.string,\n\t}).isRequired,\n\tresolution: PropTypes.number.isRequired,\n\ttradeLogin: PropTypes.string,\n};\n\nTerminalMt5.defaultProps = {\n\ttradeLogin: null,\n};\n\nexport default compose(\n\twithTheme,\n\twithStyles(styles),\n\tconnect(mapStateToProps, mapDispatchToProps),\n)(TerminalMt5);\n","import React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport Hidden from '@material-ui/core/Hidden';\r\nimport PropTypes from 'prop-types';\r\nimport { withRouter } from 'react-router';\r\nimport { dashboard } from '@redux';\r\nimport Drawer from '@material-ui/core/Drawer';\r\nimport { connect } from 'react-redux';\r\nimport compose from 'recompose/compose';\r\nimport { SidebarContent } from './components';\r\n\r\nconst drawerWidth = 272;\r\nconst maxWidth = 1440;\r\nconst styles = theme => ({\r\n\tdrawerPaper: {\r\n\t\twidth: `${drawerWidth}px`,\r\n\t\theight: '100%',\r\n\t\t[theme.breakpoints.up('sm')]: {\r\n\t\t\tposition: 'fixed',\r\n\t\t},\r\n\t\t'@media (min-width:1440px)': {\r\n\t\t\tleft: `calc((100% - ${maxWidth}px) / 2)`,\r\n\t\t},\r\n\t},\r\n\tdrawerContainer: {\r\n\t\twidth: `${drawerWidth}px`,\r\n\t\theight: '100%',\r\n\t\tposition: 'relative',\r\n\t},\r\n\tdrawer: {\r\n\t\twidth: `${drawerWidth}px`,\r\n\t\theight: '100%',\r\n\t\tposition: 'absolute',\r\n\t\ttransform: 'translate3d(0)',\r\n\t},\r\n});\r\n\r\nconst mapStateToProps = state => ({\r\n\tisSidebarOpen: dashboard.selectors.isSidebarOpen(state),\r\n});\r\n\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n\tactions: {\r\n\t\tinit: () => dispatch(dashboard.actions.init()),\r\n\t\tsidebarOpen: () => dispatch(dashboard.actions.sidebarOpen()),\r\n\t\tsidebarClose: () => dispatch(dashboard.actions.sidebarClose()),\r\n\t},\r\n});\r\n\r\nclass Sidebar extends React.Component {\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\tisSidebarOpen,\r\n\t\t\tactions,\r\n\t\t} = this.props;\r\n\t\treturn (\r\n\t\t\t\n\t\t\t\t\tMT5 Web\n\t\t\t\t
\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nSidebar.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithRouter,\r\n\twithStyles(styles),\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(Sidebar);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withRouter } from 'react-router';\r\nimport { Route, Switch } from 'react-router-dom';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { SvgIcon, Button } from '@components';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\nimport { constants, env } from '@config';\r\nimport { app, agent, userAccounts, alerts } from '@redux';\r\nimport compose from 'recompose/compose';\r\nimport { connect } from 'react-redux';\r\n\r\nimport {\r\n\tAccountSelection,\r\n\tSidebarLogo,\r\n\tAccountActions,\r\n\tEmptyLinks,\r\n\tQuickLinks,\r\n\tReportsQuickLinks,\r\n\tDocumentsQuickLinks,\r\n\tAccountActionsJ2TX,\r\n} from './components';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\toverflow: 'hidden',\r\n\t},\r\n\tactionsDivider: {\r\n\t\tpadding: '0 24px',\r\n\t},\r\n\tbuttonsWrapper: {\r\n\t\tmargin: '16px 24px',\r\n\t},\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n\tactions: {\r\n\t\tpartnerCabinetRedirect: () => dispatch(agent.actions.partnerCabinetRedirect.request()),\r\n\t\tagentRegistration: () => dispatch(agent.actions.agentRegistration.request({\r\n\t\t\tAgentRewardType: 'IB',\r\n\t\t\tApplyAgreement: true,\r\n\t\t})),\r\n\t\tshowAgentRegistrationFormModal: () => dispatch(app.actions.showAgentRegistrationFormModal()),\r\n\t\thideAgentRegistrationFormModal: () => dispatch(app.actions.hideAgentRegistrationFormModal()),\r\n\t},\r\n});\r\n\r\nconst mapStateToProps = state => ({\r\n\taccounts: userAccounts.selectors.accounts(state),\r\n\taccountInfo: userAccounts.selectors.accountInfo(state),\r\n\tcurrentTradeAccount: userAccounts.selectors.currentTradeAccount(state),\r\n\tagentPartnerCabinetRedirect: agent.selectors.partnerCabinetRedirect(state),\r\n\tuserInfo: userAccounts.selectors.userInfo(state),\r\n\tuserInfoLoading: userAccounts.selectors.loading(state) || userAccounts.selectors.userInfo(state).submitting,\r\n\talerts: alerts.selectors.alerts(state),\r\n\taccounts: userAccounts.selectors.accounts(state),\r\n});\r\n\r\nclass SidebarContent extends React.Component {\r\n\tcomponentWillUnmount() {\r\n\t\tif (!this.props.location.hash) {\r\n\t\t\t// if no Modals when show main scroll for mobiles\r\n\t\t\tdocument.querySelector('body').style.overflow = 'auto';\r\n\t\t} else {\r\n\t\t\t// otherwise - hide main scroll for mobiles\r\n\t\t\tdocument.querySelector('body').style.overflow = 'hidden';\r\n\t\t}\r\n\t}\r\n\r\n\tshowAgentRegistrationFormModal = () => {\r\n\t\tthis.props.actions.showAgentRegistrationFormModal();\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tactions,\r\n\t\t\tclasses,\r\n\t\t\tmatch,\r\n\t\t\tagentPartnerCabinetRedirect,\r\n\t\t\tuserInfo,\r\n\t\t\tuserInfoLoading,\r\n\t\t\talerts,\r\n\t\t\taccounts,\r\n\t\t} = this.props;\r\n\r\n\t\tconst hasAlertDebt = !!alerts?.length;\r\n\t\tconst hasRestrictionsToAgentCabinet = this.props.agentPartnerCabinetRedirect.data?.PartnerCabinetRedirectBlockExpiration && new Date(this.props.agentPartnerCabinetRedirect.data?.PartnerCabinetRedirectBlockExpiration) > new Date(Date.now());\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t{/* IsPotentialClientWaitingForApproval = есть Guid, но нет реальных счетов*/}\r\n\t\t\t\t{env.firm === constants.FIRM_J2TX || userInfo.Guid === null || accounts?.every(x => x.IsDemo)\r\n\t\t\t\t\t?
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nSidebarContent.propTypes = {\r\n\tactions: PropTypes.object.isRequired,\r\n\tclasses: PropTypes.object.isRequired,\r\n\tlocation: PropTypes.object.isRequired,\r\n\tmatch: PropTypes.object.isRequired,\r\n\tagentPartnerCabinetRedirect: PropTypes.object.isRequired,\r\n\tuserInfo: PropTypes.object.isRequired,\r\n\tuserInfoLoading: PropTypes.bool.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithRouter,\r\n\twithStyles(styles),\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(SidebarContent);\r\n","import React from 'react';\nimport compose from 'recompose/compose';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { connect } from 'react-redux';\nimport { push } from 'connected-react-router';\nimport { dashboard } from '@redux';\nimport { scrollToTop } from '@global';\nimport { template } from '@templates';\nimport { constants, env } from '@config';\n\nconst styles = theme => ({\n\troot: {\n\t\tbackgroundColor: theme.palette.text.primary,\n\t\tbackgroundPosition: 'center',\n\t\tbackgroundRepeat: 'no-repeat',\n\t\tcursor: 'pointer',\n\t\tminHeight: '176px',\n\t\tpadding: '50px 10px 10px 24px',\n\t\t'& > div:first-child, & > div:nth-child(2)': {\n\t\t\tdisplay: 'flex',\n\t\t\tflexDirection: 'row',\n\t\t\tjustifyContent: 'space-between',\n\t\t\talignItems: 'center',\n\t\t},\n\t},\n\trootLme: {\n\t\tbackgroundImage: `url(${template.bgLogo}), linear-gradient(-170deg, #1A96FF 0%, #0970C4 93%)`,\n\t\tbackgroundSize: '125%',\n\t},\n\trootJ2tx: {\n\t\tbackgroundImage: `url(${template.bgLogo}), linear-gradient(-170deg, #2b4353 0%, #000 93%)`,\n\t\tbackgroundSize: '125%',\n\t},\n\trootNsr: {\n\t\tbackgroundImage: `url(${template.bgLogo}), linear-gradient(-170deg, #5F0EA9 0%, #4C068B 93%)`,\n\t},\n\trootDefaultImg: {\n\t\tbackgroundImage: `url(${template.bgLogo}), linear-gradient(-170deg, #009A63\t0%, #287233 93%)`,\n\t},\n});\n\nconst mapDispatchToProps = dispatch => ({\n\tactions: {\n\t\tsetCurrentPage: page => dispatch(push(page)),\n\t\tsidebarClose: () => dispatch(dashboard.actions.sidebarClose()),\n\t},\n});\n\nclass SidebarLogo extends React.Component {\n\tshowPage = path => () => {\n\t\tconst { actions } = this.props;\n\t\tactions.setCurrentPage(path);\n\t\tscrollToTop();\n\t\tactions.sidebarClose();\n\t};\n\n\trender() {\n\t\tconst { classes } = this.props;\n\t\treturn (\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t{env.firm === constants.FIRM_J2TX ?
\r\n\t\t\t\t\t\r\n\t\t\t\t\t{(env.firm === constants.LIME_FIN)\r\n\t\t\t\t\t\t\t&& (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t\t\t{[constants.LIME_LME, constants.FIRM_J2TX].some(x => x === env.firm) && (\r\n\t\t\t\t\t\tuserInfo.IsReadyToBecomeAgent &&\r\n\t\t\t\t\t\tuserInfo.Guid &&\r\n\t\t\t\t\t\t// ???? ???? ??????????? ??? ????????? - ?????? ??? ???? ??????? ???????????, ?????? ???? ?????? ?????????? ?????? PartnerAccount \r\n\t\t\t\t\t\t!hasRestrictionsToAgentCabinet\r\n\t\t\t\t\t) && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\n\t\t\t\t\t{currentAccountIsDemo ? 'Paper money' :
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t)}\n\t\t\t\t
\n\t\t\t\t{baseParams && baseParams.IsClosed && \n\t\t\t\t\t\t
\n\t\t\t\t\t{!loading && currentAccountIsDemo && (\n\t\t\t\t\t\tCLOSED
}\n\n\t\t\t\t{(loading || accounts?.length > 0) && (\n\t\t\t\t\t\n\t\t\t\t\t\t {}}\n\t\t\t\t\t\t\t\tisHidden\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{accounts && accounts.map((account, index) => {\n\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t!account.IsClosed\n\t\t\t\t\t\t\t\t\t\t|| currentAccount === account.TradeCode\n\t\t\t\t\t\t\t\t\t\t|| showClosedAccounts\n\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\tif (account.IsClosed) {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treturn '';\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t{closedAccountsExist && (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{showClosedAccounts ? (\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t)}\n\t\t\t\n\t\t);\n\t}\n}\n\nAccountSelection.propTypes = {\n\tcurrentAccount: PropTypes.string.isRequired,\n\tcurrentAccountDisplayFullName: PropTypes.string.isRequired,\n\tcurrentAccountData: PropTypes.object.isRequired,\n\tclasses: PropTypes.object.isRequired,\n\tloading: PropTypes.bool.isRequired,\n\taccounts: PropTypes.array.isRequired,\n\tcurrentAccountIsDemo: PropTypes.bool,\n\thasDemoAccount: PropTypes.bool.isRequired,\n\tactions: PropTypes.shape({\n\t\tsetCurrentAccount: PropTypes.func.isRequired,\n\t\taddDemoAccount: PropTypes.func.isRequired,\n\t\tsetCurrentPage: PropTypes.func.isRequired,\n\t\tsidebarClose: PropTypes.func.isRequired,\n\t\tshowConfirmModal: PropTypes.func.isRequired,\n\t\tresetDemoAccount: PropTypes.func.isRequired,\n\t}).isRequired,\n};\nAccountSelection.defaultProps = {\n\tcurrentAccountIsDemo: false,\n};\n\nexport default compose(\n\twithStyles(styles),\n\tconnect(mapStateToProps, mapDispatchToProps)\n)(AccountSelection);\n","/* eslint-disable max-len */\r\nimport React from 'react';\r\nimport {\r\n\twithStyles,\r\n\twithTheme,\r\n} from '@material-ui/core/styles';\r\nimport { withRouter } from 'react-router';\r\nimport { connect } from 'react-redux';\r\nimport { push } from 'connected-react-router';\r\nimport {\r\n\tapp,\r\n\tdashboard,\r\n\tprofile,\r\n\tuserAccounts,\r\n\tauth,\r\n} from '@redux';\r\nimport List from '@material-ui/core/List';\r\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\r\nimport ListItemText from '@material-ui/core/ListItemText';\r\nimport Collapse from '@material-ui/core/Collapse';\r\nimport ExpandLess from '@material-ui/icons/ExpandLess';\r\nimport ExpandMore from '@material-ui/icons/ExpandMore';\r\nimport compose from 'recompose/compose';\r\nimport { constants, env } from '@config';\r\nimport { SvgIcon, ListItem } from '@components';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\nimport { ModalPopups } from '@enums';\r\nimport { addHashToUrl, changeHashInUrl, scrollToTop } from '@global';\r\n\r\nconst styles = theme => ({\r\n\troot: {},\r\n\tlistItemText: {\r\n\t\t...theme.customstyles.body,\r\n\t\t// color: theme.palette.text.primary,\r\n\t},\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n\tactions: {\r\n\t\tsetCurrentPage: page => dispatch(push(page)),\r\n\t\topenReportsPage: (page, account) => {\r\n\t\t\tdispatch(userAccounts.actions.openReportsPage({ page, account }));\r\n\t\t},\r\n\t\tshowNonTradingOrderCommon: () => dispatch(userAccounts.actions.showNonTradingFreeFormOrderModal()),\r\n\t\tshowNonTradingOpenAccount: () => dispatch(app.actions.showBaseModal(ModalPopups.CY_NON_TRADING_OPEN_ACCOUNT)),\r\n\t\tshowNonTradingOpenDemoAccount: () => dispatch(app.actions.showBaseModal(ModalPopups.CY_NON_TRADING_OPEN_DEMO_ACCOUNT)),\r\n\t\tsidebarClose: () => dispatch(dashboard.actions.sidebarClose()),\r\n\t\tloadAnketaFromDemo: () => dispatch(auth.actions.continueDemoUserRegistration.request()),\r\n\t},\r\n});\r\n\r\nconst mapStateToProps = state => ({\r\n\tcurrentTradeAccount: userAccounts.selectors.currentTradeAccount(state),\r\n\tuserInfo: userAccounts.selectors.userInfo(state),\r\n\thasBlockingDebts: userAccounts.selectors.hasBlockingDebts(state),\r\n\taccounts: userAccounts.selectors.accounts(state),\r\n\tloadingAccounts: userAccounts.selectors.loading(state),\r\n\tcurrentAccountData: userAccounts.selectors.currentAccountData(state),\r\n\tselectedAccount: userAccounts.selectors.selectedAccount(state),\r\n\tcurrentAccountStatus: userAccounts.selectors.currentAccountStatus(state),\r\n\tuserProfile: profile.selectors.profile(state),\r\n\tlanguage: app.selectors.language(state),\r\n});\r\n\r\nclass AccountActions extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\topenSubMenu: null,\r\n\t\t};\r\n\t}\r\n\r\n\tshowNonTradingOrderCommonModal = () => {\r\n\t\tthis.props.actions.showNonTradingOrderCommon();\r\n\t\tthis.props.actions.sidebarClose();\r\n\t}\r\n\r\n\tshowNonTradingOpenDemoAccountModal = () => {\r\n\t\tthis.props.actions.showNonTradingOpenDemoAccount();\r\n\t\tthis.props.actions.sidebarClose();\r\n\t}\r\n\r\n\tshowNonTradingOpenAccountModal = () => {\r\n\t\tthis.props.actions.showNonTradingOpenAccount();\r\n\t\tthis.props.actions.sidebarClose();\r\n\t}\r\n\r\n\tloadAnketaFromDemo = () => {\r\n\t\tthis.props.actions.loadAnketaFromDemo();\r\n\t}\r\n\r\n\tshowReportsPage = path => () => {\r\n\t\tconst {\r\n\t\t\tactions,\r\n\t\t\tcurrentTradeAccount,\r\n\t\t} = this.props;\r\n\t\tif (currentTradeAccount.clearerFirm === 'cor') {\r\n\t\t\tactions.openReportsPage(path, currentTradeAccount);\r\n\t\t} else {\r\n\t\t\tactions.setCurrentPage(path);\r\n\t\t}\r\n\t\tscrollToTop();\r\n\t\tactions.sidebarClose();\r\n\t}\r\n\r\n\tshowPage = path => () => {\r\n\t\tthis.props.actions.setCurrentPage(path);\r\n\t\tscrollToTop();\r\n\t\tthis.props.actions.sidebarClose();\r\n\t}\r\n\r\n\tshowModal = id => {\r\n\t\tthis.props.history.push(addHashToUrl(this.props.location, id));\r\n\t}\r\n\r\n\thandleOpenSubMenu = key => {\r\n\t\tconst { openSubMenu } = this.state;\r\n\t\tif (openSubMenu === key) {\r\n\t\t\tthis.setState({ openSubMenu: null });\r\n\t\t} else {\r\n\t\t\tthis.setState({ openSubMenu: key });\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tlanguage,\r\n\t\t\ttheme,\r\n\t\t\tclasses,\r\n\t\t\taccounts,\r\n\t\t\tuserInfo,\r\n\t\t\tcurrentAccountData: {\r\n\t\t\t\tbaseParams,\r\n\t\t\t},\r\n\t\t\thasBlockingDebts,\r\n\t\t\tselectedAccount,\r\n\t\t\tloadingAccounts,\r\n\t\t} = this.props;\r\n\t\tconst userGuid = userInfo.Guid && userInfo.Guid.toUpperCase();\r\n\t\tconst isDemo = !userGuid && !!userInfo.DemoUserId;\r\n\r\n\t\tconst isEnableThirdPartyTools = userGuid && (!env.WEBCAB_4509_transaqChangePwdAvalilableFor\r\n\t\t\t|| env.WEBCAB_4509_transaqChangePwdAvalilableFor.includes(userGuid));\r\n\t\tconst { openSubMenu } = this.state;\r\n\t\tconst accountsListLoadingOrEmpty = loadingAccounts || !accounts?.length;\r\n\t\tconst accountListLoadingOrNoRealAccounts = loadingAccounts || !accounts?.length || accounts?.every(a => a.IsDemo);\r\n\t\tconst demoClientOrLoading = userGuid == null;\r\n\t\t\r\n\t\tconst isPotentialClientWaitingForApproval = userInfo.IsPotentialClientWaitingForApproval;\r\n\t\tconst onlyDemoAccounts = accounts?.every(x => x.IsDemo);\r\n\t\t\r\n\t\treturn (\r\n\t\t\t{currentAccountDisplayFullName}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t{!loading && (\n\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nAccountActions.propTypes = {\r\n\r\n};\r\n\r\nexport default compose(\r\n\twithRouter,\r\n\twithStyles(styles),\r\n\twithTheme,\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(AccountActions);\r\n","/* eslint-disable max-len */\nimport React from 'react';\nimport {\n\tmakeStyles,\n\tuseTheme,\n} from '@material-ui/core/styles';\nimport { env } from '@config';\nimport { withRouter } from 'react-router';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { push } from 'connected-react-router';\nimport {\n\tdashboard,\n\tuserAccounts,\n} from '@redux';\nimport List from '@material-ui/core/List';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport VpnKeyOutlinedIcon from '@material-ui/icons/VpnKeyOutlined';\nimport ErrorIcon from '@material-ui/icons/Error';\nimport { SvgIcon, ListItem } from '@components';\nimport { useTranslate } from '@dev2t/react-ui-kit/src/components';\nimport { R } from '@dev2t/react-ui-kit/src/components';\nimport { ModalPopups, AccountType } from '@enums';\nimport { useAccount } from '@hooks';\nimport { addHashToUrl, scrollToTop } from '@global';\n\nconst useStyles = makeStyles(theme => ({\n\troot: {},\n\tlistItemText: {\n\t\t...theme.customstyles.body,\n\t},\n}));\n\nconst useActions = () => {\n\tconst dispatch = useDispatch();\n\treturn {\n\t\tsetCurrentPage: page => dispatch(push(page)),\n\t\tsidebarClose: () => dispatch(dashboard.actions.sidebarClose()),\n\t};\n};\n\nconst AccountActions = (props) => {\n\n\tconst hasMt5Account = useAccount(AccountType.MT5).length > 0;\n\tconst hasWalletAccount = useAccount(AccountType.WALLET).length > 0;\n\tconst userInfo = useSelector(userAccounts.selectors.userInfo);\n\tconst classes = useStyles();\n\tconst theme = useTheme();\n\tconst translate = useTranslate();\n\n\tconst actions = useActions();\n\n\tconst showPage = path => () => {\n\t\tactions.setCurrentPage(path);\n\t\tscrollToTop();\n\t\tactions.sidebarClose();\n\t};\n\n\tconst showModal = (id) => {\n\t\tprops.history.push(addHashToUrl(props.location, id));\n\t};\n\n\treturn (\n\t\t- \r\n\t\t\t\t\t{[constants.LIME_LME].some(x => x === env.firm)\r\n\t\t\t\t\t\t&& (\r\n\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t{isDemo &&\r\n\t\t\t\t\t\t\t\t\t\t \t
\n\t\t\t
\n\t);\n};\n\nAccountActions.propTypes = {\n\n};\n\nexport default withRouter(AccountActions);\n","import React from 'react';\n\nclass EmptyLinks extends React.Component {\n\trender() {\n\t\treturn (\n\t\t\t- \n\t\t\t\t<>\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nQuickLinks.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithStyles(styles),\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(QuickLinks);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport List from '@material-ui/core/List';\r\nimport ListItem from '@material-ui/core/ListItem';\r\nimport ListItemText from '@material-ui/core/ListItemText';\r\nimport compose from 'recompose/compose';\r\nimport { connect } from 'react-redux';\r\nimport { dashboard, userAccounts } from '@redux';\r\nimport { scrollTo } from '@global';\r\n\r\nconst styles = theme => ({\r\n\troot: {},\r\n\tlistItemText: {\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.primary,\r\n\t},\r\n});\r\n\r\nconst mapStateToProps = state => ({\r\n\ttariffs: userAccounts.selectors.tariffs(state),\r\n});\r\n\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n\tactions: {\r\n\t\tsidebarClose: () => dispatch(dashboard.actions.sidebarClose())\r\n\t},\r\n});\r\n\r\nclass ProfileQuickLinks extends React.Component {\r\n\tscrollTo = (elementId) => {\r\n\t\tscrollTo(elementId);\r\n\t\tthis.props.actions.sidebarClose();\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\ttariffs,\r\n\t\t} = this.props;\r\n\t\treturn (\r\n\t\t\t- \r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nProfileQuickLinks.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithStyles(styles),\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(ProfileQuickLinks);\r\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport compose from 'recompose/compose';\nimport { connect } from 'react-redux';\nimport { dashboard } from '@redux';\nimport { scrollTo } from '@global';\n\nconst styles = theme => ({\n\troot: {},\n\tlistItemText: {\n\t\t...theme.customstyles.body,\n\t\tcolor: theme.palette.text.primary,\n\t},\n});\n\n\nconst mapDispatchToProps = dispatch => ({\n\tactions: {\n\t\tsidebarClose: () => dispatch(dashboard.actions.sidebarClose())\n\t},\n});\n\nclass ReportsQuickLinks extends React.Component {\n\tscrollTo = (elementId) => {\n\t\tscrollTo(elementId);\n\t\tthis.props.actions.sidebarClose();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tclasses,\n\t\t} = this.props;\n\t\treturn (\n\t\t\t\n\t\t);\n\t}\n}\n\nReportsQuickLinks.propTypes = {\n\tclasses: PropTypes.object.isRequired,\n};\n\nexport default compose(\n\twithStyles(styles),\n\tconnect(null, mapDispatchToProps),\n)(ReportsQuickLinks);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport compose from 'recompose/compose';\nimport { connect } from 'react-redux';\nimport { dashboard, profile, userAccounts } from '@redux';\nimport { scrollTo } from '@global';\n\nconst styles = theme => ({\n\troot: {},\n\tlistItemText: {\n\t\t...theme.customstyles.body,\n\t\tcolor: theme.palette.text.primary,\n\t},\n});\n\nconst mapStateToProps = state => ({\n\ttariffs: userAccounts.selectors.tariffs(state),\n\tprofile: profile.selectors.profile(state),\n});\n \nconst mapDispatchToProps = dispatch => ({\n\tactions: {\n\t\tsidebarClose: () => dispatch(dashboard.actions.sidebarClose())\n\t},\n});\n\nclass DocumentsQuickLinks extends React.Component {\n\tscrollTo = (elementId) => {\n\t\tscrollTo(elementId);\n\t\tthis.props.actions.sidebarClose();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tclasses,\n\t\t\tprofile: {\n\t\t\t\tsubmitting,\n\t\t\t},\n\t\t} = this.props;\n\t\treturn (\n\t\t\t- \r\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nDocumentsQuickLinks.propTypes = {\n\tclasses: PropTypes.object.isRequired,\n\tprofile: PropTypes.object.isRequired,\n};\n\nexport default compose(\n\twithStyles(styles),\n\tconnect(mapStateToProps, mapDispatchToProps),\n)(DocumentsQuickLinks);\n","import React from 'react';\r\nimport { withStyles, withTheme } from '@material-ui/core/styles';\r\nimport { red, green, grey } from '@material-ui/core/colors';\r\nimport PropTypes from 'prop-types';\r\nimport MUISnackbar from '@material-ui/core/Snackbar';\r\nimport { connect } from 'react-redux';\r\nimport compose from 'recompose/compose';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport { SvgIcon } from '@components';\r\nimport { snackbar } from '@redux';\r\n\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tbackgroundColor: theme.palette.error.light,\r\n\t\tcolor: theme.palette.error.dark,\r\n\t\tflexWrap: 'nowrap',\r\n\t},\r\n\tmessage: {\r\n\t\tbackgroundColor: theme.palette.primary.contrastText,\r\n\t\tcolor: theme.palette.primary.main,\r\n\t\tflexWrap: 'nowrap',\r\n\t},\r\n\tsuccess: {\r\n\t\tbackgroundColor: theme.palette.success.light,\r\n\t\tcolor: theme.palette.success.dark,\r\n\t\tflexWrap: 'nowrap',\r\n\t},\r\n\tcloseButtonSuccess: {\r\n\t\tcolor: theme.palette.success.dark,\r\n\t\t'&:hover': {\r\n\t\t\tbackground: green[100]\r\n\t\t},\r\n\t\t'&:active': {\r\n\t\t\tbackground: green[200]\r\n\t\t}\r\n\t},\r\n\tcloseButtonMessage: {\r\n\t\tcolor: theme.palette.success.dark,\r\n\t\t'&:hover': {\r\n\t\t\tbackground: grey[100]\r\n\t\t},\r\n\t\t'&:active': {\r\n\t\t\tbackground: grey[200]\r\n\t\t}\r\n\t},\r\n\tcloseButtonError: {\r\n\t\tcolor: theme.palette.error.dark,\r\n\t\t'&:hover': {\r\n\t\t\tbackground: red[100]\r\n\t\t},\r\n\t\t'&:active': {\r\n\t\t\tbackground: red[200]\r\n\t\t}\r\n\t},\r\n});\r\n\r\nconst mapStateToProps = state => ({\r\n\tsnackbarInfo: snackbar.selectors.snackbarInfo(state),\r\n});\r\n\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n\tactions: {\r\n\t\thide: () => dispatch(snackbar.actions.hideErrorMessage()),\r\n\t},\r\n});\r\n\r\nclass Snackbar extends React.Component {\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\tsnackbarInfo: {\r\n\t\t\t\tisVisible,\r\n\t\t\t\tmessage,\r\n\t\t\t},\r\n\t\t\tactions,\r\n\t\t} = this.props;\r\n\r\n\t\tconst getCloseButtonClassname = (messageType) => {\r\n\t\t\tswitch (messageType) {\r\n\t\t\t\tcase 'success':\r\n\t\t\t\t\treturn classes.closeButtonSuccess;\r\n\t\t\t\tcase 'message':\r\n\t\t\t\t\treturn classes.closeButtonMeaasge;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\treturn classes.closeButtonError;\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\treturn (\r\n\t\t\t- \n\t\t\t\t\t{!submitting && DocTaxFoms && DocTaxFoms.length > 0 &&\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t{message.title &&\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t}\r\n\t\t\t\t\taction={\r\n\t\t\t\t\t\t{message.title}
\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t{/* eslint-disable-next-line react/no-danger */}\r\n\t\t\t\t\t\t\t{message.object}\r\n\t\t\t\t\t\t\t{message.hasHtml &&\t}\r\n\t\t\t\t\t\t\t{!message.hasHtml &&{message.text}
}\r\n\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{accountInfo && accountInfo.Platforms && accountInfo.Platforms.ActiveTradePlatform === 'Transaq' &&\n\t\t\t\t\t\t\tisEnableTransaqChangePassword &&\n\t\t\t\t\t\t\t \n\t\t\t
\n\t\t);\n\t}\n}\n\n\nThirdPartyTools.propTypes = {\n\tclasses: PropTypes.object.isRequired,\n\tactions: PropTypes.object.isRequired,\n\taccountInfo: PropTypes.object.isRequired,\n};\n\n\nexport default compose(\n\twithTheme,\n\twithStyles(styles),\n\tconnect(mapStateToProps, mapDispatchToProps),\n)(ThirdPartyTools);\n","import React, { useEffect } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { userAccounts } from '@redux';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Box from '@material-ui/core/Box';\nimport { A } from '@components';\nimport { R, TextField } from '@dev2t/react-ui-kit/src';\n\nconst useStyles = makeStyles((theme) => ({\n\tcontent: {\n\t\t...theme.customstyles.body,\n\t\tpadding: '16px 72px',\n\t\t[theme.breakpoints.down('md')]: {\n\t\t\tpadding: '8px 24px',\n\t\t},\n\t},\n\theader: {\n\t\t...theme.customstyles.headline1,\n\t\t...theme.palette.text.primary,\n\t},\n\tpendingInfoText: {\n\t\tcolor: theme.palette.text.disabled\n\t},\n\tfeature: {\n\t\tmargin: '10px 0'\n\t}\n}));\n\nconst DisplayFeatureItem = ({title, value}) => {\n\tconst classes = useStyles();\n\treturn !!value \n\t\t\t? \n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\tThird Party Tools\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nCashManagementContent.propTypes = {\n\tclasses: PropTypes.object.isRequired,\n};\n\nexport default compose(\n\twithStyles(styles),\n\tconnect(mapStateToProps, null),\n)(CashManagementContent);\n","import React from 'react';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { makeStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { SvgIcon, ProgressContainer } from '@components';\nimport { R } from '@dev2t/react-ui-kit/src/components';\nimport { usePaymentGateWidgetHook } from '@hooks';\nimport { userAccounts } from '@redux';\n\nconst useStyles = makeStyles(theme => ({\n\troot: {\n\t\t...theme.customstyles.button,\n\t\tcolor: theme.palette.primary.main,\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tjustifyContent: 'center',\n\t\tcursor: 'pointer',\n\t\tmarginTop: '20px',\n\t\tmarginBottom: '20px',\n\t},\n\tdisabled: {\n\t\topacity: '0.35',\n\t\tpointerEvents: 'none',\n\t\tcursor: 'default',\n\t},\n\terror: {\n\t\tcolor: theme.palette.error.main,\n\t},\n\ttext: {\n\t\tpaddingLeft: '14px',\n\t},\n}));\n\nconst FundWidgetButton = () => {\n\tconst [initPaymentGateWidgetId, loadingPg, successPg] = usePaymentGateWidgetHook();\n\tconst isPotentialClientWaitingForApproval = useSelector(userAccounts.selectors.userInfo).IsPotentialClientWaitingForApproval;\n\tconst classes = useStyles();\n\n\treturn (\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t);\n\t}\n}\n\nTradingPlatforms.defaultProps = {\n};\n\nTradingPlatforms.propTypes = {\n\tclasses: PropTypes.object.isRequired,\n};\n\n\nexport default compose(\n\twithRouter,\n\twithTheme,\n\twithStyles(styles),\n\tconnect(mapStateToProps, null),\n)(TradingPlatforms);\n","import React from 'react';\nimport { userAccounts } from '@redux';\nimport { useSelector } from 'react-redux';\nimport { List } from '@material-ui/core';\nimport { ContentCloud } from '@components';\nimport { useTranslate } from '@dev2t/react-ui-kit/src/components';\nimport { useAccount, useBalance, useAllowedWalletCurrencies } from '@hooks';\nimport { constants } from '@config';\nimport { AccountType } from '@enums';\nimport { WalletListItem, J2txWalletTransactionsHistory } from './components';\n\nexport default function Wallet() {\n\tconst translate = useTranslate();\n\n\tconst walletAccounts = useAccount(AccountType.WALLET);\n\tconst balance = useBalance(walletAccounts.map(x => x.TradeCode))\n\tconst loading = useSelector(userAccounts.selectors.accountsInfoLoading);\n\t// ищем wallet счета\n\tconst walletTradeCodes = walletAccounts\n\t\t.map(x => x.TradeCode); \n \n const allowedWalletCrypto = useAllowedWalletCurrencies();\n const visibleCurrencies = [\n \t...allowedWalletCrypto,\n ];\n\n\treturn (\n\t\t<>\n\t\t\t{walletTradeCodes?.map(tradeCode => (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tMetaTrader 5
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\tDesktop
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tMetaTrader 5 for Android
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\tMobile
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tMetaTrader 5 for iPhone, iPad
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\tMobile
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\tWeb
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tMetaTrader 4
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tPC — Download MetaTrader (4.27 Mb).\"\n\t\t\t\t\t\t\t\t\t\tenableHtml\n\t\t\t\t\t\t\t\t\t\tcomponents={{\n\t\t\t\t\t\t\t\t\t\t\tdownloadmt: ,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\tDesktop
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{accounts && accounts.filter(acc => !acc.IsClosed && acc.IsEnabledForTrade && acc.IsForex).map((account, index) => (\n\t\t\t\t\t\t\t\t\t\t f.TradeCode === account.TradeCode)?.ServerName}\n\t\t\t\t\t\t\t\t\t\t\t\t${(account.Login && `&login=${account.Login}`) || ''}`}\n\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\t\tstartIcon={
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\tWeb
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tMetaTrader 4 for Android
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tMetaTrader 4 for Android (System Requirements: Android 5.0 or later) – Version of Metatrader 4 to trade on smartphone or tablet-PC. To install the application you need to access Android Market from your Android-device. You should use login/password from your account to enter the platform.\"\n\t\t\t\t\t\t\t\t\t\tenableHtml\n\t\t\t\t\t\t\t\t\t\tcomponents={{\n\t\t\t\t\t\t\t\t\t\t\tdownloadlink: \n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\tMobile
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\tMetaTrader 4 for iPhone, iPad
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tMetaTrader 4 for iPhone, iPad – (System Requirements: iOS 3.0 or later) To install the application download it via your device from Арр Store .\"\n\t\t\t\t\t\t\t\t\t\tenableHtml\n\t\t\t\t\t\t\t\t\t\tcomponents={{\n\t\t\t\t\t\t\t\t\t\t\tdownloadlink: ,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\tMobile
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\tMultiTerminal
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tMultiTerminal — Download MultiTerminal Installer (1.21 Mb).\"\n\t\t\t\t\t\t\t\t\tenableHtml\n\t\t\t\t\t\t\t\t\tcomponents={{\n\t\t\t\t\t\t\t\t\t\tdownloadlink: ,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t- \n\t\t\t\t\t\t{visibleCurrencies.map(currency => (\n\t\t\t\t\t\t\t
\n\t\t\t\t\t{constants.J2txWalletAllowedCurrencies.includes(moneyInfoItem.CurrencyCode) \n\t\t\t\t\t\t? fiatMoneyFormat(moneyInfoItem.Balance)\n\t\t\t\t\t\t: cryptoMoneyFormat(moneyInfoItem.Balance, moneyInfoItem.CurrencyCode)\n\t\t\t\t\t}\n\t\t\t\t
\n\t\t\t- \n\t\t\t\t{CryptoCurrencies.map(x => (\n\t\t\t\t\t
{moneyFormat(currencyBalanceItem.Balance, currencyBalanceItem.CurrencyCode)}
\n\t\tLoans
\n\t);\n}\n","import React from 'react';\n\nimport { useAccount } from '@hooks';\nimport { AccountType } from '@enums';\n\nimport FAQ from './components/FAQ';\nimport Balance from './components/Balance';\nimport Transactions from './components/Transactions';\n\nexport default function Staking() {\n\t\n\tconst accounts = useAccount(AccountType.STAKING);\n\tconst tradeCode = accounts[0]?.TradeCode;\n\n\treturn (\n\t\t<>\n\t\t\tExchange
\n\t);\n}\n","import React, { useState } from 'react';\nimport { Box, Typography } from '@material-ui/core';\nimport { userAccounts } from '@redux';\nimport { DemoAccountsTabs } from '@enums';\nimport DemoAccountsList from './ListVariants/DemoAccountList';\nimport { Button, R } from '@dev2t/react-ui-kit/src';\nimport { SvgIcon } from '@components';\nimport { ProgressContainer } from '@components';\n\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport { useSelector } from 'react-redux';\n\nconst useStyles = makeStyles(theme => ({ \n title:{\n color: theme.palette.primary.main,\n fontWeight: 'bold',\n fontSize: '20px',\n },\n headerContainer:{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n flexDirection: 'row',\n margin: '15px 0 30px 0',\n padding: '0px 25px',\n },\n switchers: {\n backgroundColor: theme.palette.primary.contrastText,\n border: '1px solid #deeaef',\n borderRadius: '10px',\n padding: '5px 0'\n },\n threeLineSwitcher: {\n marginTop: '5px',\n },\n listContainer: {\n padding: '0 20px'\n }\n}));\n\nconst DemoAccounts = (props) => {\n const { viewType } = props;\n const classes = useStyles();\n const theme = useTheme();\n\n const accounts = useSelector(userAccounts.selectors.accounts);\n const balances = useSelector(userAccounts.selectors.accountsInfo);\n const accountsInfoLoading = useSelector(userAccounts.selectors.accountsInfoLoading);\n const loading = useSelector(userAccounts.selectors.loading);\n\n\n const [activeList, setActiveList] = useState(viewType || DemoAccountsTabs.CARD);\n\n return (\n\n 1. Open an account with our partner
\n 2. Complete a quick and simple KYC
\n 3. Make a deposit by credit/debit card or with crypto
\n 4. Start trading within a few minutes
\n
\n Unlock trading opportunities by registering for a J2T Global account with our partner.`\n }\n enableHtml\n /> \n
\r\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t \n\t\t\t{[constants.LIME_INT, constants.LIME_NSR, constants.LIME_LME, constants.FIRM_J2TX].some(x => x === env.firm) &&\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t \r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default App;\r\n","import { getLanguageCookie } from '@global';\r\nimport actions from './actions';\r\n\r\nconst getCookieShowDicwords = document.cookie\r\n\t.split(';')\r\n\t.filter(el => el.includes('show_dicwords_keys'))\r\n\t.join('');\r\n\r\nconst initialState = {\r\n\tresolution: 'lg',\r\n\tconfirmModal: {\r\n\t\tisVisible: false,\r\n\t\ttitle: null,\r\n\t\ttext: null,\r\n\t\tbuttonTitle: null,\r\n\t\taction: null,\r\n\t},\r\n\tlanguage: getLanguageCookie(),\r\n\tshowDicwordsKeys: getCookieShowDicwords[getCookieShowDicwords.length - 1],\r\n};\r\n\r\nexport default (state = initialState, { type, payload }) => {\r\n\tswitch (type) {\r\n\t\tcase actions.SHOW_BASE_MODAL:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tmodalData: payload.modalData,\r\n\t\t\t};\r\n\t\tcase actions.HIDE_BASE_MODAL:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tmodalData: null,\r\n\t\t\t};\r\n\t\tcase actions.SET_RESOLUTION:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tresolution: payload.resolution,\r\n\t\t\t};\r\n\t\tcase actions.SHOW_CONFIRM_MODAL:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tconfirmModal: {\r\n\t\t\t\t\tisVisible: true,\r\n\t\t\t\t\t...payload,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.HIDE_CONFIRM_MODAL:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tconfirmModal: {\r\n\t\t\t\t\tisVisible: false,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.changeLanguage.SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tlanguage: payload.request,\r\n\t\t\t};\r\n\t\tcase actions.SHOW_DICWORDS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tshowDicwordsKeys: true,\r\n\t\t\t};\r\n\t\tcase actions.HIDE_DICWORDS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tshowDicwordsKeys: false,\r\n\t\t\t};\r\n\t\tdefault:\r\n\t\t\treturn state;\r\n\t}\r\n};\r\n","import CONFIG from './config';\r\n\r\nexport default {\r\n\tresolution: state => state[CONFIG.STATE_FIELD_NAME].resolution,\r\n\tconfirmModalData: state => state.app.confirmModal,\r\n\tlanguage: state => state.app.language,\r\n};\r\n","import { put, select, fork, takeEvery, all, call } from 'redux-saga/effects';\r\nimport { push } from 'connected-react-router';\r\nimport { version, changeLanguage as changeLanguageApiRequest } from '@api';\r\nimport { env } from '@config';\r\nimport { ModalPopups } from '@enums';\r\nimport {\r\n\taddHashToUrl,\r\n\tremoveHashFromUrl,\r\n\tcaptureException,\r\n\tcaptureMessage \r\n} from '@global';\r\nimport { callApi } from '@redux';\r\nimport { Cookies } from 'react-cookie';\r\nimport actions from './actions';\r\nimport depositFunds from '../depositFunds';\r\nimport notifications from '../notifications';\r\nimport userAccounts from '../userAccounts';\r\nimport alerts from '../alerts';\r\nimport { BaseGetSagaHandler } from '../sagaExtensions';\r\nimport { captureError } from '@global';\r\n\r\nfunction* changeLanguage({ payload }) {\r\n\tyield BaseGetSagaHandler({\r\n\t\tapiMethod: changeLanguageApiRequest,\r\n\t\terrorText: 'Change language request',\r\n\t\thandler: actions.changeLanguage,\r\n\t}, { payload });\r\n}\r\n\r\nfunction* changeLanguageSuccess() {\r\n\tconst effects = [];\r\n\tconst currentAccount = yield select(userAccounts.selectors.currentAccount);\r\n\tconst isAuthorized = yield select(userAccounts.selectors.isAuthorized);\r\n\r\n\t// Срабатывает, когда юзер авторизован\r\n\tif (isAuthorized) {\r\n\t\teffects.push(put(alerts.actions.getAlerts.request()));\r\n\t\teffects.push(put(notifications.actions.reloadNotifications.callHandler()));\r\n\t}\r\n\r\n\t// Срабатывает в кабинетах, где можно выбрать счет\r\n\tif (currentAccount) {\r\n\t\teffects.push(put(depositFunds.actions.clearAccountFundingInfo()));\r\n\t\teffects.push(put(userAccounts.actions.reloadTransactionHistory()));\r\n\t}\r\n\r\n\tif (effects.length > 0) {\r\n\t\tyield all(effects);\r\n\t}\r\n}\r\n\r\nfunction changeLanguageFailure() {\r\n\tconst err = new Exception(`Setting site language has failed. Currently available languages: ${env.menuLangsConfig}`);\r\n\tcaptureError(err);\r\n}\r\n\r\nfunction* showConfirmModal() {\r\n\t// get current location\r\n\tconst location = yield select(state => state.router.location);\r\n\t// show modal\r\n\tyield put(push(addHashToUrl(location, ModalPopups.CONFIRM_MODAL)));\r\n}\r\n\r\nfunction* hideConfirmModal() {\r\n\t// get current location\r\n\tconst location = yield select(state => state.router.location);\r\n\t// show modal\r\n\tyield put(push(removeHashFromUrl(location, ModalPopups.CONFIRM_MODAL)));\r\n}\r\n\r\nfunction* showNewAgentWaitingModal() {\r\n\t// get current location\r\n\tconst location = yield select(state => state.router.location);\r\n\t// show modal\r\n\tyield put(push(addHashToUrl(location, ModalPopups.NEW_AGENT_WAITING_MODAL)));\r\n}\r\n\r\nfunction* hideNewAgentWaitingModal() {\r\n\t// get current location\r\n\tconst location = yield select(state => state.router.location);\r\n\t// show modal\r\n\tyield put(push(removeHashFromUrl(location, ModalPopups.NEW_AGENT_WAITING_MODAL)));\r\n}\r\n\r\nfunction* showAgentRegistrationFormModal() {\r\n\t// get current location\r\n\tconst location = yield select(state => state.router.location);\r\n\t// show modal\r\n\tyield put(push(addHashToUrl(location, ModalPopups.AGENT_REGISTRATION_MODAL)));\r\n}\r\n\r\nfunction* hideAgentRegistrationFormModal() {\r\n\t// get current location\r\n\tconst location = yield select(state => state.router.location);\r\n\t// show modal\r\n\tyield put(push(removeHashFromUrl(location, ModalPopups.AGENT_REGISTRATION_MODAL)));\r\n}\r\n\r\nfunction* showBaseModal({ payload: { modalName } }) {\r\n\t// get current location\r\n\tconst location = yield select(state => state.router.location);\r\n\t// show modal\r\n\tyield put(push(addHashToUrl(location, modalName)));\r\n}\r\n\r\nfunction* hideBaseModal({ payload: { modalName } }) {\r\n\t// get current location\r\n\tconst location = yield select(state => state.router.location);\r\n\t// show modal\r\n\tyield put(push(removeHashFromUrl(location, modalName)));\r\n}\r\n\r\nfunction* checkMinVersionSaga() {\r\n\ttry {\r\n\t\tconst response = yield callApi(version);\r\n\t\tif (response.data.Success) {\r\n\t\t\tif (!env.version || env.version !== response.data.Version) {\r\n\t\t\t\tcaptureMessage('Need reload old UI version', {version: env.version, requiredVersion: response.data.Version});\r\n\t\t\t\twindow.location.reload(true);\r\n\t\t\t}\r\n\t\t}\r\n\t} catch (error) {\r\n\t\tcaptureException('Unable to load required version info', error);\r\n\t}\r\n}\r\n\r\nfunction showDicWordsKeysSaga() {\r\n\tconst exp = new Date();\r\n\texp.setTime(exp.getTime() + 24 * 60 * 60 * 1000);\r\n\tconst cookies = new Cookies();\r\n\tcookies.set('show_dicwords_keys', '1', {path: \"/\", expires: exp});\r\n}\r\n\r\nfunction hideDicWordsKeysSaga() {\r\n\tconst cookies = new Cookies();\r\n\tcookies.remove('show_dicwords_keys', { path: '/' });\r\n}\r\n\r\nfunction* watchShowDicWordsKeysRequest() {\r\n\tyield takeEvery(actions.SHOW_DICWORDS, showDicWordsKeysSaga);\r\n}\r\n\r\nfunction* watchHideDicWordsKeysRequest() {\r\n\tyield takeEvery(actions.HIDE_DICWORDS, hideDicWordsKeysSaga);\r\n}\r\n\r\nfunction* watchChangeLanguage() {\r\n\tyield takeEvery(actions.changeLanguage.REQUEST, changeLanguage);\r\n}\r\n\r\nfunction* watchChangeLanguageSuccess() {\r\n\tyield takeEvery(actions.changeLanguage.SUCCESS, changeLanguageSuccess);\r\n}\r\n\r\nfunction* watchChangeLanguageFailure() {\r\n\tyield takeEvery(actions.changeLanguage.FAILURE, changeLanguageFailure);\r\n}\r\n\r\nfunction* watchShowConfirmModal() {\r\n\tyield takeEvery(actions.SHOW_CONFIRM_MODAL, showConfirmModal);\r\n}\r\n\r\nfunction* watchHideConfirmModal() {\r\n\tyield takeEvery(actions.HIDE_CONFIRM_MODAL, hideConfirmModal);\r\n}\r\n\r\nfunction* watchShowNewAgentWaitingModal() {\r\n\tyield takeEvery(actions.SHOW_NEW_AGENT_WAITING_MODAL, showNewAgentWaitingModal);\r\n}\r\n\r\nfunction* watchHideNewAgentWaitingModal() {\r\n\tyield takeEvery(actions.HIDE_NEW_AGENT_WAITING_MODAL, hideNewAgentWaitingModal);\r\n}\r\nfunction* watchShowAgentRegistrationFormModal() {\r\n\tyield takeEvery(actions.SHOW_AGENT_REGISTRATION_MODAL, showAgentRegistrationFormModal);\r\n}\r\n\r\nfunction* watchHideAgentRegistrationFormModal() {\r\n\tyield takeEvery(actions.HIDE_AGENT_REGISTRATION_MODAL, hideAgentRegistrationFormModal);\r\n}\r\n\r\nfunction* watchShowBaseModal() {\r\n\tyield takeEvery(actions.SHOW_BASE_MODAL, showBaseModal);\r\n}\r\n\r\nfunction* watchHideBaseModal() {\r\n\tyield takeEvery(actions.HIDE_BASE_MODAL, hideBaseModal);\r\n}\r\n\r\nfunction* watchMinVersionRequest() {\r\n\tyield takeEvery(actions.CHECK_MIN_VERSION, checkMinVersionSaga);\r\n}\r\n\r\n// Root saga\r\nconst rootSaga = [\r\n\tfork(watchShowConfirmModal),\r\n\tfork(watchHideConfirmModal),\r\n\tfork(watchShowAgentRegistrationFormModal),\r\n\tfork(watchHideAgentRegistrationFormModal),\r\n\tfork(watchShowBaseModal),\r\n\tfork(watchHideBaseModal),\r\n\tfork(watchMinVersionRequest),\r\n\tfork(watchShowDicWordsKeysRequest),\r\n\tfork(watchHideDicWordsKeysRequest),\r\n\tfork(watchChangeLanguage),\r\n\tfork(watchChangeLanguageSuccess),\r\n\tfork(watchChangeLanguageFailure),\r\n\tfork(watchShowNewAgentWaitingModal),\r\n\tfork(watchHideNewAgentWaitingModal),\r\n];\r\n\r\nexport default {\r\n\trootSaga,\r\n};\r\n","import actions from './actions';\r\nimport { reset } from '@redux';\r\n\r\nconst initialState = {\r\n\tisTryingToLogIn: false,\r\n\tcontinueDemoUserRegistrationResult: {\r\n\t\tloading: false,\r\n\t\tsuccess: false,\r\n\t\tredirectLink: null\r\n\t},\r\n};\r\n\r\nexport default (state = initialState, { type, payload }) => {\r\n\tswitch (type) {\r\n\tcase actions.LOGOUT:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t};\r\n\tcase actions.SET_AFTER_AUTH_URL:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tafterAuthUrl: payload,\r\n\t\t};\r\n\tcase actions.checkAuth.REQUEST:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tisTryingToLogIn: true,\r\n\t\t}\r\n\tcase actions.checkAuth.SUCCESS:\r\n\tcase actions.checkAuth.FAILURE:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tisTryingToLogIn: false,\r\n\t\t}\r\n\tcase actions.SEND_CONFIRMATION_CODE_REQUEST:\r\n\tcase actions.SEND_EMAIL_CONFIRMATION_CODE_REQUEST:\r\n\tcase reset.actions.sendConfirmationForResetByEmail.REQUEST:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tlastCodeSendWasSuccessful: null \r\n\t\t}\r\n\tcase actions.SEND_CONFIRMATION_CODE_SUCCESS:\r\n\tcase actions.SEND_EMAIL_CONFIRMATION_CODE_SUCCESS:\r\n\tcase reset.actions.sendConfirmationForResetByEmail.SUCCESS:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tlastCodeSendWasSuccessful: true \r\n\t\t}\r\n\tcase actions.SEND_CONFIRMATION_CODE_FAILURE:\r\n\tcase actions.SEND_EMAIL_CONFIRMATION_CODE_FAILURE:\r\n\tcase reset.actions.sendConfirmationForResetByEmail.FAILURE:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tlastCodeSendWasSuccessful: false \r\n\t\t}\r\n\tcase actions.getConfirmationCodeSettings.SUCCESS:\r\n\t\treturn {\r\n\t\t\tconfirmationCodeSettings: payload.response.Data,\r\n\t\t}\r\n\tcase actions.getConfirmationCodeSettings.REQUEST:\r\n\tcase actions.getConfirmationCodeSettings.FAILURE:\r\n\t\treturn {\r\n\t\t\tconfirmationCodeSettings: null,\r\n\t\t};\r\n\tcase actions.continueDemoUserRegistration.REQUEST:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tcontinueDemoUserRegistrationResult: {\r\n\t\t\t\tloading: true\r\n\t\t\t}\r\n\t\t};\r\n\tcase actions.continueDemoUserRegistration.SUCCESS:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tcontinueDemoUserRegistrationResult: {\r\n\t\t\t\tloading: false,\r\n\t\t\t\tsuccess: payload.Success,\r\n\t\t\t\tredirectLink: payload.RedirectLink\r\n\t\t\t}\r\n\t\t};\r\n\tcase actions.continueDemoUserRegistration.FAILURE:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tcontinueDemoUserRegistrationResult: {\r\n\t\t\t\tloading: false,\r\n\t\t\t\tsuccess: false,\r\n\t\t\t}\r\n\t\t};\r\n\tdefault:\r\n\t\treturn state;\r\n\t}\r\n};\r\n","export default {\r\n\tafterAuthUrl: state => state.auth.afterAuthUrl,\r\n\tisTryingToLogIn: state => state.auth.isTryingToLogIn,\r\n\tcontinueDemoUserRegistrationResult: state => state.auth.continueDemoUserRegistrationResult,\r\n};\r\n","import { all, call, fork, takeEvery, put, select, delay } from 'redux-saga/effects';\r\nimport { auth, callApi, signalR, snackbar, userAccounts } from '@redux';\r\nimport { \r\n\tautologon, \r\n\tlogout, \r\n\tpingauth, \r\n\tsendconfirmationcode, \r\n\tsendemailconfirmationcode, \r\n\tautologondemo,\r\n\tgetconfirmationcodesettings,\r\n\tcontinueDemoUserRegistration, \r\n\tloginWidget,\r\n} from '@api';\r\nimport { env } from '@config';\r\nimport { cabinetLog, globalState, captureException, captureError } from '@global';\r\nimport { BaseGetSagaHandler } from '@redux';\r\nimport { push } from 'connected-react-router';\r\nimport actions from './actions';\r\nimport { TxGlobalAuth } from '@finam/tx-auth-widget';\r\n\r\nfunction* loginLocalSaga({ payload: { username, token, location } }) {\r\n\ttry {\r\n\t\tglobalState.localToken = token; // response.data.SignalRToken;\r\n\t\twindow.Raven.setUserContext({\r\n\t\t\tlogin: username,\r\n\t\t});\r\n\t\tyield put(push(location ? `${location.pathname}${location.search}` : '/dashboard'));\r\n\t\tyield put(actions.sendPingAuthRequest());\r\n\t} catch (error) {\r\n\t\tcaptureError(error);\r\n\t\tconsole.log(error);\r\n\t}\r\n}\r\n\r\nfunction* widgetTokenUpdateSaga({ payload }) {\r\n\ttry {\r\n\t\tconst hasToken = payload && payload.token\r\n\t\tcabinetLog(hasToken? 'has token' : 'no token');\r\n\r\n\t\tglobalState.localToken = payload?.token;\r\n\r\n\t\tif (hasToken) {\r\n\t\t\tconst person = payload.session && payload.session.person;\r\n\t\t\tconst loginFromJwt = person && (\r\n\t\t\t\tperson.login\r\n\t\t\t\t|| person.email\r\n\t\t\t\t|| (person.verifiedPhone && person.verifiedPhone.replace(new RegExp('\\\\D', 'g'), ''))\r\n\t\t\t);\r\n\t\t\tcabinetLog('clients', globalState.loginFromJwt, loginFromJwt);\r\n\r\n\t\t\t// если повторно пришел тот же токен, то можно не реагировать\r\n\t\t\tif (globalState.loginFromJwt === loginFromJwt) return;\r\n\t\t\t\r\n\t\t\tglobalState.loginFromJwt = loginFromJwt;\r\n\t\t\twindow.Raven.setUserContext({ login: loginFromJwt });\r\n\t\t\r\n\t\t\t// предыдущего пользователя выбрасываем на всякий случай (есть он или нет)\r\n\t\t\tyield callApi(logout);\r\n\r\n\t\t\tconst loginResponse = yield callApi(loginWidget, globalState.localToken);\r\n\r\n\t\t\tif (!loginResponse.data.Success)\r\n\t\t\t{\r\n\t\t\t\tthrow new Error('Server error');\r\n\t\t\t}\r\n\t\r\n\t\t\tconst afterAuthUrl = yield select(auth.selectors.afterAuthUrl);\r\n\t\t\tconst location = yield select(state => state.router.location);\r\n\t\t\tconst nextRoute = afterAuthUrl || location.pathname;\r\n\t\t\tcabinetLog('push on ', nextRoute);\r\n\t\t\tyield put(push(nextRoute));\r\n\r\n\t\t} else {\r\n\t\t\t// если повторно пустой токен, то пропускаем\r\n\t\t\tif (!globalState.loginFromJwt) return;\r\n\r\n\t\t\tglobalState.loginFromJwt = null;\r\n\t\t\twindow.Raven.setUserContext();\r\n\r\n\t\t\tyield put(auth.actions.logout());\r\n\r\n\t\t\tconst location = yield select(state => state.router.location);\r\n\r\n\t\t\tcabinetLog(location.pathname)\r\n\t\t\tif (!location.pathname.startsWith('/reset')) {\r\n\t\t\t\tcabinetLog('push on /login');\r\n\t\t\t\tyield put(push('/login'));\r\n\t\t\t} else {\r\n\t\t\t\thistory.push(location.pathname);\r\n\t\t\t}\r\n\t\t}\r\n\t} catch (err) {\r\n\t\tif (err.message === 'Server error') {\r\n\t\t\tcaptureException('Authorization error', err);\r\n\r\n\t\t\tconst effects = [\r\n\t\t\t\tcall(TxGlobalAuth.loseClientAuthorization),\r\n\t\t\t\tput(actions.logoutSuccess()),\r\n\t\t\t\tput(snackbar.actions.showErrorMessage({\r\n\t\t\t\t\ttitle: 'Authorization error',\r\n\t\t\t\t\ttext: 'Server error',\r\n\t\t\t\t})),\r\n\t\t\t];\r\n\r\n\t\t\tyield all(effects);\r\n\t\t} else {\r\n\t\t\tcaptureError(err);\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction* logoutSaga() {\r\n\ttry {\r\n\t\tglobalState.localToken = null;\r\n\t\tconst effects = [\r\n\t\t\tcallApi(logout),\r\n\t\t];\r\n\r\n\t\tif (!!env.signalRUrl) {\r\n\t\t\teffects.push(put(signalR.actions.disconnectSignalR()));\r\n\t\t}\r\n\r\n\t\tif (!env.useLocalAuth) {\r\n\t\t\teffects.push(call(TxGlobalAuth.loseClientAuthorization));\r\n\t\t}\r\n\r\n\t\tyield all(effects);\r\n\r\n\t\t// важно сначала перейти на форму логина, а потом вызвать logoutSuccess (при котором чистятся стейты),\r\n\t\t// потому что иначе пустой стейт может привести к падению реакта\r\n\t\tyield put(push('/'));\r\n\t\tyield put(actions.logoutSuccess());\r\n\t} catch (error) {\r\n\t\tcaptureError(error);\r\n\t\tcabinetLog(error);\r\n\t}\r\n}\r\n\r\nfunction* continueDemoUserRegistrationRequestSaga() {\r\n\tyield BaseGetSagaHandler({\r\n\t\tapiMethod: continueDemoUserRegistration,\r\n\t\terrorText: 'Demo Account',\r\n\t\thandler: actions.continueDemoUserRegistration,\r\n\t}, {});\r\n}\r\n\r\nfunction* continueDemoUserRegistrationSuccessSaga({ payload }) {\r\n\tif (payload.response.RedirectLink) {\r\n\t\twindow.location.href = payload.response.RedirectLink;\r\n\t}\r\n}\r\n\r\nfunction* checkAuthRequestSaga() {\r\n\ttry {\r\n\t\tconst response = yield callApi(pingauth);\r\n\r\n\t\tif (response.data.Success || response.data.Errors[0].Code === 'Authorized')\r\n\t\t{\r\n\t\t\tyield put(actions.checkAuth.success());\r\n\t\t\tyield put(actions.loginLocal({ username: response.data.Login, token: response.data.SignalRToken }));\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t\r\n\t\tglobalState.localToken = null;\r\n\t\tyield put (actions.checkAuth.failure());\r\n\t\twindow.Raven.setUserContext();\r\n\t\tyield put(push('/login'));\r\n\r\n\t} catch (error) {\r\n\t\tcaptureError(error);\r\n\t\tcabinetLog(error);\r\n\t\tyield put (actions.checkAuth.failure());\r\n\t\tglobalState.localToken = null;\r\n\t\twindow.Raven.setUserContext();\r\n\t\tyield put(push('/login'));\r\n\t}\r\n}\r\n\r\nfunction* pingAuthRequestSaga() {\r\n\tyield delay(30 * 1000);\r\n\tif (!globalState.localToken) {\r\n\t\treturn;\r\n\t}\r\n\r\n\ttry {\r\n\t\tconst response = yield callApi(pingauth);\r\n\t\tif (!response.data.Success) {\r\n\t\t\tif (response.data.Errors[0].Code !== 'Authorized') {\r\n\t\t\t\t// Никаких вызовов не требуется, т.к при обработке callApi итак вызывается разлогин\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t}\r\n\t\tyield put(actions.sendPingAuthRequest());\r\n\t} catch (error) {\r\n\t\tcaptureError(error);\r\n\t\tcabinetLog(error);\r\n\t}\r\n}\r\n\r\nfunction* autologinRequestSaga({ payload: { autologin } }) {\r\n\ttry {\r\n\t\tconst response = yield callApi(autologon, autologin);\r\n\t\tif (!response.data.Success) {\r\n\t\t\tif (response.data.Errors[0].Code === 'Authorized') {\r\n\t\t\t\tconst userInfo = yield select(userAccounts.selectors.userInfo);\r\n\t\t\t\tyield put(actions.login(userInfo.Login));\r\n\t\t\t\tcabinetLog('success auth', response.data);\r\n\t\t\t\tyield put(auth.actions.loginLocal({ username: userInfo.Login, token: response.data.SignalRToken }));\r\n\t\t\t} else {\r\n\t\t\t\tglobalState.localToken = null;\r\n\t\t\t\twindow.Raven.setUserContext();\r\n\t\t\t\tyield put(push('/login'));\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tcabinetLog('success auth', response.data);\r\n\t\t\tyield put(auth.actions.loginLocal({ username: response.data.Login, token: response.data.SignalRToken }));\r\n\t\t}\r\n\t} catch (error) {\r\n\t\tcaptureError(error);\r\n\t\tcabinetLog(error);\r\n\t\tglobalState.localToken = null;\r\n\t\twindow.Raven.setUserContext();\r\n\t\tyield put(push('/login'));\r\n\t}\r\n}\r\nfunction* autologinDemoRequestSaga({ payload: { authdemoid,\tauthtoken,\texpired} }) {\r\n\ttry {\r\n\t\tconst response = yield callApi(autologondemo, authdemoid,\tauthtoken,\texpired);\r\n\t\tif (!response.data.Success) {\r\n\t\t\tif (response.data.Errors[0].Code === 'Authorized') {\r\n\t\t\t\tconst userInfo = yield select(userAccounts.selectors.userInfo);\r\n\t\t\t\tyield put(actions.login(userInfo.Login));\r\n\t\t\t\tcabinetLog('success auth', response.data);\r\n\t\t\t\tyield put(auth.actions.loginLocal({ username: userInfo.Login, token: response.data.SignalRToken }));\r\n\t\t\t} else {\r\n\t\t\t\tglobalState.localToken = null;\r\n\t\t\t\twindow.Raven.setUserContext();\r\n\t\t\t\tyield put(push('/login'));\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tcabinetLog('success auth', response.data);\r\n\t\t\tyield put(auth.actions.loginLocal({ username: response.data.Login, token: response.data.SignalRToken }));\r\n\t\t}\r\n\t} catch (error) {\r\n\t\tcaptureError(error);\r\n\t\tcabinetLog(error);\r\n\t\tglobalState.localToken = null;\r\n\t\twindow.Raven.setUserContext();\r\n\t\tyield put(push('/login'));\r\n\t}\r\n}\r\n\r\n\r\nfunction* sendConfirmationCodeRequestSaga({ payload: { phone, reason } }) {\r\n\ttry {\r\n\t\tconst request = yield callApi(sendconfirmationcode, phone, reason);\r\n\t\tif (!request.data.Success) {\r\n\t\t\tyield put(actions.sendConfirmationCodeFailure(request.data.Errors[0].Message));\r\n\t\t\tyield put(snackbar.actions.showErrorMessage({ title: 'Send Confirmation Code', text: request.data.Errors[0].Message }));\r\n\t\t} else {\r\n\t\t\tyield put(actions.sendConfirmationCodeSuccess());\r\n\t\t}\r\n\t} catch (error) {\r\n\t\tcaptureError(error);\r\n\t\tyield put(actions.sendConfirmationCodeFailure(error));\r\n\t}\r\n}\r\n\r\nfunction* sendEmailConfirmationCodeRequestSaga({ payload: { email, reason } }) {\r\n\ttry {\r\n\t\tconst request = yield callApi(sendemailconfirmationcode, email, reason);\r\n\t\tif (!request.data.Success) {\r\n\t\t\tyield put(actions.sendEmailConfirmationCodeFailure(request.data.Errors[0].Message));\r\n\t\t\tyield put(snackbar.actions.showErrorMessage({ title: 'Send Confirmation Code', text: request.data.Errors[0].Message }));\r\n\t\t} else {\r\n\t\t\tyield put(actions.sendEmailConfirmationCodeSuccess());\r\n\t\t}\r\n\t} catch (error) {\r\n\t\tcaptureError(error);\r\n\t\tyield put(actions.sendEmailConfirmationCodeFailure(error));\r\n\t}\r\n}\r\n\r\nfunction* getConfirmationCodeSettingsSaga({ payload }) {\r\n\tyield BaseGetSagaHandler({\r\n\t\tapiMethod: getconfirmationcodesettings,\r\n\t\terrorText: 'Get confirmation code settings',\r\n\t\thandler: actions.getConfirmationCodeSettings,\r\n\t}, { payload });\r\n}\r\n\r\n// Watchers\r\nfunction* watchLoginLocal() {\r\n\tyield takeEvery(actions.LOGIN_LOCAL, loginLocalSaga);\r\n}\r\n\r\nfunction* watchLogin() {\r\n\tyield takeEvery(actions.WIDGET_TOKEN_UPDATE, widgetTokenUpdateSaga);\r\n}\r\nfunction* watchLogout() {\r\n\tyield takeEvery(actions.LOGOUT, logoutSaga);\r\n}\r\nfunction* watchcheckAuthRequest() {\r\n\tyield takeEvery(actions.checkAuth.REQUEST, checkAuthRequestSaga);\r\n}\r\nfunction* watchAutologinRequest() {\r\n\tyield takeEvery(actions.AUTOLOGIN_REQUEST, autologinRequestSaga);\r\n}\r\nfunction* watchAutologinDemoRequest() {\r\n\tyield takeEvery(actions.AUTOLOGINDEMO_REQUEST, autologinDemoRequestSaga);\r\n}\r\nfunction* watchSendConfirmationCodeRequest() {\r\n\tyield takeEvery(actions.SEND_CONFIRMATION_CODE_REQUEST, sendConfirmationCodeRequestSaga);\r\n}\r\nfunction* watchEmailSendConfirmationCodeRequest() {\r\n\tyield takeEvery(actions.SEND_EMAIL_CONFIRMATION_CODE_REQUEST, sendEmailConfirmationCodeRequestSaga);\r\n}\r\nfunction* watchPingAuthRequest() {\r\n\tyield takeEvery(actions.SEND_PING_AUTH_REQUEST, pingAuthRequestSaga);\r\n}\r\n\r\nfunction* watchGetConfirmationCodeSettingsRequest() {\r\n\tyield takeEvery(actions.getConfirmationCodeSettings.REQUEST, getConfirmationCodeSettingsSaga);\r\n}\r\n\r\nfunction* watchDemoToAnketaRedirectRequest() {\r\n\tyield takeEvery(actions.continueDemoUserRegistration.REQUEST, continueDemoUserRegistrationRequestSaga);\r\n}\r\n\r\nfunction* watchDemoToAnketaRedirectSuccess() {\r\n\tyield takeEvery(actions.continueDemoUserRegistration.SUCCESS, continueDemoUserRegistrationSuccessSaga);\r\n}\r\n\r\n// Root saga\r\nconst rootSaga = [\r\n\tfork(watchLoginLocal),\r\n\tfork(watchLogin),\r\n\tfork(watchLogout),\r\n\tfork(watchcheckAuthRequest),\r\n\tfork(watchAutologinRequest),\r\n\tfork(watchAutologinDemoRequest),\r\n\tfork(watchSendConfirmationCodeRequest),\r\n\tfork(watchEmailSendConfirmationCodeRequest),\r\n\tfork(watchPingAuthRequest),\r\n\tfork(watchGetConfirmationCodeSettingsRequest),\r\n\tfork(watchDemoToAnketaRedirectRequest),\r\n\tfork(watchDemoToAnketaRedirectSuccess),\r\n];\r\n\r\nexport default {\r\n\trootSaga,\r\n\tpingAuthRequestSaga,\r\n};\r\n","\r\nimport { initialFundingInfo } from './reducer';\r\n\r\nexport default {\r\n\tgetAccountFundingInfo: state => (tradeCode, currency) =>\r\n\t\tstate.depositFunds.accountFundingInfo\r\n\t\t\t.find(x => x.tradeCode === tradeCode && x.currency === (currency || '')) || initialFundingInfo,\r\n};\r\n","import { fork, takeEvery } from 'redux-saga/effects';\r\nimport { getAccountFundingInfo } from '@api';\r\nimport { BaseGetSagaHandler } from '@redux';\r\nimport actions from './actions';\r\n\r\nfunction* getAccountFundingInfoSagaHandler({ payload }) {\r\n\tconst isSuccess = yield BaseGetSagaHandler(\r\n\t\t{\r\n\t\t\tapiMethod: getAccountFundingInfo,\r\n\t\t\terrorText: 'Get Funding Info',\r\n\t\t\thandler: actions.getAccountFundingInfo,\r\n\t\t},\r\n\t\t{ payload },\r\n\t);\r\n}\r\n\r\n// Watchers\r\nfunction* watchGetAccountFundingInfo() {\r\n\tyield takeEvery(actions.getAccountFundingInfo.REQUEST, getAccountFundingInfoSagaHandler);\r\n}\r\n\r\n// Root saga\r\nconst rootSaga = [\r\n\tfork(watchGetAccountFundingInfo),\r\n];\r\n\r\nexport default {\r\n\trootSaga,\r\n};\r\n","import actions from './actions';\r\nimport { auth } from '@redux';\r\n\r\nconst initialState = {\r\n\tmessageIsOpen: false,\r\n};\r\n\r\nexport default (state = initialState, { type, payload }) => {\r\n\tswitch (type) {\r\n\t\tcase actions.SHOW_MESSAGE_MODAL:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tmessageIsOpen: true,\r\n\t\t\t};\r\n\t\t\r\n\t\tcase actions.HIDE_MESSAGE_MODAL:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tmessageIsOpen: false,\r\n\t\t\t}\r\n\t\tcase actions.getNotifications.SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tlastLoadedNotifications: {\r\n\t\t\t\t\tunreadCount: payload.response.UnreadMessagesCount,\r\n\t\t\t\t\tnotifications: payload.response.Notifications.map(x => ({...x, MessageDate: x.MessageDate })),\r\n\t\t\t\t\tpaginationState: {\r\n\t\t\t\t\t\tpage: payload.response.Pagination.Page,\r\n\t\t\t\t\t\tpagesCount: payload.response.Pagination.PagesCount,\r\n\t\t\t\t\t\tpageSize: payload.response.Pagination.PageSize,\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\t\r\n\t\tcase actions.getBanners.SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tbanners: payload.response.Banners,\r\n\t\t\t}\r\n\r\n\t\tcase actions.reloadNotifications.SET_HANDLER: \r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\treloadNotificationsHandler: payload.handler,\r\n\t\t\t}\r\n\r\n\t\tcase auth.actions.LOGOUT:\r\n\t\t\treturn {\r\n\t\t\t\t...initialState,\r\n\t\t\t};\r\n\r\n\t\tdefault:\r\n\t\t\treturn state;\r\n\t}\r\n};\r\n","import { fork, takeEvery, put, select, call } from 'redux-saga/effects';\r\nimport { push } from 'connected-react-router';\r\nimport { BaseGetSagaHandler } from '@redux';\r\nimport { getNotifications, getBanners } from '@api';\r\nimport { ModalPopups } from '@enums';\r\nimport { addHashToUrl, removeHashFromUrl } from '@global';\r\nimport actions from './actions';\r\n\r\nfunction* getNotificationsRequestSaga({ payload: { page, pageSize } }) {\r\n\tyield BaseGetSagaHandler({\r\n\t\tapiMethod: getNotifications,\r\n\t\terrorText: 'Get notifications',\r\n\t\thandler: actions.getNotifications,\r\n\t}, { payload: { currentPage: page, pageSize: pageSize } });\r\n}\r\n\r\nfunction* getBannersRequestSaga({ payload }) {\r\n\tyield BaseGetSagaHandler({\r\n\t\tapiMethod: getBanners,\r\n\t\terrorText: 'Get banners',\r\n\t\thandler: actions.getBanners,\r\n\t}, { payload });\r\n}\r\n\r\nfunction* showMessageModalRequestSaga() {\r\n\tconst location = yield select(state => state.router.location);\t\r\n\tyield put(push(addHashToUrl(location, ModalPopups.MESSAGE)));\r\n}\r\n\r\nfunction* hideMessageModal() {\r\n\tconst location = yield select(state => state.router.location);\r\n\tyield put(push(removeHashFromUrl(location, ModalPopups.MESSAGE)));\r\n}\r\n\r\nfunction* reloadNotifications() {\r\n\tconst handler = yield select(state => state.notifications.reloadNotificationsHandler);\r\n\r\n\tyield call(handler);\r\n}\r\n\r\nfunction* watchGetNotificationsRequest() {\r\n\tyield takeEvery(actions.getNotifications.REQUEST, getNotificationsRequestSaga);\r\n}\r\n\r\nfunction* watchGetBannersRequest() {\r\n\tyield takeEvery(actions.getBanners.REQUEST, getBannersRequestSaga);\r\n}\r\n\r\nfunction* watchShowMessageModalRequest() {\r\n\tyield takeEvery(actions.SHOW_MESSAGE_MODAL, showMessageModalRequestSaga);\r\n}\r\n\r\nfunction* watchHideMessageModal() {\r\n\tyield takeEvery(actions.HIDE_MESSAGE_MODAL, hideMessageModal);\r\n}\r\n\r\nfunction* watchReloadNotifications() {\r\n\tyield takeEvery(actions.reloadNotifications.CALL_HANDLER, reloadNotifications);\r\n}\r\n\r\n// Root saga\r\nconst rootSaga = [\r\n\tfork(watchGetNotificationsRequest),\r\n\tfork(watchShowMessageModalRequest),\r\n\tfork(watchHideMessageModal),\r\n\tfork(watchReloadNotifications),\r\n\tfork(watchGetBannersRequest),\r\n];\r\n\r\nexport default {\r\n\trootSaga,\r\n};\r\n","export default {\r\n\tmessageIsOpen: state => state.notifications.messageIsOpen,\r\n\tlastLoadedNotifications: state => state.notifications.lastLoadedNotifications,\r\n\tbanners: state => state.notifications.banners,\r\n};\r\n","import moment from 'moment';\r\nimport { ModalPopups, OperationType } from '@enums';\r\nimport actions from './actions';\r\nimport authActions from '../auth/actions';\r\n\r\nconst initialState = {\r\n\tsubmittingBaseData: false,\r\n\taccountInfo: {\r\n\t\tloading: true,\r\n\t\tfetchingAccountActivation: false,\r\n\t\tvalue: {\r\n\t\t\tPlatforms: {},\r\n\t\t\tTariffs: null,\r\n\t\t\tAccountName: '',\r\n\t\t\tStatus: {\r\n\t\t\t\tCanMarginUpgrade: false,\r\n\t\t\t\tIsClosed: false,\r\n\t\t\t\tIsDisabled: false,\r\n\t\t\t\tIsArchive: false,\r\n\t\t\t\tCanPlatformChange: false,\r\n\t\t\t},\r\n\t\t},\r\n\t},\r\n\tcurrentAccount: '',\r\n\tcurrentClearer: '',\r\n\tcurrentAccountData: {\r\n\t\tsubmitting: true,\r\n\t\tportfolio: [],\r\n\t\tbaseParams: null,\r\n\t},\r\n\treportsAndConfirmations: {\r\n\t\tloading: true,\r\n\t\tUrl: null,\r\n\t\tDocuments: [],\r\n\t\tTransmissions: [],\r\n\t},\r\n\tcharts: {},\r\n\taccounts: [],\r\n\tcashActivities: {\r\n\t\tloading: false,\r\n\t\tdates: {\r\n\t\t\tStartDate: new Date(moment().year(), moment().month() - 2, moment().date()),\r\n\t\t\tEndDate: new Date(),\r\n\t\t},\r\n\t\ttype: OperationType.ALL,\r\n\t\ttradeCodes: null,\r\n\t\tpagination: {\r\n\t\t\tPage: 1,\r\n\t\t},\r\n\t\titems: [],\r\n\t},\r\n\tnonTraidingActivities: {\r\n\t\tloading: true,\r\n\t\tdates: {\r\n\t\t\tStartDate: new Date(moment().year(), moment().month() - 2, moment().date()),\r\n\t\t\tEndDate: new Date(),\r\n\t\t},\r\n\t\ttype: OperationType.ALL,\r\n\t\ttradeCodes: null,\r\n\t\tpagination: {\r\n\t\t\tPage: 1,\r\n\t\t},\r\n\t\titems: [],\r\n\t},\r\n\tuserInfo: {\r\n\t\tsubmitting: false,\r\n\t},\r\n\tmodals: {},\r\n\trates: {},\r\n\tlimeTraderAccountInfo: {\r\n\t\tloading: false,\r\n\t\tdata: null,\r\n\t},\r\n};\r\n\r\nexport default (state = initialState, { type, payload }) => {\r\n\tswitch (type) {\r\n\t\tcase actions.activateAccount.REQUEST:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\taccountInfo: {\r\n\t\t\t\t\t...state.accountInfo,\r\n\t\t\t\t\tfetchingAccountActivation: true,\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\tcase actions.activateAccount.SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\taccountInfo: {\r\n\t\t\t\t\t...state.accountInfo,\r\n\t\t\t\t\tfetchingAccountActivation: false,\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\tcase actions.activateAccount.FAILURE:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\taccountInfo: {\r\n\t\t\t\t\t...state.accountInfo,\r\n\t\t\t\t\tfetchingAccountActivation: false,\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\tcase actions.getUserInfo.REQUEST:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tuserInfo: {\r\n\t\t\t\t\t...state.userInfo,\r\n\t\t\t\t\tsubmitting: true,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getUserInfo.SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tuserInfo: {\r\n\t\t\t\t\t...payload.response.UserInfo,\r\n\t\t\t\t\tsubmitting: false,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getUserInfo.FAILURE:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tuserInfo: {\r\n\t\t\t\t\t...state.userInfo,\r\n\t\t\t\t\tsubmitting: false,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.GET_ACCOUNTS_REQUEST:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tsubmittingBaseData: true,\r\n\t\t\t};\r\n\t\tcase actions.GET_ACCOUNTS_SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\t...payload,\r\n\t\t\t\tsubmittingBaseData: false,\r\n\t\t\t};\r\n\t\tcase actions.GET_ACCOUNTS_FAILURE:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\t...payload,\r\n\t\t\t\tsubmittingBaseData: false,\r\n\t\t\t};\r\n\r\n\t\tcase actions.SET_CURRENT_ACCOUNT:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tsubmittingBaseData: true,\r\n\t\t\t\tcurrentAccount: payload.account.TradeCode,\r\n\t\t\t\tcurrentClearer: payload.account.ClearerFirm || payload.account.ClearingFirm,\r\n\t\t\t\tcurrentAccountIsDemo: payload.account.IsDemo,\r\n\t\t\t\tcurrentAccountData: {\r\n\t\t\t\t\t...initialState.currentAccountData,\r\n\t\t\t\t},\r\n\t\t\t\taccountInfo: {\r\n\t\t\t\t\t...initialState.accountInfo,\r\n\t\t\t\t},\r\n\t\t\t\tcharts: {},\r\n\t\t\t\tcashActivities: {\r\n\t\t\t\t\t...initialState.cashActivities,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.GET_CURRENT_ACCOUNT_BASE_DATA_SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tsubmittingBaseData: false,\r\n\t\t\t};\r\n\r\n\t\tcase actions.REFRESH_REPORTS_AND_CONFIRMATIONS_REQUEST:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\treportsAndConfirmations: {\r\n\t\t\t\t\t...state.reportsAndConfirmations,\r\n\t\t\t\t\tloading: true,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.REFRESH_REPORTS_AND_CONFIRMATIONS_SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\treportsAndConfirmations: {\r\n\t\t\t\t\t...payload,\r\n\t\t\t\t\tloading: false,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.REFRESH_REPORTS_AND_CONFIRMATIONS_FAILURE:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\treportsAndConfirmations: {\r\n\t\t\t\t\t...state.reportsAndConfirmations,\r\n\t\t\t\t\tloading: false,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\r\n\t\tcase actions.getAccountPortfolio.REQUEST:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tcurrentAccountData: {\r\n\t\t\t\t\t...initialState.currentAccountData,\r\n\t\t\t\t\tsubmitting: true,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.SET_ACCOUNT_BASE_PARAMS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tcurrentAccountData: {\r\n\t\t\t\t\t...state.currentAccountData,\r\n\t\t\t\t\t...payload.response,\r\n\t\t\t\t\tbaseParams: {\r\n\t\t\t\t\t\t...state.currentAccountData.baseParams,\r\n\t\t\t\t\t\t...payload.response.baseParams,\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getAccountPortfolio.SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tcurrentAccountData: {\r\n\t\t\t\t\t...state.currentAccountData,\r\n\t\t\t\t\t...payload.response,\r\n\t\t\t\t\tbaseParams: {\r\n\t\t\t\t\t\t...payload.response.baseParams,\r\n\t\t\t\t\t\tMarketValue: payload.response.portfolio?.Positions?.reduce((sum, it) => sum + it.MarketValue, 0),\r\n\t\t\t\t\t},\r\n\t\t\t\t\tsubmitting: false,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getAccountPortfolio.FAILURE:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tcurrentAccountData: {\r\n\t\t\t\t\t...state.currentAccountData,\r\n\t\t\t\t\tsubmitting: false,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getTradeSystemCredentials.REQUEST:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\ttradeSystemCredentialsRequest: {\r\n\t\t\t\t\tsubmitting: true,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getTradeSystemCredentials.SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\ttradeSystemCredentialsRequest: {\r\n\t\t\t\t\t...payload.response,\r\n\t\t\t\t\tRequestDate: new Date(),\r\n\t\t\t\t\tsubmitting: false,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getTradeSystemCredentials.FAILURE:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\ttradeSystemCredentialsRequest: null,\r\n\t\t\t};\r\n\t\tcase actions.GET_ACCOUNT_INFO_REQUEST:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\taccountInfo: {\r\n\t\t\t\t\t...initialState.accountInfo,\r\n\t\t\t\t\tloading: true,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.GET_ACCOUNT_INFO_SUCCESS: {\r\n\t\t\tconst { Success, ...accInfo } = payload;\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\taccountInfo: {\r\n\t\t\t\t\t...state.accountInfo,\r\n\t\t\t\t\tvalue: accInfo,\r\n\t\t\t\t\tloading: false,\r\n\t\t\t\t\tSuccess,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\t}\r\n\t\tcase actions.GET_ACCOUNT_INFO_FAILURE:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\taccountInfo: {\r\n\t\t\t\t\t...state.accountInfo,\r\n\t\t\t\t\tloading: false,\r\n\t\t\t\t\tSuccess: false,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\r\n\t\tcase actions.getAllAccountsInfo.REQUEST:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tallAccountsInfo: {\r\n\t\t\t\t\t...initialState.accountInfo,\r\n\t\t\t\t\tloading: true,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getAllAccountsInfo.SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tallAccountsInfo: {\r\n\t\t\t\t\t...payload,\r\n\t\t\t\t\tloading: false,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getAllAccountsInfo.FAILURE:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tallAccountsInfo: {\r\n\t\t\t\t\t...initialState.accountInfo,\r\n\t\t\t\t\tloading: false,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getTransactionsHistory.REQUEST:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tcashActivities: (payload.Page === 1) ? {\r\n\t\t\t\t\t...initialState.cashActivities,\r\n\t\t\t\t\tloading: true,\r\n\t\t\t\t\ttype: payload.Type,\r\n\t\t\t\t\tdates: {\r\n\t\t\t\t\t\tStartDate: payload.StartDate,\r\n\t\t\t\t\t\tEndDate: payload.EndDate\r\n\t\t\t\t\t}\r\n\t\t\t\t} : {\r\n\t\t\t\t\t...state.cashActivities,\r\n\t\t\t\t\tloading: true,\r\n\t\t\t\t\ttype: payload.Type,\r\n\t\t\t\t\tdates: {\r\n\t\t\t\t\t\tStartDate: payload.StartDate,\r\n\t\t\t\t\t\tEndDate: payload.EndDate\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getTransactionsHistory.SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tcashActivities: {\r\n\t\t\t\t\t...state.cashActivities,\r\n\t\t\t\t\tloading: false,\r\n\t\t\t\t\tpagination: {\r\n\t\t\t\t\t\t...payload.request,\r\n\t\t\t\t\t},\r\n\t\t\t\t\titems: [\r\n\t\t\t\t\t\t...state.cashActivities.items,\r\n\t\t\t\t\t\t...payload.response.Items,\r\n\t\t\t\t\t],\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getTransactionsHistory.FAILURE:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tcashActivities: {\r\n\t\t\t\t\t...state.cashActivities,\r\n\t\t\t\t\tloading: false,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\r\n\r\n\t\tcase actions.getMoneyTransactionsHistory.REQUEST:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tcashActivities: (payload.Page === 1) ? {\r\n\t\t\t\t\t...initialState.cashActivities,\r\n\t\t\t\t\tloading: true,\r\n\t\t\t\t\ttype: payload.Type,\r\n\t\t\t\t\ttradeCodes: payload.TradeCodes,\r\n\t\t\t\t\tdates: {\r\n\t\t\t\t\t\tStartDate: payload.StartDate,\r\n\t\t\t\t\t\tEndDate: payload.EndDate\r\n\t\t\t\t\t}\r\n\t\t\t\t} : {\r\n\t\t\t\t\t...state.cashActivities,\r\n\t\t\t\t\tloading: true,\r\n\t\t\t\t\ttype: payload.Type,\r\n\t\t\t\t\ttradeCodes: payload.TradeCodes,\r\n\t\t\t\t\tdates: {\r\n\t\t\t\t\t\tStartDate: payload.StartDate,\r\n\t\t\t\t\t\tEndDate: payload.EndDate\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getMoneyTransactionsHistory.SUCCESS:\r\n\t\t\tconst items = payload.request.Page === 1 \r\n\t\t\t\t? [...payload.response.Items] \r\n\t\t\t\t: [\r\n\t\t\t\t\t...state.cashActivities.items,\r\n\t\t\t\t\t...payload.response.Items,\r\n\t\t\t\t];\r\n\t\t\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tcashActivities: {\r\n\t\t\t\t\t...state.cashActivities,\r\n\t\t\t\t\tloading: false,\r\n\t\t\t\t\tpagination: {\r\n\t\t\t\t\t\t...payload.request,\r\n\t\t\t\t\t},\r\n\t\t\t\t\titems: items\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getMoneyTransactionsHistory.FAILURE:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tcashActivities: {\r\n\t\t\t\t\t...state.cashActivities,\r\n\t\t\t\t\tloading: false,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\r\n\t\tcase actions.getNonTradingOrdersHistory.REQUEST:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tnonTraidingActivities: (payload.Page === 1) ? {\r\n\t\t\t\t\t...initialState.nonTraidingActivities,\r\n\t\t\t\t\ttype: payload.Type,\r\n\t\t\t\t\ttradeCodes: payload.TradeCodes,\r\n\t\t\t\t\tdates: {\r\n\t\t\t\t\t\tStartDate: payload.StartDate,\r\n\t\t\t\t\t\tEndDate: payload.EndDate\r\n\t\t\t\t\t}\r\n\t\t\t\t} : {\r\n\t\t\t\t\t...state.nonTraidingActivities,\r\n\t\t\t\t\tloading: true,\r\n\t\t\t\t\ttype: payload.Type,\r\n\t\t\t\t\ttradeCodes: payload.TradeCodes,\r\n\t\t\t\t\tdates: {\r\n\t\t\t\t\t\tStartDate: payload.StartDate,\r\n\t\t\t\t\t\tEndDate: payload.EndDate\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getNonTradingOrdersHistory.SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tnonTraidingActivities: {\r\n\t\t\t\t\t...state.nonTraidingActivities,\r\n\t\t\t\t\tloading: false,\r\n\t\t\t\t\tpagination: {\r\n\t\t\t\t\t\t...payload.request,\r\n\t\t\t\t\t},\r\n\t\t\t\t\titems: [\r\n\t\t\t\t\t\t...state.nonTraidingActivities.items,\r\n\t\t\t\t\t\t...payload.response.Items,\r\n\t\t\t\t\t],\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getNonTradingOrdersHistory.FAILURE:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tnonTraidingActivities: {\r\n\t\t\t\t\t...state.nonTraidingActivities,\r\n\t\t\t\t\tloading: false,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\r\n\t\tcase actions.CLEAR_TRANSACTIONS_HISTORY:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tcashActivities: {\r\n\t\t\t\t\t...state.cashActivities,\r\n\t\t\t\t\tloading: false,\r\n\t\t\t\t\tpagination: {},\r\n\t\t\t\t\titems: [],\r\n\t\t\t\t},\r\n\t\t\t};\r\n\r\n\t\tcase actions.getAccountCharts.SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tcharts: { ...payload },\r\n\t\t\t};\r\n\t\tcase authActions.LOGOUT_SUCCESS:\r\n\t\t\treturn { ...initialState };\r\n\r\n\t\tcase actions.addDemoAccount.REQUEST:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tsubmittingBaseData: true,\r\n\t\t\t};\r\n\t\tcase actions.addDemoAccount.SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tsubmittingBaseData: false,\r\n\t\t\t};\r\n\t\tcase actions.addDemoAccount.FAILURE:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tsubmittingBaseData: false,\r\n\t\t\t};\r\n\t\tcase actions.HIDE_USERACCOUNTS_MODAL:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tmodals: {\r\n\t\t\t\t\t...state.modals,\r\n\t\t\t\t\t[payload]: undefined,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.SHOW_REPORTS_MODAL:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tmodals: {\r\n\t\t\t\t\t...state.modals,\r\n\t\t\t\t\t[ModalPopups.REPORTS]: payload,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.SHOW_J2TX_CHANGE_CURRENCY_MODAL:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tmodals: {\r\n\t\t\t\t\t...state.modals,\r\n\t\t\t\t\t[ModalPopups.J2TX_CHANGE_CURRENCY]: payload,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\r\n\t\tcase actions.SHOW_TRANSFER_WALLET_TO_MT5_MODAL:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tmodals: {\r\n\t\t\t\t\t...state.modals,\r\n\t\t\t\t\t[ModalPopups.TRANSFER_WALLET_TO_MT5]: payload,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\r\n\t\tcase actions.SHOW_TRANSFER_MT5_TO_WALLET_MODAL:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tmodals: {\r\n\t\t\t\t\t...state.modals,\r\n\t\t\t\t\t[ModalPopups.TRANSFER_MT5_TO_WALLET]: payload,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\r\n\t\tcase actions.SHOW_TRANSFER_STAKING_TO_WALLET_MODAL:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tmodals: {\r\n\t\t\t\t\t...state.modals,\r\n\t\t\t\t\t[ModalPopups.TRANSFER_STAKING_TO_WALLET]: payload,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\r\n\t\tcase actions.SHOW_TRANSFER_WALLET_TO_STAKING_MODAL:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tmodals: {\r\n\t\t\t\t\t...state.modals,\r\n\t\t\t\t\t[ModalPopups.TRANSFER_WALLET_TO_STAKING]: payload,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\r\n\r\n\t\tcase actions.SHOW_J2TX_MT5_WITHDRAWAL_MODAL:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tmodals: {\r\n\t\t\t\t\t...state.modals,\r\n\t\t\t\t\t[ModalPopups.J2TX_MT5_WITHDRAWAL]: payload,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\r\n\t\tcase actions.SHOW_J2TX_WALLET_WITHDRAWAL_MODAL:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tmodals: {\r\n\t\t\t\t\t...state.modals,\r\n\t\t\t\t\t[ModalPopups.J2TX_WALLET_WITHDRAWAL]: payload,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\r\n\t\tcase actions.getExchangeRate.REQUEST:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\trates: {\r\n\t\t\t\t\t...payload,\r\n\t\t\t\t\tloading: true,\r\n\t\t\t\t\tsuccess: undefined,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getExchangeRate.SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\trates: {\r\n\t\t\t\t\t...payload,\r\n\t\t\t\t\tloading: false,\r\n\t\t\t\t\tsuccess: true,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getExchangeRate.FAILURE:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\trates: {\r\n\t\t\t\t\t...state.rates,\r\n\t\t\t\t\tloading: false,\r\n\t\t\t\t\tsuccess: false,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getLimeTraderAccountInfo.REQUEST:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tlimeTraderAccountInfo: {\r\n\t\t\t\t\t...state.limeTraderAccountInfo,\r\n\t\t\t\t\tloading: true,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getLimeTraderAccountInfo.SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tlimeTraderAccountInfo: {\r\n\t\t\t\t\t...state.limeTraderAccountInfo,\r\n\t\t\t\t\tdata: {\r\n\t\t\t\t\t\tAccountCategory: payload.response.AccountCategory,\r\n\t\t\t\t\t\tTradingStrategiesAvailable: payload.response.TradingStrategiesAvailable,\r\n\t\t\t\t\t\tLeverageAvailable: payload.response.LeverageAvailable,\r\n\t\t\t\t\t},\r\n\t\t\t\t\tloading: false,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.getLimeTraderAccountInfo.FAILURE:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tlimeTraderAccountInfo: {\r\n\t\t\t\t\t...state.limeTraderAccountInfo,\r\n\t\t\t\t\tloading: false,\r\n\t\t\t\t\tdata: null,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.SHOW_ORDER_CANCEL_MODAL:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\torderCancelModalData: {\r\n\t\t\t\t\tisVisible: true,\r\n\t\t\t\t\t...payload,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.HIDE_ORDER_CANCEL_MODAL:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\torderCancelModalData: {\r\n\t\t\t\t\tisVisible: false,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.SHOW_NON_TRADING_FREE_FORM_ORDER_MODAL:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tmodals: {\r\n\t\t\t\t\t...state.modals,\r\n\t\t\t\t\t[ModalPopups.CY_NON_TRADING_ORDER_COMMON]: payload,\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\tdefault:\r\n\t\t\treturn state;\r\n\t}\r\n};\r\n","import { all, fork, select, take, takeEvery, put, takeLatest } from 'redux-saga/effects';\r\nimport { push } from 'connected-react-router';\r\nimport moment from 'moment';\r\nimport { translate } from '@global';\r\nimport {\r\n\tBaseGetSagaHandler,\r\n\tcallApi,\r\n\talerts,\r\n\tsignature,\r\n\tsnackbar,\r\n\tuserAccounts,\r\n} from '@redux';\r\nimport {\r\n\tcancelOrder,\r\n\tchangeMtPassword,\r\n\tgetAccountCharts,\r\n\tgetAccounts,\r\n\tgetAccountInfo,\r\n\tgetAllAccountInfo,\r\n\tgetAccountPortfolio,\r\n\tgetTradeSystemCredentials,\r\n\tgetTransactionsHistory,\r\n\tgetMoneyTransactionHistory,\r\n\tgetNonTradingOrdersHistory,\r\n\tgetUserInfo,\r\n\trefreshReportsAndConfirmations,\r\n\taddDemoAccount,\r\n\tresetDemoAccount,\r\n\tgetExchangeRate,\r\n\tactivateAccount,\r\n\tgetLimeTraderAccountInfo,\r\n} from '@api';\r\nimport { constants, env } from '@config';\r\nimport { ModalPopups } from '@enums';\r\nimport {\r\n\taddHashToUrl,\r\n\tcabinetLog,\r\n\tcaptureException,\r\n\tremoveHashFromUrl,\r\n} from '@global';\r\nimport signatureActions from '../signature/actions';\r\nimport actions from './actions';\r\nimport selectors from './selectors';\r\n\r\nfunction* activateAccountRequestSaga({ payload: {tradeCode, onEndRequest} }) {\r\n\tconst isSuccess = yield BaseGetSagaHandler({\r\n\t\tapiMethod: activateAccount,\r\n\t\terrorText: translate('activate_account', 'Activate account'),\r\n\t\thandler: actions.activateAccount,\r\n\t\tonEndRequest,\r\n\t}, { payload: tradeCode });\r\n\r\n\tif (isSuccess) {\r\n\t\tyield put(actions.getAccountInfoRequest({ tradeCode }));\r\n\t\tyield put(snackbar.actions.showMessage({\r\n\t\t\ttitle: translate('activate_account', 'Activate account'),\r\n\t\t\ttext: translate('account_activation_request_accepted', 'Your request has been accepted. Please wait, it will be completed soon.'),\r\n\t\t\ttype: 'success',\r\n\t\t}));\r\n\t}\r\n}\r\n\r\nfunction* getExchangeRateRequestSaga(payload) {\r\n\ttry {\r\n\t\tconst response = yield callApi(getExchangeRate, payload.payload);\r\n\r\n\t\tif (!response.data.Success) {\r\n\t\t\tyield put(actions.getExchangeRate.failure({ ...response.data }));\r\n\t\t} else {\r\n\t\t\tyield put(actions.getExchangeRate.success({ ...response.data }));\r\n\t\t}\r\n\t\treturn true;\r\n\t} catch (error) {\r\n\t\tcaptureException('getExchangeRateRequestSaga', error);\r\n\t\tyield put(actions.getAccountsFailure(error.message));\r\n\t\tconsole.error(error);\r\n\t\tthrow error;\r\n\t}\r\n}\r\n\r\nfunction* getLimeTraderAccountInfoSaga(payload) {\r\n\tyield BaseGetSagaHandler({\r\n\t\tapiMethod: getLimeTraderAccountInfo,\r\n\t\terrorText: 'Lime Trader Account Info',\r\n\t\thandler: actions.getLimeTraderAccountInfo,\r\n\t}, { payload });\r\n}\r\nfunction* showOrderCancelModal() {\r\n\t// get current location\r\n\tconst location = yield select(state => state.router.location);\r\n\t// show modal\r\n\tyield put(push(addHashToUrl(location, ModalPopups.ORDER_CANCEL_MODAL)));\r\n}\r\n\r\nfunction* hideOrderCancelModal() {\r\n\t// get current location\r\n\tconst location = yield select(state => state.router.location);\r\n\t// show modal\r\n\tyield put(push(removeHashFromUrl(location, ModalPopups.ORDER_CANCEL_MODAL)));\r\n}\r\n\r\nfunction* getUserAccountsRequestSaga() {\r\n\ttry {\r\n\t\tconst response = yield callApi(getAccounts);\r\n\t\tif (!response.data.Success) {\r\n\t\t\tyield put(actions.getAccountsFailure(response.data.Errors[0]));\r\n\t\t\t// if (response.data.Errors[0].Code === 'Unauthorized') {\r\n\t\t\t// \treturn false;\r\n\t\t\t// }\r\n\t\t\t// throw (response.data.Errors[0].Message);\r\n\t\t} else {\r\n\t\t\tyield put(actions.getAccountsSuccess(response.data.Accounts));\r\n\t\t\tyield put(actions.getUserInfo.success({ response: response.data }));\r\n\t\t}\r\n\t\treturn true;\r\n\t} catch (error) {\r\n\t\tcaptureException('getUserAccountsRequestSaga', error);\r\n\t\tyield put(actions.getAccountsFailure(error.message));\r\n\t\tconsole.error(error);\r\n\t\tthrow error;\r\n\t}\r\n}\r\n\r\nfunction* setCurrentAccountSaga({\r\n\tpayload: {\r\n\t\taccount: { TradeCode, ClearingFirm },\r\n\t},\r\n}) {\r\n\tlocalStorage.setItem('curacc', TradeCode);\r\n\r\n\tyield put(actions.getCurrentAccountBaseDataRequest({\r\n\t\ttradeCode: TradeCode,\r\n\t\tclearerFirm: ClearingFirm,\r\n\t}));\r\n\r\n\tconst startDate = new Date(\r\n\t\tmoment().year(),\r\n\t\tmoment().month() - 2,\r\n\t\tmoment().date(),\r\n\t);\r\n\tconst endDate = new Date();\r\n\r\n\tconst isDemo = yield select(userAccounts.selectors.currentAccountIsDemo);\r\n\tif (!isDemo) {\r\n\t\tif ([constants.LIME_LME].some(x => x === env.firm)) {\r\n\t\t\tyield put(actions.getMoneyTransactionsHistory.request({\r\n\t\t\t\tTradeCodes: [TradeCode],\r\n\t\t\t\tStartDate: moment()\r\n\t\t\t\t\t.locale('en_GB')\r\n\t\t\t\t\t.startOf('day')\r\n\t\t\t\t\t.subtract(2, 'years')\r\n\t\t\t\t\t.format('YYYYMMDD'),\r\n\t\t\t\tEndDate: moment(endDate).locale('en_GB').format('YYYYMMDD'),\r\n\t\t\t\tPage: 1,\r\n\t\t\t}));\r\n\r\n\t\t\tyield put(actions.getNonTradingOrdersHistory.request({\r\n\t\t\t\tTradeCodes: [TradeCode],\r\n\t\t\t\tClearerFirm: ClearingFirm,\r\n\t\t\t\tStartDate: moment(startDate).locale('en_GB').format('YYYYMMDD'),\r\n\t\t\t\tEndDate: moment(endDate).locale('en_GB').format('YYYYMMDD'),\r\n\t\t\t\tPage: 1,\r\n\t\t\t}));\r\n\t\t} else if (env.firm === constants.FIRM_J2TX) { return;\r\n\t\t} else {\r\n\t\t\tyield put(actions.getTransactionsHistory.request({\r\n\t\t\t\tTradeCode,\r\n\t\t\t\tClearerFirm: ClearingFirm,\r\n\t\t\t\tStartDate: moment(startDate).locale('en_GB').format('YYYYMMDD'),\r\n\t\t\t\tEndDate: moment(endDate).locale('en_GB').format('YYYYMMDD'),\r\n\t\t\t\tPage: 1,\r\n\t\t\t}));\r\n\t\t}\r\n\t}\r\n\t\r\n}\r\n\r\nfunction* GetCurrentAccountBaseDataSaga({ payload }) {\r\n\tif (env.firm === constants.LIME_NSR) {\r\n\t\tyield put(actions.getAccountPortfolio.request({ tradeCode: payload.tradeCode }));\r\n\t\tyield put(actions.getAccountInfoRequest(payload));\r\n\r\n\t\tyield all([\r\n\t\t\ttake([\r\n\t\t\t\tactions.getAccountPortfolio.SUCCESS,\r\n\t\t\t\tactions.getAccountPortfolio.FAILURE,\r\n\t\t\t]),\r\n\t\t\ttake([\r\n\t\t\t\tactions.GET_ACCOUNT_INFO_SUCCESS,\r\n\t\t\t\tactions.GET_ACCOUNT_INFO_FAILURE,\r\n\t\t\t]),\r\n\t\t]);\r\n\r\n\t\t// fictitious signatures checking, set true force to avoid checks\r\n\t\tyield put(signatureActions.saveSignatureSuccess());\r\n\t\tyield put(actions.getCurrentAccountBaseDataSuccess());\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\tif ([constants.LIME_INT, constants.LIME_LME, constants.FIRM_J2TX].some(x => x === env.firm)) {\r\n\t\tyield put(actions.getAccountPortfolio.request({ tradeCode: payload.tradeCode }));\r\n\t\tyield put(actions.getAccountInfoRequest(payload));\r\n\t\tif (env.firm === constants.FIRM_J2TX) {\r\n\t\t\tyield put(actions.getAllAccountsInfo.request());\r\n\t\t}\r\n\t\tyield all([\r\n\t\t\ttake([\r\n\t\t\t\tactions.getAccountPortfolio.SUCCESS,\r\n\t\t\t\tactions.getAccountPortfolio.FAILURE,\r\n\t\t\t]),\r\n\t\t\ttake([\r\n\t\t\t\tactions.GET_ACCOUNT_INFO_SUCCESS,\r\n\t\t\t\tactions.GET_ACCOUNT_INFO_FAILURE,\r\n\t\t\t]),\r\n\t\t]);\r\n\r\n\t\t// fictitious signatures checking, set true force to avoid checks\r\n\t\tyield put(signatureActions.saveSignatureSuccess());\r\n\r\n\t\tconst accountInfo = yield select(userAccounts.selectors.accountInfo);\r\n\t\tif (accountInfo.MoneyInfo) {\r\n\t\t\tyield put(actions.setCurrentAccountBaseParams({\r\n\t\t\t\tbaseParams: accountInfo.MoneyInfo[0],\r\n\t\t\t}));\r\n\t\t}\r\n\r\n\t\tyield put(actions.getCurrentAccountBaseDataSuccess());\r\n\t\tyield put(alerts.actions.getAlerts.request());\r\n\t\treturn;\r\n\t}\r\n\r\n\tyield put(actions.getAccountPortfolio.request({ tradeCode: payload.tradeCode }));\r\n\tyield put(actions.getAccountInfoRequest(payload));\r\n\tyield put(actions.getAllAccountsInfo.request());\r\n\tyield put(signature.actions.checkSignatures.request(payload));\r\n\r\n\tyield all([\r\n\t\ttake([\r\n\t\t\tactions.getAccountPortfolio.SUCCESS,\r\n\t\t\tactions.getAccountPortfolio.FAILURE,\r\n\t\t]),\r\n\t\ttake([actions.GET_ACCOUNT_INFO_SUCCESS, actions.GET_ACCOUNT_INFO_FAILURE]),\r\n\t\ttake([\r\n\t\t\tsignature.actions.checkSignatures.SUCCESS,\r\n\t\t\tsignature.actions.checkSignatures.FAILURE,\r\n\t\t]),\r\n\t]);\r\n\r\n\tyield put(actions.getCurrentAccountBaseDataSuccess());\r\n}\r\n\r\nfunction* getAccountChartsRequestSaga({ payload }) {\r\n\ttry {\r\n\t\tconst response = yield callApi(getAccountCharts, payload);\r\n\t\tcabinetLog('charts', response);\r\n\t\tyield put(actions.getAccountCharts.success(response.data));\r\n\t} catch (error) {\r\n\t\tcaptureException('getAccountChartsRequestSaga', error);\r\n\t\tyield put(actions.getAccountCharts.failure(error));\r\n\t}\r\n}\r\n\r\nfunction* getAccountInfoRequestSaga({ payload: { account } }) {\r\n\ttry {\r\n\t\tconst response = yield callApi(getAccountInfo, account);\r\n\t\tif (!response.data.Success) {\r\n\t\t\tyield put(snackbar.actions.showErrorMessage({\r\n\t\t\t\ttitle: 'Get Account Info',\r\n\t\t\t\ttext: response.data.Errors[0].Message,\r\n\t\t\t}));\r\n\t\t\tyield put(actions.getAccountInfoFailure(response.data.Errors[0].Message));\r\n\t\t} else {\r\n\t\t\tyield put(actions.getAccountInfoSuccess(response.data));\r\n\t\t}\r\n\t} catch (error) {\r\n\t\tcaptureException('getAccountInfoRequestSaga', error);\r\n\t\tyield put(snackbar.actions.showErrorMessage({\r\n\t\t\ttitle: 'Get Account Info',\r\n\t\t\ttext: error.message,\r\n\t\t}));\r\n\t\tyield put(actions.getAccountInfoFailure(error.message));\r\n\t\tconsole.error(error);\r\n\t}\r\n}\r\n\r\nfunction* getAllAccountsInfoRequestSaga() {\r\n\ttry {\r\n\t\tconst response = yield callApi(getAllAccountInfo);\r\n\r\n\t\tif (!response.data.Success) {\r\n\t\t\tyield put(snackbar.actions.showErrorMessage({\r\n\t\t\t\ttitle: 'Get Account Info',\r\n\t\t\t\ttext: response.data.Errors[0].Message,\r\n\t\t\t}));\r\n\t\t\tyield put(actions.getAllAccountsInfo.failure(response.data.Errors[0].Message));\r\n\t\t} else {\r\n\t\t\tyield put(actions.getAllAccountsInfo.success(response.data));\r\n\t\t}\r\n\t} catch (error) {\r\n\t\tcaptureException('getAccountInfoRequestSaga', error);\r\n\t\tyield put(snackbar.actions.showErrorMessage({\r\n\t\t\ttitle: 'Get Account Info',\r\n\t\t\ttext: error.message,\r\n\t\t}));\r\n\t\tyield put(actions.getAllAccountsInfo.failure(error.message));\r\n\t\tconsole.error(error);\r\n\t}\r\n}\r\n\r\nfunction* refreshReportsAndConfirmationsRequestSaga({ payload: { account } }) {\r\n\ttry {\r\n\t\tlet tradeAccount = account;\r\n\t\tif (!account || !account.tradeCode) {\r\n\t\t\t// set current account waiting\r\n\t\t\tyield all([\r\n\t\t\t\t// Reports and Confirmations required currentTradeAccount\r\n\t\t\t\ttake(userAccounts.actions.SET_CURRENT_ACCOUNT),\r\n\t\t\t]);\r\n\t\t\ttradeAccount = yield select(userAccounts.selectors.currentTradeAccount);\r\n\t\t}\r\n\t\tif (\r\n\t\t\t[constants.LIME_INT, constants.LIME_NSR, constants.LIME_LME, constants.FIRM_J2TX].some(x => x === env.firm)\r\n\t\t) {\r\n\t\t\t// refreshReportsAndConfirmations not used for Lime International, Lime Ltd and Lending Robot\r\n\t\t\tyield put(actions.refreshReportsAndConfirmationsSuccess({}));\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst response = yield callApi(\r\n\t\t\trefreshReportsAndConfirmations,\r\n\t\t\ttradeAccount,\r\n\t\t);\r\n\t\tif (!response.data.Success) {\r\n\t\t\tyield put(snackbar.actions.showErrorMessage({\r\n\t\t\t\ttitle: 'Get Reports',\r\n\t\t\t\ttext: response.data.Errors[0].Message,\r\n\t\t\t}));\r\n\t\t\tyield put(actions.refreshReportsAndConfirmationsFailure(response.data.Errors[0].Message));\r\n\t\t} else {\r\n\t\t\tyield put(actions.refreshReportsAndConfirmationsSuccess(response.data));\r\n\t\t}\r\n\t} catch (error) {\r\n\t\tcaptureException('refreshReportsAndConfirmationsRequestSaga', error);\r\n\t\tyield put(snackbar.actions.showErrorMessage({\r\n\t\t\ttitle: 'Get Reports',\r\n\t\t\ttext: error.message,\r\n\t\t}));\r\n\t\tyield put(actions.refreshReportsAndConfirmationsFailure(error.message));\r\n\t}\r\n}\r\n\r\nfunction* openReportsPageSaga({ payload: { page, account } }) {\r\n\tyield* refreshReportsAndConfirmationsRequestSaga({ payload: { account } });\r\n\tconst reports = yield select(selectors.reportsAndConfirmations);\r\n\r\n\tif (\r\n\t\treports.Success &&\r\n !reports.loading &&\r\n reports.Url &&\r\n !reports.Documents &&\r\n !reports.Transmissons\r\n\t) {\r\n\t\twindow.open(reports.Url, '_blank');\r\n\t} else {\r\n\t\tyield put(push(page));\r\n\t}\r\n}\r\n\r\nfunction* cancelOrderFormRequestSaga({\r\n\tpayload: { nnOrder, reason, tradeCode, clearerFirm},\r\n}) {\r\n\tconst isSuccess = yield BaseGetSagaHandler(\r\n\t\t{\r\n\t\t\tapiMethod: cancelOrder,\r\n\t\t\terrorText: 'Cancel Order',\r\n\t\t\thandler: actions.cancelOrderForm,\r\n\t\t},\r\n\t\t{ payload: { nnOrder, Reason: reason } },\r\n\t);\r\n\r\n\tif (isSuccess){\r\n\t\tconst cashActivities = yield select(selectors.cashActivities);\r\n\t\tconst { StartDate, EndDate } = cashActivities.pagination;\r\n\r\n\t\tif ([constants.LIME_LME, constants.FIRM_J2TX].some(x => x === env.firm)) {\r\n\t\t\tyield put(actions.getMoneyTransactionsHistory.request({\r\n\t\t\t\tTradeCode: tradeCode,\r\n\t\t\t\tStartDate,\r\n\t\t\t\tEndDate,\r\n\t\t\t\tPage: 1,\r\n\t\t\t}));\r\n\r\n\t\t} else {\r\n\t\t\tyield put(actions.getTransactionsHistory.request({\r\n\t\t\t\tTradeCode: tradeCode,\r\n\t\t\t\tClearerFirm: clearerFirm,\r\n\t\t\t\tStartDate,\r\n\t\t\t\tEndDate,\r\n\t\t\t\tPage: 1,\r\n\t\t\t}));\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction* getTradeSystemCredentialsSaga({ payload }) {\r\n\tconst isSuccess = yield BaseGetSagaHandler(\r\n\t\t{\r\n\t\t\tapiMethod: getTradeSystemCredentials,\r\n\t\t\terrorText: 'Get Trade System Credentials',\r\n\t\t\thandler: actions.getTradeSystemCredentials,\r\n\t\t},\r\n\t\t{ payload },\r\n\t);\r\n\r\n\tif (isSuccess) {\r\n\t\tyield put(snackbar.actions.showMessage({\r\n\t\t\ttitle: 'Get Trade System Credentials',\r\n\t\t\ttext: 'Successfully Submitted! We have sent you an email with login and password information. Please check your inbox.',\r\n\t\t\ttype: 'success',\r\n\t\t}));\r\n\t}\r\n}\r\n\r\nfunction* changeMtPasswordRequestSaga({ payload: { NewPassword } }) {\r\n\tconst currentAccount = yield select(selectors.accountInfo);\r\n\tconst TradeCode = currentAccount?.TradeCode;\r\n\tyield BaseGetSagaHandler(\r\n\t\t{\r\n\t\t\tapiMethod: changeMtPassword,\r\n\t\t\terrorText: 'Change Password',\r\n\t\t\thandler: actions.changeMtPassword,\r\n\t\t},\r\n\t\t{\r\n\t\t\tpayload: { NewPassword, TradeCode },\r\n\t\t},\r\n\t);\r\n}\r\n\r\nfunction* reloadTransactionHistorySaga() {\r\n\tconst isDemo = yield select(userAccounts.selectors.currentAccountIsDemo);\r\n\tconst currentAccount = yield select(userAccounts.selectors.currentTradeAccount);\r\n\r\n\tconst tradeCode = currentAccount.tradeCode;\r\n\tconst clearerFirm = currentAccount.clearerFirm;\r\n\t\r\n\tif (isDemo) return;\r\n\tconst cashActivities = yield select(userAccounts.selectors.cashActivities);\r\n\tconst moneyTransactionStartDate = cashActivities?.pagination?.StartDate ?? cashActivities.dates.StartDate;\r\n\tconst moneyTransactionEndDate = cashActivities?.pagination?.EndDate ?? cashActivities.dates.EndDate;\r\n\t\r\n\tconst tradeCodes = env.firm === constants.FIRM_J2TX ? \r\n\t\tcashActivities?.pagination?.TradeCodes \r\n\t\t: [tradeCode];\r\n\r\n\tif ([constants.LIME_LME, constants.FIRM_J2TX].some(x => x === env.firm)) {\r\n\t\tyield put(actions.getMoneyTransactionsHistory.request({\r\n\t\t\tTradeCodes: tradeCodes,\r\n\t\t\tStartDate: moneyTransactionStartDate,\r\n\t\t\tEndDate: moneyTransactionEndDate,\r\n\t\t\tPage: 1,\r\n\t\t}));\r\n\r\n\t\t// пока что нет элементов с неторговыми поручениями на j2tx\r\n\t\tif (env.firm === constants.FIRM_J2TX) return;\r\n\r\n\t\tconst nonTraidingActivities = yield select(selectors.nonTraidingActivities);\r\n\r\n\t\tconst nonTradingStartDate = nonTraidingActivities?.pagination?.StartDate ?? nonTraidingActivities.dates.StartDate;\r\n\t\tconst nonTradingEndDate = nonTraidingActivities?.pagination?.EndDate ?? nonTraidingActivities.dates.EndDate;\r\n\r\n\t\tyield put(actions.getNonTradingOrdersHistory.request({\r\n\t\t\tTradeCodes: tradeCodes,\r\n\t\t\tClearerFirm: clearerFirm,\r\n\t\t\tStartDate: nonTradingStartDate,\r\n\t\t\tEndDate: nonTradingEndDate,\r\n\t\t\tPage: 1,\r\n\t\t}));\r\n\t} else {\r\n\t\tyield put(actions.getTransactionsHistory.request({\r\n\t\t\tTradeCode: tradeCode,\r\n\t\t\tClearerFirm: clearerFirm,\r\n\t\t\tStartDate: moneyTransactionStartDate,\r\n\t\t\tEndDate: moneyTransactionEndDate,\r\n\t\t\tPage: 1,\r\n\t\t}));\r\n\t}\r\n}\r\n\r\nfunction* addDemoAccountSaga() {\r\n\ttry {\r\n\t\tconst response = yield callApi(addDemoAccount);\r\n\t\tif (!response.data.Success) {\r\n\t\t\tyield put(snackbar.actions.showErrorMessage({\r\n\t\t\t\ttitle: 'Cannot add demo account',\r\n\t\t\t\ttext: response.data.Errors[0],\r\n\t\t\t}));\r\n\r\n\t\t\tyield put(actions.addDemoAccount.failure(response.data.Errors[0]));\r\n\t\t\treturn;\r\n\t\t}\r\n\t} catch (error) {\r\n\t\tcaptureException('addDemoAccountSaga', error);\r\n\t\tyield put(snackbar.actions.showErrorMessage({\r\n\t\t\ttitle: 'Cannot add demo account',\r\n\t\t\ttext: error.message,\r\n\t\t}));\r\n\r\n\t\tyield put(actions.addDemoAccount.failure(error.message));\r\n\r\n\t\tconsole.error(error);\r\n\t\treturn;\r\n\t}\r\n\r\n\tyield put(userAccounts.actions.getAccountsRequest());\r\n\tconst accountAction = yield take([\r\n\t\tuserAccounts.actions.GET_ACCOUNTS_SUCCESS,\r\n\t\tuserAccounts.actions.GET_ACCOUNTS_FAILURE,\r\n\t]);\r\n\r\n\tif (accountAction.type === userAccounts.actions.GET_ACCOUNTS_FAILURE) {\r\n\t\tyield put(snackbar.actions.showErrorMessage({\r\n\t\t\ttitle: 'Demo account',\r\n\t\t\ttext: 'Added demo account, but cannot reload accounts',\r\n\t\t}));\r\n\t\treturn;\r\n\t}\r\n\r\n\tconst accounts = yield select(userAccounts.selectors.accounts);\r\n\tconst demoAccount = accounts.find(it => it.IsDemo);\r\n\r\n\tif (demoAccount) {\r\n\t\tyield put(userAccounts.actions.setCurrentAccount(demoAccount));\r\n\t}\r\n\r\n\tyield put(snackbar.actions.showMessage({\r\n\t\ttitle: 'Demo account',\r\n\t\ttext: 'Successfully added demo account',\r\n\t\ttype: 'success',\r\n\t}));\r\n}\r\n\r\nfunction* resetDemoAccountSaga({\r\n\tpayload: {\r\n\t\tonEndRequest,\r\n\t\taccount: { TradeCode, ClearingFirm },\r\n\t},\r\n}) {\r\n\tconst isSuccess = yield BaseGetSagaHandler(\r\n\t\t{\r\n\t\t\tapiMethod: resetDemoAccount,\r\n\t\t\terrorText: 'Cannot reset demo account',\r\n\t\t\thandler: actions.resetDemoAccount,\r\n\t\t\tonEndRequest,\r\n\t\t},\r\n\t\t{ payload: { clearingNumber: TradeCode } },\r\n\t);\r\n\r\n\tif (isSuccess) {\r\n\t\tyield put(snackbar.actions.showMessage({\r\n\t\t\ttitle: 'Reset demo account',\r\n\t\t\ttext: 'Successfully confirmed account reset',\r\n\t\t\ttype: 'success',\r\n\t\t}));\r\n\r\n\t\tconst startDate = new Date(\r\n\t\t\tmoment().year(),\r\n\t\t\tmoment().month() - 2,\r\n\t\t\tmoment().date(),\r\n\t\t);\r\n\t\tconst endDate = new Date();\r\n\r\n\t\tyield put(actions.getAccountPortfolio.request({ tradeCode: TradeCode }));\r\n\r\n\t\tif ([constants.LIME_LME, constants.FIRM_J2TX].some(x => x === env.firm)) {\r\n\t\t\tyield put(actions.getMoneyTransactionsHistory.request({\r\n\t\t\t\tTradeCodes: [TradeCode],\r\n\t\t\t\tStartDate: moment(startDate).locale('en_GB').format('YYYYMMDD'),\r\n\t\t\t\tEndDate: moment(endDate).locale('en_GB').format('YYYYMMDD'),\r\n\t\t\t\tPage: 1,\r\n\t\t\t}));\r\n\r\n\t\t\tyield put(actions.getNonTradingOrdersHistory.request({\r\n\t\t\t\tTradeCodes: [TradeCode],\r\n\t\t\t\tClearerFirm: ClearingFirm,\r\n\t\t\t\tStartDate: moment(startDate).locale('en_GB').format('YYYYMMDD'),\r\n\t\t\t\tEndDate: moment(endDate).locale('en_GB').format('YYYYMMDD'),\r\n\t\t\t\tPage: 1,\r\n\t\t\t}));\r\n\t\t} else {\r\n\t\t\tyield put(actions.getTransactionsHistory.request({\r\n\t\t\t\tTradeCode,\r\n\t\t\t\tClearerFirm: ClearingFirm,\r\n\t\t\t\tStartDate: moment(startDate).locale('en_GB').format('YYYYMMDD'),\r\n\t\t\t\tEndDate: moment(endDate).locale('en_GB').format('YYYYMMDD'),\r\n\t\t\t\tPage: 1,\r\n\t\t\t}));\r\n\t\t}\r\n\r\n\t\tif (env.firm === constants.LIME_INT) {\r\n\t\t\t// It's all secondary requests for Lime International\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tyield put(actions.getAccountCharts.request({\r\n\t\t\ttradeCode: TradeCode,\r\n\t\t\tclearerFirm: ClearingFirm,\r\n\t\t}));\r\n\t}\r\n}\r\n\r\nfunction GetModalPopupType(actionType) {\r\n\tswitch (actionType) {\r\n\t\tcase actions.SHOW_REPORTS_MODAL:\r\n\t\t\treturn ModalPopups.REPORTS;\r\n\r\n\t\tcase actions.SHOW_J2TX_CHANGE_CURRENCY_MODAL:\r\n\t\t\treturn ModalPopups.J2TX_CHANGE_CURRENCY;\r\n\r\n\t\tcase actions.SHOW_TRANSFER_WALLET_TO_MT5_MODAL:\r\n\t\t\treturn ModalPopups.TRANSFER_WALLET_TO_MT5;\r\n\r\n\t\tcase actions.SHOW_TRANSFER_MT5_TO_WALLET_MODAL:\r\n\t\t\treturn ModalPopups.TRANSFER_MT5_TO_WALLET;\r\n\r\n\t\tcase actions.SHOW_TRANSFER_WALLET_TO_STAKING_MODAL:\r\n\t\t\treturn ModalPopups.TRANSFER_WALLET_TO_STAKING;\r\n\t\t\t\r\n\t\tcase actions.SHOW_TRANSFER_STAKING_TO_WALLET_MODAL:\r\n\t\t\treturn ModalPopups.TRANSFER_STAKING_TO_WALLET;\r\n\r\n\t\tcase actions.SHOW_J2TX_MT5_WITHDRAWAL_MODAL:\r\n\t\t\treturn ModalPopups.J2TX_MT5_WITHDRAWAL;\r\n\t\tcase actions.SHOW_J2TX_WALLET_WITHDRAWAL_MODAL:\r\n\t\t\treturn ModalPopups.J2TX_WALLET_WITHDRAWAL;\r\n\t\tcase actions.SHOW_NON_TRADING_FREE_FORM_ORDER_MODAL:\r\n\t\t\treturn ModalPopups.CY_NON_TRADING_ORDER_COMMON;\r\n\t\tdefault:\r\n\t\t\treturn '';\r\n\t}\r\n}\r\n\r\nfunction* showUserAccountsModal({ type }) {\r\n\t// get current location\r\n\tconst location = yield select(state => state.router.location);\r\n\t// show modal\r\n\tyield put(push(addHashToUrl(location, GetModalPopupType(type))));\r\n}\r\n\r\nfunction* hideUserAccountsModal({ payload }) {\r\n\tconst location = yield select(state => state.router.location);\r\n\tyield put(push(removeHashFromUrl(location, payload)));\r\n}\r\n// Watchers\r\nfunction* watchGetUserAccountsRequest() {\r\n\tyield takeEvery(actions.GET_ACCOUNTS_REQUEST, getUserAccountsRequestSaga);\r\n}\r\n\r\nfunction* watchReloadTransactionHistorySaga() {\r\n\tyield takeEvery(actions.RELOAD_TRANSACTIONS_HISTORY, reloadTransactionHistorySaga)\r\n}\r\n\r\nfunction* watchGetExchangeRateRequest() {\r\n\tyield takeLatest(actions.getExchangeRate.REQUEST, getExchangeRateRequestSaga);\r\n}\r\n\r\nfunction* watchActivateAccountRequest() {\r\n\tyield takeEvery(actions.activateAccount.REQUEST, activateAccountRequestSaga);\r\n}\r\n\r\nfunction* watchGetLimeTraderAccountInfoRequest() {\r\n\tyield takeLatest(actions.getLimeTraderAccountInfo.REQUEST, getLimeTraderAccountInfoSaga);\r\n}\r\nfunction* watchShowOrderCancelModal() {\r\n\tyield takeEvery(actions.SHOW_ORDER_CANCEL_MODAL, showOrderCancelModal);\r\n}\r\n\r\nfunction* watchHideOrderCancelModal() {\r\n\tyield takeEvery(actions.HIDE_ORDER_CANCEL_MODAL, hideOrderCancelModal);\r\n}\r\n\r\nfunction* watchGetUserInfoRequest() {\r\n\tyield takeEvery(actions.getUserInfo.REQUEST, BaseGetSagaHandler, {\r\n\t\tapiMethod: getUserInfo,\r\n\t\terrorText: 'Get User Info',\r\n\t\thandler: actions.getUserInfo,\r\n\t});\r\n}\r\n\r\nfunction* watchSetCurrentAccount() {\r\n\tyield takeEvery(actions.SET_CURRENT_ACCOUNT, setCurrentAccountSaga);\r\n}\r\nfunction* watchGetCurrentAccountBaseData() {\r\n\tyield takeEvery(\r\n\t\tactions.GET_CURRENT_ACCOUNT_BASE_DATA_REQUEST,\r\n\t\tGetCurrentAccountBaseDataSaga,\r\n\t);\r\n}\r\nfunction* watchGetAccountChartsRequest() {\r\n\tyield takeEvery(\r\n\t\tactions.getAccountCharts.REQUEST,\r\n\t\tgetAccountChartsRequestSaga,\r\n\t);\r\n}\r\nfunction* watchGetTransactionsHistoryRequest() {\r\n\tyield takeEvery(actions.getTransactionsHistory.REQUEST, BaseGetSagaHandler, {\r\n\t\tapiMethod: getTransactionsHistory,\r\n\t\terrorText: 'Get Transactions History',\r\n\t\thandler: actions.getTransactionsHistory,\r\n\t\tdefaults: { Page: 1, Type: 0, PageSize: 10 },\r\n\t});\r\n}\r\n\r\nfunction* watchGetMoneyTransactionsHistoryRequest() {\r\n\tyield takeEvery(\r\n\t\tactions.getMoneyTransactionsHistory.REQUEST,\r\n\t\tBaseGetSagaHandler,\r\n\t\t{\r\n\t\t\tapiMethod: getMoneyTransactionHistory,\r\n\t\t\terrorText: 'Get Transactions History',\r\n\t\t\thandler: actions.getMoneyTransactionsHistory,\r\n\t\t\tdefaults: { Page: 1, Type: 'ALL', PageSize: 10 },\r\n\t\t},\r\n\t);\r\n}\r\n\r\nfunction* watchGetNonTradingOrdersHistoryRequest() {\r\n\tyield takeEvery(\r\n\t\tactions.getNonTradingOrdersHistory.REQUEST,\r\n\t\tBaseGetSagaHandler,\r\n\t\t{\r\n\t\t\tapiMethod: getNonTradingOrdersHistory,\r\n\t\t\terrorText: 'Get Non Transactions History',\r\n\t\t\thandler: actions.getNonTradingOrdersHistory,\r\n\t\t\tdefaults: { Page: 1, Type: 0, PageSize: 10 },\r\n\t\t},\r\n\t);\r\n}\r\n\r\nfunction* watchGetAccountPortfolioRequest() {\r\n\tyield takeEvery(actions.getAccountPortfolio.REQUEST, BaseGetSagaHandler, {\r\n\t\tapiMethod: getAccountPortfolio,\r\n\t\terrorText: 'Get Account Portfolio',\r\n\t\thandler: actions.getAccountPortfolio,\r\n\t});\r\n}\r\n\r\nfunction* watchGetTradeSystemCredentialsRequest() {\r\n\tyield takeEvery(\r\n\t\tactions.getTradeSystemCredentials.REQUEST,\r\n\t\tgetTradeSystemCredentialsSaga,\r\n\t);\r\n}\r\nfunction* watchRefreshReportsAndConfirmationsRequest() {\r\n\tyield takeEvery(\r\n\t\tactions.REFRESH_REPORTS_AND_CONFIRMATIONS_REQUEST,\r\n\t\trefreshReportsAndConfirmationsRequestSaga,\r\n\t);\r\n}\r\nfunction* watchOpenReportsPage() {\r\n\tyield takeEvery(actions.OPEN_REPORTS_PAGE, openReportsPageSaga);\r\n}\r\nfunction* watchGetAccountInfoRequest() {\r\n\tyield takeEvery(actions.GET_ACCOUNT_INFO_REQUEST, getAccountInfoRequestSaga);\r\n\tyield takeEvery(actions.getAllAccountsInfo.REQUEST, getAllAccountsInfoRequestSaga);\r\n}\r\nfunction* watchCancelOrderFormRequest() {\r\n\tyield takeEvery(actions.cancelOrderForm.REQUEST, cancelOrderFormRequestSaga);\r\n}\r\nfunction* watchChangeMtPasswordRequest() {\r\n\tyield takeEvery(\r\n\t\tactions.changeMtPassword.REQUEST,\r\n\t\tchangeMtPasswordRequestSaga,\r\n\t);\r\n}\r\nfunction* watchaddDemoAccountRequest() {\r\n\tyield takeEvery(actions.addDemoAccount.REQUEST, addDemoAccountSaga);\r\n}\r\nfunction* watchresetDemoAccountRequest() {\r\n\tyield takeEvery(actions.resetDemoAccount.REQUEST, resetDemoAccountSaga);\r\n}\r\nfunction* watchShowUserAccountsModal() {\r\n\tyield takeEvery([\r\n\t\tactions.SHOW_REPORTS_MODAL,\r\n\t\tactions.SHOW_J2TX_CHANGE_CURRENCY_MODAL,\r\n\r\n\t\tactions.SHOW_TRANSFER_WALLET_TO_MT5_MODAL,\r\n\t\tactions.SHOW_TRANSFER_MT5_TO_WALLET_MODAL,\r\n\r\n\t\tactions.SHOW_TRANSFER_WALLET_TO_STAKING_MODAL,\r\n\t\tactions.SHOW_TRANSFER_STAKING_TO_WALLET_MODAL,\r\n\r\n\t\tactions.SHOW_J2TX_MT5_WITHDRAWAL_MODAL,\r\n\t\tactions.SHOW_J2TX_WALLET_WITHDRAWAL_MODAL,\r\n\r\n\t\tactions.SHOW_NON_TRADING_FREE_FORM_ORDER_MODAL,\r\n\t], showUserAccountsModal);\r\n}\r\nfunction* watchHideUserAccountsModal() {\r\n\tyield takeEvery(actions.HIDE_USERACCOUNTS_MODAL, hideUserAccountsModal);\r\n}\r\n\r\n// Root saga\r\nconst rootSaga = [\r\n\tfork(watchSetCurrentAccount),\r\n\tfork(watchGetCurrentAccountBaseData),\r\n\tfork(watchGetAccountChartsRequest),\r\n\tfork(watchGetUserAccountsRequest),\r\n\tfork(watchGetUserInfoRequest),\r\n\tfork(watchGetAccountInfoRequest),\r\n\tfork(watchGetAccountPortfolioRequest),\r\n\tfork(watchGetTradeSystemCredentialsRequest),\r\n\tfork(watchRefreshReportsAndConfirmationsRequest),\r\n\tfork(watchOpenReportsPage),\r\n\tfork(watchGetTransactionsHistoryRequest),\r\n\tfork(watchGetMoneyTransactionsHistoryRequest),\r\n\tfork(watchGetNonTradingOrdersHistoryRequest),\r\n\tfork(watchCancelOrderFormRequest),\r\n\tfork(watchChangeMtPasswordRequest),\r\n\tfork(watchaddDemoAccountRequest),\r\n\tfork(watchresetDemoAccountRequest),\r\n\tfork(watchShowUserAccountsModal),\r\n\tfork(watchHideUserAccountsModal),\r\n\tfork(watchGetExchangeRateRequest),\r\n\tfork(watchActivateAccountRequest),\r\n\tfork(watchGetLimeTraderAccountInfoRequest),\r\n\tfork(watchReloadTransactionHistorySaga),\r\n\tfork(watchShowOrderCancelModal),\r\n\tfork(watchHideOrderCancelModal),\r\n];\r\n\r\nexport default {\r\n\trootSaga,\r\n\tgetUserAccountsRequestSaga,\r\n};\r\n","import actions from './actions';\nimport auth from '../auth';\n\nconst initialState = {\n\talerts: [],\n};\n\nexport default (state = initialState, { type, payload }) => {\n\tswitch (type) {\n\t\tcase actions.getAlerts.REQUEST:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tloading: true,\n\t\t\t};\n\n\t\tcase actions.getAlerts.FAILURE:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tloading: false,\n\t\t\t};\n\n\t\tcase actions.getAlerts.SUCCESS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\talerts: payload.response.Alerts,\n\t\t\t\tloading: false,\n\t\t\t};\n\t\t\t\n\t\tcase auth.actions.LOGOUT_SUCCESS:\n\t\t\treturn { ...initialState };\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n","import { fork, takeEvery } from 'redux-saga/effects';\nimport { BaseGetSagaHandler } from '@redux';\nimport { getAlerts } from '@api';\nimport actions from './actions';\n\nfunction* getAlertsRequestSaga({ payload }) {\n\tyield BaseGetSagaHandler({\n\t\tapiMethod: getAlerts,\n\t\terrorText: 'Get alerts',\n\t\thandler: actions.getAlerts,\n\t}, { payload });\n}\n\nfunction* watchGetAlertsRequest() {\n\tyield takeEvery(actions.getAlerts.REQUEST, getAlertsRequestSaga);\n}\n\n// Root saga\nconst rootSaga = [\n\tfork(watchGetAlertsRequest),\n];\n\nexport default {\n\trootSaga,\n};\n","export default {\n\talerts: state => state.alerts.alerts,\n\tloading: state => state.alerts.loading,\n};\n","import actions from './actions';\nimport auth from '../auth';\nimport { SessionStorageKey } from '@enums';\n\nconst initialState = {\n\tpartnerCabinetRedirect: {\n\t\tsubmitting: false,\n\t\tloaded: false,\n\t\tdata: {\n\t\t\tPartnerCabinetRedirectUrl: null,\n\t\t\tIsPartnerCabinetLoginAvailable: false,\n\t\t\tPartnerCabinetRedirectBlockExpiration: sessionStorage.getItem(SessionStorageKey.PartnerCabinetRedirectBlockExpiration),\n\t\t},\n\t},\n\tmodals: {},\n};\n\nexport default (state = initialState, { type, payload }) => {\n\tswitch (type) {\n\t\tcase actions.agentRegistration.REQUEST:\n\t\tcase actions.partnerCabinetRedirect.REQUEST:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tpartnerCabinetRedirect: {\n\t\t\t\t\t...state.partnerCabinetRedirect,\n\t\t\t\t\tsubmitting: true,\n\t\t\t\t},\n\t\t\t};\n\t\tcase actions.agentRegistration.SUCCESS:\n\t\tcase actions.partnerCabinetRedirect.SUCCESS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tpartnerCabinetRedirect: {\n\t\t\t\t\t...state.partnerCabinetRedirect,\n\t\t\t\t\tdata: {\n\t\t\t\t\t\t...state.partnerCabinetRedirect.data,\n\t\t\t\t\t\tPartnerCabinetRedirectUrl: payload.PartnerCabinetRedirectUrl,\n\t\t\t\t\t\tIsPartnerCabinetLoginAvailable: payload.IsPartnerCabinetLoginAvailable,\n\t\t\t\t\t},\n\t\t\t\t\tsubmitting: false,\n\t\t\t\t\tloaded: true,\n\t\t\t\t},\n\t\t\t};\n\t\tcase actions.agentRegistration.FAILURE:\n\t\tcase actions.partnerCabinetRedirect.FAILURE:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tpartnerCabinetRedirect: {\n\t\t\t\t\t...initialState.partnerCabinetRedirect,\n\t\t\t\t\tsubmitting: false,\n\t\t\t\t\tloaded: true,\n\t\t\t\t},\n\t\t\t};\n\t\tcase actions.SET_PARTNER_CABINET_REDIRECT_BLOCK_EXPIRATION:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tpartnerCabinetRedirect: {\n\t\t\t\t\t...state.partnerCabinetRedirect,\n\t\t\t\t\tdata: {\n\t\t\t\t\t\t...state.partnerCabinetRedirect.data,\n\t\t\t\t\t\tPartnerCabinetRedirectBlockExpiration: payload.expiration,\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t };\n\t\tcase auth.actions.LOGOUT_SUCCESS:\n\t\t\treturn { ...initialState };\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n","export default {\n\tpartnerCabinetRedirect: state => state.agent.partnerCabinetRedirect,\n};\n","import { fork, takeEvery, put } from 'redux-saga/effects';\nimport {\n\tmakePartnerCabinetRedirectUrl,\n\tagentRegistration,\n} from '@api';\nimport { BaseGetSagaHandler, userAccounts, app } from '@redux';\nimport actions from './actions';\nimport { SessionStorageKey } from '@enums';\n\nfunction* partnerCabinetRedirectRequestSagaHandler({ payload }) {\n\tyield BaseGetSagaHandler({\n\t\tapiMethod: makePartnerCabinetRedirectUrl,\n\t\terrorText: 'Partner Account',\n\t\thandler: actions.partnerCabinetRedirect,\n\t}, { payload });\n}\n\nfunction* agentRegistrationRequestSagaHandler({ payload }) {\n\tyield BaseGetSagaHandler({\n\t\tapiMethod: agentRegistration,\n\t\terrorText: 'Partner Account',\n\t\thandler: actions.agentRegistration,\n\t}, { payload });\n}\n\nfunction* partnerCabinetRedirectSuccessSagaHandler({ payload }) {\n\tif (payload.response.PartnerCabinetRedirectUrl && payload.response.IsPartnerCabinetLoginAvailable) {\n\t\twindow.location.href = payload.response.PartnerCabinetRedirectUrl;\n\t} else {\n\t\tyield put(app.actions.showNewAgentWaitingModal());\n\t\tconst expiration = Date.now() + 1000 * 60 * 30; // 30 минут\n\t\tyield put(actions.setPartnerCabinetRedirectBlockExpiration({\n\t\t\texpiration: new Date(expiration).toISOString(),\n\t\t}));\n\t}\n}\n\nfunction* partnerCabinetRedirectBlockExpirationSagaHandler({ payload }) {\n\tsessionStorage.setItem(\n\t\tSessionStorageKey.PartnerCabinetRedirectBlockExpiration,\n\t\tpayload.expiration\n\t);\n}\n\nfunction* watchAgentRegistrationSuccessSagaHandler({ payload }) {\n\tif (!payload.response.IsPartnerCabinetLoginAvailable) {\n\t\tyield put(app.actions.hideAgentRegistrationFormModal());\n\t\tyield put(app.actions.showNewAgentWaitingModal());\n\t\t\n\t\tconst expiration = Date.now() + 1000 * 60 * 30; // 30 минут\n\t\tyield put(actions.setPartnerCabinetRedirectBlockExpiration({\n\t\t\texpiration: new Date(expiration).toISOString(),\n\t\t}));\n\t\treturn;\n\t}\n\tconst w = window.open(payload.response.PartnerCabinetRedirectUrl, '_blank');\n\tif (w) {\n\t\tyield put(app.actions.hideAgentRegistrationFormModal());\n\t\tyield put(userAccounts.actions.getAccountsRequest());\n\t\tw.focus();\n\t} else {\n\t\t// Если всплывающие окна заблокированы\n\t\twindow.location.href = payload.response.PartnerCabinetRedirectUrl;\n\t}\n}\nfunction* watchAgentRegistrationFailureSagaHandler({ payload }) {\n\tyield put(app.actions.hideAgentRegistrationFormModal());\n}\n\nfunction* watchPartnerCabinetRedirectRequest() {\n\tyield takeEvery(actions.partnerCabinetRedirect.REQUEST, partnerCabinetRedirectRequestSagaHandler);\n}\nfunction* watchPartnerCabinetRedirectSuccess() {\n\tyield takeEvery(actions.partnerCabinetRedirect.SUCCESS, partnerCabinetRedirectSuccessSagaHandler);\n}\nfunction* watchAgentRegistrationRequest() {\n\tyield takeEvery(actions.agentRegistration.REQUEST, agentRegistrationRequestSagaHandler);\n}\nfunction* watchAgentRegistrationSuccess() {\n\tyield takeEvery(actions.agentRegistration.SUCCESS, watchAgentRegistrationSuccessSagaHandler);\n}\nfunction* watchAgentRegistrationFailure() {\n\tyield takeEvery(actions.agentRegistration.FAILURE, watchAgentRegistrationFailureSagaHandler);\n}\nfunction* watchPartnerCabinetRedirectBlockExpiration() {\n\tyield takeEvery(actions.SET_PARTNER_CABINET_REDIRECT_BLOCK_EXPIRATION, partnerCabinetRedirectBlockExpirationSagaHandler);\n}\n\n// Root saga\nconst rootSaga = [\n\tfork(watchPartnerCabinetRedirectRequest),\n\tfork(watchPartnerCabinetRedirectSuccess),\n\tfork(watchAgentRegistrationRequest),\n\tfork(watchAgentRegistrationSuccess),\n\tfork(watchAgentRegistrationFailure),\n\tfork(watchPartnerCabinetRedirectBlockExpiration),\n];\n\nexport default {\n\trootSaga,\n};\n","import actions from './actions';\r\n\r\nconst initialState = {\r\n\tisSidebarOpen: false,\r\n};\r\n\r\nexport default (state = initialState, { type, payload }) => {\r\n\tswitch (type) {\r\n\tcase actions.INIT:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t};\r\n\tcase actions.SIDEBAR_OPEN:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tisSidebarOpen: true,\r\n\t\t};\r\n\tcase actions.SIDEBAR_CLOSE:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tisSidebarOpen: false,\r\n\t\t};\r\n\r\n\tdefault:\r\n\t\treturn state;\r\n\t}\r\n};\r\n","export default {\r\n\tisSidebarOpen: state => state.dashboard.isSidebarOpen,\r\n};\r\n","import { all, fork, put, select, take, takeEvery } from 'redux-saga/effects';\r\nimport { profile, signalR, userAccounts, alerts } from '@redux';\r\nimport { constants, env } from '@config';\r\nimport { LocalStorageKey } from '@enums';\r\nimport { cabinetLog, getDateTimeEst, dateDiffInDays, captureError } from '@global';\r\nimport actions from './actions';\r\n\r\nfunction* dashboardInitSaga({ payload: { tradeCode } }) {\r\n\ttry {\r\n\t\tif (!!env.signalRUrl) {\r\n\t\t\tyield put(signalR.actions.connectSignalR());\r\n\t\t}\r\n\r\n\t\tyield put(userAccounts.actions.getAccountsRequest());\r\n\t\tyield put(userAccounts.actions.getAllAccountsInfo.request());\r\n\r\n\t\t// загружаем алерты фоном\r\n\t\tyield fork(function* () {\r\n\t\t\tyield put(alerts.actions.getAlerts.request());\r\n\t\t });\r\n\r\n\t\tyield take([\r\n\t\t\tuserAccounts.actions.GET_ACCOUNTS_SUCCESS,\r\n\t\t\tuserAccounts.actions.GET_ACCOUNTS_FAILURE,\r\n\t\t]);\r\n\r\n\t\tconst demoAccount = yield select(userAccounts.selectors.getDemoAccount);\r\n\t\tconst anyActiveAccountExists = yield select(userAccounts.selectors.anyActiveAccountExists);\r\n\r\n\t\tif (demoAccount && !anyActiveAccountExists) {\r\n\t\t\tconst currentDateTimeEst = getDateTimeEst();\r\n\t\t\tconst expirationDate = new Date(demoAccount.ExpirationDate);\r\n\t\t\tconst diffDays = dateDiffInDays(expirationDate, currentDateTimeEst);\r\n\r\n\t\t\tif (diffDays < 0) {\r\n\t\t\t\tyield put(profile.actions.showDemoAccountExpirationModal());\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tconst accounts = (yield select(userAccounts.selectors.accounts));\r\n\t\tcabinetLog(accounts);\r\n\r\n\t\tconst haveAccounts = accounts && accounts.length > 0;\r\n\t\tif ([constants.LIME_LME].includes(env.firm) && !haveAccounts) {\r\n\t\t\treturn;\r\n\t\t\t//throw new Error('Has no account');\r\n\t\t}\r\n\r\n\t\tconst currentAccount = localStorage.getItem(LocalStorageKey.CurAcc);\r\n\t\tlet accCurrent = accounts.find(it => it.TradeCode === tradeCode || it.TradeCode === currentAccount);\r\n\t\tif(accCurrent?.IsDemo){\r\n\t\t\taccCurrent = accounts.find(f => !f.IsDemo);\r\n\t\t\tif(!accCurrent)\r\n\t\t\t\treturn;\r\n\t\t\t\t//throw new Error('Has no account');\r\n\t\t}\r\n\t\t// init start's popups\r\n\t\tcabinetLog('init complete');\r\n\r\n\t\tif (!haveAccounts) return;\r\n\r\n\t\tconst liveAccount = accounts.find(it => !it.IsDemo) || accounts[0];\r\n\t\tyield all([\r\n\t\t\tyield put(userAccounts.actions.setCurrentAccount(accCurrent || liveAccount)),\r\n\t\t]);\r\n\t} catch (error) {\r\n\t\tcaptureError(error);\r\n\t\tconsole.error('init error', error);\r\n\t}\r\n}\r\n\r\n// Watchers\r\nfunction* watchInit() {\r\n\tyield takeEvery(actions.INIT, dashboardInitSaga);\r\n}\r\n\r\n// Root saga\r\nconst rootSaga = [\r\n\tfork(watchInit),\r\n];\r\n\r\nexport default {\r\n\trootSaga,\r\n};\r\n\r\n","import actions from './actions';\nimport auth from '../auth';\n\nconst initialState = {\n\ttokens: {\n\t\tsubmitting: false,\n\t\tloaded: false,\n\t\titems: [],\n\t\tisAbleToCreate: false,\n\t},\n\tmodals: {},\n};\n\nexport default (state = initialState, { type, payload }) => {\n\tswitch (type) {\n\tcase actions.getApiKeys.REQUEST:\n\t\treturn {\n\t\t\t...state,\n\t\t\ttokens: {\n\t\t\t\t...state.tokens,\n\t\t\t\tsubmitting: true,\n\t\t\t\tisAbleToCreate: false,\n\t\t\t},\n\t\t};\n\tcase actions.getApiKeys.SUCCESS:\n\t\treturn {\n\t\t\t...state,\n\t\t\ttokens: {\n\t\t\t\tloaded: true,\n\t\t\t\tsubmitting: false,\n\t\t\t\titems: [\n\t\t\t\t\t...payload.response.Tokens,\n\t\t\t\t],\n\t\t\t\tisAbleToCreate: payload.response.IsAbleToCreate\n\t\t\t},\n\t\t};\n\tcase actions.getApiKeys.FAILURE:\n\t\treturn {\n\t\t\t...state,\n\t\t\ttokens: {\n\t\t\t\t...initialState.clients,\n\t\t\t\tsubmitting: false,\n\t\t\t\tloaded: true,\n\t\t\t\tisAbleToCreate: false,\n\t\t\t},\n\t\t};\n\n\tcase actions.createApiKey.SUCCESS: {\n\t\treturn {\n\t\t\t...state,\n\t\t\tmodals: {\n\t\t\t\t...state.modals,\n\t\t\t},\n\t\t\tcreatedSecretKey: payload.response.JwtToken,\n\t\t};\n\t}\n\tcase actions.createApiKey.FAILURE:\n\tcase actions.SHOW_CREATE_APIKEY_MODAL:\n\t\treturn {\n\t\t\t...state,\n\t\t\tmodals: {\n\t\t\t\t...state.modals,\n\t\t\t},\n\t\t\tcreatedSecretKey: null,\n\t\t};\n\tcase auth.actions.LOGOUT_SUCCESS:\n\t\treturn { ...initialState };\n\tdefault:\n\t\treturn state;\n\t}\n};\n","export default {\n\ttokens: state => state.apiKeys.tokens,\n\tcreatedSecretKey: state => state.apiKeys.createdSecretKey,\n\tmodals: state => state.apiKeys.modals,\n};\n","import { fork, put, select, takeEvery } from 'redux-saga/effects';\nimport { push } from 'connected-react-router';\nimport {\n\tcreateApiKey,\n\tgetApiKeys,\n\trevokeApiKey,\n} from '@api';\nimport { ModalPopups } from '@enums';\nimport { addHashToUrl, removeHashFromUrl } from '@global';\nimport { BaseGetSagaHandler } from '@redux';\nimport actions from './actions';\n\n\nfunction* watchGetApiKeysRequest() {\n\tyield takeEvery(actions.getApiKeys.REQUEST, BaseGetSagaHandler, {\n\t\tapiMethod: getApiKeys,\n\t\terrorText: 'Get Clients',\n\t\thandler: actions.getApiKeys,\n\t});\n}\nfunction* revokeApiKeySagaHandler({ payload: { onEndRequest, ...others } }) {\n\tconst isSuccess = yield BaseGetSagaHandler({\n\t\tapiMethod: revokeApiKey,\n\t\terrorText: 'Api Key Revoke',\n\t\thandler: actions.revokeApiKey,\n\t\tonEndRequest,\n\t}, { payload: others });\n\n\tif (isSuccess) {\n\t\tyield put(actions.getApiKeys.request());\n\t}\n}\n\nfunction* createApiKeyRequestSaga({ payload }) {\n\tpayload.MT5TradeCodesList = payload.MT5TradeCodesList.filter(v => !!v);\n\tconst isSuccess = yield BaseGetSagaHandler({\n\t\tapiMethod: createApiKey,\n\t\terrorText: 'Create Api Key',\n\t\thandler: actions.createApiKey,\n\t}, { payload });\n\n\tif (isSuccess) {\n\t\tyield put(actions.getApiKeys.request());\n\t}\n}\n\nfunction GetModalPopupType(type) {\n\tswitch (type) {\n\tcase actions.SHOW_CREATE_APIKEY_MODAL:\n\t\treturn ModalPopups.CREATE_APIKEY;\n\tdefault:\n\t\treturn '';\n\t}\n}\nfunction* showModal({ type }) {\n\tconst location = yield select(state => state.router.location);\n\tyield put(push(addHashToUrl(location, GetModalPopupType(type))));\n}\n\nfunction* hideModal({ payload }) {\n\tconst location = yield select(state => state.router.location);\n\tyield put(push(removeHashFromUrl(location, payload)));\n}\n\nfunction* watchRevokeApiKeyRequest() {\n\tyield takeEvery(actions.revokeApiKey.REQUEST, revokeApiKeySagaHandler);\n}\n\nfunction* watchCreateApiKeyRequest() {\n\tyield takeEvery(actions.createApiKey.REQUEST, createApiKeyRequestSaga);\n}\n\nfunction* watchShowModal() {\n\tyield takeEvery([\n\t\tactions.SHOW_CREATE_APIKEY_MODAL,\n\t], showModal);\n}\n\nfunction* watchHideModal() {\n\tyield takeEvery(actions.HIDE_MODAL, hideModal);\n}\n// Root saga\nconst rootSaga = [\n\tfork(watchGetApiKeysRequest),\n\tfork(watchRevokeApiKeyRequest),\n\tfork(watchCreateApiKeyRequest),\n\tfork(watchShowModal),\n\tfork(watchHideModal),\n];\n\nexport default {\n\trootSaga,\n};\n","import actions from \"./actions\";\r\n\r\nconst initialState = {\r\n\tcaptchaIsRequired: false,\r\n\ttwoFactorIsRequired: false,\r\n};\r\n\r\nexport default (state = initialState, { type, payload }) => {\r\n\tswitch (type) {\r\n\t\tcase actions.SET_CAPTCHA_IS_REQUIRED:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tcaptchaIsRequired: payload.value,\r\n\t\t\t};\r\n\t\tcase actions.SET_TWO_FACTOR_IS_REQUIRED:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\ttwoFactorIsRequired: payload.value,\r\n\t\t\t};\r\n\t\tdefault:\r\n\t\t\treturn state;\r\n\t}\r\n};\r\n","/* eslint-disable no-plusplus */\r\nimport { put, fork, takeEvery, call, select, take, race } from 'redux-saga/effects';\r\nimport { SubmissionError, change } from 'redux-form';\r\nimport { loginLocal } from '@api';\r\nimport { cabinetLog } from '@global';\r\nimport { auth, captcha } from '@redux';\r\nimport selectors from './selectors';\r\nimport { translate } from '@global';\r\nimport actions from './actions';\r\n\r\nconst twoFactorStates = {\r\n\tNOT_REQUIRED: 'NOT_REQUIRED',\r\n\tREQUIRED_FIRST_TIME: 'REQUIRED_FIRST_TIME',\r\n\tREQUIRED_AFTER_WRONG_CODE: 'REQUIRED_AFTER_WRONG_CODE'\r\n}\r\n\r\nfunction* loginFormSubmit({ payload: { username, password, securityCode }}) {\r\n\ttry {\r\n\t\tconst { success, token: captchaToken } = yield* getCaptchaTokenIfNeeded();\r\n\r\n\t\tif (!success) return;\r\n\r\n\t\tconst loginResponse = yield* performLoginRequest(username, password, captchaToken, securityCode);\r\n\t\t\r\n\t\tif (loginResponse.data.Success) {\r\n\t\t\tyield* authorizeSuccess(username, loginResponse);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (loginResponse.data.Errors[0].Code === 'Authorized') {\r\n\t\t\tyield* authorizeSuccess(username, loginResponse, 'Authorized auth error');\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst errors = loginResponse.data\r\n\t\t\t.Errors\r\n\t\t\t.filter(x => !!x.Message)\r\n\t\t\t.map(x => ({ code: x.Code, message: x.Message }));\r\n\r\n\t\tyield* handleNeedCaptcha(loginResponse.data.Errors);\r\n\r\n\t\tconst twoFactorState = yield* handleNeedTwoFactor(loginResponse.data.Errors);\r\n\r\n\t\tconst lastTwoFactorCodeWasWrong = twoFactorState == twoFactorStates.REQUIRED_AFTER_WRONG_CODE;\r\n\r\n\t\tif (lastTwoFactorCodeWasWrong) {\r\n\t\t\terrors.push({\r\n\t\t\t\tcode: \"Wrong_Two_Factor\",\r\n\t\t\t\tmessage: translate('shared_totp_invalid_code', 'The security code is wrong')\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tyield* authorizeFailure(errors);\t\r\n\r\n\t} catch (error) {\r\n\t\tRaven.captureMessage('loginFormSubmit exception', { extra: error });\r\n\r\n\t\tyield* authorizeFailure([{\r\n\t\t\tcode: 'NETWORK_ERROR', \r\n\t\t\tmessage: 'NETWORK ERROR'\r\n\t\t}]);\r\n\r\n\t\tconsole.error(error);\r\n\t}\r\n}\r\n\r\nfunction* authorizeSuccess(username, loginResponse, logMessage = 'success auth') {\r\n\tyield put(actions.login.success());\r\n\tcabinetLog(logMessage, loginResponse.data);\r\n\tyield put(auth.actions.loginLocal({ username, token: loginResponse.data.SignalRToken }));\r\n\tyield put(actions.setCaptchaIsRequired(false))\r\n\tyield put(actions.setTwoFactorIsRequired(false))\r\n}\r\n\r\nfunction* authorizeFailure(errors) {\r\n\tyield put(actions.login.failure(new SubmissionError({\r\n\t\t_error: errors,\r\n\t})));\r\n}\r\n\r\nfunction* handleNeedCaptcha(errors) {\r\n\tconst captchaRequired = errors.some(x => x.Code === 'Need_Captcha')\r\n\r\n\tconst captchaWasRequired = yield select(selectors.captchaIsRequired);\r\n\r\n\tyield put(actions.setCaptchaIsRequired(captchaRequired))\r\n\r\n\tif (captchaWasRequired)\r\n\t{\r\n\t\tyield put(captcha.actions.reset.request())\r\n\t}\r\n}\r\n\r\nfunction* handleNeedTwoFactor(errors) {\r\n\tconst twoFactorIsRequired = errors.some(x => x.Code === 'Need_Two_Factor')\r\n\r\n\tconst twoFactorWasRequired = yield select(selectors.twoFactorIsRequired);\r\n\r\n\tyield put(actions.setTwoFactorIsRequired(twoFactorIsRequired))\r\n\r\n\tif (twoFactorWasRequired) {\r\n\t\tyield put(change('loginForm', 'securityCode', ''));\r\n\t};\r\n\r\n\treturn twoFactorIsRequired\r\n\t\t? twoFactorWasRequired\r\n\t\t\t? twoFactorStates.REQUIRED_AFTER_WRONG_CODE\r\n\t\t\t: twoFactorStates.REQUIRED_FIRST_TIME\r\n\t\t: twoFactorStates.NOT_REQUIRED;\r\n}\r\n\r\nfunction* getCaptchaTokenIfNeeded() {\r\n\tconst captchaIsRequired = yield select(selectors.captchaIsRequired);\r\n\r\n\tif (!captchaIsRequired) return { success: true, token: null };\r\n\t\r\n\tconst { success, token } = yield* getCaptchaToken();\r\n\tif (!success)\r\n\t{\r\n\t\tyield* authorizeFailure([{\r\n\t\t\tcode: 'VALIDATION_ERROR',\r\n\t\t\tmessage: 'An internal server error'\r\n\t\t}]);\r\n\r\n\t\treturn { success: false }\r\n\t}\r\n\r\n\tif (!token)\r\n\t{\r\n\t\tyield* authorizeFailure([{\r\n\t\t\tcode: 'WRONG_CAPTCHA',\r\n\t\t\tmessage: translate('shared_captcha_incorrect', 'The code you entered is not valid.')\r\n\t\t}]);\r\n\r\n\t\treturn { success: false }\r\n\t}\r\n\r\n\treturn { success: true, token };\r\n}\r\n\r\nfunction* getCaptchaToken() {\r\n\tyield put(captcha.actions.validate.request());\r\n\r\n const { success, failure } = yield race({\r\n\t\tsuccess: take(captcha.actions.validate.SUCCESS),\r\n\t\tfailure: take(captcha.actions.validate.FAILURE),\r\n\t});\r\n\t \r\n\tif (success) {\r\n\t\treturn { success: true, token: success.payload.response.Token };\r\n\t} else if (failure) {\r\n\t\treturn { success: false };\r\n\t}\r\n}\r\n\r\nfunction* performLoginRequest(username, password, captchaToken, securityCode) {\r\n\tconst loginResponse = yield call(loginLocal, username, password, captchaToken, securityCode);\r\n\r\n\tif (typeof loginResponse.data !== 'string') return loginResponse;\r\n\r\n\t// if was error with status 200\r\n\tRaven.captureMessage('loginResponse.data === string', { extra: { text: loginResponse.data.substr(0, 200) } });\r\n\r\n\tloginResponse.data = {\r\n\t\tSuccess: false,\r\n\t\tErrors: [{\r\n\t\t\tCode: 'Unknown',\r\n\t\t\tMessage: 'An internal server error',\r\n\t\t}],\r\n\t};\r\n\r\n\treturn loginResponse;\r\n}\r\n\r\n// Watchers\r\nfunction* watchLoginFormSubmit() {\r\n\tyield takeEvery(actions.login.REQUEST, loginFormSubmit);\r\n}\r\n\r\n// Root saga\r\nconst rootSaga = [\r\n\tfork(watchLoginFormSubmit),\r\n];\r\n\r\nexport default {\r\n\trootSaga,\r\n};\r\n","import actions from './actions';\nimport auth from '../auth';\n\n\nconst initialState = {\n\tdebtDocs: null,\n\tchangeLeverage: {\n\t\tsubmitting: false,\n\t\tvalidationErrors: [],\n\t\terrors: [],\n\t\tsuccess: false,\n\t}\n};\n\nexport default (state = initialState, { type, payload }) => {\n\tswitch (type) {\n\tcase auth.actions.LOGOUT_SUCCESS:\n\t\treturn { ...initialState };\n\t \n\tcase actions.sendNonTradingOrderLeverageForm.FAILURE:\n\t\treturn {\n\t\t\tchangeLeverage: {\n\t\t\t\terrors: payload.errors,\n\t\t\t\tsubmitting: false,\n\t\t\t}\n\t\t}\n\tcase actions.sendNonTradingOrderLeverageForm.REQUEST:\n\t\treturn {\n\t\t\tchangeLeverage: {\n\t\t\t\t...state.changeLeverage,\n\t\t\t\tsubmitting: true,\n\t\t\t}\n\t\t}\n\tcase actions.sendNonTradingOrderLeverageForm.SUCCESS:\n\t\treturn {\n\t\t\tchangeLeverage: {\n\t\t\t\tsuccess: payload.Success,\n\t\t\t\tsubmitting: false,\n\t\t\t}\n\t\t}\n\tdefault:\n\t\treturn state;\n\t}\n};\n\n","export default {\n\tdebtDocs: state => state.nontradingOrders.debtDocs,\n\tchangeLeverage: state => state.nontradingOrders.changeLeverage,\n};","import { call, fork, put, select, takeEvery, delay } from 'redux-saga/effects';\nimport { push } from 'connected-react-router';\nimport {\n\tsendNonTradingCommonOrder,\n\tsendNonTradingIdentityOrder,\n\tsendNonTradingLeverageOrder,\n\tsendNonTradingRegistrationOrder,\n\tsendNonTradingOpenAccount,\n\tsendNonTradingOpenDemoAccount,\n\tsendNonTradingBonusOrder,\n} from '@api';\nimport { removeHashFromUrl, cabinetLog } from '@global';\nimport { BaseGetSagaHandler, userAccounts } from '@redux';\nimport actions from './actions';\n\n\nfunction* hideNonTradingOrderModal({ payload }) {\n\tconst location = yield select(state => state.router.location);\n\tyield put(push(removeHashFromUrl(location, payload)));\n}\n\nfunction* sendNonTradingOrderCommonSubmitSaga({ payload }) {\n\tconst isSuccess = yield BaseGetSagaHandler({\n\t\tapiMethod: sendNonTradingCommonOrder,\n\t\terrorText: 'Free form order',\n\t\thandler: actions.sendNonTradingOrderCommonForm,\n\t}, { payload });\n\n\tif (isSuccess) {\n\t\tyield put(userAccounts.actions.reloadTransactionHistory());\n\t}\n}\n\nfunction* sendNonTradingOrderIdentitySubmitSaga({ payload }) {\n\tconst isSuccess = yield BaseGetSagaHandler({\n\t\tapiMethod: sendNonTradingIdentityOrder,\n\t\terrorText: 'Identification document uploading',\n\t\thandler: actions.sendNonTradingOrderIdentityForm,\n\t}, { payload });\n\n\tif (isSuccess) {\n\t\tyield put(userAccounts.actions.reloadTransactionHistory());\n\t}\n}\n\nfunction* sendNonTradingOrderLeverageSubmitSaga({ payload }) {\n\tconst isSuccess = yield BaseGetSagaHandler({\n\t\tapiMethod: sendNonTradingLeverageOrder,\n\t\terrorText: 'Change in leverage',\n\t\thandler: actions.sendNonTradingOrderLeverageForm,\n\t}, { payload });\n\n\tif (isSuccess) {\n\t\tyield put(userAccounts.actions.reloadTransactionHistory());\n\t}\n}\n\nfunction* sendNonTradingOrderRegistrationSubmitSaga({ payload }) {\n\tconst isSuccess = yield BaseGetSagaHandler({\n\t\tapiMethod: sendNonTradingRegistrationOrder,\n\t\terrorText: 'Free form order',\n\t\thandler: actions.sendNonTradingOrderRegistrationForm,\n\t}, { payload });\n\n\tif (isSuccess) {\n\t\tyield put(userAccounts.actions.reloadTransactionHistory());\n\t}\n}\nfunction* sendNonTradingOpenAccountSubmitSaga({ payload }) {\n\tconst isSuccess = yield BaseGetSagaHandler({\n\t\tapiMethod: sendNonTradingOpenAccount,\n\t\terrorText: 'Open Account Error',\n\t\thandler: actions.sendNonTradingOpenAccount,\n\t}, { payload });\n\n\tif (isSuccess) {\n\t\tyield put(userAccounts.actions.reloadTransactionHistory());\n\t\tyield delay(10000);\n\t\tyield put(userAccounts.actions.getAccountsRequest());\n\t}\n}\n\nfunction* sendNonTradingOpenDemoAccountSubmitSaga({ payload }) {\n\tconst isSuccess = yield BaseGetSagaHandler({\n\t\tapiMethod: sendNonTradingOpenDemoAccount,\n\t\terrorText: 'Open Demo Account Error',\n\t\thandler: actions.sendNonTradingOpenDemoAccount,\n\t}, { payload });\n\n\tif (isSuccess) {\n\t\tyield put(userAccounts.actions.getAccountsRequest());\n\t\tyield put(userAccounts.actions.getAllAccountsInfo.request());\n\t}\n}\nfunction* sendNonTradingOrderBonusSubmitSaga({ payload }) {\n\tconst isSuccess = yield BaseGetSagaHandler({\n\t\tapiMethod: sendNonTradingBonusOrder,\n\t\terrorText: 'Change bonus bequested',\n\t\thandler: actions.sendNonTradingOrderBonusForm,\n\t}, { payload });\n\n\tif (isSuccess) {\n\t\tyield put(userAccounts.actions.reloadTransactionHistory());\n\t\tyield delay(1000);\n\t\tyield put(userAccounts.actions.getAccountInfoRequest({tradeCode: payload.TradeCode}));\n\t}\n}\n\n\nfunction* watchHideNonTradingOrderModal() {\n\tyield takeEvery(actions.HIDE_NON_TRADING_ORDER_MODAL, hideNonTradingOrderModal);\n}\n\nfunction* watchNonTradingOrderCommonSubmit() {\n\tyield takeEvery(actions.sendNonTradingOrderCommonForm.REQUEST, sendNonTradingOrderCommonSubmitSaga);\n}\n\nfunction* watchNonTradingOrderIdentitySubmit() {\n\tyield takeEvery(actions.sendNonTradingOrderIdentityForm.REQUEST, sendNonTradingOrderIdentitySubmitSaga);\n}\n\nfunction* watchNonTradingOrderLeverageSubmit() {\n\tyield takeEvery(actions.sendNonTradingOrderLeverageForm.REQUEST, sendNonTradingOrderLeverageSubmitSaga);\n}\n\nfunction* watchNonTradingOrderRegistrationSubmit() {\n\tyield takeEvery(actions.sendNonTradingOrderRegistrationForm.REQUEST, sendNonTradingOrderRegistrationSubmitSaga);\n}\nfunction* watchNonTradingOpenAccountSubmit() {\n\tyield takeEvery(actions.sendNonTradingOpenAccount.REQUEST, sendNonTradingOpenAccountSubmitSaga);\n}\nfunction* watchNonTradingOpenDemoAccountSubmit() {\n\tyield takeEvery(actions.sendNonTradingOpenDemoAccount.REQUEST, sendNonTradingOpenDemoAccountSubmitSaga);\n}\nfunction* watchNonTradingOrderBonusSubmit() {\n\tyield takeEvery(actions.sendNonTradingOrderBonusForm.REQUEST, sendNonTradingOrderBonusSubmitSaga);\n}\n\n// Root saga\nconst rootSaga = [\n\tfork(watchHideNonTradingOrderModal),\n\tfork(watchNonTradingOrderCommonSubmit),\n\tfork(watchNonTradingOrderIdentitySubmit),\n\tfork(watchNonTradingOrderLeverageSubmit),\n\tfork(watchNonTradingOrderRegistrationSubmit),\n\tfork(watchNonTradingOpenAccountSubmit),\n\tfork(watchNonTradingOpenDemoAccountSubmit),\n\tfork(watchNonTradingOrderBonusSubmit),\n];\n\nexport default {\n\trootSaga,\n};\n","import { ModalPopups } from '@enums';\nimport actions from './actions';\n\n\nconst initialState = {\n};\n\nexport default (state = initialState, { type, payload }) => {\n\tswitch (type) {\n\tdefault:\n\t\treturn state;\n\t}\n};\n","export default {\n};","import { call, fork, put, select, takeEvery } from 'redux-saga/effects';\nimport {\n\tcyMoneyOutSimple,\n} from '@api';\nimport { BaseGetSagaHandler, userAccounts } from '@redux';\nimport actions from './actions';\n\nfunction* cyWithdrawalEmoneyFormSagaHandler({ payload }) {\n\tconst isSuccess = yield BaseGetSagaHandler({\n\t\tapiMethod: cyMoneyOutSimple,\n\t\terrorText: 'Withdrawal Funds',\n\t\thandler: actions.cyWithdrawalEmoneyForm,\n\t}, { payload });\n\n\tif (isSuccess) {\n\t\tyield put(userAccounts.actions.reloadTransactionHistory());\n\t}\n}\n\nfunction* watchcyWithdrawalEmoneyFormSubmitRequest() {\n\tyield takeEvery(actions.cyWithdrawalEmoneyForm.REQUEST, cyWithdrawalEmoneyFormSagaHandler);\n}\n\n// Root saga\nconst rootSaga = [\n\tfork(watchcyWithdrawalEmoneyFormSubmitRequest),\n];\n\nexport default {\n\trootSaga,\n};\n","\r\nimport { ModalPopups } from '@enums';\r\nimport actions from './actions';\r\nimport authActions from '../auth/actions';\r\n\r\nconst initialState = {\r\n\tprofile: {\r\n\t\tsubmitting: true,\r\n\t\tPersonalInformation: {},\r\n\t\tEmploymentProfile: {},\r\n\t\tDocuments: [],\r\n\t\terror: false,\r\n\t},\r\n\tconfirmEmail: {\r\n\t\tsubmitting: true,\r\n\t},\r\n\tmodals: {\r\n\t},\r\n};\r\n\r\nexport default (state = initialState, { type, payload }) => {\r\n\tswitch (type) {\r\n\t\tcase actions.GET_PROFILE_REQUEST:\r\n\t\t\treturn { ...state };\r\n\t\tcase actions.GET_PROFILE_SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tprofile: {\r\n\t\t\t\t\t...payload,\r\n\t\t\t\t\tsubmitting: false,\r\n\t\t\t\t\terror: false,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.GET_PROFILE_FAILURE:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tprofile: {\r\n\t\t\t\t\tsubmitting: false,\r\n\t\t\t\t\tPersonalInformation: {},\r\n\t\t\t\t\tEmploymentProfile: {},\r\n\t\t\t\t\tDocuments: [],\r\n\t\t\t\t\terror: true,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.confirmEmailGetUrl.SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tconfirmEmail: {\r\n\t\t\t\t\tsubmitting: false,\r\n\t\t\t\t\tsuccess: true,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.confirmEmailGetUrl.FAILURE:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tconfirmEmail: {\r\n\t\t\t\t\tsubmitting: false,\r\n\t\t\t\t\tsuccess: false,\r\n\t\t\t\t\terror: payload.error.errors._error,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.SHOW_CHANGE_PHONE_MODAL:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tmodals: {\r\n\t\t\t\t\t...state.modals,\r\n\t\t\t\t\t[ModalPopups.CHANGE_PROFILE_PHONE]: payload,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase actions.HIDE_PROFILE_MODAL:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tmodals: {\r\n\t\t\t\t\t...state.modals,\r\n\t\t\t\t\t[payload]: undefined,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\tcase authActions.LOGOUT_SUCCESS:\r\n\t\t\treturn { ...initialState };\r\n\t\tdefault:\r\n\t\t\treturn state;\r\n\t}\r\n};\r\n","export default {\r\n\tprofile: state => state.profile.profile,\r\n\tconfirmEmail: state => state.profile.confirmEmail,\r\n\tmodals: state => state.profile.modals,\r\n\tclientSecretCode: state => state.profile.ClientSecretCode,\r\n\tqrCode: state => state.profile.QRCode,\r\n\ttotpAuthentication: state => state.profile.totpAuthentication,\r\n};\r\n","import { fork, put, select, takeEvery, takeLatest } from 'redux-saga/effects';\r\nimport { push } from 'connected-react-router';\r\nimport { BaseGetSagaHandler, callApi, snackbar, userAccounts, profile as profileModule } from '@redux';\r\nimport {\r\n\tprofile,\r\n\tchangePassword,\r\n\tchangePhone,\r\n\tconfirmEmail,\r\n} from '@api';\r\nimport { ModalPopups } from '@enums';\r\nimport { addHashToUrl, captureException, removeHashFromUrl, captureError } from '@global';\r\nimport actions from './actions';\r\n\r\nfunction* profileSaga() {\r\n\ttry {\r\n\t\tconst response = yield callApi(profile);\r\n\t\tif (!response.data.Success) {\r\n\t\t\tyield put(snackbar.actions.showErrorMessage({\r\n\t\t\t\ttitle: 'Get User Profile',\r\n\t\t\t\ttext: response.data.Errors[0].Message,\r\n\t\t\t}));\r\n\t\t\tyield put(actions.getProfileFailure(response.data.Errors[0].Message));\r\n\t\t} else {\r\n\t\t\tyield put(actions.getProfileSuccess(response.data.ProfileData));\r\n\t\t}\r\n\t} catch (error) {\r\n\t\tcaptureException('profileSaga', error);\r\n\t\tyield put(snackbar.actions.showErrorMessage({ title: 'Get User Profile', text: error.message }));\r\n\t\tyield put(actions.getProfileFailure(error.message));\r\n\t}\r\n}\r\n\r\nfunction* changePhoneFormSubmit({ payload }) {\r\n\tconst isSuccess = yield BaseGetSagaHandler({\r\n\t\tapiMethod: changePhone,\r\n\t\terrorText: 'Change phone',\r\n\t\thandler: actions.changeProfilePhoneFormSubmitHandler,\r\n\t}, { payload });\r\n\tif (isSuccess) {\r\n\t\tyield put(userAccounts.actions.getAccountsRequest());\r\n\t}\r\n}\r\n\r\nfunction* hideConfirmEmailModal() {\r\n\tconst { hash } = yield select(state => state.router.location);\r\n\tconst request = yield put(push(`/dashboard${(hash || '')}`));\r\n}\r\n\r\n\r\nfunction GetModalPopupType(actionType) {\r\n\tswitch (actionType) {\r\n\t\tcase actions.SHOW_CHANGE_PHONE_MODAL:\r\n\t\t\treturn ModalPopups.CHANGE_PROFILE_PHONE;\r\n\t\tcase actions.SHOW_DEMO_ACCOUNT_EXPIRATION_MODAL:\r\n\t\t\treturn ModalPopups.DEMO_ACCOUNT_EXPIRATION;\r\n\t\tdefault:\r\n\t\t\treturn '';\r\n\t}\r\n}\r\n\r\nfunction* showProfileModal({ type }) {\r\n\t// get current location\r\n\tconst location = yield select(state => state.router.location);\r\n\t// show modal\r\n\tyield put(push(addHashToUrl(location, GetModalPopupType(type))));\r\n}\r\n\r\nfunction* hideProfileModal({ payload }) {\r\n\tconst location = yield select(state => state.router.location);\r\n\tyield put(push(removeHashFromUrl(location, payload)));\r\n}\r\n\r\nfunction* changePasswordFormSubmitSaga({ payload }) {\r\n\ttry {\r\n\t\tconst request = yield callApi(changePassword, payload);\r\n\t\tif (!request.data.Success) {\r\n\t\t\tyield put(actions.changePasswordFormSubmit.failure(request.data.Errors[0].Message));\r\n\t\t\tyield put(snackbar.actions.showErrorMessage({ title: 'Change Password', text: request.data.Errors[0].Message }));\r\n\t\t} else {\r\n\t\t\tyield put(actions.changePasswordFormSubmit.success());\r\n\t\t}\r\n\t} catch (error) {\r\n\t\tcaptureError(error);\r\n\t\tyield put(actions.changePasswordFormSubmit.failure(error));\r\n\t}\r\n}\r\n\r\n// Watchers\r\nfunction* watchProfile() {\r\n\tyield takeEvery(actions.GET_PROFILE_REQUEST, profileSaga);\r\n}\r\nfunction* watchChangePhoneFormSubmit() {\r\n\tyield takeEvery(actions.CHANGE_PHONE_FORM_SUBMIT_REQUEST, changePhoneFormSubmit);\r\n}\r\n\r\nfunction* watchConfirmEmailGetUrl() {\r\n\tyield takeEvery(actions.confirmEmailGetUrl.REQUEST, BaseGetSagaHandler, {\r\n\t\tapiMethod: confirmEmail,\r\n\t\terrorText: 'Confirm Email',\r\n\t\thandler: actions.confirmEmailGetUrl,\r\n\t});\r\n}\r\nfunction* watchHideConfirmEmailModal() {\r\n\tyield takeEvery(actions.HIDE_CONFIRM_EMAIL_MODAL, hideConfirmEmailModal);\r\n}\r\n\r\nfunction* watchShowProfileModal() {\r\n\tyield takeEvery([\r\n\t\tactions.SHOW_CHANGE_PHONE_MODAL,\r\n\t\tactions.SHOW_DEMO_ACCOUNT_EXPIRATION_MODAL,\r\n\t], showProfileModal);\r\n}\r\nfunction* watchHideProfileModal() {\r\n\tyield takeEvery(actions.HIDE_PROFILE_MODAL, hideProfileModal);\r\n}\r\n\r\nfunction* watchChangePasswordFormSubmit() {\r\n\tyield takeEvery(actions.changePasswordFormSubmit.REQUEST, changePasswordFormSubmitSaga);\r\n}\r\n\r\n// Root saga\r\nconst rootSaga = [\r\n\tfork(watchProfile),\r\n\tfork(watchChangePhoneFormSubmit),\r\n\tfork(watchConfirmEmailGetUrl),\r\n\tfork(watchHideConfirmEmailModal),\r\n\tfork(watchShowProfileModal),\r\n\tfork(watchHideProfileModal),\r\n\tfork(watchChangePasswordFormSubmit)\r\n];\r\n\r\nexport default {\r\n\trootSaga,\r\n};\r\n","\nexport default {\n\n\treports: state => state.reports.accountReports,\n\tgenerateSubmitting: state => state.reports.generateSubmitting,\n};\n","import actions from './actions';\nimport auth from '../auth';\n\nconst initialState = {\n\trequestEmail: null,\n};\n\nexport default (state = initialState, { type, payload }) => {\n\tswitch (type) {\n\tcase actions.resetByEmail.REQUEST:\n\t\treturn {\n\t\t\t...state,\n\t\t\trequestEmail: payload.Email,\n\t\t};\n\tcase auth.actions.LOGOUT_SUCCESS:\n\t\treturn { ...initialState };\n\tdefault:\n\t\treturn state;\n\t}\n};\n","export default {\n\trequestEmail: state => state.reset.requestEmail,\n};\n","import { fork, takeEvery, put, select } from 'redux-saga/effects';\nimport {resetByEmail, resetByOperator, resetPassword, sendConfirmationByEmail} from '@api';\nimport {BaseGetSagaHandler} from '@redux';\nimport actions from './actions';\n\n\nfunction* watchResetByEmail() {\n\tyield takeEvery(actions.resetByEmail.REQUEST, BaseGetSagaHandler, {\n\t\tapiMethod: resetByEmail,\n\t\terrorText: 'Reset By Email',\n\t\thandler: actions.resetByEmail,\n\t});\n}\n\nfunction* watchSendConfirmationForResetByEmail() {\n\tyield takeEvery(actions.sendConfirmationForResetByEmail.REQUEST, BaseGetSagaHandler, {\n\t\tapiMethod: sendConfirmationByEmail,\n\t\terrorText: 'Send Reset Confirmation Code',\n\t\thandler: actions.sendConfirmationForResetByEmail,\n\t});\n}\n\nfunction* watchResetPassword() {\n\tyield takeEvery(actions.resetPassword.REQUEST, BaseGetSagaHandler, {\n\t\tapiMethod: resetPassword,\n\t\terrorText: 'Reset Password',\n\t\thandler: actions.resetPassword,\n\t});\n}\n\nfunction* watchResetByOperator() {\n\tyield takeEvery(actions.resetByOperator.REQUEST, BaseGetSagaHandler, {\n\t\tapiMethod: resetByOperator,\n\t\terrorText: 'Reset By Operator',\n\t\thandler: actions.resetByOperator,\n\t});\n}\n\n// Root saga\nconst rootSaga = [\n\tfork(watchResetByEmail),\n\tfork(watchSendConfirmationForResetByEmail),\n\tfork(watchResetPassword),\n\tfork(watchResetByOperator),\n];\n\nexport default {\n\trootSaga,\n};\n\n","const initialState = {\n};\n\nexport default (state = initialState, { type, payload }) => {\n\tswitch (type) {\n\tdefault:\n\t\treturn state;\n\t}\n};\n","export default {\n\n};\n","import { env } from '@config';\nimport { cabinetLog, globalState } from '@global';\nimport * as signalR from '@microsoft/signalr';\nimport { reports, signalR as signalRRedux } from '@redux';\nimport { channel } from 'redux-saga';\nimport { fork, put, take, takeEvery } from 'redux-saga/effects';\n\nimport actions from './actions';\n\nconst signalRChannel = channel();\n\nlet connection;\n\nfunction* reconnectSignalRSaga() {\n\tconst isLoggedIn = !!globalState.localToken;\n\n\tif (isLoggedIn && connection.state === signalR.HubConnectionState.Disconnected) {\n\t\tcabinetLog('reconnectSignalR');\n\t\tconnection.start().catch(() => setTimeout(() => signalRChannel.put(signalRRedux.actions.reconnectSignalR()), 5000));\n\t}\n}\n\n// Watchers\nfunction* connectSignalRSaga() {\n\tconst options = { headers: { Authorization: globalState.localToken } };\n\n\tconnection = new signalR.HubConnectionBuilder()\n\t\t.configureLogging(signalR.LogLevel.None)\n\t\t.withUrl(env.signalRUrl, options)\n\t\t.build();\n\n\tconnection.on('ReportReady', (message) => {\n\t\t// update Reports\n\t\tcabinetLog(`receive method=\"ReportReady\", message=\"${message}\"`);\n\t\tsignalRChannel.put(reports.actions.getBrokerReports.request());\n\t});\n\tconnection.onclose((err) => setTimeout(() => signalRChannel.put(signalRRedux.actions.reconnectSignalR()), 5000));\n\tconnection.start().catch((err) => setTimeout(() => signalRChannel.put(signalRRedux.actions.reconnectSignalR()), 5000));\n}\n\nfunction disconnectSignalRSaga() {\n\tif (connection) {\n\t\tcabinetLog('disconnectSignalRSaga');\n\t\tconnection.stop();\n\t}\n}\n\nfunction* watchConnectSignalR() {\n\tyield takeEvery(actions.CONNECT_SIGNAL_R, connectSignalRSaga);\n}\n\nfunction* watchDisconnectSignalR() {\n\tyield takeEvery(actions.DISCONNECT_SIGNAL_R, disconnectSignalRSaga);\n}\nfunction* watchReconnectSignalR() {\n\tyield takeEvery(actions.RECONNECT_SIGNAL_R, reconnectSignalRSaga);\n}\n\nfunction* watchSignalRChannel() {\n\twhile (true) {\n\t\tconst action = yield take(signalRChannel);\n\t\tyield put(action);\n\t}\n}\n\n// Root saga\nconst rootSaga = [\n\tfork(watchConnectSignalR),\n\tfork(watchDisconnectSignalR),\n\tfork(watchSignalRChannel),\n\tfork(watchReconnectSignalR),\n];\n\nexport default {\n\trootSaga,\n};\n","import actions from './actions';\r\nimport authActions from '../auth/actions';\r\n\r\nconst initialState = {\r\n\tisVisible: false,\r\n\tmessage: null,\r\n};\r\n\r\n\r\nexport default (state = initialState, { type, payload }) => {\r\n\tswitch (type) {\r\n\tcase actions.SHOW_ERROR_MESSAGE:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tmessage: { ...payload },\r\n\t\t\tisVisible: true,\r\n\t\t};\r\n\tcase actions.HIDE_ERROR_MESSAGE:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tisVisible: false,\r\n\t\t\t// message: null, // for correct animation\r\n\t\t};\r\n\tcase actions.SHOW_MESSAGE:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tmessage: { ...payload },\r\n\t\t\tisVisible: true,\r\n\t\t};\r\n\tcase actions.HIDE_MESSAGE:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tisVisible: false,\r\n\t\t\t// message: null, // for correct animation\r\n\t\t};\r\n\r\n\tdefault:\r\n\t\treturn state;\r\n\t}\r\n};\r\n","export default {\r\n\tsnackbarInfo: state => ({\r\n\t\tisVisible: state.snackbar.isVisible,\r\n\t\tmessage: state.snackbar.message,\r\n\t}),\r\n};\r\n","import actions from './actions';\r\nimport auth from '../auth';\r\n\r\nconst initialState = {\r\n\tsubmitting: false,\r\n\tcommissionFree: {\r\n\t\tsubmitting: false,\r\n\t\terror: false,\r\n\t\tsubmitSucceeded: false,\r\n\t},\r\n\topenTradexUrl: {\r\n\t\tsubmitting: false,\r\n\t},\r\n};\r\n\r\nexport default (state = initialState, { type, payload }) => {\r\n\tswitch (type) {\r\n\tcase actions.SHOW_J2T_LITE_MODAL:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tsubmitting: false,\r\n\t\t};\r\n\r\n\tcase actions.SHOW_J2T_PLUS_MODAL:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tsubmitting: false,\r\n\t\t};\r\n\r\n\tcase actions.SHOW_J2T_PRO_MODAL:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tsubmitting: false,\r\n\t\t};\r\n\r\n\tcase actions.SHOW_MT5_MODAL:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tsubmitting: false,\r\n\t\t};\r\n\r\n\tcase actions.SHOW_STPRO_MODAL:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tsubmitting: false,\r\n\t\t};\r\n\tcase actions.ACTIVATE_PLATFORM_REQUEST:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tsubmitting: true,\r\n\t\t};\r\n\tcase actions.ACTIVATE_PLATFORM_SUCCESS:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tsubmitting: false,\r\n\t\t};\r\n\tcase actions.ACTIVATE_PLATFORM_FAILURE:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tsubmitting: false,\r\n\t\t};\r\n\r\n\tcase actions.activateCommissionFree.REQUEST:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tcommissionFree: {\r\n\t\t\t\tsubmitting: true,\r\n\t\t\t\terror: false,\r\n\t\t\t\tsubmitSucceeded: false,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\tcase actions.activateCommissionFree.SUCCESS:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tcommissionFree: {\r\n\t\t\t\tsubmitting: false,\r\n\t\t\t\terror: false,\r\n\t\t\t\tsubmitSucceeded: true,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\tcase actions.activateCommissionFree.FAILURE:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tcommissionFree: {\r\n\t\t\t\tsubmitting: false,\r\n\t\t\t\terror: true,\r\n\t\t\t\tsubmitSucceeded: false,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\tcase actions.openTradexUrl.REQUEST:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\topenTradexUrl: {\r\n\t\t\t\tsubmitting: true,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\tcase actions.openTradexUrl.SUCCESS:\r\n\tcase actions.openTradexUrl.FAILURE:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\topenTradexUrl: {\r\n\t\t\t\tsubmitting: false,\r\n\t\t\t},\r\n\t\t};\r\n\tcase auth.actions.LOGOUT_SUCCESS:\r\n\t\treturn { ...initialState };\r\n\r\n\tdefault:\r\n\t\treturn state;\r\n\t}\r\n};\r\n","export default {\r\n\tsubmitting: state => state.tradePlatforms.submitting,\r\n\tcommissionFreeData: state => state.tradePlatforms.commissionFree,\r\n\topenTradexUrlData: state => state.tradePlatforms.openTradexUrl,\r\n};\r\n","import { all, call, put, fork, select, takeEvery } from 'redux-saga/effects';\r\nimport { push } from 'connected-react-router';\r\nimport { activatePlatform } from '@api';\r\nimport { env } from '@config';\r\nimport { AccountPlatforms, ModalPopups } from '@enums';\r\nimport { addHashToUrl, captureException, removeHashesFromUrl, captureError } from '@global';\r\nimport { auth, callApi, snackbar, userAccounts } from '@redux';\r\nimport actions from './actions';\r\nimport { TxGlobalAuth } from '@finam/tx-auth-widget';\r\n\r\n\r\nfunction* activatePlatformsRequest({ payload: { account, tradePlatform } }) {\r\n\ttry {\r\n\t\tconst response = yield callApi(activatePlatform, account.tradeCode, tradePlatform);\r\n\r\n\t\tif (!response.data.Success) {\r\n\t\t\tyield put(actions.activatePlatformFailure(response.data.Errors[0].Message));\r\n\t\t\tyield put(snackbar.actions.showErrorMessage({ title: 'Activate Trade Platform', text: response.data.Errors[0].Message }));\r\n\t\t} else {\r\n\t\t\tyield put(userAccounts.actions.getAccountInfoRequest(account));\r\n\t\t\tyield put(actions.activatePlatformSuccess(response.data));\r\n\t\t}\r\n\t} catch (error) {\r\n\t\tcaptureError(error);\r\n\t\tyield put(snackbar.actions.showErrorMessage({ title: 'Activate Trade Platform', text: error.message }));\r\n\t\tyield put(actions.activatePlatformFailure(error.message));\r\n\t}\r\n}\r\n\r\nfunction* activatePlatformsSuccess() {\r\n\t// get current location\r\n\tconst location = yield select(state => state.router.location);\r\n\t// show modal\r\n\tyield put(push(removeHashesFromUrl(\r\n\t\tlocation,\r\n\t\t[ModalPopups.J2T_LITE, ModalPopups.J2T_PLUS, ModalPopups.J2T_PRO, ModalPopups.MT5, ModalPopups.ST_PRO],\r\n\t)));\r\n}\r\n\r\n\r\nfunction* showJ2tLiteModal() {\r\n\t// get current location\r\n\tconst location = yield select(state => state.router.location);\r\n\t// show modal\r\n\tyield put(push(addHashToUrl(location, ModalPopups.J2T_LITE)));\r\n}\r\n\r\nfunction* showJ2tPlusModal() {\r\n\t// get current location\r\n\tconst location = yield select(state => state.router.location);\r\n\t// show modal\r\n\tyield put(push(addHashToUrl(location, ModalPopups.J2T_PLUS)));\r\n}\r\n\r\nfunction* showJ2tProModal() {\r\n\t// get current location\r\n\tconst location = yield select(state => state.router.location);\r\n\t// show modal\r\n\tyield put(push(addHashToUrl(location, ModalPopups.J2T_PRO)));\r\n}\r\n\r\nfunction* showMt5Modal() {\r\n\t// get current location\r\n\tconst location = yield select(state => state.router.location);\r\n\t// show modal\r\n\tyield put(push(addHashToUrl(location, ModalPopups.MT5)));\r\n}\r\n\r\nfunction* showStProModal() {\r\n\t// get current location\r\n\tconst location = yield select(state => state.router.location);\r\n\t// show modal\r\n\tyield put(push(addHashToUrl(location, ModalPopups.ST_PRO)));\r\n}\r\n\r\nfunction* activateCommissionFreeSaga({ payload: { account, accountInfo: { Tariffs }, platforms } })\r\n{\r\n\ttry {\r\n\t\tconst mustChangePlatform = !platforms || (platforms.ActiveTradePlatform !== AccountPlatforms.PLATFORM_TRANSAQ\r\n\t\t\t&& platforms.PendingTradePlatform !== AccountPlatforms.PLATFORM_TRANSAQ);\r\n\r\n\t\tconst tasks = [];\r\n\t\tif (mustChangePlatform) {\r\n\t\t\ttasks.push(yield callApi(activatePlatform, account.tradeCode, AccountPlatforms.PLATFORM_TRANSAQ));\r\n\t\t}\r\n\r\n\t\tif (tasks.length === 0) {\r\n\t\t\tyield put(actions.activateCommissionFree.success());\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst responseArray = yield all(tasks);\r\n\r\n\t\tlet index = 0;\r\n\t\twhile (index < responseArray.length) {\r\n\t\t\tif (!responseArray[index].data.Success) {\r\n\t\t\t\tyield put(actions.activateCommissionFree.failure(responseArray[index].data.Errors[0].Message));\r\n\t\t\t\tyield put(snackbar.actions.showErrorMessage({\r\n\t\t\t\t\ttitle: 'Activate Commission Free',\r\n\t\t\t\t\ttext: responseArray[index].data.Errors[0].Message,\r\n\t\t\t\t}));\r\n\t\t\t\tyield put(userAccounts.actions.getAccountInfoRequest(account));\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tindex += 1;\r\n\t\t}\r\n\t\tyield put(userAccounts.actions.getAccountInfoRequest(account));\r\n\t\tyield put(actions.activateCommissionFree.success());\r\n\t} catch (error) {\r\n\t\tcaptureError(error);\r\n\t\tyield put(snackbar.actions.showErrorMessage({ title: 'Activate Commission Free', text: error.message }));\r\n\t\tyield put(actions.activateCommissionFree.failure(error.message));\r\n\t}\r\n}\r\n\r\n/// Такое для Safari\r\nfunction openInNewWindow(url) {\r\n\tconst a = document.createElement('a');\r\n\ta.href = url;\r\n\ta.target = '_blank';\r\n\ta.rel = 'noopener noreferrer'; // Важно для безопасности!\r\n\tdocument.body.appendChild(a);\r\n\ta.click();\r\n\tdocument.body.removeChild(a);\r\n }\r\n\r\nfunction* openTradexUrlSaga({payload})\r\n{\r\n\ttry\t{\r\n\t\tif (!env.useLocalAuth) {\r\n\t\t\tconst ott = yield call(TxGlobalAuth.getOneTimeToken);\r\n\t\t\tvar url = `${payload}?ott=${ott}`;\r\n\t\t\topenInNewWindow(url);\r\n\t\t} else {\r\n\t\t\topenInNewWindow(payload);\r\n\t\t}\r\n\t\tyield put(actions.openTradexUrl.success());\r\n\t\treturn true;\r\n\r\n\t} catch (error) {\r\n\t\tcaptureException(actions.openTradexUrl.REQUEST, error);\r\n\t\tyield put(snackbar.actions.showErrorMessage({\r\n\t\t\ttitle: 'Open Tradex Error',\r\n\t\t\ttext: error.message,\r\n\t\t}));\r\n\t\tyield put(actions.openTradexUrl.failure());\r\n\t\tconsole.error(error);\r\n\t\treturn false;\r\n\t}\r\n}\r\n\r\n// Watchers\r\nfunction* watchActivatePlatformRequest() {\r\n\tyield takeEvery(actions.ACTIVATE_PLATFORM_REQUEST, activatePlatformsRequest);\r\n}\r\nfunction* watchActivatePlatformSuccess() {\r\n\tyield takeEvery(actions.ACTIVATE_PLATFORM_SUCCESS, activatePlatformsSuccess);\r\n}\r\nfunction* watchShowJ2tLiteModal() {\r\n\tyield takeEvery(actions.SHOW_J2T_LITE_MODAL, showJ2tLiteModal);\r\n}\r\nfunction* watchShowJ2tPlusModal() {\r\n\tyield takeEvery(actions.SHOW_J2T_PLUS_MODAL, showJ2tPlusModal);\r\n}\r\nfunction* watchShowJ2tProModal() {\r\n\tyield takeEvery(actions.SHOW_J2T_PRO_MODAL, showJ2tProModal);\r\n}\r\nfunction* watchShowMt5Modal() {\r\n\tyield takeEvery(actions.SHOW_MT5_MODAL, showMt5Modal);\r\n}\r\nfunction* watchShowStProModal() {\r\n\tyield takeEvery(actions.SHOW_STPRO_MODAL, showStProModal);\r\n}\r\nfunction* watchActivateCommissionFreeRequest() {\r\n\tyield takeEvery(actions.activateCommissionFree.REQUEST, activateCommissionFreeSaga);\r\n}\r\nfunction* watchOpenTradexUrlRequest() {\r\n\tyield takeEvery(actions.openTradexUrl.REQUEST, openTradexUrlSaga);\r\n}\r\n\r\n// Root saga\r\nconst rootSaga = [\r\n\tfork(watchActivatePlatformRequest),\r\n\tfork(watchActivatePlatformSuccess),\r\n\tfork(watchShowJ2tLiteModal),\r\n\tfork(watchShowJ2tPlusModal),\r\n\tfork(watchShowJ2tProModal),\r\n\tfork(watchShowMt5Modal),\r\n\tfork(watchShowStProModal),\r\n\tfork(watchActivateCommissionFreeRequest),\r\n\tfork(watchOpenTradexUrlRequest),\r\n];\r\n\r\nexport default {\r\n\trootSaga,\r\n};\r\n","import actions from './actions';\r\nimport auth from '../auth';\r\n\r\n\r\nconst initialState = {\r\n\tfreeMarginAmount: {\r\n\t\tsubmitting: false,\r\n\t\tvalue: null,\r\n\t},\r\n};\r\n\r\nexport default (state = initialState, { type, payload }) => {\r\n\tswitch (type) {\r\n\tcase auth.actions.LOGOUT_SUCCESS:\r\n\t\treturn { ...initialState };\r\n\r\n\r\n\tcase actions.getMaxWithdrawAmount.REQUEST:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tfreeMarginAmount: {\r\n\t\t\t\t...state.freeMarginAmount,\r\n\t\t\t\tsubmitting: true,\r\n\t\t\t},\r\n\t\t};\r\n\tcase actions.getMaxWithdrawAmount.SUCCESS:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tfreeMarginAmount: {\r\n\t\t\t\tloaded: true,\r\n\t\t\t\tsubmitting: false,\r\n\t\t\t\tvalue: payload.response.FreeMargin,\r\n\t\t\t},\r\n\t\t};\r\n\tcase actions.getMaxWithdrawAmount.FAILURE:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tfreeMarginAmount: {\r\n\t\t\t\t...initialState.freeMarginAmount,\r\n\t\t\t\tsubmitting: false,\r\n\t\t\t\tloaded: true,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\tcase actions.getMaxTransferAmount.REQUEST:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tfreeMarginAmount: {\r\n\t\t\t\t...state.freeMarginAmount,\r\n\t\t\t\tsubmitting: true,\r\n\t\t\t},\r\n\t\t};\r\n\tcase actions.getMaxTransferAmount.SUCCESS:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tfreeMarginAmount: {\r\n\t\t\t\tloaded: true,\r\n\t\t\t\tsubmitting: false,\r\n\t\t\t\tvalue: payload.response.FreeMargin,\r\n\t\t\t},\r\n\t\t};\r\n\tcase actions.getMaxTransferAmount.FAILURE:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tfreeMarginAmount: {\r\n\t\t\t\t...initialState.freeMarginAmount,\r\n\t\t\t\tsubmitting: false,\r\n\t\t\t\tloaded: true,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\tdefault:\r\n\t\treturn state;\r\n\t}\r\n};\r\n","export default {\r\n\tfreeMarginAmount: state => state.withdrawFunds.freeMarginAmount,\r\n};\r\n","import { put, select, fork, takeEvery } from 'redux-saga/effects';\r\nimport {\r\n\ttransferBetweenAccounts,\r\n\tgetMaxAmount,\r\n\tgetMaxTransferAmount,\r\n\texchangeCurrency,\r\n\tstake,\r\n\tunstake\r\n} from '@api';\r\nimport { BaseGetSagaHandler, userAccounts } from '@redux';\r\nimport actions from './actions';\r\n\r\nfunction* transferBetweenAccountsSubmitSaga({ payload }) {\r\n\t\r\n\tconst accounts = yield select(userAccounts.selectors.accounts);\r\n\r\n\tif (payload.TradeCodeTo === 'J2TX_STAKING_MOCK_TRADECODE' || accounts.find(x => x.TradeCode === payload.TradeCodeTo).IsStaking) {\r\n\t\tyield stakeSubmitSaga({ payload });\r\n\t\treturn;\r\n\t}\r\n\telse if (payload.TradeCodeFrom === 'J2TX_STAKING_MOCK_TRADECODE' || accounts.find(x => x.TradeCode === payload.TradeCodeFrom).IsStaking) {\r\n\t\tyield unstakeSubmitSaga({ payload });\r\n\t\treturn;\r\n\t}\r\n\r\n\tconst isSuccess = yield BaseGetSagaHandler({\r\n\t\tapiMethod: transferBetweenAccounts,\r\n\t\terrorText: 'Transfer between accounts',\r\n\t\thandler: actions.transferBetweenAccountsSubmitForm,\r\n\t}, { payload });\r\n\t\r\n\r\n\tif (isSuccess) {\r\n\t\tyield put(userAccounts.actions.reloadTransactionHistory());\r\n\t}\r\n}\r\n\r\nfunction* stakeSubmitSaga({ payload }) {\r\n\t\r\n\tpayload = {\r\n\t\t// при staking передаем не staking tradeCode, а wallet tradeCode\r\n\t\tTradeCode: payload.TradeCodeFrom,\r\n\t\tAmount: payload.Summ,\r\n\t\tCurrency: payload.SummCurrency,\r\n\t}\r\n\r\n\tconst isSuccess = yield BaseGetSagaHandler({\r\n\t\tapiMethod: stake,\r\n\t\terrorText: 'Stake',\r\n\t\thandler: actions.transferBetweenAccountsSubmitForm,\r\n\t}, { payload });\r\n\r\n\tif (isSuccess) {\r\n\t\tyield put(userAccounts.actions.reloadTransactionHistory());\r\n\t\tyield put(userAccounts.actions.getAllAccountsInfo.request());\r\n\t}\r\n\r\n}\r\n\r\nfunction* unstakeSubmitSaga({ payload }) {\r\n\t\r\n\tpayload = {\r\n\t\t// при unstaking передаем не staking tradeCode, а wallet tradeCode\r\n\t\tTradeCode: payload.TradeCodeTo,\r\n\t\tAmount: payload.Summ,\r\n\t\tCurrency: payload.SummCurrency,\r\n\t}\r\n\r\n\tconst isSuccess = yield BaseGetSagaHandler({\r\n\t\tapiMethod: unstake,\r\n\t\terrorText: 'Unstake',\r\n\t\thandler: actions.transferBetweenAccountsSubmitForm,\r\n\t}, { payload });\r\n\r\n\tif (isSuccess) {\r\n\t\tyield put(userAccounts.actions.reloadTransactionHistory());\r\n\t\tyield put(userAccounts.actions.getAllAccountsInfo.request());\r\n\t}\r\n}\r\n\r\nfunction* exchangeCurrencySubmitSaga({ payload }) {\r\n\tconst isSuccess = yield BaseGetSagaHandler({\r\n\t\tapiMethod: exchangeCurrency,\r\n\t\terrorText: 'Exchange currency',\r\n\t\thandler: actions.exchangeCurrencySubmitForm,\r\n\t}, { payload });\r\n\r\n\t// if (isSuccess) {\r\n\t// \tyield* userAccounts.saga.reloadTransactionHistory(payload.TradeCodeFrom, payload.ClearingFirmFrom);\r\n\t// }\r\n}\r\n\r\nfunction* GetMaxAmountRequestSaga({ payload }){\r\n\tyield BaseGetSagaHandler({\r\n\t\tapiMethod: getMaxAmount,\r\n\t\terrorText: 'Unable to obtain maximum withdrawal amount',\r\n\t\thandler: actions.getMaxWithdrawAmount,\r\n\t}, { payload });\r\n}\r\n\r\nfunction* GetMaxTransferAmountRequestSaga({ payload }){\r\n\tyield BaseGetSagaHandler({\r\n\t\tapiMethod: getMaxTransferAmount,\r\n\t\terrorText: 'Unable to obtain maximum transfer amount',\r\n\t\thandler: actions.getMaxTransferAmount,\r\n\t}, { payload });\r\n}\r\n\r\n// Watchers\r\nfunction* watchGetMaxAmountRequest() {\r\n\tyield takeEvery(actions.getMaxWithdrawAmount.REQUEST, GetMaxAmountRequestSaga);\r\n}\r\nfunction* watchGetMaxTransferAmountRequest() {\r\n\tyield takeEvery(actions.getMaxTransferAmount.REQUEST, GetMaxTransferAmountRequestSaga);\r\n}\r\nfunction* watchTransferBetweenAccountsSubmit() {\r\n\tyield takeEvery(actions.transferBetweenAccountsSubmitForm.REQUEST, transferBetweenAccountsSubmitSaga);\r\n}\r\nfunction* watchExchnageCurrencySubmit() {\r\n\tyield takeEvery(actions.exchangeCurrencySubmitForm.REQUEST, exchangeCurrencySubmitSaga);\r\n}\r\n// Root saga\r\nconst rootSaga = [\r\n\tfork(watchTransferBetweenAccountsSubmit),\r\n\tfork(watchExchnageCurrencySubmit),\r\n\tfork(watchGetMaxAmountRequest),\r\n\tfork(watchGetMaxTransferAmountRequest),\r\n];\r\n\r\nexport default {\r\n\trootSaga,\r\n};\r\n","import actions from './actions';\r\nimport authActions from '../auth/actions';\r\n\r\nconst initialState = {\r\n\topenModalData: {\r\n\t\taccount: null,\r\n\t\tguid: null,\r\n\t\tpersonFullName: null,\r\n\t},\r\n\tsubmitting: true,\r\n\tHasSignes: true,\r\n\tSignesHolders: [],\r\n\tsignatureSubmitted: false,\r\n};\r\n\r\nexport default (state = initialState, { type, payload }) => {\r\n\tswitch (type) {\r\n\tcase actions.SHOW_CREATE_SIGNATURE_MODAL:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\topenModalData: {\r\n\t\t\t\taccount: payload.account,\r\n\t\t\t\tguid: payload.guid,\r\n\t\t\t\tpersonFullName: payload.personFullName,\r\n\t\t\t},\r\n\t\t};\r\n\tcase actions.HIDE_CREATE_SIGNATURE_MODAL:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\topenModalData: initialState.openModalData,\r\n\t\t};\r\n\r\n\tcase actions.SAVE_SIGNATURE_REQUEST:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tsignatureSubmitted: false,\r\n\t\t\tsubmitting: true,\r\n\t\t};\r\n\tcase actions.SAVE_SIGNATURE_SUCCESS: {\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tsignatureSubmitted: true,\r\n\t\t};\r\n\t}\r\n\tcase actions.checkSignatures.SUCCESS:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tsubmitting: false,\r\n\t\t\tHasSignes: payload.response.HasSignes,\r\n\t\t\tSignesHolders: payload.response.SignesHolders,\r\n\t\t};\r\n\tcase actions.SAVE_SIGNATURE_FAILURE:\r\n\t\treturn {\r\n\t\t\t...state,\r\n\t\t\tsubmitting: false,\r\n\t\t};\r\n\tcase authActions.LOGOUT_SUCCESS:\r\n\t\treturn { ...initialState };\r\n\r\n\tdefault:\r\n\t\treturn state;\r\n\t}\r\n};\r\n","import {\r\n\tput,\r\n\tfork,\r\n\ttakeEvery,\r\n\ttakeLatest,\r\n\tselect,\r\n\ttake,\r\n} from 'redux-saga/effects';\r\nimport { push } from 'connected-react-router';\r\nimport {\r\n\tcheckSignatures,\r\n\tsaveSignature,\r\n} from '@api';\r\nimport { ModalPopups } from '@enums';\r\nimport { addHashToUrl, removeHashFromUrl, captureError } from '@global';\r\nimport {\r\n\tBaseGetSagaHandler,\r\n\tcallApi,\r\n\tuserAccounts,\r\n\tsnackbar,\r\n} from '@redux';\r\nimport actions from './actions';\r\nimport selectors from './selectors';\r\n\r\nfunction* saveSignatureRequest({ payload: { account, image, guid } }) {\r\n\ttry {\r\n\t\tconst request = yield callApi(saveSignature, account, image, guid);\r\n\r\n\t\tif (!request.data.Success) {\r\n\t\t\tyield put(actions.saveSignatureFailure(request.data.Errors[0].Message));\r\n\t\t\tyield put(snackbar.actions.showErrorMessage({ title: 'Save Signature', text: request.data.Errors[0].Message }));\r\n\t\t} else {\r\n\t\t\tyield put(actions.saveSignatureSuccess());\r\n\t\t}\r\n\t} catch (error) {\r\n\t\tcaptureError(error);\r\n\t\tyield put(snackbar.actions.showErrorMessage({ title: 'Save Signature', text: error.message }));\r\n\t\tyield put(actions.saveSignatureFailure(error));\r\n\t}\r\n}\r\n\r\nfunction* collectSignaturesProcessStart({ payload: { successAcion } }) {\r\n\ttry {\r\n\t\tconst currentAccount = yield select(userAccounts.selectors.currentTradeAccount);\r\n\t\tconst needToGetSignaturePersonsArray = yield select(selectors.SignesHolders);\r\n\r\n\t\tfor (const needToGetSignaturePerson of needToGetSignaturePersonsArray) {\r\n\t\t\tyield put(actions.showCreateSignatureModal(\r\n\t\t\t\tcurrentAccount.tradeCode,\r\n\t\t\t\tneedToGetSignaturePerson.Guid,\r\n\t\t\t\tneedToGetSignaturePerson.FullName,\r\n\t\t\t));\r\n\t\t\tyield take(actions.SAVE_SIGNATURE_SUCCESS);\r\n\t\t\tyield put(actions.hideCreateSignatureModal());\r\n\t\t}\r\n\t\tyield put(actions.checkSignatures.request(currentAccount));\r\n\t\tif (successAcion) yield put(successAcion);\r\n\t} catch (error) {\r\n\t\tcaptureError(error);\r\n\t}\r\n}\r\nfunction* showCreateSignatureModal() {\r\n\t// get current location\r\n\tconst location = yield select(state => state.router.location);\r\n\t// show modal\r\n\tyield put(push(addHashToUrl(location, ModalPopups.CREATE_SIGNATURE)));\r\n}\r\n\r\nfunction* hideCreateSignatureModal() {\r\n\t// get current location\r\n\tconst location = yield select(state => state.router.location);\r\n\t// show modal\r\n\tyield put(push(removeHashFromUrl(location, ModalPopups.CREATE_SIGNATURE)));\r\n}\r\n\r\n\r\n// Watchers\r\nfunction* watchSaveSignatureRequest() {\r\n\tyield takeEvery(actions.SAVE_SIGNATURE_REQUEST, saveSignatureRequest);\r\n}\r\nfunction* watchCheckSignaturesRequest() {\r\n\tyield takeEvery(actions.checkSignatures.REQUEST, BaseGetSagaHandler, {\r\n\t\tapiMethod: checkSignatures,\r\n\t\terrorText: 'Check Signatures',\r\n\t\thandler: actions.checkSignatures,\r\n\t});\r\n}\r\nfunction* watchCollectSignaturesProcessStart() {\r\n\tyield takeLatest(actions.COLLECT_SIGNATURES_PROCESS_START, collectSignaturesProcessStart);\r\n}\r\nfunction* watchShowCreateSignatureModal() {\r\n\tyield takeEvery(actions.SHOW_CREATE_SIGNATURE_MODAL, showCreateSignatureModal);\r\n}\r\nfunction* watchHideCreateSignatureModal() {\r\n\tyield takeEvery(actions.HIDE_CREATE_SIGNATURE_MODAL, hideCreateSignatureModal);\r\n}\r\n\r\n// Root saga\r\nconst rootSaga = [\r\n\tfork(watchSaveSignatureRequest),\r\n\tfork(watchCheckSignaturesRequest),\r\n\tfork(watchCollectSignaturesProcessStart),\r\n\tfork(watchShowCreateSignatureModal),\r\n\tfork(watchHideCreateSignatureModal),\r\n];\r\n\r\nexport default {\r\n\trootSaga,\r\n};\r\n","import actions from './actions';\n\nconst initialState = {\n\tcrypto: {\n\t\ttickers: [],\n\t\tsubmitting: false,\n\t},\n\tstaking: {\n\t\tstakingRates: [],\n\t\tsubmitting: false,\n\t}\n};\n\nexport default (state = initialState, { type, payload }) => {\n\tswitch (type) {\n\t\tcase actions.getCryptocurrencyRates.SUCCESS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tcrypto: {\n\t\t\t\t\t...state.crypto,\n\t\t\t\t\ttickers: payload.response.Tickers,\n\t\t\t\t\tsubmitting: false,\n\t\t\t\t},\n\t\t\t}\n\t\tcase actions.getCryptocurrencyRates.FAILURE:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tcrypto: {\n\t\t\t\t\t...state.crypto,\n\t\t\t\t\tsubmitting: false,\n\t\t\t\t},\n\t\t\t};\n\n\t\tcase actions.getStakingRates.REQUEST:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tstaking: {\n\t\t\t\t\t...state.staking,\n\t\t\t\t\tsubmitting: true,\n\t\t\t\t},\n\t\t\t};\n\n\t\tcase actions.getStakingRates.SUCCESS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tstaking: {\n\t\t\t\t\t...state.staking,\n\t\t\t\t\tstakingRates: payload.response.Rates,\n\t\t\t\t\tstakableCurrencies: payload.response.Stakable,\n\t\t\t\t\tsubmitting: false,\n\t\t\t\t\tsuccess: true\n\t\t\t\t},\n\t\t\t};\n\n\t\tcase actions.getStakingRates.FAILURE:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tstaking: {\n\t\t\t\t\t...state.staking,\n\t\t\t\t\tsubmitting: false,\n\t\t\t\t\tsuccess: false,\n\t\t\t\t},\n\t\t\t};\n\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n","export default {\n\tcryptocurrency: state => state.rates.crypto,\n\tstaking: state => state.rates.staking,\n};\n","import { fork, takeEvery } from 'redux-saga/effects';\nimport { BaseGetSagaHandler } from '@redux';\nimport { getCryptocurrencyRates as getCryptocurrencyRatesApi, \n\tgetStakingRates as getStakingRatesApi\n} from '@api';\nimport actions from './actions';\n\nfunction* getCryptocurrencyRates({ payload }) {\n\tyield BaseGetSagaHandler({\n\t\tapiMethod: getCryptocurrencyRatesApi,\n\t\terrorText: 'Cryptocurrency rates',\n\t\thandler: actions.getCryptocurrencyRates,\n\t}, { payload });\n}\n\nfunction* getStakingRates() {\n\tyield BaseGetSagaHandler({\n\t\tapiMethod: getStakingRatesApi,\n\t\terrorText: 'Staking rates',\n\t\thandler: actions.getStakingRates,\n\t}, {});\n}\n\n// Watchers\nfunction* watchGetCryptocurrencyRates() {\n\tyield takeEvery(actions.getCryptocurrencyRates.REQUEST, getCryptocurrencyRates);\n}\nfunction* watchGetStakingRates() {\n\tyield takeEvery(actions.getStakingRates.REQUEST, getStakingRates);\n}\n\n// Root saga\nconst rootSaga = [\n\tfork(watchGetCryptocurrencyRates),\n\tfork(watchGetStakingRates),\n];\n\nexport default {\n\trootSaga,\n};\n","import actions from './actions';\nimport { CaptchaSteps } from '@enums';\n\nconst initialState = {\n\timageBase64: null,\n id: null,\n value: '',\n step: CaptchaSteps.INITIAL,\n};\n\nexport default (state = initialState, { type, payload }) => {\n\tswitch (type) {\n case actions.reset.REQUEST:\n return {\n ...state,\n step: CaptchaSteps.LOADING_IMAGE,\n value: '',\n };\n case actions.reset.SUCCESS:\n return {\n ...state,\n step: CaptchaSteps.WAITING_FOR_INPUT,\n imageBase64: payload.response.Base64Captcha,\n id: payload.response.Id,\n value: '',\n };\n case actions.reset.FAILURE:\n return {\n ...state,\n step: CaptchaSteps.LOADING_IMAGE_FAILURE,\n imageBase64: null,\n value: '',\n };\n\n case actions.validate.REQUEST:\n return {\n ...state,\n step: CaptchaSteps.VALIDATING,\n };\n\n case actions.SET_CAPTCHA_SUCCESS:\n return {\n ...state,\n step: CaptchaSteps.VALIDATING_SUCCESS,\n };\n\n case actions.SET_CAPTCHA_INPUT:\n return {\n ...state,\n value: payload.value,\n };\n\n default:\n return state;\n\t}\n};\n","import { put, fork, takeEvery, call, select } from 'redux-saga/effects';\nimport { getCaptcha, validateCaptcha as validateCaptchaApi } from '@api';\nimport { BaseGetSagaHandler } from '@redux';\n\nimport actions from './actions';\nimport selectors from './selectors';\n\nfunction* resetCaptchaRequestSagaHandler() {\n yield BaseGetSagaHandler({\n apiMethod: getCaptcha,\n errorText: 'Captcha reset error',\n handler: actions.reset,\n }, {})\n}\n\nfunction* validateCaptchaRequestSagaHandler() {\n const id = yield select(selectors.id);\n const response = yield select(selectors.value);\n\n yield BaseGetSagaHandler({\n apiMethod: validateCaptchaApi,\n errorText: 'Captcha validation error',\n handler: actions.validate,\n }, { payload: { id, response } });\n}\n\nfunction* checkValidationResult({ payload: { response: { IsValid } }}) {\n if (IsValid) {\n yield put(actions.setSuccess());\n } else {\n yield put(actions.reset.request());\n }\n}\n\n// Watchers\nfunction* watchResetCaptchaRequest() {\n\tyield takeEvery(actions.reset.REQUEST, resetCaptchaRequestSagaHandler);\n}\n\nfunction* watchValidateCaptchaSuccess() {\n yield takeEvery(actions.validate.SUCCESS, checkValidationResult);\n}\n\nfunction* watchValidateCaptchaFailure() {\n yield takeEvery(actions.validate.FAILURE, resetCaptchaRequestSagaHandler);\n}\n\nfunction* watchValidateCaptchaRequest() {\n\tyield takeEvery(actions.validate.REQUEST, validateCaptchaRequestSagaHandler);\n}\n\n// Root saga\nconst rootSaga = [\n\tfork(watchResetCaptchaRequest),\n\tfork(watchValidateCaptchaRequest),\n\tfork(watchValidateCaptchaSuccess),\n\tfork(watchValidateCaptchaFailure),\n];\n\nexport default {\n\trootSaga,\n};\n","import actions from './actions';\nimport { TwoFactorQrCodeSteps } from '@enums';\nimport { combineReducers } from 'redux';\n\nconst qrCodeInitialState = {\n step: TwoFactorQrCodeSteps.INITIAL,\n qrCodeLink: null,\n secretCode: null,\n}\n\nconst commonInitialState = {\n modalActionFinishedSuccessfully: null,\n modalActionIsEnabling: null,\n};\n\nconst QrCodeReducer = (state = qrCodeInitialState, { type, payload }) => {\n\tswitch (type) {\n case actions.getSecretAndQrCode.REQUEST:\n return {\n ...state,\n ...qrCodeInitialState,\n step: TwoFactorQrCodeSteps.LOADING_DATA\n };\n\n case actions.getSecretAndQrCode.SUCCESS:\n return {\n ...state,\n qrCodeLink: payload.response.QrCodeLink,\n secretCode: payload.response.SecretCode,\n step: TwoFactorQrCodeSteps.LOADING_IMAGE,\n };\n\n case actions.getSecretAndQrCode.FAILURE:\n return {\n ...state,\n ...qrCodeInitialState,\n step: TwoFactorQrCodeSteps.LOADING_DATA_FAILURE,\n };\n\n case actions.loadImage.SUCCESS:\n return {\n ...state,\n step: TwoFactorQrCodeSteps.LOADING_COMPLETE,\n };\n\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n\nconst CommonReducer = (state = commonInitialState, { type, payload }) => {\n switch (type) {\n case actions.enableTwoFactor.SUCCESS:\n return {\n ...state,\n modalActionFinishedSuccessfully: true,\n modalActionIsEnabling: true,\n };\n\n case actions.disableTwoFactor.SUCCESS:\n return {\n ...state,\n modalActionFinishedSuccessfully: true,\n modalActionIsEnabling: false,\n };\n\n case actions.enableTwoFactor.FAILURE:\n return {\n ...state,\n modalActionFinishedSuccessfully: false,\n modalActionIsEnabling: true,\n };\n case actions.disableTwoFactor.FAILURE:\n return {\n ...state,\n modalActionFinishedSuccessfully: false,\n modalActionIsEnabling: false,\n };\n\n case actions.HANDLE_CLOSE:\n return {\n ...state,\n modalActionFinishedSuccessfully: null,\n modalActionIsEnabling: null,\n };\n \n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n\nexport default combineReducers({\n qrCode: QrCodeReducer,\n common: CommonReducer,\n});\n","\nimport actions from './actions';\nimport selectors from './selectors';\nimport { fork, put, select, takeEvery, takeLatest } from 'redux-saga/effects';\nimport { BaseGetSagaHandler, userAccounts } from '@redux';\nimport { getSecretAndQrCode, enableTwoFactor, disableTwoFactor } from '@api';\n\nfunction* getSecretAndQrCodeSagaHandler() {\n yield BaseGetSagaHandler({\n apiMethod: getSecretAndQrCode,\n errorText: 'Error while getting data for TOTP',\n handler: actions.getSecretAndQrCode,\n }, {})\n}\n\nfunction* enableTwoFactorSubmitHandler({ payload }) {\n\tconst isSuccess = yield BaseGetSagaHandler({\n\t\tapiMethod: enableTwoFactor,\n\t\terrorText: 'Error while enabling 2FA',\n\t\thandler: actions.enableTwoFactor,\n\t}, { payload })\n\n\tif (!isSuccess) return;\n\n\tyield put(userAccounts.actions.getAccountsRequest());\n}\n\nfunction* disableTwoFactorSubmitHandler({ payload }) {\n\tconst isSuccess = yield BaseGetSagaHandler({\n\t\tapiMethod: disableTwoFactor,\n\t\terrorText: 'Error while disabling 2FA',\n\t\thandler: actions.disableTwoFactor,\n\t}, { payload })\n\n\tif (!isSuccess) return;\n\n\tyield put(userAccounts.actions.getAccountsRequest());\n}\n\nfunction* watchGetSecretAndQrCodeRequest() {\n\tyield takeEvery(actions.getSecretAndQrCode.REQUEST, getSecretAndQrCodeSagaHandler);\n}\n\nfunction* watchEnableTwoFactorSubmit() {\n\tyield takeEvery(actions.enableTwoFactor.REQUEST, enableTwoFactorSubmitHandler);\n}\n\nfunction* watchDisableTwoFactorSubmit() {\n\tyield takeEvery(actions.disableTwoFactor.REQUEST, disableTwoFactorSubmitHandler);\n}\n\nconst rootSaga = [\n fork(watchGetSecretAndQrCodeRequest),\n\tfork(watchEnableTwoFactorSubmit),\n\tfork(watchDisableTwoFactorSubmit),\n];\n\nexport default {\n\trootSaga,\n};\n","import { fork, takeEvery, call, select, put } from 'redux-saga/effects';\nimport { BaseGetSagaHandler } from '@redux';\nimport actions from './actions';\nimport { withdrawWidgetPostRequest } from '@api';\nimport { addHashToUrl, removeHashFromUrl } from '@global';\nimport { ModalPopups } from '@enums';\nimport { push } from 'connected-react-router';\n\nfunction* postRequestSaga({ \n\tpayload: { \n\t\tresolveCallback, \n\t\trejectCallback,\n\t\trequestPayload,\n\t\terrorText,\n\t} \n}) {\n\tyield BaseGetSagaHandler({\n\t\tapiMethod: withdrawWidgetPostRequest,\n\t\terrorText: errorText,\n\t\thandler: actions.post,\n\t\tdefaults: {\n\t\t\tresolveCallback,\n\t\t\trejectCallback,\n\t\t}\n\t}, { payload: requestPayload });\n}\n\nfunction* showWithdrawWidgetModal({ payload }) {\n\tyield put(actions.setModalOptions(payload));\n\n\tconst location = yield select((state) => state.router.location);\n\tyield put(push(addHashToUrl(location, ModalPopups.WITHDRAW_WIDGET)));\n}\n\nfunction* postRequestSuccessSaga({ payload: { request: { resolveCallback }, response } }) {\n\tyield call(resolveCallback, response);\n}\n\nfunction* watchPostRequest() {\n\tyield takeEvery(actions.post.REQUEST, postRequestSaga);\n}\n\nfunction* watchPostRequestSuccess() {\n\tyield takeEvery(actions.post.SUCCESS, postRequestSuccessSaga);\n}\n\nfunction* watchshowWithdrawWidgetModal() {\n\tyield takeEvery(\n\t\tactions.SHOW_WITHDRAW_WIDGET_MODAL,\n\t\tshowWithdrawWidgetModal\n\t);\n}\n\n// Root saga\nconst rootSaga = [\n\tfork(watchPostRequest),\n\tfork(watchPostRequestSuccess),\n\tfork(watchshowWithdrawWidgetModal),\n];\n\nexport default {\n\trootSaga,\n};\n","import actions from './actions';\n\nconst initialState = {\n\toptions: {},\n}\n\nexport default (state = initialState, { type, payload }) => {\n\tswitch (type) {\n\t\tcase actions.SET_MODAL_OPTIONS:\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\toptions: payload,\n\t\t\t}\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n","/* eslint-disable */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport keycode from 'keycode';\r\nimport warning from 'warning';\r\nimport { SvgIcon } from '@components';\r\nimport Menu from '@material-ui/core/Menu/Menu';\r\n\r\nconst hasValue = (value) => {\r\n\treturn value != null && !(Array.isArray(value) && value.length === 0);\r\n } \r\n\r\nconst isFilled = (obj) => {\r\n\tvar SSR = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\r\n\treturn obj && (hasValue(obj.value) && obj.value !== '' || SSR && hasValue(obj.defaultValue) && obj.defaultValue !== '');\r\n}\r\n\r\n/**\r\n/**\r\n * @ignore - internal component.\r\n */\r\nclass SelectInput extends React.Component {\r\n\tstate = {\r\n\t\topen: false,\r\n\t};\r\n\r\n\tcomponentDidMount() {\r\n\t\tif (this.isOpenControlled && this.props.open) {\r\n\t\t\t// Focus the display node so the focus is restored on this element once\r\n\t\t\t// the menu is closed.\r\n\t\t\tthis.displayNode.focus();\r\n\t\t\t// Rerender with the resolve `displayNode` reference.\r\n\t\t\tthis.forceUpdate();\r\n\t\t}\r\n\r\n\t\tif (this.props.autoFocus && !this.props.native) {\r\n\t\t\tthis.displayNode.focus();\r\n\t\t}\r\n\t\tif (this.props.inputRef) {\r\n\t\t\tthis.props.inputRef(this.selectInputRef);\r\n\t\t\t/* this.props.inputRef({\r\n\t\t\t\tnode: this.selectInputRef,\r\n\t\t\t\t// By pass the native input as we expose a rich object (array).\r\n\t\t\t\tvalue: this.props.value,\r\n\t\t\t}); */\r\n\t\t}\r\n\t}\r\n\r\n\tignoreNextBlur = false;\r\n\tdisplayNode = null;\r\n\tdisplayWidth = null;\r\n\tisOpenControlled = this.props.open !== undefined;\r\n\tisControlled = this.props.value != null;\r\n\r\n\tupdate = this.isOpenControlled\r\n\t\t? ({ event, open }) => {\r\n\t\t\tif (open) {\r\n\t\t\t\tthis.props.onOpen(event);\r\n\t\t\t} else {\r\n\t\t\t\tthis.props.onClose(event);\r\n\t\t\t}\r\n\t\t}\r\n\t\t: ({ open }) => this.setState({ open });\r\n\r\n\thandleClick = event => {\r\n\t\t// Opening the menu is going to blur the. It will be focused back when closed.\r\n\t\tthis.ignoreNextBlur = true;\r\n\t\tthis.update({\r\n\t\t\topen: true,\r\n\t\t\tevent,\r\n\t\t});\r\n\t};\r\n\r\n\thandleClose = event => {\r\n\t\tthis.update({\r\n\t\t\topen: false,\r\n\t\t\tevent,\r\n\t\t});\r\n\t};\r\n\r\n\thandleItemClick = child => event => {\r\n\t\tif (!this.props.multiple) {\r\n\t\t\tthis.update({\r\n\t\t\t\topen: false,\r\n\t\t\t\tevent,\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tconst { onChange, name } = this.props;\r\n\r\n\t\tif (onChange) {\r\n\t\t\tlet value;\r\n\t\t\tlet target;\r\n\r\n\t\t\tif (event.target) {\r\n\t\t\t\ttarget = event.target;\r\n\t\t\t}\r\n\r\n\t\t\tif (this.props.multiple) {\r\n\t\t\t\tvalue = Array.isArray(this.props.value) ? [...this.props.value] : [];\r\n\t\t\t\tconst itemIndex = value.indexOf(child.props.value);\r\n\t\t\t\tif (itemIndex === -1) {\r\n\t\t\t\t\tvalue.push(child.props.value);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tvalue.splice(itemIndex, 1);\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tvalue = child.props.value;\r\n\t\t\t}\r\n\r\n\t\t\tevent.persist();\r\n\t\t\tevent.target = { ...target, value, name };\r\n\r\n\t\t\tonChange(event, child);\r\n\t\t}\r\n\t};\r\n\r\n\thandleBlur = event => {\r\n\t\tif (this.ignoreNextBlur === true) {\r\n\t\t\t// The parent components are relying on the bubbling of the event.\r\n\t\t\tevent.stopPropagation();\r\n\t\t\tthis.ignoreNextBlur = false;\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (this.props.onBlur) {\r\n\t\t\tthis.props.onBlur(event);\r\n\t\t}\r\n\t};\r\n\r\n\thandleKeyDown = event => {\r\n\t\tif (this.props.readOnly) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (['space', 'up', 'down'].indexOf(keycode(event)) !== -1) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\t// Opening the menu is going to blur the. It will be focused back when closed.\r\n\t\t\tthis.ignoreNextBlur = true;\r\n\t\t\tthis.update({\r\n\t\t\t\topen: true,\r\n\t\t\t\tevent,\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\thandleDisplayRef = node => {\r\n\t\tthis.displayNode = node;\r\n\r\n\t\tif (node) {\r\n\t\t\t// Perfom the layout computation outside of the render method.\r\n\t\t\tthis.displayWidth = node.clientWidth;\r\n\t\t}\r\n\t};\r\n\r\n\thandleSelectRef = node => {\r\n\t\tthis.selectInputRef = node;\r\n\t\t\r\n\t};\r\n\t\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tautoWidth,\r\n\t\t\tchildren,\r\n\t\t\tclasses,\r\n\t\t\tclassName: classNameProp,\r\n\t\t\tdisabled,\r\n\t\t\tdisplayEmpty,\r\n\t\t\tinputRef,\r\n\t\t\tMenuProps = {},\r\n\t\t\tmultiple,\r\n\t\t\tname,\r\n\t\t\tnative,\r\n\t\t\tonBlur,\r\n\t\t\tonChange,\r\n\t\t\tonClose,\r\n\t\t\tonFocus,\r\n\t\t\tonOpen,\r\n\t\t\topen: openProp,\r\n\t\t\treadOnly,\r\n\t\t\trenderValue,\r\n\t\t\tSelectDisplayProps,\r\n\t\t\ttabIndex: tabIndexProp,\r\n\t\t\ttype = 'hidden',\r\n\t\t\tvalue,\r\n\t\t\t...other\r\n\t\t} = this.props;\r\n\t\tconst open = this.isOpenControlled && this.displayNode ? openProp : this.state.open;\r\n\r\n\t\tif (native) {\r\n\t\t\twarning(\r\n\t\t\t\tmultiple === false,\r\n\t\t\t\t'Material-UI: you can not use the `native={true}` and `multiple={true}` properties ' +\r\n\t\t\t\t'at the same time on a `Select` component.',\r\n\t\t\t);\r\n\t\t\twarning(\r\n\t\t\t\t!renderValue,\r\n\t\t\t\t'Material-UI: the `renderValue` property is not used by the native implementation.',\r\n\t\t\t);\r\n\t\t\twarning(\r\n\t\t\t\t!displayEmpty,\r\n\t\t\t\t'Material-UI: the `displayEmpty` property is not used by the native implementation.',\r\n\t\t\t);\r\n\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{items}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nSelectInput.propTypes = {\r\n\t/**\r\n\t * @ignore\r\n\t */\r\n\tautoFocus: PropTypes.bool,\r\n\t/**\r\n\t * If true, the width of the popover will automatically be set according to the items inside the\r\n\t * menu, otherwise it will be at least the width of the select input.\r\n\t */\r\n\tautoWidth: PropTypes.bool,\r\n\t/**\r\n\t * The option elements to populate the select with.\r\n\t * Can be some `MenuItem` when `native` is false and `option` when `native` is true.\r\n\t */\r\n\tchildren: PropTypes.node,\r\n\t/**\r\n\t * Useful to extend the style applied to components.\r\n\t */\r\n\tclasses: PropTypes.object.isRequired,\r\n\t/**\r\n\t * The CSS class name of the select element.\r\n\t */\r\n\tclassName: PropTypes.string,\r\n\t/**\r\n\t * If `true`, the select will be disabled.\r\n\t */\r\n\tdisabled: PropTypes.bool,\r\n\t/**\r\n\t * If `true`, the selected item is displayed even if its value is empty.\r\n\t * You can only use it when the `native` property is `false` (default).\r\n\t */\r\n\tdisplayEmpty: PropTypes.bool,\r\n\t/**\r\n\t * Use that property to pass a ref callback to the native select element.\r\n\t */\r\n\tinputRef: PropTypes.func,\r\n\t/**\r\n\t * Properties applied to the `Menu` element.\r\n\t */\r\n\tMenuProps: PropTypes.object,\r\n\t/**\r\n\t * If true, `value` must be an array and the menu will support multiple selections.\r\n\t * You can only use it when the `native` property is `false` (default).\r\n\t */\r\n\tmultiple: PropTypes.bool,\r\n\t/**\r\n\t * Name attribute of the `select` or hidden `input` element.\r\n\t */\r\n\tname: PropTypes.string,\r\n\t/**\r\n\t * If `true`, the component will be using a native `select` element.\r\n\t */\r\n\tnative: PropTypes.bool,\r\n\t/**\r\n\t * @ignore\r\n\t */\r\n\tonBlur: PropTypes.func,\r\n\t/**\r\n\t * Callback function fired when a menu item is selected.\r\n\t *\r\n\t * @param {object} event The event source of the callback.\r\n\t * You can pull out the new value by accessing `event.target.value`.\r\n\t * @param {object} [child] The react element that was selected when `native` is `false` (default).\r\n\t */\r\n\tonChange: PropTypes.func,\r\n\t/**\r\n\t * Callback fired when the component requests to be closed.\r\n\t * Useful in controlled mode (see open).\r\n\t *\r\n\t * @param {object} event The event source of the callback\r\n\t */\r\n\tonClose: PropTypes.func,\r\n\t/**\r\n\t * @ignore\r\n\t */\r\n\tonFocus: PropTypes.func,\r\n\t/**\r\n\t * Callback fired when the component requests to be opened.\r\n\t * Useful in controlled mode (see open).\r\n\t *\r\n\t * @param {object} event The event source of the callback\r\n\t */\r\n\tonOpen: PropTypes.func,\r\n\t/**\r\n\t * Control `select` open state.\r\n\t * You can only use it when the `native` property is `false` (default).\r\n\t */\r\n\topen: PropTypes.bool,\r\n\t/**\r\n\t * @ignore\r\n\t */\r\n\treadOnly: PropTypes.bool,\r\n\t/**\r\n\t * Render the selected value.\r\n\t * You can only use it when the `native` property is `false` (default).\r\n\t *\r\n\t * @param {*} value The `value` provided to the component.\r\n\t * @returns {ReactElement}\r\n\t */\r\n\trenderValue: PropTypes.func,\r\n\t/**\r\n\t * Properties applied to the clickable div element.\r\n\t */\r\n\tSelectDisplayProps: PropTypes.object,\r\n\t/**\r\n\t * @ignore\r\n\t */\r\n\ttabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n\t/**\r\n\t * @ignore\r\n\t */\r\n\ttype: PropTypes.string,\r\n\t/**\r\n\t * The input value.\r\n\t * This property is required when the `native` property is `false` (default).\r\n\t */\r\n\tvalue: PropTypes.oneOfType([\r\n\t\tPropTypes.string,\r\n\t\tPropTypes.number,\r\n\t\tPropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\r\n\t]),\r\n};\r\n\r\nexport default SelectInput;\r\n","export const phoneCodes = [\r\n\t{\r\n\t\tmask: '+247-####',\r\n\t\tcpc: '247',\r\n\t\tcc: 'AC',\r\n\t\tname_en: 'Ascension',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Остров Вознесения',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+376-###-###',\r\n\t\tcpc: '376',\r\n\t\tcc: 'AD',\r\n\t\tname_en: 'Andorra',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Андорра',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+971-5#-###-####',\r\n\t\tcpc: '9715',\r\n\t\tcc: 'AE',\r\n\t\tname_en: 'United Arab Emirates',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Объединенные Арабские Эмираты',\r\n\t\tdesc_ru: 'мобильные',\r\n\t}, {\r\n\t\tmask: '+971-#-###-####',\r\n\t\tcpc: '971',\r\n\t\tcc: 'AE',\r\n\t\tname_en: 'United Arab Emirates',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Объединенные Арабские Эмираты',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+93-##-###-####',\r\n\t\tcpc: '93',\r\n\t\tcc: 'AF',\r\n\t\tname_en: 'Afghanistan',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Афганистан',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+1(268)###-####',\r\n\t\tcpc: '1268',\r\n\t\tcc: 'AG',\r\n\t\tname_en: 'Antigua & Barbuda',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Антигуа и Барбуда',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+1(264)###-####',\r\n\t\tcpc: '1264',\r\n\t\tcc: 'AI',\r\n\t\tname_en: 'Anguilla',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Ангилья',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+355(###)###-###',\r\n\t\tcpc: '355',\r\n\t\tcc: 'AL',\r\n\t\tname_en: 'Albania',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Албания',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+374-##-###-###',\r\n\t\tcpc: '374',\r\n\t\tcc: 'AM',\r\n\t\tname_en: 'Armenia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Армения',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+599-###-####',\r\n\t\tcpc: '599',\r\n\t\tcc: 'AN',\r\n\t\tname_en: 'Caribbean Netherlands',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Карибские Нидерланды',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+599-###-####',\r\n\t\tcpc: '599',\r\n\t\tcc: 'AN',\r\n\t\tname_en: 'Netherlands Antilles',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Нидерландские Антильские острова',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+599-9###-####',\r\n\t\tcpc: '5999',\r\n\t\tcc: 'AN',\r\n\t\tname_en: 'Netherlands Antilles',\r\n\t\tdesc_en: 'Curacao',\r\n\t\tname_ru: 'Нидерландские Антильские острова',\r\n\t\tdesc_ru: 'Кюрасао',\r\n\t}, {\r\n\t\tmask: '+244(###)###-###',\r\n\t\tcpc: '244',\r\n\t\tcc: 'AO',\r\n\t\tname_en: 'Angola',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Ангола',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+672-1##-###',\r\n\t\tcpc: '6721',\r\n\t\tcc: 'AQ',\r\n\t\tname_en: 'Australian bases in Antarctica',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Австралийская антарктическая база',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+54(###)###-####',\r\n\t\tcpc: '54',\r\n\t\tcc: 'AR',\r\n\t\tname_en: 'Argentina',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Аргентина',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+1(684)###-####',\r\n\t\tcpc: '1684',\r\n\t\tcc: 'AS',\r\n\t\tname_en: 'American Samoa',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Американское Самоа',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+43(###)###-####',\r\n\t\tcpc: '43',\r\n\t\tcc: 'AT',\r\n\t\tname_en: 'Austria',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Австрия',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+43(###)###-#####',\r\n\t\tcpc: '43',\r\n\t\tcc: 'AT',\r\n\t\tname_en: 'Austria',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Австрия',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+61-#-####-####',\r\n\t\tcpc: '61',\r\n\t\tcc: 'AU',\r\n\t\tname_en: 'Australia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Австралия',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+297-###-####',\r\n\t\tcpc: '297',\r\n\t\tcc: 'AW',\r\n\t\tname_en: 'Aruba',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Аруба',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+994-##-###-##-##',\r\n\t\tcpc: '994',\r\n\t\tcc: 'AZ',\r\n\t\tname_en: 'Azerbaijan',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Азербайджан',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+387-##-#####',\r\n\t\tcpc: '387',\r\n\t\tcc: 'BA',\r\n\t\tname_en: 'Bosnia and Herzegovina',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Босния и Герцеговина',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+387-##-####',\r\n\t\tcpc: '387',\r\n\t\tcc: 'BA',\r\n\t\tname_en: 'Bosnia and Herzegovina',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Босния и Герцеговина',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+1(246)###-####',\r\n\t\tcpc: '1246',\r\n\t\tcc: 'BB',\r\n\t\tname_en: 'Barbados',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Барбадос',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+880-1#-####-####',\r\n\t\tcpc: '880',\r\n\t\tcc: 'BD',\r\n\t\tname_en: 'Bangladesh',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Бангладеш',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+880-2-#-####-####',\r\n\t\tcpc: '880',\r\n\t\tcc: 'BD',\r\n\t\tname_en: 'Bangladesh',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Бангладеш',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+880-3##-###-####',\r\n\t\tcpc: '880',\r\n\t\tcc: 'BD',\r\n\t\tname_en: 'Bangladesh',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Бангладеш',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+32(###)###-###',\r\n\t\tcpc: '32',\r\n\t\tcc: 'BE',\r\n\t\tname_en: 'Belgium',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Бельгия',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+226-##-##-####',\r\n\t\tcpc: '226',\r\n\t\tcc: 'BF',\r\n\t\tname_en: 'Burkina Faso',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Буркина Фасо',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+359(###)###-###',\r\n\t\tcpc: '359',\r\n\t\tcc: 'BG',\r\n\t\tname_en: 'Bulgaria',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Болгария',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+973-####-####',\r\n\t\tcpc: '973',\r\n\t\tcc: 'BH',\r\n\t\tname_en: 'Bahrain',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Бахрейн',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+257-##-##-####',\r\n\t\tcpc: '257',\r\n\t\tcc: 'BI',\r\n\t\tname_en: 'Burundi',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Бурунди',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+229-##-##-####',\r\n\t\tcpc: '229',\r\n\t\tcc: 'BJ',\r\n\t\tname_en: 'Benin',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Бенин',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+1(441)###-####',\r\n\t\tcpc: '1441',\r\n\t\tcc: 'BM',\r\n\t\tname_en: 'Bermuda',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Бермудские острова',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+673-###-####',\r\n\t\tcpc: '673',\r\n\t\tcc: 'BN',\r\n\t\tname_en: 'Brunei Darussalam',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Бруней-Даруссалам',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+591-#-###-####',\r\n\t\tcpc: '591',\r\n\t\tcc: 'BO',\r\n\t\tname_en: 'Bolivia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Боливия',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+55-##-####-####',\r\n\t\tcpc: '55',\r\n\t\tcc: 'BR',\r\n\t\tname_en: 'Brazil',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Бразилия',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+1(242)###-####',\r\n\t\tcpc: '1242',\r\n\t\tcc: 'BS',\r\n\t\tname_en: 'Bahamas',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Багамские Острова',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+975-17-###-###',\r\n\t\tcpc: '97517',\r\n\t\tcc: 'BT',\r\n\t\tname_en: 'Bhutan',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Бутан',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+975-#-###-###',\r\n\t\tcpc: '975',\r\n\t\tcc: 'BT',\r\n\t\tname_en: 'Bhutan',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Бутан',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+267-##-###-###',\r\n\t\tcpc: '267',\r\n\t\tcc: 'BW',\r\n\t\tname_en: 'Botswana',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Ботсвана',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+375(##)###-##-##',\r\n\t\tcpc: '375',\r\n\t\tcc: 'BY',\r\n\t\tname_en: 'Belarus',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Беларусь (Белоруссия)',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+501-###-####',\r\n\t\tcpc: '501',\r\n\t\tcc: 'BZ',\r\n\t\tname_en: 'Belize',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Белиз',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+243(###)###-###',\r\n\t\tcpc: '243',\r\n\t\tcc: 'CD',\r\n\t\tname_en: 'Dem. Rep. Congo',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Дем. Респ. Конго (Киншаса)',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+236-##-##-####',\r\n\t\tcpc: '236',\r\n\t\tcc: 'CF',\r\n\t\tname_en: 'Central African Republic',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Центральноафриканская Республика',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+242-##-###-####',\r\n\t\tcpc: '242',\r\n\t\tcc: 'CG',\r\n\t\tname_en: 'Congo (Brazzaville)',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Конго (Браззавиль)',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+41-##-###-####',\r\n\t\tcpc: '41',\r\n\t\tcc: 'CH',\r\n\t\tname_en: 'Switzerland',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Швейцария',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+225-##-###-###',\r\n\t\tcpc: '225',\r\n\t\tcc: 'CI',\r\n\t\tname_en: 'Cote d’Ivoire (Ivory Coast)',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Кот-д’Ивуар',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+682-##-###',\r\n\t\tcpc: '682',\r\n\t\tcc: 'CK',\r\n\t\tname_en: 'Cook Islands',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Острова Кука',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+56-#-####-####',\r\n\t\tcpc: '56',\r\n\t\tcc: 'CL',\r\n\t\tname_en: 'Chile',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Чили',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+237-####-####',\r\n\t\tcpc: '237',\r\n\t\tcc: 'CM',\r\n\t\tname_en: 'Cameroon',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Камерун',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+86###########',\r\n\t\tcpc: '86',\r\n\t\tcc: 'CN',\r\n\t\tname_en: 'China (PRC)',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Китайская Н.Р.',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+86##########',\r\n\t\tcpc: '86',\r\n\t\tcc: 'CN',\r\n\t\tname_en: 'China (PRC)',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Китайская Н.Р.',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+86############',\r\n\t\tcpc: '86',\r\n\t\tcc: 'CN',\r\n\t\tname_en: 'China (PRC)',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Китайская Н.Р.',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+57(###)###-####',\r\n\t\tcpc: '57',\r\n\t\tcc: 'CO',\r\n\t\tname_en: 'Colombia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Колумбия',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+506-####-####',\r\n\t\tcpc: '506',\r\n\t\tcc: 'CR',\r\n\t\tname_en: 'Costa Rica',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Коста-Рика',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+53-#-###-####',\r\n\t\tcpc: '53',\r\n\t\tcc: 'CU',\r\n\t\tname_en: 'Cuba',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Куба',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+238(###)##-##',\r\n\t\tcpc: '238',\r\n\t\tcc: 'CV',\r\n\t\tname_en: 'Cape Verde',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Кабо-Верде',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+599-###-####',\r\n\t\tcpc: '599',\r\n\t\tcc: 'CW',\r\n\t\tname_en: 'Curacao',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Кюрасао',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+357-##-###-###',\r\n\t\tcpc: '357',\r\n\t\tcc: 'CY',\r\n\t\tname_en: 'Cyprus',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Кипр',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+420(###)###-###',\r\n\t\tcpc: '420',\r\n\t\tcc: 'CZ',\r\n\t\tname_en: 'Czech Republic',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Чехия',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+49(####)###-####',\r\n\t\tcpc: '49',\r\n\t\tcc: 'DE',\r\n\t\tname_en: 'Germany',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Германия',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+49(###)###-####',\r\n\t\tcpc: '49',\r\n\t\tcc: 'DE',\r\n\t\tname_en: 'Germany',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Германия',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+49(###)##-####',\r\n\t\tcpc: '49',\r\n\t\tcc: 'DE',\r\n\t\tname_en: 'Germany',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Германия',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+49(###)##-###',\r\n\t\tcpc: '49',\r\n\t\tcc: 'DE',\r\n\t\tname_en: 'Germany',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Германия',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+49(###)##-##',\r\n\t\tcpc: '49',\r\n\t\tcc: 'DE',\r\n\t\tname_en: 'Germany',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Германия',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+49-###-###',\r\n\t\tcpc: '49',\r\n\t\tcc: 'DE',\r\n\t\tname_en: 'Germany',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Германия',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+253-##-##-##-##',\r\n\t\tcpc: '253',\r\n\t\tcc: 'DJ',\r\n\t\tname_en: 'Djibouti',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Джибути',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+45-##-##-##-##',\r\n\t\tcpc: '45',\r\n\t\tcc: 'DK',\r\n\t\tname_en: 'Denmark',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Дания',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+1(767)###-####',\r\n\t\tcpc: '1767',\r\n\t\tcc: 'DM',\r\n\t\tname_en: 'Dominica',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Доминика',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+1(809)###-####',\r\n\t\tcpc: '1809',\r\n\t\tcc: 'DO',\r\n\t\tname_en: 'Dominican Republic',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Доминиканская Республика',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+1(829)###-####',\r\n\t\tcpc: '1829',\r\n\t\tcc: 'DO',\r\n\t\tname_en: 'Dominican Republic',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Доминиканская Республика',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+1(849)###-####',\r\n\t\tcpc: '1849',\r\n\t\tcc: 'DO',\r\n\t\tname_en: 'Dominican Republic',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Доминиканская Республика',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+213-##-#######',\r\n\t\tcpc: '213',\r\n\t\tcc: 'DZ',\r\n\t\tname_en: 'Algeria',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Алжир',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+593-##-###-####',\r\n\t\tcpc: '593',\r\n\t\tcc: 'EC',\r\n\t\tname_en: 'Ecuador ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Эквадор ',\r\n\t\tdesc_ru: 'мобильные',\r\n\t}, {\r\n\t\tmask: '+593-#-###-####',\r\n\t\tcpc: '593',\r\n\t\tcc: 'EC',\r\n\t\tname_en: 'Ecuador',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Эквадор',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+372-####-####',\r\n\t\tcpc: '372',\r\n\t\tcc: 'EE',\r\n\t\tname_en: 'Estonia ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Эстония ',\r\n\t\tdesc_ru: 'мобильные',\r\n\t}, {\r\n\t\tmask: '+372-###-####',\r\n\t\tcpc: '372',\r\n\t\tcc: 'EE',\r\n\t\tname_en: 'Estonia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Эстония',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+20(###)###-####',\r\n\t\tcpc: '20',\r\n\t\tcc: 'EG',\r\n\t\tname_en: 'Egypt',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Египет',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+291-#-###-###',\r\n\t\tcpc: '291',\r\n\t\tcc: 'ER',\r\n\t\tname_en: 'Eritrea',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Эритрея',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+34(###)###-###',\r\n\t\tcpc: '34',\r\n\t\tcc: 'ES',\r\n\t\tname_en: 'Spain',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Испания',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+251-##-###-####',\r\n\t\tcpc: '251',\r\n\t\tcc: 'ET',\r\n\t\tname_en: 'Ethiopia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Эфиопия',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+358(###)###-##-##',\r\n\t\tcpc: '358',\r\n\t\tcc: 'FI',\r\n\t\tname_en: 'Finland',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Финляндия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+679-##-#####',\r\n\t\tcpc: '679',\r\n\t\tcc: 'FJ',\r\n\t\tname_en: 'Fiji',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Фиджи',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+500-#####',\r\n\t\tcpc: '500',\r\n\t\tcc: 'FK',\r\n\t\tname_en: 'Falkland Islands',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Фолклендские острова',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+691-###-####',\r\n\t\tcpc: '691',\r\n\t\tcc: 'FM',\r\n\t\tname_en: 'F.S. Micronesia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Ф.Ш. Микронезии',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+298-###-###',\r\n\t\tcpc: '298',\r\n\t\tcc: 'FO',\r\n\t\tname_en: 'Faroe Islands',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Фарерские острова',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+262-#####-####',\r\n\t\tcpc: '262',\r\n\t\tcc: 'FR',\r\n\t\tname_en: 'Mayotte',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Майотта',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+33(###)###-###',\r\n\t\tcpc: '33',\r\n\t\tcc: 'FR',\r\n\t\tname_en: 'France',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Франция',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+508-##-####',\r\n\t\tcpc: '508',\r\n\t\tcc: 'FR',\r\n\t\tname_en: 'St Pierre & Miquelon',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Сен-Пьер и Микелон',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+590(###)###-###',\r\n\t\tcpc: '590',\r\n\t\tcc: 'FR',\r\n\t\tname_en: 'Guadeloupe',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Гваделупа',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+241-#-##-##-##',\r\n\t\tcpc: '241',\r\n\t\tcc: 'GA',\r\n\t\tname_en: 'Gabon',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Габон',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+1(473)###-####',\r\n\t\tcpc: '1473',\r\n\t\tcc: 'GD',\r\n\t\tname_en: 'Grenada',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Гренада',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+995(###)###-###',\r\n\t\tcpc: '995',\r\n\t\tcc: 'GE',\r\n\t\tname_en: 'Rep. of Georgia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Грузия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+594-#####-####',\r\n\t\tcpc: '594',\r\n\t\tcc: 'GF',\r\n\t\tname_en: 'Guiana (French)',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Фр. Гвиана',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+233(###)###-###',\r\n\t\tcpc: '233',\r\n\t\tcc: 'GH',\r\n\t\tname_en: 'Ghana',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Гана',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+350-###-#####',\r\n\t\tcpc: '350',\r\n\t\tcc: 'GI',\r\n\t\tname_en: 'Gibraltar',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Гибралтар',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+299-##-##-##',\r\n\t\tcpc: '299',\r\n\t\tcc: 'GL',\r\n\t\tname_en: 'Greenland',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Гренландия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+220(###)##-##',\r\n\t\tcpc: '220',\r\n\t\tcc: 'GM',\r\n\t\tname_en: 'Gambia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Гамбия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+224-##-###-###',\r\n\t\tcpc: '224',\r\n\t\tcc: 'GN',\r\n\t\tname_en: 'Guinea',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Гвинея',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+224-###-###-###',\r\n\t\tcpc: '224',\r\n\t\tcc: 'GN',\r\n\t\tname_en: 'Guinea',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Гвинея',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+240-##-###-####',\r\n\t\tcpc: '240',\r\n\t\tcc: 'GQ',\r\n\t\tname_en: 'Equatorial Guinea',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Экваториальная Гвинея',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+30(###)###-####',\r\n\t\tcpc: '30',\r\n\t\tcc: 'GR',\r\n\t\tname_en: 'Greece',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Греция',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+502-#-###-####',\r\n\t\tcpc: '502',\r\n\t\tcc: 'GT',\r\n\t\tname_en: 'Guatemala',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Гватемала',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+1(671)###-####',\r\n\t\tcpc: '1671',\r\n\t\tcc: 'GU',\r\n\t\tname_en: 'Guam',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Гуам',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+245-#-######',\r\n\t\tcpc: '245',\r\n\t\tcc: 'GW',\r\n\t\tname_en: 'Guinea-Bissau',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Гвинея-Бисау',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+592-###-####',\r\n\t\tcpc: '592',\r\n\t\tcc: 'GY',\r\n\t\tname_en: 'Guyana',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Гайана',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+852-####-####',\r\n\t\tcpc: '852',\r\n\t\tcc: 'HK',\r\n\t\tname_en: 'Hong Kong',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Гонконг',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+504-####-####',\r\n\t\tcpc: '504',\r\n\t\tcc: 'HN',\r\n\t\tname_en: 'Honduras',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Гондурас',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+385-##-###-###',\r\n\t\tcpc: '385',\r\n\t\tcc: 'HR',\r\n\t\tname_en: 'Croatia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Хорватия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+385-##-###-####',\r\n\t\tcpc: '385',\r\n\t\tcc: 'HR',\r\n\t\tname_en: 'Croatia',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Хорватия',\r\n\t\tdesc_ru: 'мобильные'\r\n\t}, {\r\n\t\tmask: '+509-##-##-####',\r\n\t\tcpc: '509',\r\n\t\tcc: 'HT',\r\n\t\tname_en: 'Haiti',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Гаити',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+36(###)###-###',\r\n\t\tcpc: '36',\r\n\t\tcc: 'HU',\r\n\t\tname_en: 'Hungary',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Венгрия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+62(8##)###-####',\r\n\t\tcpc: '628',\r\n\t\tcc: 'ID',\r\n\t\tname_en: 'Indonesia ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Индонезия ',\r\n\t\tdesc_ru: 'мобильные'\r\n\t}, {\r\n\t\tmask: '+62-##-###-##',\r\n\t\tcpc: '62',\r\n\t\tcc: 'ID',\r\n\t\tname_en: 'Indonesia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Индонезия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+62-##-###-###',\r\n\t\tcpc: '62',\r\n\t\tcc: 'ID',\r\n\t\tname_en: 'Indonesia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Индонезия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+62-##-###-####',\r\n\t\tcpc: '62',\r\n\t\tcc: 'ID',\r\n\t\tname_en: 'Indonesia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Индонезия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+62(8##)###-###',\r\n\t\tcpc: '628',\r\n\t\tcc: 'ID',\r\n\t\tname_en: 'Indonesia ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Индонезия ',\r\n\t\tdesc_ru: 'мобильные'\r\n\t}, {\r\n\t\tmask: '+62(8##)###-##-###',\r\n\t\tcpc: '628',\r\n\t\tcc: 'ID',\r\n\t\tname_en: 'Indonesia ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Индонезия ',\r\n\t\tdesc_ru: 'мобильные'\r\n\t}, {\r\n\t\tmask: '+353(###)###-###',\r\n\t\tcpc: '353',\r\n\t\tcc: 'IE',\r\n\t\tname_en: 'Ireland',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Ирландия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+972-5#-###-####',\r\n\t\tcpc: '9725',\r\n\t\tcc: 'IL',\r\n\t\tname_en: 'Israel ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Израиль ',\r\n\t\tdesc_ru: 'мобильные'\r\n\t}, {\r\n\t\tmask: '+972-#-###-####',\r\n\t\tcpc: '972',\r\n\t\tcc: 'IL',\r\n\t\tname_en: 'Israel',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Израиль',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+91(####)###-###',\r\n\t\tcpc: '91',\r\n\t\tcc: 'IN',\r\n\t\tname_en: 'India',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Индия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+246-###-####',\r\n\t\tcpc: '246',\r\n\t\tcc: 'IO',\r\n\t\tname_en: 'Diego Garcia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Диего-Гарсия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+964(###)###-####',\r\n\t\tcpc: '964',\r\n\t\tcc: 'IQ',\r\n\t\tname_en: 'Iraq',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Ирак',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+98(###)###-####',\r\n\t\tcpc: '98',\r\n\t\tcc: 'IR',\r\n\t\tname_en: 'Iran',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Иран',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+354-###-####',\r\n\t\tcpc: '354',\r\n\t\tcc: 'IS',\r\n\t\tname_en: 'Iceland',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Исландия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+39(###)####-###',\r\n\t\tcpc: '39',\r\n\t\tcc: 'IT',\r\n\t\tname_en: 'Italy',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Италия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+1(876)###-####',\r\n\t\tcpc: '1876',\r\n\t\tcc: 'JM',\r\n\t\tname_en: 'Jamaica',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Ямайка',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+962-#-####-####',\r\n\t\tcpc: '962',\r\n\t\tcc: 'JO',\r\n\t\tname_en: 'Jordan',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Иордания',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+81-##-####-####',\r\n\t\tcpc: '81',\r\n\t\tcc: 'JP',\r\n\t\tname_en: 'Japan ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Япония ',\r\n\t\tdesc_ru: 'мобильные'\r\n\t}, {\r\n\t\tmask: '+81(###)###-###',\r\n\t\tcpc: '81',\r\n\t\tcc: 'JP',\r\n\t\tname_en: 'Japan',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Япония',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+254-###-######',\r\n\t\tcpc: '254',\r\n\t\tcc: 'KE',\r\n\t\tname_en: 'Kenya',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Кения',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+996(###)###-###',\r\n\t\tcpc: '996',\r\n\t\tcc: 'KG',\r\n\t\tname_en: 'Kyrgyzstan',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Киргизия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+855-###-###-###',\r\n\t\tcpc: '855',\r\n\t\tcc: 'KH',\r\n\t\tname_en: 'Cambodia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Камбоджа',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+855-###-###-####',\r\n\t\tcpc: '855',\r\n\t\tcc: 'KH',\r\n\t\tname_en: 'Cambodia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Камбоджа',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+855-##-###-###',\r\n\t\tcpc: '855',\r\n\t\tcc: 'KH',\r\n\t\tname_en: 'Cambodia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Камбоджа',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+686-##-###',\r\n\t\tcpc: '686',\r\n\t\tcc: 'KI',\r\n\t\tname_en: 'Kiribati',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Кирибати',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+269-##-#####',\r\n\t\tcpc: '269',\r\n\t\tcc: 'KM',\r\n\t\tname_en: 'Comoros',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Коморы',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+1(869)###-####',\r\n\t\tcpc: '1869',\r\n\t\tcc: 'KN',\r\n\t\tname_en: 'Saint Kitts & Nevis',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Сент-Китс и Невис',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+850-191-###-####',\r\n\t\tcpc: '850191',\r\n\t\tcc: 'KP',\r\n\t\tname_en: 'DPR Korea (North) ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Корейская НДР ',\r\n\t\tdesc_ru: 'мобильные'\r\n\t}, {\r\n\t\tmask: '+850-##-###-###',\r\n\t\tcpc: '850',\r\n\t\tcc: 'KP',\r\n\t\tname_en: 'DPR Korea (North)',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Корейская НДР',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+850-###-####-###',\r\n\t\tcpc: '850',\r\n\t\tcc: 'KP',\r\n\t\tname_en: 'DPR Korea (North)',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Корейская НДР',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+850-###-###',\r\n\t\tcpc: '850',\r\n\t\tcc: 'KP',\r\n\t\tname_en: 'DPR Korea (North)',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Корейская НДР',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+850-####-####',\r\n\t\tcpc: '850',\r\n\t\tcc: 'KP',\r\n\t\tname_en: 'DPR Korea (North)',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Корейская НДР',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+850-####-#############',\r\n\t\tcpc: '850',\r\n\t\tcc: 'KP',\r\n\t\tname_en: 'DPR Korea (North)',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Корейская НДР',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+82-##-########',\r\n\t\tcpc: '82',\r\n\t\tcc: 'KR',\r\n\t\tname_en: 'Korea (South)',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Респ. Корея',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+965-####-####',\r\n\t\tcpc: '965',\r\n\t\tcc: 'KW',\r\n\t\tname_en: 'Kuwait',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Кувейт',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+1(345)###-####',\r\n\t\tcpc: '1345',\r\n\t\tcc: 'KY',\r\n\t\tname_en: 'Cayman Islands',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Каймановы острова',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+7(6##)###-##-##',\r\n\t\tcpc: '76',\r\n\t\tcc: 'KZ',\r\n\t\tname_en: 'Kazakhstan',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Казахстан',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+7(7##)###-##-##',\r\n\t\tcpc: '77',\r\n\t\tcc: 'KZ',\r\n\t\tname_en: 'Kazakhstan',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Казахстан',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+856(20##)###-###',\r\n\t\tcpc: '85620',\r\n\t\tcc: 'LA',\r\n\t\tname_en: 'Laos ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Лаос ',\r\n\t\tdesc_ru: 'мобильные'\r\n\t}, {\r\n\t\tmask: '+856-##-###-###',\r\n\t\tcpc: '856',\r\n\t\tcc: 'LA',\r\n\t\tname_en: 'Laos',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Лаос',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+961-##-###-###',\r\n\t\tcpc: '961',\r\n\t\tcc: 'LB',\r\n\t\tname_en: 'Lebanon ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Ливан ',\r\n\t\tdesc_ru: 'мобильные'\r\n\t}, {\r\n\t\tmask: '+961-#-###-###',\r\n\t\tcpc: '961',\r\n\t\tcc: 'LB',\r\n\t\tname_en: 'Lebanon',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Ливан',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+1(758)###-####',\r\n\t\tcpc: '1758',\r\n\t\tcc: 'LC',\r\n\t\tname_en: 'Saint Lucia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Сент-Люсия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+423(###)###-####',\r\n\t\tcpc: '423',\r\n\t\tcc: 'LI',\r\n\t\tname_en: 'Liechtenstein',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Лихтенштейн',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+94-##-###-####',\r\n\t\tcpc: '94',\r\n\t\tcc: 'LK',\r\n\t\tname_en: 'Sri Lanka',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Шри-Ланка',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+231-##-###-###',\r\n\t\tcpc: '231',\r\n\t\tcc: 'LR',\r\n\t\tname_en: 'Liberia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Либерия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+266-#-###-####',\r\n\t\tcpc: '266',\r\n\t\tcc: 'LS',\r\n\t\tname_en: 'Lesotho',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Лесото',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+370(###)##-###',\r\n\t\tcpc: '370',\r\n\t\tcc: 'LT',\r\n\t\tname_en: 'Lithuania',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Литва',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+352(###)###-###',\r\n\t\tcpc: '352',\r\n\t\tcc: 'LU',\r\n\t\tname_en: 'Luxembourg',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Люксембург',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+371-##-###-###',\r\n\t\tcpc: '371',\r\n\t\tcc: 'LV',\r\n\t\tname_en: 'Latvia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Латвия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+218-##-###-####',\r\n\t\tcpc: '218',\r\n\t\tcc: 'LY',\r\n\t\tname_en: 'Libya',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Ливия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+212-##-####-###',\r\n\t\tcpc: '212',\r\n\t\tcc: 'MA',\r\n\t\tname_en: 'Morocco',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Марокко',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+377(###)###-###',\r\n\t\tcpc: '377',\r\n\t\tcc: 'MC',\r\n\t\tname_en: 'Monaco',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Монако',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+377-##-###-###',\r\n\t\tcpc: '377',\r\n\t\tcc: 'MC',\r\n\t\tname_en: 'Monaco',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Монако',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+373-####-####',\r\n\t\tcpc: '373',\r\n\t\tcc: 'MD',\r\n\t\tname_en: 'Moldova',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Молдова',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+382-##-###-###',\r\n\t\tcpc: '382',\r\n\t\tcc: 'ME',\r\n\t\tname_en: 'Montenegro',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Черногория',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+261-##-##-#####',\r\n\t\tcpc: '261',\r\n\t\tcc: 'MG',\r\n\t\tname_en: 'Madagascar',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Мадагаскар',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+692-###-####',\r\n\t\tcpc: '692',\r\n\t\tcc: 'MH',\r\n\t\tname_en: 'Marshall Islands',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Маршалловы Острова',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+389-##-###-###',\r\n\t\tcpc: '389',\r\n\t\tcc: 'MK',\r\n\t\tname_en: 'Republic of Macedonia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Респ. Македония',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+223-##-##-####',\r\n\t\tcpc: '223',\r\n\t\tcc: 'ML',\r\n\t\tname_en: 'Mali',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Мали',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+95-##-###-###',\r\n\t\tcpc: '95',\r\n\t\tcc: 'MM',\r\n\t\tname_en: 'Burma (Myanmar)',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Бирма (Мьянма)',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+95-#-###-###',\r\n\t\tcpc: '95',\r\n\t\tcc: 'MM',\r\n\t\tname_en: 'Burma (Myanmar)',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Бирма (Мьянма)',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+95-###-###',\r\n\t\tcpc: '95',\r\n\t\tcc: 'MM',\r\n\t\tname_en: 'Burma (Myanmar)',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Бирма (Мьянма)',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+976-##-##-####',\r\n\t\tcpc: '976',\r\n\t\tcc: 'MN',\r\n\t\tname_en: 'Mongolia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Монголия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+853-####-####',\r\n\t\tcpc: '853',\r\n\t\tcc: 'MO',\r\n\t\tname_en: 'Macau',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Макао',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+1(670)###-####',\r\n\t\tcpc: '1670',\r\n\t\tcc: 'MP',\r\n\t\tname_en: 'Northern Mariana Islands',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Северные Марианские острова Сайпан',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+596(###)##-##-##',\r\n\t\tcpc: '596',\r\n\t\tcc: 'MQ',\r\n\t\tname_en: 'Martinique',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Мартиника',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+222-##-##-####',\r\n\t\tcpc: '222',\r\n\t\tcc: 'MR',\r\n\t\tname_en: 'Mauritania',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Мавритания',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+1(664)###-####',\r\n\t\tcpc: '1664',\r\n\t\tcc: 'MS',\r\n\t\tname_en: 'Montserrat',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Монтсеррат',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+356-####-####',\r\n\t\tcpc: '356',\r\n\t\tcc: 'MT',\r\n\t\tname_en: 'Malta',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Мальта',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+230-###-####',\r\n\t\tcpc: '230',\r\n\t\tcc: 'MU',\r\n\t\tname_en: 'Mauritius',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Маврикий',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+960-###-####',\r\n\t\tcpc: '960',\r\n\t\tcc: 'MV',\r\n\t\tname_en: 'Maldives',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Мальдивские острова',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+265-1-###-###',\r\n\t\tcpc: '2651',\r\n\t\tcc: 'MW',\r\n\t\tname_en: 'Malawi',\r\n\t\tdesc_en: 'Telecom Ltd',\r\n\t\tname_ru: 'Малави',\r\n\t\tdesc_ru: 'Telecom Ltd'\r\n\t}, {\r\n\t\tmask: '+265-#-####-####',\r\n\t\tcpc: '265',\r\n\t\tcc: 'MW',\r\n\t\tname_en: 'Malawi',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Малави',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+52-55-########',\r\n\t\tcpc: '5255',\r\n\t\tcc: 'MX',\r\n\t\tname_en: 'Mexico',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Мексика',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+52-81-########',\r\n\t\tcpc: '5281',\r\n\t\tcc: 'MX',\r\n\t\tname_en: 'Mexico',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Мексика',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+52-33-########',\r\n\t\tcpc: '5233',\r\n\t\tcc: 'MX',\r\n\t\tname_en: 'Mexico',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Мексика',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+52-###-#######',\r\n\t\tcpc: '52',\r\n\t\tcc: 'MX',\r\n\t\tname_en: 'Mexico',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Мексика',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+60-##-###-####',\r\n\t\tcpc: '60',\r\n\t\tcc: 'MY',\r\n\t\tname_en: 'Malaysia ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Малайзия ',\r\n\t\tdesc_ru: 'мобильные',\r\n\t}, {\r\n\t\tmask: '+60-##-####-####',\r\n\t\tcpc: '60',\r\n\t\tcc: 'MY',\r\n\t\tname_en: 'Malaysia ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Малайзия ',\r\n\t\tdesc_ru: 'мобильные',\r\n\t}, {\r\n\t\tmask: '+60-3-####-####',\r\n\t\tcpc: '60',\r\n\t\tcc: 'MY',\r\n\t\tname_en: 'Malaysia ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Малайзия ',\r\n\t\tdesc_ru: 'мобильные',\r\n\t}, {\r\n\t\tmask: '+60-3-####-#####',\r\n\t\tcpc: '60',\r\n\t\tcc: 'MY',\r\n\t\tname_en: 'Malaysia ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Малайзия ',\r\n\t\tdesc_ru: 'мобильные',\r\n\t}, {\r\n\t\tmask: '+258-##-###-###',\r\n\t\tcpc: '258',\r\n\t\tcc: 'MZ',\r\n\t\tname_en: 'Mozambique',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Мозамбик',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+264-##-###-####',\r\n\t\tcpc: '264',\r\n\t\tcc: 'NA',\r\n\t\tname_en: 'Namibia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Намибия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+687-##-####',\r\n\t\tcpc: '687',\r\n\t\tcc: 'NC',\r\n\t\tname_en: 'New Caledonia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Новая Каледония',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+227-##-##-####',\r\n\t\tcpc: '227',\r\n\t\tcc: 'NE',\r\n\t\tname_en: 'Niger',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Нигер',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+672-3##-###',\r\n\t\tcpc: '6723',\r\n\t\tcc: 'NF',\r\n\t\tname_en: 'Norfolk Island',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Норфолк (остров)',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+234(###)###-####',\r\n\t\tcpc: '234',\r\n\t\tcc: 'NG',\r\n\t\tname_en: 'Nigeria',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Нигерия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+234-##-###-###',\r\n\t\tcpc: '234',\r\n\t\tcc: 'NG',\r\n\t\tname_en: 'Nigeria',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Нигерия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+234-##-###-##',\r\n\t\tcpc: '234',\r\n\t\tcc: 'NG',\r\n\t\tname_en: 'Nigeria',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Нигерия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+234(###)###-####',\r\n\t\tcpc: '234',\r\n\t\tcc: 'NG',\r\n\t\tname_en: 'Nigeria ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Нигерия ',\r\n\t\tdesc_ru: 'мобильные'\r\n\t}, {\r\n\t\tmask: '+505-####-####',\r\n\t\tcpc: '505',\r\n\t\tcc: 'NI',\r\n\t\tname_en: 'Nicaragua',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Никарагуа',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+31-##-###-####',\r\n\t\tcpc: '31',\r\n\t\tcc: 'NL',\r\n\t\tname_en: 'Netherlands',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Нидерланды',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+47(###)##-###',\r\n\t\tcpc: '47',\r\n\t\tcc: 'NO',\r\n\t\tname_en: 'Norway',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Норвегия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+977-##-###-###',\r\n\t\tcpc: '977',\r\n\t\tcc: 'NP',\r\n\t\tname_en: 'Nepal',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Непал',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+674-###-####',\r\n\t\tcpc: '674',\r\n\t\tcc: 'NR',\r\n\t\tname_en: 'Nauru',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Науру',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+683-####',\r\n\t\tcpc: '683',\r\n\t\tcc: 'NU',\r\n\t\tname_en: 'Niue',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Ниуэ',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+64(###)###-###',\r\n\t\tcpc: '64',\r\n\t\tcc: 'NZ',\r\n\t\tname_en: 'New Zealand',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Новая Зеландия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+64-##-###-###',\r\n\t\tcpc: '64',\r\n\t\tcc: 'NZ',\r\n\t\tname_en: 'New Zealand',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Новая Зеландия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+64(###)###-####',\r\n\t\tcpc: '64',\r\n\t\tcc: 'NZ',\r\n\t\tname_en: 'New Zealand',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Новая Зеландия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+968-##-###-###',\r\n\t\tcpc: '968',\r\n\t\tcc: 'OM',\r\n\t\tname_en: 'Oman',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Оман',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+507-###-####',\r\n\t\tcpc: '507',\r\n\t\tcc: 'PA',\r\n\t\tname_en: 'Panama',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Панама',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+51(###)###-###',\r\n\t\tcpc: '51',\r\n\t\tcc: 'PE',\r\n\t\tname_en: 'Peru',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Перу',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+689-##-##-##',\r\n\t\tcpc: '689',\r\n\t\tcc: 'PF',\r\n\t\tname_en: 'French Polynesia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Французская Полинезия (Таити)',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+675(###)##-###',\r\n\t\tcpc: '675',\r\n\t\tcc: 'PG',\r\n\t\tname_en: 'Papua New Guinea',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Папуа-Новая Гвинея',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+63(###)###-####',\r\n\t\tcpc: '63',\r\n\t\tcc: 'PH',\r\n\t\tname_en: 'Philippines',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Филиппины',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+92(###)###-####',\r\n\t\tcpc: '92',\r\n\t\tcc: 'PK',\r\n\t\tname_en: 'Pakistan',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Пакистан',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+48(###)###-###',\r\n\t\tcpc: '48',\r\n\t\tcc: 'PL',\r\n\t\tname_en: 'Poland',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Польша',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+970-##-###-####',\r\n\t\tcpc: '970',\r\n\t\tcc: 'PS',\r\n\t\tname_en: 'Palestine',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Палестина',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+351-##-###-####',\r\n\t\tcpc: '351',\r\n\t\tcc: 'PT',\r\n\t\tname_en: 'Portugal',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Португалия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+680-###-####',\r\n\t\tcpc: '680',\r\n\t\tcc: 'PW',\r\n\t\tname_en: 'Palau',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Палау',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+595(###)###-###',\r\n\t\tcpc: '595',\r\n\t\tcc: 'PY',\r\n\t\tname_en: 'Paraguay',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Парагвай',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+974-####-####',\r\n\t\tcpc: '974',\r\n\t\tcc: 'QA',\r\n\t\tname_en: 'Qatar',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Катар',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+262-#####-####',\r\n\t\tcpc: '262',\r\n\t\tcc: 'RE',\r\n\t\tname_en: 'Reunion',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Реюньон',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+40-##-###-####',\r\n\t\tcpc: '40',\r\n\t\tcc: 'RO',\r\n\t\tname_en: 'Romania',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Румыния',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+381-##-###-####',\r\n\t\tcpc: '381',\r\n\t\tcc: 'RS',\r\n\t\tname_en: 'Serbia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Сербия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+7(###)###-##-##',\r\n\t\tcpc: '7',\r\n\t\tcc: 'RU',\r\n\t\tname_en: 'Russia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Россия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+250(###)###-###',\r\n\t\tcpc: '250',\r\n\t\tcc: 'RW',\r\n\t\tname_en: 'Rwanda',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Руанда',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+966-5-####-####',\r\n\t\tcpc: '9665',\r\n\t\tcc: 'SA',\r\n\t\tname_en: 'Saudi Arabia ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Саудовская Аравия ',\r\n\t\tdesc_ru: 'мобильные'\r\n\t}, {\r\n\t\tmask: '+966-#-###-####',\r\n\t\tcpc: '966',\r\n\t\tcc: 'SA',\r\n\t\tname_en: 'Saudi Arabia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Саудовская Аравия',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+677-###-####',\r\n\t\tcpc: '677',\r\n\t\tcc: 'SB',\r\n\t\tname_en: 'Solomon Islands ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Соломоновы Острова ',\r\n\t\tdesc_ru: 'мобильные'\r\n\t}, {\r\n\t\tmask: '+677-#####',\r\n\t\tcpc: '677',\r\n\t\tcc: 'SB',\r\n\t\tname_en: 'Solomon Islands',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Соломоновы Острова',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+248-#-###-###',\r\n\t\tcpc: '248',\r\n\t\tcc: 'SC',\r\n\t\tname_en: 'Seychelles',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Сейшелы',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+249-##-###-####',\r\n\t\tcpc: '249',\r\n\t\tcc: 'SD',\r\n\t\tname_en: 'Sudan',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Судан',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+46-##-###-####',\r\n\t\tcpc: '46',\r\n\t\tcc: 'SE',\r\n\t\tname_en: 'Sweden',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Швеция',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+65-####-####',\r\n\t\tcpc: '65',\r\n\t\tcc: 'SG',\r\n\t\tname_en: 'Singapore',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Сингапур',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+290-####',\r\n\t\tcpc: '290',\r\n\t\tcc: 'SH',\r\n\t\tname_en: 'Saint Helena',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Остров Святой Елены',\r\n\t\tdesc_ru: ''\r\n\t}, {\r\n\t\tmask: '+290-####',\r\n\t\tcpc: '290',\r\n\t\tcc: 'SH',\r\n\t\tname_en: 'Tristan da Cunha',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Тристан-да-Кунья',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+386-##-###-###',\r\n\t\tcpc: '386',\r\n\t\tcc: 'SI',\r\n\t\tname_en: 'Slovenia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Словения',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+421(###)###-###',\r\n\t\tcpc: '421',\r\n\t\tcc: 'SK',\r\n\t\tname_en: 'Slovakia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Словакия',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+232-##-######',\r\n\t\tcpc: '232',\r\n\t\tcc: 'SL',\r\n\t\tname_en: 'Sierra Leone',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Сьерра-Леоне',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+378-####-######',\r\n\t\tcpc: '378',\r\n\t\tcc: 'SM',\r\n\t\tname_en: 'San Marino',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Сан-Марино',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+221-##-###-####',\r\n\t\tcpc: '221',\r\n\t\tcc: 'SN',\r\n\t\tname_en: 'Senegal',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Сенегал',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+252-##-###-###',\r\n\t\tcpc: '252',\r\n\t\tcc: 'SO',\r\n\t\tname_en: 'Somalia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Сомали',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+252-#-###-###',\r\n\t\tcpc: '252',\r\n\t\tcc: 'SO',\r\n\t\tname_en: 'Somalia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Сомали',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+252-#-###-###',\r\n\t\tcpc: '252',\r\n\t\tcc: 'SO',\r\n\t\tname_en: 'Somalia ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Сомали ',\r\n\t\tdesc_ru: 'мобильные',\r\n\t}, {\r\n\t\tmask: '+597-###-####',\r\n\t\tcpc: '597',\r\n\t\tcc: 'SR',\r\n\t\tname_en: 'Suriname ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Суринам ',\r\n\t\tdesc_ru: 'мобильные',\r\n\t}, {\r\n\t\tmask: '+597-###-###',\r\n\t\tcpc: '597',\r\n\t\tcc: 'SR',\r\n\t\tname_en: 'Suriname',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Суринам',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+211-##-###-####',\r\n\t\tcpc: '211',\r\n\t\tcc: 'SS',\r\n\t\tname_en: 'South Sudan',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Южный Судан',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+239-##-#####',\r\n\t\tcpc: '239',\r\n\t\tcc: 'ST',\r\n\t\tname_en: 'Sao Tome and Principe',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Сан-Томе и Принсипи',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+503-##-##-####',\r\n\t\tcpc: '503',\r\n\t\tcc: 'SV',\r\n\t\tname_en: 'El Salvador',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Сальвадор',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+1(721)###-####',\r\n\t\tcpc: '1721',\r\n\t\tcc: 'SX',\r\n\t\tname_en: 'Sint Maarten',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Синт-Маартен',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+963-##-####-###',\r\n\t\tcpc: '963',\r\n\t\tcc: 'SY',\r\n\t\tname_en: 'Syrian Arab Republic',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Сирийская арабская республика',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+268-##-##-####',\r\n\t\tcpc: '268',\r\n\t\tcc: 'SZ',\r\n\t\tname_en: 'Swaziland',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Свазиленд',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+1(649)###-####',\r\n\t\tcpc: '1649',\r\n\t\tcc: 'TC',\r\n\t\tname_en: 'Turks & Caicos',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Тёркс и Кайкос',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+235-##-##-##-##',\r\n\t\tcpc: '235',\r\n\t\tcc: 'TD',\r\n\t\tname_en: 'Chad',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Чад',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+228-##-###-###',\r\n\t\tcpc: '228',\r\n\t\tcc: 'TG',\r\n\t\tname_en: 'Togo',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Того',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+66-##-###-####',\r\n\t\tcpc: '66',\r\n\t\tcc: 'TH',\r\n\t\tname_en: 'Thailand ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Таиланд ',\r\n\t\tdesc_ru: 'мобильные',\r\n\t}, {\r\n\t\tmask: '+66-##-###-###',\r\n\t\tcpc: '66',\r\n\t\tcc: 'TH',\r\n\t\tname_en: 'Thailand',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Таиланд',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+992-##-###-####',\r\n\t\tcpc: '992',\r\n\t\tcc: 'TJ',\r\n\t\tname_en: 'Tajikistan',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Таджикистан',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+690-####',\r\n\t\tcpc: '690',\r\n\t\tcc: 'TK',\r\n\t\tname_en: 'Tokelau',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Токелау',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+670-###-####',\r\n\t\tcpc: '670',\r\n\t\tcc: 'TL',\r\n\t\tname_en: 'East Timor',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Восточный Тимор',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+670-77#-#####',\r\n\t\tcpc: '67077',\r\n\t\tcc: 'TL',\r\n\t\tname_en: 'East Timor',\r\n\t\tdesc_en: 'Timor Telecom',\r\n\t\tname_ru: 'Восточный Тимор',\r\n\t\tdesc_ru: 'Timor Telecom',\r\n\t}, {\r\n\t\tmask: '+670-78#-#####',\r\n\t\tcpc: '67078',\r\n\t\tcc: 'TL',\r\n\t\tname_en: 'East Timor',\r\n\t\tdesc_en: 'Timor Telecom',\r\n\t\tname_ru: 'Восточный Тимор',\r\n\t\tdesc_ru: 'Timor Telecom',\r\n\t}, {\r\n\t\tmask: '+993-#-###-####',\r\n\t\tcpc: '993',\r\n\t\tcc: 'TM',\r\n\t\tname_en: 'Turkmenistan',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Туркменистан',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+216-##-###-###',\r\n\t\tcpc: '216',\r\n\t\tcc: 'TN',\r\n\t\tname_en: 'Tunisia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Тунис',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+676-#####',\r\n\t\tcpc: '676',\r\n\t\tcc: 'TO',\r\n\t\tname_en: 'Tonga',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Тонга',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+90(###)###-####',\r\n\t\tcpc: '90',\r\n\t\tcc: 'TR',\r\n\t\tname_en: 'Turkey',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Турция',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+1(868)###-####',\r\n\t\tcpc: '1868',\r\n\t\tcc: 'TT',\r\n\t\tname_en: 'Trinidad & Tobago',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Тринидад и Тобаго',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+688-90####',\r\n\t\tcpc: '68890',\r\n\t\tcc: 'TV',\r\n\t\tname_en: 'Tuvalu ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Тувалу ',\r\n\t\tdesc_ru: 'мобильные',\r\n\t}, {\r\n\t\tmask: '+688-2####',\r\n\t\tcpc: '6882',\r\n\t\tcc: 'TV',\r\n\t\tname_en: 'Tuvalu',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Тувалу',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+886-#-####-####',\r\n\t\tcpc: '886',\r\n\t\tcc: 'TW',\r\n\t\tname_en: 'Taiwan',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Тайвань',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+886-####-####',\r\n\t\tcpc: '886',\r\n\t\tcc: 'TW',\r\n\t\tname_en: 'Taiwan',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Тайвань',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+255-##-###-####',\r\n\t\tcpc: '255',\r\n\t\tcc: 'TZ',\r\n\t\tname_en: 'Tanzania',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Танзания',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+380(##)###-##-##',\r\n\t\tcpc: '380',\r\n\t\tcc: 'UA',\r\n\t\tname_en: 'Ukraine',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Украина',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+256(###)###-###',\r\n\t\tcpc: '256',\r\n\t\tcc: 'UG',\r\n\t\tname_en: 'Uganda',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Уганда',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+44-##-####-####',\r\n\t\tcpc: '44',\r\n\t\tcc: 'UK',\r\n\t\tname_en: 'United Kingdom',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Великобритания',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+44-##-####-#####',\r\n\t\tcpc: '44',\r\n\t\tcc: 'UK',\r\n\t\tname_en: 'United Kingdom',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Великобритания',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+598-#-###-##-##',\r\n\t\tcpc: '598',\r\n\t\tcc: 'UY',\r\n\t\tname_en: 'Uruguay',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Уругвай',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+998-##-###-####',\r\n\t\tcpc: '998',\r\n\t\tcc: 'UZ',\r\n\t\tname_en: 'Uzbekistan',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Узбекистан',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+39-6-698-#####',\r\n\t\tcpc: '396698',\r\n\t\tcc: 'VA',\r\n\t\tname_en: 'Vatican City',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Ватикан',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+1(784)###-####',\r\n\t\tcpc: '1784',\r\n\t\tcc: 'VC',\r\n\t\tname_en: 'Saint Vincent & the Grenadines',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Сент-Винсент и Гренадины',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+58(###)###-####',\r\n\t\tcpc: '58',\r\n\t\tcc: 'VE',\r\n\t\tname_en: 'Venezuela',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Венесуэла',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+1(284)###-####',\r\n\t\tcpc: '1284',\r\n\t\tcc: 'VG',\r\n\t\tname_en: 'British Virgin Islands',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Британские Виргинские острова',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+1(340)###-####',\r\n\t\tcpc: '1340',\r\n\t\tcc: 'VI',\r\n\t\tname_en: 'US Virgin Islands',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Американские Виргинские острова',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+84-##-####-###',\r\n\t\tcpc: '84',\r\n\t\tcc: 'VN',\r\n\t\tname_en: 'Vietnam',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Вьетнам',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+84(###)####-###',\r\n\t\tcpc: '84',\r\n\t\tcc: 'VN',\r\n\t\tname_en: 'Vietnam',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Вьетнам',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+678-##-#####',\r\n\t\tcpc: '678',\r\n\t\tcc: 'VU',\r\n\t\tname_en: 'Vanuatu ',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Вануату ',\r\n\t\tdesc_ru: 'мобильные',\r\n\t}, {\r\n\t\tmask: '+678-#####',\r\n\t\tcpc: '678',\r\n\t\tcc: 'VU',\r\n\t\tname_en: 'Vanuatu',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Вануату',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+681-##-####',\r\n\t\tcpc: '681',\r\n\t\tcc: 'WF',\r\n\t\tname_en: 'Wallis and Futuna',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Уоллис и Футуна',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+685-##-####',\r\n\t\tcpc: '685',\r\n\t\tcc: 'WS',\r\n\t\tname_en: 'Samoa',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Самоа',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+967-###-###-###',\r\n\t\tcpc: '967',\r\n\t\tcc: 'YE',\r\n\t\tname_en: 'Yemen',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Йемен',\r\n\t\tdesc_ru: 'мобильные',\r\n\t}, {\r\n\t\tmask: '+967-#-###-###',\r\n\t\tcpc: '967',\r\n\t\tcc: 'YE',\r\n\t\tname_en: 'Yemen',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Йемен',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+967-##-###-###',\r\n\t\tcpc: '967',\r\n\t\tcc: 'YE',\r\n\t\tname_en: 'Yemen',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Йемен',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+27-##-###-####',\r\n\t\tcpc: '27',\r\n\t\tcc: 'ZA',\r\n\t\tname_en: 'South Africa',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Южно-Африканская Респ.',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+260-##-###-####',\r\n\t\tcpc: '260',\r\n\t\tcc: 'ZM',\r\n\t\tname_en: 'Zambia',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Замбия',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+263-##-######',\r\n\t\tcpc: '263',\r\n\t\tcc: 'ZW',\r\n\t\tname_en: 'Zimbabwe',\r\n\t\tdesc_en: '',\r\n\t\tname_ru: 'Зимбабве',\r\n\t\tdesc_ru: '',\r\n\t}, {\r\n\t\tmask: '+263-###-######',\r\n\t\tcpc: '263',\r\n\t\tcc: 'ZW',\r\n\t\tname_en: 'Zimbabwe',\r\n\t\tdesc_en: 'mobile',\r\n\t\tname_ru: 'Зимбабве',\r\n\t\tdesc_ru: 'мобильные',\r\n\t}, {\r\n\t\tmask: '+263-9-######',\r\n\t\tcpc: '263',\r\n\t\tcc: 'ZW',\r\n\t\tname_en: 'Zimbabwe',\r\n\t\tdesc_en: 'Bulawayo',\r\n\t\tname_ru: 'Зимбабве',\r\n\t\tdesc_ru: 'Булавайо',\r\n\t}, {\r\n\t\tmask: '+263-4-######',\r\n\t\tcpc: '263',\r\n\t\tcc: 'ZW',\r\n\t\tname_en: 'Zimbabwe',\r\n\t\tdesc_en: 'Harare',\r\n\t\tname_ru: 'Зимбабве',\r\n\t\tdesc_ru: 'Хараре',\r\n\t}, {\r\n\t\tmask: '+263-284-######',\r\n\t\tcpc: '263',\r\n\t\tcc: 'ZW',\r\n\t\tname_en: 'Zimbabwe',\r\n\t\tdesc_en: 'Gwanda',\r\n\t\tname_ru: 'Зимбабве',\r\n\t\tdesc_ru: 'Гванда',\r\n\t}, {\r\n\t\tmask: '+263-288-######',\r\n\t\tcpc: '263',\r\n\t\tcc: 'ZW',\r\n\t\tname_en: 'Zimbabwe',\r\n\t\tdesc_en: 'Esigodini',\r\n\t\tname_ru: 'Зимбабве',\r\n\t\tdesc_ru: 'Эсигодини',\r\n\t},\r\n\t{\r\n\t\tmask: '+1(204)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Manitoba',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Манитоба',\r\n\t}, {\r\n\t\tmask: '+1(226)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Ontario',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Онтарио',\r\n\t}, {\r\n\t\tmask: '+1(249)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Ontario',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Онтарио',\r\n\t}, {\r\n\t\tmask: '+1(250)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'British Columbia',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Британская Колумбия',\r\n\t}, {\r\n\t\tmask: '+1(289)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Ontario',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Онтарио',\r\n\t}, {\r\n\t\tmask: '+1(306)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Saskatchewan',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Саскачеван',\r\n\t}, {\r\n\t\tmask: '+1(343)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Ontario',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Онтарио',\r\n\t}, {\r\n\t\tmask: '+1(403)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Alberta',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Альберта',\r\n\t}, {\r\n\t\tmask: '+1(416)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Ontario',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Онтарио',\r\n\t}, {\r\n\t\tmask: '+1(418)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Québec',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Квебек',\r\n\t}, {\r\n\t\tmask: '+1(438)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Québec',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Квебек',\r\n\t}, {\r\n\t\tmask: '+1(450)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Québec',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Квебек',\r\n\t}, {\r\n\t\tmask: '+1(506)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'New Brunswick',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Нью-Брансуик',\r\n\t}, {\r\n\t\tmask: '+1(514)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Québec',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Квебек',\r\n\t}, {\r\n\t\tmask: '+1(519)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Ontario',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Онтарио',\r\n\t}, {\r\n\t\tmask: '+1(579)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Québec',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Квебек',\r\n\t}, {\r\n\t\tmask: '+1(581)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Québec',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Квебек',\r\n\t}, {\r\n\t\tmask: '+1(587)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Alberta',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Альберта',\r\n\t}, {\r\n\t\tmask: '+1(604)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'British Columbia',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Британская Колумбия',\r\n\t}, {\r\n\t\tmask: '+1(613)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Ontario',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Онтарио'\r\n\t}, {\r\n\t\tmask: '+1(647)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Ontario',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Онтарио',\r\n\t}, {\r\n\t\tmask: '+1(705)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Ontario',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Онтарио',\r\n\t}, {\r\n\t\tmask: '+1(709)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Newfoundland and Labrador',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Ньюфаундленд и Лабрадор',\r\n\t}, {\r\n\t\tmask: '+1(778)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'British Columbia',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Британская Колумбия',\r\n\t}, {\r\n\t\tmask: '+1(780)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Alberta',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Альберта',\r\n\t}, {\r\n\t\tmask: '+1(807)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Ontario',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Онтарио',\r\n\t}, {\r\n\t\tmask: '+1(819)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Québec',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Квебек',\r\n\t}, {\r\n\t\tmask: '+1(867)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Nunavut',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Нунавут',\r\n\t}, {\r\n\t\tmask: '+1(867)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Northwest Territories',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Северо-Западные территории',\r\n\t}, {\r\n\t\tmask: '+1(867)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Yukon',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Юкон',\r\n\t}, {\r\n\t\tmask: '+1(902)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Nova Scotia',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Новая Шотландия',\r\n\t}, {\r\n\t\tmask: '+1(902)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Prince Edward Island',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Остров Принца Эдуарда',\r\n\t}, {\r\n\t\tmask: '+1(905)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'CA',\r\n\t\tname_en: 'Canada',\r\n\t\tdesc_en: 'Ontario',\r\n\t\tname_ru: 'Канада',\r\n\t\tdesc_ru: 'Онтарио',\r\n\t}, {\r\n\t\tmask: '+1(###)###-####',\r\n\t\tcpc: '1',\r\n\t\tcc: 'US',\r\n\t\tname_en: 'USA',\r\n\t\tdesc_en: 'USA',\r\n\t\tname_ru: 'США',\r\n\t\tdesc_ru: '',\r\n\t},\r\n];\r\nexport default phoneCodes;\r\n","import MomentUtils from '@date-io/moment';\n\nclass CustomMomentUtils extends MomentUtils {\n\tgetDatePickerHeaderText(date) {\n\t\tlet curLanguage = date._locale._abbr;\n\t\tif (curLanguage === 'zh-cn') {\n\t\t\treturn (\n\t\t\t\tdate.format('MMM').substring(0, 3) +\n\t\t\t\tdate.format(' D') +\n\t\t\t\t'日' +\n\t\t\t\t', ' +\n\t\t\t\tdate.format('dddd')\n\t\t\t);\n\t\t} else {\n\t\t\treturn (\n\t\t\t\tdate.format('dddd').substring(0, 3) +\n\t\t\t\t' ' +\n\t\t\t\tdate.format('MMM').substring(0, 3) +\n\t\t\t\tdate.format(' D')\n\t\t\t);\n\t\t}\n\t}\n\n\tgetCalendarHeaderText(date) {\n\t\tlet curLanguage = date._locale._abbr;\n\t\tif (curLanguage === 'zh-cn') {\n\t\t\tlet month = date.month() + 1;\n return date.format('YYYY') + '年' + month + '月';\n\t\t} else {\n\t\t\treturn date.format('MMM YYYY');\n\t\t}\n\t}\n}\n\nexport default CustomMomentUtils;\n","module.exports = __webpack_public_path__ + \"content/assets/403003db8e45d7e0d77e4dd670715abc.svg\";","module.exports = __webpack_public_path__ + \"content/assets/c3b4d4781ecb19d5c482b8ca80f4251c.svg\";","module.exports = __webpack_public_path__ + \"content/assets/78a9c30a3465d47c65322446de07f74d.png\";","module.exports = __webpack_public_path__ + \"content/assets/683644317034ff3368f85b329487ceb3.png\";","import { createStore, applyMiddleware, compose } from 'redux';\r\nimport createSagaMiddleware from 'redux-saga';\r\nimport { formActionSaga } from 'redux-form-saga';\r\nimport createHistory from 'history/createBrowserHistory';\r\nimport { routerMiddleware } from 'connected-react-router';\r\n\r\nimport createRootReducer from './reducers';\r\nimport rootSaga from './sagas';\r\n\r\nconst initState = {};\r\n\r\nexport default function configureStore(initialState = initState) {\r\n\tconst history = createHistory();\r\n\r\n\t// Create the saga middleware\r\n\tconst sagaMiddleware = createSagaMiddleware();\r\n\r\n\t// For Redux devtools browser extension\r\n\tconst composeEnhancers =\r\n\t// eslint-disable-next-line no-underscore-dangle\r\n\t\ttypeof window === 'object' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ?\r\n\t\t\t// eslint-disable-next-line no-underscore-dangle\r\n\t\t\twindow.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({}) : compose;\r\n\r\n\tconst enhancers = composeEnhancers(\r\n\t\tapplyMiddleware(sagaMiddleware),\r\n\t\tapplyMiddleware(routerMiddleware(history)),\r\n\t);\r\n\t\t// applyMiddleware(...middlewares));\r\n\tconst store = createStore(\r\n\t\tcreateRootReducer(history), // root reducer with router state\r\n\t\tinitialState,\r\n\t\tenhancers,\r\n\t);\r\n\twindow.store = store;\r\n\r\n\tsagaMiddleware.run(rootSaga);\r\n\tsagaMiddleware.run(formActionSaga);\r\n\r\n\tif (module.hot) {\r\n\t\t// Enable Webpack hot module replacement for reducers\r\n\t\tmodule.hot.accept('./reducers', () => {\r\n\t\t\tconst nextRootReducer = createRootReducer(history);\r\n\t\t\tstore.replaceReducer(nextRootReducer);\r\n\t\t});\r\n\t}\r\n\r\n\treturn {\r\n\t\thistory,\r\n\t\tstore,\r\n\t};\r\n}\r\n","import { combineReducers } from 'redux';\r\nimport { reducer as formReducer } from 'redux-form';\r\nimport { connectRouter } from 'connected-react-router';\r\nimport {\r\n\tuserAccounts,\r\n\tdashboard,\r\n loginForm,\r\n\tagent,\r\n\tauth,\r\n\tdepositFunds,\r\n\tapiKeys,\r\n\tnontradingOrders,\r\n\tordersCy,\r\n\tnotifications,\r\n\ttradePlatforms,\r\n\twithdrawFunds,\r\n\tsignalR,\r\n\tsnackbar,\r\n\tprofile,\r\n\treset,\r\n\tsignature,\r\n\tapp,\r\n\twallet,\r\n\trates,\r\n\tcaptcha,\r\n\ttwoFactor,\r\n\talerts,\r\n\twithdrawWidget,\r\n} from './';\r\n\r\nimport reportReducer from './reports/reducer';\r\n\r\nconst createRootReducer = history => combineReducers({\r\n\tauth: auth.reducer,\r\n\tdashboard: dashboard.reducer,\r\n\tagent: agent.reducer,\r\n\tuserAccounts: userAccounts.reducer,\r\n\tform: formReducer,\r\n\tloginForm: loginForm.reducer,\r\n\tnontradingOrders: nontradingOrders.reducer,\r\n\tordersCy: ordersCy.reducer,\r\n\tnotifications: notifications.reducer,\r\n\tdepositFunds: depositFunds.reducer,\r\n\tapiKeys: apiKeys.reducer,\r\n\twithdrawFunds: withdrawFunds.reducer,\r\n\ttradePlatforms: tradePlatforms.reducer,\r\n\tsignalR: signalR.reducer,\r\n\tsnackbar: snackbar.reducer,\r\n\tprofile: profile.reducer,\r\n\treset: reset.reducer,\r\n\treports: reportReducer,\r\n\trouter: connectRouter(history),\r\n\tsignature: signature.reducer,\r\n\trates: rates.reducer,\r\n\tcaptcha: captcha.reducer,\r\n\ttwoFactor: twoFactor.reducer,\r\n\talerts: alerts.reducer,\r\n\twithdrawWidget: withdrawWidget.reducer,\r\n\t[app.CONFIG.STATE_FIELD_NAME]: app.reducer,\r\n});\r\nexport default createRootReducer;\r\n","import { initTableData } from '../extensions';\nimport actions from './actions';\nimport auth from '../auth';\n\nconst initialState = {\n\tgenerateSubmitting: false,\n\taccountReports: {\n\t\t// ...initTableData('CreateDate', 'Desc'),\n\t\tItems: [],\n\t\ttradeCode: '',\n\t\tsubmitting: true,\n\t\t// Pagination: {\n\t\t// \tPageSize: 10,\n\t\t// \tPage: 0,\n\t\t// },\n\t},\n};\n\nexport default (state = initialState, { type, payload }) => {\n\tswitch (type) {\n\tcase actions.getBrokerReports.REQUEST:\n\t\treturn {\n\t\t\t...state,\n\t\t\taccountReports: {\n\t\t\t\t...state.accountReports,\n\t\t\t\tsubmitting: true,\n\t\t\t\terror: false,\n\t\t\t},\n\t\t};\n\tcase actions.getBrokerReports.SUCCESS:\n\t\treturn {\n\t\t\t...state,\n\t\t\taccountReports: {\n\t\t\t\t// ...state.accountReports,\n\t\t\t\tsubmitting: false,\n\t\t\t\terror: false,\n\t\t\t\tItems: payload.response.Items,\n\t\t\t\ttradeCode: (payload.response.Items && payload.response.Items.length > 0) ? payload.response.Items[0].AccountCode : '',\n\t\t\t},\n\t\t};\n\n\tcase actions.getBrokerReports.FAILURE:\n\t\treturn {\n\t\t\t...state,\n\t\t\taccountReports: {\n\t\t\t\t// ...state.accountReports, // save prev sorting, pagination and filter\n\t\t\t\tsubmitting: false,\n\t\t\t\terror: true,\n\t\t\t\tItems: [],\n\t\t\t\ttradeCode: '',\n\t\t\t},\n\t\t};\n\n\tcase actions.generateBrokerReport.REQUEST:\n\t\treturn {\n\t\t\t...state,\n\t\t\tgenerateSubmitting: true,\n\t\t};\n\tcase actions.generateBrokerReport.SUCCESS:\n\tcase actions.generateBrokerReport.FAILURE:\n\t\treturn {\n\t\t\t...state,\n\t\t\tgenerateSubmitting: false,\n\t\t};\n\tcase auth.actions.LOGOUT_SUCCESS:\n\t\treturn { ...initialState };\n\tdefault:\n\t\treturn state;\n\t}\n};\n","import { all } from 'redux-saga/effects';\r\nimport {\r\n\tapp,\r\n\tagent,\r\n\tuserAccounts,\r\n\tdashboard,\r\n\tloginForm,\r\n\tdepositFunds,\r\n\tapiKeys,\r\n\tnontradingOrders,\r\n\tordersCy,\r\n\tnotifications,\r\n\twithdrawFunds,\r\n\tauth,\r\n\ttradePlatforms,\r\n\tprofile,\r\n\treset,\r\n\tsignalR,\r\n\tsignature,\r\n\trates,\r\n\tcaptcha,\r\n\ttwoFactor,\r\n\talerts,\r\n\twithdrawWidget,\r\n} from './';\r\n\r\nimport reportSaga from './reports/saga'\r\n\r\nexport default function* sagas() {\r\n\tyield all([\r\n\t\t...dashboard.saga.rootSaga,\r\n\t\t...app.saga.rootSaga,\r\n\t\t...auth.saga.rootSaga,\r\n\t\t...agent.saga.rootSaga,\r\n\t\t...userAccounts.saga.rootSaga,\r\n\t\t...loginForm.saga.rootSaga,\r\n\t\t...depositFunds.saga.rootSaga,\r\n\t\t...apiKeys.saga.rootSaga,\r\n\t\t...nontradingOrders.saga.rootSaga,\r\n\t\t...ordersCy.saga.rootSaga,\r\n\t\t...notifications.saga.rootSaga,\r\n\t\t...withdrawFunds.saga.rootSaga,\r\n\t\t...tradePlatforms.saga.rootSaga,\r\n\t\t...profile.saga.rootSaga,\r\n\t\t...reportSaga.rootSaga,\r\n\t\t...reset.saga.rootSaga,\r\n\t\t...signalR.saga.rootSaga,\r\n\t\t...signature.saga.rootSaga,\r\n\t\t...rates.saga.rootSaga,\r\n\t\t...captcha.saga.rootSaga,\r\n\t\t...twoFactor.saga.rootSaga,\r\n\t\t...withdrawWidget.saga.rootSaga,\r\n\t\t...alerts.saga.rootSaga,\r\n\t]);\r\n}\r\n","import {\n\tgenerateBrokerReport, getBrokerReports, // getReportFile,\n} from '@api';\nimport { cabinetLog, captureException } from '@global';\nimport { BaseGetSagaHandler, reports, userAccounts } from '@redux';\nimport {\n\tcall, fork, put, takeLatest, select,\n} from 'redux-saga/effects';\nimport actions from './actions';\n\n\n// Watchers\nfunction* generateBrokerReportSaga(payload) {\n\tyield BaseGetSagaHandler({\n\t\tapiMethod: generateBrokerReport,\n\t\terrorText: 'Error',\n\t\thandler: actions.generateBrokerReport,\n\t}, payload);\n\n\tyield put(actions.getBrokerReports.request({ tradeCode: payload.payload.tradeCode }));\n}\n\nfunction* getAccountReportsSaga(payload) {\n\n\tif (payload.payload === undefined) {\n\t\t// set current account if not specified\n\t\tlet currentAccount = yield select(userAccounts.selectors.currentTradeAccount);\n\t\tpayload.payload = { tradeCode: currentAccount.tradeCode };\n\t}\n\n\tyield BaseGetSagaHandler({\n\t\tapiMethod: getBrokerReports,\n\t\terrorText: 'Error',\n\t\thandler: actions.getBrokerReports,\n\t}, payload);\n}\n\n\n// function* getReportFileSaga(payload) {\n// \ttry {\n// \t\tconst response = yield call(getReportFile, payload.payload);\n// \t\tconst fileName = response.headers['content-disposition'].split('filename=')[1];\n// \t\tconst url = window.URL.createObjectURL(new Blob([response.data]));\n// \t\tconst link = document.createElement('a');\n// \t\tlink.href = url;\n// \t\tlink.setAttribute('download', decodeURI(fileName));\n// \t\tdocument.body.appendChild(link);\n// \t\tlink.click();\n// \t} catch (error) {\n// \t\tcaptureError(error);\n// \t\tcabinetLog(error);\n// \t}\n// }\n\nexport function* watchGenerateBrokerReportRequest() {\n\tyield takeLatest(actions.generateBrokerReport.REQUEST, generateBrokerReportSaga);\n}\nexport function* watchgetUserReportsRequest() {\n\tyield takeLatest(actions.getBrokerReports.REQUEST, getAccountReportsSaga);\n}\n// export function* watchGetReportFileRequest() {\n// \tyield takeLatest(actions.getReportFile.REQUEST, getReportFileSaga);\n// }\n\n// Root saga\nconst rootSaga = [\n\tfork(watchGenerateBrokerReportRequest),\n\tfork(watchgetUserReportsRequest),\n\t// fork(watchGetReportFileRequest),\n];\n\nexport default {\n\trootSaga,\n};\n","/* eslint-disable no-confusing-arrow */\r\nimport React, { useEffect } from 'react';\r\nimport { Route, Switch, Redirect } from 'react-router-dom';\r\nimport { hot } from 'react-hot-loader';\r\nimport { globalState } from '@global';\r\nimport { getAllowedLanguages } from '@config';\r\nimport { LanguageRefSwitcher } from '@components';\r\nimport DashboardView from './DashboardView/DashboardView';\r\nimport LoginView from './LoginView/LoginView';\r\nimport { ResetView } from './ResetView/ResetView';\r\nimport { ResetPasswordView } from './ResetView/ResetPasswordView';\r\n\r\n\r\nconst PrivateRedirect = ({ location, to, ...rest }) => (\r\n\t\r\n\t\t\t\t dispatch(push('/reset'))}>\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\r\n\t);\r\n}\r\n","/* eslint-disable no-underscore-dangle,no-plusplus,prefer-destructuring */\nimport React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { reduxForm, Field } from 'redux-form';\nimport { push } from 'connected-react-router';\nimport classNames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport Box from '@material-ui/core/Box';\nimport { constants, env } from '@config';\nimport { Button, A } from '@components';\nimport { R, FormInput, FormPasswordField, useTranslate } from '@dev2t/react-ui-kit/src/components';\nimport { app, loginForm, auth } from '@redux';\nimport { CaptchaItem, TotpCodeField } from '@shared';\nimport { compose } from 'recompose';\nimport { connect } from 'react-redux';\n\nconst useStyles = makeStyles(theme => ({\n\tinputStyle: {\n\t\tborder: '1px solid lightgray',\n\t\tborderRadius: '8px',\n\t\tpadding: '12px 24px 5px',\n\t\theight: '68px',\n\t\tbackgroundColor: 'transparent',\n\t\t'& input': {\n\t\t\tpadding: '6px',\n\t\t\t'&::placeholder': {\n\t\t\t\topacity: 0.75,\n\t\t\t\t// в теме LME задан прозрачный цвет placeholder-ов, вместо placeholder визуально используется label\n\t\t\t\t// в данном инпуте отключен label, в связи с этим поле остается пустым\n\t\t\t\t// поэтому конкретно в этой форме для LME возвращен цвет placeholder\n\t\t\t\tcolor: theme.palette.text.primary,\n\t\t\t},\n\t\t\t'&:-webkit-autofill': {\n\t\t\t\ttransition: 'background-color 0.1s ease-in-out 0s',\n\t\t\t\t'-webkit-box-shadow': `0 0 0 1000px ${theme.palette.background.default} inset`,\n\t\t\t\t'-webkit-text-fill-color': theme.palette.text.primary,\n\t\t\t},\n\t\t},\n\t},\n\tinputPassword: {\n\t\tjustifyContent: 'center',\n\t},\n\tforgotPassword: {\n\t\t...theme.customstyles.body,\n\t\tcolor: theme.palette.text.primary,\n\t\ttextAlign: 'right',\n\t\tmarginTop: '8px',\n\t},\n\tformError: {\n\t\t...theme.customstyles.body,\n\t\tcolor: theme.palette.common.white,\n\t\tbackgroundColor: theme.palette.error.main,\n\t\tborderRadius: '4px',\n\t\tpadding: '6px 18px',\n\t\ttextAlign: 'left',\n\t\tmarginTop: '15px',\n\n\t},\n\tformErrorShake: {\n\t\t'-webkit-animation': 'shake .5s linear',\n\t},\n\t'@keyframes shake': {\n\t\t'8%, 41%': {\n\t\t\t'-webkit-transform': 'translateX(-10px)',\n\t\t},\n\t\t'25%, 58%': {\n\t\t\t'-webkit-transform': 'translateX(10px)',\n\t\t},\n\t\t'75%': {\n\t\t\t'-webkit-transform': 'translateX(-5px)',\n\t\t},\n\t\t'92%': {\n\t\t\t'-webkit-transform': 'translateX(5px)',\n\t\t},\n\t\t'0%, 100%': {\n\t\t\t'-webkit-transform': 'translateX(0)',\n\t\t},\n\t},\n\tsubmitButton: {\n\t\tmarginTop: '24px',\n\t},\n\tnewAccount: {\n\t\t...theme.customstyles.body,\n\t\tcolor: theme.palette.text.primary,\n\t\ttextAlign: 'center',\n\t\tmarginTop: '40px',\n\t\tmarginBottom: '40px',\n\t},\n\tloader: {\n\t\tcolor: theme.palette.primary.main,\n\t}\n}));\n\nconst useActions = () => {\n\tconst dispatch = useDispatch();\n\treturn {\n\t\tsetCurrentPage: page => dispatch(push(page)),\n\t\tcheckAuth: () => dispatch(auth.actions.checkAuth.request()),\n\t};\n};\n\nconst LoginFormLocal = (props) => {\n\tconst classes = useStyles(props);\n\tconst actions = useActions();\n\tconst language = useSelector(app.selectors.language);\n\tconst isTryingToLogIn = useSelector(auth.selectors.isTryingToLogIn);\n\tconst translate = useTranslate();\n\n\tuseEffect(() => { actions.checkAuth() }, []);\n\n\tconst {\n\t\thandleSubmit,\n\t\tpristine,\n\t\tinvalid,\n\t\terror,\n\t\tsubmitting,\n\t\tcaptchaIsRequired,\n\t\ttwoFactorIsRequired\n\t} = props;\n\n\tlet anketaUrl = env.AnketaSiteUrl.endsWith('/') ? env.AnketaSiteUrl : `${env.AnketaSiteUrl}/`;\n\tif (env.allowedLangs) {\n\t\tanketaUrl += `${language}/`;\n\t}\n\n\tif (isTryingToLogIn)\n\t{\n\t\treturn \n\t\t\t\t\t actions.setCurrentPage('/reset')}>
\n\t\t\t}\n\t\t\t{captchaIsRequired && \n\t\t\t\t\n\t\t\t\t\t
}\n\t\t\t{twoFactorIsRequired &&\n\t\t\t\t\n\t\t\t\t\t
}\n\t\t\t{!error?.length ||\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t{error.map((errorItem, index) =>
\n\t\t\t}\n\t\t\t{errorItem.message}
)}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t{submitting ?\n\t\t\t\t\t\t\n\t\t\t\t\t\t:
\n\t\t\t\n\t\t\n\t);\n};\n\nLoginFormLocal.propTypes = {\n\thandleSubmit: PropTypes.func.isRequired,\n};\n\nconst form = reduxForm({\n\tform: 'loginForm',\n\tvalidate: (values, { captchaIsRequired, twoFactorIsRequired }) => {\n\t\tconst errors = {};\n\t\tif (!values.username) {\n\t\t\terrors.username = 'required';\n\t\t}\n\t\tif (!values.password) {\n\t\t\terrors.password = 'required';\n\t\t}\n\t\tif (captchaIsRequired && !values.captcha) {\n\t\t\terrors.captcha = 'required';\n\t\t}\n\t\treturn errors;\n\t},\n})(LoginFormLocal);\n\nconst mapStateToProps = (state, ownProps) => ({\n\tcaptchaIsRequired: loginForm.selectors.captchaIsRequired(state),\n\ttwoFactorIsRequired: loginForm.selectors.twoFactorIsRequired(state),\n\tinitialValues: ownProps.initialValues,\n});\n\nexport default compose(\n\tconnect(mapStateToProps, null),\n)(form);\n\n\n","/* eslint-disable import/extensions */\nimport React from 'react';\nimport { auth } from '@redux';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { compose } from 'recompose';\nimport { withStyles } from '@material-ui/core/styles';\nimport CircularProgress from '@material-ui/core/CircularProgress';\n\nconst styles = theme => ({\n\troot: {\n\t\tcolor: theme.palette.primary.main,\n\t},\n});\n\nconst mapDispatchToProps = dispatch => ({\n\tactions: {\n\t\tautologinDemoRequest: (authdemoid, authtoken, expired) => dispatch(auth.actions.autologinDemoRequest({authdemoid, authtoken, expired})),\n\t},\n});\n\nclass AutoLoginDemo extends React.Component {\n\tcomponentDidMount() {\n\t\tthis.props.actions.autologinDemoRequest(this.props.authdemoid, this.props.authtoken, this.props.expired);\n\t}\n\n\trender() {\n\t\tconst { classes } = this.props;\n\t\treturn (\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{children}\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tif (!this.isControlled) {\r\n\t\t\tthrow new Error(\r\n\t\t\t\t'Material-UI: the `value` property is required ' +\r\n\t\t\t\t'when using the `Select` component with `native=false` (default).',\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tlet display;\r\n\t\tlet displaySingle = '';\r\n\t\tconst displayMultiple = [];\r\n\t\tlet computeDisplay = false;\r\n\t\t// No need to display any value if the field is empty.\r\n\t\tif (isFilled(this.props) || displayEmpty) {\r\n\t\t\tif (renderValue) {\r\n\t\t\t\tdisplay = renderValue(value);\r\n\t\t\t} else {\r\n\t\t\t\tcomputeDisplay = true;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tconst items = React.Children.map(children, child => {\r\n\t\t\tif (!React.isValidElement(child)) {\r\n\t\t\t\treturn null;\r\n\t\t\t}\r\n\t\t\tlet selected;\r\n\r\n\t\t\tif (multiple) {\r\n\t\t\t\tif (!Array.isArray(value)) {\r\n\t\t\t\t\tthrow new Error(\r\n\t\t\t\t\t\t'Material-UI: the `value` property must be an array ' +\r\n\t\t\t\t\t\t'when using the `Select` component with `multiple`.',\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tselected = value.indexOf(child.props.value) !== -1;\r\n\t\t\t\tif (selected && computeDisplay) {\r\n\t\t\t\t\tdisplayMultiple.push(child.props.children);\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tselected = value === child.props.value;\r\n\t\t\t\tif (selected && computeDisplay) {\r\n\t\t\t\t\tdisplaySingle = child.props.children;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn React.cloneElement(child, {\r\n\t\t\t\tonClick: this.handleItemClick(child),\r\n\t\t\t\trole: 'option',\r\n\t\t\t\tselected,\r\n\t\t\t\tvalue: undefined, // The value is most likely not a valid HTML attribute.\r\n\t\t\t\t'data-value': child.props.value, // Instead, we provide it as a data attribute.\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tif (computeDisplay) {\r\n\t\t\tdisplay = multiple ? displayMultiple.join(', ') : displaySingle;\r\n\t\t}\r\n\r\n\t\tconst MenuMinWidth = this.displayNode && !autoWidth ? this.displayWidth : undefined;\r\n\r\n\t\tlet tabIndex;\r\n\t\tif (typeof tabIndexProp !== 'undefined') {\r\n\t\t\ttabIndex = tabIndexProp;\r\n\t\t} else {\r\n\t\t\ttabIndex = disabled ? null : 0;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{/* So the vertical align positioning algorithm quicks in. */}\r\n\t\t\t\t\t{/* eslint-disable-next-line react/no-danger */}\r\n\t\t\t\t\t{display || }\r\n\t\t\t\t
\r\n\t\t\t\t\n\t\t\t\t\t\t onAccountChange(event.target.value)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{accounts && accounts.map((account) => {\n\t\t\t\t\t\t\t\tif (account.IsClosed) {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}})}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t)}\n\t\t\t\t\n\t\t\t\t\t onOperationTypeChange(event.target.value)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{selectFields.map((x, index) => (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t))}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t
\n\n\t);\n}","import React from 'react';\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport IconButton from '@material-ui/core/IconButton';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport Box from '@material-ui/core/Box';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { constants, env } from '@config';\nimport { userAccounts, app, snackbar, withdrawWidget } from '@redux';\nimport { Link } from 'react-router-dom';\nimport { SvgIcon } from '@components';\nimport { R, A, useTranslate } from '@dev2t/react-ui-kit/src/components';\nimport { ModalPopups } from '@enums';\nimport { getAccountProductName } from '@utils';\nimport { usePaymentGateWidgetHook, useMoneyFormat, useAccountFundingInfo } from '@hooks';\nimport { Mt4Img, Mt5Img } from '@content/mtLogos';\nimport { BonusValue } from './components';\n\n\nconst useStyles = makeStyles(theme => ({\n\trootTop: {\n\t\tborderTopLeftRadius: '10px',\n\t\tborderTopRightRadius: '10px',\n\t\tboxShadow: '0 6px 16px 0 rgba(61, 65, 71, 0.12)',\n\t\tpaddingBottom: '15px',\n\t},\n\trootMidl: {\n\t\tboxShadow: '0 6px 16px 0 rgba(61, 65, 71, 0.12)',\n\t\tpadding: '15px 14px',\n\t\t[theme.breakpoints.down('sm')]: {\n\t\t\tdisplay: 'flex',\n\t\t\tflexDirection: 'column',\n\t\t},\n\t},\n\trootBottom: {\n\t\tborderBottomLeftRadius: '10px',\n\t\tborderBottomRightRadius: '10px',\n\t\tboxShadow: '0 6px 16px 0 rgba(61, 65, 71, 0.12)',\n\t\tpadding: '15px 14px',\n\t\tfontSize: '12px',\n\t},\n\tcontainer: {\n\t\tdisplay: 'flex',\n\t\tjustifyContent: 'space-between',\n\t\talignItems: 'center',\n\t\t[theme.breakpoints.down('sm')]: {\n\t\t\tdisplay: 'flex',\n\t\t\tflexDirection: 'column',\n\t\t\talignItems: 'center',\n\n\t\t},\n\t\tpadding: '15px 14px',\n\t},\n\tleftSection: {\n\t\tdisplay: 'flex',\n\t\tflexDirection: 'column',\n\t\tmarginRight: '5px',\n\t\t[theme.breakpoints.down('sm')]: {\n\t\t\tpaddingBottom: '10px',\n\n\t\t},\n\t},\n\tmiddleSection: {\n\t\tdisplay: 'flex',\n\t\tflexDirection: 'column',\n\t\tmarginRight: '5px',\n\t\t[theme.breakpoints.down('sm')]: {\n\t\t\tdisplay: 'flex',\n\t\t\tjustifyContent: 'space-between',\n\t\t\tflexDirection: 'row',\n\t\t\twidth: '315px',\n\t\t\tmarginBottom: '10px',\n\t\t\talignItems: 'center',\n\t\t},\n\t},\n\n\tmiddleSectionRow: {\n\t\tdisplay: 'flex',\n\t\tflexDirection: 'column',\n\t\tmarginRight: '5px',\n\t\t[theme.breakpoints.down('sm')]: {\n\t\t\tdisplay: 'flex',\n\t\t\tjustifyContent: 'space-between',\n\t\t\tflexDirection: 'row',\n\t\t\twidth: '315px',\n\t\t\tmarginBottom: '10px',\n\t\t\talignItems: 'center',\n\t\t},\n\t},\n\tdescriptionBlod: {\n\t\tfontWeight: 'Bold',\n\t\t[theme.breakpoints.down('sm')]: {\n\t\t\twidth: '50%',\n\t\t},\n\t},\n\tdescriptionBlodBlueColor: {\n\t\tfontWeight: 'Bold',\n\t\tcolor: theme.palette.primary.main,\n\t\t[theme.breakpoints.down('sm')]: {\n\t\t\twidth: '50%',\n\t\t},\n\n\t},\n\tdescriptionBlodBlueColorTradeLogin: {\n\t\tfontWeight: 'Bold',\n\t\tcolor: theme.palette.primary.main,\n\t\t[theme.breakpoints.down('sm')]: {\n\t\t\twidth: '50%',\n\t\t\tfontSize: '18px',\n\t\t},\n\n\t},\n\tdescriptionBlodBlueColorRow: {\n\t\tfontWeight: 'Bold',\n\t\tcolor: theme.palette.primary.main,\n\t},\n\twrapper: {\n\t\tdisplay: 'flex',\n\t\tpaddingBottom: '5px',\n\t\talignItems: 'center',\n\t\t[theme.breakpoints.down('sm')]: {\n\t\t\tjustifyContent: 'space-between',\n\t\t\talignItems: 'start',\n\t\t\twidth: '315px',\n\t\t},\n\t},\n\tstat: {\n\t\tmarginRight: '10px',\n\t\tminWidth: '123px',\n\t\t[theme.breakpoints.down('sm')]: {\n\t\t\tdisplay: 'flex',\n\t\t\tjustifyContent: 'space-between',\n\t\t},\n\t},\n\tbuttons: {\n\t\tfontSize: '10px',\n\t\t'&:hover': {\n\t\t\tbackgroundColor: theme.palette.primary.main,\n\t\t\tcolor: theme.palette.primary.contrastText,\n\t\t},\n\t\t[theme.breakpoints.down('sm')]: {\n\t\t\twidth: '160px',\n\t\t\tpadding: '5px 0px 5px 0px',\n\t\t},\n\t},\n\twrapperRow: {\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tpaddingBottom: '5px',\n\t\t[theme.breakpoints.down('sm')]: {\n\t\t\tdisplay: 'flex',\n\t\t\tjustifyContent: 'space-between',\n\t\t\tpaddingBottom: '10px',\n\t\t},\n\t},\n\n\tstatRow: {\n\t\tmarginRight: '5px',\n\t\twidth: '90px',\n\t\t[theme.breakpoints.down('sm')]: {\n\t\t\tmarginRight: '5px',\n\t\t\twidth: '48px',\n\t\t},\n\t},\n\tMt4Img: {\n\t\twidth: '50px',\n\t\theigth: '50px',\n\t\tborderRadius: '5px',\n\t\tboxShadow: '0px 3px 3px 1px #DCDCDC',\n\t},\n\n\tplatformFullName: {\n\t\tpadding: '0px 5px 0px 5px',\n\t\tfontSize: '0.875rem',\n\t\tbackgroundColor: theme.palette.primary.main,\n\t\tcolor: theme.palette.primary.contrastText,\n\t\tborderRadius: '5px',\n\t\tboxShadow: '0px 3px 3px 1px #DCDCDC',\n\t},\n\tbtEdit: {\n\t\tmargin: '-14px -12px -12px -8px',\n\t},\n\tbtEditSmallIcon: {\n\t\tfontSize: '1rem',\n\t},\n}));\n\nconst getAccountActivationSessionStorageKey = (tradeCode) => `AccountActivationRequested_${tradeCode}`\n\nconst useActions = () => {\n\tconst dispatch = useDispatch();\n\tconst translate = useTranslate();\n\tconst showLeverageDialog = (enable, accountStatusBonusChangeStatus) => {\n\t\tif (enable)\n\t\t\tdispatch(app.actions.showBaseModal(ModalPopups.CY_NON_TRADING_ORDER_LEVERAGE));\n\t\telse\n\t\t{\n\t\t\tif (accountStatusBonusChangeStatus === 'ALLOWED')\n\t\t\t\tdispatch(snackbar.actions.showMessage({\n\t\t\t\t\ttype: 'message',\n\t\t\t\t\tobject: \n\t\t\t\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t{toUsaMoneyFormat(balance)}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{env.firm === constants.LIME_NSR ? 'Cash' :
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t{env.firm === constants.LIME_NSR \n\t\t\t\t\t\t\t\t? toUsaMoneyFormat(marketValue)\n\t\t\t\t\t\t\t\t: toUsaMoneyFormat(freeMargin)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t{env.firm === constants.LIME_NSR ? 'Securities Market value' :
\n\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{resolution === app.CONFIG.RESOLUTIONS_ENUM.xs && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{isMt4Account ? (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{moneyFormat(balance, currencyCode)}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{TradeLogin}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t{productName}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{currentUserAccountsInfo?.loading ? '-' : (\n\t\t\t\t\t\t\t\t\taccountStatusIsArchive && 'Archive' ||\n\t\t\t\t\t\t\t\t\taccountStatusIsClosed && 'Closed' ||\n\t\t\t\t\t\t\t\t\taccountStatusIsDisabled && 'Disable' ||\n\t\t\t\t\t\t\t\t\t!accountStatusIsDisabled && !accountStatusIsClosed && !accountStatusIsArchive && 'Active'\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{serverName}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{currencyCode || '-'}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{LeverageText || '-'}\n\t\t\t\t\t\t\t\t{!isLimeAgentAccount && !currentAccount?.IsDemo && accountStatusBonusChangeStatus !== \"PENDING\" ? (\n\t\t\t\t\t\t\t\t\t actions.showLeverageDialog(!accountStatusIsAllowBonus, accountStatusBonusChangeStatus)}\n\t\t\t\t\t\t\t\t\t\tclasses={{ root: classes.btEdit }}\n\t\t\t\t\t\t\t\t\t\tdisabled={currentUserAccountsInfo?.fetchingAccountActivation || currentUserAccountsInfo?.loading || accountStatusIsArchive}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\n\t\t\t\t
\n\n\t\t\t{!currentUserAccountsInfo?.loading && (\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{moneyFormat(balance, currencyCode)}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{moneyFormat(margin, currencyCode)}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{loanValue && loanValue.length && loanValue[0].Amount > 0 ? moneyFormat(loanValue[0].Amount, loanValue[0].CurrencyCode) : \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{moneyFormat(freeMargin, currencyCode)}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{moneyFormat(Equity, currencyCode)}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t)}\n\t\t\n\t);\n};\n","module.exports = __webpack_public_path__ + \"content/assets/16e66e3852a9486049c608871911c842.png\";","module.exports = __webpack_public_path__ + \"content/assets/8fd9d9e4be73f8dcc601e7db78cbe0d5.png\";","module.exports = __webpack_public_path__ + \"content/assets/543bc93b2e32281bad1ede21bb3afbdd.svg\";","module.exports = __webpack_public_path__ + \"content/assets/f1e38b42f4f25fd16cfb8aa319a010f0.jpg\";","module.exports = __webpack_public_path__ + \"content/assets/36d6b44e5fbe180e3394a6c740399282.png\";","import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport { R } from '@dev2t/react-ui-kit/src/components';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport Typography from '@material-ui/core/Typography';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableRow from '@material-ui/core/TableRow';\nimport PropTypes from 'prop-types';\n\nconst ContactsTable = withStyles({\n\troot: {\n\t\tmaxWidth: '360px',\n\t\tminWidth: '260px',\n\t\tpadding: '16px 20px',\n\t\toverflow: 'hidden',\n\t},\n})(TableContainer);\n\nconst ContactsTableRow = withStyles({\n\troot: {\n\t\tdisplay: 'flex',\n\t\tjustifyContent: 'space-between',\n\t},\n})(TableRow);\n\nconst TypeCell = withStyles({\n\troot: {\n\t\tpadding: '16px 0',\n\t\tborderBottom: 'none',\n\t},\n})(TableCell);\n\nconst ValueCell = withStyles(theme => ({\n\troot: {\n\t\tpadding: '16px 0',\n\t\tminWidth: '17ch',\n\t\tborderBottom: 'none',\n\t\ttextAlign: 'right',\n\t\t'& a': {\n\t\t\ttextDecoration: 'none',\n\t\t\tcolor: theme.palette.primary.main,\n\t\t},\n\t},\n}))(TableCell);\n\n\nconst ContactsHeader = withStyles({\n\troot: {\n\t\theight: '3.5rem',\n\t\tfontSize: '1.1rem',\n\t\tdisplay: 'inline-flex',\n\t\ttextAlign: 'center',\n\t\talignItems: 'center',\n\t\twidth: '100%',\n\t\tjustifyContent: 'center',\n\t},\n})(Typography);\n\n\nfunction ContactsCard({ title, email, phone, td }) {\n\treturn (\n\t\t\n\t\t\t\t\t\t{currentAccount && !currentAccount.IsDemo && !accountStatusIsArchive && (\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!accountStatusIsArchive && !isLimeAgentAccount && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{[constants.LIME_INT, constants.LIME_LME, constants.FIRM_J2TX].some(x => x === env.firm)\n\t\t\t\t\t\t\t\t\t\t&& !isLimeAgentAccount\n\t\t\t\t\t\t\t\t\t\t&& fundInfo && fundInfo.value && fundInfo.value.WidgetJsScriptUrl && (\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{withdrawButton}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!accountStatusIsArchive && !isLimeAgentAccount && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{isPotentialClientWaitingForApproval\n\t\t\t\t\t\t\t\t\t\t\t? tradeButton\n\t\t\t\t\t\t\t\t\t\t\t: (\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{tradeButton}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{accountStatusIsArchive && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t actions.activateAccount({\n\t\t\t\t\t\t\t\t\t\ttradeCode: currentAccount.TradeCode,\n\t\t\t\t\t\t\t\t\t\tonEndRequest: () => sessionStorage.setItem(getAccountActivationSessionStorageKey(tradeCode), true) \n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\tdisabled={currentUserAccountsInfo.fetchingAccountActivation || Boolean(sessionStorage.getItem(getAccountActivationSessionStorageKey(tradeCode)))}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{currentUserAccountsInfo.fetchingAccountActivation\n\t\t\t\t\t\t\t\t\t\t?
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{currentAccount && !currentAccount.IsDemo && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t
;\n\t}\n\n\tconst image = step === TwoFactorQrCodeSteps.LOADING_IMAGE_FAILURE \n\t\t? (\n\t\t\t\n\t\t\t\t
\n\t\t)\n\t\t: (\n\t\t\t\n\t\t\t\t dispatch(twoFactor.actions.loadImage.success())}\n\t\t\t\t\tonError={() => dispatch(twoFactor.actions.loadImage.failure())}\n\t\t\t\t/>\n\t\t\t\t{step === TwoFactorQrCodeSteps.LOADING_IMAGE &&
\n\t\t);\n\n\treturn (\n\t\t<>\n\t\t\t- \n\t\t\t\t\t\t\t
- Install an app (such as Google Authenticator) on your mobile device. \n\t\t\t\t\t\t\t
- Scan the QR code. \n\t\t\t\t\t\t\t
- Enter and verify the authentication code generated by the app. \n\t\t\t\t\t\t
\n\t\t\t\t
{splittedCode}
\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{props.submitting ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t:
\n\t\t\t\n\t\t);\n\t}\n}\n\nOrderCancelForm.propTypes = {\n\tclasses: PropTypes.object.isRequired,\n\thandleSubmit: PropTypes.func.isRequired,\n\tcurrentTradeAccount: PropTypes.object.isRequired,\n\tonSuccess: PropTypes.func.isRequired,\n\tonFail: PropTypes.func.isRequired,};\n\nexport default compose(\n\twithStyles(styles),\n\twithTheme,\n\twithTranslate,\n\tconnect(mapStateToProps, null),\n\treduxForm({\n\t\tform: ORDER_CANCEL_FORM_ID,\n\t\tvalidate: OrderCancelForm.validate,\n\t\tonSubmitSuccess: (result, dispatch, props) => {\n\t\t\tif (props.onSuccess && (typeof props.onSuccess === 'function')) {\n\t\t\t\tprops.onSuccess();\n\t\t\t}\n\t\t},\n\t\tonSubmitFail: (errors, dispatch, submitError, props) => {\n\t\t\t// eslint-disable-next-line no-underscore-dangle\n\t\t\tif (errors._error && props.onFail) {\n\t\t\t\tprops.onFail();\n\t\t\t}\n\t\t},\n\t}),\n)(OrderCancelForm);\n","import React, { useState, useMemo } from 'react';\nimport { Field, reduxForm, formValueSelector } from 'redux-form';\nimport { CircularProgress } from '@material-ui/core';\nimport { connect } from 'react-redux';\nimport {\n\tR,\n\tButton,\n\tFormTextField,\n\tFormCheckbox,\n\tSwitch,\n\tFormSwitch,\n\tuseTranslate,\n} from '@dev2t/react-ui-kit/src';\nimport { Typography, Box } from '@material-ui/core';\nimport { FormDatePicker } from '@components';\nimport { useAccount } from '@hooks';\nimport { AccountType } from '@enums';\nimport { RequireConfirmationCodeItem, RequireConfirmationCodeReason } from '@shared';\nimport moment from 'moment';\n\nconst CreateApiKeyModalForm = (props) => {\n\tconst {\n\t\thandleSubmit,\n\t\tvalid,\n\t\tsubmitting,\n\t\thasConfirmationCodeValue,\n\t} = props;\n\tconst translate = useTranslate();\n\tconst maxDate = new Date(new Date().setFullYear(new Date().getFullYear() + 5));\n\tconst mt5Accounts = useAccount(AccountType.MT5);\n\tconst mt5AccountsWithLogin = useMemo(() => (mt5Accounts && mt5Accounts.filter(x => !!x.Login)) || [], [mt5Accounts]);\n const [keyExpirationVisible, setKeyExpirationVisible] = useState(false);\n\tconst [datePickerVal, setDatePickerVal] = useState(maxDate);\n\n\treturn (\n\t\t\n\t);\n};\n\nconst ReduxFormComponent = reduxForm({\n\tform: 'CreateApiKeyModalForm',\n\tvalidate: (values) => {\n\t\tconst errors = {};\n\t\tif (!values) {\n\t\t\treturn errors;\n\t\t}\n\t\tif (!values.MT5TradeCodesList || !values.MT5TradeCodesList?.some(s => s)) {\n \n\t\t\terrors.MT5TradeCodesList = 'required';\n\t\t}\n if (!values.Name || !values.Name?.length > 1) {\n \n\t\t\terrors.Name = 'required';\n\t\t}\n\t\treturn errors;\n\t},\n\tonSubmitSuccess: (result, dispatch, props) => {\n\t\tif (props.onSuccess && typeof props.onSuccess === 'function') {\n\t\t\tprops.onSuccess();\n\t\t}\n\t},\n\tonSubmitFail: (errors, dispatch, submitError, props) => {\n\t\t// eslint-disable-next-line no-underscore-dangle\n\t\tif (errors._error && props.onFail) {\n\t\t\tprops.onFail();\n\t\t}\n\t},\n})(CreateApiKeyModalForm);\n\nconst selector = formValueSelector('CreateApiKeyModalForm');\nconst CreateApiKeyReduxForm = connect((state) => {\n\tconst hasConfirmationCodeValue = selector(state, 'ConfirmationCode');\n\treturn {\n\t\thasConfirmationCodeValue,\n\t};\n})(ReduxFormComponent);\n\nexport default CreateApiKeyReduxForm;\n","module.exports = __webpack_public_path__ + \"content/assets/9d79ddce5484d65bd54d83634c6061fd.png\";","module.exports = __webpack_public_path__ + \"content/assets/3d0f8510465940715cd611ac9a7cf47a.png\";","module.exports = __webpack_public_path__ + \"content/assets/0c098aff35c896b060c96a06c0e2e86f.png\";","module.exports = __webpack_public_path__ + \"content/assets/16e66e3852a9486049c608871911c842.png\";","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useSelector } from 'react-redux';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { Input } from '@dev2t/react-ui-kit/src';\nimport { userAccounts } from '@redux';\n\n\nconst styles = theme => ({\n\troot: {},\n});\nconst useStyles = makeStyles(styles);\n\nconst Mt5InfoForm = (props) => {\n\tconst classes = useStyles(props);\n\tconst accountInfo = useSelector(userAccounts.selectors.accountInfo);\n\tconst tradeLogin = accountInfo && accountInfo.TradeLogin;\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\n\t\t
\n\t);\n};\nexport default Mt5InfoForm;\n","module.exports = __webpack_public_path__ + \"content/assets/8fd9d9e4be73f8dcc601e7db78cbe0d5.png\";","import React from 'react';\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport { env } from '@config';\nimport { toUsaDateFormat } from '@global';\nimport {\n\tFileDownload,\n\tSvgIcon \n} from '@components';\nimport { R } from '@dev2t/react-ui-kit/src/components';\n\n\nconst useStyles = makeStyles(theme => ({\n\n\treportLink: {\n\t\tdisplay: 'flex',\n\t\tcursor: 'pointer',\n\t},\n\tcontainer: {\n\t\toverflowX: 'auto',\n\t},\n\tprogress: {\n\n\t},\n\ttable: {\n\t\twidth: '100%',\n\t\tverticalAlign: 'top',\n\t\tborderCollapse: 'collapse',\n\t\t'& th': {\n\t\t\t...theme.customstyles.body,\n\t\t\tcolor: theme.palette.text.secondary,\n\t\t\tpadding: '10px',\n\t\t},\n\t\t'& td': {\n\t\t\tpadding: '10px',\n\t\t},\n\t\t'& tbody': {\n\t\t\tverticalAlign: 'top',\n\t\t},\n\t},\n\ttableRow: {\n\t\tborderBottom: '1px solid #deeaef',\n\t\tverticalAlign: 'middle',\n\t\t'& td': {\n\t\t},\n\t},\n\tprimaryItem: {\n\t\t...theme.customstyles.title,\n\t\tcolor: theme.palette.text.primary,\n\t},\n\tsecondaryItem: {\n\t\t...theme.customstyles.body,\n\t\tcolor: theme.palette.text.secondary,\n\t},\n\tloader: {\n\t\tcolor: theme.palette.primary.main,\n\t},\n}));\n\n\nexport const CYReportsTable = ({ items, submitting, showError }) => {\n\n\tconst theme = useTheme();\n\tconst classes = useStyles();\n\n\tconst getStatus = (reportStatus) => {\n\t\tswitch (reportStatus) {\n\t\t\tcase 0: return (\t\t\t\n\t\t\t\t| \n\t\t\t\t\t\t\t{toUsaDateFormat(item.DateCteate)}\n\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t{toUsaDateFormat(item.DateBegin)} \n\t\t\t\t\t\t\t\t{toUsaDateFormat(item.DateEnd)} \n\t\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t{getStatus(item.Status)}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t{item.Status === 1 && (\n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t | \n\t\t\t\t\t
\n\t\t\t{!loading &&
\n\t\t\t
\n\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t\tplaceholder={translate('shared_amount', 'Amount')}\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcurrencies.map(currency => (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t))\n\t\t\t\t\t\t}\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{\n\t\t\t\t\t\t[sourceAccount].filter(x => !x.IsDemo).map((brokerAccount, index) => (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t))\n\t\t\t\t\t}\n\t\t\t\t \n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t{\n\t\t\t\t\t\tdestinationAccounts.filter(acc => !acc.IsDemo).map((brokerAccount, index) => (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t))\n\t\t\t\t\t}\n\t\t\t\t \n\t\t\t
\n\t\t\t{destinationAccount.IsStaking && \n\t\t\t(\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t)}\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{accounts.map(a => (\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\n\t\t\t\t\t{a.DisplayFullName}
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t this.onFilesUpload('Attachments', files)}\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t this.onFilesUpload('PassportFiles', files)}\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t this.onFilesUpload('CertificateFiles', files)}\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t undefined}\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{AvailableLeverages.map((leverageVal, index) => (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t))}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{props.submitting ?\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t:
\n\t\t\t\n\t\t);\n\t}\n}\n\nCYNonTradingOrderLeverageForm.propTypes = {\n\tclasses: PropTypes.object.isRequired,\n\thandleSubmit: PropTypes.func.isRequired,\n\tcurrentTradeAccount: PropTypes.object.isRequired,\n\tcurrentAccountDisplayFullName: PropTypes.string.isRequired,\n};\n\nexport default compose(\n\twithStyles(styles),\n\twithTheme,\n\twithTranslate,\n\tconnect(mapStateToProps, null),\n\treduxForm({\n\t\tform: CY_NON_TRADING_ORDER_LEVERAGE_FORM_ID,\n\t\tvalidate: CYNonTradingOrderLeverageForm.validate,\n\t\tonSubmitSuccess: (result, dispatch, props) => {\n\t\t\tif (props.onSuccess && (typeof props.onSuccess === 'function')) {\n\t\t\t\tprops.onSuccess();\n\t\t\t}\n\t\t},\n\t}),\n)(CYNonTradingOrderLeverageForm);\n","import React from 'react';\nimport compose from 'recompose/compose';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { reduxForm,\tField, formValueSelector } from 'redux-form';\nimport { withStyles, withTheme } from '@material-ui/core/styles';\nimport { validateSecureString } from '@global';\nimport {\n\tFileInput,\n} from '@components';\nimport { R, FormInput, withTranslate } from '@dev2t/react-ui-kit/src/components';\nimport { userAccounts } from '@redux';\nimport { RequireTotpOrSmsOrderConfirmationCodeItem, RequireConfirmationCodeReason } from '@shared';\n\nconst styles = theme => ({\n\troot: {\n\t\tposition: 'relative',\n\t},\n\tinputItem: {\n\t\tmarginTop: '30px',\n\t},\n\tdivider: {\n\t\tmarginTop: '30px',\n\t},\n\tfileUploader: {\n\t\tmarginTop: '16px',\n\t},\n\tbutton: {\n\t\t...theme.mixins.stickyButton,\n\t},\n});\n\n\nconst CY_NON_TRADING_ORDER_REGISTRATION_FORM_ID = 'CYNonTradingOrderRegistrationForm';\n\nconst mapStateToProps = (state, ownProps) => {\n\tlet currentTradeAccount = userAccounts.selectors.currentTradeAccount(state);\n\tlet formSelector = formValueSelector(CY_NON_TRADING_ORDER_REGISTRATION_FORM_ID);\n\treturn {\n\t\tinitialValues: {\n\t\t\tTradeCode: currentTradeAccount.tradeCode,\n\t\t\tClearingFirm: currentTradeAccount.clearerFirm,\n\t\t},\n\t\tattachmentsRegistrationFiles: formSelector(state, 'RegistrationFiles'),\n\t};\n};\n\n\nclass CYNonTradingOrderRegistrationForm extends React.Component {\n\n\tstatic validate(formvalues, props) {\n\n\t\tconst values = formvalues;\n\t\tconst errors = {};\n\n\t\tif (!values) {\n\t\t\treturn errors;\n\t\t}\n\n\t\tif (!values.RegistrationFiles || values.RegistrationFiles.length === 0) {\n\t\t\terrors.RegistrationFiles = 'required';\n\t\t}\n\n\t\tif (!values.Address) {\n\t\t\terrors.Address = 'required';\n\t\t}\n\n\t\tif (!values.ConfirmationCode) {\n\t\t\terrors.ConfirmationCode = 'required';\n\t\t}\n\t\t\n\t\treturn errors;\n\t}\n\n\n\tonFilesUpload = (field, files) => this.props.change(field, files);\n\n\trender() {\n\t\tconst {\n\t\t\tattachmentsRegistrationFiles,\n\t\t\tclasses,\n\t\t\thandleSubmit,\n\t\t\ttheme,\n\t\t\ttranslate,\n\t\t\tsubmitting,\n\t\t\tinvalid,\n\t\t\t...props\n\t\t} = this.props;\n\n\t\tconst noAttachments = (!attachmentsRegistrationFiles || attachmentsRegistrationFiles.length === 0);\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t this.onFilesUpload('RegistrationFiles', files)}\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t} />\n\t\t\t\t\t\t} />\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{accountStatusIsAllowBonus ? \n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{props.submitting ?\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n}\n\nCYNonTradingOrderBonusForm.propTypes = {\n\tclasses: PropTypes.object.isRequired,\n\thandleSubmit: PropTypes.func.isRequired,\n\tcurrentTradeAccount: PropTypes.object.isRequired,\n\tcurrentAccountDisplayFullName: PropTypes.string.isRequired,\n};\n\nexport default compose(\n\twithStyles(styles),\n\twithTheme,\n\twithTranslate,\n\tconnect(mapStateToProps, null),\n\treduxForm({\n\t\tform: CY_NON_TRADING_ORDER_BONUS_FORM_ID,\n\t\tvalidate: CYNonTradingOrderBonusForm.validate,\n\t\tonSubmitSuccess: (result, dispatch, props) => {\n\t\t\tif (props.onSuccess && (typeof props.onSuccess === 'function')) {\n\t\t\t\tprops.onSuccess();\n\t\t\t}\n\t\t},\n\t}),\n)(CYNonTradingOrderBonusForm);\n","import React from 'react';\nimport { useDispatch } from 'react-redux';\nimport { app, apiKeys } from '@redux';\nimport { makeStyles } from '@material-ui/core/styles';\nimport IconButton from '@material-ui/core/IconButton';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport {\n\tProgressContainer,\n\tSvgIcon\n} from '@components';\nimport { R } from '@dev2t/react-ui-kit/src';\nimport { toUsaDateFormat } from '@global';\n\nconst styles = (theme) => ({\n\tnoIcon: {\n\t\tdisplay: 'inline-block',\n\t\twidth: '48px',\n\t},\n});\nconst useStyles = makeStyles(styles);\n\nconst useActions = () => {\n\tconst dispatch = useDispatch();\n\treturn ({\n\t\tgetApiKeys: () => dispatch(apiKeys.actions.getApiKeys.request()),\n\t\tshowConfirmModal: payload => dispatch(app.actions.showConfirmModal(payload)),\n\t\trevokeApiKey: payload => dispatch(apiKeys.actions.revokeApiKey.request(payload)),\n\t\tshowCreateApiKeyModal: () => dispatch(apiKeys.actions.showCreateApiKeyModal()),\n\t});\n};\n\nconst ApiKeysPanel = (props) => {\n\tconst { apitokens } = props;\n\tconst classes = useStyles();\n\tconst actions = useActions();\n\t\n\tconst showDeleteModal = apiKey => () => {\n\t\tactions.showConfirmModal({\n\t\t\ttext: \n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{submitting &&\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\tYou can try again request credentials in {minutes} minute{ minutes > 0 ? 's' : ''}.\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\t{(secondRemains > 0) &&\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tYou can try again request credentials in {secondRemains} seconds.\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\t{accountInfo && accountInfo.Platforms && accountInfo.Platforms.ActiveTradePlatform === 'Transaq' &&\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\tRequest Credentials\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t
\n\t);\n};\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { SvgIcon } from '@components';\nimport { R } from '@dev2t/react-ui-kit/src/components';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { withdrawWidget, userAccounts } from '@redux';\nimport { constants, env } from '@config';\n\nconst useStyles = makeStyles(theme => ({\n\troot: {\n\t\t...theme.customstyles.button,\n\t\tcolor: theme.palette.primary.main,\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tjustifyContent: 'center',\n\t\tcursor: 'pointer',\n\t\tmarginTop: '20px',\n\t\tmarginBottom: '20px',\n\t},\n\terror: {\n\t\tcolor: theme.palette.error.main,\n\t},\n\ttext: {\n\t\tpaddingLeft: '14px',\n\t},\n}));\n\nconst WithdrawModuleButton = () => {\n\tconst classes = useStyles();\n const dispatch = useDispatch();\n\tconst currentTradeAccount = useSelector(userAccounts.selectors.currentTradeAccount);\n\tconst isNotForParticularAccount = [constants.LIME_LME].some(x => x === env.firm);\n const showModal = () => dispatch(withdrawWidget.actions.showWithdrawWidgetModal({\n\t\tcanChangeSourceAccount: isNotForParticularAccount,\n\t\taccountTradeCode: isNotForParticularAccount ? null : currentTradeAccount?.tradeCode\n\t}));\n\n\treturn (\n\t\t\n\t\t\t\t{fundAvailable &&
\n\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\n \n
\n\t\t\n\t);\n};\n\nexport default WithdrawModuleButton;\n","module.exports = __webpack_public_path__ + \"content/assets/a3f18948ce022f6c35405bd19b3d6fd1.png\";","import React from 'react';\n\nimport { ContentCloud } from '@components';\nimport { R, useTranslate } from '@dev2t/react-ui-kit/src/components';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport Box from '@material-ui/core/Box';\n\nconst useStyles = makeStyles(theme => ({\n\troot: {\n\t\t'& a': {\n\t\t\tcolor: theme.palette.primary.main,\n\t\t\ttextDecoration: 'none',\n\t\t},\n\t},\n}));\n\n\nexport default function FAQ() {\n\n\tconst classes = useStyles();\n\tconst translate = useTranslate();\n\n\treturn (\n\t\t- \n {accounts.map((acc) => (\n
\n
\n ))}\n \n
\n\n\n \n {acc.IsForex ? (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n
\n \n
\n \n {acc.TradeLogin}\n
\n {acc.ProductType}
\n \n
\n \n
\n\n \n
\n \n {acc.ServerName} \n
\n \n { acc.IsForex ? 'MT4' : 'MT5' } \n
\n \n
\n \n {acc.Balance.Currencies?.find(x => x !== undefined).CurrencyCode ?? '-'} \n
\n \n {acc.LeverageText ?? \"-\"}\n {/* \n\t\t\t\t\t\t\t\t\t */}\n \n
\n \n \n \n
\n - \n {accounts.map((acc) => (\n
\n {acc.LeverageText ?? \"-\"}\n {/* \n\t\t\t\t\t\t\t\t\t */}\n \n
\n \n \n \n
\n - \n
\n\t\t\t\t\t\t{'J2TX Ltd '}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t
\n\t);\n}\n\nexport default compose(\n\twithRouter,\n\twithTheme,\n\twithStyles(styles),\n)(ContactsJ2TX);\n","import React from 'react';\nimport { env } from '@config';\nimport { Paper } from '@material-ui/core';\nimport { NotificationBannersGallery } from '@dev2t/react-ui-kit/src';\n\nexport const BannersGalleryJ2TX = () => (\n \n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n
\n );\n};\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { push } from 'connected-react-router';\nimport { ProgressContainer, FormDatePicker } from '@components';\nimport { R, Modal, SuccessMessage, ErrorMessage, FormInput } from '@dev2t/react-ui-kit/src';\nimport { translate } from '@global';\nimport ResetByEmailForm from './components/ResetByEmailForm';\nimport ResetByOperatorForm from './components/ResetByOperatorForm';\nimport { Field } from 'redux-form';\n\nexport const ResetViewLme = () => {\n\tconst [step, setStep] = useState('resetByEmail');\n\tconst [error, setError] = useState('');\n const [title, setTitle] = useState(translate('reset_password_form_title', 'Password recovery'));\n\tconst dispatch = useDispatch();\n\tconst submitting = false;\n\tconst goToLogin = () => dispatch(push('/login'));\n\tconst resetForm = () => setStep('resetByEmail');\n\n useEffect(() => {\n\t\tconst title = ['resetByOperator', 'succeededOperator', 'failedOperator'].includes(step) \n\t\t? translate('reset_password_form_title_step_2', 'Password recovery (2)') \n\t\t: translate('reset_password_form_title', 'Password recovery');\n\n\t\tsetTitle(title);\n }, [step]);\n\n\n\treturn (\n\t\t\n\t\t\t\t\t{step === 'succeeded' &&\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t setStep('succeeded')}\n setTitle={setTitle}\n\t\t\t\t\t\t\tonSubmitFail={(errorInfo) => { setError(errorInfo._error); setStep('failed'); }}\n\t\t\t\t\t\t\tonOperatorSended={() => setStep('resetByOperator')}\n\t\t\t\t\t\t\tadditionalFieldsForEmailSubmit={\n\t\t\t\t\t\t\t\t\t setStep('succeededOperator')}\n\t\t\t\t\t\t\tonSubmitFail={(errorInfo) => { setError(errorInfo._error); setStep('failedOperator'); }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t{step === 'succeeded' &&\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t setStep('succeeded')}\n\t\t\t\t\t\t\tonSubmitFail={(errorInfo) => { setError(errorInfo._error); setStep('failed'); }}\n\t\t\t\t\t\t\tonOperatorSended={() => setStep('resetByOperator')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t\t{step === 'succeededOperator' &&\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t setStep('succeededOperator')}\n\t\t\t\t\t\t\tonSubmitFail={(errorInfo) => { setError(errorInfo._error); setStep('failedOperator'); }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t