{disabledText}
\r\n\t\t\t\t) : (\r\n\t\t\t\t\t{activeText}\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nChangeLink.propTypes = {\r\n\tonClick: PropTypes.func.isRequired,\r\n\tdisabled: PropTypes.bool,\r\n\tactiveLinkText: PropTypes.string,\r\n\tinactiveLinkText: PropTypes.string,\r\n\tclassName: PropTypes.string,\r\n\tdataQa: PropTypes.string,\r\n};\r\n\r\nexport default withStyles(ChangeLink, styles);\r\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 '@mui/material';\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 && 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 SelectInputClass 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}\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tif (this.props.inputRef) {\r\n\t\t\tthis.props.inputRef(null);\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};\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\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\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\tdataQa: PropTypes.string,\r\n};\r\n\r\nexport default withStyles(ExpansionPanel, styles);\r\n","import React from 'react';\r\nimport ReactGA from 'react-ga';\r\nimport PropTypes from 'prop-types';\r\nimport { ListItem as MuiListItem } from '@mui/material';\r\nimport { cabinetLog } from '@global';\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 = null,\r\n\t\t\tgaUrl = null,\r\n\t\t\tbutton = false,\r\n\t\t\tdivider = false,\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\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\nexport default withStyles(ShowMore, styles);\r\n","export const compose = (...funcs) => funcs.reduce((a, b) => (...args) => a(b(...args)), arg => arg);\r\n","import React from 'react';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport { compose } from '@utils';\r\nimport PropTypes from 'prop-types';\r\nimport SafeComponent from 'react-safe-component';\r\nimport { toUsaFormat } from '@global';\r\nimport moment from 'moment';\r\nimport classNames from 'classnames';\r\nimport { constants, env } from '@config';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tdisplay: 'flex',\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\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\tmiddleColumn: {\r\n\t\tmarginLeft: '5px',\r\n\t\tflexGrow: '2',\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\trightColumn: {\r\n\t\tdisplay: 'flex',\r\n\t\talignContent: 'center',\r\n\t\tjustifyContent: 'flex-start',\r\n\t\ttextAlign: 'right',\r\n\t},\r\n\ttitle: {\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.primary,\r\n\t},\r\n\ttitleSymbol: {\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\tamount: {\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\tstatus: {\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.primary,\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\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 CYFundItem 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.Color === 'red',\r\n\t\t\t[classes.green]: item.Color === 'green',\r\n\t\t\t[classes.black]: item.Color === 'black',\r\n\t\t\t[classes.black]: item.Color === 'gray',\r\n\t\t});\r\n\r\n\t\tconst displayStatusColor = classNames({\r\n [classes.red]: item.Status === 'REVOKE' || item.Status === 'CANCEL',\r\n [classes.green]: item.Status === 'EXECUTE'\r\n });\r\n\r\n\t\tlet fundTitle;\r\n\t\tif ([constants.LIME_LME, constants.FIRM_J2TX].some(x => x === env.firm)) {\r\n\t\t\tfundTitle = item.DisplayTitle;\r\n\t\t\tif (item.Type === 'Output' && item.Amount > 0) {\r\n\t\t\t\titem.Amount = -item.Amount;\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tfundTitle = item.Type;\r\n\t\t\tswitch (item.Type) {\r\n\t\t\t\tcase 'AssignmentOrder':\r\n\t\t\t\t\tfundTitle = 'Assignment Order';\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 'ClientPasswordChange':\r\n\t\t\t\t\tfundTitle = 'Client\\'s Password Change';\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 'Output':\r\n\t\t\t\t\tif (item.Amount > 0) {\r\n\t\t\t\t\t\titem.Amount = -item.Amount;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbreak;\r\n\t\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tfundTitle = item.Type;\r\n\t\t\t}\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 && item.RawType !== 'AccountsTransfer') {\r\n\t\t\t\tamount = item.Amount > 0 ? '+' : '-';\r\n\t\t\t}\r\n\t\t\tamount += toUsaFormat(Math.abs(item.Amount), item.SumScale ?? 2);\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t ({ color: theme.palette.primary.main })}\r\n\t\t\t\t\t\t\tsize={18}\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\nCYFundItem.propTypes = {\r\n\titem: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default withStyles(SafeComponent(CYFundItem), styles);","import React from 'react';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport { IconButton } from '@mui/material';\r\nimport { compose } from '@utils';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { connect } from 'react-redux';\r\nimport { userAccounts } from '@redux';\r\nimport { SvgIcon } from '@components';\r\nimport CYFundItem from './CYFundItem';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'space-between',\r\n\t\talignItems: 'flex-start',\r\n\t},\r\n\theadContainer: {\r\n\t\twidth: '100%',\r\n\t\tmarginRight: '14px',\r\n\t},\r\n\theadContent: {\r\n\t\t...theme.customstyles.title,\r\n\t\tcolor: theme.palette.primary.dark,\r\n\t\twidth: '100%',\r\n\t\tpaddingLeft: '46px',\r\n\t},\r\n\theadToggleIcon: {\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n\tarrowIcon: {\r\n\t\tstroke: theme.palette.text.secondary,\r\n\t},\r\n\tcontent: {\r\n\t\tpaddingTop: '16px',\r\n\t\ttextAlign: 'right',\r\n\t\tpaddingLeft: '46px',\r\n\t},\r\n\tborderPaddings: {\r\n\t\tpadding: '0 46px',\r\n\t},\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n\tactions: {\r\n\t\tshowOrderCancelModal: payload => dispatch(userAccounts.actions.showOrderCancelModal(payload)),\r\n\t},\r\n});\r\n\r\nclass CYItem 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}\r\n\r\n\ttoggleOpen = () => {\r\n\t\tthis.setState({\r\n\t\t\topen: !this.state.open,\r\n\t\t});\r\n\t}\r\n\r\n\tshowCancelOrderForm = () => {\r\n\t\tthis.props.actions.showOrderCancelModal({\r\n\t\t\tnnOrder: this.props.item.nnOrder,\r\n\t\t\treason: '',\r\n\t\t});\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 opened = this.state.open;\r\n\t\tconst Icon = opened ?\r\n\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.utc(item.Date).local().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{amount &&\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}\r\n\t\t\t\t\t\t{item.DisplayStatus &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{amount + ' ' + item.Currency}\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\r\n\t\t\t\t\t\t\t\t\t{item.DisplayStatus}\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
\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 {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{opened &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{item.DisplayAdditionalInfo}\r\n\t\t\t\t\t\t\t\t{/* {item.RequestCode} */}\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\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\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
\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\nexport default FileInput;\r\n","import React from 'react';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport { CircularProgress } from '@mui/material';\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\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 = 'center',\r\n\tsubmitting,\r\n\tsize = 58,\r\n\tdisableCheckChildren = false,\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 \r\n\t\t\t\t{loginLogo &&\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\r\n\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\nexport default withStyles(ErrorCatcher, styles);\r\n","import React from 'react';\r\nimport { env } from '@config';\r\nimport { NotificationBannersGallery, R} from '@dev2t/react-ui-kit/src';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport { useSelector } from 'react-redux';\r\nimport { auth } from '@redux';\r\nimport { CircularProgress, Backdrop } from '@mui/material';\r\n\r\nconst useStyles = makeStyles()((theme) => ({\r\n loadingContainer: {\r\n zIndex: 999\r\n },\r\n root: {\r\n\t\tmargin: '30px 74px',\r\n\t\t[theme.breakpoints.down('sm')]: {\r\n\t\t\tmargin: '30px 0',\r\n\t\t},\r\n\t},\r\n\tmessage: {\r\n\t\tpadding: 20,\r\n\t\tbackgroundColor: theme.palette.warning.main,\r\n\t\tcolor: theme.palette.warning.contrastText,\r\n\t\tborderRadius: 4,\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'space-between',\r\n\t\tgap: 10,\r\n\t},\r\n contentContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t\tgap: 10,\r\n\t},\r\n\ttitle: {\r\n\t\tfontSize: '24px',\r\n\t},\r\n\tcontent: {\r\n\t\tfontSize: '16px',\r\n\t},\r\n}));\r\n\r\nconst useOnClickLoadingState = () => {\r\n const continueRegistrationResult = useSelector(auth.selectors.continueRegistrationResult);\r\n return continueRegistrationResult?.loading ?? false;\r\n}\r\n\r\nconst useOnRedirectToCabinet = () => {\r\n const redirectToCabinetResult = useSelector(auth.selectors.redirectToCabinetResult);\r\n console.log('useOnRedirectToCabinet', redirectToCabinetResult);\r\n return (redirectToCabinetResult?.loading || !!redirectToCabinetResult?.redirectLink) ?? false;\r\n}\r\n\r\nexport const BlockAllScreenLoading = () => {\r\n const { classes } = useStyles();\r\n const isLoading = useOnClickLoadingState();\r\n const isredirect = useOnRedirectToCabinet();\r\n\r\n return (isLoading || isredirect ? \r\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
}\r\n {!isredirect &&\r\n
\r\n \r\n
\r\n —
\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\t\t
\r\n\t\t
\r\n\t);\r\n};\r\n\r\nexport default NSRLogo;\r\n","export default __webpack_public_path__ + \"content/assets/dd5280c14fe28d25d978d428c2e16536.png\";","import React from 'react';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport J2tLogoImg from './j2t_logo.png';\r\n\r\n// eslint-disable-next-line no-unused-vars\r\nconst useStyles = makeStyles()({\r\n\troot: {\r\n\t\tposition: 'relative',\r\n\t\twidth: '74px',\r\n\t\theight: '48px',\r\n\t\tmarginLeft: '4px',\r\n\t\tmarginTop: '4px',\r\n\t},\r\n});\r\n\r\nconst NSRLogo = () => {\r\n\tconst { classes } = useStyles();\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t\t
\r\n\t);\r\n};\r\n\r\nexport default NSRLogo;\r\n","export default __webpack_public_path__ + \"content/assets/25b247263576be0dc3b976f03e66d908.svg\";","import React from 'react';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport logoImg from './j2tx_logo.svg';\r\n\r\nconst useStyles = makeStyles()({\r\n\troot: {\r\n\t\tposition: 'relative',\r\n\t\tmaxWidth: '48px',\r\n\t\theight: '48px',\r\n\t},\r\n});\r\n\r\nconst J2txLogo = () => {\r\n\tconst { classes } = useStyles();\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t\t
\r\n\t);\r\n};\r\n\r\nexport default J2txLogo;\r\n","import React, {useCallback} from 'react';\r\nimport classNames from 'classnames';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { dashboard, userAccounts } from '@redux';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport { ProgressContainer } from '@components';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\nimport { push } from \"connected-react-router\";\r\nimport { scrollToTop } from \"@global\";\r\nimport {constants, env} from \"@config\";\r\n\r\nconst useStyles = makeStyles()(theme => ({\r\n\troot: {\r\n\t\tposition: 'relative',\r\n\t},\r\n\trootButton: {\r\n\t\tcursor: 'pointer',\r\n\t},\r\n\tdemoLabel: {\r\n\t\tbackgroundColor: theme.palette.warning.main,\r\n\t\tcolor: theme.palette.warning.contrastText,\r\n\t\tborderRadius: '4px',\r\n\t\tpadding:'0 0.3em',\r\n\t\tfontSize:'0.7em',\r\n\t\tposition: 'absolute',\r\n\t\tright: '0',\r\n\t\ttop:'-1.2em',\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\tsidebarClose: () => dispatch(dashboard.actions.sidebarClose()),\r\n\t},\r\n});\r\n\r\nconst isProfileButtonAvailable = [constants.LIME_LME].some(f => env.firm === f);\r\n\r\nconst HeaderUserInfo = ({\r\n\tactions: {\r\n\t\tsetCurrentPage,\r\n\t\tsidebarClose\r\n\t}\r\n}) => {\r\n\tconst { classes } = useStyles();\r\n\tconst { submitting: userInfoLoading, FirstName, LastName } = useSelector(userAccounts.selectors.userInfo);\r\n\tconst isDemo = useSelector(userAccounts.selectors.isDemoUser);\r\n\r\n\tconst showPage = useCallback((path) => {\r\n\t\tsetCurrentPage(path);\r\n\t\tscrollToTop();\r\n\t\tsidebarClose();\r\n\t}, [setCurrentPage, sidebarClose]);\r\n\r\n\tconst name = [FirstName, LastName].filter(x => !!x).join(' ') || (userInfoLoading ? '' : 'Not specified name');\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t isProfileButtonAvailable && showPage('/dashboard/settings')}\r\n\t\t\t\t\tdata-qa=\"header_user_name\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{name}\r\n\t\t\t\t\t{isDemo && \r\n\t\t
\r\n\t);\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(HeaderUserInfo);\r\n","import React, { useLayoutEffect } from 'react';\r\nimport { useLocation, Redirect } from 'react-router-dom';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { app } from '@redux';\r\nimport { getAllowedLanguages } from '@config';\r\nimport { setLanguageCookie } from '../../../core/global/langutils';\r\n\r\nconst LanguageRefSwitcher = () => {\r\n\tconst language = useSelector(app.selectors.language);\r\n\tconst location = useLocation();\r\n\tconst langPath = location.pathname.substring(1, 3);\r\n\tconst noLangPath = location.pathname.substring(3) || '/';\r\n\r\n\tconst dispatch = useDispatch();\r\n\tuseLayoutEffect(() => {\r\n\t\tif (langPath !== language && getAllowedLanguages().some(x => x.language === langPath)) {\r\n\t\t\tsetLanguageCookie(langPath);\r\n\t\t\tdispatch(app.actions.changeLanguage.request(langPath));\r\n\t\t}\r\n\t}, [langPath, language, dispatch]);\r\n\r\n\tconst noLangLocation = {\r\n\t\t...location,\r\n\t\tpathname: noLangPath,\r\n\t};\r\n\r\n\treturn (\r\n\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
\r\n\t);\r\n};\r\n","import React from 'react';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport { ImageList, ImageListItem } from '@mui/material';\r\nimport { AllSvgIcons, SvgIcon } from '@components';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tpadding: '20px',\r\n\t},\r\n\timage: {\r\n\t\tmarginRight: '10px',\r\n\t},\r\n\tarrowIcon: {\r\n\t\tstroke: theme.palette.text.primary,\r\n\t\tmarginRight: '10px',\r\n\t},\r\n\tdoneIcon: {\r\n\t\theight: '18px',\r\n\t\tpaddingRight: '5px',\r\n\t\tstroke: theme.palette.common.white,\r\n\t},\r\n\tbankImage: {\r\n\t\twidth: '56px',\r\n\t\theight: '56px',\r\n\t},\r\n});\r\n\r\nclass Icons extends React.Component {\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{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 withStyles(Ticker, styles);\r\n","import React from 'react';\r\nimport { withStyles } from 'tss-react/mui';\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 withStyles(Quantity, styles);\r\n","import React from 'react';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport PropTypes from 'prop-types';\r\nimport { toMoneyFormat } 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\tcurrencyPrice,\r\n\t\t} = this.props;\r\n\t\tconst formattedCurrencyPrice = currencyPrice === null ? undefined : currencyPrice;\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 withStyles(CurrentPrice, styles);\r\n","import React from 'react';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport PropTypes from 'prop-types';\r\nimport { toMoneyFormat } 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\tcurrencyPrice,\r\n\t\t} = this.props;\r\n\t\tconst formattedCurrencyPrice = currencyPrice === null ? undefined : currencyPrice;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t{toMoneyFormat(currentPrice, formattedCurrencyPrice)}\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 withStyles(MarketValue, styles);\r\n","import React from 'react';\r\nimport { withStyles } from 'tss-react/mui';\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{toMoneyFormat(marketValue, formattedCurrencyPrice)}
\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 withStyles(Yield, styles);\r\n","import React from 'react';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport PropTypes from 'prop-types';\r\nimport { constants, env } from '@config';\r\nimport {\r\n\tTicker,\r\n\tQuantity,\r\n\tCurrentPrice,\r\n\tMarketValue,\r\n\tYield,\r\n} from './components';\r\n\r\nconst styles = theme => ({\r\n\ttable: {\r\n\t\twidth: '100%',\r\n\t\tverticalAlign: 'top',\r\n\t\tborderCollapse: 'collapse',\r\n\t\t'& th': {\r\n\t\t\t...theme.customstyles.body,\r\n\t\t\tcolor: theme.palette.text.secondary,\r\n\t\t\tpadding: '10px',\r\n\t\t},\r\n\t\t'& td': {\r\n\t\t\tpadding: '10px',\r\n\t\t},\r\n\t\t'& tbody': {\r\n\t\t\tverticalAlign: 'top',\r\n\t\t},\r\n\t},\r\n\ttableRow: {\r\n\t\tborderBottom: '1px solid #deeaef',\r\n\t\t'& td': {\r\n\t\t},\r\n\t},\r\n});\r\n\r\n\r\nclass CurrentHoldingsTable extends React.Component {\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\tpositions,\r\n\t\t} = this.props;\r\n\t\treturn (\r\n\t\t\t{toUsaFormat(gain)}
\r\n\t\t\t\t{toUsaFormat(gainPercent)}%
\r\n\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\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\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
\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 onAccountChange(event.target.value)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{accounts && accounts.map((account) => {\r\n\t\t\t\t\t\t\t\tif (account.IsClosed) {\r\n\t\t\t\t\t\t\t\t\treturn (\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} else {\r\n\t\t\t\t\t\t\t\t\treturn (\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\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t\t\t onOperationTypeChange(event.target.value)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{selectFields.map((x, index) => (\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\t\t\t\t
\r\n\t\t\t\t))}\r\n\r\n\t\t\t\t\r\n\t\t\t\t\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 \r\n\t\t\t\r\n\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\t\t\r\n\t\t\t\t\t \r\n\t\t\t \r\n\t\t\t{Array.from({ length: CASH_ACTIVITIES_PAGE_SIZE }).map(\r\n\t\t\t\t(_, index) => (\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\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\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 \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 TransactionsHistoryLMESkeleton;\r\n","import {\r\n\tBox,\r\n\tFormControl,\r\n\tMenuItem,\r\n\tTab,\r\n\tTabs,\r\n} from '@mui/material';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport React from 'react';\r\nimport { useState } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { Select } from '@components';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\nimport { OperationType, OperationTabs } from '@enums';\r\nimport { app, userAccounts } from '@redux';\r\n\r\nimport { OperationsList } from './components';\r\nimport TransactionsHistoryLMESkeleton from './TransactionsHistoryLMESkeleton';\r\n\r\nconst useStyles = makeStyles()({\r\n\tperiodsTabs: {\r\n\t\tminWidth: '0px',\r\n\t},\r\n\tendOfFlexSelect: {\r\n\t\talignSelf: 'flex-end',\r\n\t\tminWidth: '250px',\r\n\t},\r\n});\r\n\r\nfunction TransactionsHistoryLME() {\r\n\tconst loading = useSelector(userAccounts.selectors.accountsLoading);\r\n\r\n\tconst onTableChange = (newTable) => {\r\n\t\tsetActiveTable(newTable);\r\n\t};\r\n\r\n\tconst [activeTable, setActiveTable] = useState(OperationTabs.TRANSACTION_HISTORY)\r\n\tconst resolution = useSelector(app.selectors.resolution)\r\n\tconst { classes } = useStyles();\r\n\r\n\tif (loading) return \r\n\t\t\t\t\t onTableChange(value)}\r\n\t\t\t\t\t\tindicatorColor=\"primary\"\r\n\t\t\t\t\t\ttextColor=\"primary\"\r\n\t\t\t\t\t\tcentered\r\n\t\t\t\t\t\tvalue={activeTable}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tvalue={OperationTabs.TRANSACTION_HISTORY}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tvalue={OperationTabs.NON_TRADING_OPERATIONS}\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\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default TopStrategies;\r\n","import React, { useEffect, useRef, useState } from \"react\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { Skeleton } from \"@mui/material\";\r\nimport { mount, constants } from \"@finam/chart-web\";\r\nimport { env } from '@config';\r\n\r\nconst tokenProvider = { getFreshToken: () => Promise.resolve(env.txChartToken) };\r\n\r\n// размеры: живой график монтируется за экраном 300×200,\r\n// снятый снимок показывается уменьшенным 64×32\r\nconst chartSettings = {\r\n\twidth: 300,\r\n\theight: 200,\r\n\timgWidth: 88,\r\n\timgHeight: 44,\r\n\tchartType: constants.ChartType.LINE,\r\n\trange: constants.Range.D1,\r\n\ttimeframe: constants.Timeframe.H1,\r\n\tlineWidth: 5,\r\n};\r\n\r\n// логика с ретраями нужна, чтобы подождать пока отрисуется именно график\r\n// снапшот работает не совсем корректно и сначала возвращает белую картинку\r\n// поэтому нужно \"подождать\" пока нарисуется график и потом только делать снапшот\r\nconst SNAPSHOT_CAPTURE_INTERVAL_MS = 500;\r\nconst SNAPSHOT_MAX_CAPTURE_ATTEMPTS = 20;\r\n\r\nconst ChartSnapshot = ({ issueId, liquidityPool, isPositive }) => {\r\n\tconst theme = useTheme();\r\n\tconst containerRef = useRef(null);\r\n\tconst [snapshotUrl, setSnapshotUrl] = useState(null);\r\n\r\n\tuseEffect(() => {\r\n\t\tconst container = containerRef.current;\r\n\t\t// движок принимает только числовой issueId: строка-тикер парсится как спред-формула\r\n\t\t// и падает ClassCastException — без id не монтируем (ячейка остаётся пустой)\r\n\t\tif (!container || issueId == null || issueId === \"\") return undefined;\r\n\t\tlet widgetInstance = null;\r\n\t\tlet captureTimer = null;\r\n\t\tlet captureAttempts = 0;\r\n\t\tlet disposed = false;\r\n\r\n\t\tconst widget = mount(container, {\r\n\t\t\tissueId: String(issueId),\r\n\t\t\tliquidityPool: liquidityPool || undefined,\r\n\t\t\twidth: chartSettings.width,\r\n\t\t\theight: chartSettings.height,\r\n\t\t\ttaHosts: env.txChartHosts,\r\n\t\t\treferenceHosts: env.txChartHosts,\r\n\t\t\tmdHosts: env.txChartHosts,\r\n\t\t\ttokenProvider,\r\n\t\t\ttheme: constants.Theme.LIGHT,\r\n\t\t\tlanguage: constants.Language.EN,\r\n\t\t\tdecimalSeparator: constants.DecimalSeparator.POINT,\r\n\t\t\tshowUI: false,\r\n\t\t\tshowLoader: false,\r\n\t\t\tshowEmptyPlaceholder: false,\r\n\t\t\tdrawWatermark: false,\r\n\t\t\tenableStorage: false,\r\n\t\t\tonDataLoaded: (chartHandler) => {\r\n\t\t\t\t// конфигурация применяется один раз после инициализации ядра\r\n\t\t\t\tchartHandler.data.setChartType(chartSettings.chartType);\r\n\t\t\t\tchartHandler.data.setRange(chartSettings.range);\r\n\t\t\t\tchartHandler.data.setTimeframe(chartSettings.timeframe);\r\n\r\n\t\t\t\tconst color =\r\n\t\t\t\t\tisPositive == null\r\n\t\t\t\t\t\t? theme.palette.primary.main\r\n\t\t\t\t\t\t: isPositive\r\n\t\t\t\t\t\t\t? theme.palette.success.main\r\n\t\t\t\t\t\t\t: theme.palette.error.main;\r\n\r\n\t\t\t\tchartHandler.chartTypes.line.setHexColor(color);\r\n\t\t\t\tchartHandler.chartTypes.line.setWidth(chartSettings.lineWidth);\r\n\r\n\t\t\t\tconst captureSnapshot = () => {\r\n\t\t\t\t\tif (\r\n\t\t\t\t\t\tdisposed ||\r\n\t\t\t\t\t\tcaptureAttempts >= SNAPSHOT_MAX_CAPTURE_ATTEMPTS\r\n\t\t\t\t\t) {\r\n\t\t\t\t\t\tif (captureTimer != null) {\r\n\t\t\t\t\t\t\tclearInterval(captureTimer);\r\n\t\t\t\t\t\t\tcaptureTimer = null;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tcaptureAttempts += 1;\r\n\t\t\t\t\tconst dataUrl = chartHandler.utils.takeSnapshot();\r\n\t\t\t\t\tconst img = new Image();\r\n\t\t\t\t\t// пост обработкой убирается фон в виде сетки на графике\r\n\t\t\t\t\t// т.к. сам виджет не поддерживает такую фичу\r\n\t\t\t\t\timg.onload = () => {\r\n\t\t\t\t\t\tif (disposed) return;\r\n\t\t\t\t\t\tconst canvas = document.createElement(\"canvas\");\r\n\t\t\t\t\t\tcanvas.width = img.naturalWidth;\r\n\t\t\t\t\t\tcanvas.height = img.naturalHeight;\r\n\t\t\t\t\t\tconst ctx = canvas.getContext(\"2d\");\r\n\t\t\t\t\t\tctx.drawImage(img, 0, 0);\r\n\t\t\t\t\t\tconst imageData = ctx.getImageData(\r\n\t\t\t\t\t\t\t0,\r\n\t\t\t\t\t\t\t0,\r\n\t\t\t\t\t\t\tcanvas.width,\r\n\t\t\t\t\t\t\tcanvas.height,\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t\tconst pixels = imageData.data;\r\n\t\t\t\t\t\tlet hasInk = false;\r\n\t\t\t\t\t\tfor (let i = 0; i < pixels.length; i += 4) {\r\n\t\t\t\t\t\t\tconst max = Math.max(\r\n\t\t\t\t\t\t\t\tpixels[i],\r\n\t\t\t\t\t\t\t\tpixels[i + 1],\r\n\t\t\t\t\t\t\t\tpixels[i + 2],\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\tconst min = Math.min(\r\n\t\t\t\t\t\t\t\tpixels[i],\r\n\t\t\t\t\t\t\t\tpixels[i + 1],\r\n\t\t\t\t\t\t\t\tpixels[i + 2],\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\tif (max > 200 && max - min < 30) {\r\n\t\t\t\t\t\t\t\tpixels[i + 3] = 0;\r\n\t\t\t\t\t\t\t} else if (pixels[i + 3] > 0) {\r\n\t\t\t\t\t\t\t\thasInk = true;\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\tif (!hasInk) return;\r\n\t\t\t\t\t\tctx.putImageData(imageData, 0, 0);\r\n\t\t\t\t\t\tsetSnapshotUrl(canvas.toDataURL());\r\n\t\t\t\t\t\tif (captureTimer != null) {\r\n\t\t\t\t\t\t\tclearInterval(captureTimer);\r\n\t\t\t\t\t\t\tcaptureTimer = null;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t};\r\n\t\t\t\t\timg.onerror = () => {\r\n\t\t\t\t\t\tif (disposed) return;\r\n\t\t\t\t\t\tsetSnapshotUrl(dataUrl);\r\n\t\t\t\t\t};\r\n\t\t\t\t\timg.src = dataUrl;\r\n\t\t\t\t};\r\n\t\t\t\tcaptureTimer = setInterval(\r\n\t\t\t\t\tcaptureSnapshot,\r\n\t\t\t\t\tSNAPSHOT_CAPTURE_INTERVAL_MS,\r\n\t\t\t\t);\r\n\t\t\t},\r\n\t\t\tonFailure: () => {\r\n\t\t\t\twidgetInstance?.unmount();\r\n\t\t\t},\r\n\t\t});\r\n\t\twidgetInstance = widget;\r\n\r\n\t\treturn () => {\r\n\t\t\tdisposed = true;\r\n\t\t\tif (captureTimer != null) {\r\n\t\t\t\tclearInterval(captureTimer);\r\n\t\t\t\tcaptureTimer = null;\r\n\t\t\t}\r\n\t\t\twidgetInstance?.unmount();\r\n\t\t};\r\n\t}, [issueId, liquidityPool, isPositive]);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t\t changePage(-1)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t changePage(1)}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t \r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t{submitting && fetchedStrategies.length === 0 ? (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{visibleStrategies.map((strategy) => (\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\t\t+{strategy.LastMonthProfitability}%\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\t\r\n\t\t\t\t\t\t\t\t\t\t{strategy.Name}\r\n\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\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{strategy.Currency} · {strategy.Age}{\" \"}\r\n\t\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\t\t{strategy.Equity} \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{strategy.Currency}\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\t\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\t)}\r\n\t\t\t
\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default TopGainersAndLosers;\r\n","import React, { useState } from 'react';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport { Typography, TableContainer, Paper } from '@mui/material';\r\nimport { ExpansionPanel } from '@components';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\nimport { userAccounts } from '@redux';\r\nimport { OperationType, OperationTabs } from '@enums';\r\nimport { OperationsList } from './components';\r\n\r\nconst useStyles = makeStyles()((theme) => ({\r\n\ttableContainer: {\r\n\t\tmargin: '30px 0',\r\n\t},\r\n\topen: {\r\n\t\tpadding: '0 50px 32px',\r\n\t\t[theme.breakpoints.down('sm')]: {\r\n\t\t\tpadding: '0 40px 20px',\r\n\t\t},\r\n\t},\r\n\tcontent: {\r\n\t\toverflowX: 'auto',\r\n\t},\r\n}));\r\n\r\nconst NonTradingOrdersJ2TX = () => {\r\n\tconst { classes } = useStyles();\r\n\tconst [isOpen, setIsOpen] = useState(true);\r\n\tconst onToggleOpen = () => setIsOpen(open => !open);\r\n\r\n\tconst header = (\r\n\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\r\n\t\t\t\t{[gainers, losers].map((list, listIndex) => (\r\n\t\t\t\t\t
\r\n\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\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\t
\r\n\t);\r\n}","import React from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { makeStyles } from \"tss-react/mui\";\r\nimport { useMoneyFormat } from '@hooks';\r\nimport { userAccounts } from \"@redux\";\r\nimport {\r\n R,\r\n ExpansionPanel,\r\n ProgressContainer,\r\n} from \"@dev2t/react-ui-kit/src/components\";\r\nimport classNames from 'classnames';\r\n\r\nconst useStyles = makeStyles()((theme) => ({\r\n header: {\r\n display: \"flex\",\r\n gap: \"32px\",\r\n },\r\n headContainer: {\r\n paddingBottom: \"12px\",\r\n paddingRight: \"19px\",\r\n },\r\n headContent: {\r\n padding: 0,\r\n },\r\n headToggleIcon: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n },\r\n capitalWrapper: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n gap: \"8px\",\r\n },\r\n headerInfo: {\r\n height: '100%',\r\n },\r\n headerTitle: {\r\n fontSize: \"16px\",\r\n color: theme.palette.text.primary,\r\n marginBottom: \"2px\",\r\n },\r\n headerSubtitle: {\r\n fontSize: \"12px\",\r\n lineHeight: 1,\r\n color: theme.palette.text.secondary,\r\n },\r\n label: {\r\n ...theme.customstyles.body,\r\n color: theme.palette.text.secondary,\r\n backgroundColor: \"#E4E4E4\",\r\n width: \"24px\",\r\n height: \"20px\",\r\n borderRadius: \"333px\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n fontSize: \"10px\",\r\n },\r\n expansionPanelRoot: {\r\n backgroundColor: theme.palette.background.paper,\r\n borderRadius: \"10px\",\r\n },\r\n expansionPanelContent: {\r\n paddingLeft: \"24px\",\r\n paddingTop: 0,\r\n paddingBottom: 0,\r\n },\r\n table: {\r\n width: \"100%\",\r\n borderCollapse: \"collapse\",\r\n tableLayout: \"fixed\",\r\n },\r\n tableHeadCell: {\r\n color: theme.palette.text.secondary,\r\n fontSize: \"12px\",\r\n fontWeight: 400,\r\n textAlign: \"left\",\r\n lineHeight: 1,\r\n width: \"50%\",\r\n },\r\n tableRow: {\r\n \"&:not(:last-of-type)\": {\r\n borderBottom: `1px solid ${theme.palette.divider}`,\r\n },\r\n },\r\n tableCell: {\r\n fontSize: \"16px\",\r\n padding: \"16px 0\",\r\n },\r\n currencyCell: {\r\n fontWeight: 600,\r\n },\r\n iconButton: {\r\n backgroundColor: theme.palette.background.paper,\r\n }\r\n}));\r\n\r\nexport const LMIAccountBriefingPanel = () => {\r\n const { classes } = useStyles();\r\n const currentAccountBalanceSummary = useSelector(userAccounts.selectors.currentAccountBalanceSummary);\r\n const currentAccount = useSelector(userAccounts.selectors.currentAccount);\r\n const balancesLoadingTradeCodes = useSelector(userAccounts.selectors.balancesLoadingTradeCodes);\r\n const balanceIsLoading = balancesLoadingTradeCodes.includes(currentAccount);\r\n const moneyFormat = useMoneyFormat({ disableCurrencyCode: true });\r\n \r\n const currentAccountBalance = useSelector(state =>\r\n state.userAccounts.balances.items.find(x => x.TradeCode === state.userAccounts.currentAccount));\r\n const currencies = currentAccountBalance?.MoneyInfo ?? [];\r\n\r\n const ExpansionPanelHeader = () => {\r\n return (\r\n \r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t
\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{toUsaMoneyFormat(currentAccountBalanceSummary?.Balance)}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{env.firm === constants.LIME_NSR ? 'Cash' :
\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\r\n\t\t\t\t\t\t\t{env.firm === constants.LIME_NSR \r\n\t\t\t\t\t\t\t\t? toUsaMoneyFormat(currentAccountBalanceSummary?.MarketValue)\r\n\t\t\t\t\t\t\t\t: toUsaMoneyFormat(currentAccountBalanceSummary?.FreeMargin)\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{env.firm === constants.LIME_NSR ? 'Securities Market value' :
\r\n\t\t\t\t\r\n
\r\n )\r\n }\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n {currencies.length}\r\n \r\n {moneyFormat(currentAccountBalanceSummary?.Capital, \"USD\")}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {moneyFormat(currentAccountBalanceSummary?.FreeMargin, \"USD\")}\r\n
\r\n \r\n
\r\n | \r\n | \r\n\t\t\t\t\t\t \r\n | \r\n
|---|---|
| {currency.CurrencyCode} | \r\n\t\t\t\t\t\t\t{moneyFormat(currency.Balance, currency.CurrencyCode)} | \r\n
\r\n\t\t\t\t{panel}\r\n\t\t\t\t{env.firm === constants.LIME_INT &&
\r\n\t\t- \r\n\t\t\t\t\t\t{walletAccounts?.map(x => \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\nMainHeader.propTypes = {\r\n\tactions: PropTypes.object.isRequired,\r\n\tclasses: PropTypes.object.isRequired,\r\n};\r\nexport default compose(\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(withStyles(MainHeader, styles));\r\n","export default __webpack_public_path__ + \"content/assets/3a55b54780eb7997b70cef503c7da0a4.svg\";","export default __webpack_public_path__ + \"content/assets/d292e2618c18871ac63d96cc69422c90.jpg\";","export default __webpack_public_path__ + \"content/assets/6c865c8691ef39e290749cb62ddc7618.png\";","import React from 'react';\r\nimport { Box, Paper } from '@mui/material';\r\nimport { makeStyles, withStyles } from 'tss-react/mui';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\nimport mc from './img/mc.svg';\r\nimport vs from './img/vs.jpg';\r\nimport up from './img/up.png';\r\n\r\nconst useStyles = makeStyles()(theme => ({\r\n\troot: {\r\n\t\tcolor: '#818181',\r\n\t\tfontSize: '.65rem',\r\n\t\tlineHeight: 2,\r\n\t\ttextRendering: 'optimizeLegibility',\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'row',\r\n\t\talignItems: 'top',\r\n\t\tflexWrap: 'wrap',\r\n\t\t'& a': {\r\n\t\t\tcolor: theme.palette.primary.main,\r\n\t\t\ttextDecoration: 'none',\r\n\t\t},\r\n\t\t'& img': {\r\n\t\t\tmaxHeight: '25px',\r\n\t\t},\r\n\t\t'& span': {\r\n\t\t\tfontSize: '1.7em',\r\n\t\t},\r\n\t\t'& p': {\r\n\t\t\tmargin: '0 0 5px 0',\r\n\t\t},\r\n\t},\r\n\tcontainer: {\r\n\t\tflex: '1 3 420px',\r\n\t\tdisplay: 'flex',\r\n\t\tflexWrap: 'wrap',\r\n\t\tjustifyContent: 'space-between',\r\n\t\talignItems: 'flex-start',\r\n\t},\r\n}));\r\n\r\nconst MainSection = withStyles(Box, {\r\n\troot: {\r\n\t\tpadding: '8px',\r\n\t\tflex: '2 1 300px',\r\n\t\ttextAlign: 'justify',\r\n\t\tpaddingRight: '20px',\r\n\t},\r\n});\r\n\r\nconst WarningSection = withStyles(Box, {\r\n\troot: {\r\n\t\tflex: '1 1 250px',\r\n\t\tpadding: '8px',\r\n\t\tpaddingRight: '20px',\r\n\t},\r\n});\r\n\r\nconst ContactsSection = withStyles(Box, {\r\n\troot: {\r\n\t\tflex: '2 0 170px',\r\n\t\tpadding: '8px',\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t\tjustifyContent: 'flex-start',\r\n\t\ttextAlign: 'right',\r\n\t\tlineHeight: '1.5rem',\r\n\t},\r\n});\r\n\r\nfunction MainFooterLME() {\r\n\tconst { classes } = useStyles();\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t{hasOpenAccount && [constants.LIME_INT].some(x => x === env.firm) &&\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\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t{(openTradexUrlData && openTradexUrlData.submitting)\r\n\t\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\t
\r\n\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\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\tLime LTD
\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\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\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\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\tMagnum Business Center, Office 4B, Spyrou Kyprianou Avenue 78\r\n\t\t\t\t\t\t\tLimassol 3076, Cyprus\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
\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\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t
\r\n\t);\r\n}\r\n\r\nexport default compose(\r\n\twithRouter,\r\n)(Contacts);\r\n","import React from 'react';\r\nimport { compose } from '@utils';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { Field, reduxForm } from 'redux-form';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport { CircularProgress } from '@mui/material';\r\nimport { Button, Divider } from '@components';\r\nimport { R, FormPasswordField } from '@dev2t/react-ui-kit/src/components';\r\nimport { constants } from '@config';\r\nimport { translate } from '@global';\r\nimport {\r\n\tFormSubmitWithConfirmationCode,\r\n\tConfirmationCodeSendReason,\r\n\tConfirmFormSubmitButton\r\n} from '@shared';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t\tgap: 30,\r\n\t},\r\n\twarning: {\r\n\t\tpadding: '12px 16px',\r\n\t\ttextAlign: 'justify',\r\n\t\tfontSize: '12px',\r\n\t\tlineHeight: '20px',\r\n\t},\r\n\tcircularProgress: {\r\n\t\tcolor: 'inherit',\r\n\t},\r\n});\r\n\r\nconst CY_CHANGE_PASSWORD_FORM_ID = 'CYChangePasswordForm';\r\nconst mapStateToProps = (state, ownProps) => ({\r\n\tinitialValues: {\r\n\t\tAuthKey: ownProps.resetKey,\r\n\t\tOldPassword: '',\r\n\t\tNewPassword: '',\r\n\t\tConfirmPassword: '',\r\n\t},\r\n});\r\n\r\nclass CYChangePasswordForm extends React.Component {\r\n\tstatic validate(formvalues, props) {\r\n\t\tconst values = formvalues;\r\n\t\tconst errors = {};\r\n\r\n\t\tif (!values) {\r\n\t\t\treturn errors;\r\n\t\t}\r\n\r\n\t\tif (!values.OldPassword) {\r\n\t\t\terrors.OldPassword = translate('shared_required', 'Required');\r\n\t\t}\r\n\r\n\t\tif (!values.NewPassword) {\r\n\t\t\terrors.NewPassword = translate('shared_required', 'Required');\r\n\t\t} else if (!constants.regExpPassword.test(values.NewPassword)) {\r\n\t\t\terrors.NewPassword = 'Does not meet requirements';\r\n\t\t}\r\n\t\tif (!values.ConfirmPassword) {\r\n\t\t\terrors.ConfirmPassword = translate('shared_required', 'Required')\r\n\t\t} else if (values.NewPassword !== values.ConfirmPassword) {\r\n\t\t\terrors.ConfirmPassword = 'The new password and confirmation password do not match';\r\n\t\t}\r\n\r\n\t\tif (!values.ConfirmationCode) {\r\n\t\t\terrors.ConfirmationCode = translate('shared_required', 'Required');\r\n\t\t}\r\n\r\n\t\treturn errors;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\thandleSubmit,\r\n\t\t\tinvalid,\r\n\t\t\tsubmitting,\r\n\t\t\tpristine,\r\n\t\t\tresetKey,\r\n\t\t} = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\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\t\t\t{selectContactsData(lang).map((x, ind) =>\r\n\t\t\t\t\t\t \r\n\t\t\t
\r\n\t\t\t\r\n\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{resetKey\r\n\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\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\t
\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nCustomEditableItem.propTypes = {\r\n\tvalueControl: PropTypes.oneOfType([\r\n\t\tPropTypes.node,\r\n\t\tPropTypes.string,\r\n\t]).isRequired,\r\n\teditControl: PropTypes.oneOfType([\r\n\t\tPropTypes.node,\r\n\t\tPropTypes.string,\r\n\t]),\r\n};\r\n\r\nexport default CustomEditableItem;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Input } from '@dev2t/react-ui-kit/src';\r\nimport CustomEditableItem from './CustomEditableItem';\r\n// eslint-disable-next-line no-unused-vars\r\n\r\nfunction valueOrDefault(val, defaultVal) {\r\n\tif (val) return val;\r\n\treturn defaultVal;\r\n}\r\nconst InputEditableItem = ({\r\n\ttitle,\r\n\tvalue = undefined,\r\n\tvalueIfEmpty = '',\r\n\t...otherProps\r\n}) => {\r\n\tconst valueControl = ();\r\n\treturn (\r\n\t\t\r\n\t\t\t\t{valueControl}\r\n\t\t\t
\r\n\t\t\t{editControl}\r\n\t\t\r\n\r\n\t\t\t{canEnterCode &&(\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{optionsForCurrentAttempt.map(x => (\r\n\t\t\t\t\t\t
\r\n\t\t\t{isAdditionalFieldsVisible && additionalFieldsForEmail}\r\n\r\n\t\t\t{canEnterCode && children}\r\n\t\t\t{!isAdditionalFieldsVisible && canSendNow && (\r\n\t\t\t\t\r\n\t\t\t\t\t value.replaceAll(' ', '')}\r\n\t\t\t\t\t/>\r\n\t\t\t\t
\r\n\t\t\t)}\r\n\t\t\t{showHint && {customHasConfirmationCodeShowChangeTypeText ?? hintText}
}\r\n\t\t\t{showCountdown && {countdownText}
}\r\n\r\n\t\t\t\r\n\t\t\t\t\t{additionalEmailText}\r\n\t\t\t\t
\r\n\t\t\t)}\r\n\t\t\t{additionalTotpText && (addTotpText ?\r\n\t\t\t\t(\r\n\t\t\t\t\t{addTotpText}
\r\n\t\t\t\t) :\r\n\t\t\t\t(\r\n\t\t\t\t\t{error || warning}
}\r\n\t\t\r\n\t);\r\n}\r\n\r\nconst validate = (value) => {\r\n\tif (!value) {\r\n\t\treturn translate('shared_totp_input_validation_is_required', 'Enter security code');\r\n\t}\r\n\r\n\tif (value.length < 6) {\r\n\t\treturn translate('shared_totp_input_validation_length', 'Code must contain 6 digits');\r\n\t}\r\n\treturn null;\r\n}\r\n\r\nexport const TotpCodeField = ({\r\n\tname,\r\n\t...props\r\n}) => {\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n};","import { useTranslate } from '@dev2t/react-ui-kit/src';\r\nimport { CircularProgress } from '@mui/material';\r\nimport { useTheme } from '@mui/material/styles';\r\nimport React from 'react';\r\nimport { Button } from '@components';\r\n\r\nexport const ConfirmFormSubmitButton = ({ submitting, disabled, customText, dataQa }) => {\r\n const theme = useTheme();\r\n const translate = useTranslate();\r\n return (\r\n {text}
\r\n\t\t\t\r\n \r\n \r\n
);\r\n \r\n return (\r\n \r\n {step === CaptchaSteps.LOADING_IMAGE && progress}\r\n {step === CaptchaSteps.LOADING_IMAGE_FAILURE &&
\r\n\r\n Failed to load
}\r\n {step === CaptchaSteps.WAITING_FOR_INPUT \r\n && }\r\n \r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{sendCodeSubmitting\r\n\t\t\t\t\t\t?
\r\n\t\t);\r\n\t}\r\n\r\n\trenderCodeStep() {\r\n\t\tconst { classes, translate } = this.props;\r\n\t\tconst { code, codeError, checkCodeSubmitting } = this.state;\r\n\t\tconst phoneDisplay = this.state.phoneValue ? `+${this.state.phoneValue}` : '';\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t this.onCodeChange(value)}\r\n\t\t\t\t\tformat=\"####\"\r\n\t\t\t\t\tcustomInput={TextField}\r\n\t\t\t\t\tvariant=\"standard\"\r\n\t\t\t\t\tfullWidth\r\n\t\t\t\t\tInputProps={{ disableUnderline: true }}\r\n\t\t\t\t\terror={!!codeError}\r\n\t\t\t\t\thelperText={codeError}\r\n\t\t\t\t/>\r\n\t\t\t\t\r\n\t\t\t\t\t{checkCodeSubmitting\r\n\t\t\t\t\t\t?
\r\n\t\t);\r\n\t}\r\n\r\n\trenderVerifyStep() {\r\n\t\tconst { classes, translate } = this.props;\r\n\t\tconst {\r\n\t\t\tphoneUploadStep,\r\n\t\t\tchangePhoneSubmitting,\r\n\t\t\tphoneValue,\r\n\t\t} = this.state;\r\n\r\n\t\tif (phoneUploadStep) {\r\n\t\t\treturn this.renderUploadStep();\r\n\t\t}\r\n\t\tconst currentPhone = this.props.userInfo?.Phone;\r\n\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\t\t\r\n\t\t\t\t\t\t{translate('common_upload', 'Upload')}\r\n\t\t\t\t\r\n\r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n\r\n\trenderUploadStep() {\r\n\t\tconst { classes, translate } = this.props;\r\n\t\tconst { files, changePhoneSubmitting } = this.state;\r\n\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\t\t\r\n\t\t\t\t\t{changePhoneSubmitting\r\n\t\t\t\t\t\t?
\r\n\t\t);\r\n\t}\r\n\r\n\trenderSuccessMessage() {\r\n\t\tconst { translate, onClose } = this.props;\r\n\t\tconst { submitViaUpload } = this.state;\r\n\r\n\t\tif (submitViaUpload) {\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t{this.renderCurrentStep()}\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\nChangeProfilePhoneModal.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tonClose: PropTypes.func.isRequired,\r\n\thandleSubmit: PropTypes.func.isRequired,\r\n\tinvalid: PropTypes.bool.isRequired,\r\n\tsubmitting: PropTypes.bool.isRequired,\r\n\tsubmitSucceeded: PropTypes.bool.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithTranslate,\r\n\tconnect(mapStateToProps),\r\n\treduxForm({\r\n\t\tform: 'ChangeProfilePhoneForm',\r\n\t\tvalidate: ChangeProfilePhoneModal.validate,\r\n\t}),\r\n)(withStyles(ChangeProfilePhoneModal, styles));\r\n","import React, { useState, useEffect, useRef } from 'react';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport { constants } from '@config';\r\nimport { CircularProgress, TextField } from '@mui/material';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { reduxForm, stopSubmit, touch } from 'redux-form';\r\nimport { compose } from '@utils';\r\nimport { ModalPopups } from '@enums';\r\nimport { profile, userAccounts } from '@redux';\r\nimport { FormSubmitWithConfirmationCode, ConfirmationCodeSendReason } from '@shared';\r\nimport NumberFormat from 'react-number-format';\r\nimport {\r\n\tButton,\r\n\tProgressContainer,\r\n\tFileInput,\r\n} from '@components';\r\nimport {\r\n\tR,\r\n\tSuccessMessage,\r\n\tModal,\r\n\twithTranslate,\r\n} from '@dev2t/react-ui-kit/src';\r\n\r\nconst useStyles = makeStyles()({\r\n\troot: {\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t\tgap: 20,\r\n\t},\r\n\tinfoText: {\r\n\t\tmargin: 0,\r\n\t\tfontSize: 14,\r\n\t\tlineHeight: 1.5,\r\n\t},\r\n\tfileUploader: {\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t\tgap: 16,\r\n\t},\r\n\tinputField: {\r\n\t\tmarginBottom: 10,\r\n\t},\r\n});\r\n\r\nconst validate = (values, props) => {\r\n\tconst errors = {};\r\n\tif (!values.ConfirmationCode) {\r\n\t\terrors.ConfirmationCode = props.translate('shared_required', 'Required');\r\n\t}\r\n\r\n\treturn errors;\r\n};\r\n\r\nconst ChangeProfileEmailModal = ({\r\n\tonClose,\r\n\ttranslate,\r\n\thandleSubmit,\r\n}) => {\r\n\tconst { classes } = useStyles();\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst changeEmailStep = useSelector(profile.selectors.changeEmailStep);\r\n\tconst sendCodeSubmitting = useSelector(profile.selectors.sendCodeSubmitting);\r\n\tconst sendCodeError = useSelector(profile.selectors.sendCodeError);\r\n\tconst checkCodeSubmitting = useSelector(profile.selectors.checkCodeSubmitting);\r\n\tconst checkCodeError = useSelector(profile.selectors.checkCodeError);\r\n\tconst changeSubmitting = useSelector(profile.selectors.changeSubmitting);\r\n\tconst changeError = useSelector(profile.selectors.changeError);\r\n\tconst userInfo = useSelector(userAccounts.selectors.userInfo);\r\n\r\n\tconst [email, setEmail] = useState('');\r\n\tconst [emailError, setEmailError] = useState('');\r\n\tconst [code, setCode] = useState('');\r\n\tconst [files, setFiles] = useState([]);\r\n\tconst [phoneUploadStep, setPhoneUploadStep] = useState(false);\r\n\tconst [submitViaUpload, setSubmitViaUpload] = useState(false);\r\n\r\n\tconst prevChangeSubmittingRef = useRef(false);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (prevChangeSubmittingRef.current && !changeSubmitting && changeError && !submitViaUpload) {\r\n\t\t\tdispatch(stopSubmit('ChangeProfileEmailForm', { ConfirmationCode: changeError || true }));\r\n\t\t\tdispatch(touch('ChangeProfileEmailForm', 'ConfirmationCode'));\r\n\t\t}\r\n\t\tprevChangeSubmittingRef.current = changeSubmitting;\r\n\t}, [changeSubmitting, changeError, submitViaUpload, dispatch]);\r\n\r\n\tconst handleClose = () => {\r\n\t\tdispatch(profile.actions.resetChangeEmailState());\r\n\t\tonClose();\r\n\t};\r\n\r\n\tconst onEmailChange = (emailValue) => {\r\n\t\tif (!emailValue) {\r\n\t\t\tsetEmailError(translate('shared_required', 'Required'))\r\n\t\t}\r\n\t\telse if (!constants.regExpEmail.test(emailValue)) {\r\n\t\t\tsetEmailError(translate('shared_invalid_email_format', 'Invalid e-mail format'))\r\n\t\t}\r\n\t\telse {\r\n\t\t\tsetEmailError('')\r\n\t\t}\r\n\t\tsetEmail(emailValue);\r\n\r\n\t\tif (sendCodeError) {\r\n\t\t\tdispatch(profile.actions.clearSendCodeError());\r\n\t\t}\r\n\t}\r\n\r\n\tconst handleSendCodeForNewEmail = () => {\r\n\t\tif (!email || sendCodeSubmitting) return;\r\n\t\tdispatch(profile.actions.sendCodeForNewEmail.request({ value: email }));\r\n\t};\r\n\r\n\tconst handleCheckCodeForNewEmail = () => {\r\n\t\tif (!code || checkCodeSubmitting) return;\r\n\t\tdispatch(profile.actions.checkCodeForNewEmail.request({ code }));\r\n\t};\r\n\r\n\tconst handleSubmitChangeEmail = (values) => {\r\n\t\tdispatch(profile.actions.changeEmailFormSubmit.request({\r\n\t\t\tValue: email,\r\n\t\t\tConfirmationCode: values?.ConfirmationCode,\r\n\t\t\tConfirmationType: values?.ConfirmationType,\r\n\t\t\tAttachments: files,\r\n\t\t}));\r\n\t};\r\n\r\n\tconst handleSubmitChangeEmailViaUpload = () => {\r\n\t\tsetSubmitViaUpload(true);\r\n\t\tdispatch(profile.actions.changeEmailFormSubmit.request({\r\n\t\t\tValue: email,\r\n\t\t\tAttachments: files,\r\n\t\t}));\r\n\t};\r\n\r\n\tconst handleStartUpload = () => {\r\n\t\tsetPhoneUploadStep(true);\r\n\t};\r\n\r\n\tconst handleFilesUpload = (uploadedFiles) => {\r\n\t\tsetFiles(uploadedFiles);\r\n\t};\r\n\r\n\tconst renderEmailStep = () => (\r\n\t\t\r\n\t\t\t onEmailChange(e.target.value)}\r\n\t\t\t\tlabel={translate('account_enter_email_address', 'Enter e-mail address')}\r\n\t\t\t\tfullWidth\r\n\t\t\t\tdata-qa=\"change_profile_email_new_email\"\r\n\t\t\t\terror={!!emailError || !!sendCodeError}\r\n\t\t\t\thelperText={emailError || sendCodeError || ''}\r\n\t\t\t/>\r\n\t\t\t\r\n\t\t\t\t{sendCodeSubmitting\r\n\t\t\t\t\t?
\r\n\t);\r\n\r\n\tconst renderCodeStep = () => (\r\n\t\t\r\n\t\t\t {\r\n\t\t\t\t\tsetCode(value);\r\n\t\t\t\t\tif (checkCodeError) {\r\n\t\t\t\t\t\tdispatch(profile.actions.clearCheckCodeError());\r\n\t\t\t\t\t}\r\n\t\t\t\t}}\r\n\t\t\t\tformat=\"####\"\r\n\t\t\t\tcustomInput={TextField}\r\n\t\t\t\tvariant=\"standard\"\r\n\t\t\t\tfullWidth\r\n\t\t\t\tInputProps={{ disableUnderline: true }}\r\n\t\t\t\terror={!!checkCodeError}\r\n\t\t\t\thelperText={checkCodeError || ''}\r\n\t\t\t/>\r\n\t\t\t\r\n\t\t\t\t{checkCodeSubmitting\r\n\t\t\t\t\t?
\r\n\t);\r\n\r\n\tconst renderVerifyStep = () => {\r\n\t\tif (phoneUploadStep) {\r\n\t\t\treturn renderUploadStep();\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\r\n\t\t\t\t\r\n\t\t\t\t\t{translate('common_upload', 'Upload')}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t);\r\n\t};\r\n\r\n\tconst renderUploadStep = () => (\r\n\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{changeSubmitting\r\n\t\t\t\t\t?
\r\n\t);\r\n\r\n\tconst renderSuccessMessage = () => {\r\n\t\tif (submitViaUpload) {\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t{step === 'succeeded' &&\r\n\t\t\t\t\t\t\t
} buttonText={\r\n
\r\n )\r\n}\r\n\r\n\r\nexport default DownloadLinks;","import { R } from '@dev2t/react-ui-kit/src/components';\r\nimport { TwoFactorQrCodeSteps } from '@enums';\r\nimport { CircularProgress, IconButton, Paper } from '@mui/material';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport { Done as DoneIcon, FileCopy as FileCopyIcon } from '@mui/icons-material';\r\nimport { twoFactor } from '@redux';\r\nimport appConfig from 'app_config';\r\nimport React, { useEffect, useMemo, useState } from 'react';\r\nimport { CopyToClipboard } from 'react-copy-to-clipboard';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport DownloadLinks from './DownloadLinks';\r\n\r\nconst useStyles = makeStyles()(theme => ({\r\n\tsecretKeyText: {\r\n\t\tcolor: theme.palette.primary.dark,\r\n\t\tfontWeight: 'bold',\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'space-between',\r\n\t\talignItems: 'center',\r\n\t\tpadding: \"10px 10px 10px 20px\",\r\n\t\tmarginBottom: \"10px\"\r\n\t},\r\n\tqrCodeImageError: {\r\n\t\tcolor: theme.palette.error.main,\r\n\t},\r\n\tinstructionContainer: {\r\n\t\tpadding: \"0px 20px\",\r\n\t\t\"& p\": {\r\n\t\t\tfontWeight: 'bold'\r\n\t\t},\r\n\t\t\"& ul\": {\r\n\t\t\tpaddingLeft: '20px'\r\n\t\t}\r\n\t},\r\n\tsecretKeyTitle: {\r\n\t\tmarginTop: '10px',\r\n\t\tmarginBottom: '10px'\r\n\t},\r\n\timageContainer: {\r\n\t\tmarginTop: \"20px\",\r\n\t\talignSelf: 'center'\r\n\t},\r\n\tprogress: {\r\n\t\tcolor: theme.palette.primary.main,\r\n\t}\r\n}));\r\n\r\nconst splitStringToChunks = (str) => str\r\n\t? str.match(/(.{1,4})/g).join(' ')\r\n\t: str;\r\n\r\nconst SecretAndQrCode = () => {\r\n\tconst { classes } = useStyles();\r\n\r\n\tconst [copied, setCopied] = useState(false);\r\n\r\n\tconst qrCodeLink = useSelector(twoFactor.selectors.qrCode.qrCodeLink);\r\n\tconst secretCode = useSelector(twoFactor.selectors.qrCode.secretCode);\r\n\tconst step = useSelector(twoFactor.selectors.qrCode.step);\r\n\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst splittedCode = useMemo(() => splitStringToChunks(secretCode), [secretCode]);\r\n\r\n\tuseEffect(() => {\r\n\t\tdispatch(twoFactor.actions.getSecretAndQrCode.request())\r\n\t}, []);\r\n\r\n\tif (step === TwoFactorQrCodeSteps.INITIAL || step == TwoFactorQrCodeSteps.LOADING_DATA) {\r\n\t\treturn \r\n \r\n \r\n \r\n 
\r\n \r\n \r\n \r\n \r\n 
\r\n \r\n \r\n {item.id === microsoftId && item.websiteLink &&\r\n \r\n \r\n 
\r\n {\"Download from the website\"}\r\n \r\n }\r\n \r\n {item.id === freeotpId && item.websiteLink &&\r\n \r\n toggle(item.id)}>\r\n \r\n \r\n }`})
\r\n \r\n \r\n }`})
\r\n \r\n {item.id === microsoftId && item.websiteLink &&\r\n \r\n }`})
\r\n }\r\n }\r\n
\r\n )\r\n })}\r\n \r\n
\r\n \r\n
\r\n }\r\n Google Play
\r\nApp Store
\r\nWebsite
\r\n\r\n\t\t\t
;\r\n\t}\r\n\r\n\tconst image = step === TwoFactorQrCodeSteps.LOADING_IMAGE_FAILURE\r\n\t\t? (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t\t: (\r\n\t\t\t\r\n\t\t\t\t dispatch(twoFactor.actions.loadImage.success())}\r\n\t\t\t\t\tonError={() => dispatch(twoFactor.actions.loadImage.failure())}\r\n\t\t\t\t/>\r\n\t\t\t\t{step === TwoFactorQrCodeSteps.LOADING_IMAGE && ({ color: theme.palette.primary.main })} size={30} />}\r\n\t\t\t
\r\n\t\t);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t
{splittedCode}
\r\n\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t{actionFinishedSuccessfully &&
\r\n\t\t\r\n\t);\r\n}\r\n\t\r\n\r\nexport default ChangeTwoFactorAuthorizationModal;","import React from 'react';\r\nimport { compose } from '@utils';\r\nimport { withRouter } from 'react-router';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { ModalPopups } from '@enums';\r\nimport { userAccounts } from '@redux';\r\nimport { CYChangePasswordModal } from './components/ProfileModals/components';\r\nimport { constants, env } from '@config';\r\n\r\nconst mapStateToProps = state => ({\r\n\tuserInfo: userAccounts.selectors.userInfo(state),\r\n\tisDemoUser: userAccounts.selectors.isDemoUser(state),\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n\tactions: {\r\n\t\trefreshUserInfo: () => dispatch(userAccounts.actions.getUserInfo.request()),\r\n\t},\r\n});\r\n\r\nclass BlockModals extends React.Component {\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tactions,\r\n\t\t\tlocation,\r\n\t\t\tisDemoUser,\r\n\t\t\tuserInfo: { \r\n\t\t\t\tNeedChangePass,\r\n\t\t\t\tIsPotentialClientWaitingForApproval,\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{NeedChangePass && !(!IsPotentialClientWaitingForApproval && !isDemoUser && [constants.FIRM_J2T].includes(env.firm)) && \r\n\t\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nBlockModals.propTypes = {\r\n\tactions: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithRouter,\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(BlockModals);\r\n","import React from 'react';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport { CircularProgress } from '@mui/material';\r\nimport { compose } from '@utils';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n\tButton,\r\n} from '@components';\r\nimport { Modal } from '@dev2t/react-ui-kit/src/components';\r\nimport { ModalPopups } from '@enums';\r\nimport { app } from '@redux';\r\n\r\nconst styles = theme => ({\r\n\ttitle: {\r\n\t\t...theme.customstyles.subheading,\r\n\t\tcolor: theme.palette.text.primary,\r\n\t\twordWrap: 'break-word',\r\n\t},\r\n\tcontent: {\r\n\t\ttextAlign: 'center',\r\n\t},\r\n\tbody: {\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.primary,\r\n\t\tmarginTop: '16px',\r\n\t\twordWrap: 'break-word',\r\n\t},\r\n\tbutton: {\r\n\t\tpaddingTop: '12px',\r\n\t},\r\n});\r\n\r\nconst mapStateToProps = state => ({\r\n\tconfirmModalData: app.selectors.confirmModalData(state),\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n\tactions: {\r\n\t\thide: () => dispatch(app.actions.hideConfirmModal()),\r\n\t},\r\n});\r\n\r\nclass ConfirmModal extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = { submitting: false };\r\n\t}\r\n\r\n\tsubmit = () => {\r\n\t\tthis.setState({ submitting: true });\r\n\t\tif (this.props.confirmModalData && this.props.confirmModalData.action) {\r\n\t\t\tthis.props.confirmModalData.action(this.props.actions.hide);\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\tonClose,\r\n\t\t\tconfirmModalData: {\r\n\t\t\t\ttitle,\r\n\t\t\t\ttext,\r\n\t\t\t\tbuttonTitle,\r\n\t\t\t},\r\n\t\t\tresolution\r\n\t\t} = this.props;\r\n\r\n\t\tconst btnTitle = buttonTitle || 'Confirm';\r\n\r\n\t\tconst isXsResolution = resolution === app.CONFIG.RESOLUTIONS_ENUM.xs;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t{text || `Click on \"${btnTitle}\" to confirm the request.`}\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nConfirmModal.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\tonClose: PropTypes.func.isRequired,\r\n\tactions: PropTypes.object.isRequired,\r\n\tconfirmModalData: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(withStyles(ConfirmModal, styles));\r\n","import React from 'react';\r\nimport { compose } from '@utils';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n\treduxForm,\r\n\tField,\r\n} from 'redux-form';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport { CircularProgress } from '@mui/material';\r\nimport { Button } from '@components';\r\nimport { R, FormTextField, withTranslate } from '@dev2t/react-ui-kit/src/components';\r\nimport { userAccounts } from '@redux';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tposition: 'relative',\r\n\t},\r\n\trow: {\r\n\t\tdisplay: 'flex',\r\n\t},\r\n\tinputItem: {\r\n\t\tmarginTop: '30px',\r\n\t\tpaddingLeft: '50px',\r\n\t},\r\n\titem: {\r\n\t\tmarginTop: '30px',\r\n\t\tpaddingLeft: '74px',\r\n\t},\r\n\tdivider: {\r\n\t\tmarginTop: '30px',\r\n\t},\r\n\tlogo: {\r\n\t\tpadding: '16px 16px 4px 16px',\r\n\t\tposition: 'relative',\r\n\t\twidth: '80px',\r\n\t\theight: '44px',\r\n\t},\r\n\tinputContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\twidth: '100%',\r\n\t\t...theme.customstyles.title,\r\n\t},\r\n\taccount: {\r\n\t\twidth: '100%',\r\n\t\ttextAlign: 'left',\r\n\t},\r\n\tbutton: {\r\n\t\t...theme.mixins.stickyButton,\r\n\t},\r\n\tbtContainer: {\r\n\t\tmarginTop: '48px',\r\n\t},\r\n});\r\n\r\nconst ORDER_CANCEL_FORM_ID = 'OrderCancelForm';\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst orderCancelModalData = userAccounts.selectors.orderCancelModalData(state);\r\n\r\n\treturn {\r\n\t\tinitialValues: {\r\n\t\t\tnnOrder: orderCancelModalData.nnOrder,\r\n\t\t\treason: null\r\n\t\t},\r\n\t};\r\n};\r\n\r\n\r\nclass OrderCancelForm extends React.Component {\r\n\r\n\tstatic validate(formvalues, props) {\r\n\r\n\t\tconst values = formvalues;\r\n\t\tconst errors = {};\r\n\r\n\t\tif (!values) {\r\n\t\t\treturn errors;\r\n\t\t}\r\n\t\tif (values.reason?.length > 255)\r\n\t\t\terrors.reason = 'Max 255'\r\n\r\n\t\treturn errors;\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\thandleSubmit,\r\n\t\t\tsubmitSucceeded,\r\n\t\t\ttranslate,\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\t\r\n\t\t\t\t\t\t\t{this.state.submitting ?\r\n\t\t\t\t\t\t\t\t ({ color: theme.palette.common.white })}\r\n\t\t\t\t\t\t\t\t\tsize={18}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t: btnTitle\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\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\t\t\t{props.submitting ?\r\n\t\t\t\t\t\t\t ({ color: theme.palette.common.white })}\r\n\t\t\t\t\t\t\t\tsize={18}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t:
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nOrderCancelForm.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\thandleSubmit: PropTypes.func.isRequired,\r\n\tonSuccess: PropTypes.func.isRequired,\r\n\tonFail: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithTranslate,\r\n\tconnect(mapStateToProps, null),\r\n\treduxForm({\r\n\t\tform: ORDER_CANCEL_FORM_ID,\r\n\t\tvalidate: OrderCancelForm.validate,\r\n\t\tonSubmitSuccess: (result, dispatch, props) => {\r\n\t\t\tif (props.onSuccess && (typeof props.onSuccess === 'function')) {\r\n\t\t\t\tprops.onSuccess();\r\n\t\t\t}\r\n\t\t},\r\n\t\tonSubmitFail: (errors, dispatch, submitError, props) => {\r\n\t\t\t// eslint-disable-next-line no-underscore-dangle\r\n\t\t\tif (errors._error && props.onFail) {\r\n\t\t\t\tprops.onFail();\r\n\t\t\t}\r\n\t\t},\r\n\t}),\r\n)(withStyles(OrderCancelForm, styles));\r\n","import React, { useState } from 'react';\r\nimport { R, Modal, SuccessMessage, ErrorMessage } from '@dev2t/react-ui-kit/src/components';\r\nimport { userAccounts } from '@redux';\r\nimport OrderCancelForm from './OrderCancelForm';\r\n\r\n\r\nexport const OrderCancelModal = ({ onClose }) => {\r\n\tconst [step, setStep] = useState('openform');\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t{step === 'succeeded' &&\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t setStep('succeeded')}\r\n\t\t\t\t\t\t\tonFail={() => setStep('failed')}\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\r\n\t);\r\n}","import React, { useState } from 'react';\r\nimport { Field, reduxForm } from 'redux-form';\r\nimport {\r\n\tTypography,\r\n\tBox,\r\n\tSwitch,\r\n\tTextField,\r\n} from '@mui/material';\r\nimport {\r\n\tR,\r\n\tFormCheckbox,\r\n\tFormSwitch,\r\n\tuseTranslate,\r\n\ttranslate,\r\n} from '@dev2t/react-ui-kit/src';\r\nimport { FormDatePicker } from '@components';\r\nimport { useAccount } from '@hooks';\r\nimport { AccountType } from '@enums';\r\nimport {\r\n\tConfirmationCodeSendReason,\r\n\tFormSubmitWithConfirmationCode\r\n} from '@shared';\r\nimport moment from 'moment';\r\nimport { parseLocalDateOnly } from '@global';\r\n\r\nconst maxDate = new Date(new Date().setFullYear(new Date().getFullYear() + 5));\r\n\r\n// компонентов в таком стиле в кабинете больше нет,\r\n// стиль скопирован из FormTextField в модуле выводов,\r\n// т.к. поле в стандартном стиле кабинета на этой форме\r\n// клиенты не замечают\r\nconst FormTextField = ({\r\n\tinput: inputProps,\r\n\tmeta: { invalid, touched, error },\r\n\t...rest\r\n}) => {\r\n\tconst showError = invalid && touched;\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{secretKey && (\r\n\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\t\t\r\n\t\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)}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t}\r\n\t\t\t\t\tbuttonText={\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\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nCYReportsFilter.propTypes = {\r\n\ttradeCode: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default CYReportsFilter;\r\n","import React from 'react';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport { Box, CircularProgress } from '@mui/material';\r\nimport { env } from '@config';\r\nimport { toUsaDateFormat } from '@global';\r\nimport {\r\n\tFileDownload,\r\n\tSvgIcon \r\n} from '@components';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\n\r\nconst useStyles = makeStyles()(theme => ({\r\n\r\n\treportLink: {\r\n\t\tdisplay: 'flex',\r\n\t\tcursor: 'pointer',\r\n\t},\r\n\tcontainer: {\r\n\t\toverflowX: 'auto',\r\n\t},\r\n\tprogress: {\r\n\r\n\t},\r\n\ttable: {\r\n\t\twidth: '100%',\r\n\t\tverticalAlign: 'top',\r\n\t\tborderCollapse: 'collapse',\r\n\t\t'& th': {\r\n\t\t\t...theme.customstyles.body,\r\n\t\t\tcolor: theme.palette.text.secondary,\r\n\t\t\tpadding: '10px',\r\n\t\t},\r\n\t\t'& td': {\r\n\t\t\tpadding: '10px',\r\n\t\t},\r\n\t\t'& tbody': {\r\n\t\t\tverticalAlign: 'top',\r\n\t\t},\r\n\t},\r\n\ttableRow: {\r\n\t\tborderBottom: '1px solid #deeaef',\r\n\t\tverticalAlign: 'middle',\r\n\t\t'& td': {\r\n\t\t},\r\n\t},\r\n\tprimaryItem: {\r\n\t\t...theme.customstyles.title,\r\n\t\tcolor: theme.palette.text.primary,\r\n\t},\r\n\tsecondaryItem: {\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n\tloader: {\r\n\t\tcolor: theme.palette.primary.main,\r\n\t},\r\n}));\r\n\r\nexport const CYReportsTable = ({ items, submitting, showError }) => {\r\n\tconst { classes } = useStyles();\r\n\r\n\tconst getStatus = (reportStatus) => {\r\n\t\tswitch (reportStatus) {\r\n\t\t\tcase 0: return (\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t setEndDate(date)}\r\n\t\t\t\t\tonStartDateChange={date => setStartDate(date)}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t dispatch(reports.actions.generateBrokerReport.request({ \r\n\t\t\t\t\t\tstartDate: moment(startDate).utc().format(),\r\n\t\t\t\t\t\tendDate: moment(endDate).utc().format(),\r\n\t\t\t\t\t\tisLiteVersion: isLite,\r\n\t\t\t\t\t\ttradeCode,\r\n\t\t\t\t\t}))}\r\n\t\t\t\t\tstyle={{ display: 'flex', alignItems: 'center', marginLeft: '16px' }}\r\n\t\t\t\t>\r\n\t\t\t\t\t
\r\n\t\t| \r\n\t\t\t\t\t\t\t{toUsaDateFormat(item.DateCteate)}\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\t\t \r\n\t\t\t\t\t\t{toUsaDateFormat(item.DateBegin)} \r\n\t\t\t\t\t\t\t\t{toUsaDateFormat(item.DateEnd)} \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{getStatus(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\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t{item.Status === 1 && (\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
\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{step === 'succeeded' &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t setStep('succeeded')}\r\n\t\t\t\t\t\tonSubmitFail={() => setStep('failed')}\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 CYChangeMtPasswordModal;\r\n","import React from 'react';\r\nimport { compose } from '@utils';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router';\r\nimport { ModalPopups } from '@enums';\r\nimport { userAccounts } from '@redux';\r\nimport {\r\n\tReportsModal,\r\n\tCYChangeMtPasswordModal,\r\n} from './components';\r\n\r\nconst mapStateToProps = state => ({\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n\tactions: {\r\n\t\thideUserAccountsModal: modalId => dispatch(userAccounts.actions.hideUserAccountsModal(modalId)),\r\n\t},\r\n});\r\n\r\nclass UserAccountsModal extends React.Component {\r\n\tgetUserAccountsModal = item => {\r\n\t\t// !!! Modals must be in current order !!!\r\n\r\n\t\tswitch (item) {\r\n\t\t\t\r\n\t\t\tcase ModalPopups.REPORTS:\r\n\t\t\t\treturn (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{accounts.map(a => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\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\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{a.DisplayFullName || a.TradeCode}
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t this.onFilesUpload('Attachments', files)}\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\t this.onFilesUpload('PassportFiles', files)}\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\t this.onFilesUpload('CertificateFiles', files)}\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\t\t\t
\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\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
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{AvailableLeverages.map((leverageVal, index) => (\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\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{props.submitting ?\r\n\t\t\t\t\t\t\t ({ color: theme.palette.common.white })}\r\n\t\t\t\t\t\t\t\tsize={18}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t:
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nCYNonTradingOrderLeverageForm.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\thandleSubmit: PropTypes.func.isRequired,\r\n\tcurrentAccountDisplayFullName: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithTranslate,\r\n\tconnect(mapStateToProps, null),\r\n\treduxForm({\r\n\t\tform: CY_NON_TRADING_ORDER_LEVERAGE_FORM_ID,\r\n\t\tvalidate: CYNonTradingOrderLeverageForm.validate,\r\n\t\tonSubmitSuccess: (result, dispatch, props) => {\r\n\t\t\tif (props.onSuccess && (typeof props.onSuccess === 'function')) {\r\n\t\t\t\tprops.onSuccess();\r\n\t\t\t}\r\n\t\t},\r\n\t}),\r\n)(withStyles(CYNonTradingOrderLeverageForm, styles));\r\n","import React, { useState } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { ProgressContainer } from '@components';\r\nimport { R, Modal, SuccessMessage, ErrorMessage } from '@dev2t/react-ui-kit/src/components';\r\nimport { nontradingOrders, app } from '@redux';\r\nimport { usePaymentGateWidgetHook } from '@hooks';\r\nimport CYNonTradingOrderLeverageForm from './CYNonTradingOrderLeverageForm';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport { Box } from '@mui/material';\r\n\r\nconst useStyles = makeStyles()((theme) => ({\r\n\t\tfailedErrorParentContainer: {\r\n\t\t\t'& a': { \r\n\t\t\t\tcolor: theme.palette.primary.main, \r\n\t\t\t\ttextDecoration: 'none', \r\n\t\t\t'&:hover': {\r\n\t\t\t\ttextDecoration: 'underline', \r\n\t\t\t\tcursor: 'pointer',\r\n\t\t\t},\r\n\t\t},\r\n\t},\r\n}));\r\n\r\nconst mapErrorCodeToDicword = (element, defaultValue = \"shared_order_failed\") => {\r\n\tif (element.UnprocessedOrder) {\r\n\t\treturn {\r\n\t\t\tdicword: \"is_allowed_to_change_leverage_unprocessed_order\",\r\n\t\t};\r\n\t} else if (element.BalanceLessThanTenUsd) {\r\n\t\treturn {\r\n\t\t\tdicword: \"is_allowed_to_change_leverage_low_balance\",\r\n\t\t\tusePaymentgate: true,\r\n\t\t};\r\n\t}\r\n\treturn {\r\n\t\tdicword: defaultValue\r\n\t};\r\n };\r\n\r\nconst FailedResult = ({ errors, onClose }) => {\r\n\tconst tradeCode = useSelector(app.selectors.modalData)?.TradeCode\r\n\tconst res = mapErrorCodeToDicword(errors);\r\n\tconst { classes } = useStyles();\r\n\r\n\tif(res.usePaymentgate) {\r\n\t\tconst [initPaymentGateWidgetId] = usePaymentGateWidgetHook({ tradeCode });\r\n\t\treturn \r\n\t\t\t\t\t this.onFilesUpload('RegistrationFiles', files)}\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
\r\n);\r\n\r\nCYOpenAccountInProgressMessage.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default withStyles(CYOpenAccountInProgressMessage, styles);\r\n","import React from 'react';\r\nimport { compose } from '@utils';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport classNames from 'classnames';\r\nimport { reduxForm, formValueSelector } from 'redux-form';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport { Grid } from '@mui/material';\r\nimport { env, constants } from '@config';\r\nimport { translate } from '@global';\r\nimport { userAccounts, app } from '@redux';\r\nimport { withFeatureIsEnabledForUser } from '@hooks';\r\nimport { Mt4Img, Mt5Img, PredictionMarketImg } from '@content/mtLogos';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\nimport { getOpenAccountOutConfiguration } from '../openAccountOutConfiguration';\r\nimport CYOpenAccountInProgressMessage from './CYOpenAccountInProgressMessage';\r\nimport { Platform, PREDICTION } from '@utils/platforms';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tposition: 'relative',\r\n\t},\r\n\tplatformCard: {\r\n\t\theight: '100%',\r\n\t\ttextAlign: 'center',\r\n\t\tpadding: '20px',\r\n\t\tborder: '2px solid #deeaef',\r\n\t\tborderRadius: '8px',\r\n\t\t'&:hover': {\r\n\t\t\tboxShadow: '0 5px 10px 0 rgba(61, 65, 71, 0.16)',\r\n\t\t\tborderWidth: '2px',\r\n\t\t\ttransform: 'translate(0, 1.5px) scale(1.01)',\r\n\t\t},\r\n\t},\r\n\tplatformCardSelected: {\r\n\t\tborderColor: theme.palette.text.secondary,\r\n\t},\r\n\tmethodImg: {\r\n\t\tmaxWidth: '120px',\r\n\t\theight: '80px',\r\n\t\t[theme.breakpoints.up('sm')]: {\r\n\t\t\theight: '120px',\r\n\t\t},\r\n\t},\r\n\tmethodImgBW: {\r\n\t\tfilter: 'grayscale(100%)',\r\n\t\tmaxWidth: '120px',\r\n\t\theight: '80px',\r\n\t\t[theme.breakpoints.up('sm')]: {\r\n\t\t\theight: '120px',\r\n\t\t},\r\n\t},\r\n});\r\nconst getMarket = (platform) => {\r\n\tswitch (platform){\r\n\t\tcase Platform.MT4 : return \"Forex\";\r\n\t\tcase Platform.MT5 :\r\n\t\tcase PREDICTION : return \"MMA2\";\r\n\t};\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n\tactions: {\r\n\t\tcheckAvailableAllowBonus: SelectedPlatform => {\r\n\t\t\tif (SelectedPlatform === PREDICTION) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tconst Market = getMarket(SelectedPlatform)\r\n\t\t\tdispatch(userAccounts.actions.checkAvailableAllowBonus.request({ Market }));\r\n\t\t},\r\n\t},\r\n});\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst language = app.selectors.language(state);\r\n\r\n\tconst userInfo = userAccounts.selectors.userInfo(state);\r\n\tconst userGuid = userInfo.submitting ? null : (userInfo.Guid && userInfo.Guid.toLowerCase());\r\n\tconst OpenAccountOut = formValueSelector(ownProps.form)(state, 'OpenAccountOut');\r\n\tconst predictionAccountExists = userAccounts.selectors.accounts(state)\r\n\t\t.some(acc => acc.IsPrediction && !acc.IsDemo);\r\n\treturn {\r\n\t\tOpenAccountOut,\r\n\t\tlanguage,\r\n\t\tuserGuid,\r\n\t\tpredictionAccountExists,\r\n\t};\r\n};\r\n\r\nconst getPlatformsViews = (userGuid, predictionEnabled, predictionAccountExists) => [\r\n\t{\r\n\t\tSelectedPlatform: Platform.MT4,\r\n\t\tTitle: translate('common_open_account_mt4_title', 'MetaTrader 4'),\r\n\t\tImg: Mt4Img,\r\n\t\tEnable: true,\r\n\t},\r\n\t{\r\n\t\tSelectedPlatform: Platform.MT5,\r\n\t\tTitle: translate('common_open_account_mt5_title', 'MetaTrader 5'),\r\n\t\tImg: Mt5Img,\r\n\t\tEnable: userGuid &&\r\n\t\t\t(env.WEBCAB_8772_enableMt5Open || [userGuid]).some(x => x.toLowerCase() === userGuid.toLowerCase()\r\n\t\t\t\t|| env.WEBCAB_8772_enableMt5Open?.includes('*'))\r\n\t},\r\n\t...(predictionEnabled && !predictionAccountExists ? [{\r\n\t\tSelectedPlatform: PREDICTION,\r\n\t\tTitle: translate('common_open_account_prediction_title', 'Prediction Markets'),\r\n\t\tImg: PredictionMarketImg,\r\n\t\tEnable: true,\r\n\t}] : []),\r\n];\r\n\r\nclass CYOpenAccountChoosePlatform extends React.Component {\r\n\tstatic validate(formvalues, props) {\r\n\t\tconst values = formvalues;\r\n\t\tconst errors = {};\r\n\r\n\t\tif (!values) {\r\n\t\t\treturn errors;\r\n\t\t}\r\n\r\n\t\tif (values.OpenAccountOut) {\r\n\t\t\terrors.OpenAccountOut = {};\r\n\r\n\t\t\tif (!values.OpenAccountOut.SelectedPlatform) {\r\n\t\t\t\terrors.OpenAccountOut.SelectedPlatform = translate('shared_required', 'Required');\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn errors;\r\n\t}\r\n\r\n\tselectMethod = (platform) => {\r\n\t\tconst { change } = this.props;\r\n\t\tconst selectedOpenAccountOut = getOpenAccountOutConfiguration(platform);\r\n\t\tchange('OpenAccountOut', selectedOpenAccountOut);\r\n\t};\r\n\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tconst prevPlatform = prevProps.OpenAccountOut?.SelectedPlatform;\r\n\t\tconst nextPlatform = this.props.OpenAccountOut?.SelectedPlatform;\r\n\t\tif (!nextPlatform || nextPlatform === prevPlatform) return;\r\n\r\n\t\tthis.props.actions.checkAvailableAllowBonus(nextPlatform);\r\n\r\n\t\t// мы не можем сразу запустить handleSubmit() в selectMethod\r\n\t\t// т.к. change из react-redux выполняет обновление значения формы асинхронно\r\n\t\tthis.props.handleSubmit();\r\n\t}\r\n\r\n\tcomponentDidMount(){\r\n\t\tif (!this.props.OpenAccountOut) return;\r\n\r\n\t\tconst { OpenAccountOut, change } = this.props;\r\n\t\tchange('OpenAccountOut', {\r\n\t\t\t...OpenAccountOut,\r\n\t\t\tSelectedPlatform: null\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\thandleSubmit,\r\n\t\t\tOpenAccountOut,\r\n\t\t\tuserGuid,\r\n\t\t\tfeatureIsEnabledForUser,\r\n\t\t\tpredictionAccountExists,\r\n\t\t\tsubmitting,\r\n\t\t} = this.props;\r\n\t\tconst predictionEnabled = featureIsEnabledForUser && env.firm === constants.LIME_LME;\r\n\t\tconst platforms = getPlatformsViews(userGuid, predictionEnabled, predictionAccountExists);\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t
\r\n\t\t\r\n\t\t\t
\r\n\t\t\r\n\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\t{p.Enable ? p.Title :
\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\t\t\t{p.Enable ? p.Title :
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{props.submitting ?\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t:
*/}\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nCYOpenAccountChoosePlatform.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\thandleSubmit: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithFeatureIsEnabledForUser('WEBCAB_11797_enablePredictionOpen'),\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n\treduxForm({\r\n\t\tvalidate: CYOpenAccountChoosePlatform.validate,\r\n\t}),\r\n)(withStyles(CYOpenAccountChoosePlatform, styles));\r\n","import React from 'react';\r\nimport { useSelector } from \"react-redux\";\r\nimport { userAccounts } from '@redux';\r\nimport { env } from '@config';\r\n\r\n/**\r\n * Хук, позволяющий настраивать доступность фичей для пользователей.\r\n * Подразумевается использовать внутри хука конкретной фичи.\r\n * Не удалять, даже если нет ссылок, потому что может понадобится в будущем.\r\n * @param envFeatureName - название параметра в env (configuration.js)\r\n */\r\nexport const useFeatureIsEnabledForUser = (envFeatureName) => {\r\n const userGuid = useSelector(userAccounts.selectors.userInfo)?.Guid?.toLowerCase();\r\n const setting = env[envFeatureName];\r\n\r\n if (!setting || !userGuid) return false;\r\n\r\n const isAllowed = setting.allowed?.includes('*') || setting.allowed?.some(x => x.toLowerCase() == userGuid);\r\n const isForbidden = setting.forbidden?.includes('*') || setting.forbidden?.some(x => x.toLowerCase() == userGuid);\r\n\r\n return isAllowed && !isForbidden;\r\n}\r\n\r\n/**\r\n * Позволяет переиспользовать хук useFeatureIsEnabledForUser в классовых компонентах\r\n * @param envFeatureName - название параметра в env (configuration.js)\r\n */\r\nexport const withFeatureIsEnabledForUser = (envFeatureName) => (Component) => {\r\n return (props) => {\r\n const featureIsEnabledForUser = useFeatureIsEnabledForUser(envFeatureName);\r\n return \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{methods.map(m => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t this.selectMethod(m)}\r\n\t\t\t\t\t\t\t\t\tdata-qa={`open_account_type_option_${String(m.SelectedType).toLowerCase()}`}\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\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{ m.Data.map((item, index) => (\r\n\t\t\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\t| { | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.value ?? | \r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{props.submitting ?\r\n\t\t\t\t\t\t\t ({ color: theme.palette.common.white })}\r\n\t\t\t\t\t\t\t\tsize={18}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t:
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nCYOpenAccountChooseType.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\thandleSubmit: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\tconnect(mapStateToProps, null),\r\n\treduxForm({\r\n\t\tvalidate: CYOpenAccountChooseType.validate,\r\n\t}),\r\n)(withStyles(CYOpenAccountChooseType, styles));\r\n","import React from 'react';\r\nimport { compose } from '@utils';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport classNames from 'classnames';\r\nimport {\r\n\treduxForm,\r\n\tField,\r\n\tformValueSelector,\r\n} from 'redux-form';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport { CircularProgress, Grid, Tooltip } from '@mui/material';\r\nimport { Button, Radio, FormRadioGroup } from '@components';\r\nimport { R, A, withTranslate } from '@dev2t/react-ui-kit/src/components';\r\nimport { userAccounts, app } from '@redux';\r\nimport { Platform } from '../../../../../../../../../utils/platforms';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tposition: 'relative',\r\n\t},\r\n\trow: {\r\n\t\tdisplay: 'flex',\r\n\t},\r\n\tinputItem: {\r\n\t\tpaddingLeft: '50px',\r\n\t},\r\n\tlogo: {\r\n\t\tpadding: '16px 16px 4px 16px',\r\n\t\tposition: 'relative',\r\n\t\twidth: '80px',\r\n\t\theight: '44px',\r\n\t},\r\n\tinputContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\twidth: '100%',\r\n\t\t...theme.customstyles.title,\r\n\t},\r\n\taccount: {\r\n\t\twidth: '100%',\r\n\t\ttextAlign: 'left',\r\n\t},\r\n\tbutton: {\r\n\t\t...theme.mixins.stickyButton,\r\n\t},\r\n\tmethodsContainer: {\r\n\t\tmarginBottom: '24px',\r\n\t},\r\n\tgridItem: {\r\n\t\tminWidth: 'fit-content',\r\n\t},\r\n\tmethodItem: {\r\n\t\theight: '100%',\r\n\t\ttextAlign: 'center',\r\n\t\tpadding: '20px',\r\n\t\tborder: '2px solid #deeaef',\r\n\t\tborderRadius: '8px',\r\n\t\t'&:hover': {\r\n\t\t\tboxShadow: '0 5px 10px 0 rgba(61, 65, 71, 0.16)',\r\n\t\t\tborderWidth: '2px',\r\n\t\t\ttransform: 'translate(0, 1.5px) scale(1.01)',\r\n\t\t},\r\n\t},\r\n\tmethodItemSelected: {\r\n\t\tborderColor: theme.palette.text.secondary,\r\n\t\tfontSize: '1rem',\r\n\t},\r\n\tmethodImg: {\r\n\t\tmaxWidth: '120px',\r\n\t\theight: '80px',\r\n\t\t[theme.breakpoints.up('sm')]: {\r\n\t\t\theight: '120px',\r\n\t\t},\r\n\t},\r\n\tbuttonCenter: {\r\n\t\tpadding: '20px 0 0 0',\r\n\t\tmargin: '0 auto',\r\n\t\twidth: '30%',\r\n\t\tdisplay: 'block',\r\n\t},\r\n\topenAccountBonusComment: {\r\n\t\tmarginTop: '10px',\r\n\t\tfontSize: '18px',\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n\topenAccountBonusTitle: {\r\n\t\tfontSize: '18px',\r\n\t},\r\n\tlightToolTip: {\r\n\t\tbackgroundColor: theme.palette.common.white,\r\n\t\tcolor: 'rgba(0, 0, 0, 0.87)',\r\n\t\tboxShadow: theme.shadows[1],\r\n\t\tfontSize: 11,\r\n\t},\r\n\r\n});\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst isFloatingBonus = userAccounts.selectors.isFloatingBonus(state);\r\n\tconst language = app.selectors.language(state);\r\n\tconst isAvailableAllowBonus = userAccounts.selectors.isAvailableAllowBonus(state);\r\n\tconst isAvailableAllowBonusLoading = userAccounts.selectors.isAvailableAllowBonusLoading(state);\r\n\r\n\tconst OpenAccountOut = formValueSelector(ownProps.form)(state, 'OpenAccountOut');\r\n\treturn {\r\n\t\tOpenAccountOut,\r\n\t\tisFloatingBonus,\r\n\t\tlanguage,\r\n\t\tisAvailableAllowBonus,\r\n\t\tisAvailableAllowBonusLoading,\r\n\t};\r\n};\r\nconst getMethods = () => [\r\n\t{\r\n\t\tSelectedLevarage: 100,\r\n\t\tTitle: '1:100',\r\n\t},\r\n\t{\r\n\t\tSelectedLevarage: 200,\r\n\t\tTitle: '1:200',\r\n\t},\r\n\t{\r\n\t\tSelectedLevarage: 500,\r\n\t\tTitle: '1:500',\r\n\t},\r\n\t{\r\n\t\tSelectedLevarage: 1000,\r\n\t\tTitle: '1:1000',\r\n\t},\r\n\t{\r\n\t\tSelectedLevarage: 2000,\r\n\t\tTitle: '1:2000',\r\n\t},\r\n];\r\n\r\nclass CYOpenAccountChooseLeverage extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\topenToolTip: false,\r\n\t\t};\r\n\t}\t\r\n\tstatic validate(formvalues, props) {\r\n\t\tconst values = formvalues;\r\n\t\tconst errors = {};\r\n\r\n\t\tif (!values) {\r\n\t\t\treturn errors;\r\n\t\t}\r\n\r\n\t\tif (values.OpenAccountOut) {\r\n\t\t\terrors.OpenAccountOut = {};\r\n\r\n\t\t\tif (!values.OpenAccountOut.SelectedLevarage) {\r\n\t\t\t\terrors.OpenAccountOut.SelectedLevarage = 'required';\r\n\t\t\t}\r\n\t\t\tif (!values.OpenAccountOut.BonusAccount)\r\n\t\t\t\terrors.OpenAccountOut.BonusAccount = 'required';\r\n\t\t}\r\n\r\n\r\n\t\t\r\n\t\treturn errors;\r\n\t}\r\n\tselectMethod = (m) => {\r\n\t\tconst { OpenAccountOut, change } = this.props;\r\n\t\tif (OpenAccountOut.BonusAccount !== 'YES')\r\n\t\t\tchange('OpenAccountOut', {\r\n\t\t\t\t...OpenAccountOut,\r\n\t\t\t\tSelectedLevarage: m.SelectedLevarage,\r\n\t\t\t});\r\n\t};\r\n\r\n\tselectBonus = (value) => {\r\n\t\tconst { OpenAccountOut, change } = this.props;\r\n\t\tif (value === 'YES')\r\n\t\t\tchange('OpenAccountOut', {\r\n\t\t\t\t...OpenAccountOut,\r\n\t\t\t\tSelectedLevarage: 500,\r\n\t\t\t});\t\t\t\t\r\n\t};\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\thandleSubmit,\r\n\t\t\tsubmitSucceeded,\r\n\t\t\tvalues,\r\n\t\t\tOpenAccountOut,\r\n\t\t\tisFloatingBonus,\r\n\t\t\tBonusAccount,\r\n\t\t\ttranslate,\r\n\t\t\tisAvailableAllowBonus,\r\n\t\t\tisAvailableAllowBonusLoading,\r\n\t\t\t...props\r\n\t\t} = this.props;\r\n\r\n\t\tconst handleOpenToolTip = () => {\r\n\t\t\tif (isAvailableAllowBonusLoading || !isAvailableAllowBonus)\r\n\t\t\t\tthis.setState({ openToolTip: true });\r\n\t\t};\r\n\t\tconst handleCloseToolTip = () => {\r\n\t\t\tif (isAvailableAllowBonusLoading || !isAvailableAllowBonus)\r\n\t\t\t\tthis.setState({ openToolTip: false });\r\n\t\t};\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\t{getMethods().filter(f => f.SelectedLevarage <= OpenAccountOut.MaxLeverage).map(m => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t this.selectMethod(m)}\r\n\t\t\t\t\t\t\t\t\tdata-qa={`open_account_leverage_option_${m.SelectedLevarage}`}\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
\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\r\n\t\t\t\t\r\n\t\t\t\t{isFloatingBonus && \r\n\t\t\t\t\t{m.Title}
\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\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t this.selectBonus(value)}\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\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t'Deposit Bonus' Regulations to fully understand the conditions of our bonus program.\"\r\n\t\t\t\t\t\t\t\tenableHtml\r\n\t\t\t\t\t\t\t\tcomponents={{\r\n\t\t\t\t\t\t\t\t\twarp: (\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/>\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{props.submitting ?\r\n\t\t\t\t\t\t\t ({ color: theme.palette.common.white })}\r\n\t\t\t\t\t\t\t\tsize={18}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t:
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nCYOpenAccountChooseLeverage.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\thandleSubmit: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithTranslate,\r\n\tconnect(mapStateToProps, null),\r\n\treduxForm({\r\n\t\tvalidate: CYOpenAccountChooseLeverage.validate,\r\n\t}),\r\n)(withStyles(CYOpenAccountChooseLeverage, styles));\r\n","export default __webpack_public_path__ + \"content/assets/030f11980b708a6525a310618290abb2.png\";","export default __webpack_public_path__ + \"content/assets/67dd095785cc807e8b52117efdf957c4.png\";","export default __webpack_public_path__ + \"content/assets/e5d5e03ec29404ee3e8d948a9e1dd587.png\";","export default __webpack_public_path__ + \"content/assets/c9b584c94179da7187035260be68f94b.png\";","export default __webpack_public_path__ + \"content/assets/649b3c7ece867cdb8e54a58bab6c0fad.png\";","export default __webpack_public_path__ + \"content/assets/dfa5353df7a9369d117aea0cba6a2db0.png\";","export default __webpack_public_path__ + \"content/assets/f6e3dc81a8ddd68061184ba2703cec49.png\";","import React from 'react';\r\nimport { compose } from '@utils';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport classNames from 'classnames';\r\nimport {\r\n\treduxForm,\r\n\tformValueSelector,\r\n} from 'redux-form';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport { CircularProgress, Grid } from '@mui/material';\r\nimport { rub, usd, eur } from '@content/currencyLogos';\r\nimport { Button } from '@components';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\nimport { userAccounts, app } from '@redux';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tposition: 'relative',\r\n\t},\r\n\trow: {\r\n\t\tdisplay: 'flex',\r\n\t},\r\n\tinputItem: {\r\n\t\tpaddingLeft: '50px',\r\n\t},\r\n\tlogo: {\r\n\t\tpadding: '16px 16px 4px 16px',\r\n\t\tposition: 'relative',\r\n\t\twidth: '80px',\r\n\t\theight: '44px',\r\n\t},\r\n\tinputContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\twidth: '100%',\r\n\t\t...theme.customstyles.title,\r\n\t},\r\n\taccount: {\r\n\t\twidth: '100%',\r\n\t\ttextAlign: 'left',\r\n\t},\r\n\tmethodsContainer: {\r\n\t\tmarginBottom: '24px',\r\n\t},\r\n\tmethodItem: {\r\n\t\theight: '100%',\r\n\t\ttextAlign: 'center',\r\n\t\tpadding: '20px',\r\n\t\tborder: '2px solid #deeaef',\r\n\t\tborderRadius: '8px',\r\n\t\t'&:hover': {\r\n\t\t\tboxShadow: '0 5px 10px 0 rgba(61, 65, 71, 0.16)',\r\n\t\t\tborderWidth: '2px',\r\n\t\t\ttransform: 'translate(0, 1.5px) scale(1.01)',\r\n\t\t},\r\n\t},\r\n\tmethodItemSelected: {\r\n\t\tborderColor: theme.palette.text.secondary,\r\n\t},\r\n\tmethodImg: {\r\n\t\tmaxWidth: '600px',\r\n\t\theight: '40px',\r\n\t\t[theme.breakpoints.up('sm')]: {\r\n\t\t\theight: '40px',\r\n\t\t},\r\n\t},\r\n\tbuttonCenter: {\r\n\t\tmargin: '0 auto',\r\n\t\twidth: '100px',\r\n\t\tdisplay: 'block',\r\n\t},\r\n\r\n});\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst language = app.selectors.language(state);\r\n\tconst OpenAccountOut = formValueSelector(ownProps.form)(state, 'OpenAccountOut');\r\n\treturn {\r\n\t\tOpenAccountOut,\r\n\t\tlanguage,\r\n\t};\r\n};\r\nconst getMethods = () => [\r\n\t{\r\n\t\tSelectedCurrency: 'USD',\r\n\t\tTitle: '$ USD',\r\n\t\tImg: usd,\r\n\t},\r\n\t{\r\n\t\tSelectedCurrency: 'EUR',\r\n\t\tTitle: '€ EUR',\r\n\t\tImg: eur,\r\n\t},\r\n\t{\r\n\t\tSelectedCurrency: 'RUB',\r\n\t\tTitle: '₽ RUB',\r\n\t\tImg: rub,\r\n\t},\r\n];\r\n\r\nclass CYOpenAccountChooseCurrency extends React.Component {\r\n\tstatic validate(formvalues, props) {\r\n\t\tconst values = formvalues;\r\n\t\tconst errors = {};\r\n\r\n\t\tif (!values) {\r\n\t\t\treturn errors;\r\n\t\t}\r\n\r\n\t\tif (values.OpenAccountOut) {\r\n\t\t\terrors.OpenAccountOut = {};\r\n\r\n\t\t\tif (!values.OpenAccountOut.SelectedCurrency) {\r\n\t\t\t\terrors.OpenAccountOut.SelectedCurrency = 'required';\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn errors;\r\n\t}\r\n\tselectMethod = (m) => {\r\n\t\tconst { OpenAccountOut, change } = this.props;\r\n\t\tchange('OpenAccountOut', {\r\n\t\t\t...OpenAccountOut,\r\n\t\t\tSelectedCurrency: m.SelectedCurrency,\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\thandleSubmit,\r\n\t\t\tsubmitSucceeded,\r\n\t\t\tvalues,\r\n\t\t\tOpenAccountOut,\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\t\t{getMethods().map(m => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t this.selectMethod(m)}\r\n\t\t\t\t\t\t\t\t\tdata-qa={`open_account_currency_option_${String(m.SelectedCurrency).toLowerCase()}`}\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
\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\r\n\t\t\t\t\r\n\t\t\t\t{m.Title}
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{props.submitting ?\r\n\t\t\t\t\t\t\t ({ color: theme.palette.common.white })}\r\n\t\t\t\t\t\t\t\tsize={18}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t:
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nCYOpenAccountChooseCurrency.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\thandleSubmit: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\tconnect(mapStateToProps, null),\r\n\treduxForm({\r\n\t\tvalidate: CYOpenAccountChooseCurrency.validate,\r\n\t}),\r\n)(withStyles(CYOpenAccountChooseCurrency, styles));\r\n","import React, { useEffect, useState } from 'react';\r\nimport { compose } from '@utils';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { reduxForm, formValueSelector } from 'redux-form';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport Grid from '@mui/material/Grid';\r\nimport { Button, EnchancedProgressContainer, R } from '@dev2t/react-ui-kit/src/components';\r\nimport { userAccounts } from '@redux';\r\nimport { ProductType } from '@enums';\r\n\r\nconst useStyles = makeStyles()(() => ({\r\n type: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent: 'space-between',\r\n height: '100%',\r\n textAlign: 'center',\r\n padding: 20,\r\n border: '2px solid #deeaef',\r\n borderRadius: 8,\r\n gap: 20,\r\n width: 250, // с запасом на длинный заголовок\r\n },\r\n typeTitle: {\r\n fontWeight: 'bold',\r\n whiteSpace: 'nowrap',\r\n fontSize: 18,\r\n },\r\n}));\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n const OpenAccountOut = formValueSelector(ownProps.form)(state, 'OpenAccountOut');\r\n\r\n return {\r\n OpenAccountOut,\r\n };\r\n};\r\n\r\nconst baseOpenAccount = {\r\n\tSelectedCurrency: 'USD',\r\n BonusAccount: '',\r\n SelectedPlatform: \"TRA\",\r\n}\r\n\r\nconst useAccountTypes = () => {\r\n\tconst accounts = useSelector(userAccounts.selectors.accounts);\r\n const lmiGlobalExists = accounts.some(x => x.ProductType === ProductType.LIME_GLOBAL);\r\n return [\r\n {\r\n name: Futures\"\r\n enableHtml />,\r\n type: ProductType.LIME_GLOBAL,\r\n configuration: {\r\n ...baseOpenAccount,\r\n SelectedType: ProductType.LIME_GLOBAL,\r\n },\r\n isEnabled: !lmiGlobalExists\r\n },\r\n ];\r\n};\r\n\r\nconst CYOpenAccountChooseTypeLMI = ({ change, handleSubmit, OpenAccountOut }) => {\r\n const { classes } = useStyles();\r\n const [isSubmitting, setIsSubmitting] = useState(false);\r\n const selectMethod = (type) => {\r\n const selectedOpenAccountOut = type.configuration;\r\n change('OpenAccountOut', selectedOpenAccountOut);\r\n };\r\n\r\n useEffect(() => {\r\n if (!OpenAccountOut?.SelectedType) return;\r\n\r\n setIsSubmitting(true)\r\n handleSubmit();\r\n }, [OpenAccountOut]);\r\n\r\n const accountTypes = useAccountTypes();\r\n\r\n return (\r\n
\r\n\t\t\t\t\t{step === 'succeeded'\r\n\t\t\t\t\t\t&& (\r\n\t\t\t\t\t\t\t{error || setStep('choosetype')}\r\n\t\t\t\t\t\t\tonSubmitSuccess={isPredictionPlatform ? () => setStep('succeeded') : undefined}\r\n\t\t\t\t\t\t\tonSubmitFail={isPredictionPlatform\r\n\t\t\t\t\t\t\t\t? (err) => { setError(err?._error); setStep('failed'); }\r\n\t\t\t\t\t\t\t\t: undefined}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{step === 'choosetype' && !isLimeInt\r\n\t\t\t\t\t\t&& (\r\n\t\t\t\t\t\t\t setStep('chooseleverage')}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t{step === 'choosetype' && isLimeInt\r\n\t\t\t\t\t\t&& (\r\n\t\t\t\t\t\t\t setStep('succeeded')}\r\n\t\t\t\t\t\t\t\tonSubmitFail={(err) => { setError(err?._error); setStep('failed'); }}\r\n\t\t\t\t\t\t\t\tonSubmitSuccess={() => setStep('succeeded')}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t{step === 'chooseleverage'\r\n\t\t\t\t\t\t&& (\r\n\t\t\t\t\t\t\t setStep('succeeded')}\r\n\t\t\t\t\t\t\t\tonSubmitFail={(err) => {setError(err?._error); setStep('failed'); }}\r\n\t\t\t\t\t\t\t\tonSubmitSuccess={() => setStep('succeeded')}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t{step === 'choosecurrency'\r\n\t\t\t\t\t\t&& (\r\n\t\t\t\t\t\t\t setStep('succeeded')}\r\n\t\t\t\t\t\t\t\tonSubmitFail={(err) => {setError(err?._error); setStep('failed'); }}\r\n\t\t\t\t\t\t\t\tonSubmitSuccess={() => setStep('succeeded')}\r\n\t\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)}\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default CYNonTradingOpenAccountModal;\r\n","import React from 'react';\r\nimport { compose } from '@utils';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport classNames from 'classnames';\r\nimport {\r\n\treduxForm,\r\n\tformValueSelector,\r\n} from 'redux-form';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport { Grid } from '@mui/material';\r\nimport { translate } from '@global';\r\nimport { constants, env } from '@config';\r\nimport { userAccounts, app } from '@redux';\r\nimport { Mt4Img, Mt5Img } from '@content/mtLogos';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tposition: 'relative',\r\n\t},\r\n\trow: {\r\n\t\tdisplay: 'flex',\r\n\t},\r\n\tinputItem: {\r\n\t\tpaddingLeft: '50px',\r\n\t},\r\n\tlogo: {\r\n\t\tpadding: '16px 16px 4px 16px',\r\n\t\tposition: 'relative',\r\n\t\twidth: '80px',\r\n\t\theight: '44px',\r\n\t},\r\n\tinputContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\twidth: '100%',\r\n\t\t...theme.customstyles.title,\r\n\t},\r\n\taccount: {\r\n\t\twidth: '100%',\r\n\t\ttextAlign: 'left',\r\n\t},\r\n\tbutton: {\r\n\t\t...theme.mixins.stickyButton,\r\n\t},\r\n\tmethodsContainer: {\r\n\t\tmarginBottom: '24px',\r\n\t},\r\n\tmethodItem: {\r\n\t\theight: '100%',\r\n\t\ttextAlign: 'center',\r\n\t\tpadding: '20px',\r\n\t\tborder: '2px solid #deeaef',\r\n\t\tborderRadius: '8px',\r\n\t\t'&:hover': {\r\n\t\t\tboxShadow: '0 5px 10px 0 rgba(61, 65, 71, 0.16)',\r\n\t\t\tborderWidth: '2px',\r\n\t\t\ttransform: 'translate(0, 1.5px) scale(1.01)',\r\n\t\t},\r\n\t},\r\n\tcenter: {\r\n\t\ttextAlign: 'center',\r\n\t},\r\n\tmethodItemExists: {\r\n\t\tcolor: theme.palette.text.secondary\r\n\t},\r\n\tmethodItemSelected: {\r\n\t\tborderColor: theme.palette.text.secondary,\r\n\t},\r\n\tmethodImg: {\r\n\t\tmaxWidth: '120px',\r\n\t\theight: '80px',\r\n\t\t[theme.breakpoints.up('sm')]: {\r\n\t\t\theight: '120px',\r\n\t\t},\r\n\t},\r\n\tmethodImgBW: {\r\n\t\tfilter: 'grayscale(100%)',\r\n\t\tmaxWidth: '120px',\r\n\t\theight: '80px',\r\n\t\t[theme.breakpoints.up('sm')]: {\r\n\t\t\theight: '120px',\r\n\t\t},\r\n\t},\r\n\tbuttonCenter: {\r\n\t\tmargin: '0 auto',\r\n\t\twidth: '100px',\r\n\t\tdisplay: 'block',\r\n\t},\r\n});\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst userInfo = userAccounts.selectors.userInfo(state);\r\n\tconst accounts = userAccounts.selectors.accounts(state);\r\n\tconst userGuid = userInfo.submitting ? null : (userInfo.Guid && userInfo.Guid.toLowerCase());\r\n\r\n\tconst language = app.selectors.language(state);\r\n\r\n\tconst maxLeverage = [constants.LIME_LME, constants.FIRM_J2TX, constants.FIRM_J2T].some(x => x === env.firm) ? 500 : 200;\r\n\tconst defaulteverage = [constants.LIME_LME, constants.FIRM_J2TX, constants.FIRM_J2T].some(x => x === env.firm) ? 500 : 100;\r\n\r\n\tconst initialValues = {\r\n\t\tOpenDemoAccountOut: {\r\n\t\t\tSelectedPlatform: 'MT4',\r\n\t\t\tSelectedType: '',\r\n\t\t\tSelectedLevarage: defaulteverage,\r\n\t\t\tSelectedBalance: 10000,\r\n\t\t\tMinLeverage: 50,\r\n\t\t\tMaxLeverage: maxLeverage,\r\n\t\t},\r\n\t};\r\n\tconst OpenDemoAccountOut = formValueSelector(ownProps.form)(state, 'OpenDemoAccountOut') || initialValues.OpenDemoAccountOut;\r\n\treturn {\r\n\t\tinitialValues,\r\n\t\tOpenDemoAccountOut,\r\n\t\tlanguage,\r\n\t\taccounts,\r\n\t};\r\n};\r\nconst getMethods = (accounts) => [\r\n\t{\r\n\t\tSelectedPlatform: 'MT4',\r\n\t\tTitle: translate('common_open_account_mt4_title', 'MetaTrader 4'),\r\n\t\tImg: Mt4Img,\r\n\t\tEnable: true,\r\n\t},\r\n\t{\r\n\t\tSelectedPlatform: 'MT5',\r\n\t\tTitle: translate('common_open_account_mt5_title', 'MetaTrader 5'),\r\n\t\tImg: Mt5Img, \r\n\t\tEnable: true,\r\n\t},\r\n];\r\n\r\nclass CYOpenDemoAccountChoosePlatform extends React.Component {\r\n\tstatic validate(formvalues, props) {\r\n\t\tconst values = formvalues;\r\n\t\tconst errors = {};\r\n\r\n\t\tif (!values) {\r\n\t\t\treturn errors;\r\n\t\t}\r\n\r\n\t\tif (values.OpenDemoAccountOut) {\r\n\t\t\terrors.OpenDemoAccountOut = {};\r\n\r\n\t\t\tif (!values.OpenDemoAccountOut.SelectedPlatform) {\r\n\t\t\t\terrors.OpenDemoAccountOut.SelectedPlatform = 'required';\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn errors;\r\n\t}\r\n\tselectMethod = (m) => {\r\n\t\tconst { OpenDemoAccountOut, change } = this.props;\r\n\t\tchange('OpenDemoAccountOut', {\r\n\t\t\t...OpenDemoAccountOut,\r\n\t\t\tSelectedPlatform: m.SelectedPlatform,\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\thandleSubmit,\r\n\t\t\tsubmitSucceeded,\r\n\t\t\tvalues,\r\n\t\t\taccounts,\r\n\t\t\tOpenDemoAccountOut,\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\t\t{getMethods(accounts).map(m => (\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\tif (m.Enable) {\r\n\t\t\t\t\t\t\t\t\t\tthis.selectMethod(m);\r\n\t\t\t\t\t\t\t\t\t\thandleSubmit();\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\r\n\t\t\t\t\t\t\t\t\t\r\n\r\n\t\t\t\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\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nCYOpenDemoAccountChoosePlatform.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\thandleSubmit: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\tconnect(mapStateToProps, null),\r\n\treduxForm({\r\n\t\tvalidate: CYOpenDemoAccountChoosePlatform.validate,\r\n\t}),\r\n)(withStyles(CYOpenDemoAccountChoosePlatform, styles));\r\n","import React from 'react';\r\nimport { compose } from '@utils';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport classNames from 'classnames';\r\nimport {\r\n\treduxForm,\r\n\tformValueSelector,\r\n} from 'redux-form';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport { CircularProgress, Grid, MenuItem } from '@mui/material';\r\nimport { Select, Button } from '@components';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\nimport { constants, env } from '@config';\r\nimport { userAccounts, app } from '@redux';\r\nimport { Platform } from '../../../../../../../../../utils/platforms';\r\nimport { translate } from '@global';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tposition: 'relative',\r\n\t},\r\n\trow: {\r\n\t\tdisplay: 'flex',\r\n\t},\r\n\tinputItem: {\r\n\t\tpaddingLeft: '50px',\r\n\t},\r\n\tlogo: {\r\n\t\tpadding: '16px 16px 4px 16px',\r\n\t\tposition: 'relative',\r\n\t\twidth: '80px',\r\n\t\theight: '44px',\r\n\t},\r\n\tinputContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\twidth: '100%',\r\n\t\t...theme.customstyles.title,\r\n\t},\r\n\taccount: {\r\n\t\twidth: '100%',\r\n\t\ttextAlign: 'left',\r\n\t},\r\n\tbutton: {\r\n\t\t...theme.mixins.stickyButton,\r\n\t},\r\n\tmethodsContainer: {\r\n\t\tmarginBottom: '24px',\r\n\t},\r\n\toptionsContainer: {\r\n\t\tmarginBottom: '24px',\r\n\t},\r\n\tmethodItem: {\r\n\t\theight: '100%',\r\n\t\ttextAlign: 'center',\r\n\t\tpadding: '20px',\r\n\t\tborder: '2px solid #deeaef',\r\n\t\tborderRadius: '8px',\r\n\t\t'&:hover': {\r\n\t\t\tboxShadow: '0 5px 10px 0 rgba(61, 65, 71, 0.16)',\r\n\t\t\tborderWidth: '2px',\r\n\t\t\ttransform: 'translate(0, 1.5px) scale(1.01)',\r\n\t\t},\r\n\r\n\t},\r\n\tmethodItemSelected: {\r\n\t\tborderColor: theme.palette.text.secondary,\r\n\t},\r\n\tmethodItemExists: {\r\n\t\tcolor: theme.palette.text.secondary\r\n\t},\r\n\tmethodImg: {\r\n\t\tmaxWidth: '120px',\r\n\t\theight: '80px',\r\n\t\t[theme.breakpoints.up('sm')]: {\r\n\t\t\theight: '120px',\r\n\t\t},\r\n\t},\r\n\tbuttonCenter: {\r\n\t\tmargin: '0 auto',\r\n\t\twidth: '30%',\r\n\t\tdisplay: 'block',\r\n\t},\r\n\ttypeContentTable:{\r\n\t\twidth: '100%'\r\n\t}\r\n\r\n});\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst accounts = userAccounts.selectors.accounts(state);\r\n\r\n\tconst language = app.selectors.language(state);\r\n\r\n\tconst OpenDemoAccountOut = formValueSelector(ownProps.form)(state, 'OpenDemoAccountOut');\r\n\treturn {\r\n\t\tOpenDemoAccountOut,\r\n\t\tlanguage,\r\n\t\taccounts,\r\n\t};\r\n};\r\n\r\nconst forexLeverage = [constants.LIME_LME, constants.FIRM_J2TX, constants.FIRM_J2T].some(x => x === env.firm) ? 2000 : 200;\r\nconst ecnLeverage = [constants.LIME_LME, constants.FIRM_J2TX, constants.FIRM_J2T].some(x => x === env.firm) ? 2000 : 100;\r\n\r\nconst getMethodsJ2t = () => [\r\n\t{\r\n\t\tSelectedType: 'forex',\r\n\t\tTitle: 'Demo Forex CFDs (Standard)',\r\n\t\tDicWordTitle: 'account_type_mt4_demo_forex_standard_name',\r\n\t\tData: [\r\n\t\t\t{ key: 'open_account_type_minimum_amount', text: 'Minimum amount', value: '$100' },\r\n\t\t\t{ key: 'open_account_type_minimum_lot', text: 'Minimum lot', value: '0,01' },\r\n\t\t\t{ key: 'open_account_type_spread', text: 'Spread', value: 'from 0,5' },\r\n\t\t\t{ key: 'open_account_type_brokerage_commission', text: 'Brokerage commission', value: '0' },\r\n\t\t\t{ key: 'open_account_type_leverage_up_to', text: 'Leverage up to', value: `1:500` },\r\n\t\t\t{ key: 'open_account_type_swap', text: 'Swap', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_mobile_trading', text: 'Mobile Trading', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_negative_balance_protection', text: 'Negative balance protection', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_marging_trading', text: 'Marging trading', value: 'Yes' },\r\n\t\t],\r\n\t\tLanguageFilter: null,\r\n\t\tMinLeverage: 1,\r\n\t\tMaxLeverage: 500,\r\n\t\tPlatform: \"MT:DEMO\",\r\n\t\tPlatformsFilter: [Platform.MT4]\r\n\t},\r\n\t{\r\n\t\tSelectedType: 'ecn',\r\n\t\tTitle: 'Demo Forex (ECN)',\r\n\t\tDicWordTitle: 'account_type_mt4_demo_forex_ecn_name',\r\n\t\tData: [\r\n\t\t\t{ key: 'open_account_type_minimum_amount', text: 'Minimum amount', value: '$200' },\r\n\t\t\t{ key: 'open_account_type_minimum_lot', text: 'Minimum lot', value: '0,01' },\r\n\t\t\t{ key: 'open_account_type_spread', text: 'Spread', value: 'from 0' },\r\n\t\t\t{ key: 'open_account_type_brokerage_commission', text: 'Brokerage commission', value: '≤ $3 per lot' },\r\n\t\t\t{ key: 'open_account_type_leverage_up_to', text: 'Leverage up to', value: `1:500` },\r\n\t\t\t{ key: 'open_account_type_swap', text: 'Swap', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_mobile_trading', text: 'Mobile Trading', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_negative_balance_protection', text: 'Negative balance protection', value: 'No' },\r\n\t\t\t{ key: 'open_account_type_marging_trading', text: 'Marging trading', value: 'Yes' },\r\n\t\t],\r\n\t\tLanguageFilter: null,\r\n\t\tMinLeverage: 1,\r\n\t\tMaxLeverage: 500,\r\n\t\tPlatform: \"MT:ECN:DEMO\",\r\n\t\tPlatformsFilter: [Platform.MT4]\r\n\t},\r\n\t{\r\n\t\tSelectedType: 'mct-mt5-global',\r\n\t\tTitle: 'Demo MT5 Global',\r\n\t\tDicWordTitle: 'account_type_mt5_demo_global_name',\r\n\t\tData: [\r\n\t\t\t{ key: 'open_account_type_minimum_amount', text: 'Minimum amount', value: '$100' },\r\n\t\t\t{ key: 'open_account_type_minimum_lot', text: 'Minimum lot', value: '0,01' },\r\n\t\t\t{ key: 'open_account_type_spread', text: 'Spread', value: 'from 0' },\r\n\t\t\t{ key: 'open_account_type_brokerage_commission', text: 'Brokerage commission', value: '≤ $2 per lot' },\r\n\t\t\t{ key: 'open_account_type_leverage_up_to', text: 'Leverage up to', value: '1:500' },\r\n\t\t\t{ key: 'open_account_type_swap', text: 'Swap', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_mobile_trading', text: 'Mobile Trading', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_negative_balance_protection', text: 'Negative balance protection', value: 'No' },\r\n\t\t\t{ key: 'open_account_type_marging_trading', text: 'Marging trading', value: 'Yes' },\r\n\t\t],\r\n\t\tLanguageFilter: null,\r\n\t\tMinLeverage: 1,\r\n\t\tMaxLeverage: 500,\r\n\t\tPlatform: \"MMA2:MT5:GLOBAL:DEMO\",\r\n\t\tPlatformsFilter: [Platform.MT5],\r\n\t},\r\n]\r\n\r\nconst getLeverageMethods = () => [\r\n\t{ SelectedLevarage: 1, Title: '1:1' },\r\n\t{ SelectedLevarage: 10, Title: '1:10' },\r\n\t{ SelectedLevarage: 50, Title: '1:50' },\r\n\t{ SelectedLevarage: 100, Title: '1:100' },\r\n\t{ SelectedLevarage: 200, Title: '1:200' },\r\n\t{ SelectedLevarage: 500, Title: '1:500' },\r\n\t{ SelectedLevarage: 1000, Title: '1:1000' },\r\n\t{ SelectedLevarage: 2000, Title: '1:2000' },\r\n];\r\n\r\nconst getBalanceMethods = () => [\r\n\t{ SelectedBalance: 5000, Title: '5 000$' },\r\n\t{ SelectedBalance: 10000, Title: '10 000$' },\r\n\t{ SelectedBalance: 50000, Title: '50 000$' },\r\n\t{ SelectedBalance: 100000, Title: '100 000$' },\r\n\t{ SelectedBalance: 1000000, Title: '1 000 000$' },\r\n];\r\n\r\nconst getTypeGridSize = count => {\r\n\tif (count === 1) return 12;\r\n\tif (count === 2) return 6;\r\n\treturn 4;\r\n};\r\n\r\nconst getMethods = () => [\r\n\t{\r\n\t\tSelectedType: 'forex',\r\n\t\tTitle: 'Forex & CFDs (Standard)',\r\n\t\tDicWordTitle: 'account_type_mt4_name',\r\n\t\tData: [\r\n\t\t\t{ key: 'open_account_type_minimum_amount', text: 'Minimum amount', value: '$100' },\r\n\t\t\t{ key: 'open_account_type_marging_trading', text: 'Marging trading', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_spread', text: 'Spread', value: 'from 0,5' },\r\n\t\t\t{ key: 'open_account_type_minimum_lot', text: 'Minimum lot', value: '0,01' },\r\n\t\t\t{ key: 'open_account_type_brokerage_commission', text: 'Brokerage commission', value: '0' },\r\n\t\t\t{ key: 'open_account_type_negative_balance_protection', text: 'Negative balance protection', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_swap', text: 'Swap', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_leverage_up_to', text: 'Leverage up to', value: `1:${forexLeverage}` },\r\n\t\t\t{ key: 'open_account_type_mobile_trading', text: 'Mobile Trading', value: 'Yes' },\r\n\t\t],\r\n\t\tLanguageFilter: null,\r\n\t\tMinLeverage: 50,\r\n\t\tMaxLeverage: forexLeverage,\r\n\t\tPlatform: \"MT:DEMO\",\r\n\t\tPlatformsFilter: [Platform.MT4]\r\n\t},\r\n\t{\r\n\t\tSelectedType: 'ecn',\r\n\t\tTitle: 'Forex (ECN)',\r\n\t\tDicWordTitle: 'account_type_forex_ecn_name',\r\n\t\tData: [\r\n\t\t\t{ key: 'open_account_type_minimum_amount', text: 'Minimum amount', value: '$100' },\r\n\t\t\t{ key: 'open_account_type_marging_trading', text: 'Marging trading', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_spread', text: 'Spread', value: 'from 0' },\r\n\t\t\t{ key: 'open_account_type_minimum_lot', text: 'Minimum lot', value: '0,01' },\r\n\t\t\t{ key: 'open_account_type_brokerage_commission', text: 'Brokerage commission', value: '$3 per lot' },\r\n\t\t\t{ key: 'open_account_type_negative_balance_protection', text: 'Negative balance protection', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_swap', text: 'Swap', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_leverage_up_to', text: 'Leverage up to', value: `1:${ecnLeverage}` },\r\n\t\t\t{ key: 'open_account_type_mobile_trading', text: 'Mobile Trading', value: 'Yes' },\r\n\t\t],\r\n\t\tLanguageFilter: null,\r\n\t\tMinLeverage: 50,\r\n\t\tMaxLeverage: ecnLeverage,\r\n\t\tPlatform: \"MT:ECN:DEMO\",\r\n\t\tPlatformsFilter: [Platform.MT4]\r\n\t},\r\n\t{\r\n\t\tSelectedType: 'muslim',\r\n\t\tTitle: 'Forex Swap Free',\r\n\t\tDicWordTitle: 'account_type_islamic_name',\r\n\t\tData: [\r\n\t\t\t{ key: 'open_account_type_minimum_amount', text: 'Minimum amount', value: '$100' },\r\n\t\t\t{ key: 'open_account_type_marging_trading', text: 'Marging trading', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_spread', text: 'Spread', value: 'from 0,5' },\r\n\t\t\t{ key: 'open_account_type_minimum_lot', text: 'Minimum lot', value: '0,01' },\r\n\t\t\t{ key: 'open_account_type_brokerage_commission', text: 'Brokerage commission', value: '0' },\r\n\t\t\t{ key: 'open_account_type_negative_balance_protection', text: 'Negative balance protection', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_swap', text: 'Swap', value: 'No' },\r\n\t\t\t{ key: 'open_account_type_leverage_up_to', text: 'Leverage up to', value: '1:500' },\r\n\t\t\t{ key: 'open_account_type_mobile_trading', text: 'Mobile Trading', value: 'Yes' },\r\n\t\t],\r\n\t\tLanguageFilter: ['ms', 'id'],\r\n\t\tMinLeverage: 50,\r\n\t\tMaxLeverage: 500,\r\n\t\tPlatform: \"MT:MUSLIM:DEMO\",\r\n\t\tPlatformsFilter: [Platform.MT4]\r\n\t},\r\n\t{\r\n\t\tSelectedType: 'mct-mt5-global',\r\n\t\tTitle: 'Forex & CFDs (Standard)',\r\n\t\tDicWordTitle: 'account_type_mt4_name',\r\n\t\tData: [\r\n\t\t\t{ key: 'open_account_type_minimum_amount', text: 'Minimum amount', value: '$100' },\r\n\t\t\t{ key: 'open_account_type_marging_trading', text: 'Marging trading', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_spread', text: 'Spread', value: 'from 0,5' },\r\n\t\t\t{ key: 'open_account_type_minimum_lot', text: 'Minimum lot', value: '0,01' },\r\n\t\t\t{ key: 'open_account_type_brokerage_commission', text: 'Brokerage commission', value: '0' },\r\n\t\t\t{ key: 'open_account_type_negative_balance_protection', text: 'Negative balance protection', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_swap', text: 'Swap', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_leverage_up_to', text: 'Leverage up to', value: '1:2000' },\r\n\t\t\t{ key: 'open_account_type_mobile_trading', text: 'Mobile Trading', value: 'Yes' },\r\n\t\t],\r\n\t\tLanguageFilter: null,\r\n\t\tMinLeverage: 50,\r\n\t\tMaxLeverage: 2000,\r\n\t\tPlatform: \"MMA2:MT5:GLOBAL:DEMO\",\r\n\t\tPlatformsFilter: [Platform.MT5]\r\n\t},\r\n\t{\r\n\t\tSelectedType: 'mma2ecn',\r\n\t\tTitle: 'Forex (ECN)',\r\n\t\tDicWordTitle: 'account_type_forex_ecn_name',\r\n\t\tData: [\r\n\t\t\t{ key: 'open_account_type_minimum_amount', text: 'Minimum amount', value: '$100' },\r\n\t\t\t{ key: 'open_account_type_marging_trading', text: 'Marging trading', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_spread', text: 'Spread', value: 'from 0' },\r\n\t\t\t{ key: 'open_account_type_minimum_lot', text: 'Minimum lot', value: '0,01' },\r\n\t\t\t{ key: 'open_account_type_brokerage_commission', text: 'Brokerage commission', value: '$3 per lot' },\r\n\t\t\t{ key: 'open_account_type_negative_balance_protection', text: 'Negative balance protection', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_swap', text: 'Swap', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_leverage_up_to', text: 'Leverage up to', value: '1:2000' },\r\n\t\t\t{ key: 'open_account_type_mobile_trading', text: 'Mobile Trading', value: 'Yes' },\r\n\t\t],\r\n\t\tLanguageFilter: null,\r\n\t\tMinLeverage: 50,\r\n\t\tMaxLeverage: 2000,\r\n\t\tPlatform: \"MMA2:MT5:ECN:DEMO\",\r\n\t\tPlatformsFilter: [Platform.MT5]\r\n\t},\r\n\t{\r\n\t\tSelectedType: 'mma2muslim',\r\n\t\tTitle: 'Forex Swap Free',\r\n\t\tDicWordTitle: 'account_type_islamic_name',\r\n\t\tData: [\r\n\t\t\t{ key: 'open_account_type_minimum_amount', text: 'Minimum amount', value: '$100' },\r\n\t\t\t{ key: 'open_account_type_marging_trading', text: 'Marging trading', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_spread', text: 'Spread', value: 'from 0,5' },\r\n\t\t\t{ key: 'open_account_type_minimum_lot', text: 'Minimum lot', value: '0,01' },\r\n\t\t\t{ key: 'open_account_type_brokerage_commission', text: 'Brokerage commission', value: '0' },\r\n\t\t\t{ key: 'open_account_type_negative_balance_protection', text: 'Negative balance protection', value: 'Yes' },\r\n\t\t\t{ key: 'open_account_type_swap', text: 'Swap', value: 'No' },\r\n\t\t\t{ key: 'open_account_type_leverage_up_to', text: 'Leverage up to', value: '1:500' },\r\n\t\t\t{ key: 'open_account_type_mobile_trading', text: 'Mobile Trading', value: 'Yes' },\r\n\t\t],\r\n\t\tLanguageFilter: ['ms', 'id'],\r\n\t\tMinLeverage: 50,\r\n\t\tMaxLeverage: 500,\r\n\t\tPlatform: \"MMA2:MT5:MUSLIM:DEMO\",\r\n\t\tPlatformsFilter: [Platform.MT5]\r\n\t},\r\n];\r\n\r\nclass CYOpenDemoAccountChooseType extends React.Component {\r\n\tstatic validate(formvalues, props) {\r\n\t\tconst values = formvalues;\r\n\t\tconst errors = {};\r\n\r\n\t\tif (!values) {\r\n\t\t\treturn errors;\r\n\t\t}\r\n\r\n\t\tif (values.OpenDemoAccountOut) {\r\n\t\t\terrors.OpenDemoAccountOut = {};\r\n\r\n\t\t\tif (!values.OpenDemoAccountOut.SelectedType) {\r\n\t\t\t\terrors.OpenDemoAccountOut.SelectedType = 'required';\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn errors;\r\n\t}\r\n\tselectMethod = (m) => {\r\n\t\tconst { OpenDemoAccountOut, change } = this.props;\r\n\t\tchange('OpenDemoAccountOut', {\r\n\t\t\t...OpenDemoAccountOut,\r\n\t\t\tSelectedType: m.SelectedType,\r\n\t\t\tMaxLeverage: m.MaxLeverage,\r\n\t\t\tMinLeverage: m.MinLeverage,\r\n\t\t});\r\n\t};\r\n\r\n\tselectLeverage = (e) => {\r\n\t\tconst { OpenDemoAccountOut, change } = this.props;\r\n\t\tchange('OpenDemoAccountOut', {\r\n\t\t\t...OpenDemoAccountOut,\r\n\t\t\tSelectedLevarage: e.target.value,\r\n\t\t});\r\n\t};\r\n\r\n\tselectBalance = (e) => {\r\n\t\tconst { OpenDemoAccountOut, change } = this.props;\r\n\t\tchange('OpenDemoAccountOut', {\r\n\t\t\t...OpenDemoAccountOut,\r\n\t\t\tSelectedBalance: e.target.value,\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\thandleSubmit,\r\n\t\t\tsubmitSucceeded,\r\n\t\t\tvalues,\r\n\t\t\tOpenDemoAccountOut,\r\n\t\t\tlanguage,\r\n\t\t\taccounts,\r\n\t\t\t...props\r\n\t\t} = this.props;\r\n\r\n\t\tconst platform = OpenDemoAccountOut.SelectedPlatform;\r\n\r\n\t\tconst methods = (env.firm === constants.FIRM_J2T ? getMethodsJ2t : getMethods)()\r\n\t\t\t.filter(f => !f.LanguageFilter || f.LanguageFilter.includes(language))\r\n\t\t\t.filter(f => !f.PlatformsFilter || f.PlatformsFilter.includes(platform));\r\n\r\n\t\tconst leverageMethods = getLeverageMethods()\r\n\t\t\t.filter(f => f.SelectedLevarage <= OpenDemoAccountOut.MaxLeverage\r\n\t\t\t\t&& f.SelectedLevarage >= OpenDemoAccountOut.MinLeverage);\r\n\r\n\t\treturn (\r\n\t\t\t{m.Title}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{methods.map(m => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{accounts.find(acc => acc.Platform === m.Platform) ?\r\n\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\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\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t{m.Data.map((item, index) => (\r\n\t\t\t\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\t:\r\n\t\t\t\t\t\t\t\t\t| { | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.value} | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
{m.Title}
| { | \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.value} | \r\n\t\t\t\t\t\t\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\t\t\t{leverageMethods.map(m => (\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\t\r\n\t\t\t\t\t\t\t\t{getBalanceMethods().map(m => (\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 \r\n\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{props.submitting ?\r\n\t\t\t\t\t\t\t ({ color: theme.palette.common.white })}\r\n\t\t\t\t\t\t\t\tsize={18}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t:
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nCYOpenDemoAccountChooseType.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\thandleSubmit: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\tconnect(mapStateToProps, null),\r\n\treduxForm({\r\n\t\tvalidate: CYOpenDemoAccountChooseType.validate,\r\n\t}),\r\n)(withStyles(CYOpenDemoAccountChooseType, styles));\r\n","import React from 'react';\r\nimport { compose } from '@utils';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport classNames from 'classnames';\r\nimport {\r\n\treduxForm,\r\n\tformValueSelector,\r\n} from 'redux-form';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport { CircularProgress, Grid } from '@mui/material';\r\nimport { Button } from '@components';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\nimport { userAccounts, app } from '@redux';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tposition: 'relative',\r\n\t},\r\n\trow: {\r\n\t\tdisplay: 'flex',\r\n\t},\r\n\tinputItem: {\r\n\t\tpaddingLeft: '50px',\r\n\t},\r\n\tlogo: {\r\n\t\tpadding: '16px 16px 4px 16px',\r\n\t\tposition: 'relative',\r\n\t\twidth: '80px',\r\n\t\theight: '44px',\r\n\t},\r\n\tinputContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\twidth: '100%',\r\n\t\t...theme.customstyles.title,\r\n\t},\r\n\taccount: {\r\n\t\twidth: '100%',\r\n\t\ttextAlign: 'left',\r\n\t},\r\n\tbutton: {\r\n\t\t...theme.mixins.stickyButton,\r\n\t},\r\n\tmethodsContainer: {\r\n\t\tmarginBottom: '24px',\r\n\t},\r\n\tmethodItem: {\r\n\t\theight: '100%',\r\n\t\ttextAlign: 'center',\r\n\t\tpadding: '20px',\r\n\t\tborder: '2px solid #deeaef',\r\n\t\tborderRadius: '8px',\r\n\t\t'&:hover': {\r\n\t\t\tboxShadow: '0 5px 10px 0 rgba(61, 65, 71, 0.16)',\r\n\t\t\tborderWidth: '2px',\r\n\t\t\ttransform: 'translate(0, 1.5px) scale(1.01)',\r\n\t\t},\r\n\t},\r\n\tmethodItemSelected: {\r\n\t\tborderColor: theme.palette.text.secondary,\r\n\t},\r\n\tmethodImg: {\r\n\t\tmaxWidth: '120px',\r\n\t\theight: '80px',\r\n\t\t[theme.breakpoints.up('sm')]: {\r\n\t\t\theight: '120px',\r\n\t\t},\r\n\t},\r\n\tbuttonCenter: {\r\n\t\tmargin: '0 auto',\r\n\t\twidth: '30%',\r\n\t\tdisplay: 'block',\r\n\t},\r\n\r\n});\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst language = app.selectors.language(state);\r\n\r\n\tconst OpenDemoAccountOut = formValueSelector(ownProps.form)(state, 'OpenDemoAccountOut');\r\n\treturn {\r\n\t\tOpenDemoAccountOut,\r\n\t\tlanguage,\r\n\t};\r\n};\r\nconst getMethods = () => [\r\n\t{\r\n\t\tSelectedLevarage: 50,\r\n\t\tTitle: '1:50',\r\n\t},\r\n\t{\r\n\t\tSelectedLevarage: 100,\r\n\t\tTitle: '1:100',\r\n\t},\r\n\t{\r\n\t\tSelectedLevarage: 200,\r\n\t\tTitle: '1:200',\r\n\t},\r\n\t{\r\n\t\tSelectedLevarage: 500,\r\n\t\tTitle: '1:500',\r\n\t},\r\n\t{\r\n\t\tSelectedLevarage: 1000,\r\n\t\tTitle: '1:1000',\r\n\t},\r\n\t{\r\n\t\tSelectedLevarage: 2000,\r\n\t\tTitle: '1:2000',\r\n\t},\r\n];\r\n\r\nclass CYOpenDemoAccountChooseLeverage extends React.Component {\r\n\tstatic validate(formvalues, props) {\r\n\t\tconst values = formvalues;\r\n\t\tconst errors = {};\r\n\r\n\t\tif (!values) {\r\n\t\t\treturn errors;\r\n\t\t}\r\n\r\n\t\tif (values.OpenDemoAccountOut) {\r\n\t\t\terrors.OpenDemoAccountOut = {};\r\n\r\n\t\t\tif (!values.OpenDemoAccountOut.SelectedLevarage) {\r\n\t\t\t\terrors.OpenDemoAccountOut.SelectedLevarage = 'required';\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn errors;\r\n\t}\r\n\tselectMethod = (m) => {\r\n\t\tconst { OpenDemoAccountOut, change } = this.props;\r\n\t\tchange('OpenDemoAccountOut', {\r\n\t\t\t...OpenDemoAccountOut,\r\n\t\t\tSelectedLevarage: m.SelectedLevarage,\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\thandleSubmit,\r\n\t\t\tsubmitSucceeded,\r\n\t\t\tvalues,\r\n\t\t\tOpenDemoAccountOut,\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\t\t{getMethods().filter(f => f.SelectedLevarage <= OpenDemoAccountOut.MaxLeverage).map(m => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t this.selectMethod(m)}\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
\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\r\n\t\t\t\t\r\n\t\t\t\t{m.Title}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{props.submitting ?\r\n\t\t\t\t\t\t\t ({ color: theme.palette.common.white })}\r\n\t\t\t\t\t\t\t\tsize={18}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t:
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nCYOpenDemoAccountChooseLeverage.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\thandleSubmit: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\tconnect(mapStateToProps, null),\r\n\treduxForm({\r\n\t\tvalidate: CYOpenDemoAccountChooseLeverage.validate,\r\n\t}),\r\n)(withStyles(CYOpenDemoAccountChooseLeverage, styles));\r\n","import React from 'react';\r\nimport { compose } from '@utils';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport classNames from 'classnames';\r\nimport {\r\n\treduxForm,\r\n\tformValueSelector,\r\n} from 'redux-form';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport { CircularProgress, Grid } from '@mui/material';\r\nimport {\r\n\tButton,\r\n} from '@components';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\nimport { userAccounts, app } from '@redux';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tposition: 'relative',\r\n\t},\r\n\trow: {\r\n\t\tdisplay: 'flex',\r\n\t},\r\n\tinputItem: {\r\n\t\tpaddingLeft: '50px',\r\n\t},\r\n\tlogo: {\r\n\t\tpadding: '16px 16px 4px 16px',\r\n\t\tposition: 'relative',\r\n\t\twidth: '80px',\r\n\t\theight: '44px',\r\n\t},\r\n\tinputContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\twidth: '100%',\r\n\t\t...theme.customstyles.title,\r\n\t},\r\n\taccount: {\r\n\t\twidth: '100%',\r\n\t\ttextAlign: 'left',\r\n\t},\r\n\tbutton: {\r\n\t\t...theme.mixins.stickyButton,\r\n\t},\r\n\tmethodsContainer: {\r\n\t\tmarginBottom: '24px',\r\n\t},\r\n\tmethodItem: {\r\n\t\theight: '100%',\r\n\t\ttextAlign: 'center',\r\n\t\tpadding: '20px',\r\n\t\tborder: '2px solid #deeaef',\r\n\t\tborderRadius: '8px',\r\n\t\t'&:hover': {\r\n\t\t\tboxShadow: '0 5px 10px 0 rgba(61, 65, 71, 0.16)',\r\n\t\t\tborderWidth: '2px',\r\n\t\t\ttransform: 'translate(0, 1.5px) scale(1.01)',\r\n\t\t},\r\n\t},\r\n\tmethodItemSelected: {\r\n\t\tborderColor: theme.palette.text.secondary,\r\n\t},\r\n\tmethodImg: {\r\n\t\tmaxWidth: '120px',\r\n\t\theight: '80px',\r\n\t\t[theme.breakpoints.up('sm')]: {\r\n\t\t\theight: '120px',\r\n\t\t},\r\n\t},\r\n\tbuttonCenter: {\r\n\t\tmargin: '0 auto',\r\n\t\twidth: '30%',\r\n\t\tdisplay: 'block',\r\n\t},\r\n\r\n});\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\tconst language = app.selectors.language(state);\r\n\r\n\tconst OpenDemoAccountOut = formValueSelector(ownProps.form)(state, 'OpenDemoAccountOut');\r\n\treturn {\r\n\t\tOpenDemoAccountOut,\r\n\t\tlanguage,\r\n\t};\r\n};\r\nconst getMethods = () => [\r\n\t{\r\n\t\tSelectedBalance: 5000,\r\n\t\tTitle: '5000$',\r\n\t},\r\n\t{\r\n\t\tSelectedBalance: 10000,\r\n\t\tTitle: '10000$',\r\n\t},\r\n\t{\r\n\t\tSelectedBalance: 50000,\r\n\t\tTitle: '50000$',\r\n\t},\r\n\t{\r\n\t\tSelectedBalance: 100000,\r\n\t\tTitle: '100000$',\r\n\t},\r\n\t{\r\n\t\tSelectedBalance: 1000000,\r\n\t\tTitle: '1000000$',\r\n\t},\r\n];\r\n\r\nclass CYOpenDemoAccountChooseBalance extends React.Component {\r\n\tstatic validate(formvalues, props) {\r\n\t\tconst values = formvalues;\r\n\t\tconst errors = {};\r\n\r\n\t\tif (!values) {\r\n\t\t\treturn errors;\r\n\t\t}\r\n\r\n\t\tif (values.OpenDemoAccountOut) {\r\n\t\t\terrors.OpenDemoAccountOut = {};\r\n\r\n\t\t\tif (!values.OpenDemoAccountOut.SelectedBalance) {\r\n\t\t\t\terrors.OpenDemoAccountOut.SelectedBalance = 'required';\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn errors;\r\n\t}\r\n\tselectMethod = (m) => {\r\n\t\tconst { OpenDemoAccountOut, change } = this.props;\r\n\t\tchange('OpenDemoAccountOut', {\r\n\t\t\t...OpenDemoAccountOut,\r\n\t\t\tSelectedBalance: m.SelectedBalance,\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\thandleSubmit,\r\n\t\t\tsubmitSucceeded,\r\n\t\t\tvalues,\r\n\t\t\tOpenDemoAccountOut,\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\t\t{getMethods().map(m => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t this.selectMethod(m)}\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
\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\r\n\t\t\t\t\r\n\t\t\t\t{m.Title}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{props.submitting ?\r\n\t\t\t\t\t\t\t ({ color: theme.palette.common.white })}\r\n\t\t\t\t\t\t\t\tsize={18}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t:
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nCYOpenDemoAccountChooseBalance.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\thandleSubmit: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\tconnect(mapStateToProps, null),\r\n\treduxForm({\r\n\t\tvalidate: CYOpenDemoAccountChooseBalance.validate,\r\n\t}),\r\n)(withStyles(CYOpenDemoAccountChooseBalance, styles));\r\n","import React, { useState } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { ProgressContainer } from '@components';\r\nimport { R, Modal, SuccessMessage, ErrorMessage } from '@dev2t/react-ui-kit/src';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport { nontradingOrders, userAccounts } from '@redux';\r\nimport {\r\n\tCYOpenDemoAccountChoosePlatform,\r\n\tCYOpenDemoAccountChooseType,\r\n\tCYOpenDemoAccountChooseLeverage,\r\n\tCYOpenDemoAccountChooseBalance,\r\n} from './components';\r\n\r\nconst CY_NON_TRADING_OPEN_DEMO_ACCOUNT_FORM_ID = 'CYNonTradingOpenDemoAccountModal';\r\n\r\nconst useStyles = makeStyles()(theme => ({\r\n\tloader: {\r\n\t\tcolor: theme.palette.primary.main,\r\n\t},\r\n\tpaper: {\r\n\t\t[theme.breakpoints.only('xs')]: {\r\n\t\t\twidth: '100%',\r\n\t\t},\r\n\t\t[theme.breakpoints.between('sm', 'md')]: {\r\n\t\t\twidth: 'calc(min(100%, 1440px) - 272px)',\r\n\t\t},\r\n\t\t[theme.breakpoints.up('lg')]: {\r\n\t\t\twidth: 'calc(min(100%, 1440px) - 556px)',\r\n\t\t\ttransform: 'translateX(-6px)',\r\n\t\t},\r\n\t},\r\n}));\r\n\r\nconst CYNonTradingOpenDemoAccountModal = ({ onClose }) => {\r\n\tconst { classes } = useStyles();\r\n\tconst [step, setStep] = useState('chooseplatform');\r\n\tconst [error, setError] = useState('');\r\n\tconst loading = useSelector(state => userAccounts.selectors.userInfo(state).submitting);\r\n\r\n\tconst handleGotoPage = page => (result, dispatch, props) => setStep(page);\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t{step === 'succeeded' &&\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t setStep('choosetype')}\r\n\t\t\t\t\t\t\tonSubmitFail={() => setStep('failed')}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{step === 'choosetype' &&\r\n\t\t\t\t\t\t setStep('succeeded')}\r\n\t\t\t\t\t\t\tonSubmitFail={(err) => { setError(err?._error); setStep('failed'); }}\r\n\t\t\t\t\t\t\tonSubmitSuccess={() => setStep('succeeded')}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{/* TODO: удалить после всех тестов \r\n\t\t\t\t\t{step === 'chooseleverage' &&\r\n\t\t\t\t\t\t setStep('choosebalance')}\r\n\t\t\t\t\t\t\tonSubmitFail={() => setStep('failed')}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{step === 'choosebalance' &&\r\n\t\t\t\t\t\t setStep('succeeded')}\r\n\t\t\t\t\t\t\tonSubmitFail={(err) => { setError(err?._error); setStep('failed'); }}\r\n\t\t\t\t\t\t\tonSubmitSuccess={() => setStep('succeeded')}\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
\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\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{accountStatusIsAllowBonus ? \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\t{props.submitting ?\r\n\t\t\t\t\t\t\t ({ color: theme.palette.common.white })}\r\n\t\t\t\t\t\t\t\tsize='24.5px'\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t:
\r\n\t\t\t\r\n\t\t);\r\n\t}\r\n}\r\n\r\nCYNonTradingOrderBonusForm.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n\thandleSubmit: PropTypes.func.isRequired,\r\n\tcurrentAccountDisplayFullName: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithTranslate,\r\n\tconnect(mapStateToProps, null),\r\n\treduxForm({\r\n\t\tform: CY_NON_TRADING_ORDER_BONUS_FORM_ID,\r\n\t\tvalidate: CYNonTradingOrderBonusForm.validate,\r\n\t\tonSubmitSuccess: (result, dispatch, props) => {\r\n\t\t\tif (props.onSuccess && (typeof props.onSuccess === 'function')) {\r\n\t\t\t\tprops.onSuccess();\r\n\t\t\t}\r\n\t\t},\r\n\t}),\r\n)(withStyles(CYNonTradingOrderBonusForm, styles));\r\n","import React, {useEffect, useState} from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { R, Modal, SuccessMessage, ErrorMessage } from '@dev2t/react-ui-kit/src/components';\r\nimport { nontradingOrders, app } from '@redux';\r\nimport CYNonTradingOrderBonusForm from './CYNonTradingOrderBonusForm';\r\nimport { makeStyles } from 'tss-react/mui';\r\n\r\nconst useStyles = makeStyles()({\r\n\tmodalContainer: {\r\n\t\tminHeight: '420px',\r\n\t}\r\n});\r\n\r\nexport const CYNonTradingOrderBonusModal = ({ onClose }) => {\r\n\tconst { classes } = useStyles();\r\n\tconst [step, setStep] = useState('openform');\r\n\tconst modalAccount = useSelector(app.selectors.modalData);\r\n\r\n\tconst accountStatusIsAllowBonus = modalAccount && modalAccount.IsAllowBonus;\r\n\r\n\tconst titleElement = !accountStatusIsAllowBonus\r\n\t\t\t? \r\n\t\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default AgentRegistrationFormModal;\r\n","import React from 'react';\r\nimport { R, Modal, Button } from '@dev2t/react-ui-kit/src';\r\nimport { ModalPopups } from '@enums';\r\nimport { Box } from '@mui/material';\r\nimport { useTheme } from '@mui/material/styles';\r\n\r\nconst NewAgentWaitingModal = ({ onClose }) => {\r\n\tconst theme = useTheme();\r\n\tconst verticalSpacing = theme.spacing(2) + \"px\";\r\n\r\n\tconst defaultTitle = \"Please wait\";\r\n\tconst defaultMessage = 'Your agent profile is syncing now. Some of the functionality of the account may be temporarily unavailable. Please try again later.';\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\tAgency Agreement and Referral Agent Regulations .\"\r\n\t\t\t\t\t\tenableHtml\r\n\t\t\t\t\t\tcomponents={{\r\n\t\t\t\t\t\t\tagencyagmt: ,\r\n\t\t\t\t\t\t\tagencyregulations: ,\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\r\n\t\t\t\t\t\t{submitting\r\n\t\t\t\t\t\t\t?
\r\n\t\t\t\r\n\t\t\t\t{topModal}\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\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(Modals);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { useDispatch } from 'react-redux';\r\nimport { app } from '@redux';\r\nimport {\r\n\tExpansionPanel,\r\n} from '@components';\r\nimport { R, useTranslate } from '@dev2t/react-ui-kit/src/components';\r\nimport { ModalPopups } from '@enums';\r\nimport { useRealUserActionsAreAvailable } from '@hooks';\r\nimport Grid from '@mui/material/Grid';\r\nimport Button from '@mui/material/Button';\r\n\r\nconst useActions = () => {\r\n\tconst dispatch = useDispatch();\r\n\r\n\treturn ({\r\n\t\tshowChangePasswordModal: () => dispatch(app.actions.showBaseModal(ModalPopups.CY_CHANGE_PASSWORD)),\r\n\t});\r\n};\r\n\r\nconst CYAccountCredentialsPanel = props => {\r\n\tconst {\r\n\t\tonToggle,\r\n\t\tpanelId,\r\n\t\tisOpen = false,\r\n\t\tclasses,\r\n\t} = props;\r\n\r\n\tconst realUserActionsAvailable = useRealUserActionsAreAvailable();\r\n\tconst actions = useActions();\r\n\r\n\treturn (\r\n\t\tNo code provided
\r\n\t}\r\n\r\n\treturn \r\n\t\t\t\r\n\t\t\t})}\r\n\t\t
\r\n\t)\r\n}","import React from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { useCallback, useEffect } from 'react';\r\nimport { oauth } from '@redux';\r\nimport userAccounts from '@redux/userAccounts';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\nimport { capitalizeFirstLetter } from '@components/OAuth/utils';\r\nimport { useTranslate } from '@dev2t/react-ui-kit/src';\r\n\r\n\r\nexport function useOAuthLinkButton(provider, path) {\r\n\tconst dispatch = useDispatch();\r\n\tconst translate = useTranslate();\r\n\tconst providerAuthUrlSelector = oauth.selectors.getLinkUrlsSelector(provider);\r\n\tconst linkInfo = useSelector(providerAuthUrlSelector);\r\n\r\n\tconst userInfo = useSelector(userAccounts.selectors.userInfo);\r\n\tconst userInfoLoading = userInfo?.submitting ?? true;\r\n\tconst linkedProviders = useSelector(userAccounts.selectors.userInfo)?.LinkedOAuthProviders ?? [];\r\n\tconst isLinked = linkedProviders.includes(provider);\r\n\r\n\tconst link = linkInfo?.data;\r\n\tconst isLoading = linkInfo?.submitting || userInfoLoading;\r\n\tconst loaded = linkInfo?.loaded;\r\n\r\n\tuseEffect(() => {\r\n\t\tif (isLinked) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (!loaded && !isLoading) {\r\n\t\t\tdispatch(oauth.actions.getOAuthLinkUrl.request({\r\n\t\t\t\tprovider: provider,\r\n\t\t\t\tpath: path,\r\n\t\t\t}))\r\n\t\t}\r\n\t}, [isLinked, loaded, isLoading, provider, path]);\r\n\r\n\tconst onClick = useCallback(() => {\r\n\t\tif (!isLinked) {\r\n\t\t\twindow.location.href = link;\r\n\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst confirmText = translate({\r\n\t\t\tid: 'oauth_unlink_confirm_text',\r\n\t\t\ttranslateParameters: { provider: capitalizeFirstLetter(provider) },\r\n\t\t\tdefaultValue: `Are you sure you want to disconnect ${capitalizeFirstLetter(provider)}?`\r\n\t\t});\r\n\t\tif (!confirm(confirmText)) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tdispatch(oauth.actions.unLink.request({\r\n\t\t\tprovider: provider\r\n\t\t}))\r\n\t}, [isLinked, link, provider]);\r\n\r\n\tconst textElement = isLinked\r\n\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{availableProviders.map(provider => {\r\n\t\t\t\tconst OauthButtonComponent = providerComponentsMap.get(provider);\r\n\r\n\t\t\t\treturn OauthButtonComponent && \r\n\t\t\t
\r\n\t)\r\n}","import React from \"react\";\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { profile, userAccounts } from '@redux';\r\nimport {\r\n ExpansionPanel,\r\n} from '@components';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { R, useTranslate } from '@dev2t/react-ui-kit/src/components';\r\nimport { useRealUserActionsAreAvailable } from '@hooks';\r\nimport Grid from '@mui/material/Grid';\r\nimport Button from '@mui/material/Button';\r\nimport { constants, env } from '@config';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport { OAuthLink } from '@components/OAuth';\r\n\r\nconst useStyles = makeStyles()(() => ({\r\n oauth: {\r\n marginTop: '5px',\r\n }\r\n}));\r\n\r\nconst CYAccountContactsPanel = ({\r\n onToggle,\r\n panelId,\r\n isOpen = false,\r\n classes,\r\n}) => {\r\n const dispatch = useDispatch();\r\n\r\n const { classes: styles } = useStyles();\r\n\r\n const userInfo = useSelector(userAccounts.selectors.userInfo);\r\n const realUserActionsAvailable = useRealUserActionsAreAvailable();\r\n const translate = useTranslate();\r\n const canChangeEmail = realUserActionsAvailable && env.firm !== constants.LIME_INT && env.firm !== constants.LIME_NSR;\r\n\r\n\r\n const isDemo = useSelector(userAccounts.selectors.isDemoUser);\r\n const canLinkOAuth = !userInfo?.IsPotentialClientWaitingForApproval && !isDemo;\r\n\r\n return (\r\n \r\n\t\t\t\t{availableProviders.map(provider => {\r\n\t\t\t\t\tconst OAuthButtonComponent = providerComponentsMap.get (provider);\r\n\r\n\t\t\t\t\treturn OAuthButtonComponent && \r\n\t\t\t\t})}\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t{error && (\r\n\t\t\t\t\t\r\n
\r\n )}\r\n \r\n\t\t\t\t\r\n\t\t\t\t\t{realUserActionsAreAvailable && \r\n\t\t\t\t{shouldShowNotifications &&
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nCYProfile.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithRouter,\r\n\twithRealUserActionsAreAvailable,\r\n\tconnect(mapStateToProps, null),\r\n)(withStyles(CYProfile, styles));\r\n","import React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { ExpansionPanel\t} from '@components';\r\nimport { userAccounts } from '@redux';\r\nimport { CYReportsFilter, CYReportsPagingTable } from './components';\r\n\r\nexport const CYReport = (props) => {\r\n\tconst currentAccount = useSelector(userAccounts.selectors.currentAccount);\r\n\tconst accounts = useSelector(userAccounts.selectors.accounts);\r\n\tconst tradeCode = currentAccount || accounts.find(a => !a.IsDemo)?.TradeCode;\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\t{env.firm === constants.FIRM_J2T\r\n\t\t\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\nReports.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default withStyles(Reports, styles);\r\n","import React from 'react';\r\nimport classNames from 'classnames';\r\nimport { makeStyles } from 'tss-react/mui';\r\n\r\nconst useStyles = makeStyles()((theme, _, classes) => ({\r\n\tyesBadge: {},\r\n\tnoBadge: {},\r\n\r\n\tbadge: {\r\n\t\tdisplay: 'inline-block',\r\n\t\tpadding: '2px 8px',\r\n\t\tborderRadius: '4px',\r\n\t\tfontSize: '11px',\r\n\t\tfontWeight: 'bold',\r\n\t\tletterSpacing: '0.5px',\r\n\t\ttextTransform: 'uppercase',\r\n\t\tlineHeight: '1.4',\r\n\r\n\t\t[`&.${classes.yesBadge}`]: {\r\n\t\t\tcolor: theme.palette.success.main,\r\n\t\t\tbackgroundColor: '#d1f5d3',\r\n\t\t},\r\n\t\t[`&.${classes.noBadge}`]: {\r\n\t\t\tcolor: theme.palette.error.main,\r\n\t\t\tbackgroundColor: theme.palette.error.light,\r\n\t\t},\r\n\t}\r\n}));\r\n\r\nexport function PredictionMarketMarketChip({ value }) {\r\n\tconst { classes } = useStyles();\r\n\r\n\tif (!value) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst normalizedValue = value.toLowerCase();\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t{value}\r\n\t\t\r\n\t)\r\n}\r\n","import React, { useEffect } from 'react';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport moment from 'moment';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\nimport { predictionMarket } from '@redux';\r\nimport { DateRangePicker, ProgressContainer } from '@components';\r\nimport {\r\n\tTable,\r\n\tTableBody,\r\n\tTableCell,\r\n\tTableHead,\r\n\tTableRow,\r\n} from '@mui/material';\r\nimport { NotInterested as NoDataIcon } from '@mui/icons-material';\r\nimport { PredictionMarketMarketChip } from './PredictionMarketMarketChip';\r\nimport { usePropRef } from '@dev2t/react-ui-kit/src/hooks';\r\nimport { useMoneyFormat } from '@hooks';\r\n\r\nconst DATA_REFRESH_DELAY = 5000;\r\n\r\nconst useStyles = makeStyles()(theme => ({\r\n\troot: {\r\n\t\t...theme.customstyles.body,\r\n\t\tpadding: '16px 72px',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\tpadding: '8px 24px',\r\n\t\t},\r\n\t},\r\n\tfilters: {\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'end',\r\n\t\tpadding: '15px 0',\r\n\t},\r\n\tpicture: {\r\n\t\tborderRadius: '4px',\r\n\t},\r\n\ttable: {\r\n\t\tbackgroundColor: theme.palette.background.default,\r\n\t},\r\n\ttableRow: {\r\n\t\tborderBottom: '1px solid #deeaef',\r\n\t},\r\n\tvaluesRow: {\r\n\t\tborderBottom: '1px solid #deeaef',\r\n\t\t'&:last-child': {\r\n\t\t\tborderBottom: 'none',\r\n\t\t},\r\n\t},\r\n\ttableCell: {\r\n\t\tborderBottom: 'none',\r\n\t\ttextAlign: 'left',\r\n\t},\r\n\ttableCellRight: {\r\n\t\tborderBottom: 'none',\r\n\t\ttextAlign: 'right',\r\n\t},\r\n\theadCell: {\r\n\t\tborder: 'none',\r\n\t\tfontSize: '12px',\r\n\t\tlineHeight: 1.5,\r\n\t\tverticalAlign: 'top',\r\n\t\tboxSizing: 'border-box',\r\n\t\ttextAlign: 'left',\r\n\t},\r\n\theadCellRight: {\r\n\t\tborder: 'none',\r\n\t\tfontSize: '12px',\r\n\t\tlineHeight: 1.5,\r\n\t\tverticalAlign: 'top',\r\n\t\tboxSizing: 'border-box',\r\n\t\ttextAlign: 'right',\r\n\t},\r\n\tnameCell: {\r\n\t\tpaddingTop: 16,\r\n\t\tpaddingBottom: 0,\r\n\t\tborderBottom: 'none',\r\n\t\tfontWeight: 500,\r\n\t},\r\n\tmarketCell: {\r\n\t\tdisplay: 'flex',\r\n\t\tgap: '3px',\r\n\t\talignItems: 'center',\r\n\t},\r\n\tnameRow: {\r\n\t\tdisplay: 'flex',\r\n\t\tgap: '5px',\r\n\t\talignItems: 'center',\r\n\t},\r\n\tnoDataCell: {\r\n\t\tborder: 'none',\r\n\t\tpaddingBottom: 0,\r\n\t},\r\n\tnoDataBox: {\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'center',\r\n\t\talignItems: 'center',\r\n\t\tgap: '10px',\r\n\t},\r\n}));\r\n\r\nconst SNAPSHOT_TIME_FROM_SUFFIX = 'T00:00:00.000Z';\r\nconst SNAPSHOT_TIME_TO_SUFFIX = 'T23:59:59.999Z';\r\n\r\nconst formatDate = date => moment(date).format('YYYY-MM-DD');\r\n\r\nexport const OrdersTable = ({ accountLogin }) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst { classes } = useStyles();\r\n const moneyFormat = useMoneyFormat();\r\n\tconst predictionMarketOrders = useSelector(predictionMarket.selectors.orders);\r\n\tconst { submitting, loaded, data } = predictionMarketOrders;\r\n\tconst dates = predictionMarketOrders.dates;\r\n\tconst orders = data?.orders ?? [];\r\n\r\n\tconst payload = {\r\n\t\tlogin: accountLogin,\r\n\t\tsnapshotTimeFrom: `${dates.snapshotTimeFrom}${SNAPSHOT_TIME_FROM_SUFFIX}`,\r\n\t\tsnapshotTimeTo: `${dates.snapshotTimeTo}${SNAPSHOT_TIME_TO_SUFFIX}`,\r\n\t};\r\n\r\n\t// для поллинга: актуальное значение submitting, не зависящее от замыкания\r\n\tconst submittingRef = usePropRef(submitting);\r\n\tconst payloadRef = usePropRef(payload);\r\n\r\n\tconst reloadData = (newPayload) => {\r\n\t\tdispatch(predictionMarket.actions.getPredictionMarketOrders.request(newPayload));\r\n\t};\r\n\r\n\tconst onStartDateChange = (newStartDate) => {\r\n\t\treloadData({\r\n\t\t\t...payload,\r\n\t\t\tsnapshotTimeFrom: `${formatDate(newStartDate)}${SNAPSHOT_TIME_FROM_SUFFIX}`,\r\n\t\t});\r\n\t};\r\n\r\n\tconst onEndDateChange = (newEndDate) => {\r\n\t\treloadData({\r\n\t\t\t...payload,\r\n\t\t\tsnapshotTimeTo: `${formatDate(newEndDate)}${SNAPSHOT_TIME_TO_SUFFIX}`,\r\n\t\t});\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tif (accountLogin) {\r\n\t\t\treloadData(payload);\r\n\r\n\t\t\t// автообновление данных; тик пропускается, пока летит предыдущий запрос\r\n\t\t\tconst timer = setInterval(() => {\r\n\t\t\t\tif (submittingRef.current) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\treloadData(payloadRef.current);\r\n\t\t\t}, DATA_REFRESH_DELAY);\r\n\r\n\t\t\treturn () => clearInterval(timer);\r\n\t\t}\r\n\t}, [accountLogin]);\r\n\r\n\treturn (\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\r\n\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","import React, { useEffect } from 'react';\r\nimport classNames from 'classnames';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\nimport { predictionMarket } from '@redux';\r\nimport {\r\n\tTable,\r\n\tTableBody,\r\n\tTableCell,\r\n\tTableHead,\r\n\tTableRow,\r\n} from '@mui/material';\r\nimport { NotInterested as NoDataIcon } from '@mui/icons-material';\r\nimport { ProgressContainer } from '@components';\r\nimport { PredictionMarketMarketChip } from './PredictionMarketMarketChip';\r\nimport { onPositionNameClick } from '../redirectToMarket';\r\nimport { usePropRef } from '@dev2t/react-ui-kit/src/hooks';\r\nimport { useMoneyFormat } from '@hooks';\r\n\r\nconst DATA_REFRESH_DELAY = 5000;\r\n\r\nconst useStyles = makeStyles()(theme => ({\r\n\troot: {\r\n\t\t...theme.customstyles.body,\r\n\t\tpadding: '16px 72px',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\tpadding: '8px 24px',\r\n\t\t},\r\n\t},\r\n\tpicture: {\r\n\t\tborderRadius: '4px',\r\n\t},\r\n\ttable: {\r\n\t\tbackgroundColor: theme.palette.background.default,\r\n\t},\r\n\ttableRow: {\r\n\t\tborderBottom: '1px solid #deeaef',\r\n\t},\r\n\tvaluesRow: {\r\n\t\tborderBottom: '1px solid #deeaef',\r\n\t\t'&:last-child': {\r\n\t\t\tborderBottom: 'none',\r\n\t\t},\r\n\t},\r\n\ttableCell: {\r\n\t\tborderBottom: 'none',\r\n\t\ttextAlign: 'left',\r\n\t},\r\n\ttableCellRight: {\r\n\t\tborderBottom: 'none',\r\n\t\ttextAlign: 'right',\r\n\t},\r\n\theadCell: {\r\n\t\tborder: 'none',\r\n\t\tfontSize: '12px',\r\n\t\tlineHeight: 1.5,\r\n\t\tverticalAlign: 'top',\r\n\t\tboxSizing: 'border-box',\r\n\t\ttextAlign: 'left',\r\n\t},\r\n\theadCellRight: {\r\n\t\tborder: 'none',\r\n\t\tfontSize: '12px',\r\n\t\tlineHeight: 1.5,\r\n\t\tverticalAlign: 'top',\r\n\t\tboxSizing: 'border-box',\r\n\t\ttextAlign: 'right',\r\n\t},\r\n\tnameCell: {\r\n\t\tpaddingTop: 16,\r\n\t\tpaddingBottom: 0,\r\n\t\tborderBottom: 'none',\r\n\t\tfontWeight: 500,\r\n\t},\r\n\tmarketCell: {\r\n\t\tdisplay: 'flex',\r\n\t\tgap: '3px',\r\n\t\talignItems: 'center',\r\n\t},\r\n\tnameRow: {\r\n\t\tdisplay: 'flex',\r\n\t\tgap: '5px',\r\n\t\talignItems: 'center',\r\n\t},\r\n\tnoDataCell: {\r\n\t\tborder: 'none',\r\n\t\tpaddingBottom: 0,\r\n\t},\r\n\tnoDataBox: {\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'center',\r\n\t\talignItems: 'center',\r\n\t\tgap: '10px',\r\n\t},\r\n\tpositiveValueCell: {\r\n\t\tcolor: theme.palette.success.main,\r\n\t},\r\n\tnegativeValueCell: {\r\n\t\tcolor: theme.palette.error.main,\r\n\t},\r\n\tneutralValueCell: {\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n\teventName: {\r\n\t\tcursor: 'pointer',\r\n\r\n\t\t['&:hover']: {\r\n\t\t\ttextDecoration: 'underline'\r\n\t\t}\r\n\t}\r\n}));\r\n\r\nconst getIndicatorCellClass = (value, classes) => {\r\n\tconst num = Number(value);\r\n\tif (num === 0) {\r\n\t\treturn classes.neutralValueCell;\r\n\t}\r\n\r\n\treturn num > 0 ? classes.positiveValueCell : classes.negativeValueCell;\r\n}\r\n\r\nexport const PortfolioTable = ({ accountLogin }) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst { classes } = useStyles();\r\n\tconst moneyFormat = useMoneyFormat();\r\n\r\n\tconst predictionMarketPortfolio = useSelector(predictionMarket.selectors.portfolio);\r\n\tconst { submitting, loaded, data } = predictionMarketPortfolio;\r\n\tconst positions = data?.positions ?? [];\r\n\r\n\t// для поллинга: актуальное значение submitting, не зависящее от замыкания\r\n\tconst submittingRef = usePropRef(submitting);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (accountLogin) {\r\n\t\t\tdispatch(predictionMarket.actions.getPredictionMarketPortfolio.request({\r\n\t\t\t\tlogin: accountLogin,\r\n\t\t\t}));\r\n\r\n\t\t\t// автообновление данных портфолио; тик пропускается, пока летит предыдущий запрос\r\n\t\t\tconst timer = setInterval(() => {\r\n\t\t\t\tif (submittingRef.current) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tdispatch(predictionMarket.actions.getPredictionMarketPortfolio.request({\r\n\t\t\t\t\tlogin: accountLogin,\r\n\t\t\t\t}));\r\n\t\t\t}, DATA_REFRESH_DELAY);\r\n\r\n\t\t\treturn () => clearInterval(timer);\r\n\t\t}\r\n\t}, [accountLogin]);\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t
\r\n\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\t \r\n\t\t
\r\n\t);\r\n};\r\n","import React, { useEffect } from 'react';\r\nimport classNames from 'classnames';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport moment from 'moment';\r\nimport { predictionMarket } from '@redux';\r\nimport { DateRangePicker, ProgressContainer } from '@components';\r\nimport {\r\n\tTable,\r\n\tTableBody,\r\n\tTableCell,\r\n\tTableHead,\r\n\tTableRow,\r\n} from '@mui/material';\r\nimport { NotInterested as NoDataIcon } from '@mui/icons-material';\r\nimport { PredictionMarketMarketChip } from './PredictionMarketMarketChip';\r\nimport { usePropRef } from '@dev2t/react-ui-kit/src/hooks';\r\nimport { useMoneyFormat } from '@hooks';\r\n\r\nconst DATA_REFRESH_DELAY = 5000;\r\n\r\nconst useStyles = makeStyles()(theme => ({\r\n\troot: {\r\n\t\t...theme.customstyles.body,\r\n\t\tpadding: '16px 72px',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\tpadding: '8px 24px',\r\n\t\t},\r\n\t},\r\n\tfilters: {\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'end',\r\n\t\tpadding: '15px 0',\r\n\t},\r\n\tpicture: {\r\n\t\tborderRadius: '4px',\r\n\t},\r\n\ttable: {\r\n\t\tbackgroundColor: theme.palette.background.default,\r\n\t},\r\n\ttableRow: {\r\n\t\tborderBottom: '1px solid #deeaef',\r\n\t},\r\n\tvaluesRow: {\r\n\t\tborderBottom: '1px solid #deeaef',\r\n\t\t'&:last-child': {\r\n\t\t\tborderBottom: 'none',\r\n\t\t},\r\n\t},\r\n\ttableCell: {\r\n\t\tborderBottom: 'none',\r\n\t\ttextAlign: 'left',\r\n\t},\r\n\ttableCellRight: {\r\n\t\tborderBottom: 'none',\r\n\t\ttextAlign: 'right',\r\n\t},\r\n\theadCell: {\r\n\t\tborder: 'none',\r\n\t\tfontSize: '12px',\r\n\t\tlineHeight: 1.5,\r\n\t\tverticalAlign: 'top',\r\n\t\tboxSizing: 'border-box',\r\n\t\ttextAlign: 'left',\r\n\t},\r\n\theadCellRight: {\r\n\t\tborder: 'none',\r\n\t\tfontSize: '12px',\r\n\t\tlineHeight: 1.5,\r\n\t\tverticalAlign: 'top',\r\n\t\tboxSizing: 'border-box',\r\n\t\ttextAlign: 'right',\r\n\t},\r\n\tnameCell: {\r\n\t\tpaddingTop: 16,\r\n\t\tpaddingBottom: 0,\r\n\t\tborderBottom: 'none',\r\n\t\tfontWeight: 500,\r\n\t},\r\n\tmarketCell: {\r\n\t\tdisplay: 'flex',\r\n\t\tgap: '3px',\r\n\t\talignItems: 'center',\r\n\t},\r\n\tnameRow: {\r\n\t\tdisplay: 'flex',\r\n\t\tgap: '5px',\r\n\t\talignItems: 'center',\r\n\t},\r\n\tnoDataCell: {\r\n\t\tborder: 'none',\r\n\t\tpaddingBottom: 0,\r\n\t},\r\n\tnoDataBox: {\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'center',\r\n\t\talignItems: 'center',\r\n\t\tgap: '10px',\r\n\t},\r\n\tpositiveValueCell: {\r\n\t\tcolor: theme.palette.success.main,\r\n\t},\r\n\tnegativeValueCell: {\r\n\t\tcolor: theme.palette.error.main,\r\n\t},\r\n\tneutralValueCell: {\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n}));\r\n\r\nconst SNAPSHOT_TIME_FROM_SUFFIX = 'T00:00:00.000Z';\r\nconst SNAPSHOT_TIME_TO_SUFFIX = 'T23:59:59.999Z';\r\n\r\nconst formatDate = date => moment(date).format('YYYY-MM-DD');\r\n\r\nconst getIndicatorCellClass = (value, classes) => {\r\n\tconst num = Number(value);\r\n\tif (num === 0) {\r\n\t\treturn classes.neutralValueCell;\r\n\t}\r\n\r\n\treturn num > 0 ? classes.positiveValueCell : classes.negativeValueCell;\r\n}\r\n\r\nexport const TradesTable = ({ accountLogin }) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst { classes } = useStyles();\r\n const moneyFormat = useMoneyFormat();\r\n\tconst predictionMarketTrades = useSelector(predictionMarket.selectors.trades);\r\n\tconst { submitting, loaded, data } = predictionMarketTrades;\r\n\tconst dates = predictionMarketTrades.dates;\r\n\tconst trades = data?.trades ?? [];\r\n\r\n\tconst payload = {\r\n\t\tlogin: accountLogin,\r\n\t\tsnapshotTimeFrom: `${dates.snapshotTimeFrom}${SNAPSHOT_TIME_FROM_SUFFIX}`,\r\n\t\tsnapshotTimeTo: `${dates.snapshotTimeTo}${SNAPSHOT_TIME_TO_SUFFIX}`,\r\n\t};\r\n\r\n\t// для поллинга: актуальное значение submitting, не зависящее от замыкания\r\n\tconst submittingRef = usePropRef(submitting);\r\n\tconst payloadRef = usePropRef(payload);\r\n\r\n\tconst reloadData = (newPayload) => {\r\n\t\tdispatch(predictionMarket.actions.getPredictionMarketTrades.request(newPayload));\r\n\t};\r\n\r\n\tconst onStartDateChange = (newStartDate) => {\r\n\t\treloadData({\r\n\t\t\t...payload,\r\n\t\t\tsnapshotTimeFrom: `${formatDate(newStartDate)}${SNAPSHOT_TIME_FROM_SUFFIX}`,\r\n\t\t});\r\n\t};\r\n\r\n\tconst onEndDateChange = (newEndDate) => {\r\n\t\treloadData({\r\n\t\t\t...payload,\r\n\t\t\tsnapshotTimeTo: `${formatDate(newEndDate)}${SNAPSHOT_TIME_TO_SUFFIX}`,\r\n\t\t});\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tif (accountLogin) {\r\n\t\t\treloadData(payload);\r\n\r\n\t\t\t// автообновление данных; тик пропускается, пока летит предыдущий запрос\r\n\t\t\tconst timer = setInterval(() => {\r\n\t\t\t\tif (submittingRef.current) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\treloadData(payloadRef.current);\r\n\t\t\t}, DATA_REFRESH_DELAY);\r\n\r\n\t\t\treturn () => clearInterval(timer);\r\n\t\t}\r\n\t}, [accountLogin]);\r\n\r\n\treturn (\r\n\t\t\r\n\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","import React, { useState } from 'react';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport { Tab, Tabs } from '@mui/material';\r\nimport { useSelector } from 'react-redux';\r\nimport { userAccounts } from '@redux';\r\nimport { OrdersTable, PortfolioTable, TradesTable } from './components';\r\nimport PropTypes from 'prop-types';\r\nimport { ProgressContainer } from '@components';\r\n\r\nconst TABS = {\r\n\tPortfolio: {\r\n\t\tid: 'Positions',\r\n\t},\r\n\tOrders: {\r\n\t\tid: 'Orders',\r\n\t},\r\n\tTrades: {\r\n\t\tid: 'History',\r\n\t},\r\n};\r\n\r\nconst componentsTabMap = new Map([\r\n\t[TABS.Portfolio.id, PortfolioTable],\r\n\t[TABS.Orders.id, OrdersTable],\r\n\t[TABS.Trades.id, TradesTable],\r\n])\r\n\r\nconst useStyles = makeStyles()({\r\n\troot: {\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t\tgap: '10px',\r\n\t},\r\n\ttab: {\r\n\t\tminWidth: '0px',\r\n\t},\r\n});\r\n\r\nfunction Portfolio({ match }) {\r\n\tconst { classes } = useStyles();\r\n\tconst [selectedTab, setSelectedTab] = useState(TABS.Portfolio.id);\r\n\tconst accounts = useSelector(userAccounts.selectors.accounts);\r\n\tconst accountsLoading = useSelector(userAccounts.selectors.accountsLoading);\r\n\r\n\tconst accountTradeCode = match.params.accid;\r\n\tconst currentAccount = accounts.find(acc => acc.TradeCode === accountTradeCode);\r\n\tconst login = currentAccount?.Login;\r\n\r\n\tconst PageComponent = componentsTabMap.get(selectedTab) ?? React.Fragment;\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\r\n\t\t\t\t\t setSelectedTab (value)}\r\n\t\t\t\t\t\tindicatorColor=\"primary\"\r\n\t\t\t\t\t\ttextColor=\"primary\"\r\n\t\t\t\t\t\tcentered\r\n\t\t\t\t\t\tvalue={selectedTab}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{Object.values (TABS).map (tab => (\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\r\n\t\t\t\t\t{currentAccountIsDemo ? 'Paper money' :
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t{!accountsLoading && (\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 {}}\r\n\t\t\t\t\t\t\tisHidden\r\n\t\t\t\t\t\t\tMenuProps={{\r\n\t\t\t\t\t\t\t\tanchorOrigin: {\r\n\t\t\t\t\t\t\t\t\tvertical: 'top',\r\n\t\t\t\t\t\t\t\t\thorizontal: 'left',\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\ttransformOrigin: {\r\n\t\t\t\t\t\t\t\t\tvertical: 16,\r\n\t\t\t\t\t\t\t\t\thorizontal: 'left',\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{accounts.map((account, index) => {\r\n\t\t\t\t\t\t\t\tif (\r\n\t\t\t\t\t\t\t\t\t!account.IsClosed\r\n\t\t\t\t\t\t\t\t\t|| currentAccount === account.TradeCode\r\n\t\t\t\t\t\t\t\t\t|| showClosedAccounts\r\n\t\t\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\t\t\tif (account.IsClosed) {\r\n\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\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}\r\n\t\t\t\t\t\t\t\t\treturn (\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\treturn '';\r\n\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t{closedAccountsExist && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{showClosedAccounts ? (\r\n\t\t\t\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\nAccountSelection.propTypes = {\r\n\tcurrentAccount: PropTypes.string.isRequired,\r\n\tcurrentAccountDisplayFullName: PropTypes.string.isRequired,\r\n\tclasses: PropTypes.object.isRequired,\r\n\taccountsLoading: PropTypes.bool.isRequired,\r\n\taccounts: PropTypes.array.isRequired,\r\n\tcurrentAccountIsDemo: PropTypes.bool,\r\n\tactions: PropTypes.shape({\r\n\t\tsetCurrentAccount: PropTypes.func.isRequired,\r\n\t\tsetCurrentPage: PropTypes.func.isRequired,\r\n\t\tsidebarClose: PropTypes.func.isRequired,\r\n\t\tshowConfirmModal: PropTypes.func.isRequired,\r\n\t}).isRequired,\r\n};\r\n\r\nexport default compose(\r\n\tconnect(mapStateToProps, mapDispatchToProps)\r\n)(withStyles(AccountSelection, styles));\r\n","/* eslint-disable max-len */\r\nimport React from 'react';\r\nimport { withStyles } from 'tss-react/mui';\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\tuserAccounts,\r\n\tauth,\r\n} from '@redux';\r\nimport {\r\n\tCollapse,\r\n\tList,\r\n\tListItemIcon,\r\n\tListItemText,\r\n} from '@mui/material';\r\nimport { ExpandLess, ExpandMore, VpnKey as VpnKeyIcon } from '@mui/icons-material';\r\nimport { compose } from '@utils';\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 { scrollToTop } from '@global';\r\nimport { withRealUserActionsAreAvailable, useAccount } from '@hooks';\r\nimport { AccountType } from '@enums';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\theight: 'auto',\r\n\t},\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\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\tloadAnketa: () => dispatch(auth.actions.continueRegistration.request({ source: 'menu' })),\r\n\t},\r\n});\r\n\r\nconst mapStateToProps = 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.accountsLoading(state),\r\n\tselectedAccount: userAccounts.selectors.selectedAccount(state),\r\n\tlanguage: app.selectors.language(state),\r\n});\r\n\r\nconst withHasMt5Account = (Component) => {\r\n\treturn (props) => {\r\n\t\tconst hasMt5Account = useAccount(AccountType.MT5).filter(a => !a.IsDemo).length > 0;\r\n\t\treturn {currentAccountDisplayFullName}
\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
\r\n\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\r\nexport default compose(\r\n\twithRealUserActionsAreAvailable,\r\n\twithHasMt5Account,\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(withStyles(AccountActions, styles));","/* eslint-disable max-len */\r\nimport React from 'react';\r\nimport { useTheme } from '@mui/material/styles';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport { useDispatch } from 'react-redux';\r\nimport { push } from 'connected-react-router';\r\nimport {\r\n\tdashboard,\r\n\tuserAccounts,\r\n} from '@redux';\r\nimport {\r\n\tList,\r\n\tListItemIcon,\r\n\tListItemText,\r\n} from '@mui/material';\r\nimport {\r\n\tError as ErrorIcon,\r\n\tVpnKeyOutlined as VpnKeyOutlinedIcon,\r\n} from '@mui/icons-material';\r\nimport { SvgIcon, ListItem } from '@components';\r\nimport {\r\n\tuseTranslate,\r\n\tuseCryptoExchangeWidgetIsAvailable,\r\n\tR,\r\n} from '@dev2t/react-ui-kit/src/components';\r\nimport { AccountType } from '@enums';\r\nimport { useAccount, useRealUserActionsAreAvailable, useProxyPostRequest } from '@hooks';\r\nimport { scrollToTop } from '@global';\r\n\r\nconst useStyles = makeStyles()(theme => ({\r\n\troot: {},\r\n\tlistItemText: {\r\n\t\t...theme.customstyles.body,\r\n\t},\r\n}));\r\n\r\nconst useActions = () => {\r\n\tconst dispatch = useDispatch();\r\n\treturn {\r\n\t\tsetCurrentPage: page => dispatch(push(page)),\r\n\t\tsidebarClose: () => dispatch(dashboard.actions.sidebarClose()),\r\n\t\tshowFreeFormOrderModal: () => dispatch(userAccounts.actions.showNonTradingFreeFormOrderModal()),\r\n\t};\r\n};\r\n\r\nconst ExchangeAccountAction = ({ disabled, showPage }) => {\r\n\tconst translate = useTranslate();\r\n\tconst { classes } = useStyles();\r\n\tconst theme = useTheme();\r\n\r\n\treturn (\r\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
\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default AccountActions;","/* eslint-disable max-len */\r\nimport React from 'react';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport { connect } from 'react-redux';\r\nimport { push } from 'connected-react-router';\r\nimport {\r\n\tapp,\r\n\tdashboard,\r\n\tuserAccounts,\r\n\tauth,\r\n} from '@redux';\r\nimport List from '@mui/material/List';\r\nimport ListItemIcon from '@mui/material/ListItemIcon';\r\nimport ListItemText from '@mui/material/ListItemText';\r\nimport Collapse from '@mui/material/Collapse';\r\nimport ExpandLess from '@mui/icons-material/ExpandLess';\r\nimport ExpandMore from '@mui/icons-material/ExpandMore';\r\nimport { compose } from '@utils';\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 { scrollToTop } from '@global';\r\nimport { withRealUserActionsAreAvailable, useAccount } from '@hooks';\r\nimport VpnKeyIcon from '@mui/icons-material/VpnKey';\r\nimport { AccountType } from '@enums';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\theight: 'auto',\r\n\t},\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\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\tloadAnketa: () => dispatch(auth.actions.continueRegistration.request({ source: 'menu' })),\r\n\t},\r\n});\r\n\r\nconst mapStateToProps = 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.accountsLoading(state),\r\n\tselectedAccount: userAccounts.selectors.selectedAccount(state),\r\n\tlanguage: app.selectors.language(state),\r\n});\r\n\r\nconst withHasMt5Account = (Component) => {\r\n\treturn (props) => {\r\n\t\tconst hasMt5Account = useAccount(AccountType.MT5).filter(a => !a.IsDemo).length > 0;\r\n\t\treturn - \r\n\t\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\nexport default compose(\r\n\twithRealUserActionsAreAvailable,\r\n\twithHasMt5Account,\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(withStyles(AccountActions, styles));\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 'tss-react/mui';\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 '@utils';\r\nimport { connect } from 'react-redux';\r\n\r\nimport {\r\n\tAccountSelection,\r\n\tSidebarLogo,\r\n\tAccountActions,\r\n\tAccountActionsJ2TX,\r\n\tAccountActionsJ2T,\t\r\n} from './components';\r\n\r\nconst styles = {\r\n\troot: {\r\n\t\toverflow: 'hidden',\r\n\t\theight: '100%',\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t},\r\n\taction: {\r\n\t\tflex: 1,\r\n\t\tminHeight: 0,\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t\toverflowY: 'auto',\r\n\t\toverflowX: 'hidden',\r\n\t},\r\n\taccountActions: {\r\n\t\tflexShrink: 0,\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\tflexShrink: 0,\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\tagentPartnerCabinetRedirect: agent.selectors.partnerCabinetRedirect(state),\r\n\tuserInfo: userAccounts.selectors.userInfo(state),\r\n\tuserInfoLoading: userAccounts.selectors.userInfo(state).submitting,\r\n\talerts: alerts.selectors.alerts(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\t\tconsole.log('SidebarContent', constants.FIRM_J2T, env.firm)\r\n\t\treturn (\r\n\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{/* IsPotentialClientWaitingForApproval = есть Guid, но нет реальных счетов*/}\r\n\t\t\t\t{[constants.LIME_LME, constants.FIRM_J2TX, constants.FIRM_J2T].some(x => x === env.firm) || 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\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(withStyles(SidebarContent, styles));\r\n","import React from 'react';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport { Box } from '@mui/material';\r\nimport PropTypes from 'prop-types';\r\nimport { withRouter } from 'react-router';\r\nimport { dashboard } from '@redux';\r\nimport { Drawer } from '@mui/material';\r\nimport { connect } from 'react-redux';\r\nimport { compose } from '@utils';\r\nimport { constants, env } from '@config';\r\nimport { SidebarContent } from './components';\r\n\r\nconst drawerWidth = 272;\r\nconst maxWidth = 1440;\r\nconst headerHeight = 64;\r\n\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\t...(constants.FIRM_J2T === env.firm && {\r\n\t\t\t\ttop: `${headerHeight}px`,\r\n\t\t\t\theight: `calc(100% - ${headerHeight}px)`,\r\n\t\t\t}),\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\nconst mapDispatchToProps = dispatch => ({\r\n\tactions: {\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\r\n\t\t\t\t\t
\r\n\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\r\n\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\tuserInfo.IsReadyToBecomeAgent &&\r\n\t\t\t\t\t\t\tuserInfo.Guid &&\r\n\t\t\t\t\t\t\t!hasRestrictionsToAgentCabinet\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>\r\n\t\t\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\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\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(withStyles(Sidebar, styles));\r\n","import React from 'react';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport { red, green, grey } from '@mui/material/colors';\r\nimport PropTypes from 'prop-types';\r\nimport { IconButton, Snackbar as MuiSnackbar } from '@mui/material';\r\nimport { connect } from 'react-redux';\r\nimport { compose } from '@utils';\r\nimport { SvgIcon } from '@components';\r\nimport { snackbar } from '@redux';\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\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\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\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\r\n\t\t\t{isOpen &&\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t{fundAvailable &&
\r\n\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{title === 'success' &&\r\n\t\t\t\t
\r\n\t);\r\n}","import React from 'react';\r\nimport { Route, Switch } from 'react-router-dom';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport { ProgressContainer } from '@components';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\nimport { CYCashManagement } from './components/CashManagement/CYCashManagement';\r\nimport { PaymentGateCallback } from './components/CashManagement/PaymentGateCallback';\r\n\r\nconst useStyles = makeStyles()(theme => ({\r\n\tcontent: {\r\n\t\t...theme.customstyles.body,\r\n\t\tpadding: '16px 72px',\r\n\t\tmarginBottom: '30px',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\tpadding: '8px 24px',\r\n\t\t},\r\n\t},\r\n\tcontentItem: {\r\n\t\tmarginBottom: '30px',\r\n\t},\r\n\tendItem: {\r\n\t\theight: '30px',\r\n\t},\r\n\theader: {\r\n\t\t...theme.customstyles.headline1,\r\n\t\t...theme.palette.text.primary,\r\n\t\tpadding: '8px 0',\r\n\t},\r\n}));\r\n\r\nconst CashManagementContent = ({ match }) => {\r\n\tconst { classes } = useStyles();\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t}\r\n\t\t\t{title === 'fail' &&\r\n\t\t\t\t\r\n\t\t\t\t\t\tThe transaction was successful.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\tThe funds will be credited to your account in a few minutes.\r\n\t\t\t\t\t\t \tOtherwise contact your manager or send your request to the e-mail support@int.lime.co\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}\r\n\t\t\t{title === 'complete' &&\r\n\t\t\t\t\r\n\t\t\t\t\t\tError occured when funding an account.\r\n\t\t\t\t\t\tUse one of the alternative ways to retry.\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\t\t\t\t\t\tAccount funding is completed.\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t);\r\n}\r\n\r\nexport default CashManagementContent;\r\n","export default __webpack_public_path__ + \"content/assets/a793f0c2cb6d9c28a302fe51bb6df6bc.png\";","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { useDispatch } from 'react-redux';\r\nimport { Button, SvgIcon } from '@components';\r\nimport { tradePlatforms } from '@redux';\r\n\r\nconst PlatformButton = ({\r\n\tlink,\r\n\ticon,\r\n\tlabel,\r\n\taccounts,\r\n\tnewTab,\r\n\tclassName,\r\n}) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst requestProgramLink = (code, login) => {\r\n\t\tdispatch(tradePlatforms.actions.getProgramsLink.request({ code, login }));\r\n\t};\r\n\tconst buttonProps = {\r\n\t\tclassName,\r\n\t\tvariant: 'outlined',\r\n\t\tcolor: 'primary',\r\n\t\tsize: 'small',\r\n\t\tstartIcon: \r\n\t\t\t\t
\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\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\r\n\t\t\t\t\t
);\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 setActiveTab(value)}\r\n\t\t\t\t\tindicatorColor=\"primary\"\r\n\t\t\t\t\ttextColor=\"primary\"\r\n\t\t\t\t\tcentered\r\n\t\t\t\t\tvalue={activeTab}\r\n\t\t\t\t>\r\n\t\t\t\t\t
\r\n\t\t);\r\n};\r\n\r\nTradingPlatforms.propTypes = {\r\n\tclasses: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\twithRouter,\r\n)(withStyles(TradingPlatforms, styles));\r\n","import { Button } from '@components';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport { CircularProgress } from '@mui/material';\r\nimport React, { useState } from 'react';\r\nimport {\r\n MoneyActionState,\r\n} from '@dev2t/react-ui-kit/src';\r\nimport classNames from 'classnames';\r\n\r\nconst useStyles = makeStyles()(theme => ({\r\n button: {\r\n flex: '1 0 80px',\r\n minWidth: '80px',\r\n width: '100%',\r\n margin: '5px',\r\n },\r\n buttonLoading: {\r\n pointerEvents: 'none',\r\n },\r\n buttonLoader: {\r\n color: theme.palette.primary.main,\r\n },\r\n}));\r\n\r\nexport const MoneyActionWithButtonJ2TX = ({ id, label, title, modal, state }) => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n const { classes } = useStyles();\r\n\r\n const loading = state === MoneyActionState.LOADING;\r\n\r\n return (\r\n <>\r\n \r\n\t\t\t\t\t
\r\n\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
\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{links.mt5.android && (\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\tMetaTrader 5
\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\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
\r\n\t\t\t\t\t\tDesktop
\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\t{links.mt5.ios && (\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\tMetaTrader 5 for Android
\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\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
\r\n\t\t\t\t\t\tMobile
\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\t{links.mt5.webTerminal && (\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\tMetaTrader 5 for iPhone, iPad
\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\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
\r\n\t\t\t\t\t\tMobile
\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<>\r\n\t\t\t\t\t\t{links.mt4.desktop && (\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\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\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
\r\n\t\t\t\t\t\tWeb
\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\t{links.mt4.webTerminal && (\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\tMetaTrader 4
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tPC — Download MetaTrader (4.4 Mb).\"\r\n\t\t\t\t\t\t\t\t\t\tenableHtml\r\n\t\t\t\t\t\t\t\t\t\tcomponents={{\r\n\t\t\t\t\t\t\t\t\t\t\tdownloadmt: ,\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\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
\r\n\t\t\t\t\t\tDesktop
\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\t{links.mt4.android && (\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\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\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
\r\n\t\t\t\t\t\tWeb
\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\t{links.mt4.ios && (\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\tMetaTrader 4 for Android
\r\n\t\t\t\t\t\t\t\t\r\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.\"\r\n\t\t\t\t\t\t\t\t\t\tenableHtml\r\n\t\t\t\t\t\t\t\t\t\tcomponents={{\r\n\t\t\t\t\t\t\t\t\t\t\tdownloadlink: ,\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\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
\r\n\t\t\t\t\t\tMobile
\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\t{links.mt4.multiTerminal && (\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\tMetaTrader 4 for iPhone, iPad
\r\n\t\t\t\t\t\t\t\t\r\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 .\"\r\n\t\t\t\t\t\t\t\t\t\tenableHtml\r\n\t\t\t\t\t\t\t\t\t\tcomponents={{\r\n\t\t\t\t\t\t\t\t\t\t\tdownloadlink: ,\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\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
\r\n\t\t\t\t\t\tMobile
\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)}\r\n\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\tMultiTerminal
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tMultiTerminal — Download MultiTerminal Installer (1.21 Mb).\"\r\n\t\t\t\t\t\t\t\t\tenableHtml\r\n\t\t\t\t\t\t\t\t\tcomponents={{\r\n\t\t\t\t\t\t\t\t\t\tdownloadlink:
\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 \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t{constants.J2txWalletAllowedCurrencies.includes(currency) \r\n\t\t\t\t\t\t? fiatMoneyFormat(moneyInfoItem.Balance)\r\n\t\t\t\t\t\t: cryptoMoneyFormat(moneyInfoItem.Balance, currency)\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{visibleCurrencies.map(currency => (\r\n\t\t\t\t\t\t\t
- \r\n\t\t\t\t{CryptoCurrencies.map(x => (\r\n\t\t\t\t\t
{moneyFormat(currencyBalanceItem.Balance, currencyBalanceItem.CurrencyCode)}
\r\n\t\tLoans
\r\n\t);\r\n}\r\n","import React, { useCallback } from 'react';\r\nimport {\r\n\tExchange as ExchangeModule,\r\n\tExchangeLocation,\r\n\tWidgetLaunchMode,\r\n} from '@dev2t/react-ui-kit/src';\r\nimport { ThemeProvider } from '@mui/material/styles';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport { originalTheme } from '@config/theme';\r\nimport { useProxyPostRequest } from '@hooks';\r\nimport { useDispatch } from 'react-redux';\r\nimport { userAccounts } from '@redux';\r\nimport { push } from 'connected-react-router';\r\nimport { totpAppLink } from '@shared';\r\n\r\nconst useStyles = makeStyles()((theme) => ({\r\n\troot: {\r\n\t\tpaddingLeft: 20,\r\n\t\tpaddingRight: 20,\r\n\t\tpaddingBottom: 40,\r\n\t\t[theme.breakpoints.down('sm')]: {\r\n\t\t\tpaddingLeft: 10,\r\n\t\t\tpaddingRight: 10,\r\n\t\t},\r\n\t\t[theme.breakpoints.down('xs')]: {\r\n\t\t\tpaddingLeft: 5,\r\n\t\t\tpaddingRight: 5,\r\n\t\t},\r\n\t},\r\n}));\r\n\r\nexport default function Exchange() {\r\n\tconst { classes } = useStyles();\r\n\r\n\tconst postWithProxy = useProxyPostRequest('Error while loading data for exchange');\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst handleSuccess = useCallback(() => {\r\n\t\tdispatch(userAccounts.actions.getBalances.request());\r\n\t}, []);\r\n\r\n\t/* используем оригинальную тему, т.к. локальные изменения темы портят разметку. Убрать в рамках WEBCAB-8445 */\r\n\treturn (\r\n\t\t\r\n\t\t\t\t dispatch(push(totpAppLink))}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t- \r\n {accounts.map((acc) => {\r\n const info = balances?.find(x => x.TradeLogin === acc.Login);\r\n return (\r\n
\r\n
\r\n )})}\r\n \r\n
\r\n\r\n\r\n \r\n {acc.IsMT5 ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n
\r\n {acc.ProductType}
\r\n \r\n {acc.Login}\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {acc.ServerName ?? '-'} \r\n
\r\n \r\n { acc.IsMT5 ? 'MT5' : 'MT4' } \r\n
\r\n \r\n
\r\n \r\n {info ? info.MoneyInfo?.[0]?.CurrencyCode ?? '-' : \r\n
\r\n \r\n \r\n {acc.LeverageText ?? '-'}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n - \r\n {accounts.map((acc) => {\r\n const info = balances?.find(x => x.TradeLogin === acc.Login);\r\n return (\r\n
\r\n {acc.LeverageText ?? \"-\"}\r\n {/* showLeverageDialog(acc)} classes={{ root: classes.btEdit }}>\r\n */}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n - \r\n
\r\n 1. Open an account with our partner
\r\n 2. Complete a quick and simple KYC
\r\n 3. Make a deposit by credit/debit card or with crypto
\r\n 4. Start trading within a few minutes
\r\n
\r\n Unlock trading opportunities by registering for a J2T Global account with our partner.`\r\n }\r\n enableHtml\r\n /> \r\n
\r\n {subscriptions.length === 0 && (\r\n \r\n
\r\n \r\n ))}\r\n \r\n \r\n );\r\n};\r\n\r\nNotificationBlock.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n title: PropTypes.node.isRequired,\r\n panelId: PropTypes.string.isRequired,\r\n open: PropTypes.bool.isRequired,\r\n onToggle: PropTypes.func.isRequired,\r\n subscriptions: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n type: PropTypes.number.isRequired,\r\n name: PropTypes.node.isRequired,\r\n allowedUiChannels: PropTypes.object.isRequired,\r\n selected: PropTypes.object.isRequired,\r\n }),\r\n ).isRequired,\r\n onMethodToggle: PropTypes.func.isRequired,\r\n labels: PropTypes.shape({\r\n empty: PropTypes.node.isRequired,\r\n email: PropTypes.node.isRequired,\r\n sms: PropTypes.node.isRequired,\r\n }).isRequired,\r\n};\r\n\r\nexport default NotificationBlock;\r\n","import React, { useMemo, useState, useEffect } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { withStyles } from \"tss-react/mui\";\r\nimport { connect } from \"react-redux\";\r\nimport { R } from \"@dev2t/react-ui-kit/src/components\";\r\nimport { notifications } from \"@redux\";\r\nimport { NotificationType, NotificationChannelType } from \"@enums\";\r\nimport NotificationBlock from \"./NotificationBlock\";\r\n\r\nconst UI_SUBSCRIPTIONS = {\r\n [NotificationType.MarginCall]: {\r\n name: (\r\n {labels.empty}
\r\n )}\r\n {subscriptions.map((item, index) => (\r\n {item.name}
\r\n \r\n {Object.keys(item.allowedUiChannels).map((channel) => {\r\n const key = `${item.type}:${channel}`;\r\n const isUpdating = isSubmitting && updatingKey === key;\r\n const checkboxQa = dataQa\r\n ? `${dataQa}_${item.type}_${channel}`\r\n : undefined;\r\n return (\r\n \r\n {isUpdating ? (\r\n
\r\n }\r\n label={channel === \"sms\" ? labels.sms : labels.email}\r\n />\r\n );\r\n })}\r\n \r\n
\r\n \r\n {/*\r\n Такая замороченная логика отображения, чтобы после клика и отведения мыши\r\n не оставался висеть тултип. Проп tooltip-а disableFocusListener,\r\n который вроде должен это решать, не помог, поэтому просто не рисуем тултип,\r\n если идет загрузка.\r\n */}\r\n {isLoading ? btn : {btn} }\r\n {children}\r\n
\r\n )\r\n}","import React, { useState } from 'react';\r\nimport {\r\n\tList,\r\n\tListItem,\r\n\tDropDownMenu,\r\n\tR,\r\n\tWithdrawMethodsList,\r\n\tMoneyActionState,\r\n\tDeposit\r\n } from '@dev2t/react-ui-kit/src';\r\nimport { A } from '@components';\r\nimport { Link } from 'react-router-dom';\r\nimport classNames from 'classnames';\r\nimport { makeStyles, withStyles } from 'tss-react/mui';\r\nimport { ThemeProvider, useTheme } from '@mui/material/styles';\r\nimport { Box, CircularProgress, Skeleton, useMediaQuery } from '@mui/material';\r\nimport { usePaymentGateWidgetHook, useProxyPostRequest } from '@hooks';\r\nimport { useRef } from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport { push } from 'connected-react-router';\r\nimport { totpAppLink } from '@shared';\r\nimport { BalanceRefreshButtonWrapper } from './BalanceRefreshButtonWrapper';\r\nimport { template } from '@templates';\r\nimport { originalTheme } from '@config/theme';\r\n\r\nconst useStyles = makeStyles()(theme => ({ \r\n\tlistItemRow: {\r\n\t\tborderTop: '1px solid #deeaef',\r\n\t\tpaddingLeft: '5px',\r\n\t\tpaddingRight: '5px',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\tdisplay: 'flex',\r\n\t\t\tflexDirection: 'column',\r\n\t\t},\r\n\t},\r\n\tplatformFullName: {\r\n\t\tpadding: '0px 5px 0px 5px',\r\n\t\tfontSize: '0.875rem',\r\n\t\tbackgroundColor: theme.palette.primary.main,\r\n\t\tcolor: theme.palette.primary.contrastText,\r\n\t\tborderRadius: '5px',\r\n\t\tboxShadow: `0px 3px 3px 1px #DCDCDC`,\r\n\t\twidth: 'fit-content',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\theight: '20px',\r\n\t\t},\r\n\t},\r\n\tbuttons: {\r\n\t\tfontSize: '14px',\r\n\t\tpaddingLeft: 24,\r\n\t\tpaddingRight: 24,\r\n\t\tcolor: theme.palette.primary.dark,\r\n\t\t'&:hover': {\r\n\t\t\tbackgroundColor: theme.palette.primary.main,\r\n\t\t\tcolor: theme.palette.primary.contrastText,\r\n\t\t},\r\n\t},\r\n\tbuttonLink: {\r\n\t\tcolor: 'inherit',\r\n\t\ttextDecoration: 'none',\r\n\t\ttextTransform: 'uppercase',\r\n\t\ttextAlign: 'end',\r\n\t\twidth: '100%',\r\n\t},\r\n\tlastLeverage: {\r\n\t\tmarginRight: '25px',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\tdisplay: 'flex',\r\n\t\t\twidth: '100%',\r\n\t\t\tmarginRight: '0px',\r\n\t\t},\r\n\t},\r\n\tlastTripleDot:{\r\n\t\tcolor: theme.palette.primary.dark,\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\tposition: 'absolute',\r\n\t\t\tright: '0',\r\n\t\t\ttop: '5px',\r\n\t\t},\r\n\t},\r\n\tbtEdit: {\r\n\t\tmargin: '-14px -12px -12px -8px',\r\n\t},\r\n\t// элементы, не относящиеся к Prediction (калши) счетам: полностью убираем из вёрстки.\r\n\thiddenForPrediction: {\r\n\t\tdisplay: 'none',\r\n\t},\r\n\t// Bonus/Leverage/Server для Prediction (калши) счетов: скрываем через visibility, чтобы сохранить место под блоки.\r\n\tinvisibleForPrediction: {\r\n\t\tvisibility: 'hidden',\r\n\t},\r\n}));\r\n\r\nconst ListItemColumn = withStyles(Box, theme => ({\r\n\troot: {\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t\tpadding: '25px 0',\r\n\t\tflex: '1 1 auto',\r\n\t\t'&:last-child' : {\r\n\t\t\tflexDirection: 'row',\r\n\t\t\tjustifyContent: 'center',\r\n\t\t\talignItems: 'center',\r\n\t\t},\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\tflexDirection: 'row',\r\n\t\t\tpadding: '0',\r\n\t\t\tmargin: '0',\r\n\t\t\twidth: '100%',\r\n\t\t\t'&:last-child' : {\r\n\t\t\t\tposition: 'relative',\r\n\t\t\t\tjustifyContent: 'flex-start',\r\n\t\t\t},\r\n\t\t},\r\n\t},\r\n}));\r\n\r\nconst KeyItemColumnList = withStyles(Box, theme => ({\r\n\troot: {\r\n\t\tmarginBottom: '10px',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\twidth: '50%',\r\n\t\t},\r\n\t},\r\n}));\r\n\r\nconst ValueItemColumnList = withStyles(Box, theme => ({\r\n\troot:{\r\n\t\tcolor: theme.palette.primary.main,\r\n\t\tfontWeight: 'bold',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\twidth: '50%',\r\n\t\t},\r\n\t},\r\n}));\r\n\r\nconst HiddenItemColumnList = withStyles(Box, {\r\n\troot:{\r\n\t\tdesplay: 'none',\r\n\t},\r\n});\r\n\r\nexport const LiveAccountStandardItem = (props) => {\r\n\tconst { account, actions, params } = props;\r\n\tconst { classes } = useStyles();\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst btnFundRef = useRef(null);\r\n\tconst handleClick = () => {\r\n\t\tif (params.accountStatusIsArchive) {\r\n\t\t\tactions.showActivateAccountModal(account.TradeCode);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t\r\n\t\tif (btnFundRef.current) {\r\n\t\t\tbtnFundRef.current.click();\r\n\t\t}\r\n\t};\r\n\r\n\tconst withdrawState = WithdrawMethodsList.useActionAvailability(\r\n\t\taccount.TradeCode\r\n\t)\r\n\tconst [withdrawIsOpen, setWithdrawIsOpen] = useState(false);\r\n\r\n\tconst postWithProxy = useProxyPostRequest('Error while loading data for withdraw');\r\n\t\r\n\tconst [\r\n\t\tpaymentGateWidgetButtonId,\r\n\t\tloadingWidget,\r\n\t\tsuccessWidget\r\n\t] = usePaymentGateWidgetHook({\r\n\t\ttradeCode: account.TradeCode\r\n\t});\r\n\r\n\tconst depositActionState = Deposit.useActionAvailability(\r\n\t\taccount.TradeCode\r\n\t);\r\n\t\r\n\tconst depositButtonState = loadingWidget\r\n\t\t? MoneyActionState.LOADING\r\n\t\t: successWidget \r\n\t\t\t? depositActionState\r\n\t\t\t: MoneyActionState.NOT_AVAILABLE;\r\n\r\n\tconst depositDisabled = depositButtonState !== MoneyActionState.AVAILABLE\r\n\t\t&& (!params.accountStatusIsArchive || !params.activateEnable);\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t{account.LeverageText ?? \"-\"}\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t{(\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t
)}\r\n\t\t- \r\n\t\t\t\t\t\t\t{params.fundEnable && (\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\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t{loading || isDemo || accountStatusIsArchive ? '-' : (\r\n\t\t\taccountStatusBonusChangeStatus === 'PENDING' ? actions.showBonusDialog(account)}\r\n\t\t\t\t\tclasses={{ root: classes.btEdit }}\r\n\t\t\t\t\tsize=\"large\"\r\n\t\t\t\t\tdisabled={disabled}\r\n\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\t\r\n\t\t\t\t\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default BonusValue;","import React, { useState } from 'react';\r\nimport { useTheme, ThemeProvider } from '@mui/material/styles';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport { Box, Button, CircularProgress, IconButton, Skeleton } from '@mui/material';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { app } from '@redux';\r\nimport { push } from 'connected-react-router';\r\nimport { totpAppLink } from '@shared';\r\nimport { Link } from 'react-router-dom';\r\nimport classNames from 'classnames';\r\nimport { SvgIcon } from '@components';\r\nimport { useMoneyFormat } from '@hooks';\r\nimport { Mt4Img, Mt5Img, PredictionMarketImg } from '@content/mtLogos';\r\nimport { BonusValue } from '../../MainContent/components/IndividualCashAccount/components';\r\nimport { usePaymentGateWidgetHook, useProxyPostRequest } from '@hooks';\r\nimport { BalanceRefreshButtonWrapper } from './BalanceRefreshButtonWrapper';\r\nimport {\r\n\tR,\r\n\tA,\r\n\tWithdrawMethodsList,\r\n\tMoneyActionState,\r\n\tDeposit,\r\n} from '@dev2t/react-ui-kit/src';\r\nimport { template } from '@templates';\r\nimport { originalTheme } from '@config/theme';\r\n\r\nconst useStyles = makeStyles()(theme => ({\r\n cardRow: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent: 'space-between',\r\n boxShadow: '0 6px 16px 0 rgba(61, 65, 71, 0.12)',\r\n borderRadius: '10px',\r\n margin: '0 0 15px 0',\r\n padding: '10px',\r\n [theme.breakpoints.down('md')]: {\r\n\t\t\tdisplay: 'flex',\r\n\t\t\tflexDirection: 'column',\r\n\t\t},\r\n },\r\n\trootTop: {\r\n\t\tborderTopLeftRadius: '10px',\r\n\t\tborderTopRightRadius: '10px',\r\n\t\tboxShadow: '0 6px 16px 0 rgba(61, 65, 71, 0.12)',\r\n\t\tpaddingBottom: '15px',\r\n\t},\r\n\trootMidl: {\r\n\t\tboxShadow: '0 6px 16px 0 rgba(61, 65, 71, 0.12)',\r\n\t\tpadding: '15px 14px',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\tdisplay: 'flex',\r\n\t\t\tflexDirection: 'column',\r\n\t\t},\r\n\t},\r\n\trootBottom: {\r\n\t\tborderBottomLeftRadius: '10px',\r\n\t\tborderBottomRightRadius: '10px',\r\n\t\tboxShadow: '0 6px 16px 0 rgba(61, 65, 71, 0.12)',\r\n\t\tpadding: '15px 14px',\r\n\t\tfontSize: '12px',\r\n\t},\r\n\tcontainer: {\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'space-between',\r\n\t\talignItems: 'center',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\tdisplay: 'flex',\r\n\t\t\tflexDirection: 'column',\r\n\t\t\talignItems: 'center',\r\n\r\n\t\t},\r\n\t\tpadding: '15px 14px',\r\n\t},\r\n\t// Prediction (калши): плашка/поля, оставшиеся в колонке одни, должны быть прижаты к верхнему краю.\r\n\ttopAlignedForPrediction: {\r\n\t\t[theme.breakpoints.up('md')]: {\r\n\t\t\talignItems: 'flex-start',\r\n\t\t},\r\n\t},\r\n\tpaddedForPrediction: {\r\n\t\t[theme.breakpoints.up('md')]: {\r\n\t\t\tpaddingTop: '10px',\r\n\t\t\tpaddingBottom: '10px',\r\n\t\t},\r\n\t},\r\n\tleftSection: {\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t\tmarginRight: '5px',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\tpaddingBottom: '10px',\r\n\r\n\t\t},\r\n\t},\r\n\tmiddleSection: {\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t\tmarginRight: '5px',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\tdisplay: 'flex',\r\n\t\t\tjustifyContent: 'space-between',\r\n\t\t\tflexDirection: 'row',\r\n\t\t\twidth: '315px',\r\n\t\t\tmarginBottom: '10px',\r\n\t\t\talignItems: 'center',\r\n\t\t},\r\n\t},\r\n\r\n\tmiddleSectionRow: {\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t\tmarginRight: '5px',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\tdisplay: 'flex',\r\n\t\t\tjustifyContent: 'space-between',\r\n\t\t\tflexDirection: 'row',\r\n\t\t\twidth: '315px',\r\n\t\t\tmarginBottom: '10px',\r\n\t\t\talignItems: 'center',\r\n\t\t},\r\n\t},\r\n\tdescriptionBlod: {\r\n\t\tfontWeight: 'Bold',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\twidth: '50%',\r\n\t\t},\r\n\t},\r\n\tpositiveValue: {\r\n\t\tcolor: theme.palette.success.main,\r\n\t},\r\n\tnegativeValue: {\r\n\t\tcolor: theme.palette.error.main,\r\n\t},\r\n\tdescriptionBlodBlueColor: {\r\n\t\tfontWeight: 'Bold',\r\n\t\tcolor: theme.palette.primary.main,\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\twidth: '50%',\r\n\t\t},\r\n\r\n\t},\r\n\tdescriptionBlodBlueColorTradeLogin: {\r\n\t\tfontWeight: 'Bold',\r\n\t\tcolor: theme.palette.primary.main,\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\twidth: '50%',\r\n\t\t\tfontSize: '18px',\r\n\t\t},\r\n\r\n\t},\r\n\tdescriptionBlodBlueColorRow: {\r\n\t\tfontWeight: 'Bold',\r\n\t\tcolor: theme.palette.primary.main,\r\n\t},\r\n\twrapper: {\r\n\t\tdisplay: 'flex',\r\n\t\tpaddingBottom: '5px',\r\n\t\talignItems: 'center',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\tjustifyContent: 'space-between',\r\n\t\t\talignItems: 'start',\r\n\t\t\twidth: '315px',\r\n\t\t},\r\n\t},\r\n\tstat: {\r\n\t\tmarginRight: '10px',\r\n\t\tminWidth: '123px',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\tdisplay: 'flex',\r\n\t\t\tjustifyContent: 'space-between',\r\n\t\t},\r\n\t},\r\n\tbuttons: {\r\n\t\tfontSize: '10px',\r\n\t\t'&:hover': {\r\n\t\t\tbackgroundColor: theme.palette.primary.main,\r\n\t\t\tcolor: theme.palette.primary.contrastText,\r\n\t\t},\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\twidth: '160px',\r\n\t\t\tpadding: '5px 0px 5px 0px',\r\n\t\t},\r\n\t},\r\n\twrapperRow: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tpaddingBottom: '5px',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\tdisplay: 'flex',\r\n\t\t\tjustifyContent: 'space-between',\r\n\t\t\tpaddingBottom: '10px',\r\n\t\t},\r\n\t},\r\n\r\n\tstatRow: {\r\n\t\tmarginRight: '5px',\r\n\t\twidth: '90px',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\tmarginRight: '5px',\r\n\t\t\twidth: '48px',\r\n\t\t},\r\n\t},\r\n\ttsImg: {\r\n\t\twidth: '50px',\r\n\t\theigth: '50px',\r\n\t\tborderRadius: '5px',\r\n\t\tboxShadow: '0px 3px 3px 1px #DCDCDC',\r\n\t},\r\n\r\n\tplatformFullName: {\r\n\t\tpadding: '0px 5px 0px 5px',\r\n\t\tfontSize: '0.875rem',\r\n\t\tbackgroundColor: theme.palette.primary.main,\r\n\t\tcolor: theme.palette.primary.contrastText,\r\n\t\tborderRadius: '5px',\r\n\t\tboxShadow: '0px 3px 3px 1px #DCDCDC',\r\n\t},\r\n\tbtEdit: {\r\n\t\tmargin: '-14px -12px -12px -8px',\r\n\t},\r\n\tbtEditSmallIcon: {\r\n\t\tfontSize: '1rem',\r\n\t},\r\n\t// элементы, не относящиеся к Prediction (калши) счетам: полностью убираем из вёрстки.\r\n\thiddenForPrediction: {\r\n\t\tdisplay: 'none',\r\n\t},\r\n\t// Bonus/Leverage/Server для Prediction (калши) счетов: скрываем через visibility, чтобы сохранить место под блоки.\r\n\tinvisibleForPrediction: {\r\n\t\tvisibility: 'hidden',\r\n\t},\r\n}));\r\n\r\nconst getProfitValueClass = (value, classes) => {\r\n\tconst num = Number(value);\r\n\tif (!num) {\r\n\t\treturn undefined;\r\n\t}\r\n\treturn num > 0 ? classes.positiveValue : classes.negativeValue;\r\n};\r\n\r\nconst WithdrawButton = ({ tradeCode }) => {\r\n\tconst { classes } = useStyles();\r\n\tconst dispatch = useDispatch();\r\n\tconst state = WithdrawMethodsList.useActionAvailability(\r\n\t\ttradeCode\r\n\t);\r\n\tconst [isOpen, setIsOpen] = useState(false);\r\n\tconst postWithProxy = useProxyPostRequest('Error while loading data for withdraw');\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n","import React from 'react';\r\nimport {\r\n\tR,\r\n\tA,\r\n\tuseTranslate,\r\n\tuseReloadMoneyActions\r\n} from '@dev2t/react-ui-kit/src/components';\r\nimport { LiveAccountStandardItem } from \"./LiveAccountStandardItem\";\r\nimport { LiveAccountPanelItem } from \"./LiveAccountPanelItem\";\r\nimport { CircularProgress } from '@mui/material';\r\nimport { LiveAccountsTabs, ModalPopups} from '@enums';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { userAccounts, app, snackbar, predictionMarket } from '@redux';\r\nimport { getAccountProductName } from '@utils';\r\nimport { useRealUserActionsAreAvailable } from '@hooks';\r\nimport { useTerminalLink } from '../../TradingPlatforms/useTradingPlatforms';\r\n\r\n\r\nconst getAccountActivationSessionStorageKey = (tradeCode) => `AccountActivationRequested_${tradeCode}`\r\nconst setActivationRequestedToSessionStorage = (tradeCode) => sessionStorage.setItem(getAccountActivationSessionStorageKey(tradeCode), true);\r\nconst getActivationRequestedFromSessionStorage = (tradeCode) => Boolean(sessionStorage.getItem(getAccountActivationSessionStorageKey(tradeCode)));\r\n\r\nconst useActions = () => {\r\n\tconst dispatch = useDispatch();\r\n\tconst translate = useTranslate();\r\n\tconst updateMoneyActions = useReloadMoneyActions();\r\n\t// Показ диалога смены плеча\r\n\tconst showLeverageDialog = (account, enable, accountStatusBonusChangeStatus) => {\r\n\t\tconsole.log('showLeverageDialog',account, enable, accountStatusBonusChangeStatus);\r\n\t\tif (enable)\r\n\t\t\tdispatch(app.actions.showBaseModal(ModalPopups.CY_NON_TRADING_ORDER_LEVERAGE, account));\r\n\t\telse\r\n\t\t{\r\n\t\t\tif (accountStatusBonusChangeStatus === 'ALLOWED')\r\n\t\t\t\tdispatch(snackbar.actions.showMessage({\r\n\t\t\t\t\ttype: 'message',\r\n\t\t\t\t\tobject: \r\n\t\t\t\t\t\t\r\n\t\t\t\t
\r\n\r\n\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
\r\n\t\t\t\t\t\t{resolution === app.CONFIG.RESOLUTIONS_ENUM.xs && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{account && (account.IsPrediction ? (\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t) : account.IsMT5 ? (\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\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\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{account.balanceMissing\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\t\t\t\t
\r\n\t\t\t\t\t\t{!account.IsPrediction && (\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{account.productName}
\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{account.TradeLogin}\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\t\t\r\n\t\t\t\t\t\t\t\t{params.accountStatusIsArchive && 'Archive' ||\r\n\t\t\t\t\t\t\t\t\tparams.accountStatusIsClosed && 'Closed' ||\r\n\t\t\t\t\t\t\t\t\tparams.accountStatusIsDisabled && 'Disable' ||\r\n\t\t\t\t\t\t\t\t\t'Active'}\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\t
\r\n\t\t\t\t\t\t\t\r\n\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\t\r\n\t\t\t\t\t\t\t\t{serverName ?? '-'}\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\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\r\n\r\n\t\t\t\t\t\t\t
\r\n\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{LeverageText || '-'}\r\n\t\t\t\t\t\t\t\t{params.changeLeverageEnable !== null ? (\r\n\t\t\t\t\t\t\t\t\t actions.showLeverageDialog(account, !params.accountStatusIsAllowBonus, params.accountStatusBonusChangeStatus)}\r\n\t\t\t\t\t\t\t\t\t\tclasses={{ root: classes.btEdit }}\r\n\t\t\t\t\t\t\t\t\t\tsize=\"large\"\r\n\t\t\t\t\t\t\t\t\t\tdisabled={!params.changeLeverageEnable}\r\n\t\t\t\t\t\t\t\t\t\tdata-qa=\"live_account_change_leverage_button\"\r\n\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\r\n\r\n\t\t\t\t
\r\n\r\n\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\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\t\t{account.balanceMissing\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
\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{account.balanceMissing ?
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{account.IsPrediction && (\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\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{account.balanceMissing\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\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\t\r\n\t\t\t\t\t\t\t\t{account.balanceMissing ?
\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\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\r\n\t\t\t\t\t\t\t\t\t{moneyFormat(account.profit, account.currencyCode)}\r\n\t\t\t\t\t\t\t\t\t{account.profitPercent != null ? ` (${Number(account.profitPercent)}%)` : ''}\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\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\t\r\n\t\t\t\t\t\t\t\t{account.balanceMissing ?
\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\t\t\t\t\t\t{params.fundEnable && (\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)}\r\n\t\t\t\t\t\t{params.tradePlatformEnable && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t actions.showActivateAccountModal(account.TradeCode)}\r\n\t\t\t\t\t\t\t\t\t\tisArchive={params.accountStatusIsArchive}\r\n\t\t\t\t\t\t\t\t\t\tcanActivate={params.activateEnable}\r\n\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\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{params.changePasswordEnable && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{params.portfolioEnabled ? (\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\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\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) : (\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\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)}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{!params.realUserActionsAvailable\r\n\t\t\t\t\t\t\t\t\t\t\t? tradeButton\r\n\t\t\t\t\t\t\t\t\t\t\t: (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{tradeButton}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\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
\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{params.activateEnable !== null && (\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\r\n\t\t\t\t\t\t\t\t\t\t actions.showChangeMtPasswordDialog(account)}\r\n\t\t\t\t\t\t\t\t\t\t\tdata-qa=\"live_account_change_password_mt_button\"\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\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\t actions.activateAccount(account.TradeCode)}\r\n\t\t\t\t\t\t\t\t\tdisabled={!params.activateEnable}\r\n\t\t\t\t\t\t\t\t\tdata-qa=\"live_account_activate_button\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{params.fetchingAccountActivation\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{params.reportsEnable && (\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
\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\t\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 {liveAccounts.map((acc) => (\r\n
- \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\nMainHeaderJ2T.propTypes = {\r\n\tactions: PropTypes.object.isRequired,\r\n\tclasses: PropTypes.object.isRequired,\r\n};\r\nexport default compose(\r\n\tconnect(mapStateToProps, mapDispatchToProps),\r\n)(withStyles(MainHeaderJ2T, styles));\r\n","import React from 'react';\r\nimport { Box, Paper } from '@mui/material';\r\nimport { makeStyles, withStyles } from 'tss-react/mui';\r\nimport {\r\n\tEmail as EmailIcon,\r\n\tLocationOn as LocationOnIcon,\r\n} from '@mui/icons-material';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\nimport { env } from '@config';\r\n\r\nconst useStyles = makeStyles()(theme => ({\r\n\troot: {\r\n\t\tfontSize: '.65rem',\r\n\t\tlineHeight: 2,\r\n\t\ttextRendering: 'optimizeLegibility',\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'row',\r\n\t\talignItems: 'top',\r\n\t\tflexWrap: 'wrap',\r\n\t\t'& a': {\r\n\t\t\tcolor: theme.palette.primary.main,\r\n\t\t\ttextDecoration: 'none',\r\n\t\t},\r\n\t\t'& img': {\r\n\t\t\tmaxHeight: '25px',\r\n\t\t},\r\n\t\t'& span': {\r\n\t\t\tfontSize: '1.7em',\r\n\t\t},\r\n\t\t'& p': {\r\n\t\t\tmargin: '0 0 5px 0',\r\n\t\t},\r\n\t},\r\n}));\r\n\r\nconst MainSection = withStyles(Box, {\r\n\troot: {\r\n\t\tpadding: '8px',\r\n\t\tflex: '2 1 300px',\r\n\t\ttextAlign: 'justify',\r\n\t\tpaddingRight: '20px',\r\n\t},\r\n});\r\n\r\nfunction MainFooterJ2TX() {\r\n\tconst { classes } = useStyles();\r\n\treturn (\r\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\r\n\t\t\t\t\t\tJust2Trade\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
\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
\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
\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{'J2TX Ltd '}\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\t
\r\n\t\t\t
\r\n\t);\r\n}\r\n\r\nexport default compose(\r\n\twithRouter,\r\n)(ContactsJ2TX);\r\n","import React from 'react';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport { withRouter } from 'react-router';\r\nimport { compose } from '@utils';\r\nimport { R } from '@dev2t/react-ui-kit/src/components';\r\nimport { app } from '@redux';\r\nimport { useSelector } from 'react-redux';\r\nimport { Box } from '@mui/material';\r\nimport ContactsCard from './ContactsCard';\r\n\r\nconst useStyles = makeStyles()(theme => ({\r\n\tcontent: {\r\n\t\t...theme.customstyles.body,\r\n\t\tpadding: '16px 56px',\r\n\t\tmarginBottom: '30px',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\tpadding: '8px 24px',\r\n\t\t},\r\n\t},\r\n\tcontentItem: {\r\n\t\tmarginBottom: '30px',\r\n\t},\r\n\tendItem: {\r\n\t\theight: '30px',\r\n\t},\r\n\theader: {\r\n\t\t...theme.customstyles.headline1,\r\n\t\t...theme.palette.text.primary,\r\n\t\tmarginLeft: '16px',\r\n\t\tpadding: '8px 0',\r\n\t},\r\n}));\r\n\r\n\r\nfunction ContactsJ2T() {\r\n\tconst { classes } = useStyles();\r\n\r\n\tconst lang = useSelector(app.selectors.language);\r\n\r\n\tfunction selectContactsData(language) {\r\n\t\tconst titles = {\r\n\t\t\tcommon: \r\n\t\t\t\t
\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\t\r\n\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
\r\n\t);\r\n}\r\n\r\nexport default compose(\r\n\twithRouter,\r\n)(ContactsJ2T);","import React from 'react';\r\nimport { env } from '@config';\r\nimport { Paper } from '@mui/material';\r\nimport { NotificationBannersGallery } from '@dev2t/react-ui-kit/src';\r\n\r\nexport const BannersGalleryJ2TX = () => (\r\n \r\n\t\t\t\t
\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\t\t\t{selectContactsData(lang).map((x, ind) =>\r\n\t\t\t\t\t\t \r\n\t\t\t
\r\n\t\t\t\r\n\t\t\r\n
\r\n );\r\n};\r\n","import React, { useEffect } from 'react';\r\nimport { Box, GlobalStyles } from '@mui/material';\r\nimport PropTypes from 'prop-types';\r\nimport { Route, Switch } from 'react-router-dom';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { constants, env } from '@config';\r\nimport { dashboard, userAccounts } from '@redux';\r\nimport {\r\n\tCYAlerts,\r\n\tBlockModals,\r\n\tCYProfile,\r\n\tIcons,\r\n\tMainHeader,\r\n\tMainContent,\r\n\tContacts,\r\n\tTradingPlatforms,\r\n\tReports,\r\n\tModals,\r\n\tSidebar,\r\n\tAccountFeaturesLMI,\r\n\tCashManagementContent,\r\n\tMainFooterLME,\r\n\tMt5Global,\r\n\tOpenMt5Global,\r\n\tPortfolio,\r\n\tWallet,\r\n\tLoans,\r\n\tExchange,\r\n\tMainContentJ2TX,\r\n\tMainContentJ2T,\r\n\tDemoAccounts,\r\n\tDisclosures,\r\n\tApiKeys,\r\n\tNotificationsContextWrapper,\r\n\tTravelRule,\r\n\tMainHeaderJ2T,\r\n} from './components';\r\nimport MainFooterJ2TX from './components/MainFooter/MainFooterJ2TX';\r\nimport ContactsJ2Tx from './components/Contacts/ContactsJ2Tx';\r\nimport MainFooterJ2T from './components/MainFooter/MainFooterJ2T';\r\nimport ContactsJ2T from './components/Contacts/ContactsJ2T';\r\nimport {\r\n\tNotificationsList,\r\n\tMoneyActionsAvailabilityContextProvider,\r\n\tuseReloadMoneyActions,\r\n} from '@dev2t/react-ui-kit/src';\r\nimport { BannersGalleryJ2TX } from './components/BannersGallery/BannersGalleryJ2TX';\r\nimport { BannersGallery } from './components/BannersGallery/BannersGallery';\r\nimport { useProxyPostRequest, useRealUserActionsAreAvailable } from '@hooks';\r\nimport { makeStyles } from 'tss-react/mui';\r\n\r\nconst headerHeight = 64;\r\nconst useStyles = makeStyles()(theme => ({\r\n\t'@global': {\r\n\t\tbody: {\r\n\t\t\tminHeight: '100vh', // for Payment Gate Widget\r\n\t\t\tbackgroundColor: theme.palette.background.default,\r\n\t\t},\r\n\t\t...(constants.FIRM_J2T === env.firm ? {\r\n\t\t\t'.MuiDrawer-paper.MuiDrawer-paperAnchorRight': {\r\n\t\t\t\ttop: `${headerHeight}px`,\r\n\t\t\t\theight: `calc(100% - ${headerHeight}px)`,\r\n\t\t\t},\r\n\t\t} : {}),\r\n\t},\r\n\trootContainer: {\r\n\t\tmaxWidth: '1440px',\r\n\t\tmargin: '0 auto',\r\n\t},\r\n\troot: {\r\n\t\tflexGrow: 1,\r\n\t\tzIndex: 1,\r\n\t\toverflow: 'hidden',\r\n\t\tposition: 'relative',\r\n\t\tdisplay: 'flex',\r\n\t\twidth: '100%',\r\n\t},\r\n\tcontent: {\r\n\t\twidth: '100%',\r\n\t\tpadding: '5px 12px',\r\n\t\tminWidth: 0,\r\n\t\tminHeight: '100vh',\r\n\t\tposition: 'relative',\r\n\t},\r\n}));\r\n\r\nconst BodyGlobalStyles = () => (\r\n\t\r\n\t\t\t\t\t{(constants.FIRM_J2T === env.firm) &&
\r\n\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\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t{(constants.FIRM_J2T !== env.firm) && <>\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t{(constants.LIME_LME === env.firm) && \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t{oauthError &&\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t \r\n\t\t\t ({ color: theme.palette.primary.main })}\r\n\t\t\t\tsize={58}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n}\r\n\r\nAutoLoginDemo.propTypes = {\r\n\tactions: PropTypes.object.isRequired,\r\n\tauthdemoid: PropTypes.string.isRequired,\r\n\tauthtoken: PropTypes.string.isRequired,\r\n\texpired: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default compose(\r\n\tconnect(null, mapDispatchToProps),\r\n)(AutoLoginDemo);\r\n","/* eslint-disable import/extensions */\r\nimport React from 'react';\r\nimport { auth, app } from '@redux';\r\nimport { connect } from 'react-redux';\r\nimport qs from 'query-string';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { compose } from '@utils';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport { Grid } from '@mui/material';\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\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: '200px',\r\n\t},\r\n\tj2tLogo: {\r\n\t\tmaxWidth: '200px',\r\n\t},\r\n\tlimeLogo: {\r\n\t\tmarginBottom: '32px',\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\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{(parsedQueryString && parsedQueryString.autologin)\r\n\t\t\t\t\t\t? \r\n\t\t\t \r\n\t\t);\r\n\t}\r\n}\r\n\r\nLoginView.propTypes = {\r\n\tclasses: PropTypes.object,\r\n\tlocation: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default compose(connect(mapStateToProps, mapDispatchToProps))(withStyles(LoginView, styles));\r\n","import React from 'react';\r\nimport { compose } from '@utils';\r\nimport { connect } from 'react-redux';\r\nimport { \r\n\tField,\r\n\tformValueSelector,\r\n\treduxForm,\r\n} from 'redux-form';\r\nimport { withStyles } from 'tss-react/mui';\r\nimport { Button } from '@components';\r\nimport { R, FormInput } from '@dev2t/react-ui-kit/src/components';\r\nimport { constants } from '@config';\r\nimport { reset } from '@redux';\r\nimport { RequireConfirmationCodeItem, ConfirmationCodeSendReason, ConfirmFormSubmitButton } from '@shared';\r\nimport { translate } from '@global';\r\nimport { change, updateSyncErrors } from 'redux-form';\r\n\r\nconst styles = theme => ({\r\n\troot: {\r\n\t\tposition: 'relative',\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t\tgap: 20,\r\n\t\t'& input': {\r\n\t\t\t'&:-webkit-autofill': {\r\n\t\t\t\ttransition: 'background-color 0.1s ease-in-out 0s',\r\n\t\t\t\tWebkitBoxShadow: `0 0 0 1000px ${theme.palette.background.default} inset`,\r\n\t\t\t\tWebkitTextFillColor: theme.palette.text.primary,\r\n\t\t\t},\r\n\t\t},\r\n\t},\r\n});\r\n\r\nconst mapStateToProps = (state) => {\r\n\tconst formSelector = formValueSelector(RESET_BY_EMAIL_FORM_ID);\r\n\treturn {\r\n\t\temailValue: formSelector(state, 'Email'),\r\n\t\tdateOfBirthValue: formSelector(state, 'DateOfBirth'),\r\n\t};\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n\tactions: {\r\n\t\tsendConfirmationCode: (email, byemail, dateOfBirth) => dispatch(reset.actions.sendConfirmationForResetByEmail.request({email, byemail, dateOfBirth})),\r\n\t},\r\n});\r\n\r\nconst RESET_BY_EMAIL_FORM_ID = 'ResetByEmailForm';\r\nclass ResetByEmailForm extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tisEmailDisabled: false,\r\n\t\t};\r\n\t}\r\n\r\n\tstatic validate(values) {\r\n\r\n\t\tconst errors = {};\r\n\t\r\n\t\tif (!values) {\r\n\t\t\treturn errors;\r\n\t\t}\r\n\t\r\n\t\tif (!values.Email) {\r\n\t\t\terrors.Email = 'required';\r\n\t\t} else if (!(constants.regExpEmail.test(values.Email))) {\r\n\t\t\terrors.Email = 'Invalid Format';\r\n\t\t}\r\n\t\tif (!values.DateOfBirth) {\r\n\t\t\terrors.DateOfBirth = 'required';\r\n\t\t}\r\n\t\tif (!values.ConfirmationCode) {\r\n\t\t\terrors.ConfirmationCode = 'required';\r\n\t\t}\r\n\r\n\t\treturn errors;\r\n\t}\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\temailValue,\r\n\t\t\tdateOfBirthValue,\r\n\t\t\thandleSubmit,\r\n\t\t\tinvalid,\r\n\t\t\tonOperatorSended,\r\n\t\t\tsubmitting,\r\n\t\t\tsetTitle,\r\n\t\t\tadditionalFieldsForEmailSubmit,\r\n\t\t\tlockEmailFieldAfterSubmit,\r\n\t\t} = this.props;\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\r\n\t\t\t\t {\r\n\t\t\t\t\t\tactions.sendConfirmationCode(emailValue, byemail, dateOfBirthValue);\r\n\t\t\t\t\t\tif(typeof setTitle === 'function') {\r\n\t\t\t\t\t\t\tsetTitle(translate('reset_password_form_title_step_1', 'Password recovery (1)'));\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tif(lockEmailFieldAfterSubmit) {\r\n\t\t\t\t\t\t\tthis.setState({ isEmailDisabled: true });\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tadditionalFieldsForEmail={\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t{/* передается пропом, т.к. форма используется по-разному в кабинетах */}\r\n\t\t\t\t\t\t{additionalFieldsForEmailSubmit}\r\n\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\tdisabled={invalid || submitting}\r\n\t\t\t\t\tshowValidationMessage={true}\r\n\t\t\t\t\taddTotpText={translate('reset_confirmation_code_additional_totp', '** Available when 2FA is enabled on your account')}\r\n\t\t\t\t>\r\n\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\r\n\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t setStep('succeededOperator')}\r\n\t\t\t\t\t\t\tonSubmitFail={(errorInfo) => { setError(errorInfo._error); setStep('failedOperator'); }}\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{oauthError}\r\n\t\t\t\t
\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t\t dispatch(push('/reset'))} data-qa=\"forgot_password_link\">\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","export const anketaUrlRegex = /^((?:https?:\\/\\/)(?:[^\\/?#]+))(?:\\/(.*))?$/","/* eslint-disable no-underscore-dangle,no-plusplus,prefer-destructuring */\r\nimport React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { reduxForm, Field } from 'redux-form';\r\nimport { push } from 'connected-react-router';\r\nimport classNames from 'classnames';\r\nimport { makeStyles } from 'tss-react/mui';\r\nimport { Box, CircularProgress } from '@mui/material';\r\nimport { constants, env } from '@config';\r\nimport { Button, A } from '@components';\r\nimport { R, FormInput, FormPasswordField, useTranslate } from '@dev2t/react-ui-kit/src/components';\r\nimport { app, loginForm, auth, oauth } from '@redux';\r\nimport { CaptchaItem, RequireTotpConfirmationCodeItem } from '@shared';\r\nimport { compose } from '@utils';\r\nimport { connect } from 'react-redux';\r\nimport {anketaUrlRegex} from \"../../constants\";\r\nimport { OAuth } from '@components/OAuth';\r\n\r\nconst useStyles = makeStyles()(theme => ({\r\n\tinputStyle: {\r\n\t\tborder: '1px solid lightgray',\r\n\t\tborderRadius: '8px',\r\n\t\tpadding: '12px 24px 5px',\r\n\t\theight: '68px',\r\n\t\tbackgroundColor: 'transparent',\r\n\t\t'&& input::placeholder': {\r\n\t\t\tcolor: 'currentcolor',\r\n\t\t\topacity: 0.5,\r\n\t\t},\r\n\t},\r\n\tinputPassword: {\r\n\t\tjustifyContent: 'center',\r\n\t},\r\n\tforgotPassword: {\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.primary,\r\n\t\ttextAlign: 'right',\r\n\t\tmarginTop: '8px',\r\n\t},\r\n\tformError: {\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.common.white,\r\n\t\tbackgroundColor: theme.palette.error.main,\r\n\t\tborderRadius: '4px',\r\n\t\tpadding: '6px 18px',\r\n\t\ttextAlign: 'left',\r\n\t\tmarginTop: '15px',\r\n\r\n\t},\r\n\tformErrorShake: {\r\n\t\tWebkitAnimation: 'shake .5s linear',\r\n\t},\r\n\t'@keyframes shake': {\r\n\t\t'8%, 41%': {\r\n\t\t\tWebkitTransform: 'translateX(-10px)',\r\n\t\t},\r\n\t\t'25%, 58%': {\r\n\t\t\tWebkitTransform: 'translateX(10px)',\r\n\t\t},\r\n\t\t'75%': {\r\n\t\t\tWebkitTransform: 'translateX(-5px)',\r\n\t\t},\r\n\t\t'92%': {\r\n\t\t\tWebkitTransform: 'translateX(5px)',\r\n\t\t},\r\n\t\t'0%, 100%': {\r\n\t\t\tWebkitTransform: 'translateX(0)',\r\n\t\t},\r\n\t},\r\n\tsubmitButton: {\r\n\t\tmarginTop: '24px',\r\n\t},\r\n\tnewAccount: {\r\n\t\t...theme.customstyles.body,\r\n\t\tcolor: theme.palette.text.primary,\r\n\t\ttextAlign: 'center',\r\n\t\tmarginTop: '40px',\r\n\t\tmarginBottom: '40px',\r\n\t},\r\n\tloader: {\r\n\t\tcolor: theme.palette.primary.main,\r\n\t},\r\n\tinput: {\r\n\t\tpaddingTop: 20,\r\n\t}\r\n}));\r\n\r\nconst useActions = () => {\r\n\tconst dispatch = useDispatch();\r\n\treturn {\r\n\t\tsetCurrentPage: page => dispatch(push(page)),\r\n\t\tcheckAuth: () => dispatch(auth.actions.checkAuth.request()),\r\n\t};\r\n};\r\n\r\nconst LoginFormLocal = (props) => {\r\n\tconst { classes } = useStyles(props);\r\n\tconst actions = useActions();\r\n\tconst language = useSelector(app.selectors.language);\r\n\tconst isTryingToLogIn = useSelector(auth.selectors.isTryingToLogIn);\r\n\tconst translate = useTranslate();\r\n\r\n\tuseEffect(() => { actions.checkAuth() }, []);\r\n\r\n\tconst {\r\n\t\thandleSubmit,\r\n\t\tpristine,\r\n\t\tinvalid,\r\n\t\terror,\r\n\t\tsubmitting,\r\n\t\tcaptchaIsRequired,\r\n\t\ttwoFactorIsRequired\r\n\t} = props;\r\n\r\n\tconst oauthError = useSelector(oauth.selectors.authorizeError);\r\n\t// Собираем ошибки локальной авторизации и ошибку oauth-авторизации в один список\r\n\tconst allErrors = [\r\n\t\t...(error || []),\r\n\t\t...(oauthError ? [{ code: 'OAuth', message: oauthError }] : []),\r\n\t];\r\n\r\n\tconst [_, anketaDomain, anketaPath] = env.AnketaSiteUrl.match(anketaUrlRegex);\r\n\tlet anketaUrl = `${anketaDomain}/`;\r\n\r\n\tif (env.allowedLangs) {\r\n\t\tanketaUrl += `${language}/`;\r\n\t}\r\n\tif (anketaPath) {\r\n\t\tanketaUrl += anketaPath;\r\n\t}\r\n\r\n\tif (isTryingToLogIn)\r\n\t{\r\n\t\treturn \r\n\t\t\t\t actions.setCurrentPage('/reset')} data-qa=\"forgot_password_link\">\r\n\t\t\t\t\t
\r\n\t\t\t{captchaIsRequired &&\r\n\t\t\t\t\r\n\t\t\t\t\t
}\r\n\t\t\t{twoFactorIsRequired && (\r\n\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{!allErrors?.length ||\r\n\t\t\t\t\r\n\t\t\t\t\t{allErrors.map((errorItem, index) =>
\r\n\t\t\t}\r\n\t\t\t{errorItem.message}
)}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{submitting ?\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t:
\r\n\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? \r\n\t\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 ({ color: theme.palette.common.white })}\r\n\t\t\t\t\t\t\t\tsize={18}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t: translate('reset_form_send', 'Send')\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 compose(\r\n\treduxForm({\r\n\t\tform: RESET_BY_OPERATOR_FORM_ID,\r\n\t\tvalidate: ResetByOperatorForm.validate,\r\n\t\tonSubmitSuccess: (result, dispatch, props) => {\r\n\t\t\tif (props.onSuccess && (typeof props.onSuccess === 'function')) {\r\n\t\t\t\tprops.onSuccess();\r\n\t\t\t}\r\n\t\t},\r\n\t}),\r\n)(withStyles(ResetByOperatorForm, styles));\r\n","import React, { useEffect, useState } from 'react';\r\nimport { useDispatch } from 'react-redux';\r\nimport { push } from 'connected-react-router';\r\nimport { ProgressContainer, FormKeyboardDatePicker } from '@components';\r\nimport { R, Modal, SuccessMessage, ErrorMessage } from '@dev2t/react-ui-kit/src';\r\nimport { parseLocalDateOnly, translate} from '@global';\r\nimport ResetByEmailForm from './components/ResetByEmailForm';\r\nimport ResetByOperatorForm from './components/ResetByOperatorForm';\r\nimport { Field } from 'redux-form';\r\n\r\nexport const ResetViewLme = () => {\r\n\tconst [step, setStep] = useState('resetByEmail');\r\n\tconst [error, setError] = useState('');\r\n const [title, setTitle] = useState(translate('reset_password_form_title', 'Password recovery'));\r\n\tconst dispatch = useDispatch();\r\n\tconst submitting = false;\r\n\tconst goToLogin = () => dispatch(push('/login'));\r\n\tconst resetForm = () => setStep('resetByEmail');\r\n\r\n useEffect(() => {\r\n\t\tconst title = ['resetByOperator', 'succeededOperator', 'failedOperator'].includes(step) \r\n\t\t? translate('reset_password_form_title_step_2', 'Password recovery (2)') \r\n\t\t: translate('reset_password_form_title', 'Password recovery');\r\n\r\n\t\tsetTitle(title);\r\n }, [step]);\r\n\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t{step === 'succeeded' &&\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{error || translate('reset_view_error_password_recovery', 'Could not password recovery')}}\r\n\t\t\t\t\t\t\tbuttonText={\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t setStep('succeeded')}\r\n\t\t\t\t\t\t\tonFailure={() => setStep('failed')}\r\n\t\t\t\t\t\t\tsetError={setError}\r\n setTitle={setTitle}\r\n\t\t\t\t\t\t\tonOperatorSended={() => setStep('resetByOperator')}\r\n\t\t\t\t\t\t\tadditionalFieldsForEmailSubmit={<>\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
\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tbuttonText={\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
\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{step === 'succeeded' &&\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\tbuttonText={\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\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
\r\n\t\t\t\t\t{step === 'failed' &&\r\n\t\t\t\t\t\t{translate('reset_form_error_message', 'Password recovery link is incorrect. Please, try again.')}}\r\n\t\t\t\t\t\t\tbuttonText={{translate('common_popup_error_closebutton', 'Return')}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{step === 'resetByEmail' &&\r\n\t\t\t\t\t\t setStep('succeeded')}\r\n\t\t\t\t\t\t\tonSubmitFail={() => setStep('failed')}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t{step === 'succeeded' &&\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\tbuttonText={\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{translate('common_popup_success_closebutton', 'Thank you')}\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\t\t\t\t\t\t\t\t{translate('reset_form_success_message_first', 'Change password completed.')}\r\n\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\t\t{translate('reset_form_success_message_second', 'Go to login page.')}\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\r\n\t\t\t\t\t\t\t\t{email} was successfully validated and added to database.\"\r\n\t\t\t\t\t\t\t\t\tenableHtml/>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tbuttonText={\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\tNo code provided
\r\n\t}\r\n\r\n\treturn