No assets
}\r\n\r\n \r\n \r\n onChange({ text: e.target.value })}\r\n />\r\n \r\n \r\n\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst Counter = ({ total }) => (\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {subClasses ? (\r\n searchAsset()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n Search\r\n \r\n {(role != \"advisor\" && (role !== \"trader\" || (role === \"trader\" && TraderCanCreateAssets))) ? (\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n
\r\n);\r\n\r\nconst DropDownFilterSubClass = ({ value, items, onChange }) => (\r\n Assets: {total}
\r\n\r\n Ticker\r\n {asset.AssetTicker}\r\n
\r\n \r\n {getDefaultIdentifierLabel(asset)}\r\n {asset.AssetDefaultIdentifierValue}\r\n
\r\n \r\n Name\r\n {asset.AssetName}\r\n
\r\n \r\n Sub asset class\r\n {asset.SubAssetClassName}\r\n
\r\n \r\n {asset && (\r\n
\r\n \r\n \r\n
\r\n )}\r\n {asset && (\r\n \r\n Asset price\r\n
\r\n \r\n Status\r\n
\r\n )}\r\n \r\n \r\n
\r\n
\r\n )}\r\n Add new asset
\r\n \r\n\r\n Are you sure you want to clone{' '}\r\n \r\n {item.AssetISIN}\r\n {' - '}\r\n {item.AssetTicker}\r\n \r\n ?\r\n
\r\n{message}
\r\n\r\n \r\n setIsOpen(false)} isOpen={isOpen}>\r\n setIsOpen(false)}>Load asset from XLS \r\n \r\n \r\n\r\n {newAssetId >= 0 && (\r\n \r\n \r\n )}\r\n\r\n {errors.length > 0 && (\r\n \r\n \r\n )}\r\n\r\n {warnings.length > 0 && (\r\n \r\n \r\n )}\r\n \r\n \r\n {loading && (\r\n \r\n Loading...\r\n \r\n )}\r\n {newAssetId >= 0 ? (\r\n \r\n {\r\n goToAsset(newAssetId);\r\n }}\r\n color=\"success\"\r\n >\r\n {\" \"}\r\n Go to asset{\" \"}\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\nexport default LoadFromFile;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter } from \"reactstrap\";\r\n\r\nconst ModalMessage = ({ open, toggle, title, message, onAction }) => {\r\n return (\r\n Asset added succesfully!
\r\nClick on \"Go to Asset\" to view the new asset details.
\r\nErrors
\r\nSome fields are missing or unformatted. The asset cannot be created.
\r\n\r\n- \r\n {errors.map((w) => (\r\n
- {w} \r\n ))}\r\n
Warnings
\r\n- \r\n {warnings.map((w) => (\r\n
- {w} \r\n ))}\r\n
{message}
\r\n\r\n \r\n onChange(\"AssetQuotePriceIsDirty\", e.target.checked)}\r\n \r\n />\r\n \r\n
\r\n \r\n \r\n \r\n {\r\n quantityOnClick(e);\r\n }}\r\n dataTypeDecimalName=\"quantity\"\r\n />\r\n
\r\n )}\r\n {nextStatus == \"Matured\" && item.AssetStatus != \"Matured\" && (\r\n \r\n \r\n {\r\n dateOnClick(e.target.value);\r\n }}\r\n />\r\n
\r\n )}\r\n {\"\"}\r\n {alert && (\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nconst Scores = ({ scores }) => (\r\n \r\n
\r\n \r\n
\r\n From Date
\r\n \r\n setFilter({ ...filter, FromDate: value })}\r\n value={filter.FromDate || new Date().toLocaleDateString(\"en\")}\r\n />\r\n
\r\n \r\n
\r\n To Date
\r\n \r\n setFilter({ ...filter, ToDate: value })}\r\n value={filter.ToDate || new Date().toLocaleDateString(\"en\")}\r\n />\r\n
\r\n | \r\n | Date | \r\nAgency detail | \r\n\r\n \r\n {active === getRowKey(ag, index) ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n | \r\n\r\n | \r\n {ag.CreditRatingAgencyName} | \r\n \r\n {active === getRowKey(ag, index) && (\r\n
|---|---|---|
| \r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n);\r\n\r\nfunction getRowKey(agency, index) {\r\n return `${agency.CreditRatingAgencyId}-${agency.CreditRatingAgencyDate}-${index}`;\r\n}\r\n\r\nconst EmptyOrLoading = ({ loading }) => (\r\n | Score | \r\nScore value | \r\n \r\n \r\n {scores.map((score) => (\r\n
|---|---|
| {score.CreditRatingAgencyScore} | \r\n{score.CreditRatingAgencyScoreValue} | \r\n
\r\n {modalContract.open && (\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst EmptyOrLoading = ({ loading }) => (\r\n | Maturity date | \r\nRate | \r\nLender | \r\nBorrower | \r\nOpening leg | \r\nClosing leg | \r\nCollateral | \r\n\r\n |
|---|---|---|---|---|---|---|---|
| \r\n | \r\n \r\n | \r\n {item.LenderName} | \r\n{item.BorrowerName} | \r\n\r\n | \r\n \r\n | \r\n {item.ContractCollateralAssetTicker} | \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 @\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 \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 \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
\r\n
\r\n \r\n \r\n Opening leg{\" \"}\r\n {contract.ContractCollateralCurrencyISO}{\" \"}\r\n {\r\n
\r\n \r\n Closing leg{\" \"}\r\n {contract.ContractCollateralCurrencyISO}{\" \"}\r\n {\r\n
\r\n | Date | \r\nName | \r\nPayment | \r\nAdjusted | \r\n
|---|---|---|---|
| \r\n | \r\n {coupon.ContractPaymentName} | \r\n\r\n | \r\n \r\n | \r\n
\r\n {!readonly && (\r\n handleAction(Mode.Insert)}\r\n >\r\n \r\n Add Settlement currency\r\n \r\n )}\r\n \r\n \r\n
\r\n\r\n {modalCurrency.open && (\r\n
\r\n );\r\n};\r\n\r\nconst EmptyOrLoading = ({ loading }) => (\r\n | ISO | \r\nDescription | \r\nIs Default | \r\n\r\n |
|---|---|---|---|
| {item.SettlementCurrencyISO} | \r\n{item.SettlementCurrencyDescription} | \r\n{item.SettlementCurrencyIsDefault ? \"Yes\" : \"No\"} | \r\n\r\n {!readonly && (\r\n | \r\n
\r\n action(Mode.Update, id)}\r\n >\r\n \r\n \r\n\r\n action(Mode.Delete, id)}\r\n data-style={ZOOM_OUT}\r\n data-size={XS}\r\n >\r\n \r\n \r\n
\r\n);\r\n\r\nexport default Currency;\r\n","import React, { useCallback, useState, useEffect, Fragment } from \"react\";\r\nimport {\r\n Table,\r\n UncontrolledDropdown,\r\n DropdownToggle,\r\n DropdownMenu,\r\n DropdownItem,\r\n Input,\r\n Row,\r\n Col,\r\n Label,\r\n FormGroup,\r\n Button,\r\n} from \"reactstrap\";\r\nimport { LoadingMessage } from \"../../Controls\";\r\nimport { WizzMode, DenominationStatus } from \"../../types\";\r\nimport { useEntities } from \"../../Wizzard\";\r\nimport style from \"./../../styles.module.scss\";\r\nimport { FormattedNumber } from \"../../../FormattedNumber/FormattedNumber\";\r\nimport { DateField, truncateNumber } from \"../../../../utils\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport { showToast, debounce } from \"../../../../utils/Helper\";\r\nimport CircularProgress from \"../../../CircularProgress/CircularProgress\";\r\nimport { FormField } from \"../../../../utils\";\r\nimport { Combobox } from \"../../../Modal/Order/Field/Field\";\r\nimport { HistoryDefault } from \"../../../..\";\r\n\r\nexport const Denominations = ({ mode, services, assetId, toggleOrder, assetInfo }) => {\r\n const [readonly, setReadonly] = useState(mode == WizzMode.View); // va a ser mediante un useEffect al traer los denominations\r\n const [loading, setLoading] = useState(true);\r\n const [editing, setEditing] = useState(false);\r\n const [denominations, setDenominations] = useState([]);\r\n const [empty, setEmpty] = useState(true);\r\n const [decimalAmount, setDecimalAmount] = useState();\r\n const [canSave, setCanSave] = useState(false);\r\n const [modalHistory, setModalHistory] = useState(false);\r\n const [filters, setFilters] = useState({ text: \"\", status: \"Active\" });\r\n // const debounceCallback = useCallback(\r\n // debounce((nextValues) => rootOnChange(nextValues), 500),\r\n // []\r\n // );\r\n\r\n // const rootOnChange = () => {\r\n // loadDenominations();\r\n // };\r\n\r\n const onChange = (fields) => {\r\n const nextValues = {\r\n ...filters,\r\n status: fields.status,\r\n };\r\n setFilters(nextValues);\r\n };\r\n\r\n useEffect(() => {\r\n loadDenominations();\r\n }, [filters.status]);\r\n\r\n const loadDenominations = () => {\r\n setLoading(() => true);\r\n services.fetchPortfolios({ id: assetId, date: new Date() }).then((res) => {\r\n let slotsDict = [];\r\n res.portfolio.forEach((p) => {\r\n p.PortfolioQuantity = truncateNumber(+p.PortfolioQuantity, assetInfo.SubAssetClassDecimalPlaces);\r\n\r\n slotsDict.push({\r\n account: +p.accountId,\r\n availableSlots: Math.ceil(+p.PortfolioQuantity / +assetInfo.AssetSheetSize),\r\n AccountNumber: p.AccountNumber,\r\n AccountName: p.AccountName,\r\n BalanceType: p.PortfolioBalanceType,\r\n BookType: p.booktype,\r\n slots: [],\r\n availableSlotsAux: Math.ceil(+p.PortfolioQuantity / +assetInfo.AssetSheetSize),\r\n availableSlotsActive: 0,\r\n availableSlotsInactive: 0,\r\n });\r\n });\r\n\r\n services\r\n .fetchDenominations({ AssetId: assetId, filter: filters.status })\r\n .then((res) => {\r\n const newDenominations = [];\r\n // Adds slots for each account combining already defined denominations\r\n let currentAccountBefore = slotsDict;\r\n for (let i = 0; i < slotsDict.length; i++) {\r\n //if (filters.status == \"Inactive\" || filters.status == \"\" || filters.status == \"Active\") {\r\n currentAccountBefore[i] = {\r\n ...currentAccountBefore[i],\r\n availableSlots: 0,\r\n };\r\n\r\n //if (filters.status == \"Inactive\" || filters.status == \"\" || filters.status == \"Active\") {\r\n for (let denIdx = 0; denIdx < res.denominations.length; denIdx++) {\r\n const d = res.denominations[denIdx];\r\n if (\r\n +d.Accountid === +currentAccountBefore[i].account &&\r\n d.balancetype === currentAccountBefore[i].BalanceType &&\r\n d.booktype === currentAccountBefore[i].BookType\r\n ) {\r\n //if (d.DenominationStatus == \"Inactive\") {\r\n currentAccountBefore[i] = {\r\n ...currentAccountBefore[i],\r\n availableSlots: currentAccountBefore[i].availableSlots + 1,\r\n };\r\n if (\r\n (+d.Accountid === +currentAccountBefore[i].account &&\r\n d.DenominationStatus == \"Active\" &&\r\n d.balancetype === currentAccountBefore[i].BalanceType &&\r\n d.booktype === currentAccountBefore[i].BookType &&\r\n filters.status == \"\") ||\r\n filters.status == \"Active\"\r\n ) {\r\n currentAccountBefore[i] = {\r\n ...currentAccountBefore[i],\r\n availableSlotsActive: currentAccountBefore[i].availableSlotsActive + 1,\r\n };\r\n }\r\n if (\r\n +d.Accountid === +currentAccountBefore[i].account &&\r\n d.balancetype === currentAccountBefore[i].BalanceType &&\r\n d.DenominationStatus == \"Inactive\" &&\r\n d.booktype === currentAccountBefore[i].BookType &&\r\n filters.status == \"\"\r\n ) {\r\n currentAccountBefore[i] = {\r\n ...currentAccountBefore[i],\r\n availableSlotsInactive: currentAccountBefore[i].availableSlotsInactive + 1,\r\n };\r\n }\r\n }\r\n }\r\n }\r\n\r\n for (let i = 0; i < slotsDict.length; i++) {\r\n let situation = \"\";\r\n if (filters.status == \"Active\") {\r\n if (currentAccountBefore[i].availableSlotsActive > currentAccountBefore[i].availableSlotsAux) {\r\n //tienen de sobra deben eliminar\r\n //pasa cuando le dan inactive sin tener menos cantidad de la necesaria\r\n // currentAccountBefore[i] = {\r\n // ...currentAccountBefore[i],\r\n // availableSlots: currentAccountBefore[i].availableSlotsAux,\r\n // };\r\n situation = \"delete\";\r\n } else if (\r\n currentAccountBefore[i].availableSlotsActive < currentAccountBefore[i].availableSlotsAux\r\n ) {\r\n //tienen de mas deben anadir\r\n currentAccountBefore[i] = {\r\n ...currentAccountBefore[i],\r\n availableSlots: currentAccountBefore[i].availableSlotsAux,\r\n };\r\n //situation = \"less\";\r\n } else {\r\n //todo ok\r\n }\r\n } else if (filters.status == \"\") {\r\n if (currentAccountBefore[i].availableSlotsActive < currentAccountBefore[i].availableSlotsAux) {\r\n //tienen de mas deben anadir\r\n currentAccountBefore[i] = {\r\n ...currentAccountBefore[i],\r\n availableSlots:\r\n currentAccountBefore[i].availableSlotsAux +\r\n currentAccountBefore[i].availableSlotsInactive,\r\n };\r\n //situation = \"less\";\r\n } else if (\r\n currentAccountBefore[i].availableSlotsActive > currentAccountBefore[i].availableSlotsAux\r\n ) {\r\n situation = \"delete\";\r\n }\r\n }\r\n let currentAccount = currentAccountBefore[i];\r\n\r\n for (let j = 1; j <= currentAccount.availableSlots; j++) {\r\n let newDenomination = {\r\n Accountid: +currentAccount.account,\r\n Assetid: assetId,\r\n AccountNumber: currentAccount.AccountNumber,\r\n AccountName: currentAccount.AccountName,\r\n DenominationId: \"\",\r\n IsEditable: true,\r\n balancetype: currentAccount.BalanceType,\r\n booktype: \"Self\",\r\n disabled: false,\r\n situation: situation,\r\n };\r\n for (let denIdx = 0; denIdx < res.denominations.length; denIdx++) {\r\n const d = res.denominations[denIdx];\r\n if (\r\n +d.Accountid === +currentAccount.account &&\r\n d.balancetype === currentAccountBefore[i].BalanceType &&\r\n d.booktype === currentAccountBefore[i].BookType\r\n ) {\r\n let found = false;\r\n for (let slotsIdx = 0; slotsIdx < currentAccount.slots.length; slotsIdx++) {\r\n if (currentAccount.slots[slotsIdx].DenominationId === d.DenominationId) {\r\n found = true;\r\n break;\r\n }\r\n }\r\n if (!found) {\r\n newDenomination = {\r\n ...newDenomination,\r\n ...d,\r\n };\r\n break;\r\n }\r\n }\r\n }\r\n // agregar newDenomination a algo!!\r\n if (currentAccount.availableSlots > 0) {\r\n if (newDenomination.DenominationId !== \"\") {\r\n newDenomination = {\r\n ...newDenomination,\r\n disabled: true,\r\n };\r\n } else {\r\n newDenomination = {\r\n ...newDenomination,\r\n situation: \"add\",\r\n };\r\n }\r\n if (filters.status == \"\" && newDenomination.DenominationStatus == \"Inactive\") {\r\n newDenomination = {\r\n ...newDenomination,\r\n situation: \"\",\r\n };\r\n }\r\n currentAccount.slots.push(newDenomination);\r\n }\r\n } //sale del for grande\r\n\r\n currentAccount.slots.forEach((slot) => {\r\n newDenominations.push(slot);\r\n });\r\n }\r\n\r\n setDenominations(newDenominations);\r\n })\r\n .finally(() => {\r\n setLoading(() => false);\r\n });\r\n });\r\n };\r\n useEffect(() => {\r\n if (mode && assetId && assetInfo.AssetSheetSize) {\r\n setReadonly(mode == WizzMode.View);\r\n loadDenominations();\r\n }\r\n }, [mode, assetInfo, assetId]);\r\n\r\n useEffect(() => {\r\n if (services.saveDenominations) setCanSave(true);\r\n }, [services]);\r\n\r\n const handleSave = (idx, denomination) => {\r\n const denominationsToSave = [denomination];\r\n services\r\n .saveDenominations({ AssetId: assetId, denominations: denominationsToSave })\r\n .then((res) => {\r\n if (res.result.Code === 400) showToast(res.result.Description, true);\r\n else showToast(\"Denominations saved succesfully\");\r\n loadDenominations();\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n showToast(\"Error saving denominations\", true);\r\n });\r\n };\r\n\r\n const handleAddDenomination = (denomination, fn) => {\r\n services\r\n .addDenominations({\r\n DenominationId: denomination.DenominationId,\r\n BasicAccountId: denomination.Accountid,\r\n AssetId: assetId,\r\n BalanceType: denomination.balancetype,\r\n })\r\n .then((res) => {\r\n if (res.result.Code === 400) showToast(res.result.Description, true);\r\n else {\r\n showToast(\"Denominations added succesfully\");\r\n fn(res.denomination);\r\n }\r\n })\r\n .catch((err) => {\r\n showToast(\"Error adding denominiations\", true);\r\n });\r\n };\r\n\r\n const handleHistory = (denomination) => {\r\n setModalHistory({ process: \"Denomination\", processCharId: denomination, processId:assetId });\r\n };\r\n return (\r\n \r\n setModalHistory(false)}\r\n />\r\n )}\r\n
\r\n );\r\n};\r\n\r\nconst DenominationRow = ({\r\n denomination,\r\n editingGlobal,\r\n setEditingGlobal,\r\n handleSave,\r\n canSave,\r\n handleHistory,\r\n handleAddDenomination,\r\n}) => {\r\n const [editing, setEditing] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [denominationValue, setDenominationValue] = useState(denomination.DenominationId);\r\n const [denominationTicker, setDenominationTicker] = useState(denomination.DenominationTicker);\r\n const [selectedDenominationStatus, setSelectedDenominationStatus] = useState(\r\n denomination.DenominationStatus\r\n );\r\n const [disabled, setDisabled] = useState(denomination.disabled);\r\n const [denominationSituation, setDenominationSituation] = useState(denomination.situation);\r\n const toggleEditing = () => {\r\n setEditing((prev) => !prev);\r\n setEditingGlobal((prev) => !prev);\r\n };\r\n\r\n const handleCancel = () => {\r\n toggleEditing();\r\n handleOnChange(\"\", denomination.DenominationId);\r\n setLoading(() => false);\r\n };\r\n\r\n const fn = (res) => {\r\n //setDenominations(res);\r\n denomination = {\r\n ...denomination,\r\n DenominationId: res.DenominationId,\r\n disabled: false,\r\n };\r\n setDisabled(true);\r\n setDenominationSituation(\"\");\r\n setDenominationTicker(res.DenominationTicker);\r\n setDenominationValue(res.DenominationId);\r\n setSelectedDenominationStatus(res.DenominationStatus);\r\n };\r\n const handleNewDenomination = (name, value) => {\r\n denomination = {\r\n ...denomination,\r\n DenominationId: denominationValue,\r\n };\r\n handleAddDenomination(\r\n {\r\n ...denomination,\r\n },\r\n fn\r\n );\r\n };\r\n\r\n const handleOnChange = (name, value) => {\r\n setDenominationValue(() => value);\r\n };\r\n\r\n const handleOnChangeTicker = (name, value) => {\r\n setDenominationTicker(() => value);\r\n };\r\n\r\n const handleHistoryDem = (denominationValue) => {\r\n //llamar funcion a implementar que trae history\r\n //fetchHistoryByCharId;\r\n handleHistory(denominationValue);\r\n };\r\n\r\n const handleOnSave = () => {\r\n setLoading(() => true);\r\n handleSave({\r\n ...denomination,\r\n DenominationId: denominationValue,\r\n DenominationTicker: denominationTicker,\r\n DenominationStatus: selectedDenominationStatus,\r\n });\r\n toggleEditing();\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n {modalHistory && (\r\n | Account | \r\nOrigin Denomination | \r\nDenomination Ticker | \r\nStatus | \r\nBalance Type | \r\nBook Type | \r\n\r\n |
|---|
\r\n \r\n \r\n {value == \"\" ? \"All Statusses\" : value}\r\n \r\n \r\n onChange({ status: \"\" })}>\r\n {\"All Statusses\"}\r\n \r\n {Object.values(DenominationStatus).map((status) => (\r\n onChange({ status: status })}>\r\n {status}\r\n \r\n ))}\r\n \r\n \r\n
\r\n);\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Table, Row, Col } from \"reactstrap\";\r\nimport { LoadingMessage } from \"../../Controls\";\r\nimport { WizzMode } from \"../../types\";\r\nimport { useEntities } from \"../../Wizzard\";\r\nimport style from \"./../../styles.module.scss\";\r\nimport { FormattedDate } from \"react-intl\";\r\nimport { FormattedNumber } from \"../../../FormattedNumber/FormattedNumber\";\r\n\r\nconst Fundamentals = ({ mode, services, assetInfo }) => {\r\n const [, setReadonly] = useState(false);\r\n const [] = useState({ open: false });\r\n const [] = useEntities({});\r\n const [financials, setFundamentals] = useState();\r\n\r\n useEffect(() => {\r\n if (mode) {\r\n setReadonly(mode == WizzMode.View);\r\n }\r\n {\r\n assetInfo.AssetSynonym &&\r\n services.iextradingFinancial(assetInfo.AssetSynonym).then((res) => setFundamentals(res.financials));\r\n }\r\n }, [mode, assetInfo]);\r\n\r\n return (\r\n \r\n
\r\n )}\r\n {attachments &&\r\n (attachments.length == 0 ? (\r\n \r\n \r\n No Attachments\r\n \r\n
\r\n ) : (\r\n \r\n {attachments.map((item) => (\r\n
\r\n ))}\r\n \r\n \r\n {file.AssetAttachmentExtension}\r\n \r\n \r\n remove(file.AssetAttachmentId)}>\r\n \r\n \r\n
\r\n);\r\n\r\nexport function getAttachments(changedFiles) {\r\n const attachments = [];\r\n Object.values(changedFiles).forEach((file) => {\r\n if (file.mode == Mode.Delete) {\r\n attachments.push({\r\n accountId: file.id,\r\n });\r\n } else {\r\n attachments.push({\r\n ...file,\r\n });\r\n }\r\n });\r\n\r\n return attachments;\r\n}\r\n\r\nexport default Attachments;\r\n","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport { Row, Col, FormGroup, Tooltip, Label } from \"reactstrap\";\r\nimport { LoadingField, FormSelect, LoadingMessage, FormNumber, FormCheck } from \"./../../Controls\";\r\nimport Attachments from \"./Attachments\";\r\nimport { FormField } from \"../../../..\";\r\nimport classnames from \"classnames\";\r\nimport style from \"./styles.module.scss\";\r\nimport { WizzMode, Mode, AssetStatus, DPEditing, SinkType } from \"../../types\";\r\nimport { Field } from \"../../..\";\r\nimport { SuggestIssuer } from \"./../../Controls2\";\r\nimport Autosuggest from \"../../../Autosuggest/Autosuggest\";\r\nimport { Suggest } from \"./../../Controls\";\r\n\r\nconst General = ({\r\n mode,\r\n fields,\r\n previousFields,\r\n errors,\r\n entities,\r\n services,\r\n updateFiles,\r\n wizzOnChange,\r\n wizzToggle,\r\n decimalScale,\r\n}) => {\r\n const [dpEditable, setDPEditable] = useState(DPEditing.None);\r\n const [loaded, setLoaded] = useState(false);\r\n const [readonly, setReadonly] = useState(mode == WizzMode.View);\r\n\r\n const [tooltipOpen, setTooltipOpen] = useState(false);\r\n const toggleTooltip = () => setTooltipOpen(!tooltipOpen);\r\n\r\n const renderSuggestion = (suggestion) => (\r\n \r\n {suggestion.number}\r\n {\" - \"}\r\n {suggestion.name}\r\n
\r\n );\r\n\r\n const getSuggestionValue = (suggestion) => `${suggestion.number} - ${suggestion.name}`;\r\n\r\n const onSuggestionsFetchRequested = ({ value }) =>\r\n services.fetchSearchAccount({ text: value }).then((response) =>\r\n response.response.accounts.map((a) => {\r\n const accountAttrs = JSON.parse(a.Value);\r\n\r\n return {\r\n id: a.Id,\r\n name: accountAttrs.value,\r\n number: accountAttrs.key,\r\n };\r\n })\r\n );\r\n\r\n const onChangeSuggest = (method, value) => {\r\n if (method != \"type\" && value.id) {\r\n wizzOnChange({ AssetUnderlyingPortfolio: +value.id });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (!loaded) {\r\n if (fields && entities.dataProviders) {\r\n let DPEditableState = DPEditing.None;\r\n setReadonly(mode == WizzMode.View);\r\n\r\n if (mode !== WizzMode.New) {\r\n const { AssetDefaultIdentifier: defaultId, AssetDefaultIdentifierValue: value } = fields;\r\n // if cloned, come with empty value\r\n if (!defaultId || defaultId === \"0\") {\r\n DPEditableState = DPEditing.Both;\r\n } else if (!value || value === \"\") {\r\n DPEditableState = DPEditing.OnlyValue;\r\n }\r\n } else {\r\n DPEditableState = DPEditing.Both;\r\n }\r\n\r\n setDPEditable(DPEditableState);\r\n\r\n let nextFields = { ...fields };\r\n if (mode == WizzMode.New) {\r\n // select default isin\r\n nextFields.AssetDefaultIdentifier = getDefaultAssetProvider(entities.dataProviders);\r\n }\r\n setLoaded(true);\r\n wizzOnChange(nextFields);\r\n }\r\n }\r\n }, [fields, entities]);\r\n\r\n const onChange = (name, value) => {\r\n wizzOnChange({ [name]: value });\r\n };\r\n\r\n const onChangeCountry = (name, value) => {\r\n wizzOnChange({ [name]: value.CountryId });\r\n };\r\n\r\n const onChangeIssuer = (name, value) => {\r\n wizzOnChange({ [name]: value.IssuerId });\r\n };\r\n\r\n const handleChangeFiles = (file) => {\r\n updateFiles(file.id, file);\r\n\r\n if (file.mode == Mode.Insert) {\r\n onChange(\r\n \"Attachments\",\r\n fields.Attachments.concat({\r\n AssetAttachmentId: file.id,\r\n AssetAttachmentName: file.name,\r\n AssetAttachmentExtension: file.extension,\r\n })\r\n );\r\n } else if (file.mode == Mode.Delete) {\r\n onChange(\r\n \"Attachments\",\r\n fields.Attachments.filter((a) => a.AssetAttachmentId != file.id)\r\n );\r\n }\r\n };\r\n\r\n const { subAssetClasses, dataProviders, riskTypes } = entities;\r\n\r\n const SinkTypeValues = Object.entries(SinkType).map(([key, value]) => ({\r\n id: key,\r\n description: value,\r\n }));\r\n\r\n return (\r\n \r\n {fields ? (\r\n \r\n \r\n i.SubAssetClassId}\r\n getSelectItemName={(i) => i.SubAssetClassName}\r\n value={fields.SubAssetClassId}\r\n error={errors.SubAssetClassId}\r\n disabled={readonly || fields.AssetHasOrdersInProgress}\r\n description={\r\n !readonly && fields.AssetHasOrdersInProgress\r\n ? \"Cannot be changed because it has orders in progress\"\r\n : null\r\n }\r\n changedColor={fields.SubAssetClassId != previousFields.SubAssetClassId}\r\n onChange={onChange}\r\n />\r\n ) : (\r\n \r\n \r\n onChange(\"AssetCanBeTradedFromWebClient\", e.target.checked)}\r\n disabled={readonly}\r\n changedColor={\r\n fields.AssetCanBeTradedFromWebClient != previousFields.AssetCanBeTradedFromWebClient\r\n }\r\n />\r\n \r\n \r\n \r\n onChange(\"AssetReadyToTrade\", e.target.checked)}\r\n disabled={\r\n readonly ||\r\n fields.Taxes.length == 0 ||\r\n fields.AssetTicker == \"\" ||\r\n fields.AssetTicker == \"Not defined\"\r\n }\r\n changedColor={fields.AssetReadyToTrade != previousFields.AssetReadyToTrade}\r\n />\r\n \r\n {(fields.Taxes.length == 0 ||\r\n fields.AssetTicker == \"\" ||\r\n fields.AssetTicker == \"Not defined\") && (\r\n \r\n {(fields.AssetTicker == \"\" || fields.AssetTicker == \"Not defined\") &&\r\n \"Assets must have a Ticker defined to be ready to Trade\"}\r\n {fields.Taxes.length == 0 &&\r\n \"Assets must have at least one Tax defined to be ready to Trade\"}\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n onChange(\"AssetMaintainsFaceOnSink\", e.target.checked)}\r\n disabled={readonly}\r\n changedColor={\r\n fields.AssetMaintainsFaceOnSink != previousFields.AssetMaintainsFaceOnSink\r\n }\r\n />\r\n \r\n \r\n \r\n onChange(\"AssetReadyToBook\", e.target.checked)}\r\n disabled={\r\n readonly ||\r\n fields.Taxes.length == 0 ||\r\n fields.AssetTicker == \"\" ||\r\n fields.AssetTicker == \"Not defined\"\r\n }\r\n changedColor={fields.AssetReadyToBook != previousFields.AssetReadyToBook}\r\n />\r\n \r\n {(fields.Taxes.length == 0 ||\r\n fields.AssetTicker == \"\" ||\r\n fields.AssetTicker == \"Not defined\") && (\r\n \r\n {(fields.AssetTicker == \"\" || fields.AssetTicker == \"Not defined\") &&\r\n \"Assets must have a Ticker defined to be ready to Book\"}\r\n {fields.Taxes.length == 0 &&\r\n \"Assets must have at least one Tax defined to be ready to Book\"}\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n onChange(\"AssetHasUnderlyingPortfolio\", e.target.checked)}\r\n disabled={readonly}\r\n changedColor={\r\n fields.AssetHasUnderlyingPortfolio != previousFields.AssetHasUnderlyingPortfolio\r\n }\r\n />\r\n \r\n \r\n {fields.AssetHasUnderlyingPortfolio && (\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n {fields.AssetCanUseMTM && (\r\n \r\n onChange(\"AssetHasMTM\", e.target.checked)}\r\n disabled={readonly}\r\n changedColor={fields.AssetHasMTM != previousFields.AssetHasMTM}\r\n />\r\n \r\n )}\r\n \r\n )}\r\n
\r\n \r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetSinktype || \"\"}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetSinktype != previousFields.AssetSinktype}\r\n />\r\n \r\n i.DataProviderId}\r\n getSelectItemName={(i) => i.DataProviderName}\r\n value={fields.AssetDefaultIdentifier === \"0\" ? undefined : fields.AssetDefaultIdentifier}\r\n error={errors.AssetDefaultIdentifier}\r\n disabled={readonly || dpEditable !== DPEditing.Both}\r\n onChange={onChange}\r\n changedColor={fields.AssetDefaultIdentifier != previousFields.AssetDefaultIdentifier}\r\n />\r\n ) : (\r\n
\r\n \r\n i.currencyId}\r\n getSelectItemName={(i) => `${i.currencyISO} - ${i.currencyDescription}`}\r\n value={fields.AssetSettlementCurrencyId}\r\n error={errors.AssetSettlementCurrencyId}\r\n disabled={mode !== WizzMode.New}\r\n onChange={onChange}\r\n />\r\n ) : (\r\n i.AssetRiskTypeId}\r\n getSelectItemName={(i) => i.AssetRiskTypeDesc}\r\n value={fields.AssetRiskTypeId}\r\n error={errors.AssetRiskTypeId}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetRiskTypeId != previousFields.AssetRiskTypeId}\r\n />\r\n ) : (\r\n i.Id}\r\n getSelectItemName={(i) => i.Name}\r\n getSelectItemExtension={(i) => i.Code}\r\n service={services.searchCountry}\r\n disabled={readonly}\r\n error={errors.CountryId}\r\n onChange={onChangeCountry}\r\n changedColor={fields.CountryId != previousFields.CountryId}\r\n />\r\n i.Id}\r\n getSelectItemName={(i) => i.Value}\r\n error={errors.IssuerId}\r\n services={services}\r\n serviceCreateIssuer={services.createIssuer}\r\n disabled={readonly}\r\n onChange={onChangeIssuer}\r\n changedColor={fields.IssuerId != previousFields.IssuerId}\r\n />\r\n \r\n
\r\n \r\n ) : (\r\n
\r\n );\r\n};\r\n\r\nconst Error = ({ error }) =>\r\n !!error ? (\r\n \r\n {error}\r\n
\r\n ) : null;\r\n\r\nconst getDataProviderLabel = (fields, providers) => {\r\n let label;\r\n if (providers) {\r\n const provider = providers.find((prov) => prov.DataProviderId == fields.AssetDefaultIdentifier);\r\n\r\n if (provider) {\r\n label = provider.DataProviderInternalName;\r\n }\r\n }\r\n\r\n if (!label) {\r\n label = \"Not defined\";\r\n }\r\n\r\n return label;\r\n};\r\n\r\nfunction getDefaultAssetProvider(providers) {\r\n let candidate = providers.find((p) => p.DataProviderName == \"ISIN\");\r\n\r\n if (candidate) {\r\n return candidate.DataProviderId;\r\n }\r\n\r\n return null;\r\n}\r\n\r\nexport function validateGeneral(fields) {\r\n const fieldNames = [\r\n \"SubAssetClassId\",\r\n \"AssetDefaultIdentifier\",\r\n \"AssetSettlementCurrencyId\",\r\n \"AssetTicker\",\r\n \"AssetName\",\r\n \"CountryId\",\r\n \"IssuerId\",\r\n \"AssetRiskTypeId\",\r\n ];\r\n const errors = {};\r\n\r\n fieldNames.forEach((name) => {\r\n if (fields[name] == undefined || fields[name] == \"\") {\r\n errors[name] = \"Required field\";\r\n }\r\n });\r\n\r\n return errors;\r\n}\r\n\r\nexport default General;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"styles-module_container_1VeXv\",\"footer\":\"styles-module_footer_STYNg\",\"center\":\"styles-module_center_3Nw-Q\",\"chooser\":\"styles-module_chooser_3RkXj\",\"attachment\":\"styles-module_attachment_2Dl4Y\",\"name\":\"styles-module_name_1qwO0\",\"extension\":\"styles-module_extension_1UCVm\",\"delete\":\"styles-module_delete_33Gwx\"};","import React, { useState, Fragment, useEffect } from \"react\";\r\nimport { Table, Button } from \"reactstrap\";\r\nimport ModalGroup from \"../../Modals/ModalGroup\";\r\nimport { LoadingMessage } from \"../../Controls\";\r\nimport LaddaButton, { ZOOM_OUT, XS } from \"react-ladda\";\r\nimport { Mode, WizzMode } from \"../../types\";\r\nimport { useEntities } from \"../../Wizzard\";\r\n\r\nconst Groups = ({\r\n mode,\r\n assetId,\r\n assetGroups,\r\n services,\r\n wizzToggle,\r\n wizzOnChange,\r\n}) => {\r\n const [readonly, setReadonly] = useState(mode == WizzMode.View);\r\n const [modalGroup, setModalGroup] = useState({ open: false });\r\n const [deleting, setDeleting] = useEntities({});\r\n\r\n useEffect(() => {\r\n if (mode) {\r\n setReadonly(mode == WizzMode.View);\r\n }\r\n }, [mode]);\r\n\r\n const toggle = (props) => {\r\n setModalGroup({ open: !modalGroup.open, ...props });\r\n };\r\n\r\n // handle grid actions\r\n const handleAction = (action, group, value) => {\r\n if (action == Mode.Insert) {\r\n toggle({\r\n assetId,\r\n action,\r\n onConfirm: (e) => handleSave(action, e),\r\n });\r\n } else if (action == Mode.Update) {\r\n toggle({\r\n assetId,\r\n action,\r\n group: assetGroups.find(\r\n (c) => c.AssetGroupId == group && c.AssetGroupValue == value\r\n ),\r\n onConfirm: (e) => handleSave(action, e),\r\n });\r\n } else if (action == Mode.Delete) {\r\n wizzToggle(\"confirm\", {\r\n title: \"Delete asset group\",\r\n message: \"Are you sure you want to delete asset group?\",\r\n onConfirm: () => handleDelete(group, value),\r\n });\r\n }\r\n };\r\n\r\n // callback after modal confirm\r\n const handleSave = (action, group) => {\r\n return services\r\n .updateGroup({\r\n assetId,\r\n action,\r\n group,\r\n })\r\n .then((res) => res.result)\r\n .then((result) => {\r\n if (result.Code == 200) {\r\n wizzOnChange({\r\n Groups: [group].concat(\r\n assetGroups.filter(\r\n (e) =>\r\n e.AssetGroupId != group.AssetGroupId ||\r\n (e.AssetGroupId == group.AssetGroupId &&\r\n e.AssetGroupValue != group.AssetGroupValue)\r\n )\r\n ),\r\n });\r\n } else {\r\n wizzToggle(\"message\", {\r\n title: \"Error\",\r\n message: result.Description,\r\n });\r\n }\r\n\r\n return result.Code;\r\n });\r\n };\r\n\r\n // callback after confirm delete\r\n const handleDelete = (id, value) => {\r\n setDeleting({ [`${id}-${value}`]: true });\r\n services\r\n .updateGroup({\r\n assetId,\r\n action: Mode.Delete,\r\n group: assetGroups.find(\r\n (e) => e.AssetGroupId == id && e.AssetGroupValue == value\r\n ),\r\n })\r\n .then((res) => res.result)\r\n .then((result) => {\r\n setDeleting({ [`${id}-${value}`]: false });\r\n if (result.Code == 200) {\r\n assetGroups.splice(\r\n assetGroups.findIndex(\r\n (e) => e.AssetGroupId == id && e.AssetGroupValue == value\r\n ),\r\n 1\r\n );\r\n wizzOnChange({\r\n Groups: assetGroups,\r\n });\r\n } else {\r\n wizzToggle(\"message\", {\r\n title: \"Error\",\r\n message: result.Description,\r\n });\r\n }\r\n });\r\n };\r\n\r\n return (\r\n \r\n {!readonly && (\r\n handleAction(Mode.Insert)}\r\n >\r\n \r\n Add asset group\r\n \r\n )}\r\n \r\n \r\n
\r\n\r\n
\r\n );\r\n};\r\n\r\nconst EmptyOrLoading = ({ loading }) => (\r\n | Group Name | \r\nGroup Value | \r\n\r\n |
|---|---|---|
| {item.AssetGroupName} | \r\n{item.AssetGroupValue} | \r\n\r\n {!readonly && (\r\n | \r\n
\r\n action(Mode.Update, id, valueId)}\r\n >\r\n \r\n \r\n\r\n action(Mode.Delete, id, valueId)}\r\n data-style={ZOOM_OUT}\r\n data-size={XS}\r\n >\r\n \r\n \r\n
\r\n);\r\n\r\nexport default Groups;\r\n","import React, { useState, Fragment, useEffect } from \"react\";\r\nimport { Table, Button, Input } from \"reactstrap\";\r\nimport ModalPayments from \"../../Modals/ModalPayments\";\r\nimport LaddaButton, { ZOOM_OUT, XS, SLIDE_LEFT } from \"react-ladda\";\r\nimport { LoadingMessage } from \"../../Controls\";\r\nimport { FormattedDate } from \"react-intl\";\r\nimport { FormattedNumber } from \"../../../FormattedNumber/FormattedNumber\";\r\nimport InfiniteScroll from \"react-infinite-scroller\";\r\nimport { Mode, WizzMode } from \"../../types\";\r\nimport { useEntities } from \"../../Wizzard\";\r\nimport { CircularProgress } from \"../../..\";\r\nimport style from \"./../../styles.module.scss\";\r\nimport { showToast } from \"../../../../utils/Helper\";\r\nimport { Quantity } from \"../../../IO/Item\";\r\n\r\nconst Payments = ({ mode, services, assetPayments, wizzToggle, wizzOnChange, assetId, asset }) => {\r\n const [readonly, setReadonly] = useState(mode == WizzMode.View);\r\n const [recalculating, setRecalculating] = useState(false);\r\n const [calculating, setCalculating] = useState(false); \r\n const [modalPayments, setModalPayments] = useState({ open: false });\r\n const [deleting, setDeleting] = useEntities({});\r\n const [selection, setSelection] = useState({ active: false, checkeds: {} });\r\n const [showRealAccruals, setShowRealAccruals] = useState(false); \r\n const [calculated, setCalculated] = useState(false);\r\n\r\n const [indice, setIndice] = useState(1)\r\n const [grid, setGrid] = useState({\r\n hasMore: assetPayments ? assetPayments.length > 15 : false,\r\n payments: assetPayments ? assetPayments.slice(0, 14) : null,\r\n loading: false,\r\n });\r\n const [quantity, setQuantity] = useState(\"\"); \r\n const [quantityError, setQuantityError] = useState(\"\"); \r\n\r\n useEffect(() => {\r\n if (assetPayments) {\r\n setReadonly(mode == WizzMode.View);\r\n setGrid({\r\n hasMore: assetPayments ? assetPayments.length > 15 : false,\r\n payments: assetPayments ? assetPayments.slice(0, 14) : null,\r\n loading: false,\r\n });\r\n }\r\n }, [assetPayments]);\r\n\r\n const toggle = (props) => {\r\n setModalPayments({ open: !modalPayments.open, ...props });\r\n };\r\n\r\n // handle grid actions\r\n const handleAction = (action, paymentId) => {\r\n if (action == Mode.Insert) {\r\n toggle({\r\n assetId,\r\n action,\r\n onConfirm: (e) => handleSave(action, e),\r\n });\r\n } else if (action == Mode.Update) {\r\n toggle({\r\n assetId,\r\n action,\r\n payment: assetPayments.find((p) => p.AssetCouponDate == paymentId),\r\n onConfirm: (e) => handleSave(action, e),\r\n });\r\n } else if (action == Mode.Delete) {\r\n wizzToggle(\"confirm\", {\r\n title: \"Delete payment\",\r\n message: \"Are you sure you want to delete payment?\",\r\n onConfirm: () => handleDelete({ [paymentId]: true }),\r\n });\r\n }\r\n };\r\n\r\n // callback after modal confirm\r\n const handleSave = (action, payment) => {\r\n return services\r\n .updatePayment({\r\n assetId,\r\n action,\r\n payment,\r\n })\r\n .then((res) => res.result)\r\n .then((result) => {\r\n if (result.Code == 200) {\r\n if (action === Mode.Update || action === Mode.Insert) {\r\n forceUpdateAfterRecalculate();\r\n }\r\n } else {\r\n wizzToggle(\"message\", {\r\n title: \"Error\",\r\n message: result.Description,\r\n });\r\n }\r\n\r\n return result.Code;\r\n });\r\n };\r\n\r\n // callback after confirm delete\r\n const handleDelete = (ids) => {\r\n setDeleting({ ...deleting, ...ids });\r\n\r\n services\r\n .deletePayments({\r\n assetId,\r\n paymentIds: Object.keys(ids),\r\n })\r\n .then((res) => res.result)\r\n .then((result) => {\r\n setDeleting(Object.keys(ids).reduce((items, value) => ({ ...items, [value]: false }), {}));\r\n if (result.Code == 200) {\r\n setGrid({\r\n ...grid,\r\n payments: grid.payments.filter((e) => !ids[e.AssetCouponDate]),\r\n });\r\n Object.keys(ids).forEach((id) =>\r\n assetPayments.splice(\r\n assetPayments.findIndex((e) => e.AssetCouponDate == id),\r\n 1\r\n )\r\n );\r\n wizzOnChange({\r\n Payments: assetPayments,\r\n });\r\n forceUpdateAfterRecalculate();\r\n } else {\r\n wizzToggle(\"message\", {\r\n title: \"Error\",\r\n message: result.Description,\r\n });\r\n }\r\n });\r\n };\r\n\r\n const handleSelectionAction = (action, id) => {\r\n if (action == \"select\") {\r\n const checkeds = {};\r\n assetPayments.forEach((e) => (checkeds[e.AssetCouponDate] = true));\r\n setSelection({\r\n active: true,\r\n checkeds,\r\n });\r\n } else if (action == \"unselect\") {\r\n const checkeds = {};\r\n assetPayments.forEach((e) => (checkeds[e.AssetCouponDate] = false));\r\n setSelection({\r\n active: true,\r\n checkeds,\r\n });\r\n } else if (action == \"delete\") {\r\n wizzToggle(\"confirm\", {\r\n title: \"Delete payments\",\r\n message: \"Are you sure you want to delete selected payments?\",\r\n onConfirm: () => handleDelete(selection.checkeds),\r\n });\r\n } else if (action == \"toggleCheck\") {\r\n setSelection({\r\n ...selection,\r\n checkeds: {\r\n ...selection.checkeds,\r\n [id]: !selection.checkeds[id],\r\n },\r\n });\r\n }\r\n };\r\n\r\n const forceUpdateAfterRecalculate = () => {\r\n setGrid({ ...grid, loading: true });\r\n\r\n return services\r\n .assetInformation({ assetId })\r\n .then((res) => res.info.Payments)\r\n .then((payments) => {\r\n setTimeout(() => {\r\n wizzOnChange({\r\n Payments: payments,\r\n });\r\n }, 350);\r\n });\r\n };\r\n\r\n const handleRecalculate = () => {\r\n wizzToggle(\"confirm\", {\r\n title: \"Recalculate\",\r\n message: \"Are you sure you want to recalcute coupons?\",\r\n onConfirm: () => {\r\n setRecalculating(true);\r\n services.couponFill({ assetId, recalculate: true }).then((res) => {\r\n forceUpdateAfterRecalculate().then((res) => setRecalculating(false));\r\n });\r\n },\r\n });\r\n };\r\n\r\n\r\n const handleCalculate = () => {\r\n const quantityValue = quantity;\r\n\r\n if ((asset.AssetHasIndex === 1 || asset.AssetHasIndex === true) && (asset.AssetIndex === 'Only Payments' || asset.AssetIndex === 'Principal And Payments')){\r\n setIndice(asset.AssetIndexExpression)\r\n }\r\n\r\n if (!quantityValue) {\r\n setQuantityError(\"This field is required\");\r\n setCalculated(false); \r\n setShowRealAccruals(false); \r\n return;\r\n } else {\r\n setQuantityError(\"\");\r\n setCalculated(true); \r\n setShowRealAccruals(true); \r\n }\r\n };\r\n\r\n const handleChangeQuantity = (e) => {\r\n setQuantity(e.target.value);\r\n setShowRealAccruals(false); \r\n setCalculated(false); \r\n };\r\n\r\n \r\n \r\n\r\n const loadMore = (page) => {\r\n setTimeout(\r\n () => {\r\n setGrid({\r\n payments: assetPayments.slice(0, (page + 1) * 15),\r\n hasMore: assetPayments.length > (page + 1) * 15,\r\n loading: false,\r\n });\r\n },\r\n page ? 500 : 0\r\n );\r\n };\r\n\r\n return (\r\n \r\n {!readonly && (\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst EmptyOrLoading = ({ loading }) => (\r\n \r\n \r\n\r\n
\r\n )}\r\n \r\n \r\n Calculate\r\n \r\n\r\n handleRecalculate()}\r\n data-style={SLIDE_LEFT}\r\n style={{ height: \"36px\"}}\r\n >\r\n Recalculate\r\n \r\n
\r\n \r\n
\r\n\r\n {quantityError}
}\r\n | \r\n | Coupon date | \r\nCoupon rate | \r\nCapitalization rate | \r\nSink | \r\nPrincipal factor | \r\nAccrual factor | \r\nCoupon number | \r\nExpected payment | \r\nReal Accrual | \r\n\r\n |
|---|---|---|---|---|---|---|---|---|---|---|
| \r\n {selection.active && (\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 | \r\n {item.AssetCouponNumber} | \r\n\r\n | \r\n \r\n {calculated && showRealAccruals && (\r\n | \r\n \r\n {!readonly && (\r\n | \r\n
\r\n \r\n\r\n action(Mode.Delete, id)}\r\n data-style={ZOOM_OUT}\r\n data-size={XS}\r\n >\r\n \r\n \r\n
\r\n);\r\n\r\nconst SelectActions = ({ setSelection, selection, doAction }) => {\r\n return (\r\n \r\n {selection.active ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n setSelection({ ...selection, active: true })}\r\n >\r\n Select items\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default Payments;\r\n","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport {\r\n Table,\r\n UncontrolledDropdown,\r\n DropdownToggle,\r\n DropdownMenu,\r\n DropdownItem,\r\n Input,\r\n Row,\r\n Col,\r\n Label,\r\n FormGroup,\r\n} from \"reactstrap\";\r\nimport { LoadingMessage } from \"../../Controls\";\r\nimport { WizzMode } from \"../../types\";\r\nimport { useEntities } from \"../../Wizzard\";\r\nimport style from \"./../../styles.module.scss\";\r\nimport { FormattedNumber } from \"../../../FormattedNumber/FormattedNumber\";\r\nimport { DateField, truncateNumber } from \"../../../../utils\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport { showToast } from \"../../../../utils/Helper\";\r\n\r\nconst Portfolios = ({ mode, services, assetId, toggleOrder, assetInfo, opsViewAccountName }) => {\r\n const [, setReadonly] = useState(mode == WizzMode.View);\r\n const [] = useState({ open: false });\r\n const [] = useEntities({});\r\n const [portfolio, setPortfolio] = useState({});\r\n const [date, setDate] = useState(new Date().toLocaleDateString(\"en\"));\r\n const [] = useState({\r\n io: { open: false },\r\n order: { open: false },\r\n custody: { open: false },\r\n sellAll: { open: false },\r\n });\r\n const [loading, setLoading] = useState(false);\r\n const [empty, setEmpty] = useState(true);\r\n const [decimalAmount, setDecimalAmount] = useState();\r\n\r\n useEffect(() => {\r\n if (mode) {\r\n setReadonly(mode == WizzMode.View);\r\n }\r\n services.fetchPortfolios({ id: assetId, date: date }).then((res) => {\r\n res.portfolio.forEach((p) => {\r\n p.PortfolioQuantity = truncateNumber(p.PortfolioQuantity, assetInfo.SubAssetClassDecimalPlaces);\r\n });\r\n setPortfolio({ portfolio: res.portfolio });\r\n if (res.portfolio.length != 0) setEmpty(false);\r\n });\r\n services.assetInformation({ assetId: assetId }).then((response) => {\r\n setDecimalAmount(response.info.SubAssetClassDecimalPlaces);\r\n });\r\n }, [mode]);\r\n\r\n const handleOrder = (name, item) => {\r\n var quantity;\r\n {\r\n name == \"Sell\" ? (quantity = item.PortfolioQuantity) : (quantity = \"\");\r\n }\r\n toggleOrder(\"order\", {\r\n order: {\r\n CurrentAccount: {\r\n AccountId: item.accountId,\r\n AccountName: item.AccountName,\r\n AccountNumber: item.AccountNumber,\r\n Quantity: quantity,\r\n },\r\n AccountId: item.accountId,\r\n AccountName: item.AccountName,\r\n AccountNumber: item.AccountNumber,\r\n OrderSide: name,\r\n OrderQuantity: quantity,\r\n AssetId: assetId,\r\n AssetTicker: assetInfo.AssetTicker,\r\n AssetClassForm: assetInfo.AssetClassForm,\r\n AssetDescription: assetInfo.AssetDescription,\r\n },\r\n });\r\n };\r\n\r\n const changeDate = (value) => {\r\n setPortfolio({ portfolio: null });\r\n services\r\n .fetchPortfolios({ id: assetId, date: value })\r\n .then((res) => setPortfolio({ portfolio: res.portfolio }));\r\n setDate(value);\r\n };\r\n\r\n const handleDownload = () => {\r\n setLoading(true);\r\n services\r\n .AssetPortfoliosXLSX(portfolio)\r\n .then((r) => {\r\n if (r.response.count > 0) {\r\n try {\r\n const blob = new Blob([new Uint8Array(r.response.buffer.data)], {\r\n type: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;\",\r\n });\r\n const link = document.createElement(\"a\");\r\n link.href = window.URL.createObjectURL(blob);\r\n link.download = \"Portfolios.xlsx\";\r\n link.click();\r\n } catch (ex) {}\r\n }\r\n })\r\n .catch((e) => {});\r\n setLoading(false);\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n changeDate(value)}\r\n value={date}\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 );\r\n};\r\n\r\nconst EmptyOrLoading = ({ loading }) => (\r\n | \r\n | Number | \r\n {opsViewAccountName !== undefined ?\r\n (\r\n opsViewAccountName ?\r\n (\r\nAccount | \r\n )\r\n :\r\n (\r\n \"\"\r\n )\r\n )\r\n :\r\nAccount | \r\n }\r\nBalance Type | \r\nQuantity | \r\nAverage Price | \r\nPortfolio Invested | \r\n
|---|---|---|---|---|---|---|---|
| \r\n | \r\n {item.AccountNumber} | \r\n {opsViewAccountName !== undefined ?\r\n (\r\n opsViewAccountName ?\r\n (\r\n{item.AccountName} | \r\n )\r\n :\r\n (\r\n \"\"\r\n )\r\n )\r\n :\r\n{item.AccountName} | \r\n }\r\n{item.PortfolioBalanceType} | \r\n\r\n | \r\n \r\n | \r\n \r\n | \r\n
\r\n \r\n \r\n
\r\n {modalQuote.open && (\r\n
\r\n );\r\n};\r\n\r\nconst EmptyOrLoading = ({ loading }) => (\r\n \r\n
\r\n {!readonly && (\r\n \r\n )}\r\n \r\n
\r\n From Date
\r\n \r\n setFilter({ ...filter, FromDate: value })}\r\n value={filter.FromDate || new Date().toLocaleDateString(\"en\")}\r\n />\r\n
\r\n \r\n
\r\n To Date
\r\n \r\n setFilter({ ...filter, ToDate: value })}\r\n value={filter.ToDate || new Date().toLocaleDateString(\"en\")}\r\n />\r\n
\r\n | Date | \r\nCurrency | \r\nPrice | \r\nAccounting Price | \r\nAdjusted Price | \r\nOpen Price | \r\nClose Price | \r\nQuotes Dirty | \r\n\r\n |
|---|---|---|---|---|---|---|---|---|
| \r\n | \r\n {q.QuoteCurrencyISO} | \r\n\r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n {q.AssetQuotePriceIsDirty? 'YES':'NO'}\r\n | \r\n\r\n {!readonly && (\r\n | \r\n
\r\n \r\n\r\n action(Mode.Delete, id)}\r\n data-style={ZOOM_OUT}\r\n data-size={XS}\r\n >\r\n \r\n \r\n
\r\n);\r\n\r\nexport default Quotes;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"filter\":\"styles-module_filter_L9Jav\",\"field\":\"styles-module_field__5CTg\",\"label\":\"styles-module_label_3KjTs\",\"input\":\"styles-module_input_2UDyR\"};","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport { Table, Button } from \"reactstrap\";\r\nimport ModalSinonyms from \"../../Modals/ModalSinonyms\";\r\nimport { LoadingMessage } from \"../../Controls\";\r\nimport { Mode, WizzMode } from \"../../types\";\r\nimport LaddaButton, { ZOOM_OUT, XS } from \"react-ladda\";\r\nimport { useEntities } from \"../../Wizzard\";\r\nimport classNames from \"classnames\";\r\nimport style from \"./../../styles.module.scss\";\r\n\r\nconst Sinonyms = ({\r\n mode,\r\n defaultId,\r\n assetSynonyms,\r\n services,\r\n dataProviders,\r\n assetId,\r\n wizzOnChange,\r\n wizzToggle,\r\n}) => {\r\n const [readonly, setReadonly] = useState(mode == WizzMode.View);\r\n const [modalSinonyms, setModalSinonyms] = useState({ open: false });\r\n const [deleting, setDeleting] = useEntities({});\r\n\r\n useEffect(() => {\r\n if (mode) {\r\n setReadonly(mode == WizzMode.View);\r\n }\r\n }, [mode]);\r\n\r\n const toggle = (props) => {\r\n setModalSinonyms({ open: !modalSinonyms.open, ...props });\r\n };\r\n\r\n // handle grid actions\r\n const handleAction = (action, synonymId) => {\r\n if (action == Mode.Insert) {\r\n toggle({\r\n assetId,\r\n action,\r\n onConfirm: (e) => handleSave(action, e),\r\n });\r\n } else if (action == Mode.Update) {\r\n toggle({\r\n assetId,\r\n action,\r\n synonym: assetSynonyms.find((s) => s.DataProviderId == synonymId),\r\n onConfirm: (e) => handleSave(action, e),\r\n });\r\n } else if (action == Mode.Delete) {\r\n wizzToggle(\"confirm\", {\r\n title: \"Delete asset synonym\",\r\n message: \"Are you sure you want to delete asset synonym?\",\r\n onConfirm: () => handleDelete(synonymId),\r\n });\r\n }\r\n };\r\n\r\n // callback after modal confirm\r\n const handleSave = (action, synonym) => {\r\n return services\r\n .updateSynonym({\r\n assetId,\r\n action,\r\n synonym,\r\n })\r\n .then((res) => res.result)\r\n .then((result) => {\r\n if (result.Code == 200) {\r\n wizzOnChange({\r\n Synonyms: [synonym].concat(\r\n assetSynonyms.filter((e) => e.DataProviderId != synonym.DataProviderId)\r\n ),\r\n });\r\n } else {\r\n wizzToggle(\"message\", {\r\n title: \"Error\",\r\n message: result.Description,\r\n });\r\n }\r\n\r\n return result.Code;\r\n });\r\n };\r\n\r\n // callback after confirm delete\r\n const handleDelete = (id) => {\r\n setDeleting({ [id]: true });\r\n services\r\n .updateSynonym({\r\n assetId,\r\n action: Mode.Delete,\r\n synonym: assetSynonyms.find((e) => e.DataProviderId == id),\r\n })\r\n .then((res) => res.result)\r\n .then((result) => {\r\n setDeleting({ [id]: false });\r\n if (result.Code == 200) {\r\n assetSynonyms.splice(\r\n assetSynonyms.findIndex((e) => e.DataProviderId == id),\r\n 1\r\n );\r\n wizzOnChange({\r\n Synonyms: assetSynonyms,\r\n });\r\n } else {\r\n wizzToggle(\"message\", {\r\n title: \"Error\",\r\n message: result.Description,\r\n });\r\n }\r\n });\r\n };\r\n return (\r\n \r\n {!readonly && (\r\n \r\n )}\r\n \r\n \r\n
\r\n\r\n
\r\n );\r\n};\r\n\r\nconst EmptyOrLoading = ({ loading }) => (\r\n | Data Provider | \r\nAsset Provider | \r\nTrade Pricing | \r\nAccount Pricing | \r\n\r\n | {item.DataProviderName} | \r\n{item.AssetProviderName} | \r\n{item.AssetProviderTradePricing ? \"Yes\" : \"No\"} | \r\n{item.AssetProviderAccountingPricing ? \"Yes\" : \"No\"} | \r\n\r\n {!readonly && (\r\n | \r\n \r\n ))}\r\n {assetSynonyms.length == 0 &&
|---|
\r\n \r\n\r\n action(Mode.Delete, id)}\r\n data-style={ZOOM_OUT}\r\n data-size={XS}\r\n >\r\n \r\n \r\n
\r\n);\r\n\r\nconst filterDataProviders = (dataProviders) => {};\r\n\r\nexport default Sinonyms;\r\n","import React, { Fragment } from \"react\";\r\nimport { LoadingMessage } from \"../../Controls\";\r\nimport { Row, Col } from \"reactstrap\";\r\nimport style from \"./styles.module.scss\";\r\nimport { FormField } from \"../../../..\";\r\n\r\nconst AssetSubClass = ({ subAsset }) => {\r\n return (\r\n \r\n Sub asset class section\r\n {subAsset ? (\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\nconst parseYesNo = (value) => (value ? \"Yes\" : \"No\");\r\n\r\n// &info.SubAssetClassQuoting = SubAssetClassQuoting\r\n// &info.SubAssetClassPaymentType = SubAssetClassPaymentType\r\nexport default AssetSubClass;\r\n","import React, { Fragment, useState, useEffect } from \"react\";\r\nimport { Row, Col, Spinner, FormGroup, CustomInput } from \"reactstrap\";\r\nimport {\r\n DayCountFractions,\r\n PaymentBase,\r\n PaymentFormula,\r\n IssuanceType,\r\n IndexType,\r\n CallPut,\r\n FundType,\r\n YesNo,\r\n QuotingType,\r\n Decimals,\r\n WizzMode,\r\n OfferType,\r\n SectorType,\r\n PaymentRateType,\r\n} from \"../../types\";\r\nimport { Suggest, LoadingMessage, FormNumber, LoadingField, FormSelect, FormCheck } from \"./../../Controls\";\r\nimport AssetSubClass from \"./AssetSubClass\";\r\nimport { FormField } from \"../../../..\";\r\nimport { parseDate } from \"./../../Modals/ModalQuote\";\r\nimport style from \"./styles.module.scss\";\r\n\r\nconst Structure = ({ mode, services, fields, previousFields, entities, wizzOnChange }) => {\r\n const [readonly, setReadonly] = useState(false);\r\n\r\n useEffect(() => {\r\n if (mode) {\r\n setReadonly(mode == WizzMode.View);\r\n }\r\n }, [mode]);\r\n\r\n const [UseAssetAnnualTargetPerfomance, setShowAnnualTargetPerformance] = useState(false);\r\n const [UseAssetQualified, setShowIsQualified] = useState(false);\r\n\r\n useEffect(() => {\r\n if (services.getParameterValue) {\r\n services.getParameterValue({ ParameterName: \"UseAssetAnnualTargetPerfomance\" }, (response) => {\r\n if (response && response.SdtParametersData && response.SdtParametersData.ParameterNumericValue == 1) {\r\n setShowAnnualTargetPerformance(true);\r\n }\r\n });\r\n }\r\n services.getParameterValue({ ParameterName: \"UseAssetQualification\" }, (response) => {\r\n if (response && response.SdtParametersData && response.SdtParametersData.ParameterNumericValue == 1) {\r\n setShowIsQualified(true);\r\n }\r\n });\r\n }, [services])\r\n\r\n const onChange = (name, value) => {\r\n wizzOnChange({ [name]: value });\r\n };\r\n\r\n const onChangeDate = (name, value) => {\r\n wizzOnChange({ [name]: parseDate(value) });\r\n };\r\n\r\n const onChangeSuggest = (name, values) => {\r\n wizzOnChange(values);\r\n };\r\n\r\n const onChangeCheck = (event) => {\r\n const { id, checked } = event.target;\r\n wizzOnChange({ [id]: checked });\r\n };\r\n\r\n const { currencies, calendars } = entities;\r\n const { SubAssetClassInfo: subAsset } = fields || {};\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n i.currencyId}\r\n getSelectItemName={(i) => i.currencyISO}\r\n value={fields.CurrencyId}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.CurrencyId != previousFields.CurrencyId}\r\n />\r\n ) : (\r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetAccrualType}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetAccrualType != previousFields.AssetAccrualType}\r\n />\r\n \r\n )}\r\n {subAsset.SubAssetClassHasRegularPayments && (\r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={parseYesNo(fields.AssetAccrualTypeEOM)}\r\n disabled={readonly}\r\n onChange={(name, value) => onChange(name, +value)}\r\n changedColor={fields.AssetAccrualTypeEOM != previousFields.AssetAccrualTypeEOM}\r\n />\r\n \r\n )}\r\n
\r\n {subAsset.SubAssetClassHasRegularPayments && (\r\n \r\n Coupon/Dividend info\r\n \r\n {subAsset.SubAssetClassHasRegularPayments && (\r\n \r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetCouponDividendPaymentBase}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={\r\n fields.AssetCouponDividendPaymentBase !=\r\n previousFields.AssetCouponDividendPaymentBase\r\n }\r\n />\r\n \r\n \r\n )}\r\n\r\n {subAsset.SubAssetClassHasRegularPayments && (\r\n \r\n \r\n )}\r\n
\r\n \r\n )}\r\n \r\n {(subAsset.SubAssetClassPaymentType == PaymentFormula.InterestRate ||\r\n subAsset.SubAssetClassPaymentType == PaymentFormula.EffectiveRate) && (\r\n \r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={parseYesNo(fields.AssetHasPartialRedemptions)}\r\n disabled={readonly}\r\n onChange={(name, value) => onChange(name, +value)}\r\n changedColor={\r\n fields.AssetHasPartialRedemptions != previousFields.AssetHasPartialRedemptions\r\n }\r\n />\r\n \r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={parseYesNo(fields.AssetHasCapitalizations)}\r\n disabled={readonly}\r\n onChange={(name, value) => onChange(name, +value)}\r\n changedColor={fields.AssetHasCapitalizations != previousFields.AssetHasCapitalizations}\r\n />\r\n \r\n \r\n )}\r\n {subAsset.SubAssetClassQuoting == QuotingType.Contracts && (\r\n
\r\n\r\n {(subAsset.SubAssetClassPaymentType == PaymentFormula.InterestRate ||\r\n subAsset.SubAssetClassPaymentType == PaymentFormula.EffectiveRate ||\r\n (subAsset.SubAssetClassPaymentType == PaymentFormula.Dividend &&\r\n subAsset.SubAssetClassHasRegularPayments)) && (\r\n \r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetPaymentRateType}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetPaymentRateType != previousFields.AssetPaymentRateType}\r\n />\r\n \r\n
\r\n )}\r\n \r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={parseYesNo(fields.AssetHasIndex)}\r\n disabled={readonly}\r\n onChange={(name, value) => onChange(name, +value)}\r\n changedColor={fields.AssetHasIndex != previousFields.AssetHasIndex}\r\n />\r\n \r\n\r\n {subAsset.SubAssetClassHasMaturity && (\r\n \r\n i.description}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetIndex}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetIndex != previousFields.AssetIndex}\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 {subAsset.SubAssetClassIsanOption && (\r\n \r\n Option specific info\r\n \r\n \r\n \r\n \r\n i.Id}\r\n getSelectItemName={(i) => i.Ticker}\r\n service={services.searchSymbol}\r\n disabled={readonly}\r\n onChange={onChangeSuggest}\r\n changedColor={fields.AssetUnderlyingAsset != previousFields.AssetUnderlyingAsset}\r\n />\r\n \r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetIsCallPut}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetIsCallPut != previousFields.AssetIsCallPut}\r\n />\r\n \r\n
\r\n \r\n )}\r\n\r\n \r\n i.Id}\r\n getSelectItemName={(i) => i.Name}\r\n getSelectItemExtension={(i) => i.Code}\r\n service={services.searchCountry}\r\n disabled={readonly}\r\n onChange={onChangeSuggest}\r\n changedColor={fields.CountryId != previousFields.CountryId}\r\n />\r\n \r\n\r\n i.Id}\r\n getSelectItemName={(i) => i.Name}\r\n getSelectItemExtension={(i) => i.Description}\r\n service={services.searchCountryISO2}\r\n disabled={readonly}\r\n onChange={onChangeSuggest}\r\n changedColor={fields.CountryId != previousFields.CountryId}\r\n />\r\n \r\n
\r\n \r\n i.currencyId}\r\n getSelectItemName={(i) => i.currencyISO}\r\n value={fields.AssetIssuanceCurrency}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetIssuanceCurrency != previousFields.AssetIssuanceCurrency}\r\n />\r\n ) : (\r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetIssuanceType}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetIssuanceType != previousFields.AssetIssuanceType}\r\n />\r\n \r\n {subAsset.SubAssetClassRequieresIssuanceDate && (\r\n i.Id}\r\n getSelectItemName={(i) => i.Value}\r\n service={services.searchIssuer}\r\n serviceCreateIssuer={services.createIssuer}\r\n disabled={readonly}\r\n onChange={onChangeSuggest}\r\n changedColor={fields.IssuerId != previousFields.IssuerId}\r\n />\r\n \r\n
\r\n\r\n \r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetOfferType}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetOfferType != previousFields.AssetOfferType}\r\n />\r\n \r\n\r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetSectorType}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetSectorType != previousFields.AssetSectorType}\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 \r\n i.Id}\r\n getSelectItemName={(i) => i.Value}\r\n service={services.searchCustEntity}\r\n disabled={readonly}\r\n onChange={onChangeSuggest}\r\n changedColor={\r\n fields.AssetPreferredCustodianEntity != previousFields.AssetPreferredCustodianEntity\r\n }\r\n />\r\n \r\n\r\n i.CalendarId}\r\n getSelectItemName={(i) => i.CalendarName}\r\n disabled={readonly}\r\n value={fields.AssetDefaultCalendar == 0 ? -1 : fields.AssetDefaultCalendar}\r\n onChange={onChange}\r\n changedColor={fields.AssetDefaultCalendar != previousFields.AssetDefaultCalendar}\r\n />\r\n ) : (\r\n \r\n \r\n \r\n {UseAssetQualified && (\r\n \r\n \r\n \r\n )}\r\n
\r\n {subAsset.SubAssetClassIsFund && (\r\n \r\n Fund specific info\r\n \r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetFundType}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetFundType != previousFields.AssetFundType}\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 )}\r\n Others\r\n \r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetMaxDecimals}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetMaxDecimals != previousFields.AssetMaxDecimals}\r\n />\r\n \r\n )}\r\n {UseAssetAnnualTargetPerfomance && subAsset.SubAssetClassIsFund && (\r\n i.Id}\r\n getSelectItemName={(i) => i.Value}\r\n service={services.searchRegion}\r\n disabled={readonly}\r\n onChange={onChangeSuggest}\r\n changedColor={fields.RiskRegionId != previousFields.RiskRegionId}\r\n />\r\n \r\n
\r\n \r\n ) : (\r\n
\r\n );\r\n};\r\n\r\nexport default Structure;\r\n\r\nconst parseYesNo = (value) => (value ? 1 : 0);\r\n\r\nconst DayCountFractionsValues = Object.entries(DayCountFractions).map(([key, value]) => ({\r\n id: value,\r\n description: value,\r\n}));\r\n\r\nconst PaymentBaseValues = Object.entries(PaymentBase).map(([key, value]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nconst PaymentFormulaValues = Object.entries(PaymentFormula).map(([key, value]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nconst IndexTypeValues = Object.entries(IndexType).map(([key, value]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nconst CallPutValues = Object.entries(CallPut).map(([key, value]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nconst OfferTypeValues = Object.entries(OfferType).map(([key, value]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nconst PaymentRateTypeValues = Object.entries(PaymentRateType).map(([key, value]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nconst SectorTypeValues = Object.entries(SectorType).map(([key, value]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nconst IssuanceTypeValues = Object.entries(IssuanceType).map(([key, value]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nconst FundTypeValues = Object.entries(FundType).map(([key, value]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nconst YesNoValues = Object.entries(YesNo).map(([value, key]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nconst DecimalsValues = Object.entries(Decimals).map(([value, key]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nexport function validateStruture(fields) {\r\n const fieldNames = [];\r\n const errors = {};\r\n\r\n fieldNames.forEach((name) => {\r\n if (fields[name] == undefined || fields[name] == \"\") {\r\n errors[name] = \"Required field\";\r\n }\r\n });\r\n\r\n return errors;\r\n}\r\n","import React, { Fragment, useState, useEffect } from \"react\";\r\nimport { Row, Col, Spinner, FormGroup, CustomInput } from \"reactstrap\";\r\nimport {\r\n DayCountFractions,\r\n PaymentBase,\r\n PaymentFormula,\r\n IssuanceType,\r\n IndexType,\r\n CallPut,\r\n FundType,\r\n YesNo,\r\n QuotingType,\r\n Decimals,\r\n WizzMode,\r\n OfferType,\r\n SectorType,\r\n PaymentRateType,\r\n} from \"../../types\";\r\nimport { Suggest, LoadingMessage, FormNumber, LoadingField, FormSelect, FormCheck } from \"./../../Controls\";\r\nimport { SuggestIssuer } from \"./../../Controls2\";\r\nimport AssetSubClass from \"./AssetSubClass\";\r\nimport { FormField } from \"../../../..\";\r\nimport { parseDate } from \"./../../Modals/ModalQuote\";\r\nimport style from \"./styles.module.scss\";\r\n\r\nconst Structure2 = ({ mode, services, fields, previousFields, entities, wizzOnChange }) => {\r\n const [readonly, setReadonly] = useState(false);\r\n\r\n\r\n useEffect(() => {\r\n if (fields.AssetIssuanceDate==\"0000-00-00\"){\r\n const today = new Date().toISOString().split(\"T\")[0];\r\n wizzOnChange({ AssetIssuanceDate: today });\r\n }\r\n }, [fields.AssetIssuanceDate]);\r\n \r\n useEffect(() => {\r\n if (mode) {\r\n setReadonly(mode == WizzMode.View);\r\n }\r\n }, [mode]);\r\n\r\n const [UseAssetAnnualTargetPerfomance, setShowAnnualTargetPerformance] = useState(false);\r\n const [UseAssetQualified, setShowIsQualified] = useState(false);\r\n\r\n useEffect(() => {\r\n if (services.getParameterValue) {\r\n services.getParameterValue({ ParameterName: \"UseAssetAnnualTargetPerfomance\" }, (response) => {\r\n if (response && response.SdtParametersData && response.SdtParametersData.ParameterNumericValue == 1) {\r\n setShowAnnualTargetPerformance(true);\r\n }\r\n });\r\n services.getParameterValue({ ParameterName: \"UseAssetQualification\" }, (response) => {\r\n if (response && response.SdtParametersData && response.SdtParametersData.ParameterNumericValue == 1) {\r\n setShowIsQualified(true);\r\n }\r\n });\r\n }\r\n }, [services])\r\n\r\n const onChange = (name, value) => {\r\n wizzOnChange({ [name]: value });\r\n };\r\n\r\n const onChangeDate = (name, value) => {\r\n value=value.split(\"T\")[0];\r\n if (value==\"0000-00-00\"||!value){\r\n value = new Date().toISOString().split(\"T\")[0];\r\n }\r\n wizzOnChange({ [name]: (value) });\r\n };\r\n\r\n const onChangeSuggest = (name, values) => {\r\n wizzOnChange(values);\r\n };\r\n\r\n const onChangeCheck = (event) => {\r\n const { id, checked } = event.target;\r\n wizzOnChange({ [id]: checked });\r\n };\r\n\r\n const onChangeCheckQualified = (event) => {\r\n const { id, checked } = event.target;\r\n const newValue = checked ? \"Qualified\" : \"Unqualified\";\r\n \r\n wizzOnChange({ [id]: newValue });\r\n};\r\n\r\n const { currencies, calendars } = entities;\r\n const { SubAssetClassInfo: subAsset } = fields || {};\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n i.currencyId}\r\n getSelectItemName={(i) => i.currencyISO}\r\n value={fields.CurrencyId}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.CurrencyId != previousFields.CurrencyId}\r\n />\r\n ) : (\r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetAccrualType}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetAccrualType != previousFields.AssetAccrualType}\r\n />\r\n \r\n )}\r\n {subAsset.SubAssetClassHasRegularPayments && (\r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={parseYesNo(fields.AssetAccrualTypeEOM)}\r\n disabled={readonly}\r\n onChange={(name, value) => onChange(name, +value)}\r\n changedColor={fields.AssetAccrualTypeEOM != previousFields.AssetAccrualTypeEOM}\r\n />\r\n \r\n )}\r\n
\r\n {subAsset.SubAssetClassHasRegularPayments && (\r\n \r\n Coupon/Dividend info\r\n \r\n {subAsset.SubAssetClassHasRegularPayments && (\r\n \r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetCouponDividendPaymentBase}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={\r\n fields.AssetCouponDividendPaymentBase !=\r\n previousFields.AssetCouponDividendPaymentBase\r\n }\r\n />\r\n \r\n \r\n )}\r\n\r\n {subAsset.SubAssetClassHasRegularPayments && (\r\n \r\n \r\n )}\r\n
\r\n \r\n )}\r\n \r\n {(subAsset.SubAssetClassPaymentType == PaymentFormula.InterestRate ||\r\n subAsset.SubAssetClassPaymentType == PaymentFormula.EffectiveRate) && (\r\n \r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={parseYesNo(fields.AssetHasPartialRedemptions)}\r\n disabled={readonly}\r\n onChange={(name, value) => onChange(name, +value)}\r\n changedColor={\r\n fields.AssetHasPartialRedemptions != previousFields.AssetHasPartialRedemptions\r\n }\r\n />\r\n \r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={parseYesNo(fields.AssetHasCapitalizations)}\r\n disabled={readonly}\r\n onChange={(name, value) => onChange(name, +value)}\r\n changedColor={fields.AssetHasCapitalizations != previousFields.AssetHasCapitalizations}\r\n />\r\n \r\n \r\n )}\r\n {subAsset.SubAssetClassQuoting == QuotingType.Contracts && (\r\n
\r\n\r\n {(subAsset.SubAssetClassPaymentType == PaymentFormula.InterestRate ||\r\n subAsset.SubAssetClassPaymentType == PaymentFormula.EffectiveRate ||\r\n (subAsset.SubAssetClassPaymentType == PaymentFormula.Dividend &&\r\n subAsset.SubAssetClassHasRegularPayments)) && (\r\n \r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetPaymentRateType}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetPaymentRateType != previousFields.AssetPaymentRateType}\r\n />\r\n \r\n
\r\n )}\r\n \r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={parseYesNo(fields.AssetHasIndex)}\r\n disabled={readonly}\r\n onChange={(name, value) => onChange(name, +value)}\r\n changedColor={fields.AssetHasIndex != previousFields.AssetHasIndex}\r\n />\r\n \r\n\r\n {subAsset.SubAssetClassHasMaturity && (\r\n \r\n i.description}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetIndex}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetIndex != previousFields.AssetIndex}\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 {subAsset.SubAssetClassIsanOption && (\r\n \r\n Option specific info\r\n \r\n \r\n \r\n \r\n i.Id}\r\n getSelectItemName={(i) => i.Ticker}\r\n service={services.searchSymbol}\r\n disabled={readonly}\r\n onChange={onChangeSuggest}\r\n changedColor={fields.AssetUnderlyingAsset != previousFields.AssetUnderlyingAsset}\r\n />\r\n \r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetIsCallPut}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetIsCallPut != previousFields.AssetIsCallPut}\r\n />\r\n \r\n
\r\n \r\n )}\r\n\r\n \r\n i.Id}\r\n getSelectItemName={(i) => i.Name}\r\n getSelectItemExtension={(i) => i.Code}\r\n service={services.searchCountry}\r\n disabled={readonly}\r\n onChange={onChangeSuggest}\r\n changedColor={fields.CountryId != previousFields.CountryId}\r\n />\r\n \r\n\r\n i.Id}\r\n getSelectItemName={(i) => i.Name}\r\n getSelectItemExtension={(i) => i.Description}\r\n service={services.searchCountryISO2}\r\n disabled={readonly}\r\n onChange={onChangeSuggest}\r\n changedColor={fields.CountryId != previousFields.CountryId}\r\n />\r\n \r\n
\r\n \r\n i.currencyId}\r\n getSelectItemName={(i) => i.currencyISO}\r\n value={fields.AssetIssuanceCurrency}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetIssuanceCurrency != previousFields.AssetIssuanceCurrency}\r\n />\r\n ) : (\r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetIssuanceType}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetIssuanceType != previousFields.AssetIssuanceType}\r\n />\r\n \r\n {subAsset.SubAssetClassRequieresIssuanceDate && (\r\n i.Id}\r\n getSelectItemName={(i) => i.Value}\r\n services={services}\r\n serviceCreateIssuer={services.createIssuer}\r\n disabled={readonly}\r\n onChange={onChangeSuggest}\r\n changedColor={fields.IssuerId != previousFields.IssuerId}\r\n />\r\n \r\n
\r\n\r\n \r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetOfferType}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetOfferType != previousFields.AssetOfferType}\r\n />\r\n \r\n\r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetSectorType}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetSectorType != previousFields.AssetSectorType}\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 \r\n i.Id}\r\n getSelectItemName={(i) => i.Value}\r\n service={services.searchCustEntity}\r\n disabled={readonly}\r\n onChange={onChangeSuggest}\r\n changedColor={\r\n fields.AssetPreferredCustodianEntity != previousFields.AssetPreferredCustodianEntity\r\n }\r\n />\r\n \r\n\r\n i.CalendarId}\r\n getSelectItemName={(i) => i.CalendarName}\r\n disabled={readonly}\r\n value={fields.AssetDefaultCalendar == 0 ? -1 : fields.AssetDefaultCalendar}\r\n onChange={onChange}\r\n changedColor={fields.AssetDefaultCalendar != previousFields.AssetDefaultCalendar}\r\n />\r\n ) : (\r\n \r\n \r\n \r\n {UseAssetQualified && (\r\n \r\n \r\n \r\n )}\r\n
\r\n {subAsset.SubAssetClassIsFund && (\r\n \r\n Fund specific info\r\n \r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetFundType}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetFundType != previousFields.AssetFundType}\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 )}\r\n Others\r\n \r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={fields.AssetMaxDecimals}\r\n disabled={readonly}\r\n onChange={onChange}\r\n changedColor={fields.AssetMaxDecimals != previousFields.AssetMaxDecimals}\r\n />\r\n \r\n )}\r\n {UseAssetAnnualTargetPerfomance && subAsset.SubAssetClassIsFund && (\r\n i.Id}\r\n getSelectItemName={(i) => i.Value}\r\n service={services.searchRegion}\r\n disabled={readonly}\r\n onChange={onChangeSuggest}\r\n changedColor={fields.RiskRegionId != previousFields.RiskRegionId}\r\n />\r\n \r\n
\r\n \r\n i.id}\r\n getSelectItemName={(i) => i.description}\r\n value={parseYesNo(fields.AssetPhysicalDenomination)}\r\n disabled={readonly}\r\n onChange={(name, value) => onChange(name, +value)}\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\nexport default Structure2;\r\n\r\nconst parseYesNo = (value) => (value ? 1 : 0);\r\n\r\nconst DayCountFractionsValues = Object.entries(DayCountFractions).map(([key, value]) => ({\r\n id: value,\r\n description: value,\r\n}));\r\n\r\nconst PaymentBaseValues = Object.entries(PaymentBase).map(([key, value]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nconst PaymentFormulaValues = Object.entries(PaymentFormula).map(([key, value]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nconst IndexTypeValues = Object.entries(IndexType).map(([key, value]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nconst CallPutValues = Object.entries(CallPut).map(([key, value]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nconst OfferTypeValues = Object.entries(OfferType).map(([key, value]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nconst PaymentRateTypeValues = Object.entries(PaymentRateType).map(([key, value]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nconst SectorTypeValues = Object.entries(SectorType).map(([key, value]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nconst IssuanceTypeValues = Object.entries(IssuanceType).map(([key, value]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nconst FundTypeValues = Object.entries(FundType).map(([key, value]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nconst YesNoValues = Object.entries(YesNo).map(([value, key]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nconst DecimalsValues = Object.entries(Decimals).map(([value, key]) => ({\r\n id: key,\r\n description: value,\r\n}));\r\n\r\nexport function validateStruture(fields) {\r\n const fieldNames = [];\r\n const errors = {};\r\n\r\n fieldNames.forEach((name) => {\r\n if (fields[name] == undefined || fields[name] == \"\") {\r\n errors[name] = \"Required field\";\r\n }\r\n });\r\n\r\n return errors;\r\n}\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"checkbox\":\"styles-module_checkbox_pJDo0\",\"section\":\"styles-module_section_3TWOJ\",\"sectionDark\":\"styles-module_sectionDark_28343\",\"subAsset\":\"styles-module_subAsset_2-j3_\"};","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport LaddaButton, { ZOOM_OUT, XS } from \"react-ladda\";\r\nimport { Table, Button } from \"reactstrap\";\r\nimport { LoadingMessage } from \"../../Controls\";\r\nimport ModalTax from \"../../Modals/ModalTax\";\r\nimport { useEntities } from \"../../Wizzard\";\r\nimport { Mode, WizzMode } from \"../../types\";\r\nimport { showToast } from \"../../../../utils/Helper\"\r\nimport { FormattedNumber } from \"../../../FormattedNumber/FormattedNumber\";\r\nconst Tax = ({\r\n mode,\r\n services,\r\n assetTaxes,\r\n assetId,\r\n wizzOnChange,\r\n wizzToggle,\r\n fields,\r\n role\r\n}) => {\r\n const [readonly, setReadonly] = useState(mode == WizzMode.View);\r\n const [modalTax, setModalTax] = useState({ open: false });\r\n const [deleting, setDeleting] = useEntities({});\r\n\r\n useEffect(() => {\r\n if (mode) {\r\n setReadonly(mode == WizzMode.View);\r\n }\r\n }, [mode]);\r\n\r\n const toggle = (props) => {\r\n setModalTax({ open: !modalTax.open, ...props });\r\n };\r\n\r\n // handle grid actions\r\n const handleAction = (action, taxId) => {\r\n if (action == Mode.Insert) {\r\n toggle({\r\n assetId,\r\n action,\r\n onConfirm: (e) => handleSave(action, e),\r\n });\r\n } else if (action == Mode.Update) {\r\n toggle({\r\n assetId,\r\n action,\r\n tax: assetTaxes.find((t) => t.TAXId == taxId),\r\n onConfirm: (e) => handleSave(action, e),\r\n });\r\n } else if (action == Mode.Delete) {\r\n wizzToggle(\"confirm\", {\r\n title: \"Delete asset tax\",\r\n message: \"Are you sure you want to delete asset tax?\",\r\n onConfirm: () => handleDelete(taxId),\r\n });\r\n }\r\n };\r\n\r\n // callback after modal confirm\r\n const handleSave = (action, tax) => {\r\n return services\r\n .updateTax({\r\n assetId,\r\n action,\r\n tax,\r\n })\r\n .then((res) => res.result)\r\n .then((result) => {\r\n if (result.Code == 200) {\r\n wizzOnChange({\r\n Taxes: [tax].concat(assetTaxes.filter((e) => e.TAXId != tax.TAXId)),\r\n });\r\n } else {\r\n wizzToggle(\"message\", {\r\n title: \"Error\",\r\n message: result.Description,\r\n });\r\n }\r\n\r\n return result.Code;\r\n });\r\n };\r\n\r\n // callback after confirm delete\r\n const handleDelete = (id) => {\r\n \r\n //No puedo eliminar todos los tax si el Asset esta Ready to Book o Ready to Trade\r\n if (assetTaxes.length == 1 && (fields.AssetReadyToBook || fields.AssetReadyToTrade)){\r\n showToast('If Assets are Ready to Book or Ready to Trade, you cannot delete all their taxes.', true)\r\n return\r\n }\r\n \r\n setDeleting({ [id]: true });\r\n services\r\n .updateTax({\r\n assetId,\r\n action: Mode.Delete,\r\n tax: assetTaxes.find((e) => e.TAXId == id),\r\n })\r\n .then((res) => res.result)\r\n .then((result) => {\r\n setDeleting({ [id]: false });\r\n if (result.Code == 200) {\r\n assetTaxes.splice(\r\n assetTaxes.findIndex((e) => e.TAXId == id),\r\n 1\r\n );\r\n wizzOnChange({\r\n Taxes: assetTaxes,\r\n });\r\n } else {\r\n wizzToggle(\"message\", {\r\n title: \"Error\",\r\n message: result.Description,\r\n });\r\n }\r\n });\r\n };\r\n\r\n return (\r\n \r\n {!readonly && (\r\n handleAction(Mode.Insert)}\r\n >\r\n \r\n Add Tax\r\n \r\n )}\r\n \r\n \r\n
\r\n\r\n
\r\n );\r\n};\r\n\r\nconst EmptyOrLoading = ({ loading }) => (\r\n | Name | \r\nType | \r\nPercentage | \r\n\r\n |
|---|---|---|---|
| {item.TAXName} | \r\n{item.TAXType} | \r\n\r\n {!readonly && (\r\n | \r\n
\r\n action(Mode.Update, id)}\r\n >\r\n \r\n \r\n\r\n action(Mode.Delete, id)}\r\n data-style={ZOOM_OUT}\r\n data-size={XS}\r\n >\r\n \r\n \r\n
\r\n);\r\n\r\nexport default Tax;\r\n","import React, { useState, useEffect, useReducer } from \"react\";\r\nimport { Card, CardHeader, CardBody, CardFooter } from \"reactstrap\";\r\nimport LaddaButton, { SLIDE_LEFT } from \"react-ladda\";\r\nimport { TabName, WizzMode } from \"./types\";\r\nimport { getAttachments } from \"./Tabs/General/Attachments\";\r\nimport StructureTab, { validateStruture } from \"./Tabs/Structure/Structure\";\r\nimport Structure2Tab from \"./Tabs/Structure/Structure2\";\r\nimport GeneralTab, { validateGeneral } from \"./Tabs/General/General\";\r\nimport ModalCalculator from \"./Calculator/Calculator\";\r\nimport PaymentsTab from \"./Tabs/Payments/Payments\";\r\nimport ContractsTab from \"./Tabs/Contracts/Contracts\";\r\nimport SinonymslTab from \"./Tabs/Sinonyms/Sinonyms\";\r\nimport CurrencyTab from \"./Tabs/Currency/Currency\";\r\nimport ModalMessage from \"./Modals/ModalMessage\";\r\nimport ModalConfirm from \"./Modals/ModalConfirm\";\r\nimport AgenciesTab from \"./Tabs/Agencies/Agencies\";\r\nimport GroupsTab from \"./Tabs/Groups/Groups\";\r\nimport QuotesTab from \"./Tabs/Quotes/Quotes\";\r\nimport Navigation from \"./Navigation\";\r\nimport Header from \"./Header/Header\";\r\nimport TaxTab from \"./Tabs/Tax/Tax\";\r\nimport style from \"./styles.module.scss\";\r\nimport PortfoliosTab from \"./Tabs/Portfolios/Portfolios\";\r\nimport { Denominations } from \"./Tabs/Denominations/Denominations\";\r\nimport FundamentalsTab from \"./Tabs/Fundamentals/Fundamentals\";\r\nimport ModalLoadFromFile from \"./Modals/ModalLoadFromFile\";\r\nimport { toast } from \"react-toastify\";\r\nconst initialState = {\r\n AssetName: \"\",\r\n AssetTicker: \"\",\r\n AssetDescription: \"\",\r\n AssetIssuanceCurrency: null,\r\n AssetDefaultIdentifierValue: \"\",\r\n Attachments: [],\r\n};\r\n\r\nconst Wizzard = ({ id, mode, role, Link, services, showToast, redirect, toggleOrder, initialTab, opsViewAccountName }) => {\r\n const [modals, setModals] = useState({\r\n confirm: { open: false },\r\n message: { open: false },\r\n calculator: { open: false },\r\n });\r\n const [saving, setSaving] = useState({});\r\n const [asset, setAsset] = useState(false);\r\n const [previousAsset, setPreviousAsset] = useState(false);\r\n const [errors, setErrors] = useState({});\r\n const [changedFiles, setChangedFiles] = useState({});\r\n const [tab, setTab] = useState(initialTab || TabName.General);\r\n const [fileModalOpen, setFileModalOpen] = useState(true);\r\n const [entities, setEntities] = useEntities({\r\n subAssetClasses: null,\r\n dataProviders: null,\r\n currencies: null,\r\n riskTypes: null,\r\n calendars: null,\r\n });\r\n\r\n useEffect(() => {\r\n services.assetEntities({}).then(({ subAssetClasses, dataProviders, riskTypes, calendars }) =>\r\n setEntities({\r\n subAssetClasses,\r\n dataProviders,\r\n riskTypes,\r\n calendars,\r\n })\r\n );\r\n\r\n services\r\n .currencies({})\r\n .then((res) => res.currencies)\r\n .then((currencies) => setEntities({ currencies }));\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (mode) {\r\n if (id) {\r\n setAsset(false);\r\n\r\n services.assetInformation({ assetId: id }).then((res) => {\r\n setAsset(res.info);\r\n setPreviousAsset(res.info);\r\n });\r\n } else {\r\n setAsset(initialState);\r\n setPreviousAsset(initialState);\r\n }\r\n }\r\n }, [id]);\r\n\r\n useEffect(() => {\r\n if (asset.SubAssetClassId) {\r\n services\r\n .subAssetClass({ subAssetClassId: asset.SubAssetClassId })\r\n .then((res) => res.info)\r\n .then((info) =>\r\n setAsset({\r\n ...asset,\r\n SubAssetClassName: info.SubAssetClassName,\r\n SubAssetClassInfo: info,\r\n })\r\n );\r\n }\r\n }, [asset.SubAssetClassId]);\r\n\r\n const onChange = (newFields) => {\r\n setErrors({ ...errors, ...mapKeysToUndefined(newFields) });\r\n setAsset((prevAsset) => ({ ...prevAsset, ...newFields }));\r\n if (newFields && newFields.Synonyms)\r\n services.assetInformation({ assetId: id }).then((res) => {\r\n setAsset(res.info);\r\n setPreviousAsset(res.info);\r\n });\r\n if (asset.AssetIssuanceCurrency == null) {\r\n let currencyId = entities.currencies != null ? entities.currencies[0].currencyId : null;\r\n setAsset((prevAsset) => ({ ...prevAsset, AssetIssuanceCurrency: currencyId }));\r\n }\r\n if (newFields.AssetPhysicalDenomination == 1) {\r\n setAsset((prevAsset) => ({ ...prevAsset, AssetSheetSize: 1 }));\r\n }\r\n };\r\n\r\n const toggle = (name, props = {}) => {\r\n setModals({ ...modals, [name]: { open: !modals[name].open, ...props } });\r\n };\r\n\r\n const handleSave = (saveAndContinue) => {\r\n let forceGet = false;\r\n let nextErrors = {};\r\n let serviceHanlder;\r\n let wizzardIsValid = true;\r\n let generalIsValid = true;\r\n let strutureIsValid = true;\r\n\r\n const generalErrors = validateGeneral(asset);\r\n if (Object.keys(generalErrors).length != 0) {\r\n generalIsValid = false;\r\n }\r\n\r\n const structureErrors = validateStruture(asset);\r\n if (Object.keys(structureErrors).length != 0) {\r\n strutureIsValid = false;\r\n }\r\n\r\n if (mode == WizzMode.Edit) {\r\n serviceHanlder = services.update;\r\n nextErrors = { ...nextErrors, ...generalErrors, ...structureErrors };\r\n wizzardIsValid = generalIsValid && strutureIsValid;\r\n } else {\r\n serviceHanlder = services.create;\r\n nextErrors = { ...nextErrors, ...generalErrors };\r\n wizzardIsValid = generalIsValid;\r\n }\r\n\r\n const changedAttachments = getAttachments(changedFiles);\r\n const changedFields = asset;\r\n\r\n if (\r\n mode == WizzMode.Edit &&\r\n changedFields.AssetDefaultIdentifier != previousAsset.AssetDefaultIdentifier\r\n ) {\r\n forceGet = true;\r\n }\r\n\r\n setErrors(nextErrors);\r\n\r\n if (wizzardIsValid) {\r\n setSaving({\r\n saveAndContinue,\r\n save: !saveAndContinue,\r\n });\r\n\r\n serviceHanlder({\r\n info: changedFields,\r\n attachments: changedAttachments,\r\n })\r\n .then((res) => {\r\n setSaving({});\r\n if (!res) {\r\n toggle(\"message\", { title: \"Error\", message: \"Server error.\" });\r\n return;\r\n }\r\n\r\n const { result, assetId } = res;\r\n if (result.Code == 200) {\r\n setPreviousAsset(asset);\r\n showToast(\"Asset saved\");\r\n\r\n if (mode == WizzMode.New) {\r\n setTimeout(() => {\r\n if (saveAndContinue) {\r\n setAsset(false);\r\n setChangedFiles({});\r\n redirect({ page: \"asset\", assetId });\r\n } else {\r\n redirect({ page: \"assets\" });\r\n }\r\n }, 500);\r\n }\r\n // first save after clone and change defaultDataProviderId\r\n if (forceGet) {\r\n services.assetInformation({ assetId: changedFields.AssetId }).then((res) => {\r\n setAsset(res.info);\r\n setPreviousAsset(res.info);\r\n });\r\n }\r\n } else {\r\n showToast(result.Description, false, true);\r\n }\r\n })\r\n .catch((error) => {\r\n toggle(\"message\", {\r\n title: \"Error\",\r\n message: \"Server error.\",\r\n });\r\n });\r\n } else {\r\n showToast(\"Please fill in all required fields\", true);\r\n }\r\n };\r\n\r\n const handleChangeFiles = (id, file) => {\r\n setChangedFiles({ ...changedFiles, [id]: file });\r\n };\r\n return (\r\n \r\n setFileModalOpen(true)}\r\n />\r\n \r\n \r\n \r\n \r\n {tab === TabName.General && (\r\n toggle(\"message\", {})} />}\r\n\r\n {modals.confirm.open && toggle(\"confirm\", {})} />}\r\n\r\n {modals.calculator.open && (\r\n toggle(\"calculator\", {})}\r\n role={role}\r\n />\r\n )}\r\n \r\n {mode != WizzMode.View && (\r\n \r\n {mode == WizzMode.New && role == \"backoffice\" && (\r\n handleSave(false)}\r\n data-style={SLIDE_LEFT}\r\n >\r\n \r\n Save and send to backoffice\r\n \r\n )}\r\n {(tab === TabName.General || tab === TabName.Structure) && (\r\n handleSave(true)}\r\n data-style={SLIDE_LEFT}\r\n >\r\n \r\n {mode == WizzMode.New ? \"Save and continue\" : \"Save changes\"}\r\n \r\n )}\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport const useEntities = (initial) => useReducer((state, newState) => ({ ...state, ...newState }), initial);\r\n\r\nconst getPropertySafe = (elem, key) => (elem ? elem[key] : null);\r\n\r\nfunction mapKeysToUndefined(keys) {\r\n const result = {};\r\n Object.keys(keys).forEach((key) => (result[key] = undefined));\r\n return result;\r\n}\r\n\r\nexport default Wizzard;\r\n","import Grid from \"./Grid/Grid\";\r\nimport Toolbar from \"./Grid/Toolbar\";\r\nimport Header from \"./Header/Header\";\r\nimport Wizzard from \"./Wizzard\";\r\n\r\nexport { Grid, Toolbar, Header, Wizzard };\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"card\":\"styles-module_card_282zg\",\"body\":\"styles-module_body_3_AHi\",\"loadingMessage\":\"styles-module_loadingMessage_3j0sh\",\"status\":\"styles-module_status_3sFfK\",\"inprocess\":\"styles-module_inprocess_c7Zel\",\"active\":\"styles-module_active_jQ7xT\",\"inactive\":\"styles-module_inactive_LMjOp\",\"payments\":\"styles-module_payments_OiEns\",\"checkBox\":\"styles-module_checkBox_2YYWC\",\"highlight\":\"styles-module_highlight_3lrn7\",\"customCheckChanged\":\"styles-module_customCheckChanged_3cZVU\",\"alignRight\":\"styles-module_alignRight_2XBiN\",\"alignCenter\":\"styles-module_alignCenter_28OmT\",\"column20\":\"styles-module_column20_2-Ww9\",\"column10\":\"styles-module_column10_20VCs\",\"styleDetails\":\"styles-module_styleDetails_2HGjh\",\"date\":\"styles-module_date_pt45w\",\"contractDetailsWrapper\":\"styles-module_contractDetailsWrapper_2W-tT\",\"leg\":\"styles-module_leg_24P5s\",\"opening\":\"styles-module_opening_3heKX\",\"closing\":\"styles-module_closing_IY5zQ\",\"couponPaymentsLink\":\"styles-module_couponPaymentsLink_2h7ZG\",\"paymentsTotal\":\"styles-module_paymentsTotal_9lRR9\",\"rowDenominationAdd\":\"styles-module_rowDenominationAdd_33uLI\",\"rowDenominationDelete\":\"styles-module_rowDenominationDelete_b8fVj\"};","export const TabName = {\r\n General: \"General\",\r\n Structure: \"Structure\",\r\n Payments: \"Payments\",\r\n Tax: \"Tax\",\r\n Groups: \"Groups\",\r\n Sinonyms: \"Sinonyms\",\r\n Currency: \"Currency\",\r\n Quotes: \"Quotes\",\r\n Agencies: \"Agencies\",\r\n Portfolios: \"Portfolios\",\r\n Denominations: \"Denominations\",\r\n Fundamentals: \"Fundamentals\",\r\n};\r\n\r\nexport const DayCountFractions = {\r\n ACTISDA: \"ACTISDA\",\r\n ACT365: \"ACT365\",\r\n ACT360: \"ACT360\",\r\n ACTISMA: \"ACTISMA\",\r\n ACTAFB: \"ACTAFB\",\r\n BOND30360: \"BOND30360\",\r\n EU30360: \"30E/360\",\r\n ISDA30360: \"30E/360 (ISDA)\",\r\n BOND30365: \"BOND30365\",\r\n ACTPY: \"ACTPY\",\r\n};\r\n\r\nexport const PaymentBase = {\r\n Days: \"Days\",\r\n Weeks: \"Weeks\",\r\n Months: \"Months\",\r\n Years: \"Years\",\r\n};\r\n\r\nexport const PaymentFormula = {\r\n InterestRate: \"Interest Rate\",\r\n ZeroCoupon: \"Zero Coupon\",\r\n Dividend: \"Dividend\",\r\n DiscountSimple: \"Discount Simple\",\r\n DiscountCompound: \"Discount Compound\",\r\n EffectiveRate: \"Effective Rate\",\r\n None: \"None\",\r\n};\r\n\r\nexport const IndexType = {\r\n None: \"None\",\r\n OnlyPrincipal: \"Only Principal\",\r\n OnlyPayments: \"Only Payments\",\r\n PrincipalAndPayments: \"Principal And Payments\",\r\n};\r\n\r\nexport const CallPut = {\r\n Call: \"Call\",\r\n Put: \"Put\",\r\n};\r\n\r\nexport const IssuanceType = {\r\n Global: \"Global\",\r\n Local: \"Local\",\r\n Foreign: \"Foreign\",\r\n};\r\n\r\nexport const SectorType = {\r\n Sovereign: \"Sovereign\",\r\n Public: \"Public\",\r\n Private: \"Private\",\r\n};\r\n\r\nexport const OfferType = {\r\n Public: \"Public\",\r\n Private: \"Private\",\r\n};\r\n\r\nexport const PaymentRateType = {\r\n Fixed: \"Fixed\",\r\n Variable: \"Variable\",\r\n};\r\n\r\nexport const FundType = {\r\n Open: \"Open\",\r\n Close: \"Close\",\r\n};\r\n\r\nexport const YesNo = {\r\n Yes: 1,\r\n No: 0,\r\n};\r\n\r\nexport const QuotingType = {\r\n Units: \"Units\",\r\n Percentage: \"Percentage\",\r\n Contracts: \"Contracts\",\r\n};\r\n\r\nexport const Mode = {\r\n Insert: \"INS\",\r\n Update: \"UPD\",\r\n Delete: \"DLT\",\r\n};\r\n\r\nexport const WizzMode = {\r\n New: \"new\",\r\n Edit: \"edit\",\r\n View: \"view\",\r\n Quotes: \"quotes\",\r\n};\r\n\r\nexport const Decimals = {\r\n 0: \"0\",\r\n 1: \"1\",\r\n 2: \"2\",\r\n 3: \"3\",\r\n 4: \"4\",\r\n 5: \"5\",\r\n 6: \"6\",\r\n 7: \"7\",\r\n 8: \"8\",\r\n};\r\n\r\nexport const TaxType = {\r\n VAT: \"VAT\",\r\n INCOME: \"INCOME\",\r\n MARKETWTAX: \"MARKETWTAX\",\r\n};\r\n\r\nexport const SinkType = {\r\n Face: \"Original face\",\r\n Remaining: \"Remaining\",\r\n};\r\n\r\nexport const AssetStatus = {\r\n Active: \"Active\",\r\n Inactive: \"Inactive\",\r\n InProcess: \"InProcess\",\r\n Deleted: \"Deleted\",\r\n Blocked: \"Blocked\",\r\n Matured: \"Matured\",\r\n};\r\n\r\nexport const DenominationStatus = {\r\n Active: \"Active\",\r\n Inactive: \"Inactive\",\r\n};\r\n\r\nexport const DPEditing = {\r\n None: \"None\",\r\n Both: \"Both\",\r\n OnlyValue: \"OnlyValue\",\r\n};\r\n","import React from \"react\";\r\nimport { AuthorizationStatus } from \"./types\";\r\nimport { Authorizations } from \"..\";\r\n\r\nclass AuthorizationsPage extends React.Component {\r\n state = {\r\n role: \"\",\r\n location: {\r\n hash: null,\r\n },\r\n filters: {\r\n text: \"\",\r\n status: null,\r\n fromDate: (() => {\r\n const date = new Date();\r\n date.setMonth(date.getMonth() - 6);\r\n return date;\r\n })(),\r\n toDate: new Date(),\r\n },\r\n modalAuth: {\r\n open: false,\r\n },\r\n authorizations: [],\r\n loading: false,\r\n hasMore: true,\r\n page: 0,\r\n pageSize: 20,\r\n skip: 0,\r\n isAdvancedFilterActive: false, \r\n };\r\n \r\n changeAdvancedFilter = (props) => {\r\n const { dispatch, authorizationsSuccess, fetchGetAuthorizations } = this.props;\r\n const { pageSize } = this.state;\r\n \r\n this.setState(\r\n {\r\n filters: { ...this.state.filters, ...props },\r\n isAdvancedFilterActive: true,\r\n authorizations: [],\r\n skip: 0, \r\n hasMore: true,\r\n isAdvancedFilterLoading: true, \r\n },\r\n () => {\r\n fetchGetAuthorizations({\r\n all: true,\r\n length: 50,\r\n filter: {\r\n Length: pageSize,\r\n Offset: 0,\r\n FromDate: props.fromDate,\r\n ToDate: props.toDate,\r\n Text: props.text,\r\n Status: typeof props.status === \"string\" ? props.status : \"\",\r\n }\r\n }).then((r) => {\r\n dispatch(authorizationsSuccess(r.authorizations));\r\n this.setState({\r\n authorizations: r.authorizations,\r\n skip: pageSize, \r\n hasMore: r.authorizations.length === pageSize,\r\n isAdvancedFilterLoading: false, \r\n });\r\n });\r\n }\r\n );\r\n };\r\n\r\n loadAuthorizations = () => {\r\n const { dispatch, authorizationsSuccess, fetchGetAuthorizations } = this.props;\r\n const { pageSize, skip, filters, isAdvancedFilterActive, isAdvancedFilterLoading } = this.state;\r\n\r\n \r\n if (isAdvancedFilterActive && isAdvancedFilterLoading) return;\r\n\r\n this.setState({ loading: true }, () => {\r\n const filterOptions = isAdvancedFilterActive\r\n ? {\r\n Length: pageSize,\r\n Offset: skip,\r\n FromDate: filters.fromDate,\r\n ToDate: filters.toDate,\r\n Text: filters.text,\r\n Status: typeof filters.status === \"string\" ? filters.status : \"\",\r\n }\r\n : {\r\n Length: pageSize,\r\n Offset: skip,\r\n };\r\n\r\n fetchGetAuthorizations({\r\n all: true,\r\n length: 50,\r\n filter: filterOptions,\r\n }).then((r) => {\r\n dispatch(authorizationsSuccess(r.authorizations));\r\n\r\n this.setState((prevState) => ({\r\n authorizations:\r\n skip === 0 ? [...r.authorizations] : [...prevState.authorizations, ...r.authorizations],\r\n loading: false,\r\n hasMore: r.authorizations.length === pageSize,\r\n skip: prevState.skip + pageSize,\r\n }));\r\n });\r\n });\r\n };\r\n\r\n\r\n componentDidMount() {\r\n const session = this.props.getSession();\r\n this.setState({ role: session.UserRoleName });\r\n if (session.Advisor && session.Advisor.manager) {\r\n this.setState({ manager: true });\r\n }else\r\n {\r\n this.setState({manager: false });\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const locationState = this.props.location.state;\r\n const { location } = this.state;\r\n const { authorizations } = this.props;\r\n\r\n if (locationState && locationState.id) {\r\n if (authorizations == null) return;\r\n\r\n if (location.hash !== locationState.hash) {\r\n this.setState({\r\n location: { ...location, hash: locationState.hash },\r\n });\r\n this.toggleModal(\"modalAuth\", {\r\n authorization: authorizations.find((a) => a.id === locationState.id),\r\n });\r\n }\r\n }\r\n }\r\n\r\n toggleModal = (name, props) => {\r\n this.setState({ [name]: { open: !this.state[name].open, ...props } });\r\n };\r\n\r\n changeFilter = (props) => {\r\n this.setState({\r\n filters: { ...this.state.filters, ...props },\r\n authorizations: [],\r\n skip: 0,\r\n page: 0,\r\n hasMore: true,\r\n });\r\n };\r\n \r\n handleReadAuthorization = (authorization) => {\r\n const { username, fetchSetAsReadAuthorization } = this.props;\r\n if (!authorization.wasReadBy.includes(username) && authorization.status !== AuthorizationStatus.Waiting) {\r\n this.props.actions.authorizationsRead(authorization.id, username);\r\n fetchSetAsReadAuthorization({ id: authorization.id });\r\n }\r\n };\r\n\r\n render() {\r\n const { filters, modalAuth, role, authorizations, loading, hasMore } = this.state;\r\n const { username, AuthorizationWrapper, getUser } = this.props;\r\n const filteredAuthorizations = filterAuthorizations(authorizations, filters, getUser());\r\n\r\n return (\r\n \r\n this.props.handleDownload(filteredAuthorizations)}\r\n />\r\n\r\n this.toggleModal(\"modalAuth\", e)}\r\n />\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction filterAuthorizations(authorizations, filters, username) {\r\n if (authorizations == null || authorizations.length == 0) return [];\r\n\r\n const filtered = authorizations.filter((a) => {\r\n if (filters.status) {\r\n const status = a.processedBy !== \"\" ? (a.authorized ? \"Authorized\" : \"Rejected\") : \"Waiting\";\r\n if (filters.status !== status) {\r\n return false;\r\n }\r\n }\r\n\r\n if (filters.text != null && filters.text !== \"\") {\r\n const parts = [a.title, a.process, a.AccountName, a.description, a.requestedBy].map((p) =>\r\n p ? p.trim().toLowerCase() : \"\"\r\n );\r\n return filters.text.split(\" \").every((p) => parts.some((s) => s.includes(p)));\r\n }\r\n\r\n return true;\r\n });\r\n\r\n // Sort by status\r\n filtered.sort((a1, a2) => {\r\n const compare_wasRead = a1.wasReadBy.includes(username) - a2.wasReadBy.includes(username);\r\n const compare_waiting =\r\n (a2.requestedBy !== username && a2.processedBy === \"\") -\r\n (a1.requestedBy !== username && a1.processedBy === \"\");\r\n\r\n const compare_dateTime = new Date(a1.dateTime) - new Date(a2.dateTime);\r\n const compare_status =\r\n [AuthorizationStatus.Authorized, AuthorizationStatus.Rejected].includes(a1.status) -\r\n [AuthorizationStatus.Authorized, AuthorizationStatus.Rejected].includes(a2.status);\r\n\r\n return compare_wasRead || compare_waiting || compare_status || compare_dateTime;\r\n });\r\n\r\n return filtered;\r\n}\r\n\r\nexport default AuthorizationsPage;\r\n","import React from \"react\";\r\nimport { DropdownItem, Badge } from \"reactstrap\";\r\nimport style from \"./../style.module.scss\";\r\nimport { DateTime, Icon } from \"../UI\";\r\nimport classnames from \"classnames\";\r\nimport { FormattedDate, FormattedTime } from \"react-intl\";\r\nimport { localDateTime } from \"../../../utils/Helper\";\r\n\r\nconst Item = ({ item, header, toggleModal, setRead }) => {\r\n const processed = item.processedBy != \"\";\r\n\r\n const handleOnClick = () => {\r\n toggleModal({ authorization: item });\r\n\r\n if (processed) {\r\n handleRead({ id: item.id });\r\n }\r\n };\r\n\r\n const handleRead = ({ id }) => setRead({ id });\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {item.process} #{item.processId}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {header === \"unread\" ? (\r\n handleRead({ id: item.id })}>\r\n ) : (\r\n \r\n )}\r\n \r\n \r\n {item.text}
\r\n {item.description !== \"\" &&{item.description}
}\r\n\r\n \r\n Authorizations\r\n \r\n {items && items.length == 0 && (\r\n \r\n \r\n )}\r\n
\r\n \r\n No Authorizations\r\n
\r\n )}\r\n {items && (\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst PendingRelatedAuthorizations = () => (\r\n | Process | \r\n\r\n | Title | \r\nStatus | \r\nAuth. Role | \r\nRequested By | \r\nProcessed By | \r\nDate | \r\n
|---|---|---|---|---|---|---|---|
| \r\n {a.process}\r\n | \r\n\r\n | \r\n \r\n {a.title} {a.hasPendingRelatedAuthorizations ? | \r\n \r\n | \r\n {a.role} | \r\n{a.requestedBy} | \r\n{a.processedBy} | \r\n\r\n | \r\n
No Authorizations
}\r\n\r\n \r\n \r\n \r\n
\r\n\r\n changeValue({'text': e.target.value})}\r\n />\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst Desktop = (props) => \r\n
\r\n \r\n\r\n Records: {total}
\r\n\r\n{filtered} filtered
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport function Icon({ processed, authorized }) {\r\n if (processed) {\r\n if (authorized) {\r\n return ;\r\n } else {\r\n return ;\r\n }\r\n } else {\r\n return ;\r\n }\r\n}\r\n","import Grid from './Grid'\r\nimport Toolbar from './Toolbar/Toolbar'\r\nimport Bar from './Bar/List'\r\nimport * as Types from './types'\r\nimport AuthorizationsPage from './AuthorizationsPage'\r\n\r\nexport {AuthorizationsPage, Grid, Toolbar, Bar, Types}\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"grid\":\"style-module_grid_39sOV\",\"empty\":\"style-module_empty_278ZF\",\"status\":\"style-module_status_2lgU5\",\"waiting\":\"style-module_waiting_1uGjA\",\"authorized\":\"style-module_authorized_2poIF\",\"rejected\":\"style-module_rejected_3Iiv_\",\"readStatus\":\"style-module_readStatus_3kQ9O\",\"item\":\"style-module_item_1j5A9\",\"icon\":\"style-module_icon_2pgsC\",\"pin\":\"style-module_pin_2BURQ\",\"body\":\"style-module_body_11SYl\",\"process\":\"style-module_process_1YslX\",\"top\":\"style-module_top_1K8h6\",\"badge\":\"style-module_badge_195mP\",\"more\":\"style-module_more_2Hovq\",\"tada\":\"style-module_tada_1e-l2\",\"container\":\"style-module_container_1QkTv\",\"header\":\"style-module_header_Xk3jB\"};","export function classifyAuthorizations(authorizations, username, role = \"\") {\r\n let counter;\r\n let groups = {\r\n todo: [],\r\n waiting: [],\r\n unread: [],\r\n };\r\n\r\n if (authorizations == null) {\r\n return [groups, counter];\r\n }\r\n\r\n authorizations.forEach((item) => {\r\n if (\r\n item.requestedBy.toLowerCase() == username.toLowerCase() ||\r\n item.role.toLowerCase() !== role.toLowerCase()\r\n ) {\r\n if (item.processedBy === \"\") {\r\n groups.waiting.push(item);\r\n } else {\r\n groups.unread.push(item);\r\n }\r\n } else if (item.processedBy === \"\") {\r\n groups.todo.push(item);\r\n }\r\n });\r\n\r\n counter = groups.todo.length + groups.waiting.length;\r\n // ponderateListLength(groups);\r\n return [groups, counter];\r\n}\r\n\r\nfunction ponderateListLength(groups) {\r\n const g1 = groupLength(groups, \"todo\");\r\n const g2 = groupLength(groups, \"waiting\");\r\n const g3 = groupLength(groups, \"unread\");\r\n\r\n if (g1 + g2 + g3 > 9) {\r\n // find the largest group and remove 1 element and try again\r\n const max = Math.max(g1, g2, g3);\r\n\r\n if (g1 == max) {\r\n groups.todo = groups.todo.splice(1);\r\n }\r\n if (g2 == max) {\r\n groups.waiting = groups.waiting.splice(1);\r\n }\r\n if (g3 == max) {\r\n groups.unread = groups.unread.splice(1);\r\n }\r\n\r\n ponderateListLength(groups);\r\n }\r\n}\r\n\r\nexport const AuthorizationStatus = {\r\n Waiting: \"Waiting\",\r\n Authorized: \"Authorized\",\r\n Rejected: \"Rejected\",\r\n};\r\n\r\nconst groupLength = (groups, name) => groups[name].length;\r\n","import ReactAutosuggest from \"react-autosuggest\";\r\nimport React, { Component } from \"react\";\r\nimport { Input } from \"reactstrap\";\r\nimport style from \"./Autosuggest.module.scss\";\r\nimport { debounce } from \"../../utils/Helper\";\r\n\r\nconst theme = {\r\n suggestionsContainer: style.suggestionsContainer,\r\n suggestionsContainerOpen: style.suggestionsContainerOpen,\r\n suggestionsList: style.suggestionsList,\r\n suggestionHighlighted: style.suggestionHighlighted,\r\n suggestion: style.suggestion,\r\n input: style.input,\r\n};\r\n\r\nclass Autosuggest extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n value: props.value,\r\n selected: props.value !== undefined,\r\n suggestions: [],\r\n };\r\n\r\n this.onChange = this.onChange.bind(this);\r\n this.onSuggestionSelected = this.onSuggestionSelected.bind(this);\r\n this.onSuggestionsFetchRequested = debounce(this.onSuggestionsFetchRequested.bind(this), 300);\r\n this.onSuggestionsClearRequested = this.onSuggestionsClearRequested.bind(this);\r\n this.shouldRenderSuggestions = this.shouldRenderSuggestions.bind(this);\r\n }\r\n\r\n componentWillUpdate(nextProps, nextState) {\r\n if (this.state.value != nextState.value) {\r\n this.setState({ value: nextState.value });\r\n } else if (this.props.value != nextProps.value) {\r\n this.setState({ value: nextProps.value });\r\n }\r\n }\r\n\r\n onChange(event, { newValue, method }) {\r\n if (method == \"up\" || method == \"down\") return;\r\n\r\n if (method !== \"click\" && method !== \"enter\") {\r\n this.props.onChange(method, newValue);\r\n }\r\n\r\n this.setState({\r\n value: newValue,\r\n selected: method == \"enter\" || method == \"click\",\r\n });\r\n }\r\n\r\n onSuggestionSelected(event, { suggestion, method }) {\r\n this.props.onChange(method, suggestion);\r\n }\r\n\r\n // Autosuggest will call this function every time you need to update suggestions.\r\n // You already implemented this logic above, so just use it.\r\n onSuggestionsFetchRequested({ value, reason }) {\r\n if (reason == \"input-focused\") {\r\n if (this.state.selected) {\r\n return;\r\n }\r\n }\r\n\r\n this.setState({ loading: true });\r\n\r\n this.props.onSuggestionsFetchRequested({ value }).then((suggestions) => {\r\n this.setState({\r\n suggestions,\r\n loading: false,\r\n });\r\n });\r\n }\r\n\r\n // Autosuggest will call this function every time you need to clear suggestions.\r\n onSuggestionsClearRequested() {\r\n this.setState({\r\n suggestions: [],\r\n });\r\n }\r\n\r\n shouldRenderSuggestions(value) {\r\n return value.length > 0;\r\n }\r\n\r\n render() {\r\n const { value, suggestions } = this.state;\r\n const inlineStyle = this.props.style || {};\r\n const inputProps = {\r\n ...this.props.inputProps,\r\n value,\r\n onChange: this.onChange,\r\n };\r\n return (\r\n \r\n }\r\n inputProps={inputProps}\r\n alwaysRenderSuggestions={false}\r\n />\r\n {this.state.loading && }\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Autosuggest;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"suggestionsContainer\":\"Autosuggest-module_suggestionsContainer_1cV-E\",\"suggestionsContainerOpen\":\"Autosuggest-module_suggestionsContainerOpen_2hhW7\",\"suggestionsList\":\"Autosuggest-module_suggestionsList_1DBTs\",\"suggestion\":\"Autosuggest-module_suggestion_1r6T9\",\"suggestionHighlighted\":\"Autosuggest-module_suggestionHighlighted_1K7Rk\",\"input\":\"Autosuggest-module_input_FS44I\",\"item\":\"Autosuggest-module_item_NlaHm\",\"loading\":\"Autosuggest-module_loading_25_Lw\",\"spinner\":\"Autosuggest-module_spinner_291r4\"};","/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\r\n/* eslint-disable jsx-a11y/click-events-have-key-events */\r\nimport React, { Component } from 'react';\r\nimport { Input, Spinner } from 'reactstrap';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport './Autosuggest.css';\r\n\r\nclass Autosuggest extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n suggestions: {\r\n array: [],\r\n loading: false,\r\n show: false,\r\n },\r\n onGoingfetch: 0,\r\n };\r\n }\r\n\r\n handleFetch = (newValue) => {\r\n const { fecthSuggestions } = this.props;\r\n const { onGoingfetch } = this.state;\r\n this.setState({\r\n suggestions: {\r\n array: [],\r\n loading: newValue !== '',\r\n show: true,\r\n },\r\n onGoingfetch: onGoingfetch + 1,\r\n });\r\n if (newValue !== '') {\r\n setTimeout(() => {\r\n // eslint-disable-next-line react/destructuring-assignment\r\n if (this.state.onGoingfetch === onGoingfetch + 1) {\r\n fecthSuggestions(newValue)\r\n .then((suggests) => {\r\n // eslint-disable-next-line react/destructuring-assignment\r\n const newOngoingFetch = this.state.onGoingfetch;\r\n if (newOngoingFetch === (onGoingfetch + 1)) {\r\n this.setState({\r\n suggestions: {\r\n array: suggests,\r\n loading: false,\r\n show: true,\r\n },\r\n });\r\n }\r\n });\r\n }\r\n }, 300);\r\n }\r\n };\r\n\r\n handleChangeValue = (newValue) => {\r\n const { onChange } = this.props;\r\n onChange(newValue);\r\n this.handleFetch(newValue);\r\n };\r\n\r\n handleFocus = () => {\r\n const { value } = this.props;\r\n const { suggestions } = this.state;\r\n if (value && value !== '') {\r\n this.setState({ suggestions: { ...suggestions, show: true } });\r\n }\r\n };\r\n\r\n handleSelectSuggestion = (id, name) => {\r\n const { onSelect } = this.props;\r\n this.setState({\r\n suggestions: {\r\n array: [],\r\n loading: false,\r\n show: false,\r\n },\r\n });\r\n onSelect(id, name);\r\n };\r\n\r\n handleBlur = () => {\r\n const { suggestions } = this.state;\r\n setTimeout(() => this.setState({\r\n suggestions: {\r\n ...suggestions,\r\n show: false,\r\n },\r\n }), 200);\r\n };\r\n\r\n render() {\r\n const { value, disabled } = this.props;\r\n const { suggestions } = this.state;\r\n return (\r\n \r\n this.handleChangeValue(e.target.value)}\r\n onBlur={this.handleBlur}\r\n onFocus={this.handleFocus}\r\n disabled={disabled || false}\r\n />\r\n {suggestions.loading &&
\r\n );\r\n }\r\n}\r\n\r\nAutosuggest.propTypes = {\r\n value: PropTypes.string.isRequired,\r\n onSelect: PropTypes.func.isRequired,\r\n onChange: PropTypes.func.isRequired,\r\n fecthSuggestions: PropTypes.func.isRequired,\r\n disabled: PropTypes.bool,\r\n};\r\n\r\nAutosuggest.defaultProps = {\r\n disabled: false,\r\n};\r\n\r\nexport default Autosuggest;\r\n","import React, { Component } from \"react\";\r\nimport style from \"./CircularProgress.module.scss\";\r\nimport classnames from \"classnames\";\r\n\r\nclass CircularProgress extends Component {\r\n render() {\r\n if (this.props.static) {\r\n return - \r\n {suggestions.array.map((s) => (\r\n
- this.handleSelectSuggestion(s.id, s.name)}>\r\n {s.name}\r\n \r\n ))}\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n | Account | \r\nCustodian | \r\nCurrency | \r\nVolume | \r\n
|---|---|---|---|
| {payment.AmortizationFundName} | \r\n{payment.AmortizationFundCustodianName} | \r\n{payment.AmortizationCurrencyISO} | \r\n\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n);\r\n\r\nconst TableSm = ({ items, opsViewAccountName }) => (\r\n Cash Activity
\r\n| Date | \r\nDescription | \r\nAccount | \r\nCurrency | \r\nBalance type | \r\nDebit | \r\nCredit | \r\n||
|---|---|---|---|---|---|---|---|---|
| \r\n | \r\n {item.CashActivityDescription} | \r\n {opsViewAccountName == undefined ?\r\n (\r\n{item.BasicAccountName} | \r\n )\r\n :\r\n (\r\n opsViewAccountName ?\r\n (\r\n{item.BasicAccountName} | \r\n )\r\n :\r\n (\r\n{item.BasicAccountNumber} | \r\n )\r\n )\r\n }\r\n{item.CurrencyISO} | \r\n{item.CashActivityBalanceType} | \r\n\r\n {debit != -1 ? | \r\n \r\n {credit != -1 ? | \r\n
| \r\n No Cash Activity\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n);\r\n\r\nexport default CashActivity;\r\n","import React, { useState } from \"react\";\r\nimport { Table } from \"reactstrap\";\r\nimport { FormattedNumber } from \"../../../FormattedNumber/FormattedNumber\";\r\n\r\nimport style from \"../Grid.module.scss\";\r\n\r\nconst page = 10;\r\n\r\nconst renderFootprint = (f) => {\r\n const initial = ` - ${parseInt(f.EventAccountDebitCredit, 10) > 0 ? \"Credit \" : \"Debit \"}`;\r\n let end = ` ${f.EventAccountTicker}`;\r\n if (f.EventAccountIsCommission) {\r\n end += \" Commission\";\r\n } else if (f.EventAccountIsTax) {\r\n end += \" Tax\";\r\n } else if (f.EventAccountIsFee) {\r\n end += \" Fee\";\r\n } else if (f.EventAccountIsWithholding) {\r\n end += \" Withholding\";\r\n }\r\n return (\r\n Cash Activity
\r\n| Date | \r\nDescription - Account | \r\nBalance type | \r\nVolume | \r\n|||
|---|---|---|---|---|---|---|
| \r\n | \r\n \r\n {item.CashActivityDescription}\r\n {opsViewAccountName == undefined ?\r\n (\r\n \" - \" + \r\n | {item.BasicAccountName} | \r\n )\r\n :\r\n (\r\n opsViewAccountName ?\r\n (\r\n \" - \" + \r\n{item.BasicAccountName} | \r\n )\r\n :\r\n (\r\n{item.BasicAccountNumber} | \r\n )\r\n )\r\n }\r\n \r\n{item.CashActivityBalanceType} | \r\n\r\n | \r\n
| \r\n No Cash Activity\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default CorpEventAccounts;\r\n","import React, { useState } from \"react\";\r\nimport { Row, Col } from \"reactstrap\";\r\nimport PropTypes from \"prop-types\";\r\nimport { FormattedDate } from \"react-intl\";\r\nimport { FormattedNumber } from \"../../../FormattedNumber/FormattedNumber\"\r\nimport { CustomFormInput } from \"../../../../utils/FormFields\";\r\nimport Accounts from \"./Accounts\";\r\n\r\nconst CorpEvent = ({ corpEvent }) => (\r\n Accounts
\r\n| Name | \r\nType | \r\nPortfolio | \r\n
|---|---|---|
| {acc.BasicAccountName} | \r\n{acc.BasicAccountType} | \r\n\r\n | \r\n
| {renderFootprint(footprint)} | \r\n||
| \r\n No Accounts\r\n | \r\n||
| \r\n Show More Accounts\r\n | \r\n
\r\n \r\n \r\n \r\n \r\n {corpEvent.CorporateEventType} \r\n \r\n {corpEvent.AssetName} \r\n \r\n {corpEvent.CurrencyISO} \r\n \r\n \r\n {corpEvent.CorporateEventSettlementCurrencyISO}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {corpEvent.CorporateEventCommissionCurrencyISO}\r\n \r\n \r\n \r\n \r\n \r\n {corpEvent.CorporateEventTaxCurrencyISO} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n);\r\n\r\nexport default CorpEvent;\r\n","import React, { Fragment } from 'react';\r\nimport { Row, Col } from 'reactstrap';\r\nimport { CustomFormInput } from '../../../../utils';\r\nimport { FormattedNumber } from '../../../FormattedNumber/FormattedNumber';\r\n\r\nconst CustodyLock = ({ info }) => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nconst EventOption = ({ option }) => {\r\n const [open, setOpen] = useState(false);\r\n\r\n return (\r\n Accounts grouped by option
\r\n {Object.values(options).map((option) => (\r\n\r\n
\r\n );\r\n};\r\n\r\nfunction groupByOption(accounts) {\r\n const options = {};\r\n\r\n accounts.forEach((item) => {\r\n if (!options[item.option]) {\r\n options[item.option] = {\r\n id: item.option,\r\n description: item.optionDescription,\r\n items: [],\r\n };\r\n\r\n options[item.option].items.push({\r\n id: item.accountid,\r\n account: item.accountname,\r\n quantity: item.quantity,\r\n price: item.price,\r\n volume: item.volume,\r\n });\r\n }\r\n });\r\n\r\n return options;\r\n}\r\n\r\nexport default CustomEventAccounts;\r\n","import React, { Fragment, useState, useEffect } from 'react';\r\nimport { FormattedDate } from 'react-intl';\r\nimport { Row, Col } from 'reactstrap';\r\nimport { CustomFormInput, parseDate } from '../../../../utils';\r\nimport CustomEventAccounts from './Accounts';\r\n\r\nconst trimAll = text => text.replace(/\"\\s+|\\s+\"/g, '\"');\r\n\r\nconst CustomEvent = ({ info }) => {\r\n const [customEvent, setCustomEvent] = useState(false);\r\n\r\n useEffect(() => {\r\n if (info) {\r\n if (info.mainInfo && info.accountsInfo) {\r\n setCustomEvent({\r\n ...JSON.parse(trimAll(info.mainInfo)),\r\n accounts: JSON.parse(trimAll(info.accountsInfo))\r\n })\r\n } \r\n\r\n }\r\n }, [info]);\r\n\r\n if (!customEvent) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n setOpen(!open)} style={{ cursor: \"pointer\" }} className=\"mt-2 mb-3\">\r\n
\r\n {open && (\r\n \r\n \r\n
\r\n )}\r\n
\r\n \r\n \r\n {open ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n {option.description}\r\n ({option.items.length}) accounts\r\n
\r\n \r\n | Account | \r\nVolume | \r\nQuantity | \r\nPrice | \r\n
|---|---|---|---|
| {acc.account} | \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
\r\n);\r\n\r\nEarningAccounts.propTypes = {\r\n accounts: PropTypes.array.isRequired,\r\n};\r\n\r\nexport default EarningAccounts;\r\n","import React from 'react';\r\nimport { Row, Col } from 'reactstrap';\r\nimport PropTypes from 'prop-types';\r\nimport { FormattedDate, FormattedNumber } from 'react-intl';\r\n\r\nimport { CustomFormInput, FormField } from '../../../../utils/FormFields';\r\nimport EarningAccounts from './Accounts';\r\n\r\nconst EarningRecovery = ({ earning }) => (\r\n Accounts
\r\n| Account | \r\nVolume | \r\nBalance | \r\n
|---|---|---|
| {item.EarningAccountName} | \r\n\r\n | \r\n \r\n | \r\n
| \r\n No Accounts\r\n | \r\n
\r\n
\r\n \r\n {formattedNumber(i.InvoiceSubtotal, \"currency\")} \r\n
\r\n \r\n {formattedNumber(i.InvoiceTax, \"currency\")} \r\n
\r\n \r\n {formattedNumber(i.InvoiceTotal, \"currency\")} \r\n
\r\n
\r\n);\r\n\r\nconst Lines = ({ lines }) => (\r\n | Description | \r\n\r\n Commission\r\n | \r\n\r\n Tax Type\r\n | \r\n\r\n Tax\r\n | \r\n\r\n Total\r\n | \r\n
|---|
\r\n {console.log(payment)}\r\n
| Invoice Number | \r\nInvoice Date | \r\nInvoice Amount | \r\nUnpaid Amount | \r\nPayment Amount | \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
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n);\r\n\r\nexport default JournalEntry;\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Row, Col, Button } from 'reactstrap';\r\n\r\nimport OrderDialog from '../../Modal/Order/Order';\r\n\r\nimport {\r\n renderOrderStatus,\r\n renderOrderSide,\r\n renderOrderQuantity,\r\n renderOrderQuantityType,\r\n renderOrderSymbol,\r\n renderOrderPrice,\r\n renderOrderTimeFrame,\r\n renderOrderAccount,\r\n renderExecutionsAvg,\r\n} from '../../Order/Item';\r\nimport { getOrderStats, Mode } from '../../../utils';\r\nimport { localDateTime } from '../../../utils/Helper';\r\n\r\nconst Offer = ({ order: o, userType, services }) => {\r\n const [modal, setModal] = useState(false);\r\n\r\n const toggleModal = () => {\r\n setModal((m) => !m);\r\n };\r\n\r\n const order = { ...o };\r\n order.stats = getOrderStats(order);\r\n order.OrderInitDate = localDateTime(o.OrderInitDate);\r\n order.OrderModifiedDate = localDateTime(o.OrderModifiedDate);\r\n\r\n return (\r\n | {title} | \r\nAmount | \r\n
|---|---|
| {item[title]} | \r\n\r\n | \r\n
| \r\n No {title}s\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n);\r\n\r\nconst TableSm = ({ items, opsViewAccountName }) => (\r\n Product Activity
\r\n| Date | \r\nDescription | \r\nProduct | \r\nAccount | \r\nBalance type | \r\nDebit | \r\nCredit | \r\n||
|---|---|---|---|---|---|---|---|---|
| \r\n | \r\n {item.ProductActivityDescription} | \r\n{item.AssetTicker} | \r\n {opsViewAccountName == undefined ?\r\n (\r\n{item.ProductActivityAccountName} | \r\n )\r\n :\r\n (\r\n opsViewAccountName ?\r\n (\r\n{item.ProductActivityAccountName} | \r\n )\r\n :\r\n (\r\n{item.ProductActivityAccountNumber} | \r\n )\r\n )\r\n } \r\n{item.ProductActivityBalanceType} | \r\n\r\n | \r\n \r\n | \r\n
| \r\n No Product Activity\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n);\r\n\r\nexport default ProductActivity;\r\n","import React from \"react\";\r\nimport { Table } from \"reactstrap\";\r\nimport PropTypes from \"prop-types\";\r\nimport { FormattedNumber } from \"../../../FormattedNumber/FormattedNumber\";\r\n\r\nimport style from \"../Grid.module.scss\";\r\n\r\nconst ProvisionsPaymentAccounts = ({ accounts }) => (\r\n Product Activity
\r\n| Date | \r\nDescription - Account | \r\nBalance type | \r\nVolume | \r\n|||
|---|---|---|---|---|---|---|
| \r\n | \r\n \r\n {item.ProductActivityDescription}\r\n {opsViewAccountName == undefined ?\r\n (\r\n \" - \" + \r\n | {item.ProductActivityAccountName} | \r\n )\r\n :\r\n (\r\n opsViewAccountName ?\r\n (\r\n \" - \" + \r\n{item.ProductActivityAccountName} | \r\n )\r\n :\r\n (\r\n{item.ProductActivityAccountNumber} | \r\n )\r\n )\r\n } \r\n \r\n{item.ProductActivityBalanceType} | \r\n\r\n | \r\n
| \r\n No Product Activity\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n);\r\n\r\nProvisionsPaymentAccounts.propTypes = {\r\n accounts: PropTypes.array.isRequired,\r\n};\r\n\r\nexport default ProvisionsPaymentAccounts;\r\n","import React from \"react\";\r\nimport { Row, Col } from \"reactstrap\";\r\nimport PropTypes from \"prop-types\";\r\nimport { FormattedDate, FormattedNumber } from \"react-intl\";\r\n\r\nimport { CustomFormInput, FormField } from \"../../../../utils/FormFields\";\r\nimport ProvisionsPaymentAccount from \"./Accounts\";\r\n\r\nconst ProvisionsPayment = ({ payment }) => (\r\n Accounts
\r\n| Account | \r\nCustodian | \r\nCurrency | \r\nVolume | \r\nBalance | \r\n
|---|---|---|---|---|
| {item.PaymentAccountName} | \r\n{item.PaymentAccountCustodianName} | \r\n{item.PaymentAccountCurrencyISO} | \r\n\r\n | \r\n \r\n | \r\n
| \r\n No Accounts\r\n | \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n);\r\n\r\nexport default RecurringCommissionsAccounts;\r\n","import React from \"react\";\r\nimport { Table } from \"reactstrap\";\r\nimport { FormattedNumber } from \"../../../FormattedNumber/FormattedNumber\";\r\n\r\nimport style from \"../Grid.module.scss\";\r\n\r\nconst RecCommissionsAccount = ({ account }) => (\r\n Accounts
\r\n| Account | \r\nTotal | \r\n
|---|---|
| {item.AccountName} | \r\n\r\n | \r\n
| \r\n No Accounts\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n);\r\n\r\nexport default RecCommissionsAccount;\r\n","import React from \"react\";\r\nimport {Row, Col} from \"reactstrap\";\r\nimport PropTypes from \"prop-types\";\r\nimport {FormattedDate} from \"react-intl\";\r\nimport { FormattedNumber } from \"../../../FormattedNumber/FormattedNumber\";\r\n\r\nimport {CustomFormInput} from \"../../../../utils/FormFields\";\r\nimport RecurringCommissionsAccounts from \"./Accounts\";\r\n\r\nconst RecurringCommissions = ({recurringCommission}) => {\r\n return (\r\n | Account | \r\nBuying Power | \r\nBase for calculation | \r\nCommission | \r\nTax | \r\nTotal | \r\n
|---|---|---|---|---|---|
| {account.AccountName} | \r\n\r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n
| \r\n No Account\r\n | \r\n
\r\n
| Account | \r\nFrom Currency | \r\nTotal | \r\nTotal UYU | \r\n
|---|---|---|---|
| {a.AccountNumber} | \r\n{a.ShortCoverAccountFromISO} | \r\n\r\n | \r\n \r\n | \r\n
| \r\n | Type | \r\nISIN | \r\nAsset | \r\nSettle. Currency | \r\n
|---|---|---|---|---|
| \r\n \r\n \r\n \r\n | \r\n{item.eventType} | \r\n{item.assetISIN} | \r\n{item.assetTicker} | \r\n{item.settleCurrency} | \r\n
| Exchange | \r\nFX Rate | \r\nTotal USD | \r\nTotal | \r\n
|---|---|---|---|
| \r\n {item.ShortCoverTotalDivides\r\n ? `${item.ShortCoverTotalISO} / ${item.ShortCoverTotalFromISO}`\r\n : `${item.ShortCoverTotalFromISO} / ${item.ShortCoverTotalISO}`}\r\n | \r\n\r\n | \r\n \r\n | \r\n \r\n | \r\n
Totals
\r\nEvents
\r\nAccounts
\r\n\r\n
| Description | \r\nConcept | \r\nTAX | \r\n\r\n Subtotal\r\n | \r\n\r\n Tax\r\n | \r\n\r\n Total\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 | \r\n
\r\n {i.SupplierInvoiceDescription} \r\n {i.SupplierInvoiceAddendum} \r\n
\r\n \r\n \r\n \r\n {formattedNumber(i.SupplierInvoiceSubtotal, \"currency\")}\r\n \r\n
\r\n \r\n {formattedNumber(i.SupplierInvoiceTax, \"currency\")} \r\n
\r\n \r\n {formattedNumber(i.SupplierInvoiceTotal, \"currency\")} \r\n
\r\n
\r\n \r\n {renderTradeSide(trade)} {renderTradeQuantity(trade)}{\" \"}\r\n {renderTradeSymbol(trade)}\r\n {\" @ \"}\r\n {renderTradePrice(trade)}\r\n \r\n {trade.TradeStatus} \r\n \r\n \r\n \r\n \r\n \r\n {trade.TradeTradingRouteName}\r\n \r\n \r\n \r\n {trade.TradeCounterPartyName}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {opsViewAccountName == undefined ?\r\n (\r\n trade.TradeBasicAccountName\r\n )\r\n :\r\n (\r\n opsViewAccountName ?\r\n (\r\n trade.TradeBasicAccountName\r\n )\r\n :\r\n (\r\n trade.TradeBasicAccountNumber\r\n )\r\n )\r\n }\r\n \r\n \r\n \r\n {opsViewAccountName == undefined ?\r\n (\r\n trade.TradeOffsetBasicAccountName\r\n )\r\n :\r\n (\r\n opsViewAccountName ?\r\n (\r\n trade.TradeOffsetBasicAccountName\r\n )\r\n :\r\n (\r\n trade.TradeOffsetBasicAccountNumber\r\n )\r\n )\r\n }\r\n \r\n \r\n \r\n {trade.TradeTradeCurrencyISO}\r\n \r\n \r\n \r\n {trade.TradeSettleCurrencyISO}\r\n \r\n \r\n {trade.TradeTradeCurrencyId != trade.TradeSettleCurrencyId && (\r\n \r\n {trade.TradeFXRoute != \"\" && (\r\n \r\n {formattedNumber(trade.TradeFXRoute, \"currency\")}\r\n \r\n \r\n )}\r\n {trade.TradeFXRelatedOrderId > 0 && (\r\n \r\n {trade.TradeFXRelatedOrderId}\r\n \r\n \r\n )}\r\n {formattedNumber(trade.TradeFX, \"currency\")} \r\n \r\n \r\n )}\r\n
\r\n
\r\n);\r\n\r\nexport default Trade;\r\n","import React from \"react\";\r\nimport { Table } from \"reactstrap\";\r\nimport { FormattedNumber } from \"../../../FormattedNumber/FormattedNumber\";\r\n\r\nimport style from \"../Grid.module.scss\";\r\n\r\nconst TransactionAccounts = ({ accounts, showCurrency }) => (\r\n \r\n \r\n \r\n
\r\n
\r\n);\r\n\r\nexport default TransactionAccounts;\r\n","import React from 'react';\r\nimport { Row, Col } from 'reactstrap';\r\nimport PropTypes from 'prop-types';\r\nimport { FormattedDate } from 'react-intl';\r\nimport { FormattedNumber } from '../../../FormattedNumber/FormattedNumber';\r\n\r\nimport { CustomFormInput } from '../../../../utils/FormFields';\r\nimport TransactionAccounts from './Accounts';\r\n\r\nconst Transaction = ({ transaction }) => {\r\n const transactionAmount = parseInt(transaction.TransactionCurrencyId, 10) > 0;\r\n return (\r\n Accounts
\r\n| Account | \r\n {showCurrency && (\r\nCurrency | \r\nAmount | \r\n
|---|---|---|
| {item.Name} | \r\n {showCurrency && (\r\n{item.CurrencyIso} | \r\n\r\n | \r\n
| \r\n No Accounts\r\n | \r\n
\r\n
Invalid Process
;\r\n }\r\n };\r\n\r\n return\r\n \r\n this.handleExpand(e, nodeData)}\r\n onClick={(e, nodeData) => onClick && onClick(e, nodeData)}\r\n {...this.props}\r\n />\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nGraph.propTypes = {\r\n data: PropTypes.object,\r\n selected: PropTypes.any,\r\n loadingId: PropTypes.any,\r\n node: PropTypes.object,\r\n horizontal: PropTypes.bool,\r\n collapsable: PropTypes.bool,\r\n expandAll: PropTypes.bool,\r\n renderContent: PropTypes.func,\r\n onClick: PropTypes.func,\r\n};\r\n\r\nGraph.defaultProps = {\r\n node: {\r\n label: \"label\",\r\n expand: \"expand\",\r\n children: \"children\",\r\n },\r\n renderContent: function (data) {\r\n return data.label;\r\n },\r\n};\r\n\r\nexport default Graph;\r\n\r\nexport function buildGraphData(data) {\r\n const graph = {};\r\n\r\n // Verify if the array is not already a map.\r\n // If it is not, then convert the array to a map.\r\n if (data && Array.isArray(data)) {\r\n data.forEach((node) => {\r\n graph[node.id] = {\r\n id: node.id,\r\n label: node.processDescription,\r\n expand: true,\r\n data: node,\r\n parents: node.parentNodes\r\n ? node.parentNodes.map((parent) => ({\r\n id: parent.nodeId,\r\n shortDescription: parent.relationShortDescription,\r\n longDescription: parent.relationLongDescription,\r\n }))\r\n : [],\r\n children: node.childNodes\r\n ? node.childNodes.map((child) => ({\r\n id: child.nodeId,\r\n shortDescription: child.relationShortDescription,\r\n longDescription: child.relationLongDescription,\r\n }))\r\n : [],\r\n };\r\n });\r\n }\r\n\r\n return graph;\r\n}\r\n","import React, { Fragment } from \"react\";\r\nimport style from \"./styles.module.scss\";\r\nimport CircularProgress from \"../../CircularProgress/CircularProgress\";\r\n\r\nconst renderLabel = (data, prop) => {\r\n const { label } = data;\r\n const { renderContent, onClick, loadingId, selected } = prop;\r\n\r\n const childNodes = [];\r\n if (typeof renderContent === \"function\") {\r\n let vnode = renderContent(data);\r\n if (vnode && loadingId == data.id) {\r\n vnode = \r\n typeof onClick === \"function\" && onClick(e, data)}\r\n >\r\n {childNodes}\r\n
\r\n \r\n );\r\n};\r\n\r\nconst directionType = {\r\n LEFT: \"left\",\r\n RIGHT: \"right\",\r\n BOTH: \"both\",\r\n};\r\n\r\nconst renderNode = (data, currentNode, previousNode, direction, prop) => {\r\n const cls = [style.treeNode];\r\n const childNodes = [];\r\n\r\n if (direction === directionType.LEFT || direction === directionType.BOTH) {\r\n if (currentNode.parents.length > 0) {\r\n childNodes.push(\r\n \r\n {currentNode.parents.map((parent) => (\r\n \r\n {renderNode(data, data[parent.id], currentNode, directionType.LEFT, prop)}\r\n \r\n ))}\r\n
\r\n );\r\n } else {\r\n cls.push(style.isLeaf);\r\n }\r\n if (direction === directionType.LEFT && previousNode) {\r\n if (currentNode.children.find((child) => child.id !== previousNode.id)) {\r\n // The current node has more children than the \"previous node\".\r\n cls.push(style.hasMoreChilds);\r\n }\r\n }\r\n }\r\n\r\n childNodes.push(\r\n {currentNode.children.map((children) => (\r\n \r\n {renderNode(data, data[children.id], currentNode, directionType.RIGHT, prop)}\r\n \r\n ))}\r\n
\r\n );\r\n } else {\r\n cls.push(style.isLeaf);\r\n }\r\n if (direction === directionType.RIGHT && previousNode) {\r\n if (currentNode.parents.find((parent) => parent.id !== previousNode.id)) {\r\n // The current node has more parents than the \"previous node\".\r\n cls.push(style.hasMoreParents);\r\n }\r\n }\r\n }\r\n\r\n return {childNodes}
;\r\n};\r\n\r\nexport const render = ({ data, ...props }) => {\r\n if (!(data && props)) {\r\n return null;\r\n }\r\n\r\n const { selected } = props;\r\n const currentNode = data[selected];\r\n\r\n if (!currentNode) {\r\n return null;\r\n }\r\n\r\n return renderNode(data, currentNode, null, directionType.BOTH, props);\r\n};\r\n\r\nexport default render;\r\n\r\nconst NodeLoading = ({ children }) => (\r\n \r\n
\r\n);\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"styles-module_container_3rAfO\",\"tree\":\"styles-module_tree_2ohVR\",\"treeNode\":\"styles-module_treeNode_2MbQ6\",\"treeNodeChildren\":\"styles-module_treeNodeChildren_3cBkN\",\"treeNodeParent\":\"styles-module_treeNodeParent_3gV5g\",\"treeNodeLabel\":\"styles-module_treeNodeLabel_OioRr\",\"treeNodeLabelInner\":\"styles-module_treeNodeLabelInner_2E1cz\",\"selected\":\"styles-module_selected_1KMWw\",\"treeNodeBtn\":\"styles-module_treeNodeBtn_3v4aS\",\"expanded\":\"styles-module_expanded_2EIC-\",\"isLeaf\":\"styles-module_isLeaf_y7LIU\",\"collapsed\":\"styles-module_collapsed_Vjh_c\",\"collapsable\":\"styles-module_collapsable_3zc9H\",\"horizontal\":\"styles-module_horizontal_10VGY\",\"treeNodeInner\":\"styles-module_treeNodeInner_3ANUM\",\"loadingWrapper\":\"styles-module_loadingWrapper_L6mRv\",\"nodeLoading\":\"styles-module_nodeLoading_VPxTa\"};","import React, { useReducer, useEffect, useState } from \"react\";\r\nimport {\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n Button,\r\n ButtonDropdown,\r\n DropdownToggle,\r\n DropdownMenu,\r\n DropdownItem,\r\n Row,\r\n Col,\r\n Label,\r\n} from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport PropTypes from \"prop-types\";\r\nimport CircularProgress from \"../CircularProgress/CircularProgress\";\r\n\r\nimport { initializeState, reducer, TICKET_REFERENCES, PROCESS_DATA, RESET, getProcessId } from \"./reducer\";\r\nimport style from \"./styles.module.scss\";\r\nimport { processes } from \"../../utils/Helper\";\r\nimport { NoPermissionWindow } from \"../../utils/NoPermissionWindow\";\r\nimport Graph, { buildGraphData } from \"./Graph/Graph\";\r\nimport CrossRefForms from \"./Forms\";\r\nimport { DateField } from \"../../utils\";\r\nimport { parseDate } from \"../../utils/dateUtils\";\r\nimport { XS } from \"react-ladda/dist/constants\";\r\n\r\nconst trimAll = (text) => text.replace(/\"\\s+|\\s+\"/g, '\"');\r\n\r\nconst getTitle = (process, info, id, subId) => {\r\n if (process === processes.JOURNAL_ENTRY) {\r\n return `JournalEntry ${info.loading ? \"\" : `#${info.JournalEntryCorrelative}`}`;\r\n }\r\n return `${process} #${id}${parseInt(subId, 10) > 0 ? `.${subId}` : \"\"}`;\r\n};\r\n\r\nconst getTicketTitle = ({ number, process, processId, subProcessId, processDescription = \"\" }) => {\r\n let res = \"Ticket\";\r\n if (!number) return res;\r\n res += ` #${number}`;\r\n if (!process || !processId) return res;\r\n res += ` (${process} #${processId}`;\r\n if (parseInt(subProcessId, 10) > 0) {\r\n res += `.${subProcessId}`;\r\n }\r\n if (processDescription !== \"\") {\r\n res += ` - ${processDescription}`;\r\n }\r\n res += \")\";\r\n return res;\r\n};\r\n\r\n/** check if last tree data can be reused for this cross reference */\r\nfunction canReuseLastTree(process, id, lastCrossRefTree) {\r\n if (lastCrossRefTree) {\r\n if (lastCrossRefTree instanceof Array) {\r\n return lastCrossRefTree.some((node) => {\r\n if (!node.data) {\r\n return false;\r\n }\r\n\r\n if (process == \"CrossReference\") {\r\n return node.id == id;\r\n }\r\n\r\n return node.data.processType == process && node.data.processId == id;\r\n });\r\n }\r\n }\r\n\r\n return false;\r\n}\r\n\r\n/** Store last calcualted tree, can be reused across item with same tree */\r\nlet lastCrossRefTree = null;\r\n\r\nconst CrossReference = ({ services, id, process, userType, platformRole, Link, opsViewAccountName }) => {\r\n const [state, dispatch] = useReducer(reducer, undefined, initializeState);\r\n const [openChilds, setOpenChilds] = useState(false);\r\n const [openActions, setOpenActions] = useState(false);\r\n const [treeData, setTreeData] = useState({ loadingId: null, data: null });\r\n const [errorPage, setErrorPage] = useState(false);\r\n const [revertC, setRevert] = useState(false);\r\n const [date, setDate] = useState(new Date());\r\n const [rollbacking, setRollbacking] = useState(false);\r\n const [reverting, setReverting] = useState(false);\r\n const [downloadTicketLoading, setDownloadTicketLoading] = useState(false);\r\n const {\r\n references,\r\n ticketNumber,\r\n ticketMainProcess,\r\n ticketMainProcessId,\r\n ticketMainSubProcessId,\r\n isRolledback,\r\n isHidden,\r\n childs,\r\n parent,\r\n actions,\r\n } = state;\r\n\r\n const canRollback = actions ? actions.canRollback : false;\r\n const canChangeVisibility = actions ? actions.canChangeVisibility : false;\r\n\r\n const reset = (num) => {\r\n dispatch({\r\n type: RESET,\r\n payload: {\r\n ticketNumber: num,\r\n },\r\n });\r\n };\r\n\r\n const rollback = (crossReferenceId) => {\r\n setRollbacking(true);\r\n services.rollbackCrossReference({ crossReferenceId, confirmRollback: true }).then((res) => {\r\n // TODO\r\n if (res.result.Code === 200) {\r\n alert(\"Correctly rollbacked\");\r\n setRollbacking(false);\r\n } else {\r\n alert(`Failed! ${res.result.Description}`);\r\n setRollbacking(false);\r\n }\r\n });\r\n };\r\n\r\n const revert = (crossReferenceId) => {\r\n setReverting(true);\r\n services.revertCrossReference({ crossReferenceId, date, confirmRollback: true }).then((res) => {\r\n // TODO\r\n if (res.result.Code === 200) {\r\n setReverting(false);\r\n alert(\"Correctly reverted\");\r\n } else {\r\n setReverting(false);\r\n alert(`Failed! ${res.result.Description}`);\r\n }\r\n });\r\n };\r\n const downloadTicket = ({ crossreferenceid, caller }) => {\r\n setDownloadTicketLoading(() => true);\r\n services\r\n .fetchTicket({\r\n crossreferenceid,\r\n caller,\r\n })\r\n .then((response) => {\r\n if (response.code !== 0) {\r\n alert(response.message);\r\n } else {\r\n window.open(response.url);\r\n }\r\n })\r\n .finally(() => setDownloadTicketLoading(() => false));\r\n };\r\n\r\n const changeVisibility = (crossReferenceId, hide) => {\r\n services.setVisibilityOfRollbackedJournalEntry({ crossReferenceId, hide }).then((res) => {\r\n // TODO\r\n if (res.result.Code === 200) {\r\n if (hide) {\r\n alert(\"Correctly hidden\");\r\n } else {\r\n alert(\"Correctly unhidden\");\r\n }\r\n } else {\r\n alert(`Failed! ${res.result.Description}`);\r\n }\r\n });\r\n };\r\n\r\n const onChangeDate = (name, value) => {\r\n const auxdate = new Date(value).toLocaleDateString(\"en\");\r\n setDate(value);\r\n };\r\n\r\n useEffect(() => {\r\n services.ticketReference({ processes: process, id, includeChilds: false }).then((res) => {\r\n const {\r\n processes: newProcesses,\r\n id: CrossReferenceId,\r\n mainProcess,\r\n mainProcessId,\r\n mainSubProcessId,\r\n isRolledback: newIsRolledback,\r\n isHidden: newIsHidden,\r\n childs: newChilds,\r\n parent: newParent,\r\n actions: newActions,\r\n } = res.crossreference;\r\n const action = {\r\n type: TICKET_REFERENCES,\r\n payload: {\r\n references: newProcesses || [],\r\n ticketNumber: CrossReferenceId,\r\n ticketMainProcess: mainProcess,\r\n ticketMainProcessId: mainProcessId,\r\n ticketMainSubProcessId: mainSubProcessId,\r\n isHidden: newIsHidden,\r\n isRolledback: newIsRolledback,\r\n childs: newChilds,\r\n parent: newParent,\r\n actions: newActions,\r\n },\r\n };\r\n dispatch(action);\r\n });\r\n\r\n /** reuse tree if last tree contains current node id */\r\n new Promise((resolveTree) => {\r\n if (canReuseLastTree(process, id, lastCrossRefTree)) {\r\n resolveTree(lastCrossRefTree);\r\n } else {\r\n // tree must be recalculated\r\n services.crossTree({ processes: process, id }).then((res) => {\r\n if (res) {\r\n lastCrossRefTree = res.nodes;\r\n resolveTree(res.nodes);\r\n }\r\n });\r\n }\r\n }).then((tree) => {\r\n const data = buildGraphData(tree);\r\n if (data) {\r\n setTreeData({ data });\r\n } else {\r\n setTreeData({ data: null });\r\n }\r\n });\r\n }, [process, id]);\r\n\r\n useEffect(() => {\r\n if (references) {\r\n references.forEach((ref) => {\r\n const { process: refProcess, ids } = ref;\r\n ids.forEach(({ id: refId, subId }) => {\r\n services.crossRelatedInfo({ process: refProcess, id: refId, subId }).then((res) => {\r\n const properties = JSON.parse(res.propertiesAsJson);\r\n if (properties.Error) {\r\n setErrorPage(true);\r\n } else {\r\n let accessProcess = refProcess;\r\n if (\r\n refProcess === processes.WITHDRAW ||\r\n refProcess === processes.BULK_WITHDRAW ||\r\n refProcess === processes.DEPOSIT ||\r\n refProcess === processes.BULK_DEPOSIT ||\r\n refProcess === processes.TRANSFER ||\r\n refProcess === processes.WITHDRAW_ACCOUNT ||\r\n refProcess === processes.DEPOSIT_ACCOUNT\r\n ) {\r\n accessProcess = \"IO\";\r\n }\r\n const action = {\r\n type: PROCESS_DATA,\r\n payload: {\r\n process: refProcess,\r\n id: refId,\r\n subId,\r\n [refProcess]: JSON.parse(trimAll(properties[accessProcess] || \"{}\")),\r\n },\r\n };\r\n if (refProcess === processes.JOURNAL_ENTRY) {\r\n action.payload[processes.JOURNAL_ENTRY][processes.CASH_ACTIVITY] = JSON.parse(\r\n trimAll(properties[processes.CASH_ACTIVITY])\r\n );\r\n action.payload[processes.JOURNAL_ENTRY][processes.PRODUCT_ACTIVITY] = JSON.parse(\r\n trimAll(properties[processes.PRODUCT_ACTIVITY])\r\n );\r\n }\r\n dispatch(action);\r\n }\r\n });\r\n });\r\n });\r\n }\r\n }, [references]);\r\n\r\n const crossReferenceGraphOnClick = (e, data) => {\r\n if (ticketNumber != data.id) {\r\n setTreeData({ ...treeData, loadingId: data.id });\r\n }\r\n };\r\n\r\n if (errorPage) {\r\n return NoPermissionWindow();\r\n }\r\n\r\n return (\r\n \r\n
\r\n {children}\r\n \r\n {getTicketTitle({\r\n number: ticketNumber,\r\n process: ticketMainProcess,\r\n processId: ticketMainProcessId,\r\n subProcessId: ticketMainSubProcessId,\r\n })}\r\n
\r\n {!references &&\r\n {state[r.process][getProcessId(processId, subId)].loading &&
}\r\n
\r\n }\r\n
\r\n
\r\n ) : (\r\n No Cross References
}\r\n\r\n \r\n {label}\r\n \r\n \r\n {selectedItemPreview && selectedItemPreview.length > 20\r\n ? selectedItemPreview.slice(0, 25) + \"...\"\r\n : selectedItemPreview}\r\n \r\n \r\n\r\n {error && (\r\n
\r\n );\r\n};\r\n\r\nexport default CustomDropdown;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dropbtn\":\"CustomDropdown-module_dropbtn_3MHcf\",\"dropdown\":\"CustomDropdown-module_dropdown_2joFI\",\"withoutPreview\":\"CustomDropdown-module_withoutPreview_1B_cF\",\"withPreview\":\"CustomDropdown-module_withPreview_1An1q\",\"searchInput\":\"CustomDropdown-module_searchInput_3sNVn\",\"dropdownContent\":\"CustomDropdown-module_dropdownContent_3o0l3\"};","import React from \"react\";\r\nimport { Table } from \"reactstrap\";\r\nimport style from \"./Grid.module.scss\";\r\nimport { FormattedDate } from \"react-intl\";\r\nimport { CircularProgress } from \"../..\";\r\n\r\nconst Grid = ({ reports, actions }) => {\r\n const view = (report) => {\r\n actions.toggleModal(report);\r\n };\r\n\r\n const DisplayReportsList = () => {\r\n if (!reports) {\r\n return \r\n {error}\r\n
\r\n )}\r\n\r\n {show && (\r\n \r\n setSearch(e.target.value)}\r\n />\r\n {itemsFiltered.length > 0 ? (\r\n itemsFiltered.map((item) => {\r\n return (\r\n
\r\n )}\r\n handleSelect(item)}>\r\n {getSelectedName(item)}\r\n
\r\n );\r\n })\r\n ) : (\r\nNo se encontraron resultados...
\r\n )}\r\n\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nconst EmptyTable = ({ loading }) => (\r\n | Name | \r\nLast Runtime | \r\nUser | \r\n
|---|
No dynamic reports
\r\n )}\r\n\r\n\r\n\r\n
{error}
}\r\n Parameters
\r\nReports: {total}
\r\n\r\n{filtered} filtered
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n changeValue(e.target.value)}\r\n />\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Toolbar;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"toolbar\":\"Toolbar-module_toolbar_1LwY3\",\"filterDropdown\":\"Toolbar-module_filterDropdown_2HfvJ\",\"dropdown\":\"Toolbar-module_dropdown_1D8iK\",\"export\":\"Toolbar-module_export_3FXY5\",\"totals\":\"Toolbar-module_totals_5qjLQ\",\"advanced\":\"Toolbar-module_advanced_2amnG\",\"inputs\":\"Toolbar-module_inputs_27KjD\"};","import Grid from './Grid/Grid';\r\nimport Toolbar from './Toolbar/Toolbar';\r\nimport Modal from './Modal/DynamicReport';\r\n\r\nconst DynamicReports = {\r\n Grid,\r\n Toolbar,\r\n Modal\r\n}\r\n\r\nexport default DynamicReports;","import React from \"react\";\r\nimport { DropdownItem } from \"reactstrap\";\r\nimport style from \"./../style.module.scss\";\r\nimport { IconClass } from \"../UI\";\r\nimport { Datetime } from \"../Grid/Grid\";\r\nimport { CustomHandlers } from \"../types\";\r\nimport { FormattedDate, FormattedTime } from \"react-intl\";\r\nimport { localDateTime } from \"../../../utils/Helper\";\r\n\r\nconst Item = ({ item, tag, route, onClick }) => {\r\n const redirectProps = CustomHandlers.includes(item.process)\r\n ? {}\r\n : {\r\n tag,\r\n replace: true,\r\n to: {\r\n pathname: route,\r\n state: {\r\n id: item.processId,\r\n hash: Math.random().toString(36).substring(2, 10),\r\n },\r\n },\r\n };\r\n\r\n const cleanText = item.text.replace(/#Failed#|#Success#/g, \"\").trim();\r\n const isFailed = item.process === \"Offer\" && !item.read && item.text.includes(\"#Failed#\");\r\n const backgroundColor = isFailed\r\n ? \"#f8d7da\"\r\n : \"\";\r\n\r\n return (\r\n \r\n
\r\n \r\n {item.process}\r\n \r\n
\r\n {cleanText}
\r\n\r\n \r\n Events unread\r\n \r\n {items && items.length == 0 && (\r\n this.handleItemClick(item)}\r\n />\r\n ))}\r\n
\r\n \r\n No events\r\n
\r\n )}\r\n {items &&\r\n items.map((item, i) => (\r\n\r\n \r\n {true ?
\r\n }\r\n loadMore={getEvents}\r\n hasMore={grid.hasMore}\r\n >\r\n | Process | \r\n\r\n | Datetime | \r\nDetail | \r\n\r\n {event.process}\r\n | \r\n{!event.read && | \r\n \r\n | \r\n {cleanText} | \r\n \r\n );\r\n })\r\n )}\r\n
|---|
No events
\r\n )}\r\n\r\n \r\n Event alert detail \r\n {message} \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default ModalDetail\r\n","import React, { useEffect, useState } from \"react\";\r\nimport Grid from \"./Grid/Grid\";\r\nimport Toolbar from \"./Toolbar/Toolbar\";\r\n\r\nconst initialGrid = {\r\n page: 0,\r\n hasMore: false,\r\n loading: false,\r\n events: null,\r\n};\r\n\r\nconst PageGrid = ({ services, redirect, routes, actions }) => {\r\n const [filter, setFilter] = useState({\r\n text: \"\",\r\n process: \"\",\r\n includeRead: true,\r\n });\r\n const [grid, setGrid] = useState(initialGrid);\r\n\r\n useEffect(() => {\r\n if (filter) {\r\n getEvents(0);\r\n }\r\n }, [filter]);\r\n\r\n const setRead = (props) => {\r\n actions.setRead(props.id);\r\n return services.fetchMarkAsRead(props);\r\n };\r\n\r\n const getEvents = (page) => {\r\n if (!grid.loading) {\r\n let nextPage = 0;\r\n if (page == 0) {\r\n setGrid(initialGrid);\r\n } else {\r\n nextPage = grid.page + 1;\r\n setGrid({ ...grid, loading: true, hasMore: false });\r\n }\r\n services\r\n .fetchGetEventAlerts({\r\n filter,\r\n offset: nextPage * 25,\r\n length: 25,\r\n })\r\n .then((r) => {\r\n const prevEvents = nextPage == 0 ? [] : grid.events || [];\r\n setGrid({\r\n loading: false,\r\n hasMore: r.events.length >= 25,\r\n page: nextPage,\r\n events: [...prevEvents, ...r.events],\r\n });\r\n });\r\n }\r\n };\r\n\r\n const changeFilter = (props) => {\r\n setFilter({\r\n ...filter,\r\n ...props,\r\n });\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PageGrid;\r\n","import React from \"react\";\r\nimport { FormGroup, Label, Input, Button } from \"reactstrap\";\r\nimport style from \"./Toolbar.module.scss\";\r\n\r\nconst Advanced = ({ open, onChange, toggle, ...props }) => {\r\n if (open == false) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n onChange({ dateFrom: e.target.value })}\r\n required\r\n />\r\n \r\n onChange({ dateTo: e.target.value })}\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 \r\n
\r\n )} */}\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nconst Counter = ({ total }) => (\r\n \r\n setOpenAdvanced(true)} {...filters} />\r\n {/* setOpenAdvanced(false)}\r\n onChange={onChange}\r\n open={openAdvanced}\r\n {...filters}\r\n /> */}\r\n
\r\n \r\n\r\n \r\n
\r\n);\r\n\r\nconst DropDownFilterProcess = ({ value, onChange }) => (\r\n Events: {total}
\r\n\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nconst ExecutionsRows = ({ executions, decimalAmount, ...props }) => {\r\n const [loadings, setLoadings] = useState({});\r\n\r\n const onDelete = (execution) => {\r\n if (window.confirm(`Are you sure to delete execution #${execution.childId}?`)) {\r\n setLoadings({ ...loadings, [execution.childId]: true });\r\n props.onDelete(execution, () => {\r\n setLoadings({ ...loadings, [execution.childId]: false });\r\n });\r\n }\r\n };\r\n\r\n if (!executions.length) {\r\n return (\r\n | Trade/Exec | \r\nDate | \r\nQuantity | \r\nPrice | \r\nTrading Route | \r\nCounterparty | \r\n {/**/}\r\n |
|---|
No Executions
\r\n\r\n \r\n \r\n Broker: \r\n
\r\n Counterparty: \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ExecutionsTable;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"ExecutionsTable-module_container_1POWh\",\"tableFixed\":\"ExecutionsTable-module_tableFixed_3h8ok\",\"executionTableRow\":\"ExecutionsTable-module_executionTableRow_2OhgC\",\"action\":\"ExecutionsTable-module_action_1T-n4\",\"moreInfo\":\"ExecutionsTable-module_moreInfo_QbMMD\",\"icon\":\"ExecutionsTable-module_icon_196b_\"};","import React from 'react';\r\nimport classnames from 'classnames';\r\n\r\n\r\nclass ChildButton extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.handleOnClick = this.handleOnClick.bind(this);\r\n }\r\n\r\n handleOnClick() {\r\n if (this.props.disabled === true) {\r\n return;\r\n }\r\n\r\n if (this.props.onClick) {\r\n this.props.onClick();\r\n }\r\n }\r\n\r\n render() {\r\n var iconClass = classnames('mfb-component__child-icon', this.props.icon);\r\n var className = classnames('mfb-component__button--child',\r\n this.props.className,\r\n {\"mfb-component__button--disabled\": this.props.disabled});\r\n return (\r\n \r\n Counterparty: \r\n \r\n
- {buttons.child}
\r\n {error}\r\n
\r\n \r\n {getSelectItemName(suggestion)}\r\n
\r\n )}\r\n getSuggestionValue={getSelectItemName}\r\n onSuggestionsFetchRequested={fetchSearch}\r\n value={valueName || \"\"}\r\n inputProps={{\r\n placeholder: label,\r\n invalid: !!error,\r\n disabled,\r\n }}\r\n onChange={(m, v) => internalOnChange(m, v)}\r\n />\r\n \r\n {error}\r\n
\r\n \r\n {error}\r\n
\r\n {!error && description && (\r\n \r\n {description}\r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n);\r\n\r\nexport const Status = ({ status }) => {\r\n return (\r\n \r\n \r\n {label && value != \"3\" && (\r\n \r\n Fund\r\n \r\n )}\r\n\r\n {!disabled ? (\r\n \r\n \r\n {getNameFunds(value)}\r\n \r\n\r\n \r\n {allFunds && (\r\n onChange(name, -1)}\r\n style={{ backgroundColor: value === -1 ? \"#97a6ad\" : \"inherit\" }}\r\n >\r\n All funds\r\n \r\n )}\r\n {funds.map((key, index) => (\r\n onChange(name, key.Id)}\r\n style={{ backgroundColor: value === key.Id ? \"#97a6ad\" : \"inherit\" }}\r\n >\r\n {key.Value}\r\n \r\n ))}\r\n \r\n \r\n ) : (\r\n value !== \"3\" && \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default DropDownFunds;\r\n","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport { Button, Table, UncontrolledDropdown, DropdownToggle, DropdownItem, DropdownMenu } from \"reactstrap\";\r\nimport { CircularProgress } from \"../../..\";\r\nimport InfiniteScroll from \"react-infinite-scroller\";\r\nimport style from \"./styles.module.scss\";\r\nimport ModalStatus from \"../Modals/ModalStatus\";\r\nimport ModalClone from \"../Modals/ModalClone\";\r\nimport { Status } from \"../Controls\";\r\nimport { AssetStatus } from \"../types\";\r\nimport HistoryDefault from \"../../Modal/HistoryDefault/HistoryDefault\";\r\nimport { FormattedDate } from \"react-intl\";\r\n\r\nconst Grid = ({\r\n grid,\r\n getAssets,\r\n getHistory,\r\n clone,\r\n Link,\r\n changeStatus,\r\n role,\r\n actions,\r\n toggleActions,\r\n getContractcLosingLeg,\r\n filterActions,\r\n}) => {\r\n const [modalStatus, setModalStatus] = useState(false);\r\n const [modalClone, setModalClone] = useState(false);\r\n const [modalHistory, setModalHistory] = useState(false);\r\n\r\n const handleAction = (action, { id, item }) => {\r\n if (action == \"delete\") {\r\n changeStatus({ assetId: id, nextStatus: AssetStatus.Deleted });\r\n } else if (action == \"clone\") {\r\n setModalClone({ item });\r\n } else if (action == \"status\") {\r\n setModalStatus({ item });\r\n } else if (action == \"history\") {\r\n setModalHistory({ process: \"Asset\", processId: id });\r\n }\r\n };\r\n\r\n const hasActions = (asset) => {\r\n let result = false;\r\n actions.forEach((action) => {\r\n if (filterActions(asset, action.name)) {\r\n result = true;\r\n }\r\n });\r\n return result;\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n }\r\n loadMore={getAssets}\r\n hasMore={grid.hasMore}\r\n >\r\n | Name | \r\nShort Name | \r\nCode | \r\nStatus | \r\nActive Date | \r\nModified Date | \r\n\r\n |
|---|---|---|---|---|---|---|
| \r\n \r\n #{asset.AssetId}\r\n {asset.AssetTicker}\r\n \r\n | \r\n\r\n {asset.AssetName}\r\n | \r\n\r\n {asset.AssetISIN}\r\n | \r\n\r\n | \r\n \r\n {asset.AssetStatus == AssetStatus.Active && (\r\n | \r\n \r\n | \r\n \r\n {actions && hasActions(asset) && (\r\n | \r\n
No funds
}\r\n\r\n \r\n \r\n \r\n \r\n \r\n {actions.map((a, index) => {\r\n if (filterActions) {\r\n const filtrado = filterActions(asset, a.name);\r\n if (filterActions && filtrado) {\r\n return !a.loading ? (\r\n toggleModal(asset, a.name)}>\r\n {a.name}\r\n \r\n ) : (\r\n toggleModal(asset, a.name)}>\r\n {a.name}\r\n \r\n );\r\n }\r\n })}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Grid;\r\n","import React, { useCallback, useState, useEffect } from \"react\";\r\nimport style from \"./styles.module.scss\";\r\nimport {\r\n Col,\r\n Row,\r\n Button,\r\n Input,\r\n InputGroup,\r\n DropdownMenu,\r\n DropdownToggle,\r\n DropdownItem,\r\n UncontrolledDropdown,\r\n Spinner,\r\n} from \"reactstrap\";\r\nimport { debounce } from \"../../../utils/Helper\";\r\nimport { AssetStatus } from \"../types\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\n\r\nconst Toolbar = ({\r\n onChange: rootOnChange,\r\n subClasses,\r\n filter: rootFilter,\r\n counters,\r\n Link,\r\n role,\r\n searchAsset,\r\n fromPage,\r\n}) => {\r\n const [filters, setFilters] = useState(rootFilter);\r\n\r\n const debounceCallback = useCallback(\r\n debounce((nextValues) => rootOnChange(nextValues), 500),\r\n []\r\n );\r\n\r\n const onChange = (fields) => {\r\n const nextValues = {\r\n ...filters,\r\n ...fields,\r\n };\r\n debounceCallback(nextValues);\r\n setFilters(nextValues);\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n onChange({ text: e.target.value })}\r\n />\r\n \r\n \r\n\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst Counter = ({ total, fromPage }) => (\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {/* {subClasses ? (\r\n searchAsset()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n Search\r\n \r\n\r\n {/* {role == \"advisor\" ? (\r\n \r\n ) : (\r\n \r\n )} */}\r\n
\r\n \r\n \r\n
\r\n);\r\n/*\r\nconst DropDownFilterSubClass = ({ value, items, onChange }) => (\r\n \r\n {\" \"}\r\n {fromPage != \"funds\" ? \"Assets:\" : \"Funds:\"} {total}\r\n
\r\n\r\n Are you sure you want to clone{\" \"}\r\n \r\n {item.AssetISIN}\r\n {\" - \"}\r\n {item.AssetTicker}\r\n \r\n ?\r\n
\r\n\r\n \r\n {\r\n quantityOnClick(e);\r\n }}\r\n dataTypeDecimalName=\"quantity\"\r\n />\r\n
\r\n )}\r\n {nextStatus == \"Matured\" && item.AssetStatus != \"Matured\" && (\r\n \r\n \r\n {\r\n dateOnClick(e.target.value);\r\n }}\r\n />\r\n
\r\n )}\r\n {\"\"}\r\n {alert && (\r\n \r\n {ItemUI.IOType(io.IOType)}{\" \"}\r\n {io.IOMode == IOMode.MultipleAssets || (io.IOType == IOType.Transfer && io.items.length > 1) ? (\r\n {\"{Multiple securities}\"}\r\n ) : (\r\n ItemUI.Symbol(io.items[0])\r\n )}{\" \"}\r\n {ItemUI.Account(io)} {ItemUI.BankAccount(io)}\r\n
\r\n );\r\n }\r\n}\r\n","import React from \"react\";\r\nimport { Badge } from \"reactstrap\";\r\nimport style from \"./IO.module.scss\";\r\nimport { TransactionStatus, IOType as TIOType, IOTransferType } from \"./types\";\r\nimport { FormattedNumber } from \"../FormattedNumber/FormattedNumber\";\r\nimport { renderOrderStatus } from \"../Order/Item\";\r\n\r\nconst IOType = (ioType) => (\r\n - \r\n {extensionGroup.Instance.map((instance) => (\r\n
- {getValue(extensionGroup,instance)} \r\n \r\n ))}\r\n
Extended Data
\r\nOriginal
\r\n\r\n {\" \"}\r\n {/* Div contenedor para aplicar estilos */}\r\n \r\n \r\n
\r\n
\r\n\r\n | Extension Group | \r\nData | \r\n
|---|
Changes requested
\r\n\r\n {\" \"}\r\n {/* Div contenedor para aplicar estilos */}\r\n \r\n \r\n
\r\n
\r\n | Extension Group | \r\nData | \r\n
|---|
\r\n {questions.length > 0 ? (\r\n questions.map((q, qIndex) => {\r\n const questionToCompare = changedQuestions.find(\r\n (elemento) => elemento.QuestionId == q.QuestionId\r\n );\r\n if (!compareQuestions(q.PersonAnswer, questionToCompare.PersonAnswer)) {\r\n return (\r\n \r\n \r\n \r\n );\r\n }\r\n })\r\n ) : (\r\n No Questions.\r\n )}\r\n\r\n {/* {questions.length > 0 && (\r\n handleSave()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n Save\r\n \r\n )} */}\r\n
\r\n )}\r\n {alertEv.title}
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n);\r\n\r\nexport const addMonth = function (date, monthsToAdd) {\r\n const d = date;\r\n d.setMonth(d.getMonth() + monthsToAdd);\r\n return d;\r\n};\r\n\r\nexport const addDay = function (date, daysToAdd) {\r\n const d = date;\r\n d.setDate(d.getDate() + daysToAdd);\r\n return d;\r\n};\r\n\r\nexport const getBalanceTypeName = (value) => BalanceTypes.find((type) => type.value == value).name;\r\n\r\nexport const getBalanceTypeValue = (name) => {\r\n const v = BalanceTypes.find((type) => type.name == name);\r\n if (v) return v.value;\r\n else return BalanceTypes[0].value;\r\n};\r\nexport const BalanceTypes = [\r\n { description: \"Current\", name: \"Current\", value: 1 },\r\n { description: \"Custody\", name: \"Custody\", value: 2 },\r\n { description: \"Tax Custody\", name: \"TaxCustody\", value: 3 },\r\n { description: \"Repo\", name: \"Repo\", value: 4 },\r\n { description: \"Margin\", name: \"Margin\", value: 5 },\r\n { description: \"Self Custody\", name: \"SelfCustody\", value: 6 },\r\n { description: \"Warrant\", name: \"Warrant\", value: 7 },\r\n { description: \"Savings\", name: \"Savings\", value: 8 },\r\n { description: \"Local Custody\", name: \"LocalCustody\", value: 9 },\r\n { description: \"Short\", name: \"Short\", value: 10 },\r\n { description: \"COD\", name: \"COD\", value: 11 },\r\n { description: \"Money Market Fund\", name: \"MoneyMarketFund\", value: 12 },\r\n { description: \"Available For Sale\", name: \"AFS\", value: 13 },\r\n { description: \"Hold to Maturity\", name: \"HTM\", value: 14 },\r\n { description: \"Stock T\", name: \"StockT\", value: 15 },\r\n { description: \"Stock O\", name: \"StockO\", value: 16 },\r\n { description: \"Stock U\", name: \"StockU\", value: 17 },\r\n { description: \"Stock I\", name: \"StockI\", value: 18 },\r\n { description: \"Stock S\", name: \"StockS\", value: 19 },\r\n { description: \"Markup\", name: \"Markup\", value: 20 },\r\n { description: \"PendingSet\", name: \"PendingSet\", value: 21 },\r\n];\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"loadingMessage\":\"styles-module_loadingMessage_1zU3C\"};","import React, { useReducer, useEffect } from \"react\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, Button, Col, Row, Input } from \"reactstrap\";\r\nimport { defaultState, initialize, parseAlert } from \"./store/store\";\r\nimport { alertReducer } from \"./store/reducer\";\r\nimport { FormattedDate, FormattedTime } from \"react-intl\";\r\nimport style from \"./Alert.module.scss\";\r\nimport { NewPost, Summary, PostList } from \"./Items/\";\r\nimport { PersonType } from \"../AlertSimple/Fields/types\";\r\nimport ChildAlert from \"./Items/ChildAlert/ChildAlert\";\r\nimport { parseDate } from \"../../../utils/dateUtils\";\r\n\r\nconst Alert = ({ open, toggle, ...props }) => {\r\n const [state, dispatch] = useReducer(alertReducer, defaultState(), initialize(props));\r\n const { ui, alertEv, lockDate, hasLockDate, loadingUpdateDate, messageDisplay } = state;\r\n\r\n useEffect(() => {\r\n fetchAlertFull(alertEv.id);\r\n }, [alertEv.id]);\r\n\r\n const fetchAlertFull = (id) => {\r\n props.fetchs.alert({ id }, (r) => {\r\n if (ui.loadings.alert) {\r\n dispatch({ type: \"UPDATE_LOADING\", loadings: { alert: false } });\r\n }\r\n dispatch({ type: \"ALERT_UPDATE\", alert: parseAlert(r.alertEvent) });\r\n dispatch({\r\n type: \"CHANGE_FIELDS\",\r\n fields: {\r\n hasLockDate: r.alertEvent.hasExpirationDate,\r\n lockDate: r.alertEvent.expirationDate,\r\n },\r\n });\r\n \r\n if (r.alertEvent.processes == \"CheckList\") {\r\n props.fetchs.accountPersonRelationship({ id: r.alertEvent.personId }, (r) => {\r\n if (r != null && r.relationship.length > 0) {\r\n dispatch({ type: \"ALERT_UPDATE\", alert: { accountsRelated: r.relationship } });\r\n }\r\n });\r\n props.fetchs.fetchAlertAntiClientDetails({ clientId: r.alertEvent.personId , listCheckId: r.alertEvent.refId }, (r) => {\r\n if (r != null && r.details != null) {\r\n let detailsString = r.details;\r\n let details = detailsString.split(\";\");\r\n dispatch({ type: \"ALERT_UPDATE\", alert: { antiClientDetails: details } });\r\n }\r\n });\r\n props.fetchs.fetchPersonInfo({ personId: r.alertEvent.personId }, (r) => {\r\n if (r != null) {\r\n dispatch({ type: \"ALERT_UPDATE\", alert: { personInfo: r.personInfo } });\r\n }\r\n });\r\n }\r\n });\r\n };\r\n\r\n const getAllFiles = () => {\r\n if (alertEv.events == null) return [];\r\n let files = [];\r\n alertEv.events.forEach((e) => files.push(...e.files));\r\n return files;\r\n };\r\n\r\n const updateLockDate = (fields) => {\r\n dispatch({ type: \"CHANGE_FIELDS\", fields });\r\n };\r\n\r\n const sendLockDate = () => {\r\n dispatch({\r\n type: \"CHANGE_FIELDS\",\r\n fields: { loadingUpdateDate: true, messageDisplay: false },\r\n });\r\n props.callApi(\"UpdateAccountLockDate\", { id: alertEv.id, date: lockDate }, (response, error) => {\r\n dispatch({\r\n type: \"CHANGE_FIELDS\",\r\n fields: { loadingUpdateDate: false, messageDisplay: true },\r\n });\r\n });\r\n };\r\n\r\n return (\r\n {alertEv.title}
\r\n \r\n \r\n
\r\n \r\n \r\n updateLockDate({ lockDate: e.target.value })}\r\n />\r\n \r\n
\r\n {messageDisplay ? (\r\n Date was successfully updated
\r\n ) : (\r\n \r\n )}\r\n
\r\n ) : (\r\n \r\n )}\r\n \r\n
\r\n \r\n close()}\r\n >\r\n ×\r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default ChildAlert;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"child\":\"ChildAlert-module_child_1tooW\",\"close\":\"ChildAlert-module_close_OqYkI\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"summary\":\"Items-module_summary_NM0pB\",\"title\":\"Items-module_title_SCA-i\",\"newpost\":\"Items-module_newpost_1q-57\",\"user\":\"Items-module_user_1aNup\",\"inputFile\":\"Items-module_inputFile_3ir12\",\"posts\":\"Items-module_posts_2y2AQ\",\"empty\":\"Items-module_empty_2-n77\",\"post\":\"Items-module_post_2lsOK\",\"smFile\":\"Items-module_smFile_7mG5D\",\"related\":\"Items-module_related_1q_94\",\"left\":\"Items-module_left_2X2jy\",\"btnRelated\":\"Items-module_btnRelated_1UEoo\",\"badge\":\"Items-module_badge_1FUmy\",\"loadingMessage\":\"Items-module_loadingMessage_3_2Zi\"};","import React, { useState } from \"react\";\r\nimport { Button } from \"reactstrap\";\r\nimport style from \"./../NewPost.module.scss\";\r\nimport { LoadingMessage } from \"../../Summary\";\r\nimport SendFile from \"./SendFile\";\r\nimport { PersonType } from \"../../../../AlertSimple/Fields/types\";\r\n\r\nconst Files = ({ files, hideDelete, deleteFile, loading, fetchs, ...props }) => {\r\n const [send, setSend] = useState({});\r\n const [fileTypes, setFileTypes] = useState(null);\r\n const [sents, setSents] = useState([]);\r\n const addToAccount = (event, file) => {\r\n event.stopPropagation();\r\n\r\n const sendProps = {\r\n open: true,\r\n fetchs,\r\n file,\r\n fileTypes,\r\n download,\r\n personType: props.personType,\r\n alias: props.alias,\r\n toggle: (id) => {\r\n setSend({});\r\n if (id) {\r\n setSents([...sents, id]);\r\n }\r\n },\r\n };\r\n\r\n if (fileTypes == null) {\r\n fetchs.fileTypes({}, (r) => {\r\n let types = null;\r\n if (props.personType == PersonType.All) {\r\n types = r.SDTGetArchivesTypes.ArchivesTypes[1];\r\n } else if (props.personType == PersonType.Physical) {\r\n types = r.SDTGetArchivesTypes.ArchivesTypes[2];\r\n } else {\r\n types = r.SDTGetArchivesTypes.ArchivesTypes[0];\r\n }\r\n\r\n setFileTypes(types.ArchivesSubTypes);\r\n setSend({ ...sendProps, fileTypes: types.ArchivesSubTypes });\r\n });\r\n }\r\n\r\n setSend(sendProps);\r\n };\r\n\r\n const download = (file) => {\r\n if (hideDelete) {\r\n fetchs.downloadFile(\r\n {\r\n eventId: file.eventId,\r\n eventHistoryId: file.eventHistoryId,\r\n eventHistoryFileId: file.id,\r\n },\r\n (r) => {\r\n if (r.url != \"\") {\r\n window.open(r.url);\r\n }\r\n }\r\n );\r\n }\r\n };\r\n\r\n if (loading || files == null) {\r\n return (\r\n Related alert
\r\n\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n if (send.open) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n {!files.length && {hideDelete ? \"No files\" : \"No uploaded files\"}}\r\n\r\n {files.length > 0 && (\r\n
\r\n );\r\n};\r\n\r\nfunction truncate(input) {\r\n return input.length > 16 ? `${input.substring(0, 16)}...` : input;\r\n}\r\n\r\nexport default Files;\r\n","import React, { useState } from \"react\";\r\nimport style from \"./../NewPost.module.scss\";\r\nimport classNames from \"classnames\";\r\nimport { Button } from \"reactstrap\";\r\nimport { LoadingMessage } from \"../../Summary\";\r\nimport { Combobox } from \"../../../../Order/Field/Field\";\r\nimport LaddaButton, { SLIDE_DOWN } from \"react-ladda\";\r\n\r\nconst SendFile = ({ file, personType, alias, fileTypes, fetchs, toggle, props }) => {\r\n const [selectedType, setSelectedType] = useState(-1);\r\n const [sending, setSending] = useState(false);\r\n\r\n const send = () => {\r\n setSending(true);\r\n\r\n fetchs.send(\r\n {\r\n eventId: file.eventId,\r\n eventHistoryId: file.eventHistoryId,\r\n eventHistoryFileId: file.id,\r\n subTypeId: selectedType,\r\n },\r\n (r) => {\r\n setSending(false);\r\n toggle(file.id);\r\n }\r\n );\r\n };\r\n\r\n return (\r\n \r\n {files.map((f) => (\r\n
\r\n )}\r\n download(f)}>\r\n {/* Delete */}\r\n {!hideDelete && (\r\n deleteFile(f.id)}>\r\n \r\n \r\n )}\r\n
\r\n ))}\r\n \r\n \r\n \r\n \r\n\r\n {/* File name */}\r\n
\r\n {truncate(f.name.trim())}
\r\n\r\n {/* Add To account */}\r\n {hideDelete && !f.sent && sents.indexOf(f.id) == -1 && (\r\n\r\n
\r\n )}\r\n addToAccount(e, f)} className={style.btn}>\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SendFile;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Container, Row, Col, Button, Input } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport { Field } from \"./../../../Order/Field/Field\";\r\nimport Files from \"./Files/Files\";\r\nimport style from \"./../Items.module.scss\";\r\nimport { FormattedDate } from \"react-intl\";\r\n\r\nconst NewPost = ({ alertId, readonly, user, status, fetchs, dispatch, processes }) => {\r\n const [loading, setLoading] = React.useState(false);\r\n const [changingStatus, setChangingStatus] = React.useState(false);\r\n const [description, setDescription] = React.useState(\"\");\r\n const [files, setFiles] = React.useState([]);\r\n const [errors, setErrors] = React.useState({});\r\n const [currentDate, setCurrentDate] = useState(new Date());\r\n\r\n useEffect(() => {\r\n const interval = setInterval(() => {\r\n setCurrentDate(new Date());\r\n }, 1000); // Actualiza la fecha cada segundo\r\n\r\n return () => clearInterval(interval); // Limpia el intervalo cuando el componente se desmonta\r\n }, []);\r\n\r\n const handleFilesUpload = (event) => {\r\n const addedFiles = Object.values(event.target.files);\r\n\r\n setFiles([\r\n ...files,\r\n ...addedFiles.map((f) => ({\r\n id: Math.random().toString(36).substring(2, 15),\r\n name: f.name,\r\n type: f.type,\r\n data: f,\r\n })),\r\n ]);\r\n };\r\n\r\n const deleteFile = (id) => {\r\n setFiles(files.filter((f) => f.id != id));\r\n };\r\n\r\n const addToHistory = () => {\r\n if (description == null || description == \"\") {\r\n setErrors({\r\n ...errors,\r\n description: \"Required Field\",\r\n });\r\n } else {\r\n setLoading(true);\r\n // prepare files\r\n let filesFD = new FormData();\r\n\r\n files.forEach((f, i) => {\r\n filesFD.append(`file${i + 1}`, f.data);\r\n });\r\n\r\n const getLocalISOTime =() =>{\r\n const date = new Date();\r\n const tzOffset = -date.getTimezoneOffset() * 60 * 1000;\r\n const localDate = new Date(date.getTime() + tzOffset);\r\n const localISOTime = localDate.toISOString().slice(0, -1);\r\n \r\n return localISOTime;\r\n };\r\n\r\n fetchs.addToHistory(\r\n {\r\n eventId: alertId,\r\n message: description,\r\n dateTime: getLocalISOTime(),\r\n files: filesFD,\r\n },\r\n (response) => {\r\n fetchs.alert(alertId);\r\n\r\n setLoading(false);\r\n setFiles([]);\r\n setDescription(\"\");\r\n }\r\n );\r\n }\r\n};\r\n\r\n\r\n\r\n const changeWorkingStatus = () => {\r\n let nextStatus = \"WorkingAdvisor\";\r\n\r\n if (user.role == \"Advisor\") {\r\n nextStatus = \"WorkingCompliance\";\r\n }\r\n\r\n setChangingStatus(true);\r\n\r\n fetchs.updateStatus(\r\n {\r\n eventId: alertId,\r\n statusCompliance: nextStatus,\r\n },\r\n (response) => {\r\n dispatch({ type: \"ALERT_UPDATE\", alert: { status: nextStatus } });\r\n setChangingStatus(false);\r\n fetchs.updateGrid(alertId);\r\n }\r\n );\r\n\r\n {\r\n user.role == \"Advisor\" ? \"Compliance\" : \"Advisor\";\r\n }\r\n };\r\n\r\n const sendToCEO = () => {\r\n let nextStatus = \"WorkingCEO\";\r\n\r\n if (status == \"WorkingCEO\") {\r\n nextStatus = \"WorkingCompliance\";\r\n }\r\n\r\n setChangingStatus(true);\r\n\r\n fetchs.updateStatus(\r\n {\r\n eventId: alertId,\r\n statusCompliance: nextStatus,\r\n },\r\n (response) => {\r\n dispatch({ type: \"ALERT_UPDATE\", alert: { status: nextStatus } });\r\n setChangingStatus(false);\r\n }\r\n );\r\n };\r\n\r\n if (readonly) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n toggle()}\r\n >\r\n ×\r\n \r\n\r\n {fileTypes == null ? (\r\n \r\n \r\n )}\r\n
\r\n Send file to: {alias}
\r\n props.download(file)}>{file.name}\r\n\r\n\r\n setSelectedType(v)}\r\n items={fileTypes.map((type) => ({\r\n id: type.ArchiveSubTypeId,\r\n description: type.ArchiveSubTypeDescription,\r\n }))}\r\n />{\" \"}\r\n send()}\r\n data-style={SLIDE_DOWN}\r\n >\r\n {\"Send\"}\r\n \r\n
\r\n \r\n \r\n \r\n changeWorkingStatus()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n Send to{\" \"}\r\n {user.role == \"Advisor\" ? \"Compliance\" : \"Advisor\"}\r\n \r\n )}\r\n \r\n )}\r\n
\r\n \r\n {processes === \"TransactionalLimit\" || processes === \"RiskChanges\" ? (\r\n \r\n sendToCEO()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n \r\n {status == \"WorkingCompliance\" ? \"Second Approval\" : \"Send to Compliance\"}\r\n \r\n )}\r\n \r\n
\r\n ) : (\"\")}\r\n\r\n \r\n \r\n 1000}\r\n style={description.length > 1000 ? { borderColor: \"red\" } : {}}\r\n onChange={(e) => {\r\n if (e.target.value.length <= 1000) {\r\n setDescription(e.target.value);\r\n if (e.target.value !== \"\") {\r\n setErrors({ ...errors, description: undefined });\r\n }\r\n } else {\r\n setErrors({ ...errors, description: \"Max Characters Limit Reached\" });\r\n }\r\n }}\r\n />\r\n \r\n\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default NewPost;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"files\":\"NewPost-module_files_13Vt7\",\"empty\":\"NewPost-module_empty_2fQv3\",\"grid\":\"NewPost-module_grid_2IuQE\",\"error\":\"NewPost-module_error_2CjYq\",\"file\":\"NewPost-module_file_25irm\",\"overlay\":\"NewPost-module_overlay_3yFCL\",\"btn\":\"NewPost-module_btn_1fSG9\",\"buttons\":\"NewPost-module_buttons_2nWRd\",\"delete\":\"NewPost-module_delete__jZaH\",\"send\":\"NewPost-module_send_11lV0\",\"child\":\"NewPost-module_child_35y1D\",\"close\":\"NewPost-module_close_lwu38\",\"inputs\":\"NewPost-module_inputs_105xy\"};","import React from \"react\";\r\nimport style from \"./../Items.module.scss\";\r\nimport { FormattedDate } from \"react-intl\";\r\n\r\nconst PostItem = ({ user, date, message, files, downloadFile }) => {\r\n const download = (file) => {\r\n downloadFile(\r\n {\r\n eventId: file.eventId,\r\n eventHistoryId: file.eventHistoryId,\r\n eventHistoryFileId: file.id,\r\n },\r\n (r) => {\r\n if (r.url != \"\") {\r\n window.open(r.url);\r\n }\r\n }\r\n );\r\n };\r\n\r\n return (\r\n \r\n \r\n {\r\n setFiles([]);\r\n setDescription(\"\");\r\n setErrors({});\r\n }}\r\n >\r\n Discard\r\n {\" \"}\r\n addToHistory()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n Add\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PostItem;\r\n","import React from \"react\";\r\nimport PostItem from \"./PostItem\";\r\nimport style from \"./../Items.module.scss\";\r\nimport CircularProgress from \"../../../../CircularProgress/CircularProgress\";\r\nimport { LoadingMessage } from \"../Summary\";\r\n\r\nconst PostList = ({ loadingAlert, events, fetchs }) => {\r\n return (\r\n \r\n {user}\r\n {message}\r\n
\r\n\r\n \r\n\r\n {loadingAlert &&
\r\n );\r\n};\r\n\r\nexport default PostList;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport style from \"./Items.module.scss\";\r\nimport Files from \"./NewPost/Files/Files\";\r\nimport {\r\n Button,\r\n Badge,\r\n Dropdown,\r\n DropdownToggle,\r\n DropdownMenu,\r\n DropdownItem,\r\n UncontrolledDropdown,\r\n ButtonGroup,\r\n Row,\r\n Col,\r\n Table,\r\n ListGroup,\r\n ListGroupItem,\r\n} from \"reactstrap\";\r\n\r\nimport { getPersonTypeName } from \"../../AlertSimple/Fields/types\";\r\nimport CircularProgress from \"../../../CircularProgress/CircularProgress\";\r\nimport LaddaButton, { SLIDE_DOWN, SLIDE_LEFT } from \"react-ladda\";\r\nimport { accountProps } from \"../../Order/Form/commons\";\r\nimport { getLocalDate } from \"../../../../utils\";\r\nimport { FormattedNumber } from \"../../../FormattedNumber/FormattedNumber\";\r\nimport InvestorProfile from \"./subsummary/investorProfile\";\r\nimport DuplicatedPeople from \"./subsummary/duplicatedPeople\";\r\n\r\n\r\nconst Summary = ({\r\n description,\r\n title,\r\n personType,\r\n typeAlias,\r\n files,\r\n relateds,\r\n alert,\r\n fetchs,\r\n loadingAlert,\r\n alertId,\r\n reftag,\r\n days,\r\n status,\r\n role,\r\n markFalseCoincidence,\r\n processes,\r\n requestClosure,\r\n name,\r\n closedAccountDate,\r\n closedAccount,\r\n dispatch,\r\n Link,\r\n trigger,\r\n personInfo,\r\n refId,\r\n antiClientDetails,\r\n accountsRelated,\r\n}) => {\r\n const [closing, setClosing] = useState(0);\r\n const [loadingCloseAccount, SetLoadingCloseAccount] = useState(false);\r\n const [showMessageCloseAccount, SetShowMessageCloseAccount] = useState(false);\r\n const [sending, setROS] = useState(0);\r\n const [info, setInfo] = useState();\r\n const [updateKYCStatus, setUpdateKYCStatus] = useState(false);\r\n\r\n useEffect(() => {\r\n fetchs.getParameterValue({ParameterName:\"UpdateKYCStatus\"}, (response) => {\r\n if (response) {\r\n setUpdateKYCStatus(response.SdtParametersData.ParameterNumericValue == 1);\r\n }\r\n })}, [updateKYCStatus]);\r\n\r\n useEffect(() => {\r\n if (reftag && processes === \"TransactionalLimit\") {\r\n try {\r\n let newInfo = JSON.parse(reftag);\r\n setInfo(newInfo);\r\n } catch (e) {\r\n setInfo();\r\n }\r\n }\r\n }, [reftag]);\r\n\r\n const openChild = (child) => {\r\n dispatch({ type: \"TOGGLE_CHILD_ALERT\", alert: child });\r\n };\r\n\r\n const downloadPdf = () => {\r\n fetchs.downloadPdf({ eventId: alertId });\r\n };\r\n\r\n const checkFalseCoincidence = (falseCoincidence) => {\r\n const body = {\r\n complianceEventid: alertId,\r\n falseCoincidence: falseCoincidence,\r\n };\r\n fetchs.falseCoincidenceCheckList(body);\r\n dispatch({\r\n type: \"CHECKLIST_COINCIDENCE\",\r\n alert: falseCoincidence,\r\n });\r\n };\r\n\r\n const closeAccount = () => {\r\n SetLoadingCloseAccount(true);\r\n fetchs.closeAccountAlert(\r\n {\r\n eventId: alertId,\r\n accountId: typeAlias,\r\n },\r\n (response) => {\r\n SetLoadingCloseAccount(false);\r\n SetShowMessageCloseAccount(true);\r\n }\r\n );\r\n };\r\n\r\n const closeAlert = () => {\r\n setClosing({ loading: true });\r\n\r\n fetchs.updateStatus(\r\n {\r\n eventId: alertId,\r\n statusCompliance: \"Closed\",\r\n },\r\n (response) => {\r\n setClosing(1);\r\n\r\n dispatch({ type: \"ALERT_UPDATE\", alert: { status: \"Closed\" } });\r\n }\r\n );\r\n };\r\n\r\n const getJournalEntryId = (linea) => {\r\n const partes = linea.split(\",\");\r\n if (partes.length < 2) {\r\n return \"\";\r\n }\r\n const journalEntryId = partes[0].trim().split(\":\")[1].trim();\r\n return journalEntryId;\r\n };\r\n\r\n const alertToROS = () => {\r\n setROS({ loading: true });\r\n\r\n fetchs.updateStatus(\r\n {\r\n eventId: alertId,\r\n statusCompliance: \"ROS\",\r\n },\r\n (response) => {\r\n setROS(1);\r\n\r\n dispatch({ type: \"ALERT_UPDATE\", alert: { status: \"ROS\" } });\r\n }\r\n );\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n ) : (\r\n \r\n )}\r\n {processes == \"CheckList\" ? (\r\n \r\n \r\n checkFalseCoincidence(true)}\r\n color={markFalseCoincidence === true ? \"success btn btn-sm\" : \"primary btn btn-sm\"}\r\n active={markFalseCoincidence === true}\r\n >\r\n YES\r\n \r\n checkFalseCoincidence(false)}\r\n color={markFalseCoincidence === false ? \"danger btn btn-sm\" : \"primary btn btn-sm\"}\r\n active={markFalseCoincidence === false}\r\n >\r\n NO\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\nconst RelatedDDown = ({ children, relateds, openChildAlert }) => (\r\n \r\n \r\n {processes == \"KYC\" || processes == \"Flags\" || processes == \"ExternalImport\" || processes == \"RiskChanges\" ? (\r\n description\r\n ) : processes == \"CheckList\" || processes == \"TransactionalLimit\" ? (\r\n
\r\n
\r\n \r\n {processes == \"KYC\" || processes == \"Flags\" || processes == \"ExternalImport\" || processes == \"RiskChanges\" ? (\r\n description\r\n ) : processes == \"CheckList\" || processes == \"TransactionalLimit\" ? (\r\n {title}\r\n ) : processes == \"TransLimitChanges\" && description ? (\r\n {description.split(\".\")[0]}\r\n ) : (\r\n \r\n {getPersonTypeName(personType)}\r\n {\": \"}\r\n {typeAlias} {title}\r\n \r\n )}\r\n
\r\n \r\n {(status == \"Closed\" || closing == 1) && (\r\n \r\n )}\r\n {((status != \"Closed\" && status != \"ROS\" && closing != 1 && processes != \"RiskChanges\" && role == \"Compliance\") || (processes == \"ExternalImport\" && status != \"Closed\") || (role == \"CEO\" && processes == \"RiskChanges\" && status != \"Closed\")) && (\r\n closeAlert()}\r\n data-style={SLIDE_DOWN}\r\n >\r\n Close alert\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {relateds.length}\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n {requestClosure ? (\r\n \r\n {processes === \"CheckList\" && (\r\n
\r\n\r\n {processes == \"TransactionalLimit\" && (\r\n \r\n
\r\n )}\r\n {(processes===\"ExternalImport\"&& description.includes(\"duplicated people\")) ? (\r\n {`${trigger}(${reftag})`}
\r\n Details\r\n {(!antiClientDetails || antiClientDetails.length == 0 || antiClientDetails[0] == \"\") && (\r\nNo details
\r\n )}\r\n {antiClientDetails.length > 0 && (\r\n\r\n \r\n {antiClientDetails.map((item, index) => (\r\n \r\n {\r\n // convert to bold font the words into simple quoatation marks\r\n item.split(\"-\").map((part, index) => (\r\n \r\n {part\r\n .split(\":\")\r\n .map((part2, index) =>\r\n part2.startsWith(\"'\") && part2.endsWith(\"'\") ? (\r\n {part2.replace(/'/g, \"\") + \":\"}\r\n ) : (\r\n part2 + \" \"\r\n )\r\n )}\r\n \r\n ))\r\n }\r\n \r\n ))}\r\n \r\n
\r\n )}\r\n Client\r\n \r\n \r\n {`${name}(${\r\n personInfo.PhysicalPersonMainDocumentNumber\r\n ? personInfo.PhysicalPersonMainDocumentNumber\r\n : typeAlias\r\n })`}\r\n \r\n
\r\n{description.includes(\"spouse\") && description}
\r\n Accounts related\r\n {accountsRelated.length == 0 &&No accounts
}\r\n {accountsRelated.length > 0 && (\r\n\r\n {accountsRelated.map((account, index) => (\r\n
\r\n )}\r\n \r\n \r\n {`${account.Relationship} - ${account.AccountId} - ${account.AccountName}`}\r\n \r\n
\r\n ))}\r\n\r\n
\r\n ):\r\n (processes==\"InvestorProfile\"? (\r\n \r\n {processes==\"InvestorProfile\" && (\r\n
\r\n ): \r\n\r\n (\r\n (processes!=\"InvestorProfile\" && processes !== \"TransactionalLimit\" && processes !== \"CheckList\" && processes != \"RiskChanges\") || (processes===\"ExternalImport\" && !description.includes(\"duplicated people\")))&& (\r\n\r\n \r\n
\r\n )\r\n )}\r\n \r\n Data related\r\n {processes === \"TransLimitChanges\" && description ? (\r\n
\r\n {processes === \"Precheck\" && (\r\n \r\n
\r\n ) : (\r\n {\"Transactional Limit Changes \"}
\r\n{reftag.split(\"*\")[0]}
\r\n{reftag.split(\"*\")[1]}
\r\n{reftag.split(\"*\")[2]}
\r\n\r\n
\r\n {processes === \"KYC\" || processes === \"Flags\" || reftag === \"CLOSEACCOUNT\"\r\n ? trigger.split(\"--\").map((linea, index) =>
{linea}
)\r\n : (processes == \"ExternalImport\" ? reftag : \r\n (processes === \"Onboarding\" ?\r\n \r\n {description}\r\n \r\n :description)\r\n )}\r\n \r\n )}\r\n\r\n Precheck Details\r\n
\r\n )}\r\n {(processes === \"KYC\" || processes === \"Flags\") && reftag !== \"\" && (\r\n {reftag}
\r\n\r\n Flags\r\n
\r\n )}\r\n {status != \"Closed\" &&\r\n status != \"ROS\" &&\r\n sending != 1 &&\r\n processes == \"KYC\" &&\r\n role == \"Compliance\" && \r\n updateKYCStatus && \r\n (\r\n {reftag}
\r\n\r\n alertToROS()}\r\n data-style={SLIDE_LEFT}\r\n >\r\n KYC not approved\r\n \r\n
\r\n )}\r\n \r\n Details\r\n \r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n\r\n {status != \"Closed\" &&\r\n status != \"ROS\" &&\r\n sending != 1 &&\r\n role == \"Compliance\" &&\r\n processes !== \"KYC\" && (\r\n alertToROS()}\r\n data-style={SLIDE_LEFT}\r\n >\r\n Mark as ROS\r\n \r\n )}\r\n
\r\n )}\r\n\r\n \r\n {relateds != null && (\r\n \r\n {trigger.trim() == \"Quantity limit in deposits\" ||\r\n trigger.trim() == \"Quantity limit in Withdraws\" ||\r\n trigger.trim() == \"Amount limit in deposits\" ||\r\n trigger.trim() == \"Amount limit in Withdraws\"\r\n ? role == \"Advisor\"\r\n ? reftag.split(\";\").map((linea, index) =>\r\n linea.includes(\"JournalEntryId:\") ? (\r\n \r\n {linea}
\r\n \r\n ) : (\r\n
\r\n {linea} {\"\\n\"}{\" \"}\r\n
\r\n )\r\n )\r\n : reftag.split(\";\").map((linea, index) => (\r\n\r\n {linea} {\"\\n\"}\r\n
\r\n ))\r\n : trigger}\r\n \r\n {info !== undefined && info !== \"\" ? (\r\n| Info | \r\nTotal | \r\n
|---|---|
| {i.key} | \r\n\r\n | \r\n
\r\n The account {name} is Closed - Date of closure: {getLocalDate(closedAccountDate)}\r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n \r\n Close Account\r\n
\r\n {showMessageCloseAccount ? (\r\n The account was successfully closed
\r\n ) : (\r\n \r\n Do you want to Close Account {name}?\r\n closeAccount()}\r\n data-style={SLIDE_LEFT}\r\n >\r\n Confirm\r\n \r\n
\r\n )}\r\n \r\n Person Checklist\r\n
\r\n Do you want to mark this person as a false coincidence? If you select yes this alert wont be\r\n generated again next time\r\n \r\n
\r\n);\r\n\r\nexport default Summary;\r\n","import Summary from './Summary';\r\nimport NewPost from './NewPost/NewPost';\r\nimport PostList from './PostList/PostList';\r\n\r\nexport {\r\n NewPost,\r\n Summary,\r\n PostList\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport style from \"./duplicatedPeople.scss\";\r\nimport { Button, Col, Row, ButtonGroup } from \"reactstrap\";\r\nimport { showToast } from \"../../../../../utils/Helper\";\r\n\r\nconst DuplicatedPeople = ({ alert, fetchs, Link,closeAlert }) => {\r\n const [duplicatedPeople, setDuplicatedPeople] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n const [personFromPershing, setPersonFromPershing] = useState(null);\r\n const [personFromSystem, setPersonFromSystem] = useState(null);\r\n const [personFromPershingFullName, setPersonFromPershingFullName] = useState(null);\r\n const [personFromSystemFullName, setPersonFromSystemFullName] = useState(null);\r\n const [matchingFields, setMatchingFields] = useState([]);\r\n const [merging, setMerging] = useState(false);\r\n const [equalDocumentType, setEqualDocumentType] = useState(false);\r\n const [personToKeep, setPersonToKeep] = useState(null);\r\n const [personToMerge, setPersonToMerge] = useState(null);\r\n\r\n useEffect(() => {\r\n setLoading(true);\r\n fetchs.clientInfo({ personId: alert.personId }, (r) => {\r\n setPersonFromPershing(r.personInfo);\r\n });\r\n fetchs.clientInfo({ personId: alert.refId }, (r) => {\r\n setPersonFromSystem(r.personInfo);\r\n });\r\n setLoading(false);\r\n }, [alert.personId, alert.refId]);\r\n\r\n useEffect(() => {\r\n if (personFromPershing) {\r\n setPersonFromPershingFullName(\r\n personFromPershing.PhysicalPersonFirstName + \" \" + personFromPershing.PhysicalPersonFirstLastName\r\n );\r\n }\r\n }, [personFromPershing]);\r\n\r\n useEffect(() => {\r\n if (personFromPershing && personFromSystem) {\r\n setMatchingFields(getMatchingFields(personFromPershing, personFromSystem));\r\n checkSameDocumentType(personFromPershing, personFromSystem);\r\n //load defaults\r\n setPersonToKeep(personFromSystem.PersonId);\r\n setPersonToMerge(personFromPershing.PersonId);\r\n }\r\n }, [personFromPershing, personFromSystem]);\r\n\r\n const merge = () => {\r\n setMerging(true);\r\n fetchs.mergePeople({ personToMergeId: personToMerge, personToKeepId: personToKeep }, (r) => {\r\n if (r) {\r\n showToast(\"success: People merged successfully\");\r\n closeAlert();\r\n }\r\n setMerging(false);\r\n });\r\n };\r\n\r\n const checkSameDocumentType = (personFromPershing, personFromSystem) => {\r\n personFromPershing.Documents.forEach((docPershing) => {\r\n personFromSystem.Documents.forEach((docSystem) => {\r\n if (\r\n docPershing.PersonDocumentIssueCountryId === docSystem.PersonDocumentIssueCountryId &&\r\n docPershing.PersonDocumentTypeId === docSystem.PersonDocumentTypeId\r\n ) {\r\n setEqualDocumentType(true);\r\n }\r\n });\r\n });\r\n };\r\n\r\n const getMatchingFields = (personFromPershing, personFromSystem) => {\r\n const matchingFields = [];\r\n for (const key in personFromPershing) {\r\n if (personFromPershing[key] === personFromSystem[key]) {\r\n if (personFromPershing[key] && personFromPershing[key] != 0 && personFromPershing[key] != \"\") {\r\n if (key.includes(\"Date\")) {\r\n if (!personFromPershing[key].includes(\"0000-00-00\")) {\r\n matchingFields.push(key);\r\n }\r\n } else {\r\n matchingFields.push(key);\r\n }\r\n }\r\n }\r\n }\r\n return matchingFields;\r\n };\r\n\r\n useEffect(() => {\r\n if (personFromSystem) {\r\n setPersonFromSystemFullName(\r\n personFromSystem.PhysicalPersonFirstName + \" \" + personFromSystem.PhysicalPersonFirstLastName\r\n );\r\n }\r\n }, [personFromSystem]);\r\n\r\n return (\r\n \r\n {!personFromPershing || !personFromSystem ? (\r\n
\r\n );\r\n};\r\n\r\nexport default DuplicatedPeople;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"duplicatedPeople_container_1om3w\",\"content\":\"duplicatedPeople_content_2xBDE\"};","import React from \"react\";\r\nimport \"./InvestorProfile.scss\";\r\n\r\nconst InvestorProfile = ({ investorProfile }) => {\r\n // Dividir el texto en líneas separadas\r\n const profileLines = investorProfile.split(';').map((line, index) => (\r\n Loading...
\r\n ) : (\r\n \r\n \r\n {`${personFromPershing.PhysicalPersonFirstName+' '+personFromPershing.PhysicalPersonFirstLastName}(${\r\n personFromPershing.PhysicalPersonMainDocumentNumber\r\n ? personFromPershing.PhysicalPersonMainDocumentNumber\r\n : typeAlias\r\n })- from pershing`}\r\n \r\n
\r\n \r\n {`${personFromSystem.PhysicalPersonFirstName+' '+personFromSystem.PhysicalPersonFirstLastName}(${\r\n personFromSystem.PhysicalPersonMainDocumentNumber\r\n ? personFromSystem.PhysicalPersonMainDocumentNumber\r\n : typeAlias\r\n })- from system`}\r\n \r\n
\r\n
\r\n
\r\n\r\n \r\n {\r\n setPersonToKeep(personFromPershing.PersonId);\r\n setPersonToMerge(personFromSystem.PersonId);\r\n }}\r\n size=\"sm\"\r\n >\r\n {`${personFromPershingFullName}(${\r\n personFromPershing.PhysicalPersonMainDocumentNumber\r\n ? personFromPershing.PhysicalPersonMainDocumentNumber\r\n : typeAlias\r\n })`}\r\n \r\n {\r\n setPersonToKeep(personFromSystem.PersonId);\r\n setPersonToMerge(personFromPershing.PersonId);\r\n }}\r\n size=\"sm\"\r\n >\r\n {`${personFromSystemFullName}(${\r\n personFromSystem.PhysicalPersonMainDocumentNumber\r\n ? personFromSystem.PhysicalPersonMainDocumentNumber\r\n : typeAlias\r\n })`}\r\n \r\n \r\n \r\n
\r\n
\r\n )}\r\n \r\n \r\n {`${personFromSystem.PhysicalPersonFirstName+' '+personFromSystem.PhysicalPersonFirstLastName}(${\r\n personFromSystem.PhysicalPersonMainDocumentNumber\r\n ? personFromSystem.PhysicalPersonMainDocumentNumber\r\n : typeAlias\r\n })- from system`}\r\n \r\n
\r\n
\r\n
Matching Fields
\r\n\r\n
\r\n - \r\n {matchingFields.map((field, i) => (\r\n
- {field} \r\n ))}\r\n
\r\n
\r\n Do you want to merge the pershing person with the system person?\r\n
\r\n \r\nChoose the person you want to keep
\r\n\r\n The documents have the same type and country, you need to fix it in the original system,\r\n otherwise the alert will be regenerated\r\n
\r\n ) : (\r\n \r\n )}\r\n \r\n{line}
\r\n ));\r\n\r\n return (\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default InvestorProfile;\r\n","import {mergeDeep} from \"../../../../utils/Helper\";\r\n\r\nexport const alertReducer = (state, action) => {\r\n switch (action.type) {\r\n case \"ALERT_UPDATE\":\r\n return processAlertUpdate(state, action.alert);\r\n case \"UPDATE_LOADING\":\r\n return processUpdateLoading(state, action.loadings);\r\n case \"TOGGLE_CHILD_ALERT\":\r\n return processToggleChildAlert(state, action);\r\n case \"CHILD_ALERT_SUCCESS\":\r\n return processChildAlertSuccess(state, action);\r\n case \"CHECKLIST_COINCIDENCE\":\r\n return processChecklistFalseCoincidence(state, action.alert);\r\n case \"CHANGE_FIELDS\":\r\n return processChangeFields(state, action.fields);\r\n }\r\n};\r\n\r\nfunction processAlertUpdate(state, alert) {\r\n return mergeDeep({...state}, {alertEv: alert});\r\n}\r\n\r\nfunction processUpdateLoading(state, loadings) {\r\n return mergeDeep(\r\n {...state},\r\n {\r\n ui: {\r\n loadings\r\n }\r\n }\r\n );\r\n}\r\n\r\nfunction processToggleChildAlert(state, action) {\r\n if (action.alert) {\r\n return mergeDeep(\r\n {...state},\r\n {\r\n ui: {\r\n childAlert: {\r\n open: true,\r\n alert: action.alert\r\n }\r\n }\r\n }\r\n );\r\n }\r\n return mergeDeep(\r\n {...state},\r\n {\r\n ui: {\r\n childAlert: {\r\n open: false\r\n }\r\n }\r\n }\r\n );\r\n}\r\n\r\nfunction processChildAlertSuccess(state, action) {\r\n return mergeDeep(\r\n {...state},\r\n {\r\n ui: {\r\n childAlert: {\r\n alert: action.alert\r\n }\r\n }\r\n }\r\n );\r\n}\r\n\r\nfunction processChecklistFalseCoincidence(state, alert) {\r\n return mergeDeep(\r\n {...state},\r\n {\r\n alertEv: {\r\n falseCoincidenceListCheck: alert\r\n }\r\n }\r\n );\r\n}\r\n\r\nfunction processChangeFields(state, action) {\r\n return mergeDeep({...state}, {...action});\r\n}\r\n","import React from \"react\";\r\nimport {mergeDeep} from \"../../../../utils/Helper\";\r\n\r\nexport const Dispatch = React.createContext(null);\r\n\r\nexport const initialize = props => {\r\n return initialState => {\r\n return mergeDeep(\r\n {...initialState},\r\n {\r\n alertEv: parseAlert(props.alert)\r\n }\r\n );\r\n };\r\n};\r\n\r\nexport const defaultState = () => ({\r\n ui: {\r\n loadings: {\r\n alert: true\r\n },\r\n childAlert: {\r\n open: false,\r\n alert: {}\r\n }\r\n },\r\n alertEv: {\r\n title: \"\",\r\n description: \"\",\r\n date: new Date(),\r\n trigger: \"\",\r\n accountsRelated:[],\r\n antiClientDetails:[],\r\n personInfo:{},\r\n },\r\n addedData: {\r\n description: null\r\n },\r\n fields: {\r\n readonly: {},\r\n errors: {}\r\n },\r\n hasLockDate: false,\r\n lockDate: new Date(),\r\n loadingUpdateDate: false,\r\n messageDisplay: false\r\n});\r\n\r\nexport function parseAlert(alert) {\r\n return {\r\n ...alert\r\n };\r\n}\r\n","import React, { useReducer } from \"react\";\r\nimport { alertSimpleReducer, defaultState, initialize, validateForm } from \"./reducer\";\r\nimport {\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Container,\r\n Row,\r\n Col,\r\n Input,\r\n Button,\r\n Label,\r\n} from \"reactstrap\";\r\nimport style from \"./AlertSimple.module.scss\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport classnames from \"classnames\";\r\nimport Account from \"./Fields/Account\";\r\nimport Process from \"./Fields/Process\";\r\nimport { Field, Combobox } from \"../Order/Field/Field\";\r\nimport { PersonType, getPersonTypeName } from \"./Fields/types\";\r\n\r\nconst AlertSimple = ({ open, toggle, fetchs, ...props }) => {\r\n const [state, dispatch] = useReducer(alertSimpleReducer, defaultState(), initialize(props));\r\n const { alert, buttons } = state;\r\n const { readonly, errors } = state.fields;\r\n\r\n const confirm = () => {\r\n const errors = validateForm(state);\r\n\r\n if (errors == false) {\r\n dispatch({ type: \"UPDATE_BUTTONS\", buttons: { confirm: { loading: true } } });\r\n\r\n const { id, ...alertProps } = alert;\r\n\r\n fetchs.updateAlert(\r\n {\r\n eventIN: {\r\n ...alertProps,\r\n accountId: alertProps.personType == PersonType.All ? id : null,\r\n personId: alertProps.personType != PersonType.All ? id : null,\r\n },\r\n },\r\n (response) => {\r\n toggle({\r\n ...alertProps,\r\n accountId: alertProps.personType == PersonType.All ? id : null,\r\n personId: alertProps.personType != PersonType.All ? id : null,\r\n id: response.eventId,\r\n });\r\n }\r\n );\r\n } else {\r\n dispatch({ type: \"FORCE_UPDATE_VALIDATION\", errors });\r\n }\r\n };\r\n\r\n const onChange = (fields) => dispatch({ type: \"CHANGE_FIELDS\", fields });\r\n\r\n const globalReadOnly = buttons.confirm.loading;\r\n\r\n return (\r\n Investor Profile
\r\n {console.log(profileLines)}\r\n\r\n {profileLines}\r\n
\r\n \r\n {suggestion.name}\r\n
\r\n )}\r\n getSuggestionValue={(s) => `${s.name}`}\r\n onSuggestionsFetchRequested={fetchSearch}\r\n value={value || \"\"}\r\n inputProps={{\r\n placeholder: getPersonTypeName(type),\r\n invalid: !!error,\r\n disabled,\r\n }}\r\n onChange={(m, v) => internalOnChange(m, v)}\r\n />\r\n \r\n {suggestion.name}\r\n
\r\n )}\r\n getSuggestionValue={(s) => `${s.name}`}\r\n onSuggestionsFetchRequested={fetchSearch}\r\n value={value || \"\"}\r\n inputProps={{\r\n placeholder: \"Process\",\r\n invalid: !!error,\r\n disabled,\r\n style: { fontWeight: 500 },\r\n }}\r\n onChange={(m, v) => internalOnChange(m, v)}\r\n />\r\n \r\n
\r\n
\r\n {authorization.hasRelatedAuthorizations && (\r\n \r\n
\r\n\r\n {/* Now can view process from footer button */}\r\n {/* {processProps &&\r\n (processProps.loading ? (\r\n \r\n
\r\n }\r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n {authorization.title}
\r\n{authorization.text}
\r\n {authorization.description !== \"\" &&\r\n (authorization.description.includes(\"\\\\r\\\\n\") ? (\r\n authorization.description.split(\"\\\\r\\\\n\").map((name) => {\r\n return{name}
;\r\n })\r\n ) : (\r\n {authorization.description}
\r\n ))}\r\n\r\n\r\n
\r\n \r\n \r\n {authorization.role}\r\n \r\n \r\n
\r\n\r\n \r\n\r\n
\r\n \r\n \r\n {authorization.requestedBy}\r\n \r\n \r\n \r\n {processed ? authorization.processedBy : \"-\"}\r\n \r\n \r\n \r\n {processed ? (\r\n \r\n \r\n ) : (\r\n \"-\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n {notesLoading ? (\r\n setNotes(e.target.value)}\r\n name=\"text\"\r\n id=\"exampleText\"\r\n />\r\n \r\n )}\r\n
\r\n \r\n \r\n {`Show related authorizations`}\r\n \r\n
\r\n )}\r\n {process}
;\r\n\r\nexport default Authorization;\r\n","import React from \"react\";\r\nimport { Container, Row, Col } from \"reactstrap\";\r\nimport { Process } from \"../../EventAlert/types\";\r\nimport OrderInlineDetail from \"../../Order/InlineDetail\";\r\nimport IOInlineDetail from \"../../IO/InlineItem\";\r\nimport { detailsFields, Number } from \"../Order/Precheck/Details\";\r\nimport style from \"./style.module.scss\";\r\nimport CircularProgress from \"../../CircularProgress/CircularProgress\";\r\n\r\nconst trimAll = (text) => text.replace(/\"\\s+|\\s+\"/g, '\"');\r\n\r\nexport const SubTitle = ({ process, props }) => {\r\n switch (process) {\r\n case Process.Order:\r\n case Process.BulkOrder:\r\n case Process.BasketOrder:\r\n return \r\n //
\r\n // );\r\n return null;\r\n\r\n case Process.Deposit:\r\n case Process.Withdraw:\r\n case Process.Transfer:\r\n return null;\r\n\r\n default:\r\n return null;\r\n }\r\n};\r\n\r\nexport const LoadingMessage = ({ text }) => (\r\n \r\n
\r\n);\r\n\r\nconst OrderDetail = ({ form, result, balance }) => {\r\n const rows = detailsFields(result, form);\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"modal\":\"style-module_modal_3hI8h\",\"body\":\"style-module_body_OmmOI\",\"box\":\"style-module_box_3Z-f9\",\"process\":\"style-module_process_26DDK\",\"header\":\"style-module_header_2vJbC\",\"detail\":\"style-module_detail_2OEWZ\",\"flex\":\"style-module_flex_1MxA5\",\"loadingMessage\":\"style-module_loadingMessage_2AI5V\",\"orderDetail\":\"style-module_orderDetail_3QI--\",\"totals\":\"style-module_totals_1Azf0\",\"balance\":\"style-module_balance_kw21J\",\"title\":\"style-module_title_pCFfZ\",\"item\":\"style-module_item_1DRIv\",\"totalPortfolio\":\"style-module_totalPortfolio_2Y-HJ\"};","import React from \"react\";\r\nimport style from \"./styles.module.scss\";\r\n\r\nconst List = ({ items }) => {\r\n return (\r\n \r\n \r\n \r\n {rows.map((row, index) => (\r\n
\r\n
\r\n \r\n | {row.label} | \r\n\r\n | \r\n
\r\n {balance.map(\r\n (item, index) =>\r\n item.key !== \"\" && (\r\n
\r\n \r\n {item.key}\r\n
\r\n )\r\n )}\r\n \r\n Total Portofolio (USD):\r\n
\r\n \r\n - \r\n {items.length ? (\r\n items.map((item) =>
- )\r\n ) : (\r\n Process has no related authorizations\r\n )}\r\n
\r\n {item.title} \r\n
\r\n {item.text}\r\n
\r\n
\r\n \r\n Authorization role: {item.role}\r\n \r\n
\r\n \r\n \r\n {ui.loading && \r\n \r\n {/* Left */}\r\n onChange(dispatch, f)}\r\n filter={[]}\r\n hideInstruction={true}\r\n hideHolder={true}\r\n readonly={{\r\n AccountName: true,\r\n }}\r\n errors={{\r\n AccountNumber: errors.accountNumber,\r\n }}\r\n services={{\r\n fetchSearchAccount: services.fetchSearchAccount,\r\n }}\r\n />\r\n \r\n \r\n onChange({ Poolname: e.target.value })}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n ({\r\n id: key,\r\n description: getCWRelatedEntities(key),\r\n }))}\r\n disabled={true}\r\n invalid={!!errors.status}\r\n onChange={(v) => onChange({ GCPoolRelated: v })}\r\n emptyLabel={\"realtedEntity\"}\r\n style={{ background: \"#edf9ff\", fontWeight: 500 }}\r\n />\r\n \r\n \r\n \r\n ({\r\n id: key,\r\n description: getIntStatusName(key),\r\n }))}\r\n disabled={true}\r\n invalid={!!errors.status}\r\n onChange={(v) => onChange({ status: v })}\r\n emptyLabel={\"Status\"}\r\n style={{ background: \"#edf9ff\", fontWeight: 500 }}\r\n />\r\n \r\n \r\n {collateral.GCPoolRelated != \"Other\" && (\r\n \r\n onChange({ GCPoolRelatedEntityId: e.target.value })}\r\n />\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n onChange({ TotalAvilable: v })}\r\n invalid={!!errors.volume}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n \r\n \r\n onChange({ TotalRequiered: v })}\r\n invalid={!!errors.volume}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n \r\n \r\n onChange({ TotalAvailable: v })}\r\n invalid={!!errors.volume}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n onChange({ GCPoolTrackTransfers: v.target.checked })}\r\n />\r\n \r\n \r\n
\r\n \r\n onChange(dispatch, { OrderNote: e.target.value })}\r\n />\r\n \r\n
\r\n \r\n {\r\n setToEdit(false)\r\n setshowCollateralWarranty(true);\r\n setCollateralWarranty(null);\r\n }}\r\n >\r\n \r\n {\"\\u00A0\"} Add Collateral\r\n \r\n setshowCollateralWarranty(false)}\r\n services={{\r\n fetchSearchSymbol: services.fetchSearchSymbol,\r\n fetchSearchAccount: services.fetchSearchAccount,\r\n precheck: services.precheck,\r\n }}\r\n toEdit={toEdit}\r\n setToEdit={setToEdit}\r\n />\r\n )}\r\n \r\n
\r\n \r\n null}\r\n disabled={true}\r\n >\r\n \r\n {\"\\u00A0\"} Add position to back\r\n \r\n
\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n {showCollateralWarranty && (\r\n | Maturity | \r\nAsset | \r\nMargin | \r\nQuantity | \r\nStatus | \r\n\r\n |
|---|
\r\n \r\n \r\n
\r\n
\r\n \r\n | Asset | \r\nQuantity | \r\nTotal | \r\n
|---|
No Collaterals
\r\nNo Positions
\r\n\r\n {\" \"}\r\n {precheck.visible && (\r\n actions.precheck()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n {\"Pre check\"}\r\n \r\n )}\r\n {confirm.visible && (\r\n actions.confirm()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n {\"Confirm\"}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default Footer;\r\n","import React, { useReducer, useEffect, useState } from \"react\";\r\nimport {\r\n Modal,\r\n ModalHeader,\r\n CustomInput,\r\n ModalBody,\r\n ModalFooter,\r\n Col,\r\n Row,\r\n Container,\r\n Input,\r\n Button,\r\n Table,\r\n} from \"reactstrap\";\r\nimport { initialize, defaultState } from \"./store/store\";\r\nimport style from \"./Collateral.module.scss\";\r\nimport { custodyReducer, validateForm, validateFormHeader } from \"./store/reducer\";\r\nimport Footer from \"./Footer\";\r\nimport { Numeric, Combobox, Field } from \"../Order/Field/Field\";\r\nimport CollateralWarranty from \"./components/CollateralWarranty\";\r\nimport Account from \"../IO/Fields/Account\";\r\nimport { getIntStatusName, getCWRelatedEntities } from \"../../Collateral/types\";\r\nimport { getEnabledStatus, getRelatedEntities } from \"./utils\";\r\nimport CircularProgress from \"../../CircularProgress/CircularProgress\";\r\nimport { FormattedDate } from \"react-intl\";\r\nimport { FormattedNumber } from \"../../FormattedNumber/FormattedNumber\";\r\nimport { Mode } from \"../../../utils\";\r\nimport { showToast } from \"../../../utils/Helper\";\r\n\r\nconst Collateral = ({ open, toggle, services, role, ...props }) => {\r\n const [state, dispatch] = useReducer(custodyReducer, defaultState(), initialize(props));\r\n const { fields, collateral, ui } = state;\r\n const [showCollateralWarranty, setshowCollateralWarranty] = useState(false);\r\n const { errors, readonly } = fields;\r\n const { collaterals, products } = collateral;\r\n const [collateralWarrantyItem, setCollateralWarranty] = useState(null);\r\n const [showErrors, setShowErrors] = useState(false);\r\n if (collateral.GCPoolRelated == null) {\r\n dispatch({ type: \"CHANGE_FIELDS\", fields: { GCPoolRelated: \"Other\" } });\r\n }\r\n if (state.buttons.confirm.visible == false) {\r\n dispatch({ type: \"CHANGE_MODE\", mode: Mode.CONFIRM });\r\n }\r\n if (state.collateral.GCPoolTrackTransfers == null) {\r\n dispatch({ type: \"CHANGE_FIELDS\", fields: { GCPoolTrackTransfers: \"false\" } });\r\n }\r\n const onChange = (fields) => {\r\n dispatch({ type: \"CHANGE_FIELDS\", fields });\r\n };\r\n\r\n const onChangeAccount = (fieldsToChange) => {\r\n dispatch({\r\n type: \"CHANGE_FIELDS\",\r\n fields: {\r\n Accountnumber: fieldsToChange.AccountNumber,\r\n Accountid: fieldsToChange.AccountId,\r\n },\r\n });\r\n dispatch({ type: \"CHANGE_FIELDS\", fields: { collaterals: [] } });\r\n };\r\n\r\n const addCollateralWarranty = (collateralWarranty) => {\r\n let sameDate = false\r\n collateral.collaterals.forEach((c) => {\r\n if (c.AssetId == collateralWarranty.AssetId){\r\n if (c.CollateralMaturity == collateralWarranty.CollateralMaturity){\r\n sameDate = true;\r\n if (collateralWarranty.ToEdit!=true){\r\n showToast(\"Error: \" + \"Can't add same Asset already added with same expiration date\", true);\r\n }\r\n else{\r\n if (collateralWarranty.index == c.index){\r\n dispatch({ type: \"ADD_COLLATERAL_WARRANTY\", collateralWarranty });\r\n }\r\n else{\r\n showToast(\"Error: \" + \"Can't edit same Asset with already added same expiration date\", true);\r\n }\r\n }\r\n }\r\n }\r\n })\r\n if (!sameDate){\r\n dispatch({ type: \"ADD_COLLATERAL_WARRANTY\", collateralWarranty });\r\n }\r\n };\r\n\r\n const getTotalAvailable = () => {\r\n let totalAvailable = 0;\r\n collateral.collaterals.map((c) => {\r\n totalAvailable += c.CollateralQuantity;\r\n });\r\n return totalAvailable;\r\n };\r\n\r\n const getTotalRequired = () => {\r\n let totalRequired = 0;\r\n collateral.collaterals.map((c) => {\r\n totalRequired += c.CollateralQuantity * (1 - c.CollateralMargin / 100);\r\n });\r\n return totalRequired;\r\n };\r\n\r\n const confirm = () => {\r\n setShowErrors(false);\r\n const hasErrors = validateFormHeader(state);\r\n dispatch({ type: \"CHANGE_BUTTON_PROPS\", props: { confirm: { loading: true } } });\r\n if (!hasErrors) {\r\n services\r\n .fetchUpdateCollateral({\r\n gcpool: collateral,\r\n })\r\n .then((r) => {\r\n if (r) {\r\n if (r.error) {\r\n dispatch({ type: \"CHANGE_BUTTON_PROPS\", props: { confirm: { loading: false } } });\r\n showToast(\"Error: \" + r.error.message, true);\r\n } else {\r\n if (r.result.Code === 200) {\r\n toggle();\r\n showToast(\"Added Successfully\");\r\n props.updateCollaterals();\r\n } else {\r\n showToast(\"Error: \" + r.result.Description, true);\r\n dispatch({ type: \"CHANGE_BUTTON_PROPS\", props: { confirm: { loading: false } } });\r\n }\r\n }\r\n } else {\r\n dispatch({ type: \"CHANGE_BUTTON_PROPS\", props: { confirm: { loading: false } } });\r\n showToast(\"Error: \" + \"Server error\", true);\r\n }\r\n });\r\n } else {\r\n setShowErrors(true);\r\n dispatch({ type: \"CHANGE_BUTTON_PROPS\", props: { confirm: { loading: false } } });\r\n }\r\n };\r\n\r\n const deleteCollateralWarranty = (index) => {\r\n dispatch({\r\n type: \"CHANGE_FIELDS\",\r\n fields: {\r\n collaterals: collateral.collaterals.filter((c, i) => i !== index),\r\n },\r\n });\r\n };\r\n\r\n const toggleEdit = (cw) => {\r\n cw.ToEdit = true;\r\n setCollateralWarranty(cw);\r\n setshowCollateralWarranty(true);\r\n };\r\n\r\n return (\r\n \r\n {ui.loading && \r\n \r\n onChangeAccount(f)}\r\n filter={[]}\r\n hideInstruction={true}\r\n error={true}\r\n hideHolder={true}\r\n readonly={{\r\n AccountName: false,\r\n }}\r\n errors={{\r\n AccountNumber:\r\n (collateral.Accountnumber== null || collateral.Accountnumber == \"\") && showErrors,\r\n AccountId: (collateral.Accountid == null || collateral.Accountid == \"\") && showErrors,\r\n }}\r\n services={{\r\n fetchSearchAccount: services.fetchSearchAccount,\r\n }}\r\n />\r\n \r\n \r\n onChange({ Poolname: e.target.value })}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n ({\r\n id: key,\r\n description: getCWRelatedEntities(key),\r\n }))}\r\n disabled={true}\r\n invalid={!!errors.status}\r\n onChange={(v) => onChange({ GCPoolRelated: v })}\r\n emptyLabel={\"realtedEntity\"}\r\n style={{ background: \"#edf9ff\", fontWeight: 500 }}\r\n />\r\n \r\n \r\n \r\n ({\r\n id: key,\r\n description: getIntStatusName(key),\r\n }))}\r\n invalid={!!errors.status}\r\n onChange={(v) => onChange({ status: v })}\r\n emptyLabel={\"Status\"}\r\n style={{ background: \"#edf9ff\", fontWeight: 500 }}\r\n />\r\n \r\n \r\n {collateral.GCPoolRelated != \"Other\" && (\r\n \r\n onChange({ GCPoolRelatedEntityId: e.target.value })}\r\n />\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n onChange({ TotalAvilable: v })}\r\n invalid={!!errors.volume}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n \r\n \r\n onChange({ TotalRequiered: v })}\r\n invalid={!!errors.volume}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n \r\n \r\n onChange({ Margin: v })}\r\n invalid={!!errors.volume}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n onChange({ GCPoolTrackTransfers: v.target.checked })}\r\n />\r\n \r\n \r\n
\r\n \r\n onChange(dispatch, { OrderNote: e.target.value })}\r\n />\r\n \r\n
\r\n \r\n {\r\n setshowCollateralWarranty(true);\r\n setCollateralWarranty(null);\r\n }}\r\n >\r\n \r\n {\"\\u00A0\"} Add Collateral\r\n \r\n setshowCollateralWarranty(false)}\r\n services={{\r\n fetchSearchSymbol: services.fetchSearchSymbol,\r\n fetchSearchAccount: services.fetchSearchAccount,\r\n precheck: services.precheck,\r\n }}\r\n />\r\n )}\r\n \r\n
\r\n \r\n null}\r\n disabled={true}\r\n >\r\n \r\n {\"\\u00A0\"} Add position to back\r\n \r\n
\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n {showCollateralWarranty && (\r\n | Maturity | \r\nAsset | \r\nMargin | \r\nQuantity | \r\nStatus | \r\n\r\n |
|---|
\r\n \r\n \r\n
\r\n
\r\n \r\n | Asset | \r\nQuantity | \r\nTotal | \r\n
|---|
No Collaterals
\r\nNo Positions
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport function validation(collateral) {\r\n return {};\r\n}\r\n\r\nexport default collateralWarranty;\r\n","import React from \"react\";\r\nimport style from \"./../../IO/Fields/Fields.module.scss\";\r\nimport { Field } from \"../../Order/Field/Field\";\r\nimport Autosuggest from \"../../../Autosuggest/Autosuggest\";\r\nimport { IOType } from \"../../../IO/types\";\r\n\r\nconst Symbol = ({ ioType, isCurrency, value, error, disabled, accountId, onChange, fetchSearchSymbol }) => {\r\n const fetchSearch = ({ value }) => {\r\n return fetchSearchSymbol({\r\n type: \"Event\",\r\n text: value,\r\n length: 10,\r\n accountId: ioType != null && ioType != IOType.Deposit ? accountId : 0,\r\n })\r\n .then((r) => r.response.symbols)\r\n .then((symbols) =>\r\n symbols.map((s) => ({\r\n id: s.Id,\r\n name: `${s.Ticker} ${isCurrency ? `- ${s.Description}` : \"\"}`,\r\n decimal: Number(s.decimal),\r\n Price: s.price,\r\n }))\r\n );\r\n };\r\n\r\n const internalOnChange = (method, value) => {\r\n const _value = {\r\n CurrencyId: null,\r\n CurrencyISO: \"\",\r\n AssetId: null,\r\n AssetTicker: \"\",\r\n decimal: 2,\r\n };\r\n\r\n if (method != \"type\" && value.id) {\r\n if (isCurrency) {\r\n _value.CurrencyId = value.id;\r\n _value.CurrencyISO = value.name;\r\n _value.decimal = 2;\r\n } else {\r\n _value.AssetId = value.id;\r\n _value.AssetTicker = value.name;\r\n _value.decimal = value.decimal;\r\n _value.Price = value.Price;\r\n }\r\n }\r\n\r\n onChange(_value);\r\n };\r\n\r\n return (\r\n \r\n {!ui.loading && (\r\n \r\n \r\n {toEdit ? (\r\n \r\n \r\n \r\n ) \r\n : \r\n (\r\n \r\n onChange({\r\n AssetId: v.AssetId,\r\n AssetTicker: v.AssetTicker,\r\n })\r\n }\r\n error={errors.AssetTicker}\r\n value={collateralWarrantyItem.AssetTicker}\r\n fetchSearchSymbol={services.fetchSearchSymbol}\r\n />\r\n \r\n )}\r\n \r\n onChange({ CollateralQuantity: v })}\r\n invalid={!!errors.CollateralQuantity}\r\n dataTypeDecimalName=\"quantity\"\r\n />\r\n \r\n \r\n \r\n ({\r\n id: key,\r\n description: getIntStatusName(key),\r\n }))}\r\n disabled={collateralWarrantyItem.ToEdit ? (false) : (true)}\r\n invalid={!!errors.CollateralStatus}\r\n onChange={(v) => onChange({ CollateralStatus: v })}\r\n emptyLabel={\"Status\"}\r\n style={{ background: \"#edf9ff\", fontWeight: 500 }}\r\n />\r\n \r\n \r\n \r\n onChange({ CollateralMargin: v })}\r\n invalid={!!errors.CollateralMargin}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n \r\n \r\n onChange({ CollateralAppraisal: v })}\r\n invalid={!!errors.CollateralAppraisal}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n \r\n \r\n onChange({ CollateralMaturity: v.target.value })}\r\n invalid={!!errors.CollateralMaturity}\r\n />\r\n \r\n \r\n
\r\n \r\n )}\r\n
\r\n \r\n {suggestion.name}\r\n
\r\n )}\r\n getSuggestionValue={(s) => `${s.name}`}\r\n onSuggestionsFetchRequested={fetchSearch}\r\n value={value || \"\"}\r\n inputProps={{\r\n placeholder: isCurrency ? \"Currency\" : \"Asset\",\r\n invalid: !!error,\r\n disabled: disabled || (ioType != null && ioType != IOType.Deposit && !accountId),\r\n }}\r\n onChange={(m, v) => internalOnChange(m, v)}\r\n />\r\n \r\n );\r\n};\r\n\r\nexport default Symbol;\r\n","import { mergeDeep } from \"../../../../utils/Helper\";\r\nimport { Mode } from \"../../../../utils\";\r\nimport { validation } from \"../Collateral\";\r\nimport { validationHeader } from \"../NewCollateral\";\r\nimport { CustodyIntStatus } from \"../../../Collateral/types\";\r\nimport { func } from \"prop-types\";\r\n\r\nexport const custodyReducer = (state, action) => {\r\n switch (action.type) {\r\n case \"CHANGE_MODE\":\r\n switch (action.mode) {\r\n case Mode.EDIT:\r\n return processEdit(state);\r\n case Mode.PRECHECK:\r\n return processPrecheck(state);\r\n case Mode.CONFIRM:\r\n return processConfirm(state);\r\n default:\r\n return state;\r\n }\r\n case \"SET_COLLATERAL\":\r\n return processSetCustody(state, action.custody);\r\n\r\n case \"SET_INITIALS_READONLY\":\r\n return processSetInitialsReadOnly(state);\r\n case \"ADD_COLLATERAL_WARRANTY\":\r\n return addCollateralWarrantyToCollateral(state, action.collateralWarranty);\r\n case \"SET_COLLATERAL_WARRANTY_ITEM\":\r\n return setCollateralWarranyItem(state, action.collateralWarrantyItem);\r\n case \"DELETE_COLLATERAL_WARRANTY_REQUEST\":\r\n case \"DELETE_COLLATERAL_WARRANTY_FAIL\":\r\n return deleteCollateralWarranty(state, action); \r\n case \"CHANGE_FIELDS\":\r\n return processChangeFields(state, action.fields);\r\n case \"CHANGE_FIELDS_COLLATERAL_WARRANTY\":\r\n return processChangeFieldsCollateralWarrany(state, action.fields);\r\n case \"CHANGE_BUTTON_PROPS\":\r\n return changeButtonProps(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nfunction deleteCollateralWarranty(state, action) {\r\n const collateral = state.collateral;\r\n\r\n switch (action.type) {\r\n case \"DELETE_COLLATERAL_WARRANTY_REQUEST\":\r\n const { collateralWarranty } = action; \r\n const index = collateral.collaterals.findIndex((c) => c.index == collateralWarranty);\r\n collateral.collaterals[index].CollateralStatus = \"Inactive\";\r\n break;\r\n case \"DELETE_COLLATERAL_WARRANTY_FAIL\":\r\n collateral.collaterals.forEach((c) =>\r\n {\r\n if (c.CollateralStatus = \"Inactive\"){\r\n c.CollateralStatus = \"Active\";\r\n }\r\n })\r\n break;\r\n }\r\n\r\n return { ...state, collateral: { ...collateral } };\r\n}\r\n\r\nfunction addCollateralWarrantyToCollateral(state, collateralWarranty) {\r\n const collateral = state.collateral;\r\n\r\n if (collateralWarranty.CollateralId == null) {\r\n const index = collateral.collaterals.findIndex((c) => c.AssetId == collateralWarranty.AssetId);\r\n if (index!=-1){\r\n if (!collateralWarranty.ToEdit){\r\n collateral.collaterals.push(collateralWarranty);\r\n }\r\n else{\r\n const indexCollateral = collateral.collaterals.findIndex((c) => c.CollateralId == collateralWarranty.CollateralId);\r\n collateral.collaterals[indexCollateral] = collateralWarranty;\r\n }\r\n }\r\n else{\r\n collateral.collaterals.push(collateralWarranty);\r\n }\r\n } else {\r\n //if collateralWarranty.id is not null, it is an existing collateralWarranty\r\n const index = collateral.collaterals.findIndex((c) => c.CollateralId == collateralWarranty.CollateralId);\r\n collateral.collaterals[index] = collateralWarranty;\r\n\r\n }\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n collateral: {\r\n ...collateral,\r\n },\r\n }\r\n );\r\n}\r\n\r\nfunction processSetCustody(state, collateral) {\r\n const { mode } = state.ui;\r\n const readonly = {};\r\n\r\n if (mode == Mode.READONLY) {\r\n Object.keys(collateral).forEach((f) => {\r\n readonly[f] = true;\r\n });\r\n }\r\n\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n ui: {\r\n loading: false,\r\n },\r\n collateral: {\r\n ...collateral,\r\n },\r\n collateralWarrantyItem: {\r\n ...collateralwarrantyitem,\r\n },\r\n fields: {\r\n readonly,\r\n },\r\n buttons: {\r\n precheck: { visible: mode != Mode.READONLY },\r\n },\r\n }\r\n );\r\n}\r\n\r\nfunction processChangeFields(state, fields) {\r\n const errors = Object.keys(fields).reduce((f, name) => {\r\n //f[name] = undefined;\r\n return f;\r\n }, {});\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n collateral: {\r\n ...fields,\r\n },\r\n fields: {\r\n errors,\r\n },\r\n }\r\n );\r\n}\r\n\r\nfunction setCollateralWarranyItem(state, collateralWarrantyI) {\r\n return mergeDeep({ ...state }, { collateralWarrantyItem: { ...collateralWarrantyI } });\r\n}\r\n\r\nfunction processChangeFieldsCollateralWarrany(state, fields) {\r\n const errors = Object.keys(fields).reduce((f, name) => {\r\n //f[name] = undefined;\r\n return f;\r\n }, {});\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n collateralWarrantyItem: {\r\n ...fields,\r\n },\r\n fields: {\r\n errors,\r\n },\r\n }\r\n );\r\n}\r\n\r\nfunction processSetInitialsReadOnly(state) {\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n fields: {\r\n readonly: {\r\n accountName: true,\r\n assetticker: true,\r\n volume: state.custody.internalstatus != CustodyIntStatus.ClientRequest,\r\n date: true,\r\n },\r\n },\r\n }\r\n );\r\n}\r\n\r\nfunction processEdit(state) {\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n ui: {\r\n mode: Mode.EDIT,\r\n },\r\n buttons: {\r\n precheck: {\r\n visible: true,\r\n loading: false,\r\n },\r\n modify: {\r\n visible: false,\r\n },\r\n confirm: {\r\n visible: false,\r\n loading: false,\r\n },\r\n },\r\n }\r\n );\r\n}\r\n\r\nfunction processPrecheck(state) {\r\n const errors = validateForm(state);\r\n\r\n if (errors == false) {\r\n const readonly = {};\r\n\r\n Object.keys(state.collateralWarrantyItem).forEach((f) => {\r\n readonly[f] = true;\r\n });\r\n\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n ui: {\r\n mode: Mode.PRECHECK,\r\n },\r\n buttons: {\r\n precheck: {\r\n loading: true,\r\n },\r\n },\r\n fields: {\r\n readonly,\r\n },\r\n }\r\n );\r\n } else {\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n fields: {\r\n errors,\r\n },\r\n }\r\n );\r\n }\r\n}\r\n\r\nfunction processConfirm(state) {\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n buttons: {\r\n precheck: {\r\n visible: false,\r\n loading: false,\r\n },\r\n modify: {\r\n visible: true,\r\n },\r\n confirm: {\r\n visible: true,\r\n loading: false,\r\n },\r\n },\r\n }\r\n );\r\n}\r\n\r\nfunction changeButtonProps(state, { props }) {\r\n return mergeDeep({ ...state }, { buttons: { ...props } });\r\n}\r\n\r\nexport function validateFormHeader(state) {\r\n const errors = {};\r\n const { collateral, fields } = state;\r\n const { hiddens } = fields;\r\n const validations = validationHeader(collateral);\r\n\r\n Object.entries(validations).forEach((entry) => {\r\n const [name, value] = entry;\r\n if (!hiddens[name]) {\r\n if (value.empty) {\r\n if (collateral[name] == undefined || collateral[name] === \"\") {\r\n errors[name] = \"Required field\";\r\n } else if (value.autosuggestId && collateral[value.autosuggestId] == undefined) {\r\n errors[name] = \"Must select a value from list\";\r\n } else if (collateral[name] < 0) {\r\n errors[name] = \"the value must be positive\";\r\n }\r\n }\r\n }\r\n });\r\n\r\n // has Errors only add errors to state\r\n if (Object.keys(errors).length !== 0) {\r\n mergeDeep(\r\n { ...state },\r\n {\r\n fields: {\r\n errors,\r\n },\r\n }\r\n );\r\n return errors;\r\n }\r\n return false;\r\n}\r\n\r\nexport function validateForm(state) {\r\n const { collateralWarrantyItem, fields } = state;\r\n const { hiddens } = fields;\r\n const errors = {};\r\n\r\n const validations = validation(collateralWarrantyItem);\r\n\r\n Object.entries(validations).forEach((entry) => {\r\n const [name, value] = entry;\r\n\r\n if (!hiddens[name]) {\r\n if (value.empty) {\r\n if (collateralWarrantyItem[name] == undefined || collateralWarrantyItem[name] === \"\") {\r\n errors[name] = \"Required field\";\r\n } else if (value.autosuggestId && collateralWarrantyItem[value.autosuggestId] == undefined) {\r\n errors[name] = \"Must select a value from list\";\r\n } else if (collateralWarrantyItem[name] < 0) {\r\n errors[name] = \"the value must be positive\";\r\n }\r\n }\r\n //check if the date is not in the past\r\n if (value.date) {\r\n if (collateralWarrantyItem[name] == undefined || collateralWarrantyItem[name] === \"\") {\r\n errors[name] = \"Required field\";\r\n } else if (new Date(collateralWarrantyItem[name]) < new Date()) {\r\n errors[name] = \"the date must be in the future\";\r\n }\r\n }\r\n }\r\n });\r\n\r\n // has Errors only add errors to state\r\n if (Object.keys(errors).length !== 0) {\r\n return errors;\r\n }\r\n\r\n return false;\r\n}\r\n","import { Mode } from '../../../../utils';\r\nimport { mergeDeep } from '../../../../utils/Helper';\r\n\r\nexport const initialize = (props) => {\r\n return (initialState) => {\r\n let state = mergeDeep(\r\n { ...initialState },\r\n {\r\n ui: {\r\n mode: props.mode || Mode.EDIT,\r\n loading: props.retriveAsync\r\n },\r\n collateral: {\r\n ...props.collateral,\r\n },\r\n collateralWarrantyItem: {\r\n ...props.collateralWarrantyItem,\r\n },\r\n }\r\n );\r\n if (state.ui.mode == Mode.READONLY) {\r\n Object.keys(state.collateral).forEach(f => {\r\n state.fields.readonly[f] = true;\r\n })\r\n\r\n state.buttons.precheck.readonly = true;\r\n }\r\n\r\n return state;\r\n }\r\n}\r\n\r\nexport const defaultState = () => ({\r\n ui: {\r\n title: 'General Collateral Pool',\r\n mode: Mode.EDIT\r\n },\r\n fields: {\r\n errors: {},\r\n readonly: {},\r\n hiddens: {}\r\n },\r\n collateral: {\r\n id: null,\r\n Accountid: null,\r\n Accountname: null,\r\n GCPoolRelated: null,\r\n GCPoolRelatedEntityId: null,\r\n GCPoolTrackTransfers: null,\r\n status: \"active\",\r\n collaterals: [],\r\n products: [],\r\n Margin: null,\r\n Poolname: null,\r\n TotalAvilable: null,\r\n TotalRequiered: null,\r\n TrackTransfers: false,\r\n },\r\n collateralWarrantyItem: {\r\n AssetId: null,\r\n AssetTicker: null,\r\n CollateralAppraisal: null,\r\n CollateralId: null,\r\n CollateralMargin: null,\r\n CollateralMaturity: null,\r\n CollateralQuantity: null,\r\n CollateralStatus: \"Active\",\r\n },\r\n\r\n buttons: {\r\n confirm: {\r\n visible: false\r\n },\r\n precheck: {\r\n visible: true\r\n },\r\n },\r\n})","import { CWStatus,CWRelatedEntites } from \"../../Collateral/types\";\r\n\r\n\r\nexport function getRelatedEntities (){\r\n return Object.values(CWRelatedEntites);\r\n}\r\n\r\nexport function getEnabledStatus(collateral) {\r\n let allInternalStatus = Object.values(CWStatus);\r\n let skipItems = [];\r\n\r\n /*if (collateral.internalstatus == CWStatus.CustodianRequest) {\r\n skipItems = [CWStatus.ClientRequest];\r\n }\r\n else if (collateral.internalstatus != CWStatus.ClientRequest ) {\r\n skipItems = [\r\n CWStatus.ClientRequest, \r\n CWStatus.CustodianRequest\r\n ];\r\n }\r\n \r\n if (collateral.internalstatus == CWStatus.Returned) {\r\n skipItems = [...skipItems, CWStatus.ReturnRequested];\r\n }\r\n\r\n allInternalStatus = allInternalStatus.filter(\r\n s => skipItems.includes(s) == false\r\n );\r\n*/\r\n return allInternalStatus;\r\n}","import React, { useReducer, useEffect, useState } from \"react\";\r\n\r\nimport {\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Col,\r\n Row,\r\n Container,\r\n Input,\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n Nav,\r\n NavItem,\r\n NavLink,\r\n Table,\r\n} from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport { defaultState } from \"./store/store\";\r\nimport classnames from \"classnames\";\r\n\r\nimport style from \"./CorpEvents.module.scss\";\r\nimport { EventSimpleReducer } from \"./store/reducer\";\r\n// import Footer from './Footer';\r\nimport { Combobox, Field } from \"../Order/Field/Field\";\r\n// import Symbol from '../IO/Fields/Symbol';\r\n// import Account from '../IO/Fields/Account';\r\n// import { CustodyLock, getIntStatusName, CustodyIntStatus } from '../../Custody/types';\r\n// import { Mode } from '../../../utils';\r\n// import { getEnabledStatus } from './utils';\r\n// import {InternalStatus} from './../../Custody/Items';\r\nimport CircularProgress from \"../../CircularProgress/CircularProgress\";\r\nimport GridCustody from \"./Items/GridCustody\";\r\nimport GridAccount from \"./Items/GridAccount\";\r\nimport Errors from \"./Items/Error\";\r\nimport { Numeric } from \"../../Modal/Order/Field/Field\";\r\nimport { FormattedNumber } from \"../../FormattedNumber/FormattedNumber\";\r\nimport { DateField, DateFieldStyle } from \"../../../utils\";\r\nimport { toFormatDate, getLocalDate, toDateFromString, parseDate } from \"../../../utils/dateUtils\";\r\n\r\nconst eventsingle = {\r\n Account: [],\r\n AssetId: 0,\r\n WithholdingPropClient: 0,\r\n WithholdingProp: 0,\r\n WithholdingNoPropClient: 0,\r\n WithholdingNoProp: 0,\r\n CommissionPropClient: 0,\r\n CommissionProp: 0,\r\n CommissionNoPropClient: 0,\r\n CommissionNoProp: 0,\r\n BasePropClient: 0,\r\n BaseProp: 0,\r\n BaseNoPropClient: 0,\r\n FeeNoProp: 0,\r\n FeePropClient: 0,\r\n FeeProp: 0,\r\n FeeNoPropClient: 0,\r\n BaseNoProp: 0,\r\n TaxNoPropClient: 0,\r\n TaxNoProp: 0,\r\n TaxProp: 0,\r\n TaxPropClient: 0,\r\n PortfolioTotalProp: 0,\r\n PortfolioTotalNoProp: 0,\r\n PortfolioTotalNoPropClient: 0,\r\n PortfolioTotalPropClient: 0,\r\n CorporateEventReleased: false,\r\n};\r\n\r\nconst CorpEvents = ({ open, toggle, newE, toggleEvent, searchEvents, services, ...props }) => {\r\n const [state, dispatch] = useReducer(EventSimpleReducer, defaultState());\r\n const [Corpevent, setEvent] = useState({});\r\n const [custodyProp, setCustodyProp] = useState([]);\r\n const [custody, setCustody] = useState([]);\r\n const [account, setAccount] = useState([]);\r\n const [accountProp, setAccountProp] = useState([]);\r\n const [currencies, setCurrencies] = useState([]);\r\n const [auxaccount, setAccountAux] = useState([]);\r\n const [custodyaux, setCustodyAux] = useState([]);\r\n const [wizzard, setWizzard] = useState(1);\r\n const [loading, setLoading] = useState(false);\r\n const [errorbook, seterrorbook] = useState({ open: false, desc: \"\" });\r\n const [label, setLabel] = useState(\"\");\r\n const [sending, setSending] = useState(false);\r\n const [saving, setSaving] = useState(false);\r\n const [deleting, setDeleting] = useState(false);\r\n const [downloading, setdownloading] = useState(false);\r\n const [currencypairs, setCurrencyPairs] = useState({\r\n labelsett: \"\",\r\n labelcomm: \"\",\r\n labeltax: \"\",\r\n });\r\n const [isFundsXSystem, setIsFundsXSystem] = useState(false);\r\n\r\n useEffect(() => {\r\n if (props.event.CorporateEventId !== 0) {\r\n services\r\n .fetchGetCorporateEventSingle({\r\n corporateeventid: props.event.CorporateEventId,\r\n })\r\n .then((r) => {\r\n setEvent(r);\r\n const custodyProp1 = r.Account.filter((account) => account.IsProp);\r\n const custody1 = r.Account.filter((account) => !account.IsProp);\r\n const account1 = r.Account.filter((account) => !account.IsProp);\r\n const accountProp1 = r.Account.filter((account) => account.IsProp);\r\n\r\n let custodyProp = custodyProp1.filter((item) => item.BasicAccountType == \"Bank\");\r\n let custody = custody1.filter((item) => item.BasicAccountType == \"Bank\");\r\n let account = account1.filter((item) => item.BasicAccountType == \"Customer\");\r\n let accountProp = accountProp1.filter(\r\n (item) => item.BasicAccountType == \"InBalance\" || item.BasicAccountType == \"Fund\"\r\n );\r\n\r\n let item = account.length > 0 && JSON.parse(JSON.stringify(account[0]));\r\n if (!item) {\r\n item = accountProp.length > 0 && JSON.parse(JSON.stringify(accountProp[0]));\r\n }\r\n\r\n if (item) {\r\n item.EventAccountAmount = 0;\r\n for (let i = 0; i < item.FootPrintCredit.length; i++) {\r\n item.FootPrintCredit[i].EventAccountDebitCreditVolume = 0;\r\n }\r\n\r\n for (let i = 0; i < item.FootPrintDebit.length; i++) {\r\n item.FootPrintDebit[i].EventAccountDebitCreditVolume = 0;\r\n }\r\n }\r\n\r\n let item2 = custody.length > 0 && JSON.parse(JSON.stringify(custody[0]));\r\n if (!item2) {\r\n item2 = custodyProp.length > 0 && JSON.parse(JSON.stringify(custodyProp[0]));\r\n }\r\n\r\n if (item2) {\r\n item2.EventAccountAmount = 0;\r\n\r\n for (let i = 0; i < item2.FootPrintCredit.length; i++) {\r\n item2.FootPrintCredit[i].EventAccountDebitCreditVolume = 0;\r\n }\r\n\r\n for (let i = 0; i < item2.FootPrintDebit.length; i++) {\r\n item2.FootPrintDebit[i].EventAccountDebitCreditVolume = 0;\r\n }\r\n }\r\n\r\n setCustody(custody);\r\n setCustodyProp(custodyProp);\r\n setAccount(account);\r\n setAccountProp(accountProp);\r\n setAccountAux(item);\r\n setCustodyAux(item2);\r\n setEvent(r);\r\n });\r\n }\r\n }, [props.event.CorporateEventId]);\r\n\r\n useEffect(() => {\r\n if (services && services.isFundManagerSistem) {\r\n services.isFundManagerSistem().then((res) => {\r\n if (res && res.response) {\r\n const parametersData = res.response.SdtParametersData;\r\n if (parametersData && parametersData.ParameterNumericValue == 1) {\r\n setIsFundsXSystem(true);\r\n }\r\n }\r\n });\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n services.fetchCurrencies({}).then((r) => {\r\n const currency = r.currencies;\r\n const currencies = [];\r\n let item = {};\r\n for (let i = 0; i < currency.length; i++) {\r\n item = {\r\n id: currency[i].currencyId,\r\n description: currency[i].currencyISO,\r\n };\r\n currencies.push(item);\r\n }\r\n setCurrencies(currencies);\r\n });\r\n }, []);\r\n\r\n const onChange = (name, value) => {\r\n if (name == \"BookDate\") {\r\n onChangeCurrencyDate(\r\n \"CorporateEventSettlementCurrency\",\r\n Corpevent.CorporateEventSettlementCurrency,\r\n value\r\n );\r\n onChangeCurrencyDate(\r\n \"CorporateEventCommissionCurrency\",\r\n Corpevent.CorporateEventCommissionCurrency,\r\n value\r\n );\r\n onChangeCurrencyDate(\"CorporateEventTaxCurrency\", Corpevent.CorporateEventTaxCurrency, value);\r\n\r\n setEvent((event) => ({\r\n ...event,\r\n [name]: value,\r\n }));\r\n } else {\r\n setEvent((event) => ({\r\n ...event,\r\n [name]: value,\r\n }));\r\n }\r\n };\r\n\r\n const deleteEvent = () => {\r\n setDeleting(true);\r\n services\r\n .fetchDeleteCorporateEvent({\r\n corporateeventid: props.event.CorporateEventId,\r\n })\r\n .then((r) => {\r\n searchEvents();\r\n toggle();\r\n });\r\n };\r\n\r\n const onChangeGrid = (cd, cp, prop, accountnum, index, value) => {\r\n let name = \"\";\r\n let total = 0;\r\n if (cd === \"Account\") {\r\n if (value.AccountId !== null) {\r\n if (cp === \"Client\") {\r\n if (prop) {\r\n accountProp[accountnum].BasicAccountId = value.AccountId;\r\n accountProp[accountnum].BasicAccountName = value.AccountName;\r\n accountProp[accountnum].BasicAccountNumber = value.AccountNumber;\r\n } else {\r\n account[accountnum].BasicAccountId = value.AccountId;\r\n account[accountnum].BasicAccountName = value.AccountName;\r\n account[accountnum].BasicAccountNumber = value.AccountNumber;\r\n }\r\n } else if (cp === \"CustodyCash\") {\r\n if (prop) {\r\n custodyProp[accountnum].EventCashCustAccountId = value.AccountId;\r\n custodyProp[accountnum].EventCashCustAccountName = value.AccountName;\r\n } else {\r\n custody[accountnum].EventCashCustAccountId = value.AccountId;\r\n custody[accountnum].EventCashCustAccountName = value.AccountName;\r\n }\r\n } else {\r\n if (prop) {\r\n custodyProp[accountnum].BasicAccountId = value.AccountId;\r\n custodyProp[accountnum].BasicAccountName = value.AccountName;\r\n //custodyProp[accountnum].BasicAccountType = value.BasicAccountType\r\n } else {\r\n custody[accountnum].BasicAccountId = value.AccountId;\r\n custody[accountnum].BasicAccountName = value.AccountName;\r\n //custody[accountnum].BasicAccountType = value.BasicAccountType\r\n }\r\n }\r\n }\r\n } else {\r\n if (cd === \"EventAccountAmount\") {\r\n if (cp === \"Client\") {\r\n if (prop) {\r\n total =\r\n Number(Corpevent.PortfolioTotalPropClient) -\r\n Number(accountProp[accountnum].EventAccountAmount) +\r\n Number(value);\r\n accountProp[accountnum].EventAccountAmount = value;\r\n name = \"PortfolioTotalPropClient\";\r\n } else {\r\n total =\r\n Number(Corpevent.PortfolioTotalNoPropClient) -\r\n Number(account[accountnum].EventAccountAmount) +\r\n Number(value);\r\n account[accountnum].EventAccountAmount = value;\r\n name = \"PortfolioTotalNoPropClient\";\r\n }\r\n } else {\r\n if (prop) {\r\n total =\r\n Number(Corpevent.PortfolioTotalProp) -\r\n Number(custodyProp[accountnum].EventAccountAmount) +\r\n Number(value);\r\n custodyProp[accountnum].EventAccountAmount = value;\r\n name = \"PortfolioTotalProp\";\r\n } else {\r\n total =\r\n Number(Corpevent.PortfolioTotalNoProp) -\r\n Number(custody[accountnum].EventAccountAmount) +\r\n Number(value);\r\n custody[accountnum].EventAccountAmount = value;\r\n name = \"PortfolioTotalNoProp\";\r\n }\r\n }\r\n setEvent((Corpevent) => ({\r\n ...Corpevent,\r\n [name]: total,\r\n }));\r\n } else {\r\n if (Number(value) >= 0) {\r\n if (prop) {\r\n if (cp === \"Client\") {\r\n if (cd === \"Debit\") {\r\n if (accountProp[accountnum].FootPrintDebit[index].EventAccountIsWithholding) {\r\n name = \"WithholdingPropClient\";\r\n total =\r\n Number(Corpevent.WithholdingPropClient) -\r\n Number(accountProp[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n if (accountProp[accountnum].FootPrintDebit[index].EventAccountIsCommission) {\r\n name = \"CommissionPropClient\";\r\n total =\r\n Number(Corpevent.CommissionPropClient) -\r\n Number(accountProp[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (accountProp[accountnum].FootPrintDebit[index].EventAccountIsTax) {\r\n name = \"TaxPropClient\";\r\n total =\r\n Number(Corpevent.TaxPropClient) -\r\n Number(accountProp[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (accountProp[accountnum].FootPrintDebit[index].EventAccountIsFee) {\r\n name = \"FeePropClient\";\r\n total =\r\n Number(Corpevent.FeePropClient) -\r\n Number(accountProp[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (accountProp[accountnum].FootPrintDebit[index].EventAccountBaseForTax) {\r\n name = \"BasePropClient\";\r\n total =\r\n Number(Corpevent.BasePropClient) -\r\n Number(accountProp[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n accountProp[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume = value;\r\n accountProp[accountnum].FootPrintDebit[index].EventAccountModified = true;\r\n } else {\r\n if (accountProp[accountnum].FootPrintCredit[index].EventAccountIsWithholding) {\r\n name = \"WithholdingPropClient\";\r\n total =\r\n Number(Corpevent.WithholdingPropClient) -\r\n Number(accountProp[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n if (accountProp[accountnum].FootPrintCredit[index].EventAccountIsCommission) {\r\n name = \"CommissionPropClient\";\r\n total =\r\n Number(Corpevent.CommissionPropClient) -\r\n Number(accountProp[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (accountProp[accountnum].FootPrintCredit[index].EventAccountIsTax) {\r\n name = \"TaxPropClient\";\r\n total =\r\n Number(Corpevent.TaxPropClient) -\r\n Number(accountProp[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (accountProp[accountnum].FootPrintCredit[index].EventAccountIsFee) {\r\n name = \"FeePropClient\";\r\n total =\r\n Number(Corpevent.FeePropClient) -\r\n Number(accountProp[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (accountProp[accountnum].FootPrintCredit[index].EventAccountBaseForTax) {\r\n name = \"BasePropClient\";\r\n total =\r\n Number(Corpevent.BasePropClient) -\r\n Number(accountProp[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n accountProp[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume = value;\r\n accountProp[accountnum].FootPrintCredit[index].EventAccountModified = true;\r\n }\r\n } else {\r\n if (cd == \"Debit\") {\r\n if (custodyProp[accountnum].FootPrintDebit[index].EventAccountIsWithholding) {\r\n name = \"WithholdingProp\";\r\n total =\r\n Number(Corpevent.WithholdingProp) -\r\n Number(custodyProp[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (custodyProp[accountnum].FootPrintDebit[index].EventAccountIsCommission) {\r\n name = \"CommissionProp\";\r\n total =\r\n Number(Corpevent.CommissionProp) -\r\n Number(custodyProp[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (\r\n custodyProp[accountnum].FootPrintDebit[index].EventAccountTicker === \"UYU TAX (Executed)\"\r\n ) {\r\n name = \"TaxProp\";\r\n total =\r\n Number(Corpevent.TaxProp) -\r\n Number(custodyProp[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (custodyProp[accountnum].FootPrintDebit[index].EventAccountIsFee) {\r\n name = \"FeeProp\";\r\n total =\r\n Number(Corpevent.FeeProp) -\r\n Number(custodyProp[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (custodyProp[accountnum].FootPrintDebit[index].EventAccountBaseForTax) {\r\n name = \"BaseProp\";\r\n total =\r\n Number(Corpevent.BaseProp) -\r\n Number(custodyProp[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n custodyProp[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume = value;\r\n custodyProp[accountnum].FootPrintDebit[index].EventAccountModified = true;\r\n } else {\r\n if (custodyProp[accountnum].FootPrintCredit[index].EventAccountIsWithholding) {\r\n name = \"WithholdingProp\";\r\n total =\r\n Number(Corpevent.WithholdingProp) -\r\n Number(custodyProp[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (custodyProp[accountnum].FootPrintCredit[index].EventAccountIsCommission) {\r\n name = \"CommissionProp\";\r\n total =\r\n Number(Corpevent.CommissionProp) -\r\n Number(custodyProp[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (\r\n custodyProp[accountnum].FootPrintCredit[index].EventAccountTicker === \"UYU TAX (Executed)\"\r\n ) {\r\n name = \"TaxProp\";\r\n total =\r\n Number(Corpevent.TaxProp) -\r\n Number(custodyProp[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (custodyProp[accountnum].FootPrintCredit[index].EventAccountIsFee) {\r\n name = \"FeeProp\";\r\n total =\r\n Number(Corpevent.FeeProp) -\r\n Number(custodyProp[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (custodyProp[accountnum].FootPrintCredit[index].EventAccountBaseForTax) {\r\n name = \"BaseProp\";\r\n total =\r\n Number(Corpevent.BaseProp) -\r\n Number(custodyProp[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n custodyProp[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume = value;\r\n custodyProp[accountnum].FootPrintCredit[index].EventAccountModified = true;\r\n }\r\n }\r\n } else {\r\n if (cp == \"Client\") {\r\n if (cd == \"Debit\") {\r\n if (account[accountnum].FootPrintDebit[index].EventAccountIsWithholding) {\r\n name = \"WithholdingNoPropClient\";\r\n total =\r\n Number(Corpevent.WithholdingNoPropClient) -\r\n Number(account[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (account[accountnum].FootPrintDebit[index].EventAccountIsCommission) {\r\n name = \"CommissionNoPropClient\";\r\n total =\r\n Number(Corpevent.CommissionNoPropClient) -\r\n Number(account[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (account[accountnum].FootPrintDebit[index].EventAccountIsTax) {\r\n name = \"TaxNoPropClient\";\r\n total =\r\n Number(Corpevent.TaxNoPropClient) -\r\n Number(account[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (account[accountnum].FootPrintDebit[index].EventAccountIsFee) {\r\n name = \"FeeNoPropClient\";\r\n total =\r\n Number(Corpevent.FeeNoPropClient) -\r\n Number(account[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (account[accountnum].FootPrintDebit[index].EventAccountBaseForTax) {\r\n name = \"BaseNoPropClient\";\r\n total =\r\n Number(Corpevent.BaseNoPropClient) -\r\n Number(account[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n account[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume = value;\r\n } else {\r\n if (account[accountnum].FootPrintCredit[index].EventAccountIsWithholding) {\r\n name = \"WithholdingNoPropClient\";\r\n total =\r\n Number(Corpevent.WithholdingNoPropClient) -\r\n Number(account[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (account[accountnum].FootPrintCredit[index].EventAccountIsCommission) {\r\n name = \"CommissionNoPropClient\";\r\n total =\r\n Number(Corpevent.CommissionNoPropClient) -\r\n Number(account[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (account[accountnum].FootPrintCredit[index].EventAccountIsTax) {\r\n name = \"TaxNoPropClient\";\r\n total =\r\n Number(Corpevent.TaxNoPropClient) -\r\n Number(account[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (account[accountnum].FootPrintCredit[index].EventAccountIsFee) {\r\n name = \"FeeNoPropClient\";\r\n total =\r\n Number(Corpevent.FeeNoPropClient) -\r\n Number(account[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (account[accountnum].FootPrintCredit[index].EventAccountBaseForTax) {\r\n name = \"BaseNoPropClient\";\r\n total =\r\n Number(Corpevent.BaseNoPropClient) -\r\n Number(account[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n account[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume = value;\r\n\r\n account[accountnum].FootPrintCredit[index].EventAccountModified = true;\r\n }\r\n } else {\r\n if (cd == \"Debit\") {\r\n if (custody[accountnum].FootPrintDebit[index].EventAccountIsWithholding) {\r\n name = \"WithholdingNoProp\";\r\n total =\r\n Number(Corpevent.WithholdingNoProp) -\r\n Number(custody[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (custody[accountnum].FootPrintDebit[index].EventAccountIsCommission) {\r\n name = \"CommissionNoProp\";\r\n total =\r\n Number(Corpevent.CommissionNoProp) -\r\n Number(custody[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (custody[accountnum].FootPrintDebit[index].EventAccountIsTax) {\r\n name = \"TaxClientNoProp\";\r\n total =\r\n Number(Corpevent.TaxClientNoProp) -\r\n Number(custody[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (custody[accountnum].FootPrintDebit[index].EventAccountIsFee) {\r\n name = \"FeeClientNoProp\";\r\n total =\r\n Number(Corpevent.FeeClientNoProp) -\r\n Number(custody[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (custody[accountnum].FootPrintDebit[index].EventAccountBaseForTax) {\r\n name = \"BaseNoProp\";\r\n total =\r\n Number(Corpevent.BaseNoProp) -\r\n Number(custody[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n custody[accountnum].FootPrintDebit[index].EventAccountDebitCreditVolume = value;\r\n } else {\r\n if (custody[accountnum].FootPrintCredit[index].EventAccountIsWithholding) {\r\n name = \"WithholdingNoProp\";\r\n total =\r\n Number(Corpevent.WithholdingNoProp) -\r\n Number(custody[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (custody[accountnum].FootPrintCredit[index].EventAccountIsCommission) {\r\n name = \"CommissionNoProp\";\r\n total =\r\n Number(Corpevent.CommissionNoProp) -\r\n Number(custody[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (custody[accountnum].FootPrintCredit[index].EventAccountTicker === \"UYU TAX (Executed)\") {\r\n name = \"TaxNoProp\";\r\n total =\r\n Number(Corpevent.TaxNoProp) -\r\n Number(custody[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (custody[accountnum].FootPrintCredit[index].EventAccountIsFee) {\r\n name = \"FeeNoProp\";\r\n total =\r\n Number(Corpevent.FeeNoProp) -\r\n Number(custody[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n if (custody[accountnum].FootPrintCredit[index].EventAccountBaseForTax) {\r\n name = \"BaseNoProp\";\r\n total =\r\n Number(Corpevent.BaseNoProp) -\r\n Number(custody[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume) +\r\n Number(value);\r\n }\r\n\r\n custody[accountnum].FootPrintCredit[index].EventAccountDebitCreditVolume = value;\r\n custody[accountnum].FootPrintCredit[index].EventAccountModified = true;\r\n }\r\n }\r\n }\r\n setEvent((Corpevent) => ({\r\n ...Corpevent,\r\n [name]: total,\r\n }));\r\n } else {\r\n seterrorbook((errorbook) => ({\r\n ...errorbook,\r\n open: true,\r\n desc: \"Amount should be positive\",\r\n }));\r\n }\r\n }\r\n }\r\n };\r\n\r\n const onChangeCurrency = (name, value) => {\r\n var id = Number(value);\r\n let baseCurrency = Corpevent.CurrencyId;\r\n var p = currencies;\r\n let iso1 = \"\";\r\n\r\n if (name == \"CorporateEventTaxCurrency\") {\r\n for (var i = 0; i < p.length; i++) {\r\n if (p[i].id == Corpevent.CorporateEventSettlementCurrency) {\r\n iso1 = p[i].description;\r\n baseCurrency = Corpevent.CorporateEventSettlementCurrency;\r\n }\r\n }\r\n }\r\n\r\n let date = new Date(Date.parse(Corpevent.BookDate) - 1 * 24 * 1 * 1 * 1000).toDateLocal();\r\n\r\n services.fetchCurrencyFX({ baseCurrency: baseCurrency, targetCurrency: id, date: date }).then((r) => {\r\n var p = currencies;\r\n let fx = \"\";\r\n let fxclient = \"\";\r\n let price = Number(r.FX.price).toFixed(4);\r\n let divides = r.FX.divides;\r\n var id = Number(value);\r\n let label = \"Multiply\";\r\n let iso = \"\";\r\n for (var i = 0; i < p.length; i++) {\r\n if (p[i].id == value) {\r\n iso = p[i].description;\r\n }\r\n }\r\n\r\n if (divides) label = \"divides\";\r\n if (name === \"CorporateEventSettlementCurrency\") {\r\n fx = \"CorporateEventFX\";\r\n setCurrencyPairs({\r\n labelsett: Corpevent.CurrencyISO + \"/\" + iso + \" \" + label,\r\n labelcomm: currencypairs.labelcomm,\r\n labeltax: currencypairs.labeltax,\r\n });\r\n setEvent((corpevent) => ({\r\n ...corpevent,\r\n [name]: id,\r\n [fx]: price,\r\n CorporateEventSettlementCurrencyISO: iso,\r\n }));\r\n }\r\n\r\n if (name === \"CorporateEventCommissionCurrency\") {\r\n fx = \"CorporateEventCommissionFX\";\r\n setCurrencyPairs({\r\n labelcomm: Corpevent.CurrencyISO + \"/\" + iso + \" \" + label,\r\n labelsett: currencypairs.labelsett,\r\n labeltax: currencypairs.labeltax,\r\n });\r\n setEvent((corpevent) => ({\r\n ...corpevent,\r\n [name]: id,\r\n [fx]: price,\r\n CorporateEventCommissionCurrencyISO: iso,\r\n }));\r\n }\r\n\r\n if (name === \"CorporateEventTaxCurrency\") {\r\n fx = \"CorporateEventTaxFX\";\r\n fxclient = \"CorporateEventClientTaxFX\";\r\n setCurrencyPairs({\r\n labeltax: iso1 + \"/\" + iso + \" \" + label,\r\n labelcomm: currencypairs.labelcomm,\r\n labelsett: currencypairs.labelsett,\r\n });\r\n setEvent((corpevent) => ({\r\n ...corpevent,\r\n [name]: id,\r\n [fx]: price,\r\n [fxclient]: price,\r\n CorporateEventTaxCurrencyISO: iso,\r\n }));\r\n }\r\n });\r\n };\r\n\r\n const onChangeCurrencyDate = (name, value, date) => {\r\n var id = Number(value);\r\n let baseCurrency = Corpevent.CurrencyId;\r\n var p = currencies;\r\n let iso1 = \"\";\r\n\r\n if (name == \"CorporateEventTaxCurrency\") {\r\n for (var i = 0; i < p.length; i++) {\r\n if (p[i].id == Corpevent.CorporateEventSettlementCurrency) {\r\n iso1 = p[i].description;\r\n baseCurrency = Corpevent.CorporateEventSettlementCurrency;\r\n }\r\n }\r\n }\r\n\r\n services.fetchCurrencyFX({ baseCurrency: baseCurrency, targetCurrency: id, date: date }).then((r) => {\r\n var p = currencies;\r\n let fx = \"\";\r\n let fxclient = \"\";\r\n let price = Number(r.FX.price).toFixed(4);\r\n let divides = r.FX.divides;\r\n var id = Number(value);\r\n let label = \"Multiply\";\r\n let iso = \"\";\r\n for (var i = 0; i < p.length; i++) {\r\n if (p[i].id == value) {\r\n iso = p[i].description;\r\n }\r\n }\r\n\r\n if (divides) label = \"divides\";\r\n if (name === \"CorporateEventSettlementCurrency\") {\r\n fx = \"CorporateEventFX\";\r\n setCurrencyPairs({\r\n labelsett: Corpevent.CurrencyISO + \"/\" + iso + \" \" + label,\r\n labelcomm: currencypairs.labelcomm,\r\n labeltax: currencypairs.labeltax,\r\n });\r\n setEvent((corpevent) => ({\r\n ...corpevent,\r\n [name]: id,\r\n [fx]: price,\r\n }));\r\n }\r\n\r\n if (name === \"CorporateEventCommissionCurrency\") {\r\n fx = \"CorporateEventCommissionFX\";\r\n setCurrencyPairs({\r\n labelcomm: Corpevent.CurrencyISO + \"/\" + iso + \" \" + label,\r\n labelsett: currencypairs.labelsett,\r\n labeltax: currencypairs.labeltax,\r\n });\r\n setEvent((corpevent) => ({\r\n ...corpevent,\r\n [name]: id,\r\n [fx]: price,\r\n }));\r\n }\r\n\r\n if (name === \"CorporateEventTaxCurrency\") {\r\n fx = \"CorporateEventTaxFX\";\r\n fxclient = \"CorporateEventClientTaxFX\";\r\n setCurrencyPairs({\r\n labeltax: iso1 + \"/\" + iso + \" \" + label,\r\n labelcomm: currencypairs.labelcomm,\r\n labelsett: currencypairs.labelsett,\r\n });\r\n setEvent((corpevent) => ({\r\n ...corpevent,\r\n [name]: id,\r\n [fx]: price,\r\n [fxclient]: price,\r\n }));\r\n }\r\n });\r\n };\r\n\r\n const recalculate = (i) => {\r\n // if ((Number(Corpevent.PortfolioTotalProp) !== Number(Corpevent.PortfolioTotalPropClient)) || (Number(Corpevent.PortfolioTotalNoProp) !== Number(Corpevent.PortfolioTotalNoPropClient))){\r\n\r\n // setLabel(\"Error\");\r\n // seterrorbook(errorbook => ({\r\n // ...errorbook,\r\n // open: true,\r\n // desc: \"Portfolios are different\"\r\n // }));\r\n // }\r\n // else{\r\n setLoading(true);\r\n setWizzard(i);\r\n let Account = [];\r\n\r\n Account = [...custody];\r\n\r\n Account = Account.concat(account);\r\n\r\n Account = Account.concat(custodyProp);\r\n\r\n Account = Account.concat(accountProp);\r\n\r\n let corpevent = {\r\n Account,\r\n };\r\n\r\n corpevent.id = Corpevent.id;\r\n corpevent.AssetId = Corpevent.AssetId;\r\n corpevent.Date = Corpevent.Date;\r\n corpevent.name = Corpevent.name;\r\n corpevent.CorporateEventType = Corpevent.CorporateEventType;\r\n corpevent.CorporateEventSettlementCurrency = Corpevent.CorporateEventSettlementCurrency;\r\n corpevent.CorporateEventFX = Corpevent.CorporateEventFX;\r\n corpevent.CorporateEventCommissionCurrency = Corpevent.CorporateEventCommissionCurrency;\r\n corpevent.CorporateEventCommissionFX = Corpevent.CorporateEventCommissionFX;\r\n corpevent.CorporateEventTaxFX = Corpevent.CorporateEventTaxFX;\r\n corpevent.CorporateEventTaxCurrency = Corpevent.CorporateEventTaxCurrency;\r\n corpevent.CorporateEventClientTaxFX = Corpevent.CorporateEventClientTaxFX;\r\n corpevent.CorporateEventTaxPercentage = Corpevent.CorporateEventTaxPercentage;\r\n corpevent.BookDate = Corpevent.BookDate;\r\n corpevent.RecordDate = Corpevent.RecordDate;\r\n corpevent.CorporateEventWithholdingP = Corpevent.CorporateEventWithholdingP;\r\n\r\n for (var j = 0; j < corpevent.Account.length; j++) {\r\n let FootPrint = [];\r\n if (Account[j].FootPrintCredit != undefined) {\r\n FootPrint = [...Account[j].FootPrintCredit];\r\n if (Account[j].FootPrintDebit != undefined) FootPrint = FootPrint.concat(Account[j].FootPrintDebit);\r\n } else if (Account[j].FootPrintDebit != undefined) FootPrint = [...Account[j].FootPrintDebit];\r\n corpevent.Account[j].Footprint = FootPrint;\r\n }\r\n\r\n services.fetchRecalculateEvent({ corpevent }).then((re) => {\r\n services\r\n .fetchGetCorporateEventSingle({\r\n corporateeventid: props.event.CorporateEventId,\r\n })\r\n .then((r) => {\r\n //This line is to persist the BookDate\r\n setEvent((oldState) => ({ ...r, BookDate: oldState.BookDate }));\r\n\r\n let custodyProp1 = r.Account.filter((account) => account.IsProp);\r\n let custody1 = r.Account.filter((account) => !account.IsProp);\r\n let account1 = r.Account.filter((account) => !account.IsProp);\r\n let accountProp1 = r.Account.filter((account) => account.IsProp);\r\n\r\n let custodyProp = custodyProp1.filter((item) => item.BasicAccountType == \"Bank\");\r\n let custody = custody1.filter((item) => item.BasicAccountType == \"Bank\");\r\n let account = account1.filter((item) => item.BasicAccountType == \"Customer\");\r\n let accountProp = accountProp1.filter(\r\n (item) => item.BasicAccountType == \"InBalance\" || item.BasicAccountType == \"Fund\"\r\n );\r\n setCustody(custody);\r\n setCustodyProp(custodyProp);\r\n setAccount(account);\r\n setAccountProp(accountProp);\r\n setEvent((oldState) => ({ ...r, BookDate: oldState.BookDate }));\r\n setLoading(false);\r\n });\r\n });\r\n //}\r\n };\r\n\r\n const recalculateBeforeSend = () => {\r\n let errors = \"\";\r\n if (Corpevent.CorporateEventReleased) {\r\n if (Number(Corpevent.WithholdingNoProp) - Number(Corpevent.WithholdingNoPropClient) > 1) {\r\n errors += \"WithholdingNoProp should be equal to WithholdingNoPropClient \";\r\n }\r\n if (Number(Corpevent.WithholdingProp) - Number(Corpevent.WithholdingPropClient) > 1) {\r\n errors += \"WithholdingProp should be equal to WithholdingPropClient \";\r\n }\r\n if (Number(Corpevent.BaseNoProp) - Number(Corpevent.BaseNoPropClient) > 1) {\r\n errors += \"BaseNoProp should be equal to BaseNoPropClient \";\r\n }\r\n if (Number(Corpevent.BaseProp) - Number(Corpevent.BasePropClient) > 1) {\r\n errors += \"BaseProp should be equal to BasePropClient \";\r\n }\r\n if (errors !== \"\") {\r\n setSending(false);\r\n setLabel(\"Error\");\r\n seterrorbook((errorbook) => ({\r\n ...errorbook,\r\n open: true,\r\n desc: errors,\r\n }));\r\n if (newE) {\r\n toggleEvent();\r\n }\r\n } else {\r\n let Account = [];\r\n\r\n Account = [...custody];\r\n\r\n Account = Account.concat(account);\r\n\r\n Account = Account.concat(custodyProp);\r\n\r\n Account = Account.concat(accountProp);\r\n\r\n let corpevent = {\r\n Account,\r\n };\r\n\r\n corpevent.id = Corpevent.id;\r\n corpevent.AssetId = Corpevent.AssetId;\r\n corpevent.Date = Corpevent.Date;\r\n corpevent.name = Corpevent.name;\r\n corpevent.CorporateEventType = Corpevent.CorporateEventType;\r\n corpevent.CorporateEventSettlementCurrency = Corpevent.CorporateEventSettlementCurrency;\r\n corpevent.CorporateEventFX = Corpevent.CorporateEventFX;\r\n corpevent.CorporateEventCommissionCurrency = Corpevent.CorporateEventCommissionCurrency;\r\n corpevent.CorporateEventCommissionFX = Corpevent.CorporateEventCommissionFX;\r\n corpevent.CorporateEventTaxFX = Corpevent.CorporateEventTaxFX;\r\n corpevent.CorporateEventTaxCurrency = Corpevent.CorporateEventTaxCurrency;\r\n corpevent.CorporateEventClientTaxFX = Corpevent.CorporateEventClientTaxFX;\r\n corpevent.CorporateEventTaxPercentage = Corpevent.CorporateEventTaxPercentage;\r\n corpevent.BookDate = Corpevent.BookDate;\r\n corpevent.RecordDate = Corpevent.RecordDate;\r\n corpevent.CorporateEventWithholdingP = Corpevent.CorporateEventWithholdingP;\r\n corpevent.CorporateEventReleased = Corpevent.CorporateEventReleased;\r\n\r\n for (var j = 0; j < corpevent.Account.length; j++) {\r\n let FootPrint = [];\r\n if (Account[j].FootPrintCredit != undefined) {\r\n FootPrint = [...Account[j].FootPrintCredit];\r\n if (Account[j].FootPrintDebit != undefined)\r\n FootPrint = FootPrint.concat(Account[j].FootPrintDebit);\r\n } else if (Account[j].FootPrintDebit != undefined) FootPrint = [...Account[j].FootPrintDebit];\r\n corpevent.Account[j].Footprint = FootPrint;\r\n }\r\n\r\n services.fetchRecalculateEvent({ corpevent }).then((re) => {\r\n services\r\n .fetchGetCorporateEventSingle({\r\n corporateeventid: props.event.CorporateEventId,\r\n })\r\n .then((r) => {\r\n setEvent((oldState) => ({ ...r, BookDate: oldState.BookDate }));\r\n let custodyProp1 = r.Account.filter((account) => account.IsProp);\r\n let custody1 = r.Account.filter((account) => !account.IsProp);\r\n let account1 = r.Account.filter((account) => !account.IsProp);\r\n let accountProp1 = r.Account.filter((account) => account.IsProp);\r\n\r\n let custodyProp = custodyProp1.filter((item) => item.BasicAccountType == \"Bank\");\r\n let custody = custody1.filter((item) => item.BasicAccountType == \"Bank\");\r\n let account = account1.filter((item) => item.BasicAccountType == \"Customer\");\r\n let accountProp = accountProp1.filter(\r\n (item) => item.BasicAccountType == \"InBalance\" || item.BasicAccountType == \"Fund\"\r\n );\r\n setCustody(custody);\r\n setCustodyProp(custodyProp);\r\n setAccount(account);\r\n setAccountProp(accountProp);\r\n setEvent((oldState) => ({ ...r, BookDate: oldState.BookDate }));\r\n\r\n seterrorbook((errorbook) => ({\r\n ...errorbook,\r\n open: false,\r\n desc: \"\",\r\n }));\r\n\r\n let errors = \"\";\r\n\r\n if (Number(Corpevent.WithholdingNoProp) - Number(Corpevent.WithholdingNoPropClient) > 5) {\r\n errors += \"WithholdingNoProp should be equal to WithholdingNoPropClient \";\r\n }\r\n if (Number(Corpevent.WithholdingProp) - Number(Corpevent.WithholdingPropClient) > 5) {\r\n errors += \"WithholdingProp should be equal to WithholdingPropClient \";\r\n }\r\n if (Number(Corpevent.BaseNoProp) - Number(Corpevent.BaseNoPropClient) > 5) {\r\n errors += \"BaseNoProp should be equal to BaseNoPropClient \";\r\n }\r\n if (Number(Corpevent.BaseProp) - Number(Corpevent.BasePropClient) > 5) {\r\n errors += \"BaseProp should be equal to BasePropClient \";\r\n }\r\n if (errors !== \"\") {\r\n setSending(false);\r\n seterrorbook((errorbook) => ({\r\n ...errorbook,\r\n open: true,\r\n desc: errors,\r\n }));\r\n if (newE) {\r\n toggleEvent();\r\n }\r\n } else {\r\n services.fetchExecuteEvent({ corporateeventid: Corpevent.id }).then((re) => {\r\n setSending(false);\r\n if (re.result.Code == 400) {\r\n seterrorbook((errorbook) => ({\r\n ...errorbook,\r\n open: true,\r\n desc: re.result.Description,\r\n }));\r\n } else {\r\n setSending(false);\r\n searchEvents();\r\n toggle();\r\n if (newE) {\r\n toggleEvent();\r\n }\r\n }\r\n });\r\n }\r\n });\r\n });\r\n }\r\n } else {\r\n let Account = [];\r\n\r\n Account = [...custody];\r\n\r\n Account = Account.concat(account);\r\n\r\n Account = Account.concat(custodyProp);\r\n\r\n Account = Account.concat(accountProp);\r\n\r\n let corpevent = {\r\n Account,\r\n };\r\n\r\n corpevent.id = Corpevent.id;\r\n corpevent.AssetId = Corpevent.AssetId;\r\n corpevent.Date = Corpevent.Date;\r\n corpevent.name = Corpevent.name;\r\n corpevent.CorporateEventType = Corpevent.CorporateEventType;\r\n corpevent.CorporateEventSettlementCurrency = Corpevent.CorporateEventSettlementCurrency;\r\n corpevent.CorporateEventFX = Corpevent.CorporateEventFX;\r\n corpevent.CorporateEventCommissionCurrency = Corpevent.CorporateEventCommissionCurrency;\r\n corpevent.CorporateEventCommissionFX = Corpevent.CorporateEventCommissionFX;\r\n corpevent.CorporateEventTaxFX = Corpevent.CorporateEventTaxFX;\r\n corpevent.CorporateEventTaxCurrency = Corpevent.CorporateEventTaxCurrency;\r\n corpevent.CorporateEventClientTaxFX = Corpevent.CorporateEventClientTaxFX;\r\n corpevent.CorporateEventTaxPercentage = Corpevent.CorporateEventTaxPercentage;\r\n corpevent.BookDate = Corpevent.BookDate;\r\n corpevent.RecordDate = Corpevent.RecordDate;\r\n corpevent.CorporateEventWithholdingP = Corpevent.CorporateEventWithholdingP;\r\n corpevent.CorporateEventReleased = Corpevent.CorporateEventReleased;\r\n\r\n for (var j = 0; j < corpevent.Account.length; j++) {\r\n let FootPrint = [];\r\n if (Account[j].FootPrintCredit != undefined) {\r\n FootPrint = [...Account[j].FootPrintCredit];\r\n if (Account[j].FootPrintDebit != undefined) FootPrint = FootPrint.concat(Account[j].FootPrintDebit);\r\n } else if (Account[j].FootPrintDebit != undefined) FootPrint = [...Account[j].FootPrintDebit];\r\n corpevent.Account[j].Footprint = FootPrint;\r\n }\r\n\r\n services.fetchRecalculateEvent({ corpevent }).then((re) => {\r\n services\r\n .fetchGetCorporateEventSingle({\r\n corporateeventid: props.event.CorporateEventId,\r\n })\r\n .then((r) => {\r\n setEvent((oldState) => ({ ...r, BookDate: oldState.BookDate }));\r\n let custodyProp1 = r.Account.filter((account) => account.IsProp);\r\n let custody1 = r.Account.filter((account) => !account.IsProp);\r\n let account1 = r.Account.filter((account) => !account.IsProp);\r\n let accountProp1 = r.Account.filter((account) => account.IsProp);\r\n\r\n let custodyProp = custodyProp1.filter((item) => item.BasicAccountType == \"Bank\");\r\n let custody = custody1.filter((item) => item.BasicAccountType == \"Bank\");\r\n let account = account1.filter((item) => item.BasicAccountType == \"Customer\");\r\n let accountProp = accountProp1.filter(\r\n (item) => item.BasicAccountType == \"InBalance\" || item.BasicAccountType == \"Fund\"\r\n );\r\n setCustody(custody);\r\n setCustodyProp(custodyProp);\r\n setAccount(account);\r\n setAccountProp(accountProp);\r\n setEvent((oldState) => ({ ...r, BookDate: oldState.BookDate }));\r\n\r\n seterrorbook((errorbook) => ({\r\n ...errorbook,\r\n open: false,\r\n desc: \"\",\r\n }));\r\n\r\n let errors = \"\";\r\n\r\n if (Number(Corpevent.WithholdingNoProp) - Number(Corpevent.WithholdingNoPropClient) > 5) {\r\n errors += \"WithholdingNoProp should be equal to WithholdingNoPropClient \";\r\n }\r\n if (Number(Corpevent.WithholdingProp) - Number(Corpevent.WithholdingPropClient) > 5) {\r\n errors += \"WithholdingProp should be equal to WithholdingPropClient \";\r\n }\r\n if (Number(Corpevent.BaseNoProp) - Number(Corpevent.BaseNoPropClient) > 5) {\r\n errors += \"BaseNoProp should be equal to BaseNoPropClient \";\r\n }\r\n if (Number(Corpevent.BaseProp) - Number(Corpevent.BasePropClient) > 5) {\r\n errors += \"BaseProp should be equal to BasePropClient \";\r\n }\r\n if (errors !== \"\") {\r\n setSending(false);\r\n seterrorbook((errorbook) => ({\r\n ...errorbook,\r\n open: true,\r\n desc: errors,\r\n }));\r\n if (newE) {\r\n toggleEvent();\r\n }\r\n } else {\r\n services.fetchExecuteEvent({ corporateeventid: Corpevent.id }).then((re) => {\r\n setSending(false);\r\n if (re.result.Code == 400) {\r\n seterrorbook((errorbook) => ({\r\n ...errorbook,\r\n open: true,\r\n desc: re.result.Description,\r\n }));\r\n } else {\r\n setSending(false);\r\n searchEvents();\r\n toggle();\r\n if (newE) {\r\n toggleEvent();\r\n }\r\n }\r\n });\r\n }\r\n //setLoading(false);\r\n });\r\n });\r\n }\r\n };\r\n\r\n const sendEvent = () => {\r\n setSending(true);\r\n recalculateBeforeSend();\r\n };\r\n\r\n const saveEvent = () => {\r\n setSaving(true);\r\n let error = \"\";\r\n\r\n let Account = [];\r\n\r\n Account = [...custody];\r\n\r\n Account = Account.concat(account);\r\n\r\n Account = Account.concat(custodyProp);\r\n\r\n Account = Account.concat(accountProp);\r\n\r\n let corpevent = {\r\n Account,\r\n };\r\n\r\n if (Account == null || Account.length == 0) error = \"Add some accounts\";\r\n\r\n for (var j = 0; j < corpevent.Account.length; j++) {\r\n if (!Account[j].BasicAccountId) error = \"Select all accounts\";\r\n else {\r\n let FootPrint = [];\r\n if (Account[j].FootPrintCredit != undefined) {\r\n FootPrint = [...Account[j].FootPrintCredit];\r\n if (Account[j].FootPrintDebit != undefined) FootPrint = FootPrint.concat(Account[j].FootPrintDebit);\r\n } else if (Account[j].FootPrintDebit != undefined) FootPrint = [...Account[j].FootPrintDebit];\r\n corpevent.Account[j].Footprint = FootPrint;\r\n }\r\n }\r\n\r\n if (error == \"\") {\r\n corpevent.id = Corpevent.id;\r\n corpevent.AssetId = Corpevent.AssetId;\r\n corpevent.Date = Corpevent.Date;\r\n corpevent.name = Corpevent.name;\r\n corpevent.CorporateEventType = Corpevent.CorporateEventType;\r\n corpevent.CorporateEventSettlementCurrency = Corpevent.CorporateEventSettlementCurrency;\r\n corpevent.CorporateEventFX = Corpevent.CorporateEventFX;\r\n corpevent.CorporateEventCommissionCurrency = Corpevent.CorporateEventCommissionCurrency;\r\n corpevent.CorporateEventCommissionFX = Corpevent.CorporateEventCommissionFX;\r\n corpevent.CorporateEventTaxFX = Corpevent.CorporateEventTaxFX;\r\n corpevent.CorporateEventTaxCurrency = Corpevent.CorporateEventTaxCurrency;\r\n corpevent.CorporateEventClientTaxFX = Corpevent.CorporateEventClientTaxFX;\r\n corpevent.CorporateEventTaxPercentage = Corpevent.CorporateEventTaxPercentage;\r\n corpevent.BookDate = Corpevent.BookDate;\r\n corpevent.RecordDate = Corpevent.RecordDate;\r\n corpevent.CorporateEventWithholdingP = Corpevent.CorporateEventWithholdingP;\r\n corpevent.CorporateEventReleased = Corpevent.CorporateEventReleased;\r\n\r\n services.fetchRecalculateEvent({ corpevent }).then((re) => {\r\n if (re.result.Code === 200) {\r\n setLabel(\"\");\r\n seterrorbook((errorbook) => ({\r\n ...errorbook,\r\n open: true,\r\n desc: \"Corporate event saved\",\r\n }));\r\n } else {\r\n seterrorbook((errorbook) => ({\r\n ...errorbook,\r\n open: true,\r\n desc: re.desc,\r\n }));\r\n }\r\n\r\n setSaving(false);\r\n });\r\n } else {\r\n seterrorbook((errorbook) => ({\r\n ...errorbook,\r\n open: true,\r\n desc: error,\r\n }));\r\n setSaving(false);\r\n }\r\n };\r\n\r\n const removeCustody = (accounts, propia, type, index, accountid) => {\r\n let accountaux = [];\r\n let indexCorp = 0;\r\n let remove = {};\r\n\r\n indexCorp = Corpevent.Account.indexOf(accountid);\r\n Corpevent.Account.splice(indexCorp, 1);\r\n\r\n if (type === \"Customer\") {\r\n if (propia) {\r\n //Corpevent.Account = Corpevent.Account.concat(paracambiar)\r\n accountaux = [...accountProp];\r\n remove = accountaux.splice(index, 1);\r\n for (var j = 0; j < remove[0].FootPrintDebit.length; j++) {\r\n onChangeGrid(\"Debit\", \"Client\", propia, index, j, 0);\r\n }\r\n\r\n for (var j = 0; j < remove[0].FootPrintCredit.length; j++) {\r\n onChangeGrid(\"Credit\", \"Client\", propia, index, j, 0);\r\n }\r\n onChangeGrid(\"EventAccountAmount\", \"Client\", propia, index, 0, 0);\r\n setAccountProp(accountaux);\r\n } else {\r\n accountaux = [...account];\r\n remove = accountaux.splice(index, 1);\r\n\r\n for (var j = 0; j < remove[0].FootPrintDebit.length; j++) {\r\n onChangeGrid(\"Debit\", \"Client\", propia, index, j, 0);\r\n }\r\n\r\n for (var j = 0; j < remove[0].FootPrintCredit.length; j++) {\r\n onChangeGrid(\"Credit\", \"Client\", propia, index, j, 0);\r\n }\r\n onChangeGrid(\"EventAccountAmount\", \"Client\", propia, index, 0, 0);\r\n setAccount(accountaux);\r\n }\r\n } else {\r\n if (propia) {\r\n accountaux = [...custodyProp];\r\n remove = accountaux.splice(index, 1);\r\n\r\n for (var j = 0; j < remove[0].FootPrintDebit.length; j++) {\r\n onChangeGrid(\"Debit\", \"Custody\", propia, index, j, 0);\r\n }\r\n\r\n for (var j = 0; j < remove[0].FootPrintCredit.length; j++) {\r\n onChangeGrid(\"Credit\", \"Custody\", propia, index, j, 0);\r\n }\r\n onChangeGrid(\"EventAccountAmount\", \"Custody\", propia, index, 0, 0);\r\n setCustodyProp(accountaux);\r\n } else {\r\n accountaux = [...custody];\r\n remove = accountaux.splice(index, 1);\r\n\r\n for (var j = 0; j < remove[0].FootPrintDebit.length; j++) {\r\n onChangeGrid(\"Debit\", \"Custody\", propia, index, j, 0);\r\n }\r\n\r\n for (var j = 0; j < remove[0].FootPrintCredit.length; j++) {\r\n onChangeGrid(\"Credit\", \"Custody\", propia, index, j, 0);\r\n }\r\n onChangeGrid(\"EventAccountAmount\", \"Custody\", propia, index, 0, 0);\r\n setCustody(accountaux);\r\n }\r\n }\r\n };\r\n\r\n const addCustody = (accounts, propia, type) => {\r\n let accountaux = [];\r\n \r\n const defaultCustody = {\r\n BasicAccountId: 0,\r\n BasicAccountNumber: \"\",\r\n BasicAccountName: \"\",\r\n EventBalanceType: \"Current\",\r\n EventAccountAmount: \"0.00000000\",\r\n BasicAccountType: \"Bank\",\r\n EventAccountTaxImputability: \"0.00000\",\r\n IsProp: propia,\r\n Coldebit: 1,\r\n Colcredit: 4,\r\n FootPrintCredit: [\r\n {\r\n EventAccountFootprintId: \"1\",\r\n EventAccountDebitCredit: 1,\r\n EventAccountDebitCreditVolume: \"0.00000000\",\r\n EventAccountIsCurrency: true,\r\n EventAccountSecurityId: \"1\",\r\n EventAccountTicker: \"PYG\",\r\n EventAccountIsCommission: false,\r\n EventAccountIsFee: true,\r\n EventAccountIsTax: false,\r\n EventAccountIsWithholding: false,\r\n EventAccountBaseForTax: false,\r\n EventAccountModified: false,\r\n Tooltip: \"PYG Fee\",\r\n },\r\n {\r\n EventAccountFootprintId: \"2\",\r\n EventAccountDebitCredit: 1,\r\n EventAccountDebitCreditVolume: \"0.00000000\",\r\n EventAccountIsCurrency: true,\r\n EventAccountSecurityId: \"1\",\r\n EventAccountTicker: \"PYG\",\r\n EventAccountIsCommission: false,\r\n EventAccountIsFee: false,\r\n EventAccountIsTax: false,\r\n EventAccountIsWithholding: true,\r\n EventAccountBaseForTax: false,\r\n EventAccountModified: false,\r\n Tooltip: \"PYG Withholding\",\r\n },\r\n {\r\n EventAccountFootprintId: \"3\",\r\n EventAccountDebitCredit: 1,\r\n EventAccountDebitCreditVolume: \"0.00000000\",\r\n EventAccountIsCurrency: true,\r\n EventAccountSecurityId: \"1\",\r\n EventAccountTicker: \"PYG\",\r\n EventAccountIsCommission: false,\r\n EventAccountIsFee: false,\r\n EventAccountIsTax: true,\r\n EventAccountIsWithholding: false,\r\n EventAccountBaseForTax: false,\r\n EventAccountModified: false,\r\n Tooltip: \"PYG TAX (Calculated)\",\r\n },\r\n {\r\n EventAccountFootprintId: \"4\",\r\n EventAccountDebitCredit: 1,\r\n EventAccountDebitCreditVolume: \"0.00000000\",\r\n EventAccountIsCurrency: false,\r\n EventAccountSecurityId: \"1\",\r\n EventAccountTicker: \"UYU TAX (Executed)\",\r\n EventAccountIsCommission: false,\r\n EventAccountIsFee: false,\r\n EventAccountIsTax: false,\r\n EventAccountIsWithholding: false,\r\n EventAccountBaseForTax: false,\r\n EventAccountModified: false,\r\n Tooltip: \"PYG TAX (Executed)\",\r\n },\r\n ],\r\n FootPrintDebit: [\r\n {\r\n EventAccountFootprintId: \"5\",\r\n EventAccountDebitCredit: -1,\r\n EventAccountDebitCreditVolume: \"11219178.00000000\",\r\n EventAccountIsCurrency: true,\r\n EventAccountSecurityId: \"1\",\r\n EventAccountTicker: \"PYG\",\r\n EventAccountIsCommission: false,\r\n EventAccountIsTax: false,\r\n EventAccountIsFee: false,\r\n EventAccountIsWithholding: false,\r\n EventAccountBaseForTax: true,\r\n EventAccountModified: false,\r\n Tooltip: \"PYG\",\r\n },\r\n ],\r\n EventCashCustAccountName: \"New Custody Cash Account\",\r\n EventCashCustAccountId: 0,\r\n added: true,\r\n };\r\n \r\n const defaultCustomer = {\r\n BasicAccountId: 0,\r\n BasicAccountNumber: \"\",\r\n BasicAccountName: \"\",\r\n EventBalanceType: \"Current\",\r\n EventAccountAmount: \"100.00000000\",\r\n BasicAccountType: \"Customer\",\r\n EventAccountTaxImputability: \"100.00000\",\r\n IsProp: propia,\r\n Coldebit: 5,\r\n Colcredit: 1,\r\n FootPrintCredit: [\r\n {\r\n EventAccountFootprintId: \"1\",\r\n EventAccountDebitCredit: 1,\r\n EventAccountDebitCreditVolume: \"2817260.00000000\",\r\n EventAccountIsCurrency: true,\r\n EventAccountSecurityId: \"1\",\r\n EventAccountTicker: \"PYG\",\r\n EventAccountIsCommission: false,\r\n EventAccountIsFee: false,\r\n EventAccountIsTax: false,\r\n EventAccountIsWithholding: false,\r\n EventAccountBaseForTax: true,\r\n EventAccountModified: true,\r\n Tooltip: \"PYG\",\r\n },\r\n ],\r\n FootPrintDebit: [\r\n {\r\n EventAccountFootprintId: \"2\",\r\n EventAccountDebitCredit: -1,\r\n EventAccountDebitCreditVolume: \"0.00000000\",\r\n EventAccountIsCurrency: true,\r\n EventAccountSecurityId: \"1\",\r\n EventAccountTicker: \"PYG\",\r\n EventAccountIsCommission: true,\r\n EventAccountIsTax: false,\r\n EventAccountIsFee: false,\r\n EventAccountIsWithholding: false,\r\n EventAccountBaseForTax: false,\r\n EventAccountModified: true,\r\n Tooltip: \"PYG Commission\",\r\n },\r\n {\r\n EventAccountFootprintId: \"3\",\r\n EventAccountDebitCredit: -1,\r\n EventAccountDebitCreditVolume: \"0.00000000\",\r\n EventAccountIsCurrency: true,\r\n EventAccountSecurityId: \"1\",\r\n EventAccountTicker: \"PYG\",\r\n EventAccountIsCommission: false,\r\n EventAccountIsTax: false,\r\n EventAccountIsFee: false,\r\n EventAccountIsWithholding: true,\r\n EventAccountBaseForTax: false,\r\n EventAccountModified: true,\r\n Tooltip: \"PYG Withholding\",\r\n },\r\n {\r\n EventAccountFootprintId: \"4\",\r\n EventAccountDebitCredit: -1,\r\n EventAccountDebitCreditVolume: \"0.00000000\",\r\n EventAccountIsCurrency: true,\r\n EventAccountSecurityId: \"1\",\r\n EventAccountTicker: \"PYG\",\r\n EventAccountIsCommission: false,\r\n EventAccountIsTax: true,\r\n EventAccountIsFee: false,\r\n EventAccountIsWithholding: false,\r\n EventAccountBaseForTax: false,\r\n EventAccountModified: true,\r\n Tooltip: \"PYG TAX\",\r\n },\r\n {\r\n EventAccountFootprintId: \"0\",\r\n EventAccountDebitCredit: -1,\r\n EventAccountDebitCreditVolume: \"100.00000\",\r\n EventAccountIsCurrency: true,\r\n EventAccountSecurityId: \"0\",\r\n EventAccountTicker: \"PYG\",\r\n EventAccountIsCommission: false,\r\n EventAccountIsTax: false,\r\n EventAccountIsFee: false,\r\n EventAccountIsWithholding: false,\r\n EventAccountBaseForTax: false,\r\n EventAccountModified: true,\r\n Tooltip: \"Imputability\",\r\n },\r\n {\r\n EventAccountFootprintId: \"5\",\r\n EventAccountDebitCredit: -1,\r\n EventAccountDebitCreditVolume: \"0.00000000\",\r\n EventAccountIsCurrency: true,\r\n EventAccountSecurityId: \"1\",\r\n EventAccountTicker: \"PYG\",\r\n EventAccountIsCommission: false,\r\n EventAccountIsTax: false,\r\n EventAccountIsFee: true,\r\n EventAccountIsWithholding: false,\r\n EventAccountBaseForTax: false,\r\n EventAccountModified: true,\r\n Tooltip: \"PYG Fee\",\r\n },\r\n ],\r\n added: true,\r\n };\r\n \r\n let item;\r\n \r\n if (type === \"Custody\") {\r\n item = custodyaux && Object.keys(custodyaux).length ? JSON.parse(JSON.stringify(custodyaux)) : defaultCustody;\r\n \r\n if (propia) {\r\n Corpevent.Account = [...Corpevent.Account, item];\r\n accountaux = [...custodyProp, item];\r\n setCustodyProp(accountaux);\r\n } else {\r\n Corpevent.Account = [...Corpevent.Account, item];\r\n accountaux = [...custody, item];\r\n setCustody(accountaux);\r\n }\r\n }\r\n \r\n if (type === \"Customer\") {\r\n item = accountaux && Object.keys(accountaux).length ? JSON.parse(JSON.stringify(accountaux)) : defaultCustomer;\r\n \r\n if (propia) {\r\n Corpevent.Account = [...Corpevent.Account, item];\r\n accountaux = [...accountProp, item];\r\n setAccountProp(accountaux);\r\n } else {\r\n Corpevent.Account = [...Corpevent.Account, item];\r\n accountaux = [...account, item];\r\n setAccount(accountaux);\r\n }\r\n }\r\n };\r\n \r\n\r\n function downloadExcel() {\r\n let sheetCustody = [];\r\n\r\n sheetCustody = [...custody];\r\n\r\n sheetCustody = sheetCustody.concat(custodyProp);\r\n\r\n let sheetClient = [];\r\n\r\n sheetClient = sheetClient.concat(account);\r\n\r\n sheetClient = sheetClient.concat(accountProp);\r\n\r\n const data = {\r\n custodyTotal: [...sheetCustody],\r\n clientTotal: [...sheetClient],\r\n };\r\n\r\n const camelCase = (str) => {\r\n return str.substring(0, 1).toUpperCase() + str.substring(1);\r\n };\r\n\r\n const filterColumns = (data) => {\r\n // Get column names\r\n const columns = Object.keys(data.clientTotal[0]);\r\n\r\n // Remove by key (firstname)\r\n const filterColsByKey = columns.shift();\r\n\r\n //columns.filter(c => c !== 'BasicAccountId');\r\n\r\n // OR use the below line instead of the above if you want to filter by index\r\n // columns.shift()\r\n\r\n return filterColsByKey; // OR return columns\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n {filterColumns(data).map((col) => {\r\n return \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n const concatData = async () => {\r\n setdownloading(true);\r\n let client = [];\r\n\r\n client = [...account];\r\n\r\n client = client.concat(accountProp);\r\n\r\n let custodies = [];\r\n\r\n custodies = [...custodyProp];\r\n\r\n custodies = custodies.concat(custody);\r\n\r\n let clientdata = [];\r\n\r\n for (var j = 0; j < client.length; j++) {\r\n let item = {};\r\n item = {\r\n account: client[j].BasicAccountNumber,\r\n accountPortfolio: client[j].EventAccountAmount,\r\n };\r\n\r\n let Footprints = client[j].FootPrintCredit;\r\n for (var i = 0; i < Footprints.length; i++) {\r\n let name = Footprints[i].Tooltip;\r\n let rounded = Number(4);\r\n if (Footprints[i].EventAccountIsCurrency === true) rounded = Number(2);\r\n item = {\r\n ...item,\r\n [name]: Number(Number(Footprints[i].EventAccountDebitCreditVolume).toFixed(rounded)),\r\n };\r\n }\r\n let Footprints2 = client[j].FootPrintDebit;\r\n for (var i = 0; i < Footprints2.length; i++) {\r\n let name = Footprints2[i].Tooltip;\r\n let rounded = Number(4);\r\n if (Footprints2[i].EventAccountIsCurrency === true) rounded = Number(2);\r\n item = {\r\n ...item,\r\n [name]: Number(Number(Footprints2[i].EventAccountDebitCreditVolume).toFixed(rounded)),\r\n };\r\n }\r\n clientdata.push(item);\r\n }\r\n\r\n let custodydata = [];\r\n\r\n for (var j = 0; j < custodies.length; j++) {\r\n let item = {};\r\n item = {\r\n account: custodies[j].BasicAccountName,\r\n accountPortfolio: custodies[j].EventAccountAmount,\r\n };\r\n let Footprints = custodies[j].FootPrintCredit;\r\n for (var i = 0; i < Footprints.length; i++) {\r\n let name = Footprints[i].Tooltip;\r\n let rounded = Number(4);\r\n if (Footprints[i].EventAccountIsCurrency === true) rounded = Number(2);\r\n item = {\r\n ...item,\r\n [name]: Number(Number(Footprints[i].EventAccountDebitCreditVolume).toFixed(rounded)),\r\n };\r\n }\r\n let Footprints2 = custodies[j].FootPrintDebit;\r\n for (var i = 0; i < Footprints2.length; i++) {\r\n let name = Footprints2[i].Tooltip;\r\n let rounded = Number(4);\r\n if (Footprints2[i].EventAccountIsCurrency === true) rounded = Number(2);\r\n item = {\r\n ...item,\r\n [name]: Number(Number(Footprints2[i].EventAccountDebitCreditVolume).toFixed(rounded)),\r\n };\r\n }\r\n custodydata.push(item);\r\n }\r\n\r\n let header = [];\r\n\r\n let headeritem = {\r\n book: Corpevent.BookDate,\r\n date: Corpevent.Date,\r\n record: Corpevent.RecordDate,\r\n asset: Corpevent.AssetTicker,\r\n isin: Corpevent.AssetIsin,\r\n event: Corpevent.CorporateEventType,\r\n settcurrency: Corpevent.CorporateEventSettlementCurrencyISO,\r\n settcurrencyfx: Corpevent.CorporateEventFX,\r\n commcurrency: Corpevent.CorporateEventCommissionCurrencyISO,\r\n commcurrencyfx: Corpevent.CorporateEventCommissionFX,\r\n taxcurrency: Corpevent.CorporateEventTaxCurrencyISO,\r\n taxcurrencyfx: Corpevent.CorporateEventTaxFX,\r\n };\r\n\r\n header.push(headeritem);\r\n header.push({});\r\n\r\n let response = undefined;\r\n let body = {\r\n id: Corpevent.id,\r\n clients: clientdata,\r\n custody: custodydata,\r\n header: headeritem,\r\n };\r\n\r\n await services\r\n .corporateEventXLSX(body)\r\n .then((r) => {\r\n if (r.response.count > 0) {\r\n response = r.response.buffer.data;\r\n\r\n try {\r\n const blob = new Blob([new Uint8Array(response)], {\r\n type: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;\",\r\n });\r\n const link = document.createElement(\"a\");\r\n link.href = window.URL.createObjectURL(blob);\r\n link.download = \"CorporateEvent\" + String(Corpevent.id) + \".xlsx\";\r\n link.click();\r\n setdownloading(false);\r\n } catch (ex) {}\r\n }\r\n })\r\n .catch((e) => {});\r\n //setReportResponse(response);\r\n };\r\n\r\n return (\r\n | AccountNumber | \r\n
|---|
| {item.BasicAccountId} | \r\n
\r\n \r\n {errorbook.open ? (\r\n \r\n \r\n There are some warnings, if it's important, create the event again.\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n \r\n onChange(name, value)}\r\n value={parseDate(Corpevent.BookDate)}\r\n />\r\n {/* onChange(\"BookDate\", e.target.value)}\r\n /> */}\r\n \r\n\r\n \r\n onChange(name, value)}\r\n disabled={true}\r\n value={parseDate(Corpevent.RecordDate)}\r\n />\r\n {/* onChange(\"RecordDate\", e.target.value)}\r\n /> */}\r\n \r\n\r\n \r\n onChange(name, value)}\r\n disabled={true}\r\n value={parseDate(Corpevent.Date)}\r\n />\r\n {/* onChange(\"Date\", e.target.value)}\r\n /> */}\r\n \r\n\r\n {Corpevent.CorporateEventType == \"Coupon\" && (\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 \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 {currencies == undefined ? (\r\n \r\n ) : currencies.length == 0 ? (\r\n \r\n ) : (\r\n onChangeCurrency(\"CorporateEventSettlementCurrency\", v)}\r\n />\r\n )}\r\n \r\n\r\n \r\n {currencies == undefined ? (\r\n \r\n ) : currencies.length == 0 ? (\r\n \r\n ) : (\r\n onChangeCurrency(\"CorporateEventCommissionCurrency\", v)}\r\n />\r\n )}\r\n \r\n\r\n \r\n {currencies == undefined ? (\r\n \r\n ) : currencies.length == 0 ? (\r\n \r\n ) : (\r\n onChangeCurrency(\"CorporateEventTaxCurrency\", v)}\r\n />\r\n )}\r\n \r\n \r\n\r\n \r\n onChange(\"CorporateEventFX\", v)}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n\r\n \r\n onChange(\"CorporateEventCommissionFX\", v)}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n\r\n \r\n onChange(\"CorporateEventTaxFX\", v)}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n\r\n \r\n onChange(\"CorporateEventClientTaxFX\", v)}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n onChange(\"name\", v.target.value)}\r\n //invalid={!!errors.volume}\r\n />\r\n \r\n \r\n \r\n onChange({Type: v})}\r\n //invalid={!!errors.volume}\r\n />\r\n \r\n \r\n \r\n \r\n onChange(\"CorporateEventReleased\", !Corpevent.CorporateEventReleased)}\r\n //defaultChecked={!!recalculate.value}\r\n value={Corpevent.CorporateEventReleased}\r\n disabled={Corpevent.CorporateEventReleased}\r\n />\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n {wizzard === 1 && !loading && (\r\n \r\n account.BasicAccountType == 'Bank')}\r\n //custody = {state.event.Account.filter(account => account.isProp, account.BasicAccountType == 'Bank')}\r\n propia={true}\r\n onChange={onChangeGrid}\r\n fetchSearchAccount={services.fetchSearchBankProp}\r\n readOnly={!Corpevent.CorporateEventReleased || Corpevent.Status === \"Executed\"}\r\n addCustody={addCustody}\r\n removeCustody={removeCustody}\r\n isFundsXSystem={isFundsXSystem}\r\n />\r\n \r\n account.BasicAccountType == 'Bank')}\r\n //custody = {state.event.Account.filter(account => !account.isProp, account.BasicAccountType == 'Bank')}\r\n propia={false}\r\n onChange={onChangeGrid}\r\n fetchSearchAccount={services.fetchSearchBank}\r\n readOnly={!Corpevent.CorporateEventReleased || Corpevent.Status === \"Executed\"}\r\n addCustody={addCustody}\r\n removeCustody={removeCustody}\r\n isFundsXSystem={isFundsXSystem}\r\n />\r\n \r\n
\r\n )}\r\n {wizzard === 2 && !loading && (\r\n \r\n { return (account.isProp ,account.BasicAccountType == 'Customer')\r\n // })}\r\n account={accountProp} //{accountProp.filter(item => item.BasicAccountType == 'Customer')}\r\n propia={true}\r\n onChange={onChangeGrid}\r\n fetchSearchAccount={services.fetchSearchAccountProp}\r\n readOnly={!Corpevent.CorporateEventReleased || Corpevent.Status === \"Executed\"}\r\n addCustody={addCustody}\r\n removeCustody={removeCustody}\r\n isFundsXSystem={isFundsXSystem}\r\n />\r\n \r\n\r\n !account.isProp, account.BasicAccountType == 'Customer')}\r\n account={account} //{account.filter(item => item.BasicAccountType == 'Customer')}\r\n propia={false}\r\n onChange={onChangeGrid}\r\n readOnly={!Corpevent.CorporateEventReleased || Corpevent.Status === \"Executed\"}\r\n fetchSearchAccount={services.fetchSearchAccount}\r\n addCustody={addCustody}\r\n removeCustody={removeCustody}\r\n isFundsXSystem={isFundsXSystem}\r\n />\r\n \r\n
\r\n )}\r\n {loading && \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\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 \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 \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 \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\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
\r\n \r\n
\r\n \r\n
\r\n | Account | \r\nInfo | \r\nReason | \r\n
|---|---|---|
| {rep.key} | \r\n{rep.value} | \r\n{rep.description} | \r\n
{this.props.custody ? suggestion.name : suggestion.number}
\r\n );\r\n\r\n getSuggestionValue = (suggestion) => (this.props.custody ? `${suggestion.name}` : `${suggestion.number}`);\r\n\r\n onChangeAccountHolder = (value) => {\r\n const holderItem = getItemById(this.state.holders, value);\r\n\r\n this.props.onChange({\r\n HolderId: holderItem.id,\r\n HolderName: holderItem.description,\r\n });\r\n };\r\n\r\n requestAccountHolders = ({ AccountId }) => {\r\n const { fetchAccountHolders } = this.props.services;\r\n\r\n fetchAccountHolders({ accountId: AccountId })\r\n .then((r) => r.response.holders)\r\n .then((holders) => {\r\n let _holders = holders.map((h) => ({\r\n isMain: h.IsMain,\r\n description: h.PersonName,\r\n id: h.PersonId,\r\n }));\r\n\r\n const selectedHolder = _holders.find((h) => h.isMain) || (_holders.length ? _holders[0] : null);\r\n\r\n this._isMounted &&\r\n this.setState(\r\n {\r\n holders: _holders,\r\n loadingHolders: false,\r\n },\r\n () => {\r\n const { holderId } = this.props;\r\n\r\n if (holderId == null && selectedHolder) {\r\n const { id, description } = selectedHolder;\r\n\r\n this.props.onChange({\r\n HolderId: id,\r\n HolderName: description,\r\n });\r\n }\r\n }\r\n );\r\n });\r\n };\r\n\r\n onChange = (method, value) => {\r\n let _value = defaultAccountValue;\r\n\r\n if (method != \"type\" && value.id) {\r\n _value = {\r\n AccountNumber: value.number,\r\n AccountName: value.name,\r\n AccountId: value.id,\r\n };\r\n\r\n if (!this.props.hideHolder) {\r\n this.requestAccountHolders({ AccountId: value.id });\r\n }\r\n\r\n this.setState({ holders: null, loadingHolders: true });\r\n } else {\r\n this.setState({ holders: null });\r\n _value.AccountName = value;\r\n }\r\n\r\n this.props.onChange(_value);\r\n };\r\n\r\n render() {\r\n const { AccountName, AccountNumber, HolderId, HolderName, readonly, errors, hideHolder, label, custody } =\r\n this.props;\r\n\r\n const inputProps = {\r\n placeholder: \"Account\",\r\n disabled: readonly.AccountName,\r\n invalid: !!errors.AccountName,\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n\r\n {!hideHolder && (\r\n \r\n {this.state.loadingHolders ? (\r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst defaultAccountValue = {\r\n AccountId: null,\r\n AccountName: \"\",\r\n HolderId: null,\r\n HolderName: null,\r\n};\r\n\r\nconst getItemById = (items, id) => {\r\n return items.find((e) => e.id == id);\r\n};\r\n\r\nconst isEmpty = (value) => value == undefined || value == \"\";\r\n\r\nexport default Account;\r\n","import React from \"react\";\r\nimport { useState, useEffect } from \"react\";\r\nimport {\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Container,\r\n Row,\r\n Label,\r\n Col,\r\n Input,\r\n FormGroup,\r\n Form,\r\n Table,\r\n Button,\r\n Badge,\r\n} from \"reactstrap\";\r\nimport style from \"./style.module.scss\";\r\n\r\nconst value = {\r\n date: \"\",\r\n type: \"\",\r\n id: 0,\r\n name: \"\",\r\n splitfrom: 0,\r\n splitto: 0,\r\n couponnumber: 0,\r\n corpEvent: 0,\r\n};\r\n\r\nconst Errors = ({ toggle, bookerror, label, ...props }) => {\r\n const [modalerror, setmodalerror] = useState({ open: bookerror.open, desc: bookerror.desc });\r\n\r\n const toggleModal = () => {\r\n const value = false;\r\n setmodalerror((modalerror) => ({\r\n ...modalerror,\r\n open: value,\r\n desc: \" \",\r\n }));\r\n };\r\n\r\n useEffect(() => {\r\n setmodalerror((modalerror) => ({\r\n ...modalerror,\r\n open: bookerror.open,\r\n desc: bookerror.desc,\r\n }));\r\n }, [bookerror]);\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n {!readOnly && (\r\n addCustody(account, propia, \"Customer\")}\r\n className={style.iconBtn}\r\n >\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n {propia ? (\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst EmptyTable = ({ loading, pro }) => (\r\n | {isFundsXSystem ? \"Funds\" : \"Prop Clients\"} | \r\n\r\n | \r\n | \r\n Debit\r\n | \r\nCredit | \r\n\r\n | \r\n |
|---|---|---|---|---|---|---|
| Clients | \r\n\r\n | \r\n | \r\n Debit\r\n | \r\nCredit | \r\n\r\n | \r\n |
| Account | \r\nBalance Type | \r\nPortfolio | \r\n {account == null ? (\r\n\r\n ) : account.length == 0 ? (\r\n | \r\n ) : account[0].Coldebit == 0 ? (\r\n | \r\n ) : (\r\n account[0].FootPrintDebit.map((d, j) => (\r\n // | |
| {`${d.Tooltip}`} | \r\n //{`${d.Tooltip}`} | \r\n\r\n //\r\n ) : account.length == 0 ? (\r\n | \r\n ) : account[0].Colcredit == 0 ? (\r\n | \r\n ) : (\r\n account[0].FootPrintCredit.map((d, j) => (\r\n // | ||
| {`${d.Tooltip}`} | \r\n //{`${d.Tooltip}`} | \r\n\r\n //}\r\n \r\n \r\n {account == null ? (\r\n | ||||
| \r\n | \r\n {c.EventBalanceType} | \r\n\r\n | \r\n {c.Coldebit == 0 ? (\r\n \r\n ) : (\r\n c.FootPrintDebit.map((d, j) => (\r\n // ||||
| \r\n | \r\n ))\r\n )}\r\n {c.Colcredit == 0 ? (\r\n \r\n ) : (\r\n c.FootPrintCredit.map((d, j) => (\r\n \r\n | \r\n ))\r\n )}\r\n {!readOnly && (\r\n \r\n | \r\n )}\r\n
\r\n {pro ? (\r\n
\r\n )}\r\n No Prop Clients
\r\n ) : (\r\nNo Clients
\r\n )}\r\n\r\n {!readOnly && (\r\n addCustody(custody, propia, \"Custody\")}\r\n className={style.iconBtn}\r\n >\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n {propia ? (\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst EmptyTable = ({ loading, pro }) => (\r\n | {isFundsXSystem ? \"Funds Custodians\" : \"Prop Custodians\"} | \r\n\r\n | \r\n | \r\n Debit\r\n | \r\nCredit | \r\n\r\n | \r\n |
|---|---|---|---|---|---|---|
| Custodians | \r\n\r\n | \r\n | \r\n Debit\r\n | \r\nCredit | \r\n\r\n | \r\n |
| Account | \r\n {isCashCustodianDifferent &&Cash Custody | }\r\nBalance Type | \r\nPortfolio | \r\n {custody == null ? (\r\n\r\n ) : custody.length == 0 ? (\r\n | \r\n ) : custody[0].Coldebit == 0 ? (\r\n | \r\n ) : (\r\n custody[0].FootPrintDebit.map((d, j) => (\r\n // |
| {`${d.Tooltip}`} | \r\n //{`${d.Tooltip}`} | \r\n\r\n //\r\n ) : custody.length == 0 ? (\r\n | \r\n ) : custody[0].Colcredit == 0 ? (\r\n | \r\n ) : (\r\n custody[0].FootPrintCredit.map((d, j) => (\r\n // | ||
| {`${d.Tooltip}`} | \r\n //{`${d.Tooltip}`} | \r\n\r\n //}\r\n \r\n \r\n \r\n {custody == null ? (\r\n | ||||
| \r\n | \r\n {isCashCustodianDifferent && (\r\n \r\n | \r\n )}\r\n\r\n {c.EventBalanceType} | \r\n\r\n | \r\n {c.Coldebit == 0 ? (\r\n \r\n ) : (\r\n c.FootPrintDebit.map((d, j) => (\r\n \r\n | \r\n ))\r\n )}\r\n {c.Colcredit == 0 ? (\r\n \r\n ) : (\r\n c.FootPrintCredit.map((d, j) => (\r\n \r\n | \r\n ))\r\n )}\r\n {!readOnly && (\r\n \r\n | \r\n )}\r\n
\r\n {pro ? (\r\n
\r\n )}\r\n No Prop Custodians
\r\n ) : (\r\nNo Custodians
\r\n )}\r\n\r\n {state.openCounterParty && (\r\n \r\n {graphicdata.length < 1 ? (\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 \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
\r\n
\r\n );\r\n};\r\n\r\nexport default CounterPartyRanking;\r\n","import React from \"react\";\r\nimport ReactEcharts from \"echarts-for-react\";\r\n\r\nexport const ChartsCounterParty = ({ data }) => {\r\n const monthNames = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\r\n\r\n const month = new Date();\r\n var count = 1;\r\n var legendMonth = [];\r\n legendMonth.push(month.getMonth());\r\n var m = new Date();\r\n if (data.count !== undefined || data.length !== 0) {\r\n data.series.map(() => {\r\n if (m.getMonth) {\r\n m.setMonth(m.getMonth() - 1);\r\n legendMonth.push(m.getMonth());\r\n }\r\n count = count + 1;\r\n });\r\n }\r\n\r\n let option = {\r\n title: {\r\n text: \"Failing trades\",\r\n },\r\n tooltip: {\r\n trigger: \"axis\",\r\n formatter: \"\",\r\n },\r\n legend: {\r\n data: data.name,\r\n },\r\n xAxis: {\r\n type: \"category\",\r\n boundaryGap: false,\r\n //data: [\"Oct\", \"Nov\", \"Dec\", \"Jan\", \"Feb\"],\r\n data: [\r\n monthNames[legendMonth[4]],\r\n monthNames[legendMonth[3]],\r\n monthNames[legendMonth[2]],\r\n monthNames[legendMonth[1]],\r\n monthNames[legendMonth[0]],\r\n ],\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n },\r\n series: data.series,\r\n };\r\n return \r\n \r\n \r\n \r\n \r\n \r\n\r\n handleSelectSearchCounterParty(m, v)}\r\n />\r\n \r\n \r\n \r\n Top {state.topMonthSelected} \r\n \r\n handleChangeTop(20)}>Top 20 month \r\n handleChangeTop(10)}>Top 10 month \r\n handleChangeTop(5)}>Top 5 month \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n \r\n { !(AddNew) ?\r\n \r\n : (\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n | \r\n \r\n | \r\nCounter Party | \r\n {\r\n //Country | \r\n }\r\nUsage | \r\nFailing YOY | \r\nSuccessful YOY | \r\n
|---|---|---|---|---|---|
| \r\n | \r\n |||||
| \r\n | \r\n {d.Name} | \r\n {/*\r\n | */}\r\n \r\n \r\n {parseFloat(d.percentage)}%\r\n \r\n {parseFloat(d.creditLine)} / {parseFloat(d.Limits)}K\r\n \r\n \r\n \r\n | \r\n \r\n \r\n {\" \"}\r\n {d.failingnumber} trades\r\n \r\n\r\n {\" \"}\r\n \r\n USD | \r\n \r\n \r\n {\" \"}\r\n {d.trades} trades\r\n \r\n\r\n {\" \"}\r\n \r\n USD | \r\n
| # | \r\nCustody | \r\nSymbol | \r\nSide | \r\nExecuted | \r\nTrade | \r\nSettlement | \r\nFailing | \r\nStatus | \r\n
|---|---|---|---|---|---|---|---|---|
| \r\n | \r\n ||||||||
| {d.TradeId} | \r\n\r\n {d.TradeBasicAccountId}\r\n {\" - \"}\r\n {d.TradeBasicAccountName}\r\n | \r\n{d.TradeAssetTicker} | \r\n\r\n {d.TradeSide}\r\n | \r\n\r\n { | \r\n \r\n | \r\n \r\n | \r\n {d.TradeDaysDiferenceFailing} days | \r\n{d.TradeStatus} | \r\n
\r\n \r\n \r\n {props.editCounterParty ? \"Edit Counter Party\" : \"New Counter Party\"}\r\n \r\n {props.countriesloading || props.clearinghousesloading ? (\r\n \r\n \r\n \r\n \r\n onChange({ CounterPartyName: e.target.value })}\r\n />\r\n \r\n \r\n {props.editCounterParty == false && (\r\n \r\n onChange({ CounterPartyEmail: e.target.value })}\r\n />\r\n \r\n \r\n )}\r\n
\r\n {props.editCounterParty && (\r\n \r\n \r\n onChange({ CounterPartyEmail: e.target.value })}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n onChange({\r\n CounterPartyStatus: v,\r\n })\r\n }\r\n items={Object.values(CounterPartyStatus).map((key, index) => ({\r\n id: key.id,\r\n description: key.name,\r\n }))}\r\n />\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n {custodianEntity && custodianEntity.length > 0 ? (\r\n updateFields({ custodianEntityId: v })}\r\n items={Object.values(custodianEntity).map((key, index) => ({\r\n id: key.id,\r\n description: key.name,\r\n }))}\r\n />\r\n ) : (\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n OpenCustodianEntity()}>New \r\n EditCustodianEntity()}>Edit \r\n \r\n \r\n \r\n \r\n onChange({ CounterPartyLimit: e.value })}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n )}\r\n {props.countriesloading || props.clearinghousesloading ? (\r\n \r\n \r\n \r\n ) : (\r\n \r\n {sentAuthorization ? (\r\n \r\n )}\r\n \r\n {openCustodianEntity ? (\r\n
\r\n );\r\n};\r\n\r\nconst EmptyClearingHouses = () => (\r\n There are not Custodian Entities.
\r\n )}\r\n\r\n
\r\n ) : (\r\n {message}
\r\n \r\n \r\n {validCounterParty.show ? (\r\n
\r\n )}\r\n \r\n confirm()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n {props.editCounterParty ? \"Update\" : \"Confirm\"}\r\n \r\n
\r\n ) : (\r\n {validCounterParty.message}
\r\n \r\n \r\n \r\n {props.editCounterParty ? (\r\n update()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n {\"Update\"}\r\n \r\n ) : (\r\n confirm()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n {\"Confirm\"}\r\n \r\n )}\r\n
\r\n )}\r\n No Clearing Houses
\r\nNo orders for crossing
\r\n )}\r\n\r\n {order.AssetClassForm == \"Repo\" && contractdata && (\r\n\r\n
\r\n \r\n \r\n {}}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n handleChangeContractData(\"CollateralQuantity\", e.value)\r\n }}\r\n dataTypeDecimalName='quantity'\r\n placeholder='Quantity'\r\n />\r\n \r\n \r\n @\r\n \r\n {\r\n handleChangeContractData(\"price\", e.value)\r\n }}\r\n decimalScale={maxDecimals}\r\n dataTypeDecimalName='price'\r\n placeholder='Price'\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 \r\n \r\n
\r\n \r\n \r\n \r\n {\r\n handleChangeContractData(\"marketValue\", e.value)\r\n }}\r\n dataTypeDecimalName='quantity'\r\n disabled\r\n placeholder='Quantity'\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 handleChangeContractData(\"maturity\", e.target.value)}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n handleChangeContractData(\"rate\", e.value)\r\n }}\r\n dataTypeDecimalName='percentage'\r\n placeholder='Rate'\r\n suffix='%'\r\n />\r\n \r\n \r\n handleChangeContractData(\"paymenttoborrower\", !contractdata.paymenttoborrower)\r\n }\r\n />\r\n \r\n
\r\n \r\n
\r\n {/* \r\n
*/}\r\n
\r\n \r\n \r\n Opening leg {contractdata.currency}{\" \"}\r\n {calculatingLegs ? (\r\n
\r\n \r\n Closing leg {contractdata.currency}{\" \"}\r\n {calculatingLegs ? (\r\n {\r\n handleChangeClosingLeg(e.value)\r\n }}\r\n dataTypeDecimalName='currency'\r\n placeholder='Closing Leg'\r\n />\r\n )}\r\n
\r\n \r\n
\r\n)\r\n\r\nconst Number = ({ value, dataTypeDecimalName }) => {\r\n if (value === null) {\r\n return \"-\"\r\n }\r\n return \r\n */}\r\n {/* */}\r\n \r\n onChangeDate(e.target.value)}\r\n style={{ width: \"100%\" }}\r\n />\r\n \r\n \r\n onChangeValueDate(e.target.value)}\r\n style={{ width: \"100%\" }}\r\n />\r\n \r\n
\r\n \r\n 0 ? tradingRoutes : null}\r\n />\r\n
\r\n\r\n {/* \r\n {showTraderName && (\r\n \r\n onHandleSelectedTrader(e.target.value)}\r\n >\r\n \r\n {tradersNames &&\r\n tradersNames.map((option, index) => (\r\n \r\n ))}\r\n \r\n \r\n )}\r\n
\r\n \r\n
\r\n)\r\n\r\nconst filterOrders = (orders) => Object.values(orders).filter((o) => true)\r\n\r\nconst Fees = ({ fees }) => {\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n | Crossing quantity | \r\n\r\n | \r\n
| Average | \r\n\r\n | \r\n
\r\n Leftovers\r\n \r\n \r\n
\r\n
\r\n | Buy side | \r\n\r\n | \r\n
| Sell side | \r\n\r\n | \r\n
\r\n \r\n \r\n {fees.map((feeItem, idx) => (\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default Cross\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"modal\":\"Cross-module_modal_v9Jmp\",\"alert\":\"Cross-module_alert_cuBhW\",\"crossingType\":\"Cross-module_crossingType_3aPQ_\",\"gridContainer\":\"Cross-module_gridContainer_20oa2\",\"item\":\"Cross-module_item_236tp\",\"showFeesLink\":\"Cross-module_showFeesLink_3hnw4\",\"active\":\"Cross-module_active_35aU0\",\"fields\":\"Cross-module_fields_rnVRA\",\"checkbox\":\"Cross-module_checkbox_kzGFj\",\"loadingCbox\":\"Cross-module_loadingCbox_15bDh\",\"arroba\":\"Cross-module_arroba_FnwVO\",\"order\":\"Cross-module_order_2ncKz\",\"line\":\"Cross-module_line_36Fiw\",\"footerTotals\":\"Cross-module_footerTotals_2fc6X\",\"totalLine\":\"Cross-module_totalLine_2TqJN\",\"buy\":\"Cross-module_buy_33bfl\",\"sell\":\"Cross-module_sell_1Pi-a\",\"loading\":\"Cross-module_loading_c2Wfj\",\"spinner\":\"Cross-module_spinner_1xwUn\",\"contractDetailsWrapper\":\"Cross-module_contractDetailsWrapper_3ujhn\",\"openCheckbox\":\"Cross-module_openCheckbox_3osOb\",\"suggestionItem\":\"Cross-module_suggestionItem_1vK-m\",\"leg\":\"Cross-module_leg_2mLYC\",\"opening\":\"Cross-module_opening_lfY27\",\"closing\":\"Cross-module_closing_Y5STs\",\"feesContainer\":\"Cross-module_feesContainer_XDOYb\",\"feesTable\":\"Cross-module_feesTable_5YjJd\",\"showOwnFeesLink\":\"Cross-module_showOwnFeesLink_tBUcV\"};","import React, { useState, useEffect } from \"react\";\r\nimport { CustomInput, Input, Table } from \"reactstrap\";\r\nimport { NumberFormatInput } from \"../../NumberFormatInput/NumberFormatInput\";\r\nimport * as OrderItemUI from \"../../Order/Item\";\r\nimport classnames from \"classnames\";\r\nimport style from \"./Cross.module.scss\";\r\nimport { Field } from \"../Order/Field/Field\";\r\nimport { FormattedNumber } from \"../../FormattedNumber/FormattedNumber\";\r\n\r\nconst ItemRow = ({\r\n order,\r\n id,\r\n actions,\r\n title = \"\",\r\n maxDecimals = 4,\r\n loading,\r\n fees = { Fees: null },\r\n ...props\r\n}) => {\r\n const [showQuantity, setShowQuantity] = useState(false);\r\n const enabled = props.item && props.item.enabled;\r\n const readonly = props.item && props.item.readonly;\r\n const [showFees, setShowFees] = useState(false);\r\n const item = props.item || {};\r\n let timer = null;\r\n\r\n const toggleShowFees = () => {\r\n setShowFees((prev) => !prev);\r\n };\r\n\r\n // Show price by default\r\n const showPrice = props.showPrice === undefined || props.showPrice === true;\r\n\r\n useEffect(() => {\r\n // calculates whether or not to show the quantity fields\r\n if (!order || (order && order.AssetClassForm !== \"Repo\")) {\r\n setShowQuantity(true);\r\n }\r\n }, [order]);\r\n\r\n useEffect(() => {\r\n // calculates whether or not to show the quantity fields\r\n if (!order || (order && order.AssetClassForm !== \"Repo\")) {\r\n setShowQuantity(true);\r\n }\r\n }, [order]);\r\n\r\n const updateValues = (component, data) => {\r\n actions.change(id, component, data);\r\n };\r\n\r\n return (\r\n | \r\n {feeItem.Description}:{\" \"}\r\n | \r\n
{title}
: null}\r\n \r\n \r\n \r\n Show fees\r\n \r\n {showFees && \r\n )}\r\n {props.children}\r\n
\r\n \r\n {item.loading || loading ? (\r\n \r\n ) : (\r\n actions.toggle(id)}\r\n />\r\n )}{\" \"}\r\n {showQuantity && (\r\n \r\n \r\n updateValues(\"quantity\", e.value)}\r\n placeholder={\"Quantity\"}\r\n dataTypeDecimalName=\"quantity\"\r\n />\r\n \r\n {showPrice && (\r\n \r\n @\r\n \r\n updateValues(\"price\", e.value)}\r\n decimalScale={maxDecimals}\r\n dataTypeDecimalName=\"price\"\r\n placeholder={\"Price\"}\r\n />\r\n \r\n \r\n )}\r\n \r\n )}\r\n
\r\n {order && \r\n
\r\n\r\n
\r\n );\r\n};\r\n\r\nconst Fees = ({ fees }) => {\r\n return (\r\n \r\n {order.OrderId && order.OrderId > 0 && (\r\n \r\n #{order.OrderId}{\" \"}\r\n \r\n )}\r\n {OrderItemUI.renderOrderSide(order)} {OrderItemUI.renderOrderQuantity(order)}{\" \"}\r\n {OrderItemUI.renderOrderQuantityType(order)} {OrderItemUI.renderOrderSymbol(order)}\r\n {\" @ \"}\r\n {OrderItemUI.renderOrderPrice(order)} {OrderItemUI.renderOrderTimeFrame(order)}{\" \"}\r\n \r\n {order.OrderAdvisorName}/{order.OrderTraderName != \"\" ? order.OrderTraderName : \"-\"}\r\n {\" \"}\r\n {OrderItemUI.renderOrderAccount(order)}{\" \"}\r\n
\r\n\r\n \r\n\r\n
\r\n
\r\n \r\n {loading ? : OrderItemUI.renderOrderStatus(order)}{\" \"}\r\n {OrderItemUI.renderExecutionsAvg(order)}\r\n
\r\n \r\n \r\n \r\n {fees.map((feeItem, idx) => (\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default ItemRow;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n Input,\r\n InputGroup,\r\n Col,\r\n DropdownMenu,\r\n DropdownToggle,\r\n DropdownItem,\r\n UncontrolledDropdown,\r\n Button,\r\n Row,\r\n} from \"reactstrap\";\r\nimport Grid from \"./Item/Grid\";\r\nimport style from \"./style.module.scss\";\r\nimport InfiniteScroll from \"react-infinite-scroller\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\n\r\nconst loader = (\r\n | \r\n {feeItem.Description}:{\" \"}\r\n | \r\n
\r\n \r\n \r\n \r\n
\r\n);\r\n\r\nconst CrossReferenceSearch = ({ fetchs, Link }) => {\r\n const [crossReference, setCrossReference] = useState({\r\n arr: [],\r\n loading: true,\r\n hasMore: false,\r\n });\r\n const [processes, setProcesses] = useState({ arr: [], selected: \"All\" });\r\n const [search, setSearch] = useState(\"\");\r\n\r\n useEffect(() => {\r\n fetchs.getProcesses({}).then((r) => {\r\n setProcesses({ ...processes, arr: r.processes });\r\n });\r\n fetchs\r\n .getCrossReferenceSearch({\r\n text: search,\r\n fromRow: 0,\r\n process: processes.selected,\r\n })\r\n .then((r) => {\r\n var hasMore = true;\r\n if (r.crossReferences.length < 50) {\r\n hasMore = false;\r\n }\r\n setCrossReference({\r\n ...crossReference,\r\n arr: r.crossReferences,\r\n loading: false,\r\n hasMore: hasMore,\r\n });\r\n });\r\n }, []);\r\n\r\n const searchCrossReference = (event) => {\r\n setCrossReference({\r\n ...crossReference,\r\n arr: [],\r\n loading: true,\r\n });\r\n fetchs\r\n .getCrossReferenceSearch({\r\n text: search,\r\n fromRow: 0,\r\n process: processes.selected,\r\n })\r\n .then((r) => {\r\n var hasMore = true;\r\n if (r.crossReferences.length < 50) {\r\n hasMore = false;\r\n }\r\n setCrossReference({\r\n ...crossReference,\r\n arr: r.crossReferences,\r\n loading: false,\r\n hasMore: hasMore,\r\n });\r\n });\r\n };\r\n\r\n const filterList = (event) => {\r\n setSearch(event.target.value);\r\n };\r\n\r\n const loadItems = () => {\r\n fetchs\r\n .getCrossReferenceSearch({\r\n text: search,\r\n fromRow: crossReference.arr.length,\r\n process: processes.selected,\r\n })\r\n .then((r) => {\r\n let temp = crossReference.arr;\r\n var hasMore = true;\r\n if (r.crossReferences.length !== 0) {\r\n r.crossReferences.forEach((elem) => temp.push(elem));\r\n }\r\n if (r.crossReferences.length < 50) {\r\n hasMore = false;\r\n }\r\n setCrossReference({\r\n ...crossReference,\r\n arr: temp,\r\n loading: false,\r\n hasMore: hasMore,\r\n });\r\n });\r\n };\r\n\r\n const changeProcess = (event) => {\r\n setProcesses({\r\n ...processes,\r\n selected: event.target.value,\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {processes.selected}\r\n \r\n {\r\n return {\r\n ...data,\r\n styles: {\r\n ...data.styles,\r\n overflow: \"auto\",\r\n maxHeight: \"300px\",\r\n },\r\n };\r\n },\r\n },\r\n }}\r\n >\r\n {processes.arr.map((item, index) => (\r\n \r\n {item}\r\n \r\n ))}\r\n \r\n \r\n \r\n searchCrossReference()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n Search\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default CrossReferenceSearch;\r\n","import React, { Component } from \"react\";\r\nimport style from \"./style.module.scss\";\r\nimport { Row, Col, Container, Table } from \"reactstrap\";\r\nimport PropTypes from \"prop-types\";\r\nimport CircularProgress from \"../../../CircularProgress/CircularProgress\";\r\n\r\nconst Grid = ({ crossReferences, loading, Link }) => {\r\n return (\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 );\r\n};\r\n\r\nconst EmptyTable = ({ loading }) => (\r\n | Id | \r\nMain Process | \r\nMain Process Id | \r\nMain Sub Process Id | \r\n\r\n {cross.id}\r\n | \r\n\r\n \r\n {cross.mainProcess}\r\n \r\n | \r\n\r\n \r\n {cross.mainProcessId}\r\n \r\n | \r\n\r\n \r\n {cross.mainSubProcessId}\r\n \r\n | \r\n \r\n ))\r\n )}\r\n
|---|
No CrossReferences
\r\n )}\r\n\r\n {messageErrors.length > 0 ? (\r\n \r\n {messageErrors.map((m, index) => (\r\n \r\n ) : (\r\n \r\n {props.isEditCustodianEntity\r\n ? \"Custodian Entity was successfully updated\"\r\n : \"Custodian Entity was successfully created\"}\r\n \r\n )}\r\n
\r\n ) : (\r\n \r\n )}\r\n \r\n {messageConfirmCustodianEntity ? (\r\n \r\n ) : (\r\n {m.Description}
\r\n ))}\r\n No Clearing Houses
\r\n\r\n toggleModal(\"confirm\", {})}\r\n onConfirm={() => onConfirm()}\r\n />\r\n {openClearingHouse ? (\r\n \r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nconst EmptyClearingHouses = () => (\r\n \r\n \r\n \r\n \r\n onChangeClearingHouse({\r\n CustodyClearingHouseCode: e.target.value,\r\n })\r\n }\r\n />\r\n \r\n \r\n \r\n onChangeClearingHouse({ ClearingHouseId: v })}\r\n items={Object.values(custodianClearingHouse.clearingHouseNames).map((key, index) => ({\r\n id: key.id,\r\n description: key.name,\r\n }))}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n \r\n onChangeClearingHouse({\r\n CustodianEntityClearingHouseStatus: v,\r\n })\r\n }\r\n items={Object.values(CustodianEntityStatus).map((key, index) => ({\r\n id: key.id,\r\n description: key.name,\r\n }))}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n \r\n onChangeClearingHouse({\r\n CustodyClearingHouseSettlementInstructions: e.target.value,\r\n })\r\n }\r\n />\r\n \r\n \r\n
\r\n
\r\n ) : (\r\n \r\n {\" \"}\r\n confirmClearingHouse()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n {props.EditClearingHouse ? \"Edit\" : \"Save\"}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Code | \r\nDef. | \r\nStatus | \r\nEdit | \r\nDel. | \r\n|
|---|---|---|---|---|---|
| {c.CustodyClearingHouseCode} | \r\n{c.CustodyClearingHouseIsDefault == true ? \"true\" : \"false\"} | \r\n{c.CustodianEntityClearingHouseStatus} | \r\nClickEditClearingHouses(c, index)}>\r\n \r\n | \r\n {c.CustodianEntityClearingHouseStatus == \"Blocked\" ||\r\n c.CustodianEntityClearingHouseStatus == \"Inactive\" ? (\r\n\r\n ) : (\r\n | ClickDeleteClearingHouse(c, index)}>\r\n \r\n | \r\n )}\r\n
No Clearing Houses
\r\n\r\n toggleModal(\"confirm\", {})}\r\n onConfirm={() => onConfirm()}\r\n />\r\n {openCodeType ? (\r\n \r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nconst EmptyCodeTypes = () => (\r\n \r\n \r\n \r\n onChangeCodeType({ CodeTypeId: v })}\r\n items={CodeTypeNames.map((e) => ({\r\n id: e.CodeTypeId,\r\n description: e.CodeTypeName,\r\n }))}\r\n />\r\n \r\n \r\n \r\n \r\n onChangeCodeType({\r\n CodeTypeValue: e.target.value,\r\n })\r\n }\r\n />\r\n \r\n \r\n
\r\n\r\n
\r\n ) : (\r\n \r\n {\" \"}\r\n confirmCodeType()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n {props.EditCodeType ? \"Edit\" : \"Save\"}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Code Type | \r\nCode Value | \r\nEdit | \r\nDel. | \r\n
|---|---|---|---|
| {CodeTypeNames.find((e) => e.CodeTypeId == c.CodeTypeId).CodeTypeName} | \r\n{c.CodeTypeValue} | \r\nClickEditCodeType(c, index)}>\r\n \r\n | \r\nClickDeleteCodeType(c, index)}>\r\n \r\n | \r\n
No Code Types
\r\n\r\n toggleModal(\"confirm\", {})}\r\n onConfirm={() => onConfirm()}\r\n />\r\n {openContact ? (\r\n \r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nconst EmptyContact = () => (\r\n \r\n \r\n \r\n \r\n onChangeContact({\r\n CustodianEntityContactName: e.target.value,\r\n })\r\n }\r\n />\r\n \r\n \r\n \r\n onChangeContact({ CustodianEntityContactType: v })}\r\n items={Object.values(custodianContact.contactTypes).map((key, index) => ({\r\n id: [key],\r\n description: [key],\r\n }))}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n \r\n onChangeContact({\r\n CustodianEntityContactEmail1: e.target.value,\r\n })\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n onChangeContact({\r\n CustodianEntityContactEmail2: e.target.value,\r\n })\r\n }\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n \r\n onChangeContact({\r\n CustodianEntityContactTel1: e.target.value,\r\n })\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n onChangeContact({\r\n CustodianEntityContactTel2: e.target.value,\r\n })\r\n }\r\n />\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n onChangeContact({\r\n CustodianEntityContactNotes: e.target.value,\r\n })\r\n }\r\n />\r\n \r\n \r\n
\r\n
\r\n ) : (\r\n \r\n {\" \"}\r\n confirmContact()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n {props.EditContact ? \"Edit\" : \"Save\"}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | Name | \r\nTel | \r\nEdit | \r\nDel. | \r\n|
|---|---|---|---|---|
| {c.CustodianEntityContactName} | \r\n{c.CustodianEntityContactEmail1} | \r\n{c.CustodianEntityContactTel1} | \r\nClickEditContact(c, index)}>\r\n \r\n | \r\nClickDeleteContact(c, index)}>\r\n \r\n | \r\n
No Contacts
\r\n\r\n {ui.loading && \r\n \r\n {/* Left */}\r\n \r\n onChange({ date: e.target.value })}\r\n />\r\n \r\n\r\n {/* ##### Volume ###### */}\r\n \r\n onChange({ volume: v })}\r\n invalid={!!errors.volume}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n\r\n {/* ##### Symbol ###### */}\r\n \r\n onChange({\r\n assetid: v.AssetId,\r\n assetticker: v.AssetTicker,\r\n })\r\n }\r\n error={errors.assetticker}\r\n disabled={readonly.assetticker}\r\n value={custody.assetticker}\r\n fetchSearchSymbol={services.fetchSearchSymbol}\r\n />\r\n {custody.id != undefined && (\r\n \r\n \r\n \r\n \r\n \r\n ({\r\n id: key,\r\n description: getIntStatusName(key),\r\n }))}\r\n disabled={custody.actualstatus == CustodyIntStatus.Returned || role == \"Advisor\"}\r\n invalid={!!errors.internalstatus}\r\n onChange={(v) => onChange({ internalstatus: v })}\r\n emptyLabel={\"Internal Status\"}\r\n style={{ background: \"#edf9ff\", fontWeight: 500 }}\r\n />\r\n \r\n \r\n
\r\n )}\r\n \r\n\r\n {/* Right */}\r\n onChange(dispatch, f)}\r\n filter={[]}\r\n hideInstruction={true}\r\n hideHolder={true}\r\n readonly={{\r\n AccountName: readonly.accountName,\r\n }}\r\n errors={{\r\n AccountName: errors.accountName,\r\n }}\r\n services={{\r\n fetchSearchAccount: services.fetchSearchAccount,\r\n }}\r\n />\r\n\r\n {custody.internalstatus != CustodyIntStatus.ClientRequest &&\r\n custody.internalstatus != CustodyIntStatus.CustodianRequest && (\r\n \r\n {/* Date */}\r\n \r\n onChange({ externaldate: e.target.value })}\r\n />\r\n \r\n\r\n {/* Reference */}\r\n \r\n onChange({ reference: e.target.value })}\r\n />\r\n \r\n\r\n {/* Doc Reference */}\r\n \r\n onChange({ docreference: e.target.value })}\r\n />\r\n \r\n \r\n )}\r\n\r\n {/* Documents */}\r\n {custody.internalstatus != CustodyIntStatus.ClientRequest && (\r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n {AssetPhysicalDenomination && custodyHasDenomination && (\r\n // && isGeneratedFrom == \"Default\"\r\n \r\n \r\n )}\r\n
\r\n {InternalStatus(custody.actualstatus)}
\r\n \r\n downloadFile(\"detail\")}>\r\n \r\n {\"Custody detail PDF\"}\r\n \r\n
\r\n \r\n
\r\n
\r\n {denominations.map((denomination, key) => {\r\n const isChecked = denominationsUsed.some(\r\n (item) => item.DenominationId === denomination.DenominationId\r\n );\r\n return (\r\n
\r\n )}\r\n \r\n
\r\n \r\n Denomination\r\n \r\n
\r\n\r\n \r\n {denominations.map((denomination, key) => {\r\n const isChecked = denominationsUsed.some(\r\n (item) => item.DenominationId === denomination.DenominationId\r\n );\r\n return (\r\n
\r\n \r\n item.tradeIsAlreadyConfirmed === true)\r\n // : false\r\n }\r\n onChange={(e) => {\r\n onChangeDenomination(e.target.checked, denomination.DenominationId, key);\r\n }}\r\n />\r\n \r\n
\r\n
\r\n
\r\n );\r\n })}\r\n \r\n
\r\n {\" \"}\r\n {modify.visible && (\r\n \r\n )}{\" \"}\r\n {precheck.visible && (\r\n actions.precheck()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n {\"Pre check\"}\r\n \r\n )}\r\n {confirm.visible && (\r\n actions.confirm()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n {\"Confirm\"}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default Footer;\r\n","import React, { useReducer, useEffect, useState } from \"react\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, Col, Row, Container, Input, Label } from \"reactstrap\";\r\nimport { initialize, defaultState } from \"./store/store\";\r\nimport style from \"./Custody.module.scss\";\r\nimport { custodyReducer, validateForm } from \"./store/reducer\";\r\nimport Footer from \"./Footer\";\r\nimport { Numeric, Combobox, Field } from \"../Order/Field/Field\";\r\nimport Symbol from \"./components/Symbol\";\r\nimport Account from \"../IO/Fields/Account\";\r\nimport { Mode } from \"../../../utils\";\r\nimport CircularProgress from \"../../CircularProgress/CircularProgress\";\r\nimport { showToast } from \"../../../utils/Helper\";\r\n\r\nconst Custody = ({ open, toggle, updateCustodies, services, role, ...props }) => {\r\n const [state, dispatch] = useReducer(custodyReducer, defaultState(), initialize(props));\r\n const { fields, custody, ui } = state;\r\n const { errors, readonly } = fields;\r\n const [displayMessage, setDisplayMessage] = React.useState(false);\r\n\r\n const [AssetPhysicalDenomination, setAssetPhysicalDenomination] = useState(false);\r\n const [denominationsUsed, setDenominationsUsed] = useState([]);\r\n const [denominations, setDenominations] = useState([]);\r\n\r\n const todayDate = new Date().toDateLocal();\r\n state.custody.internalstatus = \"Executed\";\r\n state.custody.externalstatus = \"Printed\";\r\n useEffect(() => {\r\n if (props.retriveAsync && ui.loading) {\r\n services.fetchGetCustody({ id: custody.id }).then((r) => {\r\n dispatch({ type: \"SET_CUSTODY\", custody: r.custody });\r\n });\r\n }\r\n\r\n dispatch({ type: \"SET_INITIALS_READONLY\" });\r\n }, []);\r\n\r\n const onChange = (fields) => {\r\n setDisplayMessage(false);\r\n dispatch({ type: \"CHANGE_FIELDS\", fields });\r\n dispatch({ type: \"CHANGE_MODE\", mode: Mode.EDIT });\r\n };\r\n\r\n const precheck = () => {\r\n state.fields.errors = {};\r\n dispatch({ type: \"CHANGE_MODE\", mode: Mode.PRECHECK });\r\n let hasErrors = validateForm(state);\r\n if (!hasErrors) {\r\n let order = {\r\n OrderQuantityIsCash: \"false\",\r\n OrderSide: \"Sell\",\r\n AssetId: state.custody.assetid,\r\n CurrentAccount: {\r\n AccountId: state.custody.AccountId,\r\n Quantity: state.custody.volume,\r\n },\r\n };\r\n let custodysdt = {\r\n ...custody,\r\n externaldate:\r\n custody.externaldate === \"0000-00-00\" || custody.externaldate === \"\"\r\n ? custody.date\r\n : custody.externaldate,\r\n };\r\n services.precheck({ custodysdt, order }).then((r) => {\r\n if (r.validation.result.Code == 200) {\r\n dispatch({ type: \"CHANGE_MODE\", mode: Mode.CONFIRM });\r\n } else {\r\n showToast(r.validation.result.Description, true);\r\n dispatch({ type: \"CHANGE_MODE\", mode: Mode.EDIT });\r\n }\r\n });\r\n }\r\n };\r\n\r\n const confirm = () => {\r\n dispatch({\r\n type: \"CHANGE_FIELDS\",\r\n fields: { assetid: custody.AssetId, accountId: state.custody.AccountId },\r\n });\r\n dispatch({ type: \"CHANGE_BUTTON_PROPS\", props: { confirm: { loading: true } } });\r\n services\r\n .fetchUpdateCustody({\r\n k2btrnmode: \"INS\",\r\n custody: {\r\n ...custody,\r\n accountId: custody.AccountId,\r\n assetid: custody.assetid,\r\n externaldate: custody.externaldate === \"0000-00-00\" ? custody.date : custody.externaldate,\r\n denominations: custody.denominationUsed,\r\n },\r\n })\r\n .then((r) => {\r\n if (r.result.Code === 200) {\r\n toggle();\r\n updateCustodies();\r\n showToast(\"Ok: custody addded with the id: \" + r.id, false);\r\n } else {\r\n showToast(r.result.Description, true);\r\n dispatch({ type: \"CHANGE_MODE\", mode: Mode.EDIT });\r\n }\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n if (custody) {\r\n if (custody.assetid) {\r\n services.fetchGetAssetInformation({ assetId: custody.assetid }).then((response) => {\r\n setAssetPhysicalDenomination(response.info.AssetPhysicalDenomination);\r\n onChange({ assetHasDenomination: response.info.AssetPhysicalDenomination });\r\n });\r\n }\r\n }\r\n }, [custody.assetid]);\r\n\r\n useEffect(() => {\r\n if (AssetPhysicalDenomination && custody.id) {\r\n const payload = {\r\n custodyLockReleaseId: custody.id,\r\n };\r\n // getDenominationsByCustody(payload)\r\n // .then((response) => {\r\n // setDenominationsUsed(response.response.denominations);\r\n // })\r\n // .catch((err) => console.Error(\"Error: \", err));\r\n //setDenominationsUsed(trade.denominationsUsed);\r\n }\r\n }, [AssetPhysicalDenomination, custody]);\r\n\r\n useEffect(() => {\r\n if (AssetPhysicalDenomination && custody.AccountId && custody.assetid) {\r\n const payload = {\r\n BasicAccountId: custody.AccountId,\r\n AssetId: custody.assetid,\r\n BalanceType: \"Current\",\r\n BookType: \"Self\",\r\n };\r\n services.getAvailableDenominationsByAccount(payload).then((response) => {\r\n setDenominations(response.denominations);\r\n });\r\n }\r\n }, [AssetPhysicalDenomination, custody.AccountId, custody.assetid]);\r\n\r\n const onChangeDenomination = (checked, value, index) => {\r\n let denominationResult = denominationsUsed;\r\n if (checked) {\r\n const denominationAdd = [...denominationsUsed, { key: index, DenominationId: value }];\r\n setDenominationsUsed(denominationAdd);\r\n denominationResult = denominationAdd;\r\n } else {\r\n const updatedDenomination = denominationsUsed.filter((item) => item.DenominationId !== value);\r\n setDenominationsUsed(updatedDenomination);\r\n denominationResult = updatedDenomination;\r\n }\r\n onChange({ denominationUsed: denominationResult });\r\n };\r\n\r\n return (\r\n \r\n {ui.loading && \r\n \r\n {/* Left */}\r\n \r\n onChange({ date: e.target.value })}\r\n />\r\n \r\n\r\n {/* ##### Volume ###### */}\r\n \r\n onChange({ volume: v })}\r\n invalid={!!errors.volume}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n\r\n {/* ##### Symbol ###### */}\r\n \r\n onChange({\r\n assetid: v.AssetId,\r\n assetticker: v.AssetTicker,\r\n })\r\n }\r\n error={errors.assetticker}\r\n value={custody.assetticker}\r\n accountId={custody.AccountId}\r\n fetchSearchSymbol={services.fetchSearchSymbol}\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\r\n {/* Right */}\r\n onChange(f)}\r\n filter={[]}\r\n hideInstruction={true}\r\n hideHolder={true}\r\n readonly={{\r\n AccountNumber: true,\r\n AccountName: false,\r\n }}\r\n errors={{\r\n AccountNumber: errors.AccountNumber,\r\n AccountName: errors.AccountName,\r\n }}\r\n services={{\r\n fetchSearchAccount: services.fetchSearchAccount,\r\n }}\r\n />\r\n {\r\n \r\n {/* Date */}\r\n \r\n onChange({ externaldate: e.target.value })}\r\n />\r\n \r\n\r\n {/* Reference */}\r\n \r\n onChange({ reference: e.target.value })}\r\n />\r\n \r\n\r\n {/* Doc Reference */}\r\n \r\n onChange({ docreference: e.target.value })}\r\n />\r\n \r\n \r\n }\r\n \r\n
\r\n \r\n {AssetPhysicalDenomination && (\r\n \r\n \r\n )}\r\n
\r\n \r\n {\"-\"}\r\n
\r\n \r\n {\"Executed\"}\r\n
\r\n \r\n
\r\n
\r\n {denominations.map((denomination, key) => {\r\n const isChecked = denominationsUsed.some(\r\n (item) => item.DenominationId === denomination.DenominationId\r\n );\r\n return (\r\n
\r\n )}\r\n \r\n
\r\n \r\n Denomination\r\n \r\n
\r\n\r\n \r\n {denominations.map((denomination, key) => {\r\n const isChecked = denominationsUsed.some(\r\n (item) => item.DenominationId === denomination.DenominationId\r\n );\r\n return (\r\n
\r\n \r\n item.tradeIsAlreadyConfirmed === true)\r\n : false\r\n }\r\n onChange={(e) => {\r\n onChangeDenomination(e.target.checked, denomination.DenominationId, key);\r\n }}\r\n />\r\n \r\n
\r\n
\r\n
\r\n );\r\n })}\r\n \r\n
\r\n {suggestion.name}\r\n
\r\n )}\r\n getSuggestionValue={(s) => `${s.name}`}\r\n onSuggestionsFetchRequested={fetchSearch}\r\n value={value || \"\"}\r\n inputProps={{\r\n placeholder: isCurrency ? \"Currency\" : \"Asset\",\r\n invalid: !!error,\r\n disabled: disabled || (ioType != null && ioType != IOType.Deposit && !accountId),\r\n }}\r\n onChange={(m, v) => internalOnChange(m, v)}\r\n />\r\n \r\n );\r\n};\r\n\r\nexport default Symbol;\r\n","import { mergeDeep } from \"../../../../utils/Helper\";\r\nimport { Mode } from \"../../../../utils\";\r\nimport { validation } from \"../Custody\";\r\nimport { CustodyIntStatus } from \"../../../Custody/types\";\r\n\r\nexport const custodyReducer = (state, action) => {\r\n switch (action.type) {\r\n case \"CHANGE_MODE\":\r\n switch (action.mode) {\r\n case Mode.EDIT:\r\n return processEdit(state);\r\n case Mode.PRECHECK:\r\n return processPrecheck(state);\r\n case Mode.CONFIRM:\r\n return processConfirm(state);\r\n default:\r\n return state;\r\n }\r\n case \"SET_CUSTODY\":\r\n return processSetCustody(state, action.custody);\r\n\r\n case \"SET_INITIALS_READONLY\":\r\n return processSetInitialsReadOnly(state);\r\n case \"CHANGE_FIELDS\":\r\n return processChangeFields(state, action.fields);\r\n case \"CHANGE_BUTTON_PROPS\":\r\n return changeButtonProps(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nfunction processSetCustody(state, custody) {\r\n const { mode } = state.ui;\r\n const readonly = {};\r\n if (mode == Mode.READONLY) {\r\n Object.keys(custody).forEach((f) => {\r\n readonly[f] = true;\r\n });\r\n }\r\n\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n ui: {\r\n loading: false,\r\n },\r\n custody: {\r\n ...custody,\r\n actualstatus: custody.internalstatus,\r\n },\r\n fields: {\r\n readonly,\r\n },\r\n buttons: {\r\n precheck: { visible: mode != Mode.READONLY },\r\n },\r\n }\r\n );\r\n}\r\n\r\nfunction processChangeFields(state, fields) {\r\n const errors = Object.keys(fields).reduce((f, name) => {\r\n //f[name] = undefined;\r\n return f;\r\n }, {});\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n custody: {\r\n ...fields,\r\n },\r\n fields: {\r\n errors,\r\n },\r\n }\r\n );\r\n}\r\n\r\nfunction processSetInitialsReadOnly(state) {\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n fields: {\r\n readonly: {\r\n accountName: true,\r\n assetticker: true,\r\n volume: state.custody.internalstatus != CustodyIntStatus.ClientRequest,\r\n date: true,\r\n },\r\n },\r\n }\r\n );\r\n}\r\n\r\nfunction processEdit(state) {\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n ui: {\r\n mode: Mode.EDIT,\r\n },\r\n buttons: {\r\n precheck: {\r\n visible: true,\r\n loading: false,\r\n },\r\n modify: {\r\n visible: false,\r\n },\r\n confirm: {\r\n visible: false,\r\n loading: false,\r\n },\r\n },\r\n }\r\n );\r\n}\r\n\r\nfunction processPrecheck(state) {\r\n const errors = validateForm(state);\r\n\r\n if (errors == false) {\r\n const readonly = {};\r\n\r\n Object.keys(state.custody).forEach((f) => {\r\n readonly[f] = true;\r\n });\r\n\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n ui: {\r\n mode: Mode.PRECHECK,\r\n },\r\n buttons: {\r\n precheck: {\r\n loading: true,\r\n },\r\n },\r\n fields: {\r\n readonly,\r\n },\r\n }\r\n );\r\n } else {\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n fields: {\r\n errors,\r\n },\r\n }\r\n );\r\n }\r\n}\r\n\r\nfunction processConfirm(state) {\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n buttons: {\r\n precheck: {\r\n visible: false,\r\n loading: false,\r\n },\r\n modify: {\r\n visible: true,\r\n },\r\n confirm: {\r\n visible: true,\r\n loading: false,\r\n },\r\n },\r\n }\r\n );\r\n}\r\n\r\nfunction changeButtonProps(state, { props }) {\r\n return mergeDeep({ ...state }, { buttons: { ...props } });\r\n}\r\n\r\nexport function validateForm(state) {\r\n const { custody, fields } = state;\r\n const { hiddens } = fields;\r\n const errors = {};\r\n\r\n const validations = validation(custody);\r\n\r\n Object.entries(validations).forEach((entry) => {\r\n const [name, value] = entry;\r\n\r\n if (!hiddens[name]) {\r\n if (value.empty) {\r\n if (custody[name] == undefined || custody[name] === \"\") {\r\n errors[name] = \"Required field\";\r\n } else if (value.autosuggestId && custody[value.autosuggestId] == undefined) {\r\n errors[name] = \"Must select a value from list\";\r\n } else if (!value.hasdenomination && custody[name] <= 0) {\r\n errors[name] = \"the value must be positive\";\r\n } else if (value.hasdenomination && custody[name].length != custody[\"volume\"]) {\r\n errors[name] =\r\n \"Must select \" + parseInt(custody.volume) + \" denominations for the volume selected.\";\r\n }\r\n }\r\n }\r\n });\r\n\r\n // has Errors only add errors to state\r\n if (Object.keys(errors).length !== 0) {\r\n return errors;\r\n }\r\n\r\n return false;\r\n}\r\n","import React from \"react\";\r\nimport { Mode } from \"../../../../utils\";\r\nimport { mergeDeep } from \"../../../../utils/Helper\";\r\nimport { CustodyLock, CustodyIntStatus } from \"../../../Custody/types\";\r\n\r\nexport const initialize = (props) => {\r\n return (initialState) => {\r\n let state = mergeDeep(\r\n { ...initialState },\r\n {\r\n ui: {\r\n mode: props.mode || Mode.EDIT,\r\n loading: props.retriveAsync,\r\n },\r\n custody: {\r\n ...props.custody,\r\n actualstatus: props.custody.internalstatus,\r\n },\r\n }\r\n );\r\n if (state.ui.mode == Mode.READONLY) {\r\n Object.keys(state.custody).forEach((f) => {\r\n state.fields.readonly[f] = true;\r\n });\r\n\r\n state.buttons.precheck.readonly = true;\r\n }\r\n\r\n return state;\r\n };\r\n};\r\n\r\nexport const defaultState = () => ({\r\n ui: {\r\n title: \"Custody\",\r\n mode: Mode.EDIT,\r\n },\r\n fields: {\r\n errors: {},\r\n readonly: {},\r\n hiddens: {},\r\n },\r\n custody: {\r\n id: null,\r\n assetid: null,\r\n assetticker: null,\r\n accountId: null,\r\n accountName: null,\r\n accountNumber: null,\r\n internalstatus: CustodyIntStatus.ClientRequest,\r\n date: new Date().toDateLocal(),\r\n volume: null,\r\n reference: null,\r\n docreference: null,\r\n externaldate: \"0000-00-00\",\r\n type: CustodyLock.LockSelf,\r\n denominationUsed: [],\r\n },\r\n buttons: {\r\n confirm: {\r\n visible: false,\r\n },\r\n precheck: {\r\n visible: true,\r\n },\r\n modify: {\r\n visible: false,\r\n },\r\n },\r\n});\r\n","import { CustodyIntStatus } from \"../../Custody/types\";\r\n\r\n\r\nexport function getEnabledStatus(custody) {\r\n let allInternalStatus = Object.values(CustodyIntStatus);\r\n let skipItems = [];\r\n\r\n if (custody.internalstatus == CustodyIntStatus.CustodianRequest) {\r\n skipItems = [CustodyIntStatus.ClientRequest];\r\n }\r\n else if (custody.internalstatus != CustodyIntStatus.ClientRequest ) {\r\n skipItems = [\r\n CustodyIntStatus.ClientRequest, \r\n CustodyIntStatus.CustodianRequest\r\n ];\r\n }\r\n \r\n if (custody.internalstatus == CustodyIntStatus.Returned) {\r\n skipItems = [...skipItems, CustodyIntStatus.ReturnRequested];\r\n }\r\n\r\n allInternalStatus = allInternalStatus.filter(\r\n s => skipItems.includes(s) == false\r\n );\r\n\r\n return allInternalStatus;\r\n}","import React, { useState } from \"react\";\r\nimport style from \"./styles.module.scss\";\r\nimport { Table, Button, Row, Col, Input } from \"reactstrap\";\r\nimport { Combobox, Field } from \"../../Order/Field/Field\";\r\nimport { Mode } from \"../../../Asset/types\";\r\nimport { BookTypes } from \"../../../../utils/Helper\";\r\n\r\nconst emptyItem = {\r\n currencyId: null,\r\n currencyISO: \"\",\r\n currencyNumber: \"\",\r\n imputableAccountId: null,\r\n imputableAccountName: \"\",\r\n};\r\n\r\nconst CurrencyList = ({ onChange, loadings, items, currencies, imputableAccounts }) => {\r\n const [edit, setEdit] = useState({\r\n open: false,\r\n mode: Mode.Insert,\r\n fields: {},\r\n errors: {},\r\n });\r\n\r\n const openEdit = (item) => {\r\n if (item) {\r\n setEdit({\r\n open: true,\r\n mode: Mode.Update,\r\n fields: { ...item },\r\n errors: {},\r\n });\r\n } else {\r\n setEdit({\r\n open: true,\r\n mode: Mode.Insert,\r\n fields: { ...emptyItem },\r\n errors: {},\r\n });\r\n }\r\n };\r\n\r\n const closeEdit = ({ confirm }) => {\r\n if (confirm) {\r\n const errors = validate(edit, items);\r\n\r\n if (Object.keys(errors).length === 0) {\r\n if (edit.mode === Mode.Insert) {\r\n handleAction(Mode.Insert);\r\n } else {\r\n handleAction(Mode.Update);\r\n }\r\n } else {\r\n setEdit({ ...edit, errors });\r\n return;\r\n }\r\n }\r\n\r\n setEdit({});\r\n };\r\n\r\n const handleAction = (action, item) => {\r\n if (action === Mode.Delete) {\r\n let deletedItem = {\r\n ...item,\r\n };\r\n deletedItem.imputableAccountId = \"\";\r\n deletedItem.currencyNumber = \"\";\r\n deletedItem.imputableAccountId = \"\";\r\n deletedItem.imputableAccountName = \"\";\r\n\r\n onChange({\r\n currencyAccounts: items.map((it) => {\r\n if (item.currencyId == it.currencyId && item.bookType == it.bookType) {\r\n return deletedItem;\r\n }\r\n return it;\r\n }),\r\n });\r\n } else {\r\n const imputableAccount = imputableAccounts.find((e) => e.id == edit.fields.imputableAccountId) || {};\r\n const currency = currencies.find((e) => e.currencyId == edit.fields.currencyId);\r\n const nextFields = {\r\n ...edit.fields,\r\n imputableAccountName: imputableAccount.name,\r\n currencyISO: currency.currencyISO,\r\n };\r\n if (action === Mode.Insert) {\r\n onChange({ currencyAccounts: [...items, nextFields] });\r\n } else if (action === Mode.Update) {\r\n onChange({\r\n currencyAccounts: items.map((item) => {\r\n if (item.currencyId == edit.fields.currencyId && item.bookType == edit.fields.bookType) {\r\n return nextFields;\r\n }\r\n return item;\r\n }),\r\n });\r\n }\r\n }\r\n };\r\n\r\n const handleOnChangeEdit = (fields) => {\r\n setEdit({ ...edit, fields: { ...edit.fields, ...fields } });\r\n };\r\n\r\n if (loadings.imputableAccounts || loadings.currencies) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nconst Edit = ({ mode, item, errors, currencies, imputableAccounts, onChange, toggle }) => {\r\n const filterImputableAccounts = (imputableAccounts, currencySelectedISO) => {\r\n return imputableAccounts.filter((account) => account.currencyIso === currencySelectedISO);\r\n };\r\n \r\n\r\n return (\r\n \r\n \r\n
\r\n {edit.open && (\r\n \r\n \r\n \r\n
\r\n
\r\n )}\r\n | Currency | \r\nCurrency number | \r\nBook type | \r\nImputable Account | \r\n\r\n |
|---|---|---|---|---|
| {item.currencyISO} | \r\n{item.currencyNumber} | \r\n{item.bookType} | \r\n{item.imputableAccountName} | \r\n\r\n \r\n | \r\n
\r\n \r\n {mode === Mode.Insert ? \"Adding new row\" : \"Editing row\"}\r\n \r\n \r\n \r\n {\r\n const currencySelected = currencies.find((currency) => currency.currencyId === v);\r\n onChange({\r\n currencyId: v,\r\n currencyISO: currencySelected ? currencySelected.currencyISO : \"\",\r\n });\r\n }}\r\n items={Object.values(currencies).map((k) => ({\r\n id: k.currencyId,\r\n description: k.currencyISO,\r\n }))}\r\n />\r\n \r\n \r\n onChange({ currencyNumber: e.target.value })}\r\n />\r\n \r\n \r\n \r\n onChange({ imputableAccountId: v })}\r\n emptyLabel=\"Not selected\"\r\n items={[{id : '', description:\"Not selected\"}, ...filterImputableAccounts(imputableAccounts, item.currencyISO).map((key) => ({\r\n id: key.id,\r\n description: key.name,\r\n }))]}\r\n />\r\n \r\n \r\n onChange({ bookType: v })}\r\n emptyLabel=\"Not selected\"\r\n items={Object.keys(BookTypes).map((key) => ({\r\n id: BookTypes[key],\r\n description: BookTypes[key],\r\n }))}\r\n />\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nfunction validate(edit, allItems) {\r\n const errors = {};\r\n const { fields, mode } = edit;\r\n\r\n if (fields.currencyId == \"\" || !fields.currencyId) {\r\n errors.currencyId = \"Required field\";\r\n }\r\n\r\n if (fields.bookType == \"\" || !fields.bookType){\r\n errors.bookType = \"Required field\";\r\n }\r\n\r\n\r\n if (mode === Mode.Insert) {\r\n if (allItems.some((e) => e.currencyId == fields.currencyId && e.bookType == fields.bookType)) {\r\n errors.currencyId = \"Already exists record with this currency\";\r\n errors.bookType = \"Already exists record with this book type\";\r\n }\r\n }\r\n\r\n return errors;\r\n}\r\n\r\nexport default CurrencyList;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"table\":\"styles-module_table_2Nxf5\",\"edit\":\"styles-module_edit_1mhG5\",\"buttons\":\"styles-module_buttons_XcNm9\"};","import React, { useReducer, useEffect, useRef, useState } from \"react\";\r\nimport { defaultState, initialize, CustodySimpleReducer, validateErr } from \"./reducer\";\r\nimport {\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Container,\r\n Row,\r\n Col,\r\n Input,\r\n Button,\r\n Spinner,\r\n UncontrolledDropdown,\r\n DropdownMenu,\r\n DropdownItem,\r\n DropdownToggle,\r\n CustomInput,\r\n FormGroup,\r\n Alert,\r\n} from \"reactstrap\";\r\nimport style from \"./Custody.module.scss\";\r\nimport { Field, Combobox } from \"../Order/Field/Field\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport CustodianEntity from \"../CustodianEntity/CustodianEntity\";\r\nimport { Mode } from \"../../Asset/types\";\r\nimport { LoadingMessage } from \"../Authorization/Processes\";\r\nimport CurrencyList from \"./CurrencyList/CurrencyList\";\r\nimport AutosuggestFund from \"../../Autosuggest/Autosuggest\";\r\nimport CustodyRateTable from \"./CustodyRateRange/CustodyRateTable\";\r\nimport { Numeric } from \"../Order/Field/Field\";\r\nimport CustomAutosuggest from \"./CustomAutosuggest\";\r\n\r\nconst CustodySet = ({ open, custodyRateTable, id, toggle, fetchs, ...props }) => {\r\n const titleRef = useRef();\r\n const [state, dispatch] = useReducer(CustodySimpleReducer, defaultState(), initialize(props));\r\n const [fundManager, setFundManager] = useState(false);\r\n const [errorMsg, setErrorMsg] = useState(null);\r\n const [fund, setFund] = useState({ FundId: 0, FundName: \"\" });\r\n const {\r\n dialogMode,\r\n globalError,\r\n custody,\r\n buttons,\r\n initialized,\r\n errors,\r\n message,\r\n sentAuthorization,\r\n openCustodianEntity,\r\n isEditCustodianEntity,\r\n custodianEntity,\r\n custodianEntityId,\r\n custodianEntityName,\r\n } = state;\r\n\r\n const accountType = [\r\n { id: 1, description: \"Customer\", name: \"Customer\", prop: false },\r\n { id: 2, description: \"In Balance\", name: \"InBalance\", prop: true },\r\n ];\r\n const RechargeCustodianEntity = (id) => {\r\n props.callApi(\"GetCustodianEntity\", {}).then((response) => {\r\n dispatch({ type: \"RECHARGE_CUSTODIAN_ENTITY\", response, id });\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n props.services.isFundManagerSistem().then((r) => {\r\n if (\r\n r.response &&\r\n r.response.SdtParametersData &&\r\n parseInt(r.response.SdtParametersData.ParameterNumericValue) === 1\r\n )\r\n setFundManager(true);\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (open && !id) {\r\n dispatch({ type: \"CHANGE_FIELDS\", fields: { currencyAccounts: [] } });\r\n dispatch({ type: \"CHANGE_FIELDS\", fields: { rateRanges: [] } });\r\n }\r\n }, [open]);\r\n\r\n useEffect(() => {\r\n props.callApi(\"GetCustodianEntity\", {}).then((response) => {\r\n dispatch({ type: \"GET_CUSTODIAN_ENTITY\", response });\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (id) {\r\n dispatch({ type: \"CHANGE_DIALOG_MODE\", nextMode: Mode.Update });\r\n props.callApi(\"GetCustodyAccount\", { id }).then(({ custody, result }) => {\r\n if (result.Code === 200) {\r\n dispatch({ type: \"LOAD_FOR_EDIT_CUSTODY\", fields: custody });\r\n if (custody.CustodianRelatedAccountId > 0) {\r\n setFund({ FundId: custody.fundCode, FundName: custody.fundName });\r\n }\r\n } else {\r\n dispatch({ type: \"LOAD_FOR_EDIT_CUSTODY\", fields: custody });\r\n alert(result.Description);\r\n }\r\n });\r\n }\r\n }, [id]);\r\n\r\n useEffect(() => {\r\n if (!id) {\r\n if (custodianEntity && custodianEntity.length > 0) {\r\n if (props.currencies && props.currencies.length > 0) {\r\n if (props.imputableAccounts && props.imputableAccounts.length > 0) {\r\n dispatch({ type: \"INITIALIZE_VALUES\", ...props });\r\n }\r\n }\r\n }\r\n }\r\n }, [id, custodianEntity, props.currencies, props.imputableAccounts]);\r\n\r\n const renderSuggestion = (suggestion) => (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {suggestion.isin}\r\n {\" - \"}\r\n {suggestion.name}\r\n
\r\n );\r\n\r\n const getSuggestionValue = (suggestion) => `${suggestion.isin} - ${suggestion.name}`;\r\n\r\n const onSuggestionsFetchRequested = ({ value }) =>\r\n props.services.fetchGetFunds({ filter: { text: value, offset: 0, length: 20 } }).then((response) =>\r\n response.response.items.map((a) => {\r\n return {\r\n isin: a.AssetISIN,\r\n name: a.AssetName,\r\n id: a.AssetId,\r\n };\r\n })\r\n );\r\n\r\n const onChangeFund = (method, newValue) => {\r\n if (newValue && (method == \"click\" || method == \"enter\")) {\r\n setFund({\r\n FundId: newValue.id,\r\n FundName: newValue.name,\r\n });\r\n onChange({ CustodianRelatedAccountId: newValue.id });\r\n }\r\n };\r\n\r\n const confirm = () => {\r\n dispatch({ type: \"VALIDATE_FIELDS\", ...props });\r\n const error = validateErr(state, fundManager);\r\n if (error == \"\") {\r\n setErrorMsg(null);\r\n dispatch({\r\n type: \"UPDATE_BUTTONS\",\r\n buttons: { confirm: { loading: true } },\r\n });\r\n const action = dialogMode === Mode.Update ? \"UPD\" : \"INS\";\r\n var body = {\r\n action,\r\n custody: { ...custody, entityId: custodianEntityId },\r\n };\r\n props.onSetCustody(\"SetCustody\", body).then((response) => {\r\n if (dialogMode === Mode.Update) {\r\n dispatch({\r\n type: \"UPDATE_BUTTONS\",\r\n buttons: { confirm: { loading: false } },\r\n });\r\n if (response.result.Code === 200) {\r\n props.onClickClose();\r\n } else {\r\n titleRef.current.scrollIntoView();\r\n titleRef.current.focus();\r\n dispatch({\r\n type: \"UPDATE_FIELDS\",\r\n fields: { globalError: response.result.Description },\r\n });\r\n }\r\n } else {\r\n dispatch({ type: \"SENT_AUTHORIZATION\", response });\r\n }\r\n });\r\n } else {\r\n setErrorMsg(error);\r\n }\r\n };\r\n\r\n const onChange = (fields) => dispatch({ type: \"CHANGE_FIELDS\", fields });\r\n\r\n const EditClearingHouse = () => {\r\n dispatch({ type: \"EDIT_CLEARING_HOUSE\", ...props });\r\n };\r\n const onChangeClearingHouse = (fields) => dispatch({ type: \"CLEARING_HOUSES_FIELDS\", fields });\r\n const CancelClearingHouse = () => {\r\n dispatch({ type: \"CLOSE_CLEARING_HOUSE\" });\r\n };\r\n const addClearingHouse = () => {\r\n dispatch({ type: \"ADD_CLEARING_HOUSE\", ...props });\r\n };\r\n const EditClearingHouseId = (c) => dispatch({ type: \"EDIT_CLEARING_HOUSE_ID\", c, ...props });\r\n const SaveEditClearingHouse = () => {\r\n dispatch({ type: \"SAVE_EDIT_CLEARING_HOUSE\", ...props });\r\n };\r\n const onChangeAccountType = (fields) => {\r\n dispatch({ type: \"CHANGE_FIELDS_ACCOUNT_TYPE\", fields });\r\n };\r\n const InitializeValues = () => {\r\n dispatch({ type: \"INITIALIZE_VALUES\", ...props });\r\n };\r\n const ResetClose = () => {\r\n dispatch({ type: \"RESET_CLOSE\", ...props });\r\n };\r\n const OpenCustodianEntity = () => {\r\n dispatch({ type: \"OPEN_CUSTODIAN_ENTITY\", ...props });\r\n };\r\n const CloseCustodianEntity = () => {\r\n dispatch({ type: \"CLOSE_CUSTODIAN_ENTITY\", ...props });\r\n };\r\n const EditCustodianEntity = () => {\r\n dispatch({ type: \"EDIT_CUSTODIAN_ENTITY\", ...props });\r\n };\r\n const UpdateFields = (fields) => {\r\n dispatch({ type: \"UPDATE_FIELDS\", fields });\r\n };\r\n\r\n const isEditing = dialogMode === Mode.Update;\r\n\r\n if (!open) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n \r\n ResetClose()}>\r\n \r\n \r\n {dialogMode === Mode.Update && initialized === false ? (\r\n \r\n {!!globalError && (\r\n \r\n {globalError}\r\n \r\n )}\r\n {isEditing && custody.currencyAccounts.length == 0 && (\r\n \r\n Imputable accounts is empty\r\n \r\n )}\r\n \r\n \r\n onChange({ name: e.target.value })}\r\n />\r\n \r\n \r\n \r\n onChangeAccountType({ accountType: v })}\r\n items={Object.values(accountType).map((key, index) => ({\r\n id: key.id,\r\n description: key.description,\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 \r\n\r\n \r\n OpenCustodianEntity()}>New \r\n EditCustodianEntity()}>Edit \r\n \r\n \r\n \r\n
\r\n {custodyRateTable ? (\r\n \r\n \r\n \r\n
\r\n ) : (\r\n \r\n \r\n onChange({ CustodianMoneyMarketRate: e })}\r\n />\r\n \r\n \r\n \r\n onChange({ CustodianMarginRate: e })}\r\n />\r\n \r\n \r\n \r\n onChange({ CustodianMoneyMarketRateMin: e })}\r\n />\r\n \r\n \r\n
\r\n )}\r\n\r\n {fundManager && (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n onChange({ custodiesCash: !custody.custodiesCash })}\r\n />\r\n \r\n \r\n \r\n onChange({ custodiesValues: !custody.custodiesValues })}\r\n />\r\n \r\n \r\n \r\n onChange({ isLocalBank: !custody.isLocalBank })}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n onChange({ feeSchema: e.target.value })}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n onChange({ description: e.target.value })}\r\n />\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n {errorMsg && (\r\n \r\n {errorMsg}\r\n \r\n )}\r\n {sentAuthorization ? (\r\n \r\n \r\n {openCustodianEntity ? (\r\n
\r\n );\r\n};\r\n\r\nconst LoadingWrapper = ({ children, loading }) =>\r\n loading ? {isEditing ? \"Edit custody account\" : \"New custody account\"}
\r\n \r\n
\r\n ) : (\r\n \r\n \r\n {message}\r\n \r\n \r\n
\r\n ) : (\r\n \r\n \r\n\r\n confirm()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n Confirm\r\n \r\n
\r\n )}\r\n No Clearing Houses
\r\n\r\n
\r\n );\r\n};\r\n\r\nconst Edit = ({ mode, item, errors, currencies, imputableAccounts, onChange, toggle, custody }) => {\r\n return (\r\n \r\n \r\n
\r\n {edit.open && (\r\n \r\n \r\n \r\n
\r\n
\r\n )}\r\n | Positive Rate | \r\nNegative Rate | \r\nMoney Market Rate Min | \r\nMoney Market Rate Max | \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 | \r\n
\r\n \r\n {mode === Mode.Insert ? \"Adding new row\" : \"Editing row\"}\r\n \r\n \r\n \r\n onChange({ CustodyRateRangesPositiveRate: e })}\r\n />\r\n \r\n \r\n \r\n onChange({ CustodyRateRangesNegativeRate: e })}\r\n />\r\n \r\n \r\n \r\n onChange({ CustodyRateRangesMin: e })}\r\n />\r\n \r\n \r\n \r\n onChange({ CustodyRateRangesMax: e })}\r\n />\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default CurrencyList;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"table\":\"styles-module_table_3RmdV\",\"edit\":\"styles-module_edit_1syXE\",\"buttons\":\"styles-module_buttons_41cdu\"};","import React, { useEffect, useState } from \"react\";\r\nimport Autosuggest from \"react-autosuggest\";\r\n\r\nconst getSuggestions = (value, items) => {\r\n const inputValue = value.trim().toLowerCase();\r\n const inputLength = inputValue.length;\r\n\r\n return inputLength === 0 ? [] : items.filter((item) => item.name.toLowerCase().includes(inputValue));\r\n};\r\n\r\nconst getSuggestionValue = (suggestion) => suggestion.name;\r\n\r\nconst renderSuggestion = (suggestion) => {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {suggestion.name}\r\n
\r\n );\r\n};\r\nconst CustomAutosuggest = ({\r\n custodianEntity,\r\n custodianEntityId,\r\n custodianEntityName,\r\n isEditing,\r\n errors,\r\n UpdateFields,\r\n}) => {\r\n const [suggestions, setSuggestions] = useState([]);\r\n useEffect(() => {\r\n const name = getCustodyName(custodianEntityId);\r\n UpdateFields({ custodianEntityName: name });\r\n }, [custodianEntityId]);\r\n\r\n const handleChange = (event, { newValue }) => {\r\n if (event.type == \"change\") {\r\n UpdateFields({ custodianEntityName: newValue });\r\n } else if (event.type == \"click\") {\r\n const selected = Object.values(custodianEntity).filter((item) => item.name.includes(newValue));\r\n\r\n UpdateFields({ custodianEntityId: selected[0].id });\r\n }\r\n };\r\n\r\n const handleSuggestionsFetchRequested = ({ value }) => {\r\n setSuggestions(getSuggestions(value, Object.values(custodianEntity)));\r\n };\r\n\r\n const handleSuggestionsClearRequested = () => {\r\n setSuggestions([]);\r\n };\r\n const getCustodyName = (id) => {\r\n const items = Object.values(custodianEntity);\r\n const selectedItem = items.filter((item) => item.id == id);\r\n return selectedItem[0].name;\r\n };\r\n\r\n const inputProps = {\r\n placeholder: \"Select ... \",\r\n value: custodianEntityName || \"\",\r\n onChange: handleChange,\r\n disabled: isEditing,\r\n style: { background: \"#edf9ff\", fontWeight: 500 },\r\n };\r\n\r\n return (\r\n \r\n \r\n {text}\r\n \r\n
,\r\n document.getElementById(\"modal-env-sign\")\r\n );\r\n }\r\n}\r\n\r\nexport default EnvironmentSign;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Button } from \"reactstrap\";\r\nimport style from \"./Execution.module.scss\";\r\n\r\nexport default ({ logs }) => {\r\n const [open, setOpen] = useState(false);\r\n\r\n useEffect(() => {\r\n if (logs) {\r\n }\r\n }, []);\r\n\r\n if (!logs) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n \r\n\r\n {open && (\r\n
\r\n );\r\n};\r\n\r\nfunction getClassTitle(key) {\r\n if (key.match(/candidate discarded/i)) {\r\n return \"text-danger\";\r\n }\r\n if (key.match(/candidate with warning/i)) {\r\n return \"text-warning\";\r\n }\r\n if (key.match(/candidate/i)) {\r\n return \"text-buy\";\r\n }\r\n return \"text-primary\";\r\n}\r\n","import React, { Component, Fragment, useState, useEffect } from \"react\";\r\nimport {\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Container,\r\n Row,\r\n Col,\r\n Input,\r\n Button,\r\n Alert,\r\n Table,\r\n CustomInput,\r\n} from \"reactstrap\";\r\nimport { NumberFormatInput } from \"../../NumberFormatInput/NumberFormatInput\";\r\nimport LaddaButton, { SLIDE_LEFT } from \"react-ladda\";\r\nimport { FormattedNumber } from \"../../FormattedNumber/FormattedNumber\";\r\n\r\nimport { getBaseAndPriceCurrencies, ProcessingMode } from \"../../../utils/Order/Order\";\r\nimport { accountProps, customFetchAssetInfo, customFetchAccountInfo } from \"../Order/Form/commons\";\r\nimport OrderInlineDetail from \"../../Order/InlineDetail\";\r\nimport ExecutionsTable from \"../../ExecutionsTable/ExecutionsTable\";\r\nimport { Field, Combobox, Switch, Symbol } from \"../Order/Field/Field\";\r\nimport { TradingRoutes, fetchCParties, CounterpartySuggest } from \"../Trading/FormFields\";\r\nimport { OrderStatus, getOrderStats } from \"../../../utils\";\r\nimport { debounce, showToast } from \"../../../utils/Helper\";\r\nimport TradingRoutesLogs from \"./Controls\";\r\nimport CircularProgress from \"../../CircularProgress/CircularProgress\";\r\nimport { CouponPayments } from \"../../Asset/Tabs/Contracts/Contracts\";\r\nimport Autosuggest from \"../../Autosuggest/Autosuggest\";\r\nimport * as _state from \"./_state\";\r\n\r\nimport style from \"./Execution.module.scss\";\r\n\r\nclass Execution extends Component {\r\n constructor(props) {\r\n super(props);\r\n _state.initialize.call(this, {\r\n ...props.order,\r\n manualFX: false,\r\n maxDecimals: 4,\r\n parValue: 1,\r\n total: undefined,\r\n calculatingTotal: false,\r\n isWritten: false,\r\n calculatingLegs: false,\r\n decimalAmount: undefined,\r\n newSymbol: false,\r\n });\r\n }\r\n\r\n calculateTotal() {\r\n const { order, services } = this.props;\r\n const { fetchGetCalculator, fetchCurrencyFXbyDate } = services;\r\n\r\n this.setState((prevState) => ({ ...prevState, calculatingTotal: true }));\r\n if (order.AssetClassForm != \"Forex\") {\r\n const body = {\r\n assetId: order.AssetId,\r\n isSecurity: true,\r\n date: this.state.execution.ExecutionValueDate,\r\n price: parseFloat(this.state.execution.ExecutionPrice),\r\n quantity: this.state.execution.ExecutionQuantity,\r\n priceisclean: false,\r\n priceisdirty: false,\r\n };\r\n fetchGetCalculator(body).then((res) => {\r\n this.setState((prevState) => ({\r\n ...prevState,\r\n total: res.calculator.total,\r\n calculatingTotal: false,\r\n execution: { ...prevState.execution, ExecutionTotal: res.calculator.total },\r\n }));\r\n });\r\n } else {\r\n const body = {\r\n baseCurrency: order.OrderCurrencyId,\r\n targetCurrency: order.OrderSettlementCurrencyId,\r\n date: this.state.execution.ExecutionValueDate,\r\n };\r\n\r\n fetchCurrencyFXbyDate(body).then((res) => {\r\n let total;\r\n if (res.FX.divides)\r\n total =\r\n parseFloat(this.state.execution.ExecutionQuantity) /\r\n parseFloat(this.state.execution.ExecutionPrice);\r\n else\r\n total =\r\n parseFloat(this.state.execution.ExecutionQuantity) *\r\n parseFloat(this.state.execution.ExecutionPrice);\r\n\r\n total = isNaN(total) ? 0 : total;\r\n this.setState((prevState) => ({\r\n ...prevState,\r\n total: total,\r\n calculatingTotal: false,\r\n execution: { ...prevState.execution, ExecutionTotal: total },\r\n }));\r\n });\r\n }\r\n }\r\n\r\n getEntities() {\r\n const { entities, saveEntities } = this.props;\r\n\r\n const isStoredData =\r\n entities && entities.counterparties && Object.entries(entities.counterparties).length > 0;\r\n\r\n //Si los datos ya se encuentran guardados, no llamamos a la API.\r\n if (isStoredData || entities.isLoading) {\r\n return;\r\n }\r\n\r\n //Se llama a la API y se almacena en redux.\r\n saveEntities && saveEntities();\r\n }\r\n\r\n componentDidMount() {\r\n const trader_name_input =\r\n window.___APP_CONFIG___ && window.___APP_CONFIG___.TRADER_NAME_INPUT\r\n ? window.___APP_CONFIG___.TRADER_NAME_INPUT\r\n : false;\r\n this.setState((prevState) => ({ ...prevState, showTraderName: trader_name_input }));\r\n this.getTradingRoutes();\r\n this.getTradesAllowedTimeSpan();\r\n if (trader_name_input) {\r\n this.getAuthorizedTraders();\r\n }\r\n this.getEntities();\r\n if (this.props.order) {\r\n this.getSettlementCurrencies(true, true);\r\n if (this.props.order.AssetClassForm === \"Repo\") {\r\n const newContractdata = {\r\n ContractType: \"Repo\",\r\n term: this.props.order.OrderTerm,\r\n margin: 0,\r\n RefAssetid: this.props.order.AssetId,\r\n price: 0,\r\n rate: this.props.order.OrderType === \"Limit\" ? +this.props.order.OrderPrice : 0,\r\n limit: this.props.order.OrderType === \"Limit\" ? +this.props.order.OrderPrice : 0,\r\n appraisal: 100,\r\n marketValue: 0,\r\n currency: this.props.order.OrderCurrencySymbol,\r\n open: false,\r\n opening: 0,\r\n closing: 0,\r\n couponPayments: [],\r\n CollateralAssetid: 0,\r\n CollateralAssetTicker: \"\",\r\n CollateralQuantity: 0,\r\n paymenttoborrower: 0,\r\n };\r\n\r\n this.setState((prevState) => {\r\n return {\r\n ...prevState,\r\n execution: {\r\n ...prevState.execution,\r\n contractdata: newContractdata,\r\n },\r\n };\r\n });\r\n\r\n if (this.props.order.OrderSide === \"Sell\") {\r\n this.props.services\r\n .fetchGetAssetInformation({ assetId: this.props.order.CurrentAccount.Collateral[0].AssetId })\r\n .then((response) => {\r\n this.setState((prevState) => ({\r\n ...prevState,\r\n decimalAmount: response.info.SubAssetClassDecimalPlaces,\r\n }));\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n showToast(\"Error fetching the Asset Class Information\", true);\r\n });\r\n\r\n this.props.services\r\n .fetchGetAssetQuote({\r\n assetquote_in: {\r\n assetid: this.props.order.CurrentAccount.Collateral[0].AssetId,\r\n Date: this.state.execution.ExecutionDate,\r\n AssetQuotePrice: true,\r\n },\r\n })\r\n .then(({ response }) => {\r\n if (this.props.order.CurrentAccount.Collateral) {\r\n this.setState(\r\n (prevState) => ({\r\n ...prevState,\r\n execution: {\r\n ...prevState.execution,\r\n contractdata: {\r\n ...prevState.execution.contractdata,\r\n price: response.assetquote_out.AssetQuotePrice,\r\n CollateralAssetid: this.props.order.CurrentAccount.Collateral[0].AssetId,\r\n CollateralAssetTicker: this.props.order.CurrentAccount.Collateral[0].AssetTicker,\r\n CollateralQuantity: this.props.order.CurrentAccount.Collateral[0].CollateralQuantity,\r\n },\r\n },\r\n }),\r\n () => this.handleGetLegs()\r\n );\r\n } else {\r\n showToast(\"Error fetching order data, no collateral information found\", true);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n showToast(\"Error fetching collateral asset price\", true);\r\n });\r\n }\r\n\r\n //Looks for who is the default contract side that takes the repo payments\r\n if (this.props.services.getRepoDefaultPaymentsCorrespondent) {\r\n const { execution } = this.state;\r\n this.getRepoDefaultPaymentToBorrower(execution.TradingRouteId);\r\n }\r\n } else {\r\n this.props.services\r\n .fetchGetAssetInformation({ assetId: this.props.order.AssetId })\r\n .then((response) => {\r\n const isFXOrder = this.props.order.AssetClassForm == \"Forex\";\r\n this.setState((prevState) => ({\r\n ...prevState,\r\n decimalAmount: isFXOrder ? 2 : response.info.SubAssetClassDecimalPlaces,\r\n }));\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n showToast(\"Error fetching the Asset Class Information\", true);\r\n });\r\n }\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const { order: prevOrder } = prevProps;\r\n const { order } = this.props;\r\n const { execution: prevExecution } = prevState;\r\n const { execution, manualFX } = this.state;\r\n if (\r\n order.OrderCurrencyId != prevOrder.OrderCurrencyId ||\r\n order.OrderSettlementCurrencyId != prevOrder.OrderSettlementCurrencyId ||\r\n prevOrder.AssetId != order.AssetId ||\r\n prevExecution.ExecutionDate != execution.ExecutionDate ||\r\n prevExecution.ExecutionValueDate != execution.ExecutionValueDate\r\n ) {\r\n const updateValueDate =\r\n prevOrder.AssetId != order.AssetId || prevExecution.ExecutionDate != execution.ExecutionDate;\r\n\r\n const updateFX = !manualFX;\r\n\r\n this.getSettlementCurrencies(updateValueDate, updateFX);\r\n }\r\n\r\n if (prevExecution.ExecutionTotal != execution.ExecutionTotal) {\r\n this.handleGetFees();\r\n }\r\n\r\n if (prevExecution.ExecutionDate != execution.ExecutionDate) {\r\n this.getTradesAllowedTimeSpan();\r\n }\r\n\r\n if (prevExecution.TradingRouteId !== execution.TradingRouteId) {\r\n this.handleGetFees();\r\n this.getRepoDefaultPaymentToBorrower(execution.TradingRouteId);\r\n }\r\n }\r\n\r\n onChange = (values) => {\r\n _state.changeValues.call(this, values);\r\n };\r\n\r\n updateSettlementDate = () => {\r\n if (this.props.order.AssetClassForm == \"Repo\" && this.state.execution.contractdata) {\r\n this.handleGetLegs();\r\n }\r\n };\r\n\r\n delayedUpdateFilterValue = (name, value) => {\r\n this.setState((prevState) => ({\r\n delayedFilter: {\r\n ...prevState.delayedFilter,\r\n [name]: value,\r\n },\r\n }));\r\n\r\n this.handleFilterDebounced();\r\n };\r\n\r\n getRepoDefaultPaymentToBorrower = (id) => {\r\n if (this.props.services.getRepoDefaultPaymentsCorrespondent) {\r\n this.props.services.getRepoDefaultPaymentsCorrespondent(id).then(({ response }) => {\r\n const data = response ? response.execution : null;\r\n const paymentToBorrower = data && data.contractdata ? data.contractdata.paymenttoborrower : 0;\r\n return this.setState((prevState) => {\r\n return {\r\n ...prevState,\r\n execution: {\r\n ...prevState.execution,\r\n contractdata: { ...prevState.execution.contractdata, paymenttoborrower: paymentToBorrower },\r\n },\r\n };\r\n });\r\n });\r\n }\r\n };\r\n\r\n confirm = () => {\r\n // validate\r\n const noErrors = _state.validate.call(this, this.props.order);\r\n\r\n if (noErrors) {\r\n this.setState((prevState) => ({ ...prevState, loading: true }));\r\n\r\n const { orderId, order, relatedOrder, services } = this.props;\r\n const { fetchAddExecution } = services;\r\n const { settlementCurrencies, total } = this.state;\r\n\r\n const settleCurrencyInfo = settlementCurrencies.find(\r\n (c) => c.currencyInfo.currencyISO == order.OrderSettlementCurrencySymbol\r\n );\r\n\r\n const execution = {\r\n ...this.state.execution,\r\n ExecutionFXMultiplies: settleCurrencyInfo ? settleCurrencyInfo.multiplies : true,\r\n ExecutionTotal: total,\r\n contractdata: {\r\n ...this.state.execution.contractdata,\r\n contractCounterParty: this.state.execution.CounterPartyId,\r\n },\r\n };\r\n\r\n fetchAddExecution({\r\n execution,\r\n orderId,\r\n })\r\n .then((res) => res.response)\r\n .then((res) => {\r\n if (res.result.Code !== 200) {\r\n alert(res.result.Description);\r\n this.setState((prevState) => ({ ...prevState, loading: false }));\r\n } else {\r\n const qtyPending = _state.calculateAvailableQty(order) - execution.ExecutionQuantity;\r\n\r\n if (qtyPending == 0 && relatedOrder != null) {\r\n _state.clear.call(this);\r\n this.props.onToggle(true, { order: relatedOrder });\r\n } else {\r\n _state.clear.call(this, qtyPending > 0 ? { ExecutionQuantity: qtyPending } : {});\r\n }\r\n }\r\n });\r\n }\r\n };\r\n\r\n getTradingRoutes = () => {\r\n const { order, services } = this.props;\r\n const { OrderId } = order;\r\n const { fetchTradingRoutes } = services;\r\n const { execution } = this.state;\r\n\r\n fetchTradingRoutes({ processId: OrderId, quantity: this.state.execution.ExecutionQuantity })\r\n .then((res) => ({\r\n routes: res.response.sorroutes,\r\n logs: res.response.keyvalues,\r\n }))\r\n .then(({ routes, logs }) => {\r\n //remove duplicates\r\n let uniqueRoutes = [];\r\n\r\n let preferredRouteId = -1;\r\n let betterPreference = 9999;\r\n\r\n routes.forEach((r) => {\r\n if (r.name != \"\") {\r\n if (uniqueRoutes.find((e) => e.id == r.id) == undefined) {\r\n uniqueRoutes.push(r);\r\n if (r.preference < betterPreference) {\r\n preferredRouteId = r.id;\r\n betterPreference = r.preference;\r\n }\r\n }\r\n }\r\n });\r\n\r\n if (uniqueRoutes.find((e) => e.id == execution.TradingRouteId) == undefined) {\r\n this.onChange({ TradingRouteId: preferredRouteId });\r\n }\r\n\r\n _state.setTradeRoutes.call(\r\n this,\r\n uniqueRoutes.map((r) => ({\r\n id: r.id,\r\n description: r.name,\r\n })),\r\n logs\r\n );\r\n });\r\n };\r\n\r\n getAuthorizedTraders = () => {\r\n if (this.props.services.getAuthorizedTraders) {\r\n this.props.services.getAuthorizedTraders().then((r) => {\r\n r.response &&\r\n this.setState((prevState) => ({\r\n ...prevState,\r\n authUsers: r.response.authUsers,\r\n execution: { ...prevState.execution, ExecutionTrader: \"\" },\r\n }));\r\n });\r\n }\r\n };\r\n\r\n getTradesAllowedTimeSpan = () => {\r\n const { services } = this.props;\r\n const { execution } = this.state;\r\n\r\n services\r\n .getTradesTimeSpan({ date: execution.ExecutionDate })\r\n .then(({ response }) => {\r\n this.setState((state) => ({\r\n ...state,\r\n minTradeDate: response.startingTime,\r\n maxTradeDate: response.endingTime,\r\n restricted: response.restricted,\r\n }));\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n };\r\n\r\n getSettlementCurrencies = (updateValueDate, updateFX) => {\r\n const { order, services } = this.props;\r\n const { fetchOrderAssetInfo } = services;\r\n const { execution } = this.state;\r\n\r\n const data = {\r\n tradeDate: execution.ExecutionDate,\r\n valueDate: execution.ExecutionValueDate,\r\n useValueDate: !updateValueDate,\r\n orderForm: order.AssetClassForm,\r\n assetId: order.AssetId,\r\n assetTicker: order.AssetTicker,\r\n tradeCurrencyId: order.OrderCurrencyId,\r\n settleCurrencyId: order.OrderSettlementCurrencyId,\r\n };\r\n\r\n const isFXOrder = order.AssetClassForm == \"Forex\";\r\n\r\n fetchOrderAssetInfo(data).then((res) => {\r\n const { settlementCurrency: settlementCurrencies, items } = res.response.assetorderdata;\r\n let fx;\r\n let valueDate;\r\n\r\n if (settlementCurrencies) {\r\n fx = isFXOrder ? execution.ExecutionPrice : execution.ExecutionFX;\r\n if (updateFX) {\r\n const settleCurrency = settlementCurrencies.find(\r\n (c) => c.currencyInfo.currencyId == order.OrderSettlementCurrencyId\r\n );\r\n fx ? parseFloat(settleCurrency.fx) : null;\r\n }\r\n }\r\n\r\n if (updateValueDate && items.find((i) => i.key == \"SettlementDayDate\")) {\r\n valueDate = items.find((i) => i.key == \"SettlementDayDate\").value;\r\n }\r\n\r\n let maxDecimals = 4;\r\n if (items.find((i) => i.key == \"MaxDecimals\")) {\r\n maxDecimals = parseInt(items.find((i) => i.key == \"MaxDecimals\").value, 10);\r\n }\r\n\r\n let parValue = 1.0;\r\n if (items.find((i) => i.key == \"ParValue\")) {\r\n parValue = parseFloat(items.find((i) => i.key == \"ParValue\").value);\r\n }\r\n\r\n this.setState((state) => {\r\n const newExecution = {\r\n ...state.execution,\r\n ExecutionValueDate: valueDate || state.execution.ExecutionValueDate,\r\n ExecutionFX: fx || state.execution.ExecutionFX,\r\n };\r\n\r\n if (!this.state.isWritten) {\r\n newExecution.ExecutionPrice = fx || state.execution.ExecutionPrice;\r\n }\r\n // this.setState({ isWritten: true }); ¿?\r\n return {\r\n ...state,\r\n isWritten: true,\r\n settlementCurrencies: settlementCurrencies ? settlementCurrencies : state.settlementCurrencies,\r\n maxDecimals,\r\n parValue,\r\n execution: newExecution,\r\n };\r\n });\r\n });\r\n };\r\n\r\n delete = (execution, callback = () => {}) => {\r\n const { orderId, order, services } = this.props;\r\n const { fetchRemoveExecution } = services;\r\n const executionId = execution.ExecutionId;\r\n const childId = execution.childId;\r\n\r\n fetchRemoveExecution({ executionId, childId, orderId }).then((response) => {\r\n if (response.response.result.Code == 200) {\r\n const qtyPending = order.stats.pending - +execution.ExecutionQuantity;\r\n _state.clear.call(this, qtyPending > 0 ? { ExecutionQuantity: qtyPending } : {});\r\n } else {\r\n alert(response.response.result.Description);\r\n\r\n const qtyPending = order.stats.pending;\r\n _state.clear.call(this, qtyPending > 0 ? { ExecutionQuantity: qtyPending } : {});\r\n }\r\n callback();\r\n });\r\n };\r\n\r\n onToggle = () => {\r\n _state.clear.call(this);\r\n this.props.onToggle();\r\n };\r\n\r\n renderSuggestion = (suggestion) => {\r\n return (\r\n \r\n {logs.map((value, index) => (\r\n
\r\n )}\r\n \r\n {value.key}\r\n {value.value}\r\n
\r\n ))}\r\n \r\n {suggestion.Ticker}\r\n {\" - \"}\r\n {suggestion.Description}\r\n
\r\n );\r\n };\r\n\r\n getSuggestionValue = (suggestion) => suggestion.Ticker;\r\n\r\n onSuggestionsFetchRequested = ({ value }) => {\r\n return this.props.services\r\n .fetchSearchSymbol({\r\n type: \"Forex\",\r\n text: value,\r\n })\r\n .then((response) => response.response.symbols);\r\n };\r\n\r\n handleGetLegs = () => {\r\n if (this.props.services.fetchGetOpeningAndClosingLegs) {\r\n this.setState((prevState) => ({ ...prevState, calculatingLegs: true }));\r\n this.props.services\r\n .fetchGetOpeningAndClosingLegs({ execution: this.state.execution })\r\n .then(({ response }) => {\r\n this.onChange({ ExecutionPrice: response.openingleg });\r\n this.setState((prevState) => ({\r\n ...prevState,\r\n execution: {\r\n ...prevState.execution,\r\n contractdata: {\r\n ...prevState.execution.contractdata,\r\n closing: response.closingleg,\r\n opening: response.openingleg,\r\n marketValue: response.marketvalue,\r\n couponPayments: response.cashflow_outs.map((payment) => ({\r\n ContractPaymentDate: payment.date,\r\n ContractPaymentName: payment.name,\r\n ContractPaymentAmmount: payment.payment,\r\n ContractPaymentAdjustedAmmount: payment.adjusted,\r\n })),\r\n },\r\n },\r\n }));\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n showToast(\"Error fetching opening and closing legs\", true);\r\n })\r\n .finally(() => {\r\n this.setState((prevState) => ({ ...prevState, calculatingLegs: false }));\r\n this.handleGetFees();\r\n });\r\n }\r\n };\r\n\r\n handleGetCollateralPrice = () => {\r\n this.props.services\r\n .fetchGetAssetInformation({ assetId: this.state.execution.contractdata.CollateralAssetid })\r\n .then((response) => {\r\n this.setState((prevState) => ({\r\n ...prevState,\r\n decimalAmount: response.info.SubAssetClassDecimalPlaces,\r\n }));\r\n });\r\n this.props.services\r\n .fetchGetAssetQuote({\r\n assetquote_in: {\r\n assetid: this.state.execution.contractdata.CollateralAssetid,\r\n Date: this.state.execution.ExecutionDate,\r\n AssetQuotePrice: true,\r\n },\r\n })\r\n .then(({ response }) => {\r\n this.setState(\r\n (prevState) => ({\r\n ...prevState,\r\n execution: {\r\n ...prevState.execution,\r\n contractdata: {\r\n ...prevState.execution.contractdata,\r\n price: response.assetquote_out.AssetQuotePrice,\r\n },\r\n },\r\n }),\r\n () => this.handleGetLegs()\r\n );\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n showToast(\"Error fetching collateral asset price\", true);\r\n });\r\n\r\n this.setState((prevState) => ({ ...prevState, calculatingPrice: true }));\r\n this.props.services\r\n .fetchGetOpeningAndClosingLegs({ execution: this.state.execution })\r\n .then(({ response }) => {\r\n this.setState((prevState) => ({\r\n ...prevState,\r\n execution: {\r\n ...prevState.execution,\r\n contractdata: {\r\n ...prevState.execution.contractdata,\r\n closing: response.closing,\r\n opening: response.openingleg,\r\n marketValue: response.marketvalue,\r\n couponPayments: response.cashflow_outs.map((payment) => ({\r\n ContractPaymentDate: payment.date,\r\n ContractPaymentName: payment.name,\r\n ContractPaymentAmmount: payment.payment,\r\n ContractPaymentAdjustedAmmount: payment.adjusted,\r\n })),\r\n },\r\n },\r\n }));\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n showToast(\"Error fetching opening and closing legs\", true);\r\n })\r\n .finally(() => {\r\n this.setState((prevState) => ({ ...prevState, calculatingPrice: false }));\r\n });\r\n };\r\n\r\n handleChangeAppraisal = (event) => {\r\n const value = event.value;\r\n this.setState(\r\n (prevState) => ({\r\n ...prevState,\r\n execution: {\r\n ...prevState.execution,\r\n contractdata: {\r\n ...prevState.execution.contractdata,\r\n appraisal: value,\r\n margin: 100 - +value,\r\n },\r\n },\r\n }),\r\n () => this.handleGetLegs()\r\n );\r\n };\r\n\r\n handleChangeHaircut = (event) => {\r\n const value = event.value;\r\n this.setState(\r\n (prevState) => ({\r\n ...prevState,\r\n execution: {\r\n ...prevState.execution,\r\n contractdata: {\r\n ...prevState.execution.contractdata,\r\n margin: value,\r\n appraisal: 100 - +value,\r\n },\r\n },\r\n }),\r\n () => this.handleGetLegs()\r\n );\r\n };\r\n\r\n handleChangeContractData = (name, value) => {\r\n return this.setState(\r\n (prevState) => {\r\n return {\r\n ...prevState,\r\n execution: {\r\n ...prevState.execution,\r\n contractdata: {\r\n ...prevState.execution.contractdata,\r\n [name]: value,\r\n },\r\n },\r\n };\r\n },\r\n () => this.handleGetLegs()\r\n );\r\n };\r\n\r\n handleChangeClosingLeg = (name, value) => {\r\n this.setState((prevState) => ({\r\n ...prevState,\r\n execution: {\r\n ...prevState.execution,\r\n contractdata: {\r\n ...prevState.execution.contractdata,\r\n [name]: value,\r\n },\r\n },\r\n }));\r\n };\r\n\r\n onChangeCollateral = (v) => {\r\n this.setState(\r\n (prevState) => ({\r\n ...prevState,\r\n execution: {\r\n ...prevState.execution,\r\n contractdata: {\r\n ...prevState.execution.contractdata,\r\n CollateralAssetid: v.AssetId,\r\n CollateralAssetTicker: v.AssetTicker,\r\n },\r\n },\r\n }),\r\n () => this.handleGetCollateralPrice()\r\n );\r\n };\r\n\r\n handleGetFees = () => {\r\n const execution = {\r\n ...this.state.execution,\r\n SettlementCurrencyId: this.props.order.OrderSettlementCurrencyId,\r\n };\r\n this.props.services\r\n .getExecutionFees({ execution })\r\n .then(({ response }) => {\r\n this.setState((prevState) => ({\r\n ...prevState,\r\n execution: {\r\n ...prevState.execution,\r\n Fees: response.execution.Fees,\r\n },\r\n }));\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n showToast(\"Error fetching fees\");\r\n });\r\n };\r\n\r\n handleSelectedTrader = (name) => {\r\n this.setState((prevState) => ({\r\n ...prevState,\r\n execution: { ...prevState.execution, ExecutionTrader: name },\r\n }));\r\n };\r\n\r\n onChangeTradeDate(e) {\r\n const { order, applySetDefaultExecTime, tradeDateStartTime, tradeDateEndTime } = this.props;\r\n const isBuy = order.OrderSide == \"Buy\";\r\n const dateTime = e.target.value;\r\n const inputRef = e.target;\r\n\r\n const tradeDateStartTimeHasValue = this.isValidTimeString(tradeDateStartTime);\r\n const tradeDateEndTimeHasValue = this.isValidTimeString(tradeDateEndTime);\r\n\r\n if (!applySetDefaultExecTime) {\r\n this.onChange({ ExecutionDate: dateTime });\r\n return;\r\n }\r\n\r\n const newTradeDate = new Date(dateTime);\r\n const previousExecutionDate = new Date(this.state.execution.ExecutionDate);\r\n const initialDate = new Date(this.state.initialDate);\r\n\r\n if (this.shouldApplyDefaultTime(newTradeDate, previousExecutionDate, initialDate)) {\r\n const time = this.getTime(\r\n isBuy,\r\n tradeDateStartTimeHasValue,\r\n tradeDateEndTimeHasValue,\r\n tradeDateStartTime,\r\n tradeDateEndTime\r\n );\r\n\r\n newTradeDate.setHours(time.hours, time.minutes, 0, 0);\r\n inputRef.blur();\r\n }\r\n\r\n this.onChange({ ExecutionDate: newTradeDate.toDatetimeLocal() });\r\n }\r\n\r\n getTime(isBuy, tradeDateStartTimeHasValue, tradeDateEndTimeHasValue, tradeDateStartTime, tradeDateEndTime) {\r\n //Default values\r\n let hours = isBuy ? 10 : 15;\r\n let minutes = 0;\r\n\r\n //Si la fecha es correcta, nos quedamos con el valor dependiendo si es compra o venta.\r\n const timeString = isBuy\r\n ? tradeDateStartTimeHasValue\r\n ? tradeDateStartTime\r\n : null\r\n : tradeDateEndTimeHasValue\r\n ? tradeDateEndTime\r\n : null;\r\n\r\n //La hora esta en formato {hh:mm}\r\n if (timeString) {\r\n hours = Number(timeString.slice(0, 2));\r\n minutes = Number(timeString.slice(2));\r\n }\r\n\r\n return { hours, minutes };\r\n }\r\n\r\n isValidTimeString(timeStr) {\r\n return timeStr && timeStr.length >= 4 && timeStr !== \"0000\";\r\n }\r\n\r\n shouldApplyDefaultTime(newTradeDate, previousExecutionDate, initialDate) {\r\n const hasChangedTime =\r\n newTradeDate.getHours() !== previousExecutionDate.getHours() ||\r\n newTradeDate.getMinutes() !== previousExecutionDate.getMinutes();\r\n\r\n const hasChangedInitialTime =\r\n newTradeDate.getHours() !== initialDate.getHours() ||\r\n newTradeDate.getMinutes() !== initialDate.getMinutes();\r\n\r\n return newTradeDate < initialDate && !hasChangedTime && !hasChangedInitialTime;\r\n }\r\n\r\n render() {\r\n const { order, entities, applyMarkupTrader } = this.props;\r\n\r\n const { fetchSearchSymbol, fetchSearchRepoSymbol, fetchYahooOptions, fetchOrderAssetInfo } =\r\n this.props.services;\r\n\r\n if (order == null) {\r\n return null;\r\n }\r\n\r\n if (!order.stats) {\r\n order.stats = getOrderStats(order);\r\n }\r\n\r\n const {\r\n OrderLowTouchEnabled: enabledLT,\r\n OrderQuantityIsCash: quantityIsCash,\r\n OrderCurrencySymbol,\r\n OrderSettlementCurrencySymbol,\r\n } = order;\r\n\r\n const {\r\n execution,\r\n errors,\r\n loading,\r\n tradeRoutes,\r\n tradeRoutesLogs,\r\n availableQty,\r\n settlementCurrencies,\r\n maxDecimals,\r\n parValue,\r\n manualFX,\r\n } = this.state;\r\n\r\n const { baseCurrency, priceCurrency } = getBaseAndPriceCurrencies(\r\n settlementCurrencies,\r\n OrderCurrencySymbol,\r\n OrderSettlementCurrencySymbol\r\n );\r\n\r\n let executions = [];\r\n\r\n let executedQuantity = 0;\r\n\r\n if (order.Childs) {\r\n order.Childs.forEach((child) => {\r\n executedQuantity += quantityIsCash\r\n ? parseFloat(child.ChildOrderQuantity) * parseFloat(child.ChildOrderPrice) * parValue\r\n : parseFloat(child.ChildOrderQuantity);\r\n\r\n if (child.Executions) {\r\n child.Executions.forEach((exec) => {\r\n executions.push({\r\n ...exec,\r\n childId: child.ChildOrderId,\r\n disabled:\r\n child.ChildProcessingMode != \"\" && child.ChildProcessingMode != ProcessingMode.HighTouch,\r\n });\r\n });\r\n }\r\n });\r\n }\r\n\r\n const pendingQuantity = order.OrderQuantity - executedQuantity;\r\n\r\n // The OrderStatus is undefined if the order is a new order created by the trader.\r\n const isManualAndActive =\r\n (!order.OrderIsAutomatic &&\r\n order.OrderIsActive &&\r\n ![OrderStatus.EXPIRED, OrderStatus.CANCELED, OrderStatus.REJECTED].includes(order.OrderStatus)) ||\r\n order.OrderStatus == undefined;\r\n\r\n return (\r\n \r\n \r\n \r\n {isManualAndActive ? \"New execution\" : \"Executions\"}\r\n \r\n \r\n \r\n {isManualAndActive && (\r\n \r\n {enabledLT && (\r\n {`Available HighTouch quantity: ${availableQty}`}\r\n )}\r\n {quantityIsCash && (\r\n \r\n \r\n
\r\n \r\n )}\r\n\r\n {order.AssetClassForm !== \"Repo\" && (\r\n \r\n \r\n {\r\n this.onChange({ ExecutionQuantity: e.value });\r\n }}\r\n dataTypeDecimalName=\"quantity\"\r\n placeholder={\"Quantity\"}\r\n />\r\n \r\n \r\n\r\n \r\n {\r\n this.onChange({ ExecutionPrice: e.value });\r\n }}\r\n decimalScale={this.state.decimalAmount}\r\n dataTypeDecimalName=\"price\"\r\n disabled={loading}\r\n placeholder={order.AssetClassForm == \"Forex\" ? `Exchange rate` : `Price`}\r\n />\r\n \r\n \r\n
\r\n )}\r\n\r\n {order.AssetClassForm !== \"Forex\" &&\r\n order.OrderCurrencySymbol !== order.OrderSettlementCurrencySymbol && (\r\n \r\n \r\n this.onChange({ ExecutionFXRoute: v })}\r\n emptyLabel={\"\"}\r\n invalid={!!errors[\"ExecutionFXRoute\"]}\r\n style={{ background: \"#edf9ff\", fontWeight: 500 }}\r\n />\r\n \r\n \r\n \r\n this.setState({ manualFX: v })}\r\n />\r\n \r\n )}\r\n \r\n \r\n {\r\n this.onChange({ ExecutionFX: e.value });\r\n }}\r\n disabled={loading || !manualFX}\r\n placeholder={\"FX\"}\r\n decimalScale={this.state.decimalAmount}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n )}\r\n \r\n
\r\n )}\r\n\r\n \r\n this.onChange({ TradingRouteId: id })}\r\n tradeRoutes={tradeRoutes && tradeRoutes.length > 0 ? tradeRoutes : null}\r\n />\r\n )}\r\n \r\n\r\n {applyMarkupTrader && (\r\n \r\n {\r\n this.onChange({ ExecutionMarkupPrice: e.value });\r\n }}\r\n decimalScale={this.state.decimalAmount}\r\n dataTypeDecimalName=\"price\"\r\n disabled={loading}\r\n placeholder={\"Markup Price\"}\r\n />\r\n \r\n \r\n )}\r\n\r\n \r\n this.onChange({\r\n CounterPartyId: v.counterpartyId,\r\n CounterPartyName: v.counterpartyName,\r\n })\r\n }\r\n error={errors.CounterPartyId}\r\n fetchItems={(v) => fetchCParties(v, entities.counterparties)}\r\n />\r\n \r\n
\r\n\r\n {tradeRoutesLogs && (\r\n \r\n
\r\n )}\r\n {execution.Fees && (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n this.onChangeTradeDate(e)}\r\n />\r\n \r\n \r\n \r\n {\r\n this.onChange({\r\n ExecutionValueDate: e.target.value,\r\n });\r\n this.updateSettlementDate();\r\n }}\r\n />\r\n \r\n \r\n {this.state.showTraderName && (\r\n \r\n this.handleSelectedTrader(e.target.value)}\r\n >\r\n \r\n {this.state.authUsers &&\r\n this.state.authUsers.map((option, index) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n )}\r\n
\r\n {order.AssetClassForm == \"Repo\" && execution.contractdata && (\r\n \r\n \r\n
\r\n
\r\n )}\r\n \r\n this.confirm()}\r\n style={{ marginTop: \"8px\" }}\r\n data-style={SLIDE_LEFT}\r\n >\r\n {\"Confirm execution\"}\r\n \r\n \r\n
\r\n \r\n )}\r\n\r\n
\r\n\r\n null}\r\n executions={executions}\r\n showDelete={isManualAndActive}\r\n decimalAmount={this.state.decimalAmount}\r\n minimumFractionDigits={quantityIsCash ? maxDecimals : 2}\r\n />\r\n \r\n \r\n \r\n {this.state.calculatingTotal ? (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst Fees = ({ fees }) => {\r\n return (\r\n \r\n \r\n {\"Order quantity is cash\"}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Pending cash:\r\n
\r\n \r\n Pending shares at selected price:\r\n {isNaN(execution.ExecutionPrice) || execution.ExecutionPrice == \"\" ? (\r\n \"-\"\r\n ) : (\r\n
\r\n \r\n \r\n Unreachable trading route\r\n \r\n
\r\n ) : (\r\n \r\n \r\n \r\n {order.OrderSide === \"Sell\" ? (\r\n \r\n this.handleChangeContractData(\"CollateralAssetTicker\", e.target.value)\r\n }\r\n />\r\n ) : (\r\n \r\n customFetchAssetInfo(\r\n dispatch,\r\n { assetInfo: fetchOrderAssetInfo },\r\n order\r\n )\r\n }\r\n />\r\n )}\r\n \r\n \r\n \r\n \r\n {\r\n this.handleChangeContractData(\"CollateralQuantity\", e.value);\r\n }}\r\n dataTypeDecimalName=\"quantity\"\r\n disabled={loading}\r\n placeholder=\"Quantity\"\r\n />\r\n \r\n \r\n @\r\n \r\n {\r\n this.handleChangeContractData(\"price\", e.value);\r\n }}\r\n decimalScale={this.state.decimalAmount}\r\n dataTypeDecimalName=\"price\"\r\n disabled={loading}\r\n placeholder=\"Price\"\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 \r\n \r\n
\r\n \r\n \r\n \r\n {\r\n this.handleChangeContractData(\"marketValue\", e.value);\r\n }}\r\n dataTypeDecimalName=\"price\"\r\n disabled\r\n placeholder=\"Market Value\"\r\n />\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n this.handleChangeContractData(\"maturity\", e.target.value)}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n this.handleChangeContractData(\"rate\", e.value);\r\n }}\r\n dataTypeDecimalName=\"percentage\"\r\n disabled={loading}\r\n placeholder=\"Rate\"\r\n suffix=\"%\"\r\n />\r\n \r\n \r\n this.handleChangeContractData(\r\n \"paymenttoborrower\",\r\n !execution.contractdata.paymenttoborrower\r\n )\r\n }\r\n />\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n Opening leg{\" \"}\r\n {execution.contractdata.currency}{\" \"}\r\n {this.state.calculatingLegs ? (\r\n
\r\n \r\n Closing leg{\" \"}\r\n {execution.contractdata.currency}{\" \"}\r\n {this.state.calculatingLegs ? (\r\n {\r\n this.handleChangeClosingLeg(\"closing\", e.value);\r\n }}\r\n dataTypeDecimalName=\"currency\"\r\n placeholder=\"Closing Leg\"\r\n />\r\n )}\r\n
\r\n \r\n\r\n
\r\n Total
\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Execution;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"modal\":\"Execution-module_modal_1Hrrk\",\"suggestionItem\":\"Execution-module_suggestionItem_35IZX\",\"cashInfo\":\"Execution-module_cashInfo_3A7JO\",\"content\":\"Execution-module_content_3L0zo\",\"routesLogs\":\"Execution-module_routesLogs_2_oLt\",\"row\":\"Execution-module_row_AGUhV\",\"contractDetailsWrapper\":\"Execution-module_contractDetailsWrapper_Gm8_O\",\"openCheckbox\":\"Execution-module_openCheckbox_2iNqk\",\"leg\":\"Execution-module_leg_2E048\",\"opening\":\"Execution-module_opening_1L7Ig\",\"closing\":\"Execution-module_closing_NThd4\",\"feesContainer\":\"Execution-module_feesContainer_1A63g\",\"feesTable\":\"Execution-module_feesTable_3954-\"};","import { OrderPriceType, ProcessingMode } from \"../../../utils/Order/Order\";\r\nimport { getOrderStats } from \"../../../utils\";\r\nimport { showToast } from \"../../../utils/Helper\";\r\n\r\nexport function calculateAvailableQty(order) {\r\n let orderStats = order.stats;\r\n if (!orderStats) {\r\n orderStats = getOrderStats(order);\r\n }\r\n\r\n let availableQty = +orderStats.pending;\r\n\r\n if (order.OrderQuantityIsCash) {\r\n availableQty = +order.OrderQuantity;\r\n }\r\n\r\n if (order.OrderLowTouchEnabled) {\r\n const { Childs } = order;\r\n\r\n availableQty = 0;\r\n\r\n if (Childs) {\r\n Childs.forEach((child) => {\r\n if (child.ChildProcessingMode == ProcessingMode.HighTouch) {\r\n availableQty += +child.ChildOrderQuantity;\r\n if (child.Executions) {\r\n child.Executions.forEach((execution) => {\r\n availableQty -= +execution.ExecutionQuantity;\r\n });\r\n }\r\n }\r\n });\r\n }\r\n }\r\n\r\n return availableQty;\r\n}\r\n\r\nexport function initialize(order) {\r\n let cashQuantity = \"\";\r\n let availableQty = calculateAvailableQty(order);\r\n let orderPrice = \"\";\r\n let currentDate = new Date().toDatetimeLocal();\r\n\r\n if (order.OrderQuantityIsCash) {\r\n cashQuantity = +order.OrderQuantity;\r\n availableQty = \"\";\r\n }\r\n\r\n if (order.AssetClassForm === \"Repo\") {\r\n cashQuantity = +order.OrderQuantity;\r\n availableQty = +order.OrderQuantity;\r\n }\r\n\r\n if (order.OrderType === \"Limit\") {\r\n orderPrice = order.OrderPrice;\r\n }\r\n\r\n if (order.OrderType === \"Stop\") {\r\n orderPrice = order.OrderStopPrice;\r\n }\r\n\r\n this.state = {\r\n execution: {\r\n ExecutionDate: currentDate,\r\n ExecutionQuantity: availableQty,\r\n ExecutionCashQuantity: cashQuantity,\r\n ExecutionPrice: orderPrice,\r\n ExecutionFXRoute: \"FXThroughCpty\",\r\n ExecutionFX: \"\",\r\n CounterPartyId: null,\r\n CounterPartyName: \"\",\r\n ExecutionMarkupPrice: \"\",\r\n },\r\n errors: {},\r\n loading: false,\r\n tradeRoutes: null,\r\n availableQty,\r\n initialDate: currentDate,\r\n };\r\n}\r\n\r\nexport function setTradeRoutes(tradeRoutes, tradeRoutesLogs) {\r\n this.setState({ tradeRoutes, tradeRoutesLogs });\r\n}\r\n\r\nexport function changeValues(values, callback) {\r\n let newState = this.state;\r\n\r\n if (values.TradingRouteId !== -1) {\r\n Object.entries(values).forEach((entry) => {\r\n const [name, value] = entry;\r\n newState = {\r\n execution: {\r\n ...newState.execution,\r\n [name]: value,\r\n },\r\n errors: {\r\n ...newState.errors,\r\n [name]: undefined,\r\n },\r\n };\r\n });\r\n this.setState({ ...newState }, this.calculateTotal);\r\n }\r\n}\r\n\r\nexport function clear(initValues) {\r\n this.setState({\r\n execution: {\r\n ExecutionDate: new Date().toDatetimeLocal(),\r\n ExecutionQuantity: \"\",\r\n ExecutionPrice: \"\",\r\n BrokerId: null,\r\n CounterPartyId: null,\r\n CounterPartyName: \"\",\r\n ExecutionMarkupPrice: \"\",\r\n ...initValues,\r\n },\r\n sharesQuantity: null,\r\n errors: {},\r\n loading: false,\r\n });\r\n}\r\n\r\nexport function validate(order) {\r\n const { execution, availableQty } = this.state;\r\n\r\n let errors = {};\r\n\r\n if (execution.ExecutionPrice == \"\") {\r\n errors[\"ExecutionPrice\"] = \"Required field\";\r\n } else if (order.OrderType == OrderPriceType.LIMIT || order.OrderType == OrderPriceType.STOPLIMIT) {\r\n if (order.OrderSide == \"Buy\" && +order.OrderPrice < +execution.ExecutionPrice) {\r\n if (order.AssetClassForm !== \"Repo\") {\r\n errors[\"ExecutionPrice\"] = \"Invalid price upper limit\";\r\n }\r\n }\r\n if (order.OrderSide == \"Sell\" && +order.OrderPrice > +execution.ExecutionPrice) {\r\n if (order.AssetClassForm !== \"Repo\") {\r\n errors[\"ExecutionPrice\"] = \"Invalid price above limit\";\r\n }\r\n }\r\n }\r\n\r\n if (order.AssetClassForm === \"Repo\") {\r\n if (!execution.contractdata.CollateralAssetTicker) {\r\n errors[\"CollateralAsset\"] = \"Required field\";\r\n }\r\n\r\n if (+order.OrderPrice > 0 && +order.OrderPrice < +execution.contractdata.rate) {\r\n errors[\"CollateralRate\"] = \"Invalid rate above limit\";\r\n }\r\n\r\n if (+execution.contractdata.CollateralQuantity === 0) {\r\n errors[\"CollateralQuantity\"] = \"Invalid quantity cannot be 0\";\r\n }\r\n\r\n if (+execution.contractdata.appraisal > 100 || +execution.contractdata.appraisal < 0) {\r\n errors[\"CollateralAppraisal\"] = \"Invalid appraisal outside limits\";\r\n }\r\n\r\n if (+execution.contractdata.margin > 100 || +execution.contractdata.margin < 0) {\r\n errors[\"CollateralHaircut\"] = \"Invalid haircut outside limits\";\r\n }\r\n\r\n if (+execution.contractdata.appraisal + +execution.contractdata.margin !== 100) {\r\n errors[\"CollateralAppraisal\"] = \"Invalid haircut/appraisal balance\";\r\n errors[\"CollateralHaircut\"] = \"Invalid haircut/appraisal balance\";\r\n }\r\n\r\n if (execution.contractdata.maturity === undefined || execution.contractdata.maturity === null) {\r\n errors[\"CollateralMaturity\"] = \"Required field\";\r\n }\r\n }\r\n\r\n if (execution.ExecutionQuantity == \"\") {\r\n errors[\"ExecutionQuantity\"] = \"Required field\";\r\n } else if (+execution.ExecutionQuantity > +order.stats.pending) {\r\n if (!order.OrderQuantityIsCash) {\r\n errors[\"ExecutionQuantity\"] = `Must be less or equal than ${order.stats.pending}`;\r\n }\r\n // has an execution\r\n else if (order.OrderQuantityIsCash && order.Childs && order.Childs.length > 0) {\r\n if (order.Childs[0].Executions.length > 0) {\r\n errors[\"ExecutionQuantity\"] = `Already filled`;\r\n }\r\n }\r\n }\r\n\r\n // check only when lt enabled\r\n if (order.OrderLowTouchEnabled) {\r\n if (+execution.ExecutionQuantity > availableQty) {\r\n errors[\"ExecutionQuantity\"] = `Must be less or equal than ${availableQty}`;\r\n }\r\n }\r\n\r\n if (order.AssetClassForm !== \"Forex\" && order.OrderCurrencySymbol !== order.OrderSettlementCurrencySymbol) {\r\n // The order trade currency is different from the settle currency, so the trader must indicate an FX.\r\n if (execution.ExecutionFXRoute == \"\") {\r\n errors[\"ExecutionFXRoute\"] = \"Required field\";\r\n } else {\r\n if (\r\n execution.ExecutionFXRoute == \"FXThroughCpty\" &&\r\n (execution.ExecutionFX == \"\" || execution.ExecutionFX <= 0)\r\n ) {\r\n errors[\"ExecutionFX\"] = \"Required field\";\r\n }\r\n }\r\n }\r\n\r\n if (isNaN(new Date(execution.ExecutionDate))) {\r\n errors[\"ExecutionDate\"] = \"Invalid value\";\r\n }\r\n\r\n if (execution.TradingRouteId === -1) errors[\"TradingRouteId\"] = \"Required field\";\r\n if (!execution.CounterPartyId) errors[\"CounterPartyId\"] = \"Required field\";\r\n\r\n if (execution.ExecutionDate === undefined || execution.ExecutionDate === null) {\r\n errors.ExecutionDate = \"Required field\";\r\n }\r\n if (execution.ExecutionValueDate === undefined || execution.ExecutionValueDate === null) {\r\n errors.ExecutionValueDate = \"Required field\";\r\n }\r\n\r\n let ExecutionDateAux = new Date(execution.ExecutionDate);\r\n ExecutionDateAux = new Date(`${ExecutionDateAux.toDateLocal()}T00:00`);\r\n const ExecutionValueDateAux = new Date(`${execution.ExecutionValueDate}T00:00`);\r\n if (ExecutionDateAux > ExecutionValueDateAux) {\r\n errors.ExecutionDate = \"Trade date should be before or at value date\";\r\n errors.ExecutionValueDate = \"Value date should be after or at trade date\";\r\n }\r\n\r\n const { minTradeDate, maxTradeDate, restricted } = this.state;\r\n let ExecutionDateAux2 = new Date(execution.ExecutionDate);\r\n let minExecutionDate = new Date(minTradeDate);\r\n let maxExecutionDate = new Date(maxTradeDate);\r\n if (ExecutionDateAux2 < minExecutionDate || ExecutionDateAux2 > maxExecutionDate) {\r\n if (restricted) {\r\n errors.ExecutionDate = `Trade date outside allowed time range (${minExecutionDate.toLocaleTimeString()}-${maxExecutionDate.toLocaleTimeString()})`;\r\n } else {\r\n showToast(\r\n `The trade date was updated because it was outside allowed time range (${minExecutionDate.toLocaleTimeString()}-${maxExecutionDate.toLocaleTimeString()})`\r\n );\r\n let newExecutionDate = minTradeDate;\r\n if (ExecutionDateAux2 > maxExecutionDate) newExecutionDate = maxTradeDate;\r\n this.setState((state) => ({\r\n ...state,\r\n execution: {\r\n ...state.execution,\r\n ExecutionDate: newExecutionDate,\r\n },\r\n }));\r\n }\r\n }\r\n\r\n if (this.props.applyMarkupTrader && order.OrderType == \"Limit\") {\r\n const totalPrice = parseFloat(execution.ExecutionPrice) + parseFloat(execution.ExecutionMarkupPrice);\r\n const differencePrice = parseFloat(execution.ExecutionPrice) - parseFloat(execution.ExecutionMarkupPrice);\r\n\r\n if (order.OrderSide === \"Buy\" && totalPrice > order.OrderPrice) {\r\n errors.ExecutionMarkupPrice = \"Markup price may not be higher than the limit price\";\r\n } else if (order.OrderSide === \"Sell\" && differencePrice < order.OrderPrice) {\r\n errors.ExecutionMarkupPrice = \"Markup price may not be lower than the limit price\";\r\n }\r\n }\r\n this.setState({ errors });\r\n\r\n return !Object.keys(errors).length;\r\n}\r\n","import { CommissionType, ProductType } from \"../../../../utils/Order/Order\";\r\n\r\nexport const clientPrice = (side, markupType, markup, price, isDiscount) => {\r\n if (\r\n side != undefined &&\r\n markupType != undefined &&\r\n markup != undefined &&\r\n markup !== \"\" &&\r\n price != undefined &&\r\n price !== \"\"\r\n ) {\r\n const sideSign = (side == \"Buy\" && !isDiscount) || (side == \"Sell\" && isDiscount) ? 1 : -1;\r\n\r\n if (markupType == CommissionType.FaceValueCash) {\r\n return +price + sideSign * +markup;\r\n }\r\n\r\n return +price + sideSign * +price * (+markup / 100);\r\n }\r\n\r\n return null;\r\n};\r\n\r\nexport const clientRate = (side, markupType, markup, rate) => {\r\n if (\r\n side != undefined &&\r\n markupType != undefined &&\r\n markup != undefined &&\r\n markup !== \"\" &&\r\n rate != undefined &&\r\n rate !== \"\"\r\n ) {\r\n const sideSign = side == \"Buy\" ? -1 : 1;\r\n\r\n if (markupType == CommissionType.FaceValueCash) {\r\n return +rate + sideSign * +markup;\r\n }\r\n\r\n return +rate + sideSign * +rate * (+markup / 100);\r\n }\r\n\r\n return null;\r\n};\r\n\r\nexport const accountProps = ({ order, readonly, errors }) => {\r\n return {\r\n order,\r\n account: order.CurrentAccount,\r\n hasAttachment: order.CurrentAccount.HasFileUploadPending\r\n ? { uploadPending: true }\r\n : order.CurrentAccount.AttachmentFileType,\r\n readonly,\r\n errors,\r\n };\r\n};\r\n\r\nexport const commissionSuffix = (commissionType, currencySymbol = \"\") => {\r\n if (commissionType == CommissionType.PrincipalPercentage) {\r\n return { suffix: \"%\" };\r\n }\r\n if (commissionType == CommissionType.FaceValueCash && currencySymbol !== \"\") {\r\n return { prefix: `${currencySymbol} ` };\r\n }\r\n\r\n return null;\r\n};\r\n\r\nexport const customFetchAssetInfo = (dispatch, services, order) => {\r\n const assetInfoData = {\r\n tradeDate: order.OrderInitDate,\r\n valueDate: order.OrderFutureSettlmentDate,\r\n fixedValueDate: true,\r\n orderForm: order.AssetClassForm,\r\n assetId:\r\n order.AssetClassForm === ProductType.REPO && order.CurrentAccount.Collateral\r\n ? order.CurrentAccount.Collateral[0].AssetId\r\n : order.AssetId,\r\n assetTicker:\r\n order.AssetClassForm === ProductType.REPO && order.CurrentAccount.Collateral\r\n ? order.CurrentAccount.Collateral[0].AssetTicker\r\n : order.AssetTicker,\r\n tradeCurrencyId: order.OrderCurrencyId,\r\n settleCurrencyId: order.OrderSettlementCurrencyId,\r\n };\r\n\r\n return services.assetInfo(assetInfoData).then((response) => {\r\n const { assetorderdata } = response.response;\r\n\r\n dispatch({ type: \"FETCH_ASSET_INFO\", data: assetorderdata });\r\n\r\n return assetorderdata;\r\n });\r\n};\r\n\r\nexport const customFetchAccountInfo = (dispatch, services, params, updateOrderValues) => {\r\n const fetchTasks = [services.accountInfo(params), services.commissionInfo(params)];\r\n\r\n return Promise.all(fetchTasks).then((taskResults) => {\r\n const { kvpItems } = taskResults[1].response;\r\n\r\n dispatch({ type: \"FETCH_ACCOUNT_INFO\", items: kvpItems, updateOrderValues });\r\n\r\n return taskResults[0];\r\n });\r\n};\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport style from \"./History.module.scss\";\r\nimport {\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Container,\r\n Card,\r\n CardBody,\r\n Button,\r\n Table,\r\n} from \"reactstrap\";\r\nimport { FormattedDate, FormattedTime } from \"react-intl\";\r\nimport { CircularProgress, OrderInlineDetail, ExecutionsTable } from \"../..\";\r\nimport { localDateTime } from \"../../../utils/Helper\";\r\n\r\nclass History extends Component {\r\n state = {\r\n histories: null,\r\n loading: true,\r\n };\r\n\r\n componentWillReceiveProps(nextProps, nextState) {\r\n const { orderId } = nextProps;\r\n\r\n if (orderId && !this.state.histories) {\r\n this.props.onHistoryRequest({ orderId }).then((response) => {\r\n this.setState({\r\n loading: false,\r\n histories: response.response.histories,\r\n });\r\n });\r\n }\r\n }\r\n\r\n toggle = () => {\r\n this.props.onToggle();\r\n this.setState({ histories: null, loading: true });\r\n };\r\n\r\n render() {\r\n const { order, open } = this.props;\r\n\r\n let executions = [];\r\n\r\n if (!open) {\r\n return null;\r\n }\r\n\r\n order.Childs &&\r\n order.Childs.forEach(\r\n (child) =>\r\n child.Executions &&\r\n child.Executions.forEach((exec) => executions.push({ ...exec, childId: child.ChildOrderId }))\r\n );\r\n\r\n return (\r\n | Description | \r\nAmount | \r\n
|---|---|
| {feeItem.Description} | \r\n\r\n | \r\n
\r\n \r\n \r\n Order history\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}\r\n\r\nexport default History;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"subtitle\":\"History-module_subtitle_247jD\",\"tableExecutions\":\"History-module_tableExecutions_197FR\",\"histories\":\"History-module_histories_dD19g\",\"item\":\"History-module_item_2FO74\",\"header\":\"History-module_header_1CI7f\",\"time\":\"History-module_time_2xdic\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"subtitle\":\"History-module_subtitle_1nH6F\",\"tableExecutions\":\"History-module_tableExecutions_1k86A\",\"histories\":\"History-module_histories_2hTDo\",\"item\":\"History-module_item_bnInW\",\"header\":\"History-module_header_1fgQT\",\"time\":\"History-module_time_2KL_i\"};","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport style from \"./History.module.scss\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, Container, Button } from \"reactstrap\";\r\nimport { FormattedDate, FormattedTime } from \"react-intl\";\r\nimport { FormattedNumber } from \"../../FormattedNumber/FormattedNumber\";\r\nimport { CircularProgress } from \"../..\";\r\nimport { localDateTime } from \"../../../utils/Helper\";\r\n\r\nclass HistoryDefault extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n histories: null,\r\n loading: true,\r\n };\r\n \r\n const { process, processCharId, processId } = props || {};\r\n if (process || processCharId || processId) {\r\n this.props.onHistoryRequest({ process, processCharId, processId }).then((response) => {\r\n this.setState({\r\n loading: false,\r\n histories: response.response.histories,\r\n });\r\n });\r\n }\r\n }\r\n\r\n componentWillReceiveProps(nextProps, nextState) {\r\n const { processId, process } = nextProps;\r\n if (processId && !this.state.histories) {\r\n this.props.onHistoryRequest({ process, processId }).then((response) => {\r\n this.setState({\r\n loading: false,\r\n histories: response.response.histories,\r\n });\r\n });\r\n }\r\n }\r\n\r\n toggle = () => {\r\n this.props.onToggle();\r\n this.setState({ histories: null, loading: true });\r\n };\r\n\r\n render() {\r\n const { process, open } = this.props;\r\n\r\n if (!open) {\r\n return null;\r\n }\r\n\r\n return (\r\n History
\r\n {this.state.loading ? (\r\n\r\n {this.state.histories\r\n .filter((item) => item.HistoryType != \"Debug\")\r\n .map((item) => (\r\n
\r\n )}\r\n \r\n
\r\n ))}\r\n \r\n {item.HistoryUserName}\r\n\r\n \r\n
\r\n {item.HistoryDetails.trim()}
\r\n\r\n \r\n {process} history \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\r\nexport default HistoryDefault;\r\n","import React, { Component } from \"react\";\r\nimport { FormGroup } from \"reactstrap\";\r\nimport style from \"./Fields.module.scss\";\r\nimport Holders from \"../../Order/Field/Account/Holders\";\r\nimport { Combobox, Field } from \"../../Order/Field/Field\";\r\nimport Autosuggest from \"../../../Autosuggest/Autosuggest\";\r\nimport CircularProgress from \"../../../CircularProgress/CircularProgress\";\r\nimport Balance from \"../../Order/Field/Account/Balance\";\r\n\r\nclass Account extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n const { AccountId, opsViewAccountName } = props;\r\n\r\n this.state = {\r\n loadingHolders: AccountId != null,\r\n holders: null,\r\n };\r\n }\r\n\r\n componentWillMount() {\r\n const { AccountId } = this.props;\r\n\r\n if (!this.props.hideHolder && AccountId != null) {\r\n this.requestAccountHolders({ AccountId });\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n this._isMounted = true;\r\n const { AccountId, AccountName, AccountNumber, HolderId } = this.props;\r\n\r\n // Cuando se ve una orden ya viene precargados los valores\r\n if (!isEmpty(AccountId) && isEmpty(HolderId)) {\r\n this.onChange(\"\", {\r\n id: AccountId,\r\n name: AccountName,\r\n number: AccountNumber,\r\n });\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this._isMounted = false;\r\n }\r\n\r\n onSuggestionsFetchRequested = ({ value }) => {\r\n const { sendingAccountId } = this.props;\r\n const { fetchSearchAccount, fetchSearchTransfer } = this.props.services;\r\n const filter = this.props.filter || [];\r\n if (sendingAccountId && sendingAccountId > 0) {\r\n return fetchSearchTransfer({\r\n text: value,\r\n sendingAccountId: sendingAccountId,\r\n })\r\n .then((r) => r.response.accounts)\r\n .then((accounts) =>\r\n accounts\r\n .map((a) => {\r\n const accountAttrs = JSON.parse(a.Value);\r\n\r\n return {\r\n id: a.Id,\r\n name: accountAttrs.value,\r\n number: accountAttrs.key,\r\n };\r\n })\r\n .filter((a) => !filter.includes(a.id))\r\n );\r\n } else {\r\n return fetchSearchAccount({ text: value })\r\n .then((r) => r.response.accounts)\r\n .then((accounts) =>\r\n accounts\r\n .map((a) => {\r\n const accountAttrs = JSON.parse(a.Value);\r\n\r\n return {\r\n id: a.Id,\r\n name: accountAttrs.value,\r\n number: accountAttrs.key,\r\n };\r\n })\r\n .filter((a) => !filter.includes(a.id))\r\n );\r\n }\r\n };\r\n\r\n onChangeAccountHolder = (value) => {\r\n const holderItem = getItemById(this.state.holders, value);\r\n\r\n this.props.onChange({\r\n HolderId: holderItem.id,\r\n HolderName: holderItem.description,\r\n });\r\n };\r\n\r\n requestAccountHolders = ({ AccountId }) => {\r\n const { fetchAccountHolders } = this.props.services;\r\n\r\n fetchAccountHolders({ accountId: AccountId })\r\n .then((r) => r.response.holders)\r\n .then((holders) => {\r\n let _holders = holders.map((h) => ({\r\n isMain: h.IsMain,\r\n description: h.PersonName,\r\n id: h.PersonId,\r\n }));\r\n\r\n const selectedHolder = _holders.find((h) => h.isMain) || (_holders.length ? _holders[0] : null);\r\n\r\n this._isMounted &&\r\n this.setState(\r\n {\r\n holders: _holders,\r\n loadingHolders: false,\r\n },\r\n () => {\r\n const { holderId } = this.props;\r\n\r\n if (holderId == null && selectedHolder) {\r\n const { id, description } = selectedHolder;\r\n\r\n this.props.onChange({\r\n HolderId: id,\r\n HolderName: description,\r\n });\r\n }\r\n }\r\n );\r\n });\r\n };\r\n\r\n onChange = (method, value) => {\r\n let _value = defaultAccountValue;\r\n\r\n if (method != \"type\" && value.id) {\r\n _value = {\r\n AccountNumber: value.number,\r\n AccountName: value.name,\r\n AccountId: value.id,\r\n };\r\n\r\n if (!this.props.hideHolder) {\r\n this.requestAccountHolders({ AccountId: value.id });\r\n }\r\n\r\n this.setState({ holders: null, loadingHolders: true });\r\n } else {\r\n this.setState({ holders: null });\r\n _value.AccountName = value;\r\n }\r\n\r\n this.props.onChange(_value);\r\n };\r\n\r\n render() {\r\n const { AccountName, AccountNumber, HolderId, HolderName, readonly, errors, hideHolder, label, noLabel, opsViewAccountName } =\r\n this.props;\r\n\r\n const inputProps = {\r\n placeholder: \"Account\",\r\n disabled: readonly.AccountName,\r\n invalid: !!errors.AccountNumber,\r\n };\r\n\r\n return (\r\n History
\r\n {this.state.loading ? (\r\n\r\n {this.state.histories.length == 0 && (\r\n Empty history\r\n )}\r\n {this.state.histories.map((item) => (\r\n
\r\n )}\r\n \r\n
\r\n ))}\r\n \r\n {item.HistoryUserName}\r\n\r\n \r\n
\r\n\r\n \r\n {item.HistoryDetails.trim()\r\n .split(\"\\\\n\")\r\n .map((line, index) => (\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n\r\n {!hideHolder && (\r\n \r\n {this.state.loadingHolders ? (\r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst defaultAccountValue = {\r\n AccountId: null,\r\n AccountName: \"\",\r\n HolderId: null,\r\n HolderName: null,\r\n};\r\n\r\nconst renderSuggestion = (suggestion) => (\r\n \r\n \r\n \r\n {this.props.balance && this.props.balance.loading ? (\r\n
\r\n )}\r\n \r\n {suggestion.number}\r\n {\" - \"}\r\n {suggestion.name}\r\n
\r\n);\r\n\r\nconst getSuggestionValue = (suggestion) => `${suggestion.number} - ${suggestion.name}`;\r\n\r\nconst getItemById = (items, id) => {\r\n return items.find((e) => e.id == id);\r\n};\r\n\r\nconst isEmpty = (value) => value == undefined || value == \"\";\r\n\r\nexport default Account;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"localINTL\":\"Fields-module_localINTL_dItoB\",\"off\":\"Fields-module_off_u61tJ\",\"local\":\"Fields-module_local_uRLjw\",\"INTL\":\"Fields-module_INTL_1lg21\",\"localINTLRO\":\"Fields-module_localINTLRO_lFvtp\",\"suggestionItem\":\"Fields-module_suggestionItem_1-1ep\"};","import React, { useState } from \"react\";\r\nimport style from \"./Files.module.scss\";\r\nimport { Button } from \"reactstrap\";\r\nimport { Field } from \"../../../Order/Field/Field\";\r\n\r\nconst Files = ({ ioType, id, dispatch, readonly, files, downloadFile }) => {\r\n const [plus100, setplus100] = useState(false);\r\n const uploadFiles = () => {\r\n const addedFiles = Object.values(event.target.files).map((f) => ({\r\n id: Math.random().toString(36).substring(2, 15),\r\n name: f.name,\r\n type: f.type,\r\n data: f,\r\n }));\r\n let hasError = false;\r\n for (var i = 0; i < addedFiles.length; i++) {\r\n if (addedFiles[i].name.length > 100) {\r\n hasError = true;\r\n setplus100(true);\r\n }\r\n }\r\n if (!hasError) {\r\n setplus100(false);\r\n dispatch({\r\n type: \"UPDATE_FILES\",\r\n props: { type: \"Add\", files: addedFiles },\r\n });\r\n }\r\n };\r\n\r\n const deleteFile = (id) => {\r\n dispatch({\r\n type: \"UPDATE_FILES\",\r\n props: { type: \"Delete\", id },\r\n });\r\n };\r\n\r\n const doDownloadFile = (fileId) => {\r\n downloadFile({\r\n id,\r\n ioType,\r\n fileId,\r\n })\r\n .then((r) => r.response)\r\n .then((r) => {\r\n if (r.url != \"\") {\r\n window.open(r.url);\r\n }\r\n });\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n {files.length == 0 ? (\r\n No documents (name length less than 100 characters)\r\n ) : (\r\n \r\n {!readonly && (\r\n \r\n Select document(s) to upload (name length less than 100 characters)\r\n \r\n )}\r\n \r\n )}\r\n {!readonly && (\r\n \r\n ![]()
\r\n \r\n \r\n )}\r\n
\r\n\r\n The name is longer than 100 characters
\r\n\r\n {files.map((f) => (\r\n
\r\n );\r\n};\r\n\r\nexport default Files;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"root\":\"Files-module_root_g8z92\",\"empty\":\"Files-module_empty_2o8kg\",\"inputFile\":\"Files-module_inputFile_3fg4N\",\"upload\":\"Files-module_upload_2_l3x\",\"list\":\"Files-module_list_3wp6w\",\"attachment\":\"Files-module_attachment_1m5qJ\",\"link\":\"Files-module_link_3CXKO\",\"fileName\":\"Files-module_fileName__UOfM\",\"error\":\"Files-module_error_2YVSK\",\"error2\":\"Files-module_error2_VEhNp\"};","import React from \"react\";\r\nimport { Button } from \"reactstrap\";\r\nimport classnames from \"classnames\";\r\nimport style from \"./Fields.module.scss\";\r\n\r\nconst LocalINTL = ({ isLocal, oneSide, onChange, ...props }) => {\r\n const { readonly } = props;\r\n\r\n if (readonly || oneSide) {\r\n return \r\n downloadFile(f.id)}>\r\n \r\n {f.name}\r\n \r\n {!readonly && (\r\n deleteFile(f.id)}\r\n style={{ color: \"#d83737\" }}\r\n >\r\n \r\n \r\n )}\r\n
\r\n
\r\n ))}\r\n \r\n
\r\n onChange({ Local: true })}\r\n className={classnames(style.local, !isLocal ? \"\" : style.off)}\r\n disabled={!!isLocal}\r\n >\r\n Local\r\n \r\n\r\n onChange({ Local: false })}\r\n className={classnames(style.INTL, isLocal ? \"\" : style.off)}\r\n disabled={!!isLocal == false}\r\n >\r\n INTL\r\n \r\n
\r\n );\r\n};\r\n\r\nconst ReadOnly = ({ isLocal }) => {isLocal ? \"Local\" : \"INTL\"}
;\r\n\r\nexport default LocalINTL;\r\n","import React from \"react\";\r\nimport style from \"./Fields.module.scss\";\r\nimport { Field } from \"../../Order/Field/Field\";\r\nimport Autosuggest from \"../../../Autosuggest/Autosuggest\";\r\n\r\nconst SimpleSuggest = ({ value, error, disabled, onChange, label, noLabel, service }) => {\r\n const fetchSearch = ({ value }) => {\r\n return service({\r\n text: value,\r\n length: 10,\r\n })\r\n .then((r) => (r.response ? r.response : r))\r\n .then((r) => r[Object.keys(r)[0]])\r\n .then((values) =>\r\n values.slice(0, 9).map((s) => ({\r\n id: s.Id,\r\n name: `${s.Name || s.Value}`,\r\n }))\r\n );\r\n };\r\n\r\n const internalOnChange = (method, value) => {\r\n const _value = {\r\n id: null,\r\n name: \"\",\r\n };\r\n\r\n if (method != \"type\" && value.id) {\r\n _value.id = value.id;\r\n _value.name = value.name;\r\n }\r\n onChange(_value);\r\n };\r\n\r\n return (\r\n \r\n {suggestion.name}\r\n
\r\n )}\r\n getSuggestionValue={(s) => `${s.name}`}\r\n onSuggestionsFetchRequested={fetchSearch}\r\n value={value || \"\"}\r\n inputProps={{\r\n placeholder: label,\r\n invalid: !!error,\r\n disabled,\r\n }}\r\n onChange={(m, v) => internalOnChange(m, v)}\r\n />\r\n \r\n {suggestion.name}\r\n
\r\n )}\r\n getSuggestionValue={(s) => `${s.name}`}\r\n onSuggestionsFetchRequested={fetchSearch}\r\n value={value || \"\"}\r\n inputProps={{\r\n placeholder: isCurrency ? \"Currency\" : \"Asset\",\r\n invalid: !!error,\r\n disabled: disabled || (ioType != null && ioType != IOType.Deposit && !accountId),\r\n }}\r\n onChange={(m, v) => internalOnChange(m, v)}\r\n />\r\n \r\n );\r\n};\r\n\r\nexport default Symbol;\r\n","import LocalINTL from './LocalINTL';\r\nimport SimpleSuggest from './SimpleSuggest';\r\n\r\nexport {\r\n LocalINTL,\r\n SimpleSuggest\r\n}","import React, { useContext } from \"react\";\r\nimport { Button } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport classnames from \"classnames\";\r\nimport { Dispatch } from \"./store/store\";\r\nimport style from \"./IO.module.scss\";\r\nimport { onChangeMode } from \"./IO\";\r\nimport { Mode } from \"../../../utils\";\r\n\r\nconst Footer = ({ toggle, buttons, actions }) => {\r\n const { dispatch } = useContext(Dispatch);\r\n const { precheck, modify, confirm } = buttons;\r\n\r\n if (precheck.loading) {\r\n setTimeout(() => {\r\n onChangeMode(dispatch, Mode.CONFIRM);\r\n }, 300);\r\n }\r\n\r\n return (\r\n \r\n {\" \"}\r\n {modify.visible && (\r\n \r\n )}{\" \"}\r\n {precheck.visible && (\r\n onChangeMode(dispatch, Mode.PRECHECK)}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n {\"Pre check\"}\r\n \r\n )}\r\n {confirm.visible && (\r\n \r\n {\"Confirm\"}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default Footer;\r\n","/* eslint-disable react/prop-types */\r\nimport React, { useState } from \"react\";\r\nimport { Table, Button } from \"reactstrap\";\r\nimport { FormattedNumber } from \"react-intl\";\r\nimport style from \"./Bulk.module.scss\";\r\nimport Edit from \"./Edit\";\r\nimport { IOType, IOMode } from \"../../../../IO/types\";\r\nimport { updateAccountBanks } from \"../Default\";\r\n\r\nconst Assets = ({ error, itemsHeader, items, isCurrency, ioType, ioMode, readonly, dispatch, ...props }) => {\r\n const [edit, setEdit] = useState({\r\n open: false,\r\n item: { IsCurrency: isCurrency },\r\n });\r\n\r\n const toggleEdit = (item = { IsCurrency: isCurrency }) => {\r\n setEdit({\r\n open: !edit.open,\r\n item,\r\n });\r\n };\r\n\r\n const onEdit = (item) => {\r\n dispatch({ type: \"EDIT_BULK_ITEM\", item });\r\n };\r\n\r\n const onDelete = (itemId) => {\r\n dispatch({ type: \"DELETE_BULK_ITEM\", itemId });\r\n };\r\n\r\n if (edit.open) {\r\n return (\r\n \r\n \r\n toggleEdit()}\r\n disabled={readonly}\r\n >\r\n \r\n {\"\\u00A0\"} Add {isCurrency ? \"Currency\" : \"Asset\"}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n {error && (\r\n | Quantity | \r\n{isCurrency ? \"Currency\" : \"Asset\"} | \r\n {ioType == IOType.Withdraw && ioMode == IOMode.MultipleAccounts &&Bank Account | }\r\n\r\n |
|---|
\r\n {error}\r\n
\r\n )}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Edit;\r\n","import React, { useEffect } from \"react\";\r\nimport { IOMode, IOType } from \"../../../IO/types\";\r\nimport Deposit, { DepositValidations } from \"./Deposit/Deposit\";\r\nimport Withdrawal, { WithdrawalValidations } from \"./Withdrawal/Withdrawal\";\r\nimport { Redemption, RedemptionValidations } from \"./Redemption/Redemption\";\r\nimport { Subscription, SubscriptionValidations } from \"./Subscription/Subscription\";\r\nimport Transfer, { TransferValidations } from \"./Transfer/Transfer\";\r\nimport DepositBulk from \"./Deposit/DepositBulk\";\r\nimport WithdrawalBulk from \"./Withdrawal/WithdrawalBulk\";\r\nimport style from \"../IO.module.scss\";\r\n\r\nexport const isEmpty = (value) => value == undefined || value == \"\" || value == 0;\r\n\r\nconst Default = ({ ioType, ioMode, account, opsViewAccountName }) => {\r\n\r\n if (ioType == IOType.Deposit) {\r\n return (\r\n \r\n {/* ##### Quantity ###### */}\r\n \r\n onChange({ Quantity: v })}\r\n invalid={!!errors.Quantity}\r\n dataTypeDecimalName=\"quantity\"\r\n />\r\n \r\n\r\n {/* ##### Symbol ###### */}\r\n onChange(values)}\r\n error={fields.IsCurrency ? errors.CurrencyISO : errors.AssetTicker}\r\n disabled={false}\r\n value={fields.IsCurrency ? fields.CurrencyISO : fields.AssetTicker}\r\n fetchSearchSymbol={services.fetchSearchSymbol}\r\n />\r\n\r\n \r\n {assetDenominationInfo.AssetPhysicalDenomination && ioType == IOType.Withdraw && (\r\n \r\n \r\n {assetDenominationInfo.AssetPhysicalDenomination && ioType == IOType.Deposit && (\r\n \r\n\r\n {/* ##### Bank Account ##### */}\r\n {ioType == IOType.Withdraw && ioMode == IOMode.MultipleAccounts && (\r\n \r\n {local && (\r\n \r\n ({\r\n id: a.BankAccountItemId,\r\n description: `${a.BankAccountName} - ${a.BankAccountNumber}`,\r\n }))}\r\n disabled={false}\r\n invalid={!!errors.BankAccountName}\r\n onChange={(id) => onChange(entities.accountBanks.find((a) => a.BankAccountItemId == id))}\r\n emptyLabel={\"Bank Account\"}\r\n />\r\n \r\n )}\r\n\r\n {!local && (\r\n \r\n \r\n onChange({ BankAccountName: e.target.value })}\r\n disabled={false}\r\n />\r\n \r\n \r\n onChange({ BankAccountNumber: e.target.value })}\r\n disabled={false}\r\n />\r\n \r\n\r\n {/* ##### ABA/SWIFT ###### */}\r\n \r\n onChange({ ABASWIFT: e.target.value })}\r\n disabled={false}\r\n />\r\n \r\n\r\n {/* ##### Intermediary Bank ###### */}\r\n \r\n onChange({ IntermediaryBank: e.target.value })}\r\n disabled={false}\r\n />\r\n \r\n\r\n {/* ##### Intermediary ABA/SWIFT ###### */}\r\n \r\n onChange({ IntermediaryABASwift: e.target.value })}\r\n disabled={false}\r\n />\r\n \r\n\r\n {/* ##### Country ###### */}\r\n \r\n onChange({ CountryName: e.target.value })}\r\n invalid={!!errors.CountryName}\r\n disabled={false}\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 Denominations\r\n {\" \"}\r\n {!fields.denominationsTrue &&
\r\n
\r\n )}\r\n \r\n
\r\n {segundoFetch && (\r\n \r\n {denominations.map((denomination, key) => (\r\n
\r\n )}\r\n
\r\n \r\n item.DenominationId == denomination.DenominationId\r\n )\r\n }\r\n type=\"checkbox\"\r\n style={{\r\n cursor: \"pointer\",\r\n position: \"relative\", \r\n marginLeft: \"0rem\", \r\n margin: 0,\r\n }}\r\n onChange={(e) =>\r\n onChangeDenomination(e.target.checked, denomination.DenominationId, key)\r\n }\r\n />\r\n \r\n
\r\n \r\n ))}\r\n \r\n \r\n Denominations\r\n {\" \"}\r\n
\r\n
\r\n )}\r\n \r\n
\r\n \r\n {segundoFetch &&\r\n denominationsDeposit.map((denomination, index) => (\r\n onChangeDenominationDeposit(value, index)}\r\n />\r\n \r\n ))}\r\n
\r\n
\r\n {ioMode == IOMode.MultipleAssets ? :
\r\n );\r\n }\r\n\r\n if (ioType == IOType.Withdraw) {\r\n return (\r\n \r\n {ioMode == IOMode.MultipleAssets ?
\r\n );\r\n }\r\n\r\n if (ioType == IOType.Subscription) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n if (ioType == IOType.Redemption) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n if (ioType == IOType.Transfer) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n};\r\n\r\nexport const updateAccountBanks = (accountId, currencyId, dispatch, fetchGetAccountBanks) => {\r\n fetchGetAccountBanks({ accountId, currencyId })\r\n .then((r) => r.response)\r\n .then((r) => {\r\n dispatch({ type: \"UPDATE_ACCOUNT_BANKS\", accountBanks: r.accountBanks });\r\n });\r\n};\r\n\r\nexport function validations(io, userType) {\r\n let validations = {};\r\n\r\n if (io.IOType == IOType.Deposit) {\r\n validations = DepositValidations(io, userType);\r\n } else if (io.IOType == IOType.Withdraw) {\r\n validations = WithdrawalValidations(io);\r\n } else if (io.IOType == IOType.Redemption) {\r\n validations = RedemptionValidations(io);\r\n } else if (io.IOType == IOType.Subscription) {\r\n validations = SubscriptionValidations(io);\r\n } else if (io.IOType == IOType.Transfer) {\r\n validations = TransferValidations(io);\r\n }\r\n\r\n return {\r\n ...validations.form,\r\n simple: {\r\n ...validations.simple,\r\n },\r\n subForm: {\r\n ...validations.subForm,\r\n },\r\n };\r\n}\r\n\r\nexport default Default;\r\n","import React, { useState, useContext, useEffect } from \"react\";\r\nimport { Input, Row, Col, Container, CustomInput, Label } from \"reactstrap\";\r\nimport Symbol from \"../../Fields/Symbol\";\r\nimport { onChangeHeader, onChange, onChangeItem } from \"../../IO\";\r\nimport Files from \"../../Fields/Files/Files\";\r\nimport { LocalINTL, SimpleSuggest } from \"../../Fields\";\r\nimport { CurrencyAsset, IOMode, IOType, IOTransferType } from \"../../../../IO/types\";\r\nimport { Combobox, Numeric, Field } from \"../../../Order/Field/Field\";\r\nimport { Dispatch } from \"../../store/store\";\r\nimport Account from \"../../Fields/Account\";\r\nimport { commissionSuffix } from \"../../../Order/Form/commons\";\r\nimport { isEmpty } from \"../Default\";\r\nimport NoFormatNumberInput from \"../../../../NoFormatNumberInput/NoFormatNumberInput\";\r\nimport { FormField } from \"../../../../../utils\";\r\n\r\nconst Deposit = ({}) => {\r\n const { dispatch, services, state } = useContext(Dispatch);\r\n const { io, fields, entities, permissions } = state;\r\n const { errors, readonly } = fields;\r\n const { allowValues, allowCash } = permissions;\r\n const header = io.itemsHeader;\r\n const simpleItem = io.items[0];\r\n const [balance, setBalance] = useState({\r\n loading: false,\r\n data: [],\r\n });\r\n const [denominations, setDenominations] = useState([]);\r\n const onChangeDenomination = (value, index) => {\r\n denominations[index].DenominationId = value;\r\n onChangeItem(dispatch, simpleItem.Id, {\r\n Denominations: denominations,\r\n });\r\n };\r\n const [primerFetch, setPrimerFetch] = useState();\r\n\r\n // XOR operator\r\n const readOnlyTypeSelector = allowValues ? !allowCash : allowCash;\r\n const accountEmpty = isEmpty(header.AccountId);\r\n const currencyEmpty = isEmpty(simpleItem.CurrencyId);\r\n const [decimalAmount, setDecimalAmount] = useState();\r\n const [assetDenominationInfo, setAssetDenominationInfo] = useState({ AssetPhysicalDenomination: false });\r\n useEffect(() => {\r\n if (header.IsCurrency && !header.BankAccountIsThirdParty) {\r\n if (!isEmpty(header.AccountId) && !isEmpty(simpleItem.CurrencyId)) {\r\n if (state.io.Status === \"Filled\") {\r\n dispatch({\r\n type: \"UPDATE_ACCOUNT_BANKS\",\r\n accountBanks: [\r\n {\r\n BankAccountHolders: header.BankAccountHolders,\r\n BankAccountId: header.BankAccountId,\r\n BankAccountItemId: header.BankAccountItemId,\r\n BankAccountName: header.BankAccountName,\r\n BankAccountNumber: header.BankAccountNumber,\r\n },\r\n ],\r\n });\r\n } else {\r\n services\r\n .fetchGetAccountBanks({\r\n accountId: header.AccountId,\r\n currencyId: simpleItem.CurrencyId,\r\n fundIncomesOnly: true,\r\n })\r\n .then((r) => r.response)\r\n .then((r) => {\r\n dispatch({\r\n type: \"UPDATE_ACCOUNT_BANKS\",\r\n accountBanks: r.accountBanks,\r\n });\r\n let item;\r\n if (header.BankAccountItemId === null && r.accountBanks) {\r\n item = r.accountBanks[0];\r\n onChangeHeader(dispatch, {\r\n ...item,\r\n });\r\n } else {\r\n item = r.accountBanks.find((a) => a.BankAccountItemId === header.BankAccountItemId);\r\n onChangeHeader(dispatch, {\r\n ...item,\r\n });\r\n }\r\n\r\n if (item) {\r\n onChangeHeader(dispatch, {\r\n ThirdPartyPersonName: item.BankAccountHolders,\r\n });\r\n }\r\n });\r\n }\r\n } else {\r\n dispatch({ type: \"UPDATE_ACCOUNT_BANKS\", accountBanks: [] });\r\n onChangeHeader(dispatch, {\r\n BankAccountItemId: null,\r\n BankAccountName: null,\r\n });\r\n }\r\n }\r\n }, [header.AccountId, simpleItem.CurrencyId]);\r\n\r\n useEffect(() => {\r\n //console.log(io);\r\n if (header.AccountId) {\r\n setBalance({ ...balance, loading: true });\r\n services.fetchAccountBuyingPower({ accountId: header.AccountId }).then((response) => {\r\n const { buyingpower } = response.response;\r\n setBalance({ ...balance, data: buyingpower });\r\n });\r\n } else {\r\n setBalance({ ...balance, data: [] });\r\n }\r\n setBalance({ ...balance, loading: false });\r\n }, [header.AccountId, header.IsCurrency]);\r\n\r\n useEffect(() => {\r\n if (header.IsCurrency == true) {\r\n setAssetDenominationInfo({\r\n AssetPhysicalDenomination: false,\r\n AssetSheetSize: 0,\r\n SlotsQuantity: 0,\r\n });\r\n onChangeItem(dispatch, simpleItem.Id, {\r\n Denominations: undefined,\r\n });\r\n }\r\n }, [header.IsCurrency]);\r\n\r\n useEffect(() => {\r\n if (header.AccountId && !header.IsCurrency && simpleItem.AssetId) {\r\n setBalance({ ...balance, loading: true });\r\n services\r\n .fetchAccountSellingPower({ accountId: header.AccountId, assetId: simpleItem.AssetId })\r\n .then((response) => {\r\n const { sellingpower } = response.response;\r\n setBalance({ ...balance, data: sellingpower });\r\n });\r\n } else {\r\n setBalance({ ...balance, data: [] });\r\n }\r\n setBalance({ ...balance, loading: false });\r\n services.fetchGetAssetInformation({ assetId: simpleItem.AssetId }).then((response) => {\r\n if (response.info.AssetPhysicalDenomination) {\r\n setAssetDenominationInfo({\r\n AssetPhysicalDenomination: response.info.AssetPhysicalDenomination,\r\n AssetSheetSize: response.info.AssetSheetSize,\r\n SlotsQuantity: 0,\r\n });\r\n setPrimerFetch(true);\r\n } else {\r\n setAssetDenominationInfo({\r\n AssetPhysicalDenomination: false,\r\n AssetSheetSize: 0,\r\n SlotsQuantity: 0,\r\n });\r\n onChangeItem(dispatch, simpleItem.Id, {\r\n Denominations: undefined,\r\n });\r\n }\r\n //console.log(\"response:\", response.info);\r\n setDecimalAmount(response.info.SubAssetClassDecimalPlaces);\r\n });\r\n }, [simpleItem.AssetId]);\r\n\r\n //check slots quantity if the quantity changes\r\n useEffect(() => {\r\n simpleItem.Denominations !== undefined && setDenominations(simpleItem.Denominations);\r\n if (assetDenominationInfo.AssetPhysicalDenomination && simpleItem.Quantity) {\r\n //console.log(\"io\", io);\r\n //console.log(simpleItem.Quantity);\r\n let slots = Math.ceil(simpleItem.Quantity / assetDenominationInfo.AssetSheetSize);\r\n setAssetDenominationInfo({\r\n ...assetDenominationInfo,\r\n SlotsQuantity: slots,\r\n });\r\n\r\n if (slots > denominations.length) {\r\n for (let i = 0; i < slots; i++) {\r\n denominations[i] = denominations[i] ? denominations[i] : { key: i, DenominationId: \"\" };\r\n }\r\n } else {\r\n //remove the last elements of the array\r\n denominations.splice(slots, denominations.length - slots);\r\n }\r\n onChangeItem(dispatch, simpleItem.Id, {\r\n Denominations: denominations,\r\n });\r\n }\r\n }, [simpleItem.Quantity, simpleItem.AssetId, primerFetch]);\r\n\r\n useEffect(() => {\r\n //console.log(simpleItem.AssetId, header.AccountId);\r\n if (io.Id !== undefined) {\r\n //console.log(io.Id);\r\n services\r\n .GetDenominations({\r\n AssetId: simpleItem.AssetId,\r\n AccountId: header.AccountId,\r\n WithdrawId: -1,\r\n DepositId: io.Id,\r\n itemId: 0,\r\n TransferId: -1,\r\n })\r\n .then((response) => {\r\n //console.log(\"sin id\");\r\n const responseDenominations = response.denominations;\r\n setDenominations(responseDenominations);\r\n onChange(dispatch, {\r\n DenominationsTotal: responseDenominations,\r\n });\r\n });\r\n //console.log(io);\r\n //console.log(denominations);\r\n }\r\n }, []);\r\n\r\n const checkPrice = (SimpleItemId, values) => {\r\n onChangeItem(dispatch, SimpleItemId, values);\r\n onChangeHeader(dispatch, { Price: values.Price });\r\n\r\n checkSettlementDate(io.Date, values.AssetId);\r\n };\r\n\r\n const checkSettlementDate = (tradedate, AssetId) => {\r\n let settlementvalue = 1;\r\n //let AssetId = 0;\r\n let inchange = false;\r\n\r\n onChange(dispatch, { Date: tradedate });\r\n // Disparar el onChangeItem\r\n /*\r\n if (SimpleItemId && values) {\r\n onChangeItem(dispatch, SimpleItemId, values);\r\n inchange = true;\r\n }\r\n */\r\n if (header.IsCurrency === false) {\r\n if (inchange) {\r\n // AssetId = values.AssetId;\r\n services.GetAssetSettlement({ AssetId }).then((r) => {\r\n executeSettlement(AssetId, r.DefaultSettlement, tradedate);\r\n });\r\n } else {\r\n //AssetId = simpleItem.AssetId;\r\n services.GetAssetSettlement({ AssetId }).then((r) => {\r\n executeSettlement(AssetId, r.DefaultSettlement, tradedate);\r\n });\r\n }\r\n } else {\r\n settlementvalue = 1;\r\n AssetId = 0;\r\n executeSettlement(AssetId, settlementvalue, tradedate);\r\n }\r\n };\r\n\r\n const executeSettlement = (Asset, settlementvalue, tradedate) => {\r\n const getdata = {\r\n tradedate: tradedate,\r\n assetId: Asset,\r\n ist0: false,\r\n settlement: settlementvalue,\r\n };\r\n services\r\n .GetIOSettlementDate(getdata)\r\n .then((r) => onChange(dispatch, { SettlementDate: r.settlementday }));\r\n };\r\n\r\n return (\r\n \r\n \r\n onChangeHeader(dispatch, {\r\n BankAccountIsThirdParty: !header.BankAccountIsThirdParty,\r\n })\r\n }\r\n />\r\n
\r\n {header.BankAccountIsThirdParty ? (\r\n \r\n \r\n ({\r\n id: a.BankAccountItemId,\r\n description: `${a.BankAccountName} - ${a.BankAccountNumber}`,\r\n }))}\r\n disabled={accountEmpty || currencyEmpty || readonly.simple_Quantity}\r\n invalid={!!errors.header_BankAccountName}\r\n onChange={(id) => {\r\n onChangeHeader(dispatch, {\r\n ThirdPartyPersonName: entities.accountBanks.find(\r\n (a) => a.BankAccountItemId == id\r\n ).BankAccountHolders,\r\n ...entities.accountBanks.find((a) => a.BankAccountItemId == id),\r\n });\r\n }}\r\n emptyLabel={\"Bank Account\"}\r\n />\r\n \r\n {header.BankAccountItemId && (\r\n \r\n \r\n {header.ThirdPartyPersonName}\r\n \r\n )}\r\n
\r\n )}\r\n \r\n \r\n Denominations\r\n {\" \"}\r\n
\r\n
\r\n )}\r\n\r\n {!io.Local && (\r\n \r\n
\r\n \r\n {denominations.map((denomination, index) => (\r\n onChangeDenomination(value, index)}\r\n />\r\n \r\n ))}\r\n
\r\n
\r\n \r\n \r\n onChangeHeader(dispatch, {\r\n BankAccountIsThirdParty: !header.BankAccountIsThirdParty,\r\n })\r\n }\r\n />\r\n
\r\n \r\n \r\n \r\n onChangeHeader(dispatch, {\r\n BankAccountIsThirdParty: !header.BankAccountIsThirdParty,\r\n })\r\n }\r\n />\r\n
\r\n {header.BankAccountIsThirdParty ? (\r\n \r\n \r\n onChangeHeader(dispatch, {\r\n BankAccountIsThirdParty: !header.BankAccountIsThirdParty,\r\n })\r\n }\r\n />\r\n
\r\n {header.BankAccountIsThirdParty ? (\r\n \r\n \r\n ({\r\n id: a.BankAccountItemId,\r\n description: `${a.BankAccountName} - ${a.BankAccountNumber}`,\r\n }))}\r\n disabled={accountEmpty || currencyEmpty || readonly.header_Quantity}\r\n invalid={!!errors.header_BankAccountName}\r\n onChange={(id) =>\r\n onChangeHeader(\r\n dispatch,\r\n entities.accountBanks.find((a) => a.BankAccountItemId == id)\r\n )\r\n }\r\n emptyLabel={\"Bank Account\"}\r\n />\r\n \r\n {header.BankAccountItemId && (\r\n \r\n \r\n {header.BankAccountHolders}\r\n \r\n )}\r\n
\r\n )}\r\n \r\n \r\n onChangeHeader(dispatch, {\r\n BankAccountIsThirdParty: !header.BankAccountIsThirdParty,\r\n })\r\n }\r\n />\r\n
\r\n {header.BankAccountIsThirdParty ? (\r\n \r\n \r\n ({\r\n id: a.BankAccountItemId,\r\n description: `${a.BankAccountName} - ${a.BankAccountNumber}`,\r\n }))}\r\n disabled={accountEmpty || currencyEmpty || readonly.simple_Quantity}\r\n invalid={!!errors.header_BankAccountName}\r\n onChange={(id) =>\r\n onChangeHeader(\r\n dispatch,\r\n entities.accountBanks.find((a) => a.BankAccountItemId == id)\r\n )\r\n }\r\n emptyLabel={\"Bank Account\"}\r\n />\r\n \r\n {header.BankAccountItemId && (\r\n \r\n \r\n {header.BankAccountHolders}\r\n \r\n )}\r\n
\r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Edit;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Table, Button } from \"reactstrap\";\r\nimport style from \"../Bulk/Bulk.module.scss\";\r\nimport Edit from \"./Edit\";\r\nimport { FormattedNumber } from \"../../../../FormattedNumber/FormattedNumber\";\r\n\r\nconst Securities = ({ error, items, isCurrency, readonly, dispatch, ...props }) => {\r\n const [edit, setEdit] = useState({\r\n open: false,\r\n item: { IsCurrency: isCurrency },\r\n });\r\n\r\n const toggleEdit = (item = { IsCurrency: isCurrency }) => {\r\n setEdit({\r\n open: !edit.open,\r\n item,\r\n });\r\n };\r\n\r\n const onEdit = (item) => {\r\n dispatch({ type: \"EDIT_BULK_ITEM\", item });\r\n };\r\n\r\n const onDelete = (itemId) => {\r\n dispatch({ type: \"DELETE_BULK_ITEM\", itemId });\r\n };\r\n\r\n if (edit.open) {\r\n return (\r\n \r\n \r\n onChange({ IsCurrency: v == CurrencyAsset.Cash })}\r\n value={fields.IsCurrency ? CurrencyAsset.Cash : CurrencyAsset.Asset}\r\n items={Object.values(CurrencyAsset).map((key, index) => ({ id: key, description: key }))}\r\n />\r\n \r\n {/* ##### Quantity ###### */}\r\n \r\n onChange({ Quantity: v })}\r\n invalid={!!errors.Quantity}\r\n />\r\n \r\n\r\n {/* ##### Price ###### */}\r\n \r\n onChange({ Price: v })}\r\n invalid={!!errors.Price}\r\n decimalScale={decimalAmount}\r\n dataTypeDecimalName=\"price\"\r\n />\r\n \r\n\r\n {/* ##### Symbol ###### */}\r\n onChange(values)}\r\n error={fields.IsCurrency ? errors.CurrencyISO : errors.AssetTicker}\r\n disabled={false}\r\n value={fields.IsCurrency ? fields.CurrencyISO : fields.AssetTicker}\r\n fetchSearchSymbol={fetchSearchSymbol}\r\n />\r\n \r\n {assetDenominationInfo.AssetPhysicalDenomination && (\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n Denomination\r\n {\" \"}\r\n {!fields.denominationsTrue &&
\r\n
\r\n )}\r\n \r\n
\r\n
\r\n {segundoFetch &&\r\n denominations.map((denomination, key) => (\r\n
\r\n
\r\n \r\n \r\n item.DenominationId == denomination.DenominationId\r\n )\r\n }\r\n key={key}\r\n type=\"checkbox\"\r\n style={{\r\n position: \"relative\",\r\n cursor: \"pointer\",\r\n left: \"25px\",\r\n }}\r\n onChange={(e) =>\r\n onChangeDenomination(e.target.checked, denomination.DenominationId, key)\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 \r\n
\r\n \r\n Securities\r\n \r\n toggleEdit()}\r\n disabled={readonly}\r\n >\r\n \r\n {\"\\u00A0\"} Add Security\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n {error && (\r\n | \r\n | Quantity | \r\nPrice | \r\nSecurity | \r\n\r\n |
|---|
\r\n {error}\r\n
\r\n )}\r\n \r\n \r\n onChangeHeader(dispatch, {\r\n BankAccountIsThirdParty: !header.BankAccountIsThirdParty,\r\n })\r\n }\r\n />\r\n
\r\n {header.BankAccountIsThirdParty ? (\r\n \r\n \r\n ({\r\n id: a.BankAccountItemId,\r\n description: `${a.BankAccountName} - ${a.BankAccountNumber}`,\r\n }))}\r\n disabled={accountEmpty || currencyEmpty || readonly.header_Quantity}\r\n invalid={!!errors.header_BankAccountName}\r\n onChange={(id) =>\r\n onChangeHeader(dispatch, {\r\n ThirdPartyPersonName: entities.accountBanks.find(\r\n (a) => a.BankAccountItemId == id\r\n ).BankAccountHolders,\r\n ...entities.accountBanks.find((a) => a.BankAccountItemId == id),\r\n })\r\n }\r\n emptyLabel={\"Bank Account\"}\r\n />\r\n \r\n {header.BankAccountItemId && (\r\n \r\n \r\n {header.BankAccountHolders}\r\n \r\n )}\r\n
\r\n )}\r\n \r\n \r\n onChangeHeader(dispatch, {\r\n BankAccountIsThirdParty: !header.BankAccountIsThirdParty,\r\n })\r\n }\r\n />\r\n
\r\n \r\n \r\n
\r\n
\r\n )}\r\n \r\n \r\n Denominations\r\n {\" \"}\r\n {!io.denominationsTrue &&
\r\n \r\n
\r\n \r\n {denominations.map((denomination, key) => (\r\n
\r\n
\r\n \r\n {io.Id === undefined && (\r\n {\r\n onChangeDenomination(e.target.checked, denomination.DenominationId, key);\r\n }}\r\n />\r\n )}\r\n \r\n
\r\n \r\n ))}\r\n \r\n \r\n onChangeHeader(dispatch, {\r\n BankAccountIsThirdParty: !header.BankAccountIsThirdParty,\r\n })\r\n }\r\n />\r\n
\r\n {header.BankAccountIsThirdParty ? (\r\n \r\n \r\n changeMessage(authorization.name, e.target.value)}\r\n />\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Authorization;\r\n","import React, { Component, Fragment } from \"react\";\r\nimport { Alert } from \"reactstrap\";\r\nimport Validation from \"./Validation\";\r\nimport style from \"./Precheck.module.scss\";\r\nimport Authorization from \"./Authorization\";\r\nimport { IOMode, IOType } from \"../../../IO/types\";\r\nimport CircularProgress from \"../../../CircularProgress/CircularProgress\";\r\nimport { formatIOforUpdate } from \"../../../IO/utils\";\r\nimport { Mode } from \"../../../../utils\";\r\n\r\nclass Precheck extends React.PureComponent {\r\n state = {\r\n validations: null,\r\n status: null,\r\n waitingCounter: null,\r\n };\r\n\r\n componentDidMount() {\r\n this._isMounted = true;\r\n const { io, services } = this.props;\r\n\r\n services.fetchRiskvalidations({ process: getProcess(io.IOType, io.IOMode) }).then((resp) => {\r\n if (this._isMounted) {\r\n this.setState({\r\n validations: resp.response.validations.reduce((obj, v) => {\r\n obj[v.ValidationProgram] = v;\r\n return obj;\r\n }, {}),\r\n });\r\n this.validateRules();\r\n }\r\n });\r\n }\r\n\r\n componentWillUnmount() {\r\n this._isMounted = false;\r\n }\r\n\r\n validateRules = () => {\r\n const { validations } = this.state;\r\n const { services } = this.props;\r\n\r\n this.setState({ waitingCounter: Object.keys(validations).length });\r\n\r\n Object.values(validations).forEach((validation) => {\r\n const service = validation.ValidationProgram;\r\n const { actions, io } = this.props;\r\n\r\n services\r\n .fetchValidationsCheckRule({\r\n service,\r\n io: formatIOforUpdate(io),\r\n validation,\r\n })\r\n .then((resp) => {\r\n const { result } = resp.response.validation;\r\n const { history } = resp.response;\r\n\r\n let status = \"success\";\r\n let title;\r\n\r\n if (result.Code !== 200) {\r\n if (validation.OverrridableByAuthorization !== \"0\") {\r\n title = result.Description != \"\" ? result.Description : null;\r\n this.checkIfCanBeAuthorized(validation, title);\r\n return;\r\n } else {\r\n status = \"failed\";\r\n title = result.Description != \"\" ? result.Description : null;\r\n }\r\n }\r\n\r\n this.updateValidationStatus(\r\n {\r\n ...validation,\r\n history,\r\n },\r\n status,\r\n title\r\n );\r\n });\r\n });\r\n };\r\n\r\n updateValidationStatus = (validation, vStatus, title) => {\r\n const { validations, waitingCounter, status } = this.state;\r\n const { dispatch } = this.props;\r\n\r\n let globalStatus = status == \"failed\" ? status : vStatus;\r\n\r\n // Si fue la ultima validacion y no fallo\r\n if (globalStatus != \"failed\" && waitingCounter == 1) {\r\n globalStatus = \"completed\";\r\n }\r\n\r\n const _validations = {\r\n ...validations,\r\n [validation.ValidationProgram]: {\r\n ...validations[validation.ValidationProgram],\r\n status: vStatus,\r\n history: validation.history,\r\n title,\r\n },\r\n };\r\n\r\n if (waitingCounter == 1) {\r\n dispatch({\r\n type: \"UPDATE_PRECHECK\",\r\n fields: {\r\n histories: Object.values(_validations)\r\n .filter((v) => v.history != undefined)\r\n .map((v) => v.history),\r\n\r\n validations: _validations,\r\n status: globalStatus,\r\n },\r\n });\r\n\r\n dispatch({ type: \"CHANGE_MODE\", mode: Mode.CONFIRM });\r\n }\r\n this._isMounted &&\r\n this.setState({\r\n validations: _validations,\r\n status: globalStatus,\r\n waitingCounter: waitingCounter - 1,\r\n });\r\n };\r\n\r\n checkIfCanBeAuthorized = (validation, title) => {\r\n const { dispatch, io } = this.props;\r\n const { services } = this.props;\r\n\r\n const authorizationdefinitionid = validation.OverrridableByAuthorization;\r\n const authorizationDesc = title;\r\n services\r\n .fetchAuthorizeCheckIO({\r\n authorizationdefinitionid,\r\n io: formatIOforUpdate(io),\r\n authorizationDescription: authorizationDesc,\r\n })\r\n .then((resp) => {\r\n const authorization = resp.authorizationsdt;\r\n const { precheck } = this.props;\r\n\r\n let status = \"failed\";\r\n\r\n if (authorization.canbeauthorized) {\r\n status = \"authorization\";\r\n\r\n dispatch({\r\n type: \"UPDATE_PRECHECK\",\r\n fields: {\r\n authorizations: [\r\n ...precheck.authorizations,\r\n { name: validation.ValidationName, ...authorization },\r\n ],\r\n },\r\n });\r\n }\r\n\r\n this.updateValidationStatus(validation, status, title);\r\n });\r\n };\r\n\r\n updateAuthorizationMessage = (name, text) => {\r\n const { dispatch, precheck } = this.props;\r\n\r\n const authorizations = precheck.authorizations.map((auth) => {\r\n if (auth.name === name) {\r\n return {\r\n ...auth,\r\n text,\r\n error: undefined,\r\n readonly: undefined,\r\n };\r\n }\r\n return auth;\r\n });\r\n\r\n dispatch({ type: \"UPDATE_PRECHECK\", fields: { authorizations } });\r\n };\r\n\r\n render() {\r\n const { precheck } = this.props;\r\n const { validations, status, waitingCounter } = this.state;\r\n\r\n return (\r\n {authorization.name}
\r\n\r\n {validations == null ? (\r\n \r\n \r\n )\r\n )\r\n ) : null}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst getProcess = (type, mode) => {\r\n switch (type) {\r\n case IOType.Deposit:\r\n if (mode == IOMode.MultipleAssets) {\r\n return \"BulkDeposit\";\r\n }\r\n return \"Deposit\";\r\n\r\n case IOType.Withdraw:\r\n if (mode == IOMode.MultipleAssets) {\r\n return \"BulkWidhdraw\";\r\n } else {\r\n return \"Withdraw\";\r\n }\r\n case IOType.Transfer:\r\n return \"Transfer\";\r\n }\r\n};\r\n\r\nconst NoPassConditions = () => (\r\n \r\n
\r\n )}\r\n\r\n {status != null ? (\r\n status == \"failed\" ? (\r\n Validations
\r\n {Object.values(validations).map((v, index) => (\r\nAuthorizations
\r\n\r\n {precheck.authorizations.map((a, index) => (\r\n
\r\n \r\n
\r\n
\r\n);\r\n\r\nexport default Precheck;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"precheck\":\"Precheck-module_precheck_1UhLg\",\"alert\":\"Precheck-module_alert_2c1gO\",\"details\":\"Precheck-module_details_3JnvE\",\"totals\":\"Precheck-module_totals_i6BsN\",\"earnings\":\"Precheck-module_earnings_1qVI1\",\"bold\":\"Precheck-module_bold_3-rT5\",\"loadingMessage\":\"Precheck-module_loadingMessage_Cc78e\",\"validations\":\"Precheck-module_validations_19MR8\",\"validation\":\"Precheck-module_validation_ip-bX\",\"authorizations\":\"Precheck-module_authorizations_3MUuN\",\"authorization\":\"Precheck-module_authorization_2W6kZ\",\"account\":\"Precheck-module_account_iIRqg\"};","import React, { Component } from \"react\";\r\nimport { Alert } from \"reactstrap\";\r\nimport style from \"./Precheck.module.scss\";\r\nimport CircularProgress from \"../../../CircularProgress/CircularProgress\";\r\n\r\nclass Validation extends Component {\r\n render() {\r\n const { validation } = this.props;\r\n\r\n return (\r\n \r\n \r\n {validation.title.includes(\"\\\\r\\\\n\") ? (\r\n validation.title.split(\"\\\\r\\\\n\").map((name) => {\r\n return \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst getAlertColor = (status) => {\r\n switch (status) {\r\n case \"success\":\r\n return \"success\";\r\n case \"failed\":\r\n return \"danger\";\r\n case \"authorization\":\r\n return \"warning\";\r\n }\r\n};\r\n\r\nconst getIconName = (status) => {\r\n switch (status) {\r\n case \"success\":\r\n return \"icon-check\";\r\n case \"failed\":\r\n return \"icon-close\";\r\n case \"authorization\":\r\n return \"icon-exclamation\";\r\n }\r\n};\r\n\r\nexport default Validation;\r\n","import { validations } from \"../Forms/Default\";\r\nimport { mergeDeep } from \"../../../../utils/Helper\";\r\nimport { Mode } from \"../../../../utils\";\r\nimport { IOMode, IOType } from \"../../../IO/types\";\r\n\r\nexport const inOutReducer = (state, action) => {\r\n switch (action.type) {\r\n case \"CHANGE_MODE\":\r\n switch (action.mode) {\r\n case Mode.EDIT:\r\n return processEdit(state);\r\n case Mode.PRECHECK:\r\n return processPrecheck(state);\r\n case Mode.CONFIRM:\r\n return processConfirm(state);\r\n default:\r\n return state;\r\n }\r\n case \"UPDATE_ACCOUNT_BANKS\":\r\n return processUpdateAccountBanks(state, action.accountBanks);\r\n case \"UPDATE_FILES\":\r\n return processUpdateFiles(state, action);\r\n case \"UPDATE_PRECHECK\":\r\n return updatePrecheck(state, action.fields);\r\n case \"EDIT_BULK_ITEM\":\r\n return processEditBulkItem(state, action.item);\r\n case \"DELETE_BULK_ITEM\":\r\n return processDeleteBulkItem(state, action.itemId);\r\n case \"CHANGE_IO_FIELDS\":\r\n return processChangeIOFields(state, action.fields);\r\n case \"CHANGE_IO_ITEMS_HEADER\":\r\n return processChangeIOItemsHeader(state, action.payload.fields);\r\n case \"CHANGE_IO_ITEM_FIELDS\":\r\n return processChangeIOItem(state, action.payload.itemId || 0, action.payload.fields);\r\n case \"CHANGE_BUTTON_PROPS\":\r\n return changeButtonProps(state, action);\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nfunction processUpdateAccountBanks(state, accountBanks) {\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n entities: {\r\n accountBanks,\r\n },\r\n }\r\n );\r\n}\r\n\r\nfunction processUpdateFiles(state, action) {\r\n const { type, files, id } = action.props;\r\n if (type == \"Add\") {\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n io: {\r\n files: [...state.io.files, ...files],\r\n },\r\n }\r\n );\r\n } else if (type == \"Delete\"){\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n io: {\r\n files: state.io.files.filter((f) => f.id != id),\r\n removedItem: true,\r\n },\r\n }\r\n );\r\n } else {\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n io: {\r\n files: state.io.files.filter((f) => f.id != id),\r\n },\r\n }\r\n );\r\n }\r\n}\r\n\r\nfunction processChangeIOFields(state, fields) {\r\n const errors = Object.keys(fields).reduce((f, name) => {\r\n f[name] = undefined;\r\n return f;\r\n }, {});\r\n\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n io: {\r\n ...fields,\r\n },\r\n fields: {\r\n errors,\r\n },\r\n }\r\n );\r\n}\r\n\r\nconst updatePrecheck = (state, props) => {\r\n const newProps = {\r\n precheck: {\r\n ...props,\r\n },\r\n };\r\n\r\n return mergeDeep({ ...state }, { ...newProps });\r\n};\r\n\r\nfunction processChangeIOItemsHeader(state, fields) {\r\n const errors = Object.keys(fields).reduce((f, name) => {\r\n f[`header_${name}`] = undefined;\r\n return f;\r\n }, {});\r\n\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n io: {\r\n itemsHeader: {\r\n ...fields,\r\n },\r\n },\r\n fields: {\r\n errors,\r\n },\r\n }\r\n );\r\n}\r\n\r\nfunction processChangeIOItem(state, itemId, fields) {\r\n const { Id, IOMode: ioMode } = state.io;\r\n const errors = {};\r\n\r\n let changedItems = state.ui.changedItems || [];\r\n\r\n // require update errors\r\n if (ioMode == IOMode.Simple) {\r\n Object.keys(fields).forEach((f) => (errors[`simple_${f}`] = undefined));\r\n }\r\n\r\n const items = state.io.items.map((i) => {\r\n if (i.Id == itemId) {\r\n return {\r\n ...i,\r\n ...fields,\r\n };\r\n }\r\n return i;\r\n });\r\n\r\n if (ioMode == IOMode.Simple && Id != undefined) {\r\n changedItems = [\"1\"];\r\n }\r\n\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n ui: {\r\n changedItems,\r\n },\r\n io: {\r\n items,\r\n },\r\n fields: {\r\n errors,\r\n },\r\n }\r\n );\r\n}\r\n\r\nfunction processDeleteBulkItem(state, itemId) {\r\n let deletedItems = state.ui.deletedItems || [];\r\n const item = state.io.items.find((i) => i.Id == itemId);\r\n\r\n if (!item.isNew) {\r\n deletedItems.push(item);\r\n }\r\n\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n ui: {\r\n deletedItems,\r\n },\r\n io: {\r\n items: state.io.items.filter((i) => i.Id != itemId),\r\n },\r\n }\r\n );\r\n}\r\n\r\nfunction processEditBulkItem(state, item) {\r\n const { io } = state;\r\n let changedItems = state.ui.changedItems || [];\r\n let addedItems = state.ui.addedItems || [];\r\n\r\n const updatedItems = io.items.map((i) => {\r\n if (i.Id == item.Id) return item;\r\n\r\n return i;\r\n });\r\n\r\n if (item.Id == undefined) {\r\n item.isNew = true;\r\n item.Id = Math.random().toString(36).substring(9);\r\n item.Correlative = item.Id;\r\n addedItems.push(item.Id);\r\n updatedItems.push(item);\r\n } else if (!item.isNew) {\r\n changedItems.push(item.Id);\r\n }\r\n\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n ui: {\r\n changedItems,\r\n addedItems,\r\n },\r\n io: {\r\n items: updatedItems,\r\n },\r\n fields: {\r\n errors: {\r\n items: undefined,\r\n },\r\n },\r\n }\r\n );\r\n}\r\n\r\nfunction processEdit(state) {\r\n // remove readonly\r\n const readonly = {};\r\n\r\n Object.keys(state.fields.readonly).forEach((f) => (readonly[f] = false));\r\n\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n ui: {\r\n mode: Mode.EDIT,\r\n },\r\n buttons: {\r\n precheck: {\r\n visible: true,\r\n },\r\n modify: {\r\n visible: false,\r\n },\r\n confirm: {\r\n visible: false,\r\n loading: false,\r\n },\r\n },\r\n fields: {\r\n readonly,\r\n },\r\n precheck: {\r\n authorizations: [],\r\n },\r\n }\r\n );\r\n}\r\n\r\nfunction processPrecheck(state) {\r\n const errors = validateForm(state);\r\n\r\n if (errors == false) {\r\n const readonly = {};\r\n const { itemsHeader, ...others } = state.io;\r\n\r\n Object.keys(others).forEach((f) => {\r\n readonly[f] = true;\r\n });\r\n\r\n Object.keys(itemsHeader).forEach((f) => {\r\n readonly[`header_${f}`] = true;\r\n });\r\n\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n ui: {\r\n mode: Mode.PRECHECK,\r\n },\r\n buttons: {\r\n precheck: {\r\n loading: true,\r\n },\r\n },\r\n fields: {\r\n readonly,\r\n },\r\n }\r\n );\r\n } else {\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n fields: {\r\n errors,\r\n },\r\n }\r\n );\r\n }\r\n}\r\n\r\nfunction processConfirm(state) {\r\n const { precheck } = state;\r\n\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n buttons: {\r\n precheck: {\r\n visible: false,\r\n loading: false,\r\n },\r\n modify: {\r\n visible: true,\r\n },\r\n confirm: {\r\n visible: precheck.status != \"failed\",\r\n loading: false,\r\n },\r\n },\r\n }\r\n );\r\n}\r\n\r\nfunction validateForm(state) {\r\n const { io, fields, userType } = state;\r\n const { subForm, simple, ...form } = validations(io, userType);\r\n const { readonly } = fields;\r\n\r\n const errors = {};\r\n\r\n Object.entries(form).forEach((entry) => {\r\n const [name, value] = entry;\r\n if (!readonly[name]) {\r\n if (value.empty) {\r\n if (io[name] == undefined || io[name] === \"\") {\r\n errors[name] = \"Required field\";\r\n } else if (value.autosuggestId && io[value.autosuggestId] == undefined) {\r\n errors[name] = \"Must select a value from list\";\r\n }\r\n }\r\n }\r\n });\r\n\r\n Object.entries(simple).forEach((entry) => {\r\n const [name, value] = entry;\r\n if (!readonly[`simple_${name}`]) {\r\n if (value.empty) {\r\n if (io.items[0][name] == undefined || io.items[0][name] === \"\") {\r\n errors[`simple_${name}`] = \"Required field\";\r\n } else if (value.autosuggestId && io.items[0][value.autosuggestId] == undefined) {\r\n errors[`simple_${name}`] = \"Must select a value from list\";\r\n }\r\n }\r\n if (name == \"Denominations\") {\r\n if (value.DenominationsSlots == false) {\r\n errors[\"simple_Denominations\"] =\r\n \"Must select \" + value.slots + \" denominations for the quantity selected\";\r\n }\r\n }\r\n }\r\n });\r\n\r\n Object.entries(subForm).forEach((entry) => {\r\n const [name, value] = entry;\r\n if (!readonly[name]) {\r\n if (value.empty) {\r\n if (io.itemsHeader[name] == undefined || io.itemsHeader[name] === \"\") {\r\n errors[`header_${name}`] = \"Required field\";\r\n } else if (value.autosuggestId && io.itemsHeader[value.autosuggestId] == undefined) {\r\n errors[`header_${name}`] = \"Must select a value from list\";\r\n }\r\n }\r\n }\r\n });\r\n\r\n if (io.IOMode == IOMode.MultipleAssets || io.IOType == IOType.Transfer) {\r\n if (io.items.length == 0) {\r\n errors.items = \"Require at least 1 item\";\r\n }\r\n\r\n delete errors.CurrencyISO;\r\n delete errors.AssetTicker;\r\n delete errors.Quantity;\r\n }\r\n\r\n // has Errors only add errors to state\r\n if (Object.keys(errors).length !== 0) {\r\n return errors;\r\n }\r\n\r\n return false;\r\n}\r\n\r\nfunction changeButtonProps(state, { props }) {\r\n return mergeDeep({ ...state }, { buttons: { ...props } });\r\n}\r\n\r\nexport function getTitle({ IOType, mode }, uiMode) {\r\n let title = `New `;\r\n\r\n if (uiMode == Mode.READONLY) {\r\n title = `View `;\r\n }\r\n\r\n if (mode == IOMode.MultipleAssets) {\r\n title += `Bulk `;\r\n }\r\n\r\n return `${title} ${IOType}`;\r\n}\r\n","import React from 'react';\r\nimport { getTitle } from './reducer';\r\nimport { mergeDeep } from '../../../../utils/Helper';\r\nimport { Mode } from '../../../../utils';\r\nimport { IOMode, IOType, IOTransferType } from '../../../IO/types';\r\n\r\nexport const Dispatch = React.createContext(null);\r\n\r\nfunction addDays(date, days) {\r\n\treturn new Date(date.setDate(date.getDate() + days));\r\n}\r\n\r\nexport const initialize = ({ mode, io: originalIO, permissions, userType }) => initialState => {\r\n\tconst state = mergeDeep(\r\n\t\t{ ...initialState },\r\n\t\t{\r\n\t\t\tui: {\r\n\t\t\t\tmode,\r\n\t\t\t\ttitle: getTitle(originalIO, mode),\r\n\t\t\t},\r\n\t\t\tio: { ...originalIO },\r\n\r\n\t\t},\r\n\t);\r\n\tstate.userType = userType;\r\n\t\r\n\tlet { io, fields, ui, buttons } = state;\r\n\r\n\t// when create deposit and withdrawal simples require initialized item:0\r\n\tif (io.IOMode == IOMode.Simple && io.IOType != IOType.Transfer && io.items.length == 0) {\r\n\t\tio.items.push({Id: 1})\r\n\t}\r\n\r\n\t// store items commons properties in itemsHeader\r\n\tio.itemsHeader = { ...io.itemsHeader, ...io.items[0] };\r\n\r\n\t// delete redundant properties\r\n\tdelete io.itemsHeader.Id;\r\n\tdelete io.itemsHeader.Correlative;\r\n\r\n\t// backoffice roles can only add cash, value or both\r\n\tif (permissions) {\r\n\t\tconst { allowCash, allowValues } = permissions;\r\n\t\tstate.permissions = { ...permissions };\r\n\r\n\t\t// mode new\r\n\t\tif (!state.io.Id) {\r\n\t\t\tif (allowCash == false) {\r\n\t\t\t\tio.itemsHeader.IsCurrency = false;\r\n\t\t\t}\r\n\r\n\t\t\tif (allowValues == false) {\r\n\t\t\t\tio.itemsHeader.IsCurrency = true;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// Mode.READONLY\r\n\tif (ui.mode === Mode.READONLY || ui.mode === Mode.EXECUTE) {\r\n\t\tObject.keys(io).forEach(key => {\r\n\t\t\tfields.readonly[`${key}`] = true;\r\n\t\t});\r\n\r\n\t\tObject.keys(io.items[0]).forEach(key => {\r\n\t\t\tfields.readonly[`header_${key}`] = true;\r\n\t\t});\r\n\r\n\t\tif (io.IOMode == IOMode.Simple && io.IOType != IOType.Transfer) {\r\n\t\t\tObject.keys(io.items[0]).forEach(key => {\r\n\t\t\t\tfields.readonly[`simple_${key}`] = true;\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tfields.readonly.SettlementDate = ui.mode !== Mode.EXECUTE;\r\n\t\tbuttons.precheck.visible = false;\r\n\t\tbuttons.confirm.visible = ui.mode === Mode.EXECUTE;\r\n\t}\r\n\r\n\treturn {\r\n\t\t...state,\r\n\t\tui,\r\n\t\tio,\r\n\t\tfields,\r\n\t\tbuttons,\r\n\t};\r\n};\r\n\r\nexport const defaultState = () => ({\r\n\tui: {\r\n\t\ttitle: 'New deposit',\r\n\t\tmode: Mode.EDIT,\r\n\t},\r\n\tio: {\r\n\t\tLocal: true,\r\n\t\tIOMode: IOMode.Simple,\r\n\t\tDate: new Date().toDateLocal(),\r\n\t\tSettlementDate: addDays(new Date(), 1).toDateLocal(),\r\n\t\titemsHeader: {\r\n\t\t\tIsCurrency: true,\r\n\t\t\tTransferType: IOTransferType.Transfer,\r\n\t\t},\r\n\t\titems: [],\r\n\t\tfiles: [],\r\n\t\tReasonId: \"\",\r\n\t},\r\n\tfields: {\r\n\t\terrors: {},\r\n\t\treadonly: {},\r\n\t},\r\n\tbuttons: {\r\n\t\tconfirm: { visible: false },\r\n\t\tprecheck: { visible: true },\r\n\t\tmodify: { visible: false },\r\n\t},\r\n\tentities: {\r\n\t\taccountBanks: [],\r\n\t},\r\n\tprecheck: {\r\n\t\tauthorizations: [],\r\n\t},\r\n\tpermissions: {\r\n\t\tallowValues: true,\r\n\t\tallowCash: true,\r\n\t},\r\n});\r\n","import React, { useState, useImperativeHandle, forwardRef } from \"react\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, Button } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport classnames from \"classnames\";\r\nimport style from \"./IOExecution.module.scss\";\r\nimport InlineDetail from \"../../IO/InlineItem\";\r\nimport { IOMode, IOType } from \"../../IO/types\";\r\nimport Securities, { validateSecurities } from \"./Securities\";\r\n\r\nconst IOExecution = forwardRef(({ io, services, validate }, ref) => {\r\n const [items, setItems] = useState(io.items);\r\n const [errors, setErrors] = useState({});\r\n\r\n useImperativeHandle(ref, () => ({\r\n validate() {\r\n let hasErrors = false;\r\n\r\n if (io.IOType != IOType.Transfer) {\r\n const newErrors = validateSecurities(items);\r\n\r\n setErrors(newErrors);\r\n\r\n Object.values(newErrors).forEach((f) => {\r\n Object.keys(f).forEach((e) => {\r\n if (e != undefined) {\r\n hasErrors = true;\r\n }\r\n });\r\n });\r\n }\r\n\r\n return hasErrors;\r\n },\r\n getValues() {\r\n if (io.IOType != IOType.Transfer) {\r\n return items.map((item) => ({\r\n key: item.Id,\r\n value: item.CustodianId,\r\n }));\r\n }\r\n },\r\n }));\r\n\r\n const onChange = (id, values) => {\r\n setItems(\r\n items.map((item) => {\r\n if (item.Id === id) {\r\n return {\r\n ...item,\r\n ...values,\r\n };\r\n }\r\n return item;\r\n })\r\n );\r\n\r\n const cleanedErrors = {};\r\n Object.keys(values).forEach((key) => (cleanedErrors[key] = undefined));\r\n\r\n const newErrors = {\r\n [id]: {\r\n ...(errors[id] || {}),\r\n ...cleanedErrors,\r\n },\r\n };\r\n\r\n setErrors(newErrors);\r\n return newErrors;\r\n };\r\n\r\n return (\r\n \r\n
\r\n {validation.title && (\r\n {validation.ValidationName}
\r\n\r\n {validation.status ? (\r\n \r\n {\" \"}\r\n \r\n \r\n ) : (\r\n{name}
;\r\n })\r\n ) : validation.title.includes(\"\\r\\n\") ? (\r\n validation.title.split(\"\\r\\n\").map((name, index) => {\r\n return {name}
;\r\n })\r\n ) : (\r\n {validation.title}
\r\n )}\r\n\r\n {true &&
\r\n );\r\n});\r\n\r\nexport default IOExecution;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"content\":\"IOExecution-module_content_1r9aA\",\"viewIO\":\"IOExecution-module_viewIO_1gvL0\",\"securities\":\"IOExecution-module_securities_3xJi-\"};","import React, { useState } from \"react\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, Button, Table } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport classnames from \"classnames\";\r\nimport style from \"./IOExecution.module.scss\";\r\nimport InlineDetail from \"../../IO/InlineItem\";\r\nimport { IOMode, IOType, TransactionStatus } from \"../../IO/types\";\r\nimport { SimpleSuggest } from \"../IO/Fields\";\r\nimport { FormattedNumber } from \"../../FormattedNumber/FormattedNumber\";\r\n\r\nconst Securities = ({ io, items, errors, onChange, services }) => {\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport function validateSecurities(items) {\r\n const errors = {};\r\n\r\n items.forEach((item) => {\r\n errors[item.Id] = {};\r\n\r\n if (item.CustodianId == undefined || item.CustodianId == 0) {\r\n errors[item.Id].CustodianId = \"Required field\";\r\n }\r\n });\r\n\r\n return errors;\r\n}\r\n\r\nexport default Securities;\r\n","import React from \"react\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from \"reactstrap\";\r\nimport style from \"./style.module.scss\";\r\nimport Invoice from \"../../CrossReference/Forms/Invoice\";\r\n\r\nconst ModalInvoice = ({ open, toggle, invoiceInfo }) => (\r\n | Quantity | \r\nSecurity | \r\n {io.IOType != IOType.Transfer &&Custodian | }\r\n
|---|---|---|
| \r\n | \r\n {item.IsCurrency ? item.CurrencyISO : item.AssetTicker} | \r\n {io.IOType != IOType.Transfer && (\r\n\r\n | \r\n )}\r\n
{alert.trigger.trim()}
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Order note\r\n \r\n \r\n \r\n \r\n \r\n {\"Confirm\"}\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 \r\n \r\n
\r\n );\r\n};\r\n\r\nconst NotesRows = (props) => {\r\n if (!props.notes.length) {\r\n return (\r\n Notes
\r\n {loading ? (\r\nNo Notes
\r\n\r\n
{note.text}
\r\n\r\n \r\n \r\n Order note\r\n \r\n \r\n \r\n \r\n this.setState({ note: e.target.value })}\r\n />\r\n\r\n this.addNote()}\r\n data-style={SLIDE_LEFT}\r\n >\r\n {\"Confirm\"}\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 \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst NotesRows = (props) => {\r\n if (!props.notes.length) {\r\n return (\r\n Notes
\r\n {this.state.loading ? (\r\nNo Notes
\r\n\r\n
{note.text}
\r\n\r\n {/* ##### Quantity ###### */}\r\n {!modHiddens.Quantity && (\r\n \r\n onChange({ Quantity: v })}\r\n invalid={!!errors.Quantity}\r\n dataTypeDecimalName=\"quantity\"\r\n />\r\n \r\n )}\r\n\r\n {/* ##### Account ###### */}\r\n \r\n \r\n \r\n \r\n\r\n {this.state.loadingHolders ? (\r\n \r\n onChange({ RequiresSpecialCustody: v })}\r\n />\r\n \r\n )}\r\n\r\n {!(modHiddens.Markup && modHiddens.FXMarkup && modHiddens.Commission) && OrderId > 0 && (\r\n \r\n \r\n {/* ##### Mark up/down ###### */}\r\n \r\n onChange({ Markup: v })}\r\n invalid={!!errors.Markup}\r\n {...commissionSuffix(MarkupType, order.OrderCurrencySymbol)}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n \r\n\r\n {/* ##### Mark type ###### */}\r\n \r\n onChange({ MarkupType: v })}\r\n emptyLabel={\"Type\"}\r\n invalid={!!errors.MarkupType}\r\n style={{ background: \"#edf9ff\", fontWeight: 500 }}\r\n />\r\n \r\n \r\n
\r\n\r\n {/* ##### Client Price ###### */}\r\n {showClientPrice && (\r\n \r\n null}\r\n disabled\r\n dataTypeDecimalName=\"price\"\r\n />\r\n \r\n )}\r\n\r\n {/* #### FX Mark up/down #### */}\r\n {!modHiddens.FXMarkup && readonly.FXMarkupAllowed && (\r\n \r\n \r\n onChange({ FXMarkup: v })}\r\n invalid={!!errors.FXMarkup}\r\n {...commissionSuffix(FXMarkupType, `${baseCurrency}/${priceCurrency}`)}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n \r\n\r\n {/* ##### FX Mark type ###### */}\r\n \r\n onChange({ FXMarkupType: v })}\r\n emptyLabel={\"Type\"}\r\n invalid={!!errors.FXMarkupType}\r\n style={{ background: \"#edf9ff\", fontWeight: 500 }}\r\n />\r\n \r\n \r\n
\r\n )}\r\n\r\n {/* ##### Client Price ###### */}\r\n {showClientFX && (\r\n \r\n null}\r\n disabled\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n )}\r\n \r\n )}\r\n {!modHiddens.Commission && (\r\n \r\n {/* ##### Commission ###### */}\r\n \r\n onChange({ Commission: v })}\r\n invalid={!!errors.Commission}\r\n {...commissionSuffix(CommissionType, order.OrderSettlementCurrencySymbol)}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n \r\n\r\n {/* ##### CommissionType ###### */}\r\n \r\n onChange({ CommissionType: v })}\r\n emptyLabel={\"Type\"}\r\n style={{ background: \"#edf9ff\", fontWeight: 500 }}\r\n />\r\n \r\n \r\n
\r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst defaultAccountValue = {\r\n AccountId: null,\r\n AccountName: \"\",\r\n HolderId: null,\r\n HolderName: null,\r\n Instruction: null,\r\n};\r\n\r\nconst renderSuggestion = (suggestion) => (\r\n \r\n {!hideHolders && (\r\n \r\n \r\n )}\r\n {this.state.loadingBalance ? (\r\n
\r\n )}\r\n {/* ##### Custody ###### */}\r\n {!modHiddens.RequiresSpecialCustody && (\r\n \r\n {earningsTitle}\r\n
\r\n )}\r\n\r\n {!modHiddens.Markup && (\r\n \r\n {suggestion.number}\r\n {\" - \"}\r\n {suggestion.name}\r\n
\r\n);\r\n\r\nconst getSuggestionValue = (suggestion) => `${suggestion.number} - ${suggestion.name}`;\r\n\r\nconst getInstructions = (holder) => {\r\n const instructions = [];\r\n if (holder.HoldersOrderNO) instructions.push({ id: \"Managed\", description: \"Managed\" });\r\n else {\r\n if (holder.HoldersOrderW) instructions.push({ id: \"Written\", description: \"Written\" });\r\n if (holder.HoldersOrderV) instructions.push({ id: \"Web\", description: \"Web\" });\r\n if (holder.HoldersOrderL) instructions.push({ id: \"ViaLink\", description: \"Via Link\" });\r\n }\r\n\r\n return instructions;\r\n};\r\n\r\nconst getItemById = (items, id) => items.find((e) => e.id === id);\r\n\r\nconst isEmpty = (value) => value === undefined || value === \"\";\r\n\r\nexport default Account;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"balance\":\"Account-module_balance_1IgMa\",\"title\":\"Account-module_title_2XZNk\",\"item\":\"Account-module_item_2Fado\",\"requeriments\":\"Account-module_requeriments_P9gcA\",\"line\":\"Account-module_line_2eNhp\",\"inputFile\":\"Account-module_inputFile_3a31u\",\"pdf\":\"Account-module_pdf_2-_2j\",\"upload\":\"Account-module_upload_3DAps\",\"pencil\":\"Account-module_pencil_4KTVV\",\"pending\":\"Account-module_pending_3pTM5\",\"fadein\":\"Account-module_fadein_LZa9y\"};","import React from \"react\";\r\nimport style from \"./Account.module.scss\";\r\nimport { FormattedNumber } from \"../../../../FormattedNumber/FormattedNumber\";\r\n\r\nconst Balance = ({ balance }) => {\r\n return (\r\n \r\n {balance.map(\r\n (item, index) =>\r\n item.key !== \"\" && (\r\n
\r\n );\r\n};\r\n\r\nexport default Balance;\r\n","import React from 'react';\r\nimport Combobox from \"../Combobox\";\r\n\r\nconst Holders = (props) => {\r\n\r\n const items = () => {\r\n if (props.items == null) {\r\n return [{\r\n id: props.value,\r\n description: props.name\r\n }]\r\n }\r\n\r\n return props.items;\r\n }\r\n\r\n const isDisabled = props.disabled || !props.items;\r\n\r\n return (\r\n \r\n {item.key}\r\n
\r\n )\r\n )}\r\n \r\n {orderId && (\r\n this.toggle(e)} open={open} text={text} onChangeText={this.onChangeText} />\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst ModalText = ({ toggle, open, text, onChangeText }) => (\r\n \r\n Download order as pdf\r\n orderPdf({ orderId })}\r\n >\r\n ![]()
\r\n \r\n
\r\n )}\r\n\r\n \r\n Attachment\r\n\r\n {!readonly && !this.state.uploaded && (\r\n \r\n ![]()
\r\n \r\n \r\n )}\r\n\r\n {!readonly && !this.state.uploaded && (\r\n this.toggle()}\r\n >\r\n \r\n \r\n )}\r\n {!readonly && this.state.uploaded && (\r\n this.resetState()}\r\n >\r\n \r\n \r\n )}\r\n\r\n {!attachmentInServer && (\r\n \r\n {uploaded || (hasAttachment && hasAttachment.uploadPending) ? \"Uploaded\" : \"Pending\"}\r\n \r\n )}\r\n {attachmentInServer && (\r\n \r\n )}\r\n
\r\n\r\n \r\n {error}\r\n
\r\n {!error && description && (\r\n \r\n {description}\r\n
\r\n )}\r\n \r\n \r\n \r\n onChange({ OrderType: v })}\r\n placeholder={\"Type\"}\r\n style={{ background: \"#edf9ff\", fontWeight: 500 }}\r\n />\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nconst PriceField = (props) => {\r\n switch (props.type) {\r\n case OrderPriceType.MARKET:\r\n return null;\r\n case OrderPriceType.MARKETONOPEN:\r\n return null;\r\n case OrderPriceType.MARKETONCLOSE:\r\n return null;\r\n case OrderPriceType.LIMIT:\r\n return Single(props);\r\n case OrderPriceType.STOP:\r\n return Single(props);\r\n case OrderPriceType.STOPLIMIT:\r\n return StopLimit(props);\r\n default:\r\n return null;\r\n }\r\n};\r\n\r\nconst Single = ({\r\n type,\r\n form,\r\n label,\r\n values,\r\n onChange,\r\n readonly,\r\n errors,\r\n currency,\r\n baseCurrency,\r\n priceCurrency,\r\n}) => {\r\n const typePrice =\r\n type == OrderPriceType.LIMIT ||\r\n type == OrderPriceType.MARKETONOPEN ||\r\n type == OrderPriceType.MARKETONCLOSE\r\n ? \"limPrice\"\r\n : \"stopPrice\";\r\n const _label = label || ([ProductType.MMARKET, ProductType.FOREX].indexOf(form) >= 0 ? \"Rate\" : \"Price\");\r\n const precision = form == ProductType.FOREX ? 8 : 5;\r\n\r\n let prefix = \"\";\r\n if (form !== ProductType.FOREX) {\r\n prefix = currency && currency !== \"\" ? `${currency} ` : \"\";\r\n } else {\r\n prefix = `${baseCurrency}/${priceCurrency} `;\r\n }\r\n\r\n let dataTypeDecimalName = \"default\";\r\n\r\n if (_label) {\r\n _label.toLowerCase() === \"price\" || \"currency\" || \"percentage\" || \"quantity\"\r\n ? (dataTypeDecimalName = _label.toLowerCase())\r\n : null;\r\n }\r\n \r\n return (\r\n \r\n \r\n \r\n {side} {openClose}\r\n \r\n \r\n onChange({ OrderSide: \"Buy\", OrderOpenClose: \"Open\" })}\r\n className={style.itemBuy}\r\n >\r\n Buy Open\r\n \r\n onChange({ OrderSide: \"Buy\", OrderOpenClose: \"Close\" })}\r\n className={style.itemBuy}\r\n >\r\n Buy Close\r\n \r\n onChange({ OrderSide: \"Sell\", OrderOpenClose: \"Open\" })}\r\n className={style.itemSell}\r\n >\r\n Sell Open\r\n \r\n onChange({ OrderSide: \"Sell\", OrderOpenClose: \"Close\" })}\r\n className={style.itemSell}\r\n >\r\n Sell Close\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst BuySell = ({ side, onChange }) => (\r\n \r\n onChange({ OrderSide: \"Buy\" })}\r\n className={`${style.buy} ${side == \"Buy\" ? \"\" : style.off}`}\r\n disabled={side == \"Buy\"}\r\n >\r\n Buy\r\n \r\n\r\n onChange({ OrderSide: \"Sell\" })}\r\n className={`${style.sell} ${side == \"Buy\" ? style.off : \"\"}`}\r\n disabled={side != \"Buy\"}\r\n >\r\n Sell\r\n \r\n
\r\n);\r\n\r\nexport default React.memo(Side);\r\n","import React from \"react\";\r\nimport { Input, Label } from \"reactstrap\";\r\nimport style from \"./Field.module.scss\";\r\n\r\nconst Switch = ({ value, label, disabled, onChange }) => (\r\n \r\n \r\n\r\n \r\n
\r\n);\r\n\r\nexport default React.memo(Switch);\r\n","import React, { useEffect, useState } from \"react\";\r\nimport style from \"./Info.module.scss\";\r\nimport MiniLineChart from \"./MiniLineChart\";\r\nimport { FormattedNumber } from \"../../../../../FormattedNumber/FormattedNumber\";\r\n\r\nconst BoxBonds = ({ items, series }) => {\r\n const [chart, setChart] = useState(null);\r\n\r\n useEffect(() => {\r\n const chart = { data: [], percent: 0 };\r\n\r\n series.forEach((serie) => {\r\n chart.data.push(+serie.Price);\r\n });\r\n\r\n if (chart.data.length > 1) {\r\n const v0 = chart.data[chart.data.length - 2];\r\n const v1 = chart.data[chart.data.length - 1];\r\n\r\n chart.percent = ((v1 - v0) / v0) * 100;\r\n\r\n setChart(chart);\r\n }\r\n }, [series]);\r\n\r\n return (\r\n \r\n \r\n \r\n {items.AssetName && (\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default BoxBonds;\r\n","import React, { Component, useState, useEffect } from \"react\";\r\nimport PriceHighlight from \"./PriceHighlight\";\r\nimport { wsOnReceive, wsSubscribeSymbol, wsUnsuscribeSymbol } from \"./IEX\";\r\nimport style from \"./Info.module.scss\";\r\nimport { debounce } from \"../../../../../../utils/Helper\";\r\nimport MiniLineChart from \"./MiniLineChart\";\r\n\r\nconst imgUrl = (value) => `https://storage.googleapis.com/iex/api/logos/${value}.png`;\r\n\r\nconst chart1dUrl = (value) => `https://api.iextrading.com/1.0/stock/${value}/chart/1d`;\r\n\r\nconst BoxEquity = ({ value, detailed, items, ...props }) => {\r\n const [chart, setChart] = useState(null);\r\n const [price, setPrice] = useState(null);\r\n\r\n useEffect(() => {\r\n fetch(chart1dUrl(value))\r\n .then((r) => r.json())\r\n .then((r) => {\r\n // ToDo fix IEX call with cloud IEX\r\n const chart = {\r\n data: [],\r\n percent: 0,\r\n };\r\n\r\n for (let i = 0; i < r.length; i += Math.trunc(r.length / 15)) {\r\n if (r[i] && r[i].average && r[i].average > 0) {\r\n chart.data.push(r[i].average);\r\n }\r\n }\r\n\r\n if (chart.data.length > 1) {\r\n const v0 = chart.data[chart.data.length - 2];\r\n const v1 = chart.data[chart.data.length - 1];\r\n\r\n chart.percent = ((v1 - v0) / v0) * 100;\r\n\r\n setChart(chart);\r\n }\r\n })\r\n .catch((reason) => props.series)\r\n .then((series) => {\r\n const chart = { data: [], percent: 0 };\r\n\r\n series.forEach((serie) => {\r\n chart.data.push(+serie.Price);\r\n });\r\n\r\n if (chart.data.length > 1) {\r\n const v0 = chart.data[chart.data.length - 2];\r\n const v1 = chart.data[chart.data.length - 1];\r\n\r\n chart.percent = ((v1 - v0) / v0) * 100;\r\n\r\n setChart(chart);\r\n }\r\n });\r\n }, [props.series, value]);\r\n\r\n const { provider, description } = props;\r\n\r\n return (\r\n | \r\n {items.AssetName}\r\n | \r\n|
| \r\n {items.ISIN || \"-\"}\r\n | \r\n\r\n {items[\"Ref Price\"] && (\r\n | \r\n
| \r\n Sett. Date:\r\n {items[\"Settlment day\"] || \"-\"}\r\n | \r\n\r\n Coupon:\r\n | \r\n
| \r\n Fund Type:\r\n {items[\"Fund Type\"] || \"-\"}\r\n | \r\n\r\n Fund Reinvests:\r\n {items[\"Fund Reinvests\"] || \"-\"}\r\n | \r\n
| \r\n Last Payment\r\n {items[\"Last coupon\"] || \"-\"}\r\n | \r\n\r\n Days ago:\r\n {items.days || \"-\"}\r\n | \r\n
| \r\n {items.Maturity && (\r\n | \r\n {chart && | \r\n
\r\n
\r\n );\r\n};\r\n\r\nclass DetailedPrice extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.handleChgPriceDebounced = debounce(() => {\r\n this._isMounted &&\r\n this.setState({\r\n data: this.state.data_tmp,\r\n });\r\n }, 1000);\r\n\r\n // initialize values from corex\r\n let initialData = null;\r\n if (props.series.length > 0) {\r\n const lastValue = props.series[0];\r\n initialData = {\r\n ask: (+lastValue.Open).toFixed(2),\r\n bid: (+lastValue.Price).toFixed(2),\r\n last: (+lastValue.Close).toFixed(2),\r\n };\r\n }\r\n\r\n this.state = { data: initialData, old: null, loading: true };\r\n }\r\n\r\n componentDidMount() {\r\n this._isMounted = true;\r\n\r\n wsOnReceive((data) => {\r\n this._isMounted &&\r\n this.setState({\r\n data_tmp: data,\r\n loading: false,\r\n old: this.state.data,\r\n });\r\n\r\n this.handleChgPriceDebounced();\r\n\r\n this.props.changePrice({ price: data.last });\r\n });\r\n\r\n wsSubscribeSymbol(this.props.value);\r\n }\r\n\r\n componentWillUnmount() {\r\n this._isMounted = false;\r\n wsUnsuscribeSymbol(this.props.value);\r\n }\r\n\r\n getValues = (name) => {\r\n const { data, old } = this.state;\r\n\r\n const getValue = (root, name) => (root == null ? \"-\" : root[name]);\r\n\r\n return {\r\n oldValue: getValue(old, name),\r\n newValue: getValue(data, name),\r\n };\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n 
\r\n \r\n {items.AssetName}\r\n
\r\n {items.ISIN || \"-\"}\r\n \r\n\r\n {chart &&
\r\n {detailed && \r\n {items.ISIN || \"-\"}\r\n \r\n\r\n {chart &&
| Bid | \r\n\r\n | \r\n Open | \r\n\r\n | \r\n
| Ask | \r\n\r\n | \r\n Close | \r\n\r\n | \r\n
\r\n
\r\n );\r\n }\r\n\r\n const handleClick = () => {\r\n if ((userRole === \"Advisor\" || userRole === \"Trader\") && AssetId) {\r\n window.open(`/#/asset/${AssetId}/quotes`, \"_blank\");\r\n }\r\n };\r\n\r\n return (\r\n \r\n {\r\n {\r\n [ProductType.BOND]:
\r\n );\r\n};\r\n\r\nconst BoxForex = ({ items, tradeCurrencies, value, value2 }) => {\r\n let baseCurrency = value;\r\n let priceCurrency = value2;\r\n\r\n const tradeCurrency = tradeCurrencies.find((c) => c.currencyInfo.currencyISO == value2);\r\n if (tradeCurrency && tradeCurrency.multiplies) {\r\n baseCurrency = value2;\r\n priceCurrency = value;\r\n }\r\n\r\n return (\r\n \r\n {baseCurrency}/{priceCurrency} {\" \"}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Info;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"info\":\"Info-module_info_rTWly\",\"equity\":\"Info-module_equity_10fRe\",\"description\":\"Info-module_description_zYtul\",\"img\":\"Info-module_img_2S0i-\",\"tablePrice\":\"Info-module_tablePrice_3lXiX\",\"highlight\":\"Info-module_highlight_2Z8BZ\",\"bonds\":\"Info-module_bonds_1Wykd\",\"fadein\":\"Info-module_fadein_1R0_E\"};","import React from 'react';\r\nimport { Sparklines, SparklinesLine } from 'react-sparklines';\r\n\r\nconst MiniLineChart = ({data, percent}) => (\r\n \r\n
\r\n)\r\n\r\nconst styles = {\r\n container: {\r\n display: 'inline-flex',\r\n alignItems: 'end'\r\n },\r\n\r\n chart: {\r\n width: '50px',\r\n height: '20px'\r\n },\r\n\r\n change: {\r\n fontSize: '13px',\r\n marginRight: '3px'\r\n }\r\n}\r\n\r\nconst color = (v) => {\r\n if (v >= 0) return \"#19BE87\";\r\n else return \"#F72121\";\r\n}\r\n\r\nexport default MiniLineChart;\r\n","import React from \"react\";\r\nimport style from \"./Info.module.scss\";\r\nimport classnames from \"classnames\";\r\nimport { formattedNumber } from \"../../../../../FormattedNumber/FormattedNumber\";\r\n\r\nconst PriceHighlight = ({ oldValue, newValue }) => {\r\n const Status = {\r\n NONE: 0,\r\n UP: 1,\r\n DOWN: 2,\r\n };\r\n\r\n const nextStatus = isNaN(oldValue) ? Status.NONE : oldValue > newValue ? Status.DOWN : Status.UP;\r\n\r\n return (\r\n \r\n {(percent).toFixed(2)}%\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {formattedNumber(newValue, \"currency\")}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PriceHighlight;\r\n","import React from \"react\";\r\nimport style from \"./Options.module.scss\";\r\nimport { Input } from \"reactstrap\";\r\n\r\nconst Filter = ({ selected, range, onChange, description }) => (\r\n \r\n Date\r\n onChange(+e.target.value)} className={style.date}>\r\n {range.map((settDate, index) => (\r\n \r\n ))}\r\n \r\n\r\n \r\n {description}\r\n \r\n
\r\n);\r\n\r\nexport default Filter;\r\n","import React, { Component } from \"react\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, Container, Row, Col, Button } from \"reactstrap\";\r\nimport Filter from \"./Filter\";\r\nimport Table from \"./Table\";\r\nimport style from \"./Options.module.scss\";\r\nimport CircularProgress from \"../../../../../CircularProgress/CircularProgress\";\r\nimport { getOptionFieldsFromTicker } from \"../../../../../../utils/Order/Order\";\r\n\r\nclass Options extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = defaultState;\r\n }\r\n\r\n componentDidMount() {\r\n this.props.setValues(() => {\r\n this.setState(defaultState, () => this.fetchOptions());\r\n });\r\n }\r\n\r\n fetchOptions() {\r\n const { symbol } = this.props;\r\n\r\n this.props.fetchOptions({ date: this.state.selected, symbol }).then((response) => {\r\n const yahooData = JSON.parse(response.response);\r\n const optionChain = yahooData.optionChain;\r\n\r\n if (optionChain.result.length != 0 && optionChain.result[0].expirationDates.length != 0) {\r\n let rows = {};\r\n\r\n const calls = optionChain.result[0].options[0].calls;\r\n const puts = optionChain.result[0].options[0].puts;\r\n const strikes = optionChain.result[0].strikes;\r\n const range = optionChain.result[0].expirationDates.map((e) => {\r\n return { id: e, date: new Date(e * 1000) };\r\n });\r\n\r\n strikes.forEach((strike) => (rows[strike] = { call: {}, put: {} }));\r\n calls.forEach((call) => Object.assign(rows[call.strike].call, call));\r\n puts.forEach((put) => Object.assign(rows[put.strike].put, put));\r\n\r\n this.setState({\r\n rows,\r\n range,\r\n loading: false,\r\n description: optionChain.result[0].quote.longName,\r\n selected: optionChain.result[0].options[0].expirationDate,\r\n });\r\n } else {\r\n this.setState({ loading: false, rows: {} });\r\n }\r\n });\r\n }\r\n\r\n onChangeDate = (value) => {\r\n this.setState({ selected: value, loading: true }, () => this.fetchOptions());\r\n };\r\n\r\n useOption = (option) => {\r\n const optionFields = getOptionFieldsFromTicker(option.contractSymbol);\r\n this.props.onChange(optionFields);\r\n this.props.toggle();\r\n };\r\n\r\n render() {\r\n const { open, toggle } = this.props;\r\n const { range, selected, rows, description, loading } = this.state;\r\n\r\n return (\r\n \r\n \r\n Options List \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 \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst defaultState = {\r\n range: [],\r\n selected: null,\r\n rows: {},\r\n description: null,\r\n loading: true,\r\n};\r\n\r\nexport default Options;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"modal\":\"Options-module_modal_1ENm3\",\"body\":\"Options-module_body_1gjO4\",\"filter\":\"Options-module_filter_39tI0\",\"date\":\"Options-module_date_1BVs5\",\"label\":\"Options-module_label_2SZPS\",\"table\":\"Options-module_table_21rtd\",\"link\":\"Options-module_link_2ujzW\",\"strike\":\"Options-module_strike_z5VKd\",\"put\":\"Options-module_put_2MpLg\"};","import React from \"react\";\r\nimport style from \"./Options.module.scss\";\r\nimport { FormattedNumber } from \"../../../../../FormattedNumber/FormattedNumber\";\r\n\r\nconst Table = ({ rows, useOption }) => {\r\n if (Object.keys(rows).length == 0) {\r\n return No options found it.;\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nconst buildRow = ({ key, r, useOption }) => (\r\n | Last | \r\nChg. | \r\nBid | \r\nAsk | \r\nVol. | \r\nStrike | \r\nLast | \r\nChg. | \r\nBid | \r\nAsk | \r\nVol. | \r\n
|---|
\r\n {suggestion.Ticker}\r\n {\" - \"}\r\n {suggestion.Description}\r\n
\r\n );\r\n};\r\n\r\nconst getSuggestionValue = (suggestion) => suggestion.Ticker;\r\n\r\nconst GetOptions = ({ symbol, toggle, open, setValues, fetchOptions, onChange, disabled }) => (\r\n \r\n \r\n \r\n onChange({'OrderTimeInForce': v})}\r\n placeholder={'Time in force'}\r\n style={{background: '#edf9ff', fontWeight: 500}}\r\n />\r\n \r\n \r\n \r\n onChange({'OrderGTD': e.target.value})} \r\n value={date}\r\n disabled={readonly.date}\r\n style={{padding: '6px 4px'}}\r\n required\r\n />\r\n \r\n }\r\n \r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default React.memo(TimeForce);","import React, { useContext } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Button } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport style from \"./Footer.module.scss\";\r\nimport classnames from \"classnames\";\r\nimport { Mode } from \"../../../../utils/Order/Order\";\r\nimport { Dispatch } from \"../store/store\";\r\n\r\nconst Footer = ({ actions, mode, side, buttons, wizzard }) => {\r\n const { dispatch } = useContext(Dispatch);\r\n const { precheck, modify, confirm, save } = buttons;\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nconst onChangeMode = (dispatch, mode) => dispatch({ type: \"CHANGE_MODE\", mode });\r\n\r\nconst GoStepBack = ({ wizzard, dispatch }) => {\r\n if (wizzard.enabled && wizzard.activeStep != 0) {\r\n return (\r\n \r\n );\r\n } else return null;\r\n};\r\n\r\nexport default Footer;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"footer\":\"Footer-module_footer_2ll6j\",\"buttons\":\"Footer-module_buttons_1YrR5\",\"buy\":\"Footer-module_buy_3P3uY\",\"sell\":\"Footer-module_sell_3wktq\",\"totals\":\"Footer-module_totals_7TyyY\",\"totalsLoading\":\"Footer-module_totalsLoading_oj3t_\"};","import React from \"react\";\r\nimport { PopoverBody, UncontrolledPopover } from \"reactstrap\";\r\n\r\nimport style from \"./Helper.module.scss\";\r\n\r\nconst EarningsHelper = ({ children, quantities, earningCategoryName, earningTypeName }) => (\r\n \r\n {\" \"}\r\n {confirm.visible && !wizzard.enabled && (\r\n \r\n {confirm.label}\r\n \r\n )}\r\n
\r\n \r\n {children}\r\n \r\n \r\n {quantities.map((item) => (\r\n \r\n \r\n
\r\n);\r\n\r\nexport default EarningsHelper;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"linkHelper\":\"Helper-module_linkHelper_OFA1W\",\"Helper\":\"Helper-module_Helper_15FUL\"};","import React from \"react\";\r\nimport { PopoverBody, UncontrolledPopover } from \"reactstrap\";\r\n\r\nimport style from \"./Helper.module.scss\";\r\n\r\nconst QuantityHelper = ({ children, quantities, name }) => (\r\n \r\n {`${item.date}: ${item[earningCategoryName]} ${item[earningTypeName]} (status: ${item.status})`}\r\n
\r\n ))}\r\n \r\n {children}\r\n \r\n \r\n {quantities.map((item) => (\r\n \r\n \r\n
\r\n);\r\n\r\nexport default QuantityHelper;\r\n","import React, { useReducer, useEffect, useState } from \"react\";\r\nimport {\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Container,\r\n UncontrolledDropdown,\r\n DropdownToggle,\r\n DropdownMenu,\r\n DropdownItem,\r\n Row,\r\n Col,\r\n Input,\r\n Label,\r\n FormGroup,\r\n FormFeedback,\r\n CustomInput,\r\n Alert,\r\n} from \"reactstrap\";\r\nimport LaddaButton from \"react-ladda/dist/LaddaButton\";\r\nimport { SLIDE_LEFT } from \"react-ladda/dist/constants\";\r\nimport { defaultState, Dispatch, initialize } from \"./store/store\";\r\nimport { orderReducer, validateForm } from \"./store/reducer\";\r\nimport style from \"./Offer.module.scss\";\r\nimport { CommissionType, Mode } from \"../../../utils/Order/Order\";\r\nimport { Field, Numeric } from \"./Field/Field\";\r\nimport Footer from \"./Footer/Footer\";\r\nimport { Asset, OrderInlineDetail } from \"../..\";\r\nimport Execution from \"../Execution/Execution\";\r\nimport { customFetchAssetInfo } from \"./../Order/Form/commons\";\r\nimport { handleFileInput, showToast, valueIsEmpty } from \"../../../utils/Helper\";\r\nimport { FormattedNumber } from \"../../FormattedNumber/FormattedNumber\";\r\nimport { Result } from \"../../Asset/Calculator/Calculator\";\r\nimport { commissionSuffix } from \"../FundOrder/Form/commons\";\r\nimport { LoadingMessage } from \"../../Asset/Controls\";\r\nimport { NumberFormatInput } from \"../../NumberFormatInput/NumberFormatInput\";\r\nimport Balance from \"../Order/Field/Account/Balance\";\r\n\r\nconst Offer = ({ open, toggle, fetchGetAssetInformation, ...props }) => {\r\n const [state, dispatch] = useReducer(orderReducer, defaultState(), initialize(props));\r\n const [messageResponse, setMessageResponse] = useState(\"\");\r\n const [visible, setVisible] = useState(false);\r\n const [availableClients, setAvailableClients] = useState(0);\r\n const [availableAdvisors, setAvailableAdvisors] = useState(0);\r\n const [decimalAmount, setDecimalAmount] = useState();\r\n const [AssetPaymentRateFixed, setAssetPaymentRateFixed] = useState(0);\r\n const [assetTradesDirty, setAssetTradesDirty] = useState(null);\r\n const [assetName, setAssetName] = useState(\"\");\r\n const [assetIsQualified, setAssetIsQualified] = useState(\"\");\r\n const { ui, buttons } = state;\r\n const [order, setOrder] = useState(props.order);\r\n const [OfferCleanPrice, setOfferCleanPrice] = useState(0);\r\n const [OfferOriginalPrice, setOfferOriginalPrice] = useState(0);\r\n const postOffer = order.postOffer.postOffer;\r\n const update = order.update;\r\n const [offer, setOffer] = useState(() => {\r\n if (state.order.offer && state.order.offer.OfferId != undefined) {\r\n setOfferOriginalPrice(state.order.offer.OfferOriginalPrice);\r\n return {\r\n OfferQuantitytoAdvisor: state.order.offer.OfferQuantitytoAdvisor,\r\n OfferQuantitytoClient: state.order.offer.OfferQuantitytoClient,\r\n OfferPrice: state.order.offer.OfferOriginalPrice,\r\n OfferOfferQuantityTakenByAdvisor: state.order.offer.OfferOfferQuantityTakenByAdvisor,\r\n OfferQuantityTakenByClient: state.order.offer.OfferQuantityTakenByClient,\r\n OfferCleanPrice: state.order.offer.OfferCleanPrice,\r\n OfferOriginalPrice: state.order.offer.OfferOriginalPrice,\r\n OfferId: state.order.offer.OfferId,\r\n featured: state.order.offer.featured,\r\n AssetId: state.order.offer.AssetId,\r\n OfferDate: state.order.offer.OfferDate,\r\n sellingPower: state.order.sellingPower,\r\n balanceType: state.order.balanceType,\r\n bookType: state.order.bookType,\r\n OfferMinimumtoClient: state.order.offer.OfferMinimumtoClient\r\n };\r\n } else {\r\n return {\r\n sellingPower: state.order.sellingPower,\r\n balanceType: state.order.balanceType,\r\n bookType: state.order.bookType,\r\n OfferQuantitytoAdvisor: 0,\r\n OfferQuantitytoClient: 0,\r\n OfferPrice: state.order.CurrentPrice,\r\n OfferQuantityTakenByClient: 0,\r\n OfferOfferQuantityTakenByAdvisor: 0,\r\n OfferOriginalPrice: state.order.CurrentPrice,\r\n OfferCleanPrice: 0,\r\n OfferId: 0,\r\n featured: false,\r\n AssetId: state.order.AssetId,\r\n //set today date\r\n OfferDate: new Date().toISOString().slice(0, 10),\r\n OfferMinimumtoClient: 0,\r\n };\r\n }\r\n });\r\n\r\n const minimum_to_clients =\r\n window.___APP_CONFIG___ && window.___APP_CONFIG___.OFFER_MINIMUM_TO_CLIENTS\r\n ? window.___APP_CONFIG___.OFFER_MINIMUM_TO_CLIENTS\r\n : false;\r\n\r\n const rates = [\r\n { id: 1, name: \"Nom. Rate\" },\r\n { id: 2, name: \"XIRR\" },\r\n ];\r\n const [rateSelected, setRateSelected] = useState(rates.find((rate) => rate.id == 1));\r\n const [targetValue, setTargetValue] = useState(0);\r\n const [newOrderPrices, setNewOrderPrices] = useState({\r\n data: {\r\n principal: 0,\r\n accrual: 0,\r\n ytm: 0,\r\n TNA: 0,\r\n currentyield: 0,\r\n total: 0,\r\n duration: 0,\r\n days: 0,\r\n nominal: 0,\r\n events: [],\r\n },\r\n loading: false,\r\n error: null,\r\n });\r\n\r\n useEffect(() => {\r\n\r\n if (ui.quoteId) {\r\n customFetchAssetInfo(\r\n dispatch,\r\n { assetInfo: props.onOrderAssetInfo },\r\n {\r\n OrderInitDate: order.OrderInitDate,\r\n OrderFutureSettlmentDate: order.OrderFutureSettlmentDate,\r\n AssetClassForm: order.AssetClassForm,\r\n AssetId: order.AssetId,\r\n AssetTicker: order.AssetTicker,\r\n OrderCurrencyId: order.OrderCurrencyId,\r\n OrderSettlementCurrencyId: order.OrderSettlementCurrencyId,\r\n }\r\n );\r\n }\r\n if (order.OrderId != 0) {\r\n setAvailableAdvisors(offer.OfferQuantitytoAdvisor - offer.OfferOfferQuantityTakenByAdvisor);\r\n setAvailableClients(offer.OfferQuantitytoClient - offer.OfferQuantityTakenByClient);\r\n setOffer({\r\n ...offer,\r\n featured: offer.featured,\r\n });\r\n fetchGetAssetInformation({ assetId: order.assetId }).then((response) => {\r\n setDecimalAmount(response.info.SubAssetClassDecimalPlaces);\r\n setAssetPaymentRateFixed(response.info.AssetPaymentRateFixed);\r\n setAssetTradesDirty(response.info.AssetPricesDirty);\r\n setAssetName(response.info.AssetName);\r\n setAssetIsQualified(response.info.AssetIsQualified);\r\n });\r\n }\r\n }, [\r\n order.OrderInitDate,\r\n order.OrderFutureSettlmentDate,\r\n order.AssetClassForm,\r\n order.AssetId,\r\n order.AssetTicker,\r\n order.AdvisorQuantity,\r\n order.ClientQuantity,\r\n order.OrderCurrencyId,\r\n order.OrderSettlementCurrencyId,\r\n props.onOrderAssetInfo,\r\n ui.quoteId,\r\n ]);\r\n\r\n useEffect(() => {\r\n\r\n if (assetTradesDirty == null)\r\n return;\r\n\r\n let offerToSend = {\r\n ...offer,\r\n AssetId: order.assetId,\r\n OfferCleanPrice: targetValue > 0 && targetValue == AssetPaymentRateFixed ? 100 : OfferCleanPrice,\r\n OfferOriginalPrice: OfferOriginalPrice ? OfferOriginalPrice : offer.OfferPrice,\r\n };\r\n\r\n const calculatorRequest = {\r\n assetId: order.assetId,\r\n quantity: order.OrderQuantity,\r\n date: offer.OfferDate,\r\n price: offer.OfferPrice,\r\n priceisclean: !assetTradesDirty,\r\n priceisdirty: assetTradesDirty,\r\n ytm: true,\r\n };\r\n\r\n Promise.all([\r\n props.fetchPricesForOffer({ sdtOffer: offerToSend }),\r\n props.fetchGetCalculator(calculatorRequest),\r\n ]).then(([response1, response2]) => {\r\n if (response1.response.sdtOffer) {\r\n setOfferCleanPrice(response1.response.sdtOffer.OfferCleanPrice);\r\n offer.OfferId == 0 ? setOfferOriginalPrice(response1.response.sdtOffer.OfferPrice) : \"\";\r\n }\r\n if (response2.calculator) {\r\n setNewOrderPrices((prevState) => ({\r\n ...prevState,\r\n data: {\r\n ...response2.calculator,\r\n nominal: response2.calculator.assetParValue * order.OrderQuantity,\r\n },\r\n }));\r\n setTargetValue(rateSelected.id == 1 ? response2.calculator.TNA : response2.calculator.ytm);\r\n\r\n }\r\n });\r\n }, [offer.OfferPrice, assetTradesDirty]);\r\n\r\n const handleNewValueTNA = () => {\r\n if (targetValue == AssetPaymentRateFixed) {\r\n getPricesWhenTnaEqualsCoupon();\r\n return;\r\n }\r\n\r\n if (targetValue == newOrderPrices.data.TNA) return;\r\n\r\n const request = {\r\n assetId: order.assetId,\r\n quantity: order.OrderQuantity,\r\n targetValueTNA: targetValue,\r\n date: new Date().toISOString().slice(0, 10),\r\n isTargetTNA: rateSelected.id == 1,\r\n };\r\n\r\n setNewOrderPrices((prevState) => ({ ...prevState, loading: true }));\r\n\r\n props.fetchCalculatorDataForOffers(request).then(({ calculator_out, goalSeekResponse }) => {\r\n if (goalSeekResponse.Code !== 200) {\r\n setNewOrderPrices((prevState) => ({ ...prevState, error: true, loading: false }));\r\n return;\r\n }\r\n\r\n setQuantity({ OfferPrice: assetTradesDirty ? calculator_out.dirtyprice : calculator_out.cleanprice });\r\n setNewOrderPrices((prevState) => ({\r\n ...prevState,\r\n loading: false,\r\n error: false,\r\n }));\r\n });\r\n };\r\n\r\n const handleChangeRate = (rateId) => {\r\n const rateSelected = rates.find((rate) => rate.id == rateId);\r\n setRateSelected(rateSelected);\r\n setTargetValue(rateSelected.id == 1 ? newOrderPrices.data.TNA : newOrderPrices.data.ytm);\r\n };\r\n\r\n const getPricesWhenTnaEqualsCoupon = () => {\r\n const calculatorRequest = {\r\n assetId: order.assetId,\r\n quantity: order.OrderQuantity,\r\n date: new Date().toISOString().slice(0, 10),\r\n price: 100,\r\n priceisclean: true,\r\n priceisdirty: false,\r\n ytm: true,\r\n };\r\n\r\n if (!assetTradesDirty) {\r\n setQuantity({ OfferPrice: 100 });\r\n } else {\r\n setNewOrderPrices((prevState) => ({ ...prevState, loading: true }));\r\n\r\n props.fetchGetCalculator(calculatorRequest).then((response) => {\r\n if (response.result.Code != 200) {\r\n setNewOrderPrices((prevState) => ({ ...prevState, error: true, loading: false }));\r\n return;\r\n }\r\n\r\n setQuantity({ OfferPrice: response.calculator.dirtyprice });\r\n setNewOrderPrices((prevState) => ({\r\n ...prevState,\r\n loading: false,\r\n error: false,\r\n }));\r\n });\r\n }\r\n };\r\n\r\n const confirm = async () => {\r\n validateOffer();\r\n if (state.validOffer) {\r\n dispatch({\r\n type: \"CHANGE_BUTTON_PROPS\",\r\n props: { confirm: { loading: true } },\r\n });\r\n const { ui, precheck } = state;\r\n let hasErrors = false;\r\n let offerToSend = {\r\n OfferQuantitytoAdvisor: offer.OfferQuantitytoAdvisor,\r\n OfferQuantitytoClient: offer.OfferQuantitytoClient,\r\n OfferPrice: offer.OfferPrice,\r\n featured: offer.featured,\r\n AssetId: offer.AssetId,\r\n NominalRate: newOrderPrices.data.TNA,\r\n XIRR: newOrderPrices.data.ytm,\r\n booktype: offer.bookType,\r\n balancetype: offer.balanceType,\r\n OfferMinimumtoClient: offer.OfferMinimumtoClient\r\n };\r\n offer.OfferId == undefined ? \"\" : (offerToSend.OfferId = offer.OfferId);\r\n // check if any authorizations has error\r\n const authorizations = precheck.authorizations.map((auth) => {\r\n if (auth.text == null || !auth.text.length) {\r\n hasErrors = true;\r\n return { ...auth, error: \"Required field\", readonly: undefined };\r\n }\r\n\r\n return { ...auth, error: null, readonly: undefined };\r\n });\r\n offerToSend.AssetId == undefined ? (offerToSend.AssetId = order.assetId) : \"\";\r\n postOffer({\r\n offer: offerToSend,\r\n accountId: order.AccountId,\r\n k2btrnmode: \"UPD\",\r\n })\r\n .then((response) => {\r\n if (response.response.result.Code == 200) {\r\n update();\r\n toggle();\r\n showToast(\"success: Offer saved successfully\");\r\n } else {\r\n dispatch({\r\n type: \"CHANGE_BUTTON_PROPS\",\r\n props: { confirm: { loading: false } },\r\n });\r\n showToast(response.response.result.Description, true);\r\n }\r\n })\r\n .catch((error) => {\r\n dispatch({\r\n type: \"CHANGE_BUTTON_PROPS\",\r\n props: { confirm: { loading: false } },\r\n });\r\n showToast(error.response.result.Description, true);\r\n });\r\n }\r\n };\r\n\r\n const setQuantity = (value) => {\r\n if (value.AdvisorQuantity != undefined) {\r\n setOffer({\r\n ...offer,\r\n OfferQuantitytoAdvisor: value.AdvisorQuantity,\r\n });\r\n } else if (value.ClientQuantity != undefined) {\r\n setOffer({\r\n ...offer,\r\n OfferQuantitytoClient: value.ClientQuantity,\r\n });\r\n } else if (value.ClientMinimum != undefined) {\r\n setOffer({\r\n ...offer,\r\n OfferMinimumtoClient: value.ClientMinimum,\r\n });\r\n } else {\r\n setOfferOriginalPrice(value.OfferPrice);\r\n setOffer({\r\n ...offer,\r\n OfferPrice: value.OfferPrice,\r\n OfferDate: new Date().toISOString().slice(0, 10),\r\n });\r\n }\r\n };\r\n\r\n const updateOfferFeatued = (value) => {\r\n setOffer({\r\n ...offer,\r\n featured: value,\r\n });\r\n };\r\n const validateOffer = () => {\r\n if (\r\n parseInt(offer.OfferQuantitytoAdvisor) + parseInt(offer.OfferQuantitytoClient) >\r\n state.order.OrderQuantity ||\r\n parseInt(offer.OfferQuantitytoAdvisor) > state.order.OrderQuantity ||\r\n parseInt(offer.OfferQuantitytoClient) > state.order.OrderQuantity\r\n ) {\r\n setVisible(true);\r\n state.validOffer = false;\r\n setMessageResponse(\"the offer taken exceed the quantity offered available\");\r\n } else if (offer.OfferPrice <= 0) {\r\n state.validOffer = false;\r\n setVisible(true);\r\n setMessageResponse(\"the offer price must be greater than 0\");\r\n } else if (offer.OfferMinimumtoClient < 0) {\r\n state.validOffer = false;\r\n setVisible(true);\r\n setMessageResponse(\"The minimum quantity to client must be positive\");\r\n } else if (offer.OfferMinimumtoClient > offer.OfferQuantitytoClient) {\r\n state.validOffer = false;\r\n setVisible(true);\r\n setMessageResponse(\"The minimum quantity offered to clients must be less than the quantity offered to clients\");\r\n } else {\r\n state.validOffer = true;\r\n setVisible(false);\r\n }\r\n };\r\n\r\n const cstyle = (side) => {\r\n return {\r\n background: \"rgba(44, 177, 90, 0.08)\",\r\n border: \"solid 1px rgba(44, 177, 90, 1)\",\r\n marginRight: \"5px\",\r\n };\r\n };\r\n\r\n const handleChangeTargetValue = (value) => {\r\n setTargetValue(value)\r\n setNewOrderPrices(prev => ({ ...prev, error: null }));\r\n }\r\n\r\n return (\r\n {`${item.date}: ${item.quantity} (status: ${item.status})`}
\r\n ))}\r\n \r\n {/* Left */}\r\n \r\n \r\n setQuantity({ AdvisorQuantity: v })}\r\n dataTypeDecimalName=\"quantity\"\r\n />\r\n {messageResponse} \r\n \r\n \r\n\r\n {offer.OfferId != 0 && (\r\n
\r\n \r\n \r\n \r\n {offer == undefined ? (\r\n 0\r\n ) : (\r\n \r\n\r\n \r\n {offer == undefined ? (\r\n 0\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n \r\n {/* Left */}\r\n \r\n setQuantity({ ClientQuantity: v })}\r\n dataTypeDecimalName=\"quantity\"\r\n />\r\n \r\n {minimum_to_clients && \r\n setQuantity({ ClientMinimum: v })}\r\n dataTypeDecimalName=\"quantity\"\r\n />\r\n }\r\n\r\n {offer.OfferId != 0 && (\r\n
\r\n \r\n \r\n \r\n {offer == undefined ? (\r\n 0\r\n ) : (\r\n \r\n\r\n \r\n {offer == undefined ? (\r\n 0\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n \r\n Accounts\r\n {edit.open ? (\r\n \r\n toggleEdit()}\r\n disabled={!canModifyComposition}\r\n >\r\n \r\n {\"\\u00A0\"} Add Account\r\n \r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nconst AccountItem = ({ account, readonly, onDelete, onDownloadPt, onEdit, disabledEdit, onDownloadFile }) => (\r\n \r\n \r\n \r\n
\r\n
\r\n | Quantity | \r\nAccount | \r\n\r\n |
|---|
\r\n \r\n
\r\n {error && {error}
}\r\n No Accounts
\r\n\r\n {/* ##### Account ###### */}\r\n onChange(fields)}\r\n balanceReady={balanceReady}\r\n attachmentDisabled={false}\r\n hasAttachment={account.HasFileUploadPending ? { uploadPending: true } : account.HasFile}\r\n dispatch={dispatch}\r\n readonly={readonly}\r\n errors={{\r\n AccountName: errors.AccountName,\r\n HolderName: errors.HolderName,\r\n Instruction: errors.Instruction,\r\n Quantity: errors.Quantity,\r\n }}\r\n hiddens={hiddens}\r\n orderPdf={orderPdf}\r\n {...services.account}\r\n {...accountProps}\r\n />\r\n
\r\n );\r\n};\r\n\r\nexport default Edit;\r\n","import React, { Fragment, useContext, useState } from \"react\";\r\nimport { Table, Badge, Button, Tooltip } from \"reactstrap\";\r\nimport { FormattedNumber } from \"../../../FormattedNumber/FormattedNumber\";\r\nimport style from \"./Bulk.module.scss\";\r\nimport Edit from \"./Edit\";\r\nimport { Dispatch } from \"../store/store\";\r\nimport { Type, CommissionType } from \"../../../../utils/Order/Order\";\r\nimport CircularProgress from \"../../../CircularProgress/CircularProgress\";\r\nimport { toDateLocal, UserType } from \"../../../../utils/Helper\";\r\n\r\nconst Bulk = ({\r\n canAddAccount,\r\n removeAccount,\r\n searchAccount,\r\n accountHolders,\r\n accountInfo,\r\n accounts,\r\n onChange,\r\n isReadOnly,\r\n canModifyComposition,\r\n readonly,\r\n balanceReady,\r\n account,\r\n error,\r\n orderId,\r\n hiddens,\r\n}) => {\r\n const nextAccountIndex = accounts ? accounts.length : 0;\r\n\r\n const [edit, setEdit] = useState({\r\n open: account.index >= 0,\r\n });\r\n const [sending, setSending] = useState(false);\r\n\r\n const { dispatch, state, services } = useContext(Dispatch);\r\n const { ui, order } = state;\r\n\r\n const onSelectAccount = (accountIndex = null) => {\r\n dispatch({\r\n type: \"SELECT_ACCOUNT\",\r\n props: {\r\n accountIndex,\r\n },\r\n });\r\n };\r\n\r\n const toggleEdit = (accountIndex = null, discard) => {\r\n if (!edit.open) {\r\n if (canAddAccount()) {\r\n setEdit({ open: true });\r\n onSelectAccount(accountIndex);\r\n }\r\n } else {\r\n if (discard) {\r\n dispatch({ type: \"DELETE_ACCOUNT\", accountIndex });\r\n }\r\n\r\n setEdit({ open: false });\r\n }\r\n };\r\n\r\n const onEditAccount = (account) => {\r\n dispatch({\r\n type: \"EDIT_ACCOUNT\",\r\n props: {\r\n type: Type.Bulk,\r\n account,\r\n },\r\n });\r\n };\r\n\r\n const onDeleteAccount = (accountIndex, accountId) => {\r\n if (window.confirm(`Are you sure to remove the account?`)) {\r\n if (order.OrderId > 0) {\r\n removeAccount({\r\n orderId: order.OrderId,\r\n accountId,\r\n }).then((res) => {\r\n dispatch({ type: \"DELETE_ACCOUNT\", accountIndex });\r\n });\r\n } else {\r\n dispatch({ type: \"DELETE_ACCOUNT\", accountIndex });\r\n }\r\n }\r\n };\r\n\r\n const onDownloadFile = (accountId) => {\r\n const { downloadAttachment } = services.account;\r\n downloadAttachment({ orderId, accountId });\r\n };\r\n\r\n const onResendAuth = (accountId) => {\r\n const { resendAuth } = services.account;\r\n setSending(true);\r\n resendAuth(orderId, accountId);\r\n setTimeout(() => {\r\n setSending(false);\r\n }, 1000);\r\n };\r\n\r\n const { downloadAttachment, orderPdf } = services.account;\r\n const editProps = {\r\n toggle: toggleEdit,\r\n\r\n accountProps: {\r\n searchAccount,\r\n accountHolders,\r\n accountInfo,\r\n downloadAttachment,\r\n },\r\n };\r\n\r\n const orderCanResend = order.canResendAuthorizations;\r\n\r\n return (\r\n \r\n toggle(account.index, account && account.delete)}\r\n >\r\n {!isReadOnly ? \"Cancel\" : \"Close\"}\r\n {\" \"}\r\n {!isReadOnly && (\r\n \r\n )}\r\n
\r\n \r\n Accounts\r\n {edit.open ? (\r\n \r\n toggleEdit()}\r\n disabled={!canModifyComposition}\r\n >\r\n \r\n {\"\\u00A0\"} Add Account\r\n \r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nconst AccountItem = ({\r\n account,\r\n readonly,\r\n onDelete,\r\n onEdit,\r\n onDownloadFile,\r\n onResendAuth,\r\n sendingMail,\r\n orderCanResend,\r\n}) => {\r\n const [tooltipOpen, setTooltipOpen] = useState(false);\r\n\r\n const toggleTooltip = () => setTooltipOpen(!tooltipOpen);\r\n\r\n const accountCanResend = account.Instruction === \"ViaLink\";\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n {error && | Quantity | \r\nAccount | \r\n\r\n |
|---|
{error}
}\r\n No Accounts
\r\n\r\n {/* ##### Account ###### */}\r\n onChange(fields)}\r\n balanceReady={balanceReady}\r\n attachmentDisabled={false}\r\n dispatch={dispatch}\r\n hasAttachment={account.HasFileUploadPending ? { uploadPending: true } : account.HasFile}\r\n {...accountProps}\r\n readonly={readonly}\r\n errors={{\r\n AccountName: errors.AccountName,\r\n HolderName: errors.HolderName,\r\n Instruction: errors.Instruction,\r\n Quantity: errors.Quantity,\r\n }}\r\n hiddens={hiddens}\r\n orderPdf={orderPdf}\r\n {...services.account}\r\n />\r\n
\r\n );\r\n};\r\n\r\nexport default Edit;\r\n","import React, { Fragment, Component } from \"react\";\r\nimport { FormGroup, Row, Col, Label, Input } from \"reactstrap\";\r\nimport Autosuggest from \"../../../../Autosuggest/Autosuggest\";\r\nimport styleF from \"../Field.module.scss\";\r\nimport { CircularProgress } from \"../../../..\";\r\nimport Holders from \"./Holders\";\r\nimport Instruction from \"./Instruction\";\r\nimport { clientPrice, commissionSuffix } from \"../../Form/commons\";\r\nimport {\r\n OrderPriceType,\r\n getCommissionItems,\r\n ProductType,\r\n OrderStatus,\r\n CommissionType as ComType,\r\n getBaseAndPriceCurrencies,\r\n} from \"../../../../../utils/Order/Order\";\r\nimport { Field, Numeric, Combobox, Switch } from \"../Field\";\r\nimport QuantityHelper from \"../../Helper/QuantityHelper\";\r\nimport EarningsHelper from \"../../Helper/EarningsHelper\";\r\nimport Balance from \"./Balance\";\r\nimport { UserType } from \"../../../../../utils/Helper\";\r\nimport { Dispatch as Context } from \"../../store/store\";\r\nimport { formattedNumber } from \"../../../../FormattedNumber/FormattedNumber\";\r\nimport { ExternalAccountWrapper } from \"./ExternalAccountsWrapper\";\r\nimport { CheckFormField } from \"../../../../../utils\";\r\n\r\nclass Account extends Component {\r\n constructor(props) {\r\n super(props);\r\n const { account, balanceReady, opsViewAccountName } = props;\r\n const { AccountId } = account;\r\n Account.contextType = Context;\r\n\r\n this.state = {\r\n loadingHolders: AccountId != null,\r\n loadingBalance: AccountId != null && balanceReady,\r\n holders: null,\r\n balance: null,\r\n instructions: null,\r\n sendingMail: false,\r\n clientBankAccounts: [],\r\n selectedBankAccount: null,\r\n useCashAccount: false,\r\n accountIsJuridical: false,\r\n ownPositionAccounts: [],\r\n };\r\n }\r\n \r\n // componentWillMount() {\r\n // const { account } = this.props;\r\n // const { AccountId } = account;\r\n\r\n // if (AccountId != null) {\r\n // this.requestAccountInfo();\r\n // this.requestAccountHolders({ accountId: AccountId });\r\n // }\r\n // }\r\n \r\n\r\n componentDidMount() {\r\n this._isMounted = true;\r\n const { account, userType, platformRole } = this.props;\r\n const { AccountId, AccountName, AccountNumber, HolderId } = account;\r\n\r\n if (AccountId != null) {\r\n this.requestAccountInfo({}, false);\r\n this.requestAccountHolders({ accountId: AccountId });\r\n }\r\n\r\n if (platformRole == \"Trader\" || platformRole == \"BackOffice\" || platformRole == \"MiddleOffice\") {\r\n this.props.fetchOwnPositionAccounts().then(({ accounts }) => {\r\n this.setState({ ownPositionAccounts: accounts });\r\n });\r\n }\r\n\r\n // Cuando se ve una orden ya viene precargados los valores\r\n if (!isEmpty(AccountId) && isEmpty(HolderId)) {\r\n this.onChange(\"\", {\r\n id: AccountId,\r\n name: AccountName,\r\n number: AccountNumber,\r\n });\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { account, balanceReady, updateAccount, order } = this.props;\r\n const { AccountId, HolderId, clientBankAccount } = account;\r\n // Caso especifico cuando se elige el ticker del selector\r\n if ((balanceReady && !prevProps.balanceReady && AccountId) || prevProps.updateAccount != updateAccount) {\r\n this.requestAccountInfo({}, true);\r\n }\r\n // if (\r\n // (this.props.getUserExternalAccounts &&\r\n // HolderId &&\r\n // prevProps.account &&\r\n // (prevProps.account.HolderId !== HolderId ||\r\n // (order.AssetId && prevProps.order.AssetId !== order.AssetId))) ||\r\n // order.OrderSide !== prevProps.order.OrderSide\r\n // ) {\r\n // this.props\r\n // .getUserExternalAccounts({ personId: HolderId, accountId: AccountId })\r\n // .then((res) => {\r\n // const { clientBankAccounts } = res.response;\r\n // if (clientBankAccounts.length > 0) {\r\n // const filteredAccounts = clientBankAccounts.filter(\r\n // (accounts) => accounts.currencyISO === order.OrderCurrencySymbol\r\n // );\r\n // this.props.onChange({\r\n // clientBankAccounts: filteredAccounts,\r\n // clientBankAccount: null,\r\n // useCashAccount: false,\r\n // });\r\n // } else {\r\n // this.props.onChange({ clientBankAccounts: [], clientBankAccount: null, useCashAccount: false });\r\n // }\r\n // })\r\n // .catch((e) => console.error(e));\r\n // } else {\r\n // if (order.OrderAssetData && order.CurrentAccount.useCashAccount) {\r\n // this.props.onChange({ clientBankAccount: null, useCashAccount: false });\r\n // }\r\n // }\r\n }\r\n\r\n componentWillUnmount() {\r\n this._isMounted = false;\r\n }\r\n\r\n onSuggestionsFetchRequested = ({ value }) =>\r\n this.props.searchAccount({ text: value }).then((response) =>\r\n response.response.accounts.map((a) => {\r\n const accountAttrs = JSON.parse(a.Value);\r\n return {\r\n id: a.Id,\r\n name: accountAttrs.value,\r\n number: accountAttrs.key,\r\n };\r\n })\r\n );\r\n\r\n onChangeAccountHolder = (value) => {\r\n const holderItem = getItemById(this.state.holders, value);\r\n\r\n let currentInstruction = -1;\r\n if (this.props.order.CurrentAccount) {\r\n currentInstruction = this.props.order.CurrentAccount.Instruction;\r\n if (holderItem.instructions.find((ins) => ins.id == currentInstruction) === undefined) {\r\n // If the current instruction is not available to the new holder,\r\n // select the first instruction available to the holder.\r\n currentInstruction = holderItem.instructions[0].id;\r\n }\r\n }\r\n\r\n this.setState({\r\n instructions: holderItem.instructions,\r\n accountIsJuridical: holderItem.HolderIsJuridical,\r\n isMainHolder: holderItem.isMain,\r\n });\r\n\r\n this.props.onChange({\r\n HolderId: holderItem.id,\r\n HolderName: holderItem.description,\r\n Instruction: currentInstruction,\r\n });\r\n //\r\n };\r\n\r\n onChangeInstruction = (value) => {\r\n const instructionItem = getItemById(this.state.instructions, value);\r\n\r\n this.props.onChange({\r\n Instruction: instructionItem.id,\r\n });\r\n };\r\n\r\n requestAccountInfo = (body, updateOrderValues) => {\r\n if (this.props.balanceReady) {\r\n const assetTicker =\r\n this.props.order.AssetClassForm === ProductType.REPO &&\r\n this.props.order.CurrentAccount.Collateral &&\r\n this.props.order.CurrentAccount.Collateral.length\r\n ? this.props.order.CurrentAccount.Collateral[0].AssetTicker\r\n : this.props.order.AssetTicker;\r\n\r\n this.setState({ loadingBalance: true });\r\n\r\n this.props.accountInfo({ ...body }, updateOrderValues).then((response) => {\r\n const { balance, accountInfo, balanceWithBooktype } = response.response.accountorderdata;\r\n const { AccountAsksCustody, AccountType, AccountInBalanceType, AccountUseMarkUP } = accountInfo;\r\n\r\n const assetBalanceItem = balance.find((item) => item.key == assetTicker);\r\n const assetBalance = assetBalanceItem ? parseFloat(assetBalanceItem.value) : 0.0;\r\n\r\n let modsOnAccount = {\r\n AccountAsksCustody,\r\n AccountType,\r\n AccountInBalanceType,\r\n AccountAssetBalance: assetBalance,\r\n AccountUseMarkUP,\r\n };\r\n if (AccountAsksCustody) {\r\n modsOnAccount.RequiresSpecialCustody = true;\r\n }\r\n\r\n if (this._isMounted) {\r\n this.setState({\r\n balance: balanceWithBooktype ? balanceWithBooktype : balance,\r\n loadingBalance: false,\r\n });\r\n this.props.onChange(modsOnAccount);\r\n }\r\n });\r\n }\r\n };\r\n\r\n requestAccountHolders = ({ accountId }) => {\r\n this.props.accountHolders({ accountId }).then((response) => {\r\n const { holders } = response.response;\r\n const _holders = holders\r\n .filter((h) => h.HoldersOrderNO || h.HoldersOrderW || h.HoldersOrderV || h.HoldersOrderL)\r\n .map((h) => ({\r\n isMain: h.IsMain,\r\n description: h.PersonName,\r\n instructions: getInstructions(h, this.props.order.OrderIsBasket),\r\n id: h.PersonId,\r\n isJuridical: h.HolderIsJuridical,\r\n }));\r\n\r\n let selectedHolder = _holders.find((h) => h.isMain) || (_holders.length ? _holders[0] : null);\r\n\r\n if (this.props.order.CurrentAccount && this.props.order.CurrentAccount.HolderId > 0) {\r\n selectedHolder = _holders.find((h) => h.id == this.props.order.CurrentAccount.HolderId);\r\n if (selectedHolder === undefined) {\r\n selectedHolder = null;\r\n }\r\n }\r\n\r\n this._isMounted &&\r\n this.setState(\r\n {\r\n holders: _holders,\r\n loadingHolders: false,\r\n instructions: selectedHolder && selectedHolder.instructions,\r\n accountIsJuridical: selectedHolder && selectedHolder.isJuridical,\r\n isMainHolder: selectedHolder && selectedHolder.isMain,\r\n },\r\n () => {\r\n const { account } = this.props;\r\n const { HolderId } = account;\r\n\r\n if (HolderId == null && selectedHolder) {\r\n const { id, description, instructions } = selectedHolder;\r\n\r\n const instruction = instructions && instructions.length ? instructions[0] : null;\r\n\r\n this.props.onChange({\r\n HolderId: id,\r\n HolderName: description,\r\n Instruction: instruction ? instruction.description : null,\r\n });\r\n }\r\n }\r\n );\r\n });\r\n };\r\n\r\n onChange = (method, value) => {\r\n let _value = defaultAccountValue;\r\n\r\n if (method != \"type\" && value.id) {\r\n _value = {\r\n AccountNumber: value.number,\r\n AccountName: value.name,\r\n AccountId: value.id,\r\n };\r\n\r\n this.requestAccountInfo(_value, true);\r\n this.requestAccountHolders({ accountId: value.id });\r\n this.setState({\r\n holders: null,\r\n balance: null,\r\n loadingHolders: true,\r\n });\r\n } else {\r\n this.setState({\r\n holders: null,\r\n balance: null,\r\n instructions: null,\r\n });\r\n _value.AccountName = value;\r\n }\r\n\r\n this.props.onChange(_value);\r\n };\r\n\r\n onSetAttachment = (file) => {\r\n const { dispatch, account } = this.props;\r\n const { AccountId } = account;\r\n dispatch({ type: \"SET_ATTACHMENT\", payload: { id: AccountId, file } });\r\n };\r\n\r\n onResendAuth = (orderId, accountId) => {\r\n this.setState({ sendingMail: true });\r\n this.props.resendAuth(orderId, accountId);\r\n setTimeout(() => {\r\n this.setState({ sendingMail: false });\r\n }, 1000);\r\n };\r\n\r\n onSelectedAccountChange = (accountNumber) => {\r\n const changes = { clientBankAccount: accountNumber };\r\n if (this.props.order.OrderSide === \"Sell\" && accountNumber) {\r\n changes.useCashAccount = false;\r\n }\r\n this.props.onChange(changes);\r\n };\r\n\r\n onCheckCashAccount = (evt) => {\r\n const changes = { useCashAccount: !!!this.props.order.CurrentAccount.useCashAccount };\r\n if (this.props.order.OrderSide === \"Sell\") {\r\n changes.clientBankAccount = null;\r\n }\r\n this.props.onChange(changes);\r\n };\r\n\r\n onChangeAvailableAccounts = (accounts) => {\r\n const changes = { clientBankAccounts: accounts };\r\n this.props.onChange(changes);\r\n }\r\n \r\n render() {\r\n const {\r\n order,\r\n account,\r\n readonly,\r\n hiddens,\r\n errors,\r\n balanceReady,\r\n attachContent,\r\n downloadAttachment,\r\n orderPdf,\r\n attachmentDisabled,\r\n hasAttachment,\r\n onChange,\r\n onChangeOrder,\r\n userType,\r\n imgSource,\r\n opsViewAccountName\r\n } = this.props;\r\n\r\n const {\r\n AccountId,\r\n AccountName,\r\n AccountNumber,\r\n AccountType,\r\n HolderId,\r\n HolderName,\r\n Quantity,\r\n AccountAsksCustody,\r\n RequiresSpecialCustody,\r\n AccountUseMarkUP,\r\n Markup,\r\n MarkupType,\r\n FXMarkup,\r\n FXMarkupType,\r\n Commission,\r\n CommissionType,\r\n CurrentInfoDate,\r\n clientBankAccounts,\r\n clientBankAccount,\r\n useCashAccount,\r\n differCommissionPayment,\r\n Advice,\r\n } = order.CurrentAccount;\r\n const {\r\n OrderId,\r\n OrderSide,\r\n AssetClassForm,\r\n AssetPriceIsDiscounted,\r\n OrderCurrencySymbol,\r\n OrderSettlementCurrencySymbol,\r\n AssetCanBeSelfCustodied,\r\n OrderQuantityIsCash,\r\n SubAssetClassDecimalPlaces,\r\n OrderAllowsMarkup,\r\n OrderTerm,\r\n OrderAssetData,\r\n } = order;\r\n const { state: contextState } = this.context;\r\n const { entities: contextEntities } = contextState;\r\n const { settlementCurrencies } = contextEntities;\r\n\r\n let showBankAccounts = true;\r\n if (OrderAssetData && OrderAssetData.items[\"FundX\"]) {\r\n showBankAccounts = false;\r\n }\r\n\r\n const { baseCurrency, priceCurrency } = getBaseAndPriceCurrencies(\r\n settlementCurrencies,\r\n OrderCurrencySymbol,\r\n OrderSettlementCurrencySymbol\r\n );\r\n\r\n let custodyHidden = false;\r\n let markupHidden = false;\r\n let FXMarkupHidden = false;\r\n let commissionHidden = false;\r\n let custodyReadonly = false;\r\n let commissionPaymentHidden = false;\r\n if (\r\n (!AccountType && userType === UserType.Trader) ||\r\n (AccountType && AccountType.toLowerCase() !== \"customer\")\r\n ) {\r\n custodyHidden = true;\r\n markupHidden = true;\r\n FXMarkupHidden = true;\r\n commissionHidden = true;\r\n commissionPaymentHidden = true;\r\n } else {\r\n switch (AssetClassForm) {\r\n case ProductType.FOREX:\r\n markupHidden = true;\r\n FXMarkupHidden = true;\r\n commissionHidden = true;\r\n commissionPaymentHidden = true;\r\n break;\r\n case ProductType.MMARKET:\r\n FXMarkupHidden = true;\r\n break;\r\n default:\r\n break;\r\n }\r\n if (!OrderSettlementCurrencySymbol || OrderCurrencySymbol == OrderSettlementCurrencySymbol) {\r\n FXMarkupHidden = true;\r\n }\r\n if (OrderSide == \"Buy\" && AssetCanBeSelfCustodied) {\r\n custodyHidden = false;\r\n if (AccountAsksCustody) {\r\n custodyReadonly = true;\r\n }\r\n } else {\r\n custodyHidden = true;\r\n }\r\n }\r\n\r\n if (\r\n (OrderId && OrderAllowsMarkup === false) ||\r\n AccountUseMarkUP === false ||\r\n [ProductType.REPO, ProductType.FUTURE].includes(AssetClassForm)\r\n ) {\r\n markupHidden = true;\r\n FXMarkupHidden = true;\r\n }\r\n\r\n const modHiddens = {\r\n ...hiddens,\r\n RequiresSpecialCustody: custodyHidden,\r\n Markup: markupHidden,\r\n MarkupType: markupHidden,\r\n FXMarkup: FXMarkupHidden,\r\n FXMarkupType: FXMarkupHidden,\r\n Commission: commissionHidden,\r\n CommissionType: commissionHidden,\r\n DifferCommissionPayment: commissionPaymentHidden,\r\n };\r\n\r\n const currentDayData = account.Day ? account.Day.find((day) => day.Date === CurrentInfoDate) : undefined;\r\n\r\n const currentDay = currentDayData\r\n ? {\r\n AssignedQty: currentDayData.AssignedQty || 0,\r\n ExecutionsAvgPrice: currentDayData.ExecutionsAvgPrice || 0,\r\n ExecutionsAvgFX: currentDayData.ExecutionsAvgFX || 0,\r\n Status: currentDayData.Status || \"New\",\r\n }\r\n : {\r\n AssignedQty: 0,\r\n ExecutionsAvgPrice: 0,\r\n ExecutionsAvgFX: 0,\r\n Status: \"New\",\r\n };\r\n\r\n const currentDayIsReadOnly = currentDay.Status == \"Booked\";\r\n\r\n const isExistingAccount = order.Accounts\r\n ? !!order.Accounts.find((acc) => acc.index === account.index)\r\n : false;\r\n\r\n let modReadonly = {\r\n ...readonly,\r\n RequiresSpecialCustody: readonly.RequiresSpecialCustody || custodyReadonly,\r\n Markup: readonly.Markup || currentDayIsReadOnly,\r\n MarkupType: readonly.MarkupType || currentDayIsReadOnly,\r\n FXMarkup: readonly.FXMarkup || currentDayIsReadOnly,\r\n FXMarkupType: readonly.FXMarkupType || currentDayIsReadOnly,\r\n Commission: readonly.Commission || currentDayIsReadOnly,\r\n CommissionType: readonly.CommissionType || currentDayIsReadOnly,\r\n AccountName: readonly.AccountName || isExistingAccount,\r\n differCommissionPayment: readonly.differCommissionPayment || currentDayIsReadOnly,\r\n };\r\n\r\n const userIsOwner =\r\n !AccountType ||\r\n AccountType == \"\" ||\r\n (userType == UserType.Trader && AccountType != \"Customer\") ||\r\n (userType == UserType.Advisor && AccountType == \"Customer\");\r\n\r\n if (!userIsOwner) {\r\n Object.keys(order.CurrentAccount).forEach((key) => {\r\n modReadonly[key] = true;\r\n });\r\n }\r\n\r\n let canResend = false;\r\n if (order.canResendAuthorizations) {\r\n if (account.Instruction === \"ViaLink\") {\r\n canResend = true;\r\n }\r\n }\r\n\r\n const isProp =\r\n account.AccountId && this.state.ownPositionAccounts.find((accountId) => accountId == account.AccountId);\r\n\r\n const hideHolders = this.state.holders !== null && this.state.holders.length == 0 && !isProp;\r\n\r\n let quantities = [];\r\n let quantityTitle = Quantity;\r\n let markupTitle = {`Mark ${order.OrderSide == \"Buy\" ? \"Up\" : \"Down\"}`};\r\n let FXMarkupTitle = {`FX Mark ${order.OrderSide == \"Buy\" ? \"Up\" : \"Down\"}`};\r\n let commissionTitle = Commission;\r\n let differCommissionPaymentTitle = Differ Commission Payment;\r\n let isPartiallyBooked = false;\r\n if (account.Day) {\r\n quantities = account.Day.map((day) => {\r\n if (day.Status == \"Booked\") {\r\n // If account is booked at least for one day, then:\r\n // - We can't change the account.\r\n isPartiallyBooked = true;\r\n }\r\n return {\r\n date: day.Date,\r\n status: day.Status,\r\n quantity: parseFloat(day.AssignedQty),\r\n markup: parseFloat(day.Markup),\r\n markupType: day.MarkupType == ComType.FaceValueCash ? \"$ Cash\" : \"% Principal\",\r\n FXMarkup: parseFloat(day.FXMarkup),\r\n FXMarkupType: day.FXMarkupType == ComType.FaceValueCash ? \"$ Cash\" : \"% Principal\",\r\n commission: parseFloat(day.Commission),\r\n commissionType: day.CommissionType == ComType.FaceValueCash ? \"$ Cash\" : \"% Principal\",\r\n };\r\n });\r\n }\r\n quantityTitle = (\r\n \r\n toggle(account.index, account && account.delete)}\r\n >\r\n {!isReadOnly ? \"Cancel\" : \"Close\"}\r\n {\" \"}\r\n {!isReadOnly && (\r\n \r\n )}\r\n
\r\n \r\n {/* ##### Quantity ###### */}\r\n {!modHiddens.Quantity && (\r\n \r\n onChange({ Quantity: v })}\r\n invalid={!!errors.Quantity}\r\n dataTypeDecimalName=\"quantity\"\r\n />\r\n \r\n )}\r\n\r\n {/* ##### Account ###### */}\r\n \r\n \r\n \r\n \r\n\r\n {this.state.loadingHolders ? (\r\n \r\n onChange({ RequiresSpecialCustody: v })}\r\n />\r\n \r\n )}\r\n\r\n {!(modHiddens.Markup && modHiddens.FXMarkup && modHiddens.Commission) && OrderId > 0 && (\r\n \r\n \r\n {/* ##### Mark up/down ###### */}\r\n \r\n onChange({ Markup: v })}\r\n invalid={!!errors.Markup}\r\n {...commissionSuffix(MarkupType, order.OrderCurrencySymbol)}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n \r\n\r\n {/* ##### Mark type ###### */}\r\n \r\n onChange({ MarkupType: v })}\r\n emptyLabel={\"Type\"}\r\n invalid={!!errors.MarkupType}\r\n style={{ background: \"#edf9ff\", fontWeight: 500 }}\r\n />\r\n \r\n \r\n
\r\n\r\n {/* ##### Client Price ###### */}\r\n {showClientPrice && !modHiddens.showClientPrice && (\r\n \r\n null}\r\n disabled\r\n dataTypeDecimalName=\"price\"\r\n />\r\n \r\n )}\r\n\r\n {/* #### FX Mark up/down #### */}\r\n {!modHiddens.FXMarkup && readonly.FXMarkupAllowed && (\r\n \r\n \r\n onChange({ FXMarkup: v })}\r\n invalid={!!errors.FXMarkup}\r\n {...commissionSuffix(FXMarkupType, `${baseCurrency}/${priceCurrency}`)}\r\n dataTypeDecimalName={\r\n FXMarkupType == ComType.PrincipalPercentage ? \"percenttage\" : \"default\"\r\n }\r\n />\r\n \r\n \r\n\r\n {/* ##### FX Mark type ###### */}\r\n \r\n onChange({ FXMarkupType: v })}\r\n emptyLabel={\"Type\"}\r\n invalid={!!errors.FXMarkupType}\r\n style={{ background: \"#edf9ff\", fontWeight: 500 }}\r\n />\r\n \r\n \r\n
\r\n )}\r\n\r\n {/* ##### Client Price ###### */}\r\n {showClientFX && (\r\n \r\n null}\r\n disabled\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n )}\r\n \r\n )}\r\n\r\n {AssetClassForm == ProductType.REPO && (\r\n \r\n {/* ##### Term ###### */}\r\n \r\n onChangeOrder({ OrderTerm: v })}\r\n invalid={!!errors.OrderTerm}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n \r\n
\r\n )}\r\n\r\n {!modHiddens.Commission && (\r\n \r\n {/* ##### Commission ###### */}\r\n \r\n onChange({ Commission: v })}\r\n invalid={!!errors.Commission}\r\n {...commissionSuffix(CommissionType, order.OrderSettlementCurrencySymbol)}\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n \r\n \r\n\r\n {/* ##### CommissionType ###### */}\r\n \r\n {\r\n onChange({ CommissionType: v });\r\n }}\r\n emptyLabel={\"Type\"}\r\n style={{ background: \"#edf9ff\", fontWeight: 500 }}\r\n />\r\n \r\n \r\n
\r\n )}\r\n {!modHiddens.DifferCommissionPayment && this.state.accountIsJuridical && this.state.isMainHolder && (\r\n \r\n {\r\n onChange({ differCommissionPayment: v });\r\n }}\r\n />\r\n \r\n
\r\n )}\r\n \r\n \r\n onChange({ Advice: e.target.checked })}\r\n defaultChecked={!!Advice}\r\n value={!!Advice}\r\n />\r\n \r\n \r\n \r\n \r\n Advice\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst defaultAccountValue = {\r\n AccountId: null,\r\n AccountName: \"\",\r\n HolderId: null,\r\n HolderName: null,\r\n Instruction: null,\r\n differCommissionPayment: false,\r\n};\r\n\r\nconst renderSuggestion = (suggestion) => (\r\n \r\n {!hideHolders && !isProp && (\r\n \r\n \r\n )}\r\n\r\n
\r\n )}\r\n {/* ##### Custody ###### */}\r\n {!modHiddens.RequiresSpecialCustody && (\r\n \r\n {earningsTitle}\r\n
\r\n )}\r\n\r\n {!modHiddens.Markup && (\r\n \r\n {suggestion.number}\r\n {\" - \"}\r\n {suggestion.name}\r\n
\r\n);\r\n\r\nconst getSuggestionValue = (suggestion) => `${suggestion.number} - ${suggestion.name}`;\r\n\r\nconst getInstructions = (holder, isBasket) => {\r\n const instructions = [];\r\n if (holder.HoldersOrderNO) instructions.push({ id: \"Managed\", description: \"Managed\" });\r\n else {\r\n if (holder.HoldersOrderW) instructions.push({ id: \"Written\", description: \"Written\" });\r\n if (holder.HoldersOrderV && !isBasket) instructions.push({ id: \"Web\", description: \"Web\" });\r\n if (holder.HoldersOrderL) instructions.push({ id: \"ViaLink\", description: \"Via Link\" });\r\n }\r\n\r\n return instructions;\r\n};\r\n\r\nconst getItemById = (items, id) => items.find((e) => e.id === id);\r\n\r\nconst isEmpty = (value) => value === undefined || value === \"\";\r\n\r\nexport default Account;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"balance\":\"Account-module_balance_aa9pZ\",\"title\":\"Account-module_title_236lc\",\"item\":\"Account-module_item_nxeVv\",\"bankAccounts\":\"Account-module_bankAccounts_3sX3g\",\"selected\":\"Account-module_selected_1h2_-\",\"logo\":\"Account-module_logo_34OOq\",\"info\":\"Account-module_info_rUbEZ\",\"data\":\"Account-module_data_19-OR\",\"checkbox\":\"Account-module_checkbox_2AjVM\",\"cash\":\"Account-module_cash_2JwZm\",\"requeriments\":\"Account-module_requeriments_2qE0t\",\"line\":\"Account-module_line_2rkrT\",\"inputFile\":\"Account-module_inputFile_1rhg4\",\"pdf\":\"Account-module_pdf_2eUWx\",\"upload\":\"Account-module_upload_15Rsw\",\"pencil\":\"Account-module_pencil_3g0E3\",\"pending\":\"Account-module_pending_3e4Tq\",\"disabled\":\"Account-module_disabled_2X75t\",\"error\":\"Account-module_error_3U7Y2\",\"errorText\":\"Account-module_errorText_2_3Rm\",\"fadein\":\"Account-module_fadein_2hu80\"};","import React from \"react\";\r\nimport style from \"./Account.module.scss\";\r\nimport { FormattedNumber } from \"../../../../FormattedNumber/FormattedNumber\";\r\nimport { Badge } from \"reactstrap\";\r\n\r\nconst Balance = ({ balance }) => {\r\n return (\r\n \r\n {balance.map(\r\n (item, index) =>\r\n item.key !== \"\" && (\r\n
\r\n );\r\n};\r\n\r\nexport default Balance;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport style from \"./Account.module.scss\";\r\nimport CircularProgress from \"../../../../CircularProgress/CircularProgress\";\r\n\r\nexport const ExternalAccountWrapper = ({\r\n logo,\r\n onChange,\r\n onCheckCashAccount,\r\n selectedAccount,\r\n selectedCash,\r\n getAccountsService,\r\n account,\r\n currencyISO,\r\n disabled,\r\n onChangeAvailableAccounts,\r\n error,\r\n}) => {\r\n const [accounts, setAccounts] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n\r\n useEffect(() => {\r\n if (account.HolderId && account.AccountId) {\r\n const getBankAccounts = async () => {\r\n setLoading(() => true);\r\n try {\r\n const { response } = await getAccountsService({\r\n personId: account.HolderId,\r\n accountId: account.AccountId,\r\n });\r\n\r\n setAccounts(() => response.clientBankAccounts || []);\r\n onChangeAvailableAccounts(response.clientBankAccounts || []);\r\n } catch (error) {\r\n console.error(\"Error getting bank accounts\", error);\r\n } finally {\r\n setLoading(() => false);\r\n }\r\n };\r\n getBankAccounts();\r\n }\r\n }, [account.HolderId, account.AccountId]);\r\n\r\n\r\n const handleCheckAccount = (accountNumber) => {\r\n if (selectedAccount === accountNumber) {\r\n onChange(null);\r\n } else {\r\n onChange(accountNumber);\r\n }\r\n if (selectedCash) {\r\n onCheckCashAccount(); \r\n }\r\n };\r\n\r\n const handleCheckCashAccount = () => {\r\n if (selectedAccount) {\r\n onChange(null);\r\n }\r\n onCheckCashAccount();\r\n };\r\n\r\n return (\r\n accounts.filter((account) => account.currencyISO === currencyISO).length > 0 && (\r\n \r\n
\r\n )\r\n )}\r\n \r\n {item.key}\r\n {item.booktype} }\r\n
\r\n \r\n {loading ? (\r\n \r\n {accounts\r\n .filter((account) => account.currencyISO === currencyISO)\r\n .map((account) => {\r\n return (\r\n {} : () => handleCheckAccount(account.number)}\r\n >\r\n
\r\n );\r\n })}\r\n \r\n 
\r\n
\r\n \r\n N° \r\n {account.number}\r\n
\r\n Currency \r\n {account.currencyISO}\r\n
\r\n Type \r\n {account.Type}\r\n
\r\n \r\n Currency \r\n {account.currencyISO}\r\n
\r\n Type \r\n {account.Type}\r\n
\r\n {selectedAccount === account.number ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n
\r\n Use local cash account\r\n
\r\n \r\n {selectedCash ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n \r\n )}\r\n {error && {error}}\r\n \r\n )\r\n );\r\n};","import React from 'react';\r\nimport Combobox from \"../Combobox\";\r\n\r\nconst Holders = (props) => {\r\n\r\n const items = () => {\r\n if (props.items == null) {\r\n return [{\r\n id: props.value,\r\n description: props.name\r\n }]\r\n }\r\n\r\n return props.items;\r\n }\r\n\r\n const isDisabled = props.disabled || !props.items;\r\n\r\n return (\r\n \r\n
\r\n )}\r\n \r\n Download order as pdf\r\n orderPdf({ orderId })}\r\n >\r\n ![]()
\r\n \r\n
\r\n \r\n {orderId && (\r\n
\r\n );\r\n};\r\n\r\nconst ModalText = ({ toggle, open, text, onChangeText }) => (\r\n \r\n Download order as pdf\r\n orderPdf({ orderId })}\r\n >\r\n ![]()
\r\n \r\n
\r\n )}\r\n\r\n \r\n Attachment (Max 3MB)\r\n\r\n {!readonly && !state.uploaded && (\r\n \r\n ![]()
\r\n \r\n \r\n )}\r\n\r\n {!readonly && !state.uploaded && (\r\n toggle()}\r\n >\r\n \r\n \r\n )}\r\n {!readonly && state.uploaded && (\r\n resetState()}\r\n >\r\n \r\n \r\n )}\r\n\r\n {!attachmentInServer && (\r\n \r\n {state.uploaded || (hasAttachment && hasAttachment.uploadPending) ? \"Uploaded\" : maxSize === 1 ? \"Too large\": \"Pending\"}\r\n \r\n )}\r\n\r\n {attachmentInServer && (\r\n \r\n )}\r\n
\r\n\r\n \r\n {(booktypes && booktypes.length > 0) &&\r\n \r\n \r\n \r\n \r\n \r\n onAccountChange({'BalanceType': v})}\r\n placeholder={'Balance Type'}\r\n />\r\n \r\n \r\n
\r\n }\r\n
\r\n )\r\n}\r\n\r\nexport default Booktype;","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Input } from \"reactstrap\";\r\nimport style from \"./Field.module.scss\";\r\nimport { CounterPartySimpleReducer } from \"../../CounterPartySet/reducer\";\r\n\r\nconst Combobox = ({ value, items, emptyLabel, onChange, disabled, darken, ...restProps }) => (\r\n \r\n {error}\r\n
\r\n {!error && description && (\r\n \r\n {description}\r\n
\r\n )}\r\n \r\n \r\n \r\n onChange({ OrderType: v })}\r\n placeholder={\"Type\"}\r\n style={{ background: \"#edf9ff\", fontWeight: 500 }}\r\n />\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nconst PriceField = (props, maxDecimals, newSymbol) => {\r\n switch (props.type) {\r\n case OrderPriceType.MARKET:\r\n return null;\r\n case OrderPriceType.MARKETONOPEN:\r\n return null;\r\n case OrderPriceType.MARKETONCLOSE:\r\n return null;\r\n case OrderPriceType.LIMIT:\r\n return Single(props, maxDecimals, newSymbol);\r\n case OrderPriceType.STOP:\r\n return Single(props, maxDecimals, newSymbol);\r\n case OrderPriceType.STOPLIMIT:\r\n return StopLimit(props, maxDecimals, newSymbol);\r\n default:\r\n return null;\r\n }\r\n};\r\n\r\nconst Single = ({\r\n type,\r\n form,\r\n label,\r\n values,\r\n oldValues,\r\n onChange,\r\n readonly,\r\n errors,\r\n currency,\r\n baseCurrency,\r\n priceCurrency,\r\n maxDecimals,\r\n newSymbol,\r\n editable,\r\n}) => {\r\n const typePrice =\r\n type == OrderPriceType.LIMIT ||\r\n type == OrderPriceType.MARKETONOPEN ||\r\n type == OrderPriceType.MARKETONCLOSE\r\n ? \"limPrice\"\r\n : \"stopPrice\";\r\n const _label =\r\n label ||\r\n ([ProductType.MMARKET, ProductType.FOREX, ProductType.REPO].indexOf(form) >= 0 ? \"Rate\" : \"Price\");\r\n\r\n let prefix = \"\";\r\n // if (form !== ProductType.FOREX) {\r\n // prefix = currency && currency !== \"\" ? ${currency} : \"\";\r\n // } else {\r\n // prefix = ${baseCurrency}/${priceCurrency} ;\r\n // }\r\n\r\n const [isEditing, setIsEditing] = useState(false);\r\n\r\n const handleEdit = () => {\r\n setIsEditing(true);\r\n };\r\n\r\n let suffix = \"\";\r\n if (form == ProductType.REPO) {\r\n suffix = \"%\";\r\n }\r\n\r\n let dataTypeDecimalName = \"default\";\r\n\r\n if (_label) {\r\n _label.toLowerCase() === \"price\" || \"currency\" || \"percentage\" || \"quantity\"\r\n ? (dataTypeDecimalName = _label.toLowerCase())\r\n : null;\r\n }\r\n\r\n useEffect(() => {\r\n values[typePrice] = Number(parseFloat(values[typePrice]).toFixed(maxDecimals));\r\n oldValues[typePrice] = Number(parseFloat(oldValues[typePrice]).toFixed(maxDecimals));\r\n }, [maxDecimals, newSymbol]);\r\n\r\n maxDecimals === undefined ? (maxDecimals = 8) : null;\r\n\r\n return (\r\n \r\n \r\n \r\n {side} {openClose}\r\n \r\n \r\n onChange({ OrderSide: \"Buy\", OrderOpenClose: \"Open\" })}\r\n className={style.itemBuy}\r\n >\r\n Buy Open\r\n \r\n onChange({ OrderSide: \"Buy\", OrderOpenClose: \"Close\" })}\r\n className={style.itemBuy}\r\n >\r\n Buy Close\r\n \r\n onChange({ OrderSide: \"Sell\", OrderOpenClose: \"Open\" })}\r\n className={style.itemSell}\r\n >\r\n Sell Open\r\n \r\n onChange({ OrderSide: \"Sell\", OrderOpenClose: \"Close\" })}\r\n className={style.itemSell}\r\n >\r\n Sell Close\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst BuySell = ({ side, onChange }) => (\r\n \r\n onChange({ OrderSide: \"Buy\" })}\r\n className={`${style.buy} ${side == \"Buy\" ? \"\" : style.off}`}\r\n disabled={side == \"Buy\"}\r\n >\r\n Buy\r\n \r\n\r\n onChange({ OrderSide: \"Sell\" })}\r\n className={`${style.sell} ${side == \"Buy\" ? style.off : \"\"}`}\r\n disabled={side != \"Buy\"}\r\n >\r\n Sell\r\n \r\n
\r\n);\r\n\r\nconst BuySellRepo = ({ side, onChange }) => (\r\n \r\n onChange({ OrderSide: \"Buy\" })}\r\n className={`${style.buy} ${style.repo} ${side == \"Buy\" ? \"\" : style.off}`}\r\n disabled={side == \"Buy\"}\r\n >\r\n Lend\r\n \r\n\r\n onChange({ OrderSide: \"Sell\" })}\r\n className={`${style.sell} ${style.repo} ${side == \"Buy\" ? style.off : \"\"}`}\r\n disabled={side != \"Buy\"}\r\n >\r\n Borrow\r\n \r\n
\r\n);\r\n\r\nexport default React.memo(Side);\r\n","import React from \"react\";\r\nimport { Input, Label } from \"reactstrap\";\r\nimport style from \"./Field.module.scss\";\r\n\r\nconst Switch = ({ value, label, disabled, onChange }) => (\r\n \r\n \r\n\r\n \r\n
\r\n);\r\n\r\nexport default React.memo(Switch);\r\n","import React, { useEffect, useState } from \"react\";\r\nimport style from \"./Info.module.scss\";\r\nimport MiniLineChart from \"./MiniLineChart\";\r\nimport { FormattedNumber } from \"../../../../../FormattedNumber/FormattedNumber\";\r\n\r\nconst BoxBonds = ({ items, series }) => {\r\n const [chart, setChart] = useState(null);\r\n\r\n useEffect(() => {\r\n const chart = { data: [], percent: 0 };\r\n\r\n series.forEach((serie) => {\r\n chart.data.push(+serie.Price);\r\n });\r\n\r\n if (chart.data.length > 1) {\r\n const v0 = chart.data[chart.data.length - 2];\r\n const v1 = chart.data[chart.data.length - 1];\r\n\r\n chart.percent = ((v1 - v0) / v0) * 100;\r\n\r\n setChart(chart);\r\n }\r\n }, [series]);\r\n\r\n return (\r\n \r\n \r\n \r\n {items.AssetName && (\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default BoxBonds;\r\n","import React, { Component, useState, useEffect } from \"react\";\r\nimport PriceHighlight from \"./PriceHighlight\";\r\nimport { wsOnReceive, wsSubscribeSymbol, wsUnsuscribeSymbol } from \"./IEX\";\r\nimport style from \"./Info.module.scss\";\r\nimport { debounce } from \"../../../../../../utils/Helper\";\r\nimport MiniLineChart from \"./MiniLineChart\";\r\n\r\nconst imgUrl = (value) => `https://storage.googleapis.com/iex/api/logos/${value}.png`;\r\n\r\nconst chart1dUrl = (value) => `https://api.iextrading.com/1.0/stock/${value}/chart/1d`;\r\n\r\nconst BoxEquity = ({ value, detailed, items, ...props }) => {\r\n const [chart, setChart] = useState(null);\r\n const [price, setPrice] = useState(null);\r\n\r\n useEffect(() => {\r\n fetch(chart1dUrl(value))\r\n .then((r) => r.json())\r\n .then((r) => {\r\n // ToDo fix IEX call with cloud IEX\r\n const chart = {\r\n data: [],\r\n percent: 0,\r\n };\r\n\r\n for (let i = 0; i < r.length; i += Math.trunc(r.length / 15)) {\r\n if (r[i] && r[i].average && r[i].average > 0) {\r\n chart.data.push(r[i].average);\r\n }\r\n }\r\n\r\n if (chart.data.length > 1) {\r\n const v0 = chart.data[chart.data.length - 2];\r\n const v1 = chart.data[chart.data.length - 1];\r\n\r\n chart.percent = ((v1 - v0) / v0) * 100;\r\n\r\n setChart(chart);\r\n }\r\n })\r\n .catch((reason) => props.series)\r\n .then((series) => {\r\n const chart = { data: [], percent: 0 };\r\n\r\n series.forEach((serie) => {\r\n chart.data.push(+serie.Price);\r\n });\r\n\r\n if (chart.data.length > 1) {\r\n const v0 = chart.data[chart.data.length - 2];\r\n const v1 = chart.data[chart.data.length - 1];\r\n\r\n chart.percent = ((v1 - v0) / v0) * 100;\r\n\r\n setChart(chart);\r\n }\r\n });\r\n }, [props.series, value]);\r\n\r\n const { provider, description } = props;\r\n\r\n return (\r\n | \r\n {items.AssetName}\r\n | \r\n|
| \r\n {items.ISIN || \"-\"}\r\n | \r\n\r\n {items[\"Ref Price\"] && (\r\n | \r\n
| \r\n Sett. Date:\r\n {items[\"Settlment day\"] || \"-\"}\r\n | \r\n\r\n Coupon:\r\n | \r\n
| \r\n Fund Type:\r\n {items[\"Fund Type\"] || \"-\"}\r\n | \r\n\r\n Fund Reinvests:\r\n {items[\"Fund Reinvests\"] || \"-\"}\r\n | \r\n
| \r\n Last Payment\r\n {items[\"Last coupon\"] || \"-\"}\r\n | \r\n\r\n Days ago:\r\n {items.days || \"-\"}\r\n | \r\n
| \r\n {items.Maturity && (\r\n | \r\n {chart && | \r\n
\r\n
\r\n );\r\n};\r\n\r\nclass DetailedPrice extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.handleChgPriceDebounced = debounce(() => {\r\n this._isMounted &&\r\n this.setState({\r\n data: this.state.data_tmp,\r\n });\r\n }, 1000);\r\n\r\n // initialize values from corex\r\n let initialData = null;\r\n if (props.series.length > 0) {\r\n const lastValue = props.series[0];\r\n initialData = {\r\n ask: (+lastValue.Open).toFixed(2),\r\n bid: (+lastValue.Price).toFixed(2),\r\n last: (+lastValue.Close).toFixed(2),\r\n };\r\n }\r\n\r\n this.state = { data: initialData, old: null, loading: true };\r\n }\r\n\r\n componentDidMount() {\r\n this._isMounted = true;\r\n\r\n wsOnReceive((data) => {\r\n this._isMounted &&\r\n this.setState({\r\n data_tmp: data,\r\n loading: false,\r\n old: this.state.data,\r\n });\r\n\r\n this.handleChgPriceDebounced();\r\n\r\n this.props.changePrice({ price: data.last });\r\n });\r\n\r\n wsSubscribeSymbol(this.props.value);\r\n }\r\n\r\n componentWillUnmount() {\r\n this._isMounted = false;\r\n wsUnsuscribeSymbol(this.props.value);\r\n }\r\n\r\n getValues = (name) => {\r\n const { data, old } = this.state;\r\n\r\n const getValue = (root, name) => (root == null ? \"-\" : root[name]);\r\n\r\n return {\r\n oldValue: getValue(old, name),\r\n newValue: getValue(data, name),\r\n };\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n {items.AssetName}\r\n
\r\n {items.ISIN || \"-\"}\r\n \r\n\r\n {chart &&
\r\n {detailed && (\r\n \r\n {items.ISIN || \"-\"}\r\n \r\n\r\n {chart &&
| Bid | \r\n\r\n | \r\n Open | \r\n\r\n | \r\n
| Ask | \r\n\r\n | \r\n Close | \r\n\r\n | \r\n
\r\n
\r\n );\r\n }\r\n\r\n const handleClick = () => {\r\n if ((userRole === \"Advisor\" || userRole === \"Trader\") && AssetId) {\r\n window.open(`/#/asset/${AssetId}/quotes`, \"_blank\");\r\n }\r\n };\r\n\r\n return (\r\n \r\n {\r\n {\r\n [ProductType.BOND]:
\r\n );\r\n};\r\n\r\nconst BoxForex = ({ items, tradeCurrencies, value, value2 }) => {\r\n let baseCurrency = value;\r\n let priceCurrency = value2;\r\n\r\n const tradeCurrency = tradeCurrencies.find((c) => c.currencyInfo.currencyISO == value2);\r\n if (tradeCurrency && tradeCurrency.multiplies) {\r\n baseCurrency = value2;\r\n priceCurrency = value;\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nconst BoxRepo = ({ form, items, series, tradeCurrencies, value, value2, ...props }) => {\r\n switch (form) {\r\n case ProductType.BOND:\r\n case ProductType.MMARKET:\r\n case ProductType.MFUNDS:\r\n return \r\n
\r\n\r\n Currency:
\r\n \r\n {baseCurrency}/\r\n {priceCurrency}\r\n
\r\n \r\n
\r\n\r\n Ref Price:
\r\n \r\n \r\n
\r\n Quote Date:
\r\n {items.CurrencyPairDate}\r\n \r\n
\r\n)\r\n\r\nconst styles = {\r\n container: {\r\n display: 'inline-flex',\r\n alignItems: 'end'\r\n },\r\n\r\n chart: {\r\n width: '50px',\r\n height: '20px'\r\n },\r\n\r\n change: {\r\n fontSize: '13px',\r\n marginRight: '3px'\r\n }\r\n}\r\n\r\nconst color = (v) => {\r\n if (v >= 0) return \"#19BE87\";\r\n else return \"#F72121\";\r\n}\r\n\r\nexport default MiniLineChart;\r\n","import React from \"react\";\r\nimport style from \"./Info.module.scss\";\r\nimport classnames from \"classnames\";\r\nimport { formattedNumber } from \"../../../../../FormattedNumber/FormattedNumber\";\r\n\r\nconst PriceHighlight = ({ oldValue, newValue, maxDecimals }) => {\r\n const Status = {\r\n NONE: 0,\r\n UP: 1,\r\n DOWN: 2,\r\n };\r\n\r\n const nextStatus = isNaN(oldValue) ? Status.NONE : oldValue > newValue ? Status.DOWN : Status.UP;\r\n\r\n return (\r\n \r\n {(percent).toFixed(2)}%\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {formattedNumber(newValue, \"price\", maxDecimals)}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PriceHighlight;\r\n","import React from \"react\";\r\nimport style from \"./Options.module.scss\";\r\nimport { Input } from \"reactstrap\";\r\n\r\nconst Filter = ({ selected, range, onChange, description }) => (\r\n \r\n Date\r\n onChange(+e.target.value)} className={style.date}>\r\n {range.map((settDate, index) => (\r\n \r\n ))}\r\n \r\n\r\n \r\n {description}\r\n \r\n
\r\n);\r\n\r\nexport default Filter;\r\n","import React, { Component } from \"react\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, Container, Row, Col, Button } from \"reactstrap\";\r\nimport Filter from \"./Filter\";\r\nimport Table from \"./Table\";\r\nimport style from \"./Options.module.scss\";\r\nimport CircularProgress from \"../../../../../CircularProgress/CircularProgress\";\r\nimport { getOptionFieldsFromTicker } from \"../../../../../../utils/Order/Order\";\r\n\r\nclass Options extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = defaultState;\r\n }\r\n\r\n componentDidMount() {\r\n this.props.setValues(() => {\r\n this.setState(defaultState, () => this.fetchOptions());\r\n });\r\n }\r\n\r\n fetchOptions() {\r\n const { symbol } = this.props;\r\n\r\n this.props.fetchOptions({ date: this.state.selected, symbol }).then((response) => {\r\n const yahooData = JSON.parse(response.response);\r\n const optionChain = yahooData.optionChain;\r\n\r\n if (optionChain.result.length != 0 && optionChain.result[0].expirationDates.length != 0) {\r\n let rows = {};\r\n\r\n const calls = optionChain.result[0].options[0].calls;\r\n const puts = optionChain.result[0].options[0].puts;\r\n const strikes = optionChain.result[0].strikes;\r\n const range = optionChain.result[0].expirationDates.map((e) => {\r\n return { id: e, date: new Date(e * 1000) };\r\n });\r\n\r\n strikes.forEach((strike) => (rows[strike] = { call: {}, put: {} }));\r\n calls.forEach((call) => Object.assign(rows[call.strike].call, call));\r\n puts.forEach((put) => Object.assign(rows[put.strike].put, put));\r\n\r\n this.setState({\r\n rows,\r\n range,\r\n loading: false,\r\n description: optionChain.result[0].quote.longName,\r\n selected: optionChain.result[0].options[0].expirationDate,\r\n });\r\n } else {\r\n this.setState({ loading: false, rows: {} });\r\n }\r\n });\r\n }\r\n\r\n onChangeDate = (value) => {\r\n this.setState({ selected: value, loading: true }, () => this.fetchOptions());\r\n };\r\n\r\n useOption = (option) => {\r\n const optionFields = getOptionFieldsFromTicker(option.contractSymbol);\r\n this.props.onChange(optionFields);\r\n this.props.toggle();\r\n };\r\n\r\n render() {\r\n const { open, toggle } = this.props;\r\n const { range, selected, rows, description, loading } = this.state;\r\n\r\n return (\r\n \r\n \r\n Options List \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 \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst defaultState = {\r\n range: [],\r\n selected: null,\r\n rows: {},\r\n description: null,\r\n loading: true,\r\n};\r\n\r\nexport default Options;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"modal\":\"Options-module_modal_1jD0F\",\"body\":\"Options-module_body_3xzlC\",\"filter\":\"Options-module_filter_zax6I\",\"date\":\"Options-module_date_2uODt\",\"label\":\"Options-module_label_3-P4S\",\"table\":\"Options-module_table_w-jBs\",\"link\":\"Options-module_link_1wYiX\",\"strike\":\"Options-module_strike_3ilV5\",\"put\":\"Options-module_put_1YcTy\"};","import React from \"react\";\r\nimport style from \"./Options.module.scss\";\r\nimport { FormattedNumber } from \"../../../../../FormattedNumber/FormattedNumber\";\r\n\r\nconst Table = ({ rows, useOption }) => {\r\n if (Object.keys(rows).length == 0) {\r\n return No options found it.;\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nconst buildRow = ({ key, r, useOption }) => (\r\n | Last | \r\nChg. | \r\nBid | \r\nAsk | \r\nVol. | \r\nStrike | \r\nLast | \r\nChg. | \r\nBid | \r\nAsk | \r\nVol. | \r\n
|---|
\r\n {suggestion.Ticker}\r\n {\" - \"}\r\n {suggestion.Description}\r\n
\r\n );\r\n};\r\n\r\nconst getSuggestionValue = (suggestion) => suggestion.Ticker;\r\n\r\nconst GetOptions = ({ symbol, toggle, open, setValues, fetchOptions, onChange, disabled }) => (\r\n \r\n {suggestion.Ticker}\r\n {\" - \"}\r\n {suggestion.Description}\r\n
\r\n );\r\n};\r\n\r\nconst getSuggestionValue = (suggestion) => suggestion.Ticker;\r\n\r\nconst GetOptions = ({ symbol, toggle, open, setValues, fetchOptions, onChange, disabled }) => (\r\n \r\n \r\n \r\n onChange({'OrderTimeInForce': v})}\r\n placeholder={'Time in force'}\r\n style={{background: '#edf9ff', fontWeight: 500}}\r\n />\r\n \r\n \r\n \r\n onChange({'OrderGTD': e.target.value})} \r\n value={date}\r\n disabled={readonly.date}\r\n style={{padding: '6px 4px'}}\r\n required\r\n />\r\n \r\n }\r\n \r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default React.memo(TimeForce);","import React, { useContext } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Button } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport style from \"./Footer.module.scss\";\r\nimport classnames from \"classnames\";\r\nimport { Mode } from \"../../../../utils/Order/Order\";\r\nimport { Dispatch } from \"../store/store\";\r\n\r\nconst Footer = ({ actions, mode, side, buttons, wizzard }) => {\r\n const { dispatch } = useContext(Dispatch);\r\n const { precheck, modify, confirm, save } = buttons;\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nconst onChangeMode = (dispatch, mode) => dispatch({ type: \"CHANGE_MODE\", mode });\r\n\r\nconst GoStepBack = ({ wizzard, dispatch }) => {\r\n if (wizzard.enabled && wizzard.activeStep != 0) {\r\n return (\r\n \r\n );\r\n } else return null;\r\n};\r\n\r\nexport default Footer;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"footer\":\"Footer-module_footer_3zhki\",\"buttons\":\"Footer-module_buttons_3mzNE\",\"buy\":\"Footer-module_buy_3j5E0\",\"sell\":\"Footer-module_sell_jui7B\",\"totals\":\"Footer-module_totals_8Peff\",\"totalsLoading\":\"Footer-module_totalsLoading_2TI3w\"};","import React, { useState, useEffect } from \"react\";\r\nimport { Container, Col, Row } from \"reactstrap\";\r\nimport { LoadingMessage } from \"../Precheck/Precheck\";\r\nimport { Number } from \"../Precheck/Details\";\r\nimport style from \"./Footer.module.scss\";\r\nimport { FormattedDate } from \"react-intl\";\r\n\r\nconst OrderTotals = ({ fetchTotals, orderId, decimalScale }) => {\r\n const [values, setValues] = useState(null);\r\n\r\n useEffect(() => {\r\n fetchTotals({ orderId }).then((r) => {\r\n const {\r\n OrderAVPrice,\r\n OrderAVClientPrice,\r\n OrderTotalExecuted,\r\n OrderFutureSettlmentDate,\r\n precheck,\r\n AvgNominalRate,\r\n AvgXIRR,\r\n } = r.response;\r\n\r\n setValues({\r\n avg: OrderAVPrice,\r\n avgWithMarkup: OrderAVClientPrice,\r\n total: OrderTotalExecuted,\r\n settleDate: OrderFutureSettlmentDate,\r\n avgNominalRate: AvgNominalRate,\r\n avgXIRR: AvgXIRR,\r\n precheck,\r\n });\r\n });\r\n }, [fetchTotals, orderId]);\r\n\r\n if (values == null) {\r\n return (\r\n \r\n {\" \"}\r\n {modify.visible && !wizzard.enabled && (\r\n \r\n )}{\" \"}\r\n {modify.visible && !wizzard.enabled && (\r\n \r\n {modify.label || \"Modify\"}\r\n \r\n /*\r\n \r\n */\r\n )}{\" \"}\r\n {save.visible && !wizzard.enabled && (\r\n \r\n Save\r\n \r\n )}{\" \"}\r\n {precheck.visible && !wizzard.enabled && (\r\n onChangeMode(dispatch, Mode.PRECHECK)}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n {precheck.label || \"\tPre check\"}\r\n \r\n )}{\" \"}\r\n {wizzard.enabled && wizzard.nextBtn.visible && (\r\n \r\n {wizzard.nextBtn.label}\r\n \r\n )}{\" \"}\r\n {confirm.visible && !wizzard.enabled && (\r\n \r\n {confirm.label}\r\n \r\n )}\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\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 \r\n
\r\n );\r\n};\r\n\r\nexport default OrderTotals;\r\n","import React, { Fragment, useContext, useCallback, useEffect, useState } from \"react\";\r\nimport Bulk from \"./../Bulk/Bulk\";\r\nimport Basket from \"./../Basket/Basket\";\r\nimport style from \"./../Order.module.scss\";\r\nimport { Container, Row, Col, Input } from \"reactstrap\";\r\nimport { accountProps, customFetchAssetInfo, customFetchAccountInfo } from \"./commons\";\r\nimport { OrderPriceType, TimeFrame, ProductType, Type, Mode, OrderStatus } from \"../../../../utils/Order/Order\";\r\nimport { Field, Symbol, Account, Numeric, Combobox, TimeForce, PriceType } from \"../Field/Field\";\r\nimport { UserType } from \"../../../../utils/Helper\";\r\nimport { Dispatch } from \"../store/store\";\r\nimport { onChange, onAccountChange } from \"../Order\";\r\nimport QuantityHelper from \"../Helper/QuantityHelper\";\r\nimport GoalSeek from \"../GoalSeek/GoalSeek\";\r\nimport Booktype from \"../Field/Booktype\";\r\n\r\nconst Bonds = ({\r\n maxDecimals,\r\n updatePrice,\r\n newSymbol,\r\n fetchCalculatorDataForOffers,\r\n booktypes, \r\n platformRole,\r\n fetchGetCalculator,\r\n opsViewAccountName\r\n}) => {\r\n const { dispatch, state, services } = useContext(Dispatch);\r\n const { order, fields, ui, entities } = state;\r\n const { editable, errors, readonly, hiddens } = fields;\r\n\r\n const [showAdvanced, setShowAdvanced] = useState(false);\r\n\r\n const accountInfo = (props, updateOrderValues) =>\r\n customFetchAccountInfo(\r\n dispatch,\r\n services.account,\r\n {\r\n ...order,\r\n CurrentAccount: {\r\n ...order.CurrentAccount,\r\n ...props,\r\n },\r\n },\r\n updateOrderValues\r\n );\r\n\r\n let quantities = [];\r\n let quantityTitle = Quantity;\r\n if (ui.type == Type.Default || ui.type == Type.Chained || ui.type == Type.Cross) {\r\n if (order.CurrentAccount.Day) {\r\n quantities = order.CurrentAccount.Day.map((day) => {\r\n return {\r\n date: day.Date,\r\n status: day.Status,\r\n quantity: parseFloat(day.AssignedQty),\r\n };\r\n });\r\n }\r\n quantityTitle = (\r\n | Total executed | \r\n\r\n | \r\n
| Avg. price | \r\n\r\n | \r\n
| Avg. price w/markup | \r\n\r\n | \r\n
| Sett. Date | \r\n\r\n\r\n | \r\n
| Avg. Nominal Rate | \r\n\r\n | \r\n
| Accrual | \r\n\r\n | \r\n
| Principal | \r\n\r\n | \r\n
| UpFront | \r\n\r\n | \r\n
| Commission | \r\n\r\n | \r\n
| Charge | \r\n\r\n | \r\n
| TAX | \r\n\r\n | \r\n
| Avg. XIRR | \r\n\r\n | \r\n
| Total | \r\n\r\n | \r\n
\r\n \r\n \r\n {/* Left */}\r\n \r\n onChange(dispatch, v), [order.AssetTicker])}\r\n placeholder={\"Symbol\"}\r\n disabled={readonly.AssetTicker || (order.offer && +order.offer.OfferId > 0)}\r\n invalid={!!errors.AssetTicker}\r\n value={order.AssetTicker}\r\n description={order.AssetDescription}\r\n provider={order.AssetSecurityProvider}\r\n assetid={order.AssetId}\r\n attrId={\"AssetId\"}\r\n attrTicker={\"AssetTicker\"}\r\n attrDescription={\"AssetDescription\"}\r\n attrProvider={\"AssetSecurityProvider\"}\r\n {...services.symbol}\r\n assetInfo={() => customFetchAssetInfo(dispatch, services.symbol, order)}\r\n updatePrice={updatePrice}\r\n />\r\n \r\n\r\n \r\n {/* ##### Trade Currency ###### */}\r\n \r\n \r\n \r\n {/* ##### Settlement Currency ###### */}\r\n \r\n onChange(dispatch, { OrderSettlementCurrencyId: v })}\r\n emptyLabel={\"Settlement Currency\"}\r\n />\r\n \r\n \r\n
\r\n\r\n {/* ##### Quantity ###### */}\r\n \r\n onAccountChange(dispatch, { Quantity: v })}\r\n invalid={!!errors.OrderQuantity}\r\n />\r\n \r\n\r\n {/* ##### Price Type ###### */}\r\n onChange(dispatch, v)}\r\n />\r\n\r\n {order.OrderType == \"Limit\" && (\r\n setShowAdvanced((prev) => !prev)}\r\n >\r\n Advanced\r\n {showAdvanced ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n {showAdvanced && (\r\n onChange(dispatch, v)}\r\n />\r\n\r\n {(ui.userRole === \"Trader\" || (ui.userRole !== \"Trader\" && ui.mode !== Mode.EDIT)) && onChange(dispatch, v)}\r\n onAccountChange={(v) => onAccountChange(dispatch, v)}\r\n />}\r\n \r\n\r\n {/* Right */}\r\n onAccountChange(dispatch, v)}\r\n balanceReady={!!order.AssetId}\r\n dispatch={dispatch}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n {...accountProps({ order, readonly, errors })}\r\n hiddens={{\r\n Quantity: true,\r\n ...hiddens,\r\n }}\r\n opsViewAccountName={opsViewAccountName}\r\n />\r\n )}\r\n {ui.isBulk && (\r\n onAccountChange(dispatch, v)}\r\n accounts={order.Accounts || []}\r\n isReadOnly={ui.mode == Mode.READONLY}\r\n canModifyComposition={ui.mode == Mode.EDIT}\r\n readonly={readonly}\r\n error={errors.Accounts}\r\n account={order.CurrentAccount}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n hiddens={{\r\n ...hiddens,\r\n }}\r\n />\r\n )}\r\n\r\n {ui.isBasket && (\r\n onAccountChange(dispatch, v)}\r\n accounts={order.Accounts || []}\r\n isReadOnly={ui.mode == Mode.READONLY}\r\n canModifyComposition={ui.mode == Mode.EDIT}\r\n readonly={readonly}\r\n error={errors.Accounts}\r\n account={order.CurrentAccount}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n hiddens={{\r\n ...hiddens,\r\n }}\r\n />\r\n )}\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport const defaultValues = () => {\r\n return {\r\n OrderSide: \"Buy\",\r\n BookType: \"Self\",\r\n };\r\n};\r\n\r\nexport const validations = (order, userType) => {\r\n const filteredBankAccounts = order.CurrentAccount.clientBankAccounts\r\n ? order.CurrentAccount.clientBankAccounts.filter(\r\n (account) => account.currencyISO === order.OrderCurrencySymbol\r\n )\r\n : [];\r\n\r\n const isMultiAccounts = order.OrderHasMultipleAccounts;\r\n return {\r\n OrderQuantity: { empty: !isMultiAccounts },\r\n AssetTicker: { empty: true, autosuggestId: \"AssetId\" },\r\n OrderType: { empty: true },\r\n OrderPrice: {\r\n empty: order.OrderType == OrderPriceType.LIMIT || order.OrderType == OrderPriceType.STOPLIMIT,\r\n },\r\n OrderStopPrice: {\r\n empty: order.OrderType == OrderPriceType.STOP || order.OrderType == OrderPriceType.STOPLIMIT,\r\n },\r\n OrderTimeInForce: { empty: true },\r\n OrderGTD: {\r\n empty: order.OrderTimeInForce == TimeFrame.GTD,\r\n },\r\n OrderSettlementCurrencySymbol: { empty: true },\r\n\r\n // The following properties are from an account.\r\n AccountName: {\r\n empty: true,\r\n accountLevel: true,\r\n },\r\n HolderName: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n clientBankAccounts: {\r\n noBankAccountSelected: filteredBankAccounts && filteredBankAccounts.length > 0 && (order.CurrentAccount.clientBankAccount == null || order.CurrentAccount.clientBankAccount == \"\") && !order.CurrentAccount.useCashAccount,\r\n },\r\n Quantity: {\r\n empty: true,\r\n accountLevel: true,\r\n },\r\n Instruction: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n MarkupType: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n CommissionType: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n };\r\n};\r\n\r\nexport default Bonds;\r\n","import React, { Fragment, useContext } from \"react\";\r\nimport Bulk from \"./../Bulk/Bulk\";\r\nimport Basket from \"./../Basket/Basket\";\r\nimport style from \"./../Order.module.scss\";\r\nimport { Container, Row, Col, Input } from \"reactstrap\";\r\nimport { accountProps, customFetchAssetInfo, customFetchAccountInfo } from \"./commons\";\r\nimport { OrderPriceType, TimeFrame, ProductType, Type, Mode, OrderStatus } from \"../../../../utils/Order/Order\";\r\nimport { Field, Symbol, Account, Numeric, Combobox, TimeForce, PriceType } from \"../Field/Field\";\r\nimport { UserType } from \"../../../../utils/Helper\";\r\nimport { Dispatch } from \"../store/store\";\r\nimport { onChange, onAccountChange } from \"../Order\";\r\nimport QuantityHelper from \"../Helper/QuantityHelper\";\r\nimport Booktype from \"../Field/Booktype\";\r\n\r\nconst Equity = ({ maxDecimals, updatePrice, newSymbol, booktypes, platformRole, opsViewAccountName }) => {\r\n const { dispatch, state, services } = useContext(Dispatch);\r\n const { order, fields, ui, entities } = state;\r\n const { editable, errors, readonly, hiddens } = fields;\r\n\r\n const accountInfo = (props, updateOrderValues) =>\r\n customFetchAccountInfo(\r\n dispatch,\r\n services.account,\r\n {\r\n ...order,\r\n CurrentAccount: {\r\n ...order.CurrentAccount,\r\n ...props,\r\n },\r\n },\r\n updateOrderValues\r\n );\r\n\r\n let quantities = [];\r\n let quantityTitle = Quantity;\r\n if (ui.type == Type.Default || ui.type == Type.Chained || ui.type == Type.Cross) {\r\n if (order.CurrentAccount.Day) {\r\n quantities = order.CurrentAccount.Day.map((day) => {\r\n return {\r\n date: day.Date,\r\n status: day.Status,\r\n quantity: parseFloat(day.AssignedQty),\r\n };\r\n });\r\n }\r\n quantityTitle = (\r\n \r\n \r\n \r\n {/* Left */}\r\n \r\n onChange(dispatch, v)}\r\n placeholder={\"Symbol\"}\r\n disabled={readonly.AssetTicker || (order.offer && +order.offer.OfferId > 0)}\r\n invalid={!!errors.AssetTicker}\r\n value={order.AssetTicker}\r\n description={order.AssetDescription}\r\n provider={order.AssetSecurityProvider}\r\n assetid={order.AssetId}\r\n attrId={\"AssetId\"}\r\n attrTicker={\"AssetTicker\"}\r\n attrDescription={\"AssetDescription\"}\r\n attrProvider={\"AssetSecurityProvider\"}\r\n {...services.symbol}\r\n assetInfo={() => customFetchAssetInfo(dispatch, services.symbol, order)}\r\n updatePrice={updatePrice}\r\n />\r\n \r\n\r\n \r\n {/* ##### Trade Currency ###### */}\r\n \r\n \r\n \r\n {/* ##### Settlement Currency ###### */}\r\n \r\n onChange(dispatch, { OrderSettlementCurrencyId: v })}\r\n emptyLabel={\"Settlement Currency\"}\r\n />\r\n \r\n \r\n
\r\n\r\n {/* ##### Quantity ###### */}\r\n \r\n onAccountChange(dispatch, { Quantity: v })}\r\n invalid={!!errors.OrderQuantity}\r\n />\r\n \r\n\r\n {/* ##### Price Type ###### */}\r\n onChange(dispatch, v)}\r\n newSymbol={newSymbol}\r\n maxDecimals={maxDecimals}\r\n />\r\n\r\n {/* ##### TimeForce ###### */}\r\n onChange(dispatch, v)}\r\n />\r\n {(ui.userRole === \"Trader\" || (ui.userRole !== \"Trader\" && ui.mode !== Mode.EDIT)) && onChange(dispatch, v)}\r\n onAccountChange={(v) => onAccountChange(dispatch, v)}\r\n />}\r\n \r\n\r\n {/* Right */}\r\n onAccountChange(dispatch, v)}\r\n balanceReady={!!order.AssetId}\r\n dispatch={dispatch}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n {...accountProps({ order, readonly, errors })}\r\n hiddens={{\r\n Quantity: true,\r\n ...hiddens,\r\n }}\r\n opsViewAccountName={opsViewAccountName}\r\n />\r\n )}\r\n\r\n {ui.isBulk && (\r\n onAccountChange(dispatch, v)}\r\n accounts={order.Accounts || []}\r\n isReadOnly={ui.mode == Mode.READONLY}\r\n canModifyComposition={ui.mode == Mode.EDIT}\r\n readonly={readonly}\r\n error={errors.Accounts}\r\n account={order.CurrentAccount}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n hiddens={hiddens}\r\n />\r\n )}\r\n\r\n {ui.isBasket && (\r\n onAccountChange(dispatch, v)}\r\n accounts={order.Accounts || []}\r\n isReadOnly={ui.mode == Mode.READONLY}\r\n canModifyComposition={ui.mode == Mode.EDIT}\r\n readonly={readonly}\r\n error={errors.Accounts}\r\n account={order.CurrentAccount}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n hiddens={hiddens}\r\n />\r\n )}\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport const defaultValues = () => {\r\n return {\r\n OrderSide: \"Buy\",\r\n BookType: \"Self\"\r\n };\r\n};\r\n\r\nexport const validations = (order, userType) => {\r\n const filteredBankAccounts = order.CurrentAccount.clientBankAccounts\r\n ? order.CurrentAccount.clientBankAccounts.filter(\r\n (account) => account.currencyISO === order.OrderCurrencySymbol\r\n )\r\n : [];\r\n\r\n const isMultiAccounts = order.OrderHasMultipleAccounts;\r\n\r\n return {\r\n OrderQuantity: { empty: !isMultiAccounts },\r\n AssetTicker: { empty: true, autosuggestId: \"AssetId\" },\r\n OrderType: { empty: true },\r\n OrderPrice: {\r\n empty: order.OrderType == OrderPriceType.LIMIT || order.OrderType == OrderPriceType.STOPLIMIT,\r\n },\r\n OrderStopPrice: {\r\n empty: order.OrderType == OrderPriceType.STOP || order.OrderType == OrderPriceType.STOPLIMIT,\r\n },\r\n OrderTimeInForce: { empty: true },\r\n OrderGTD: {\r\n empty: order.OrderTimeInForce == TimeFrame.GTD,\r\n },\r\n OrderSettlementCurrencySymbol: { empty: true },\r\n\r\n // The following properties are from an account.\r\n AccountName: {\r\n empty: true,\r\n accountLevel: true,\r\n },\r\n clientBankAccounts: {\r\n noBankAccountSelected: filteredBankAccounts && filteredBankAccounts.length > 0 && (order.CurrentAccount.clientBankAccount == null || order.CurrentAccount.clientBankAccount == \"\") && !order.CurrentAccount.useCashAccount,\r\n },\r\n HolderName: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n Quantity: {\r\n empty: true,\r\n accountLevel: true,\r\n },\r\n Instruction: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n MarkupType: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n CommissionType: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n };\r\n};\r\n\r\nexport default Equity;\r\n","import React, { Fragment, useContext } from \"react\";\r\nimport Bulk from \"./../Bulk/Bulk\";\r\nimport Basket from \"./../Basket/Basket\";\r\nimport style from \"./../Order.module.scss\";\r\nimport { Container, Row, Col } from \"reactstrap\";\r\nimport { accountProps, customFetchAssetInfo, customFetchAccountInfo } from \"./commons\";\r\nimport { ProductType, Type, Mode, OrderStatus } from \"../../../../utils/Order/Order\";\r\nimport { Field, Symbol, Account, Numeric, PriceType } from \"../Field/Field\";\r\nimport { UserType } from \"../../../../utils/Helper\";\r\nimport { Dispatch } from \"../store/store\";\r\nimport { onChange, onAccountChange } from \"../Order\";\r\nimport QuantityHelper from \"../Helper/QuantityHelper\";\r\nimport Booktype from \"../Field/Booktype\";\r\n\r\nconst Forex = ({ maxDecimals, updatePrice, newSymbol, booktypes, platformRole, opsViewAccountName }) => {\r\n const { dispatch, state, services } = useContext(Dispatch);\r\n const { order, fields, ui } = state;\r\n const { editable, errors, readonly, hiddens } = fields;\r\n\r\n const accountInfo = (props, updateOrderValues) =>\r\n customFetchAccountInfo(\r\n dispatch,\r\n services.account,\r\n {\r\n ...order,\r\n CurrentAccount: {\r\n ...order.CurrentAccount,\r\n ...props,\r\n },\r\n },\r\n updateOrderValues\r\n );\r\n\r\n let quantities = [];\r\n let quantityTitle = Quantity;\r\n if (ui.type == Type.Default || ui.type == Type.Chained || ui.type == Type.Cross) {\r\n if (order.CurrentAccount.Day) {\r\n quantities = order.CurrentAccount.Day.map((day) => {\r\n return {\r\n date: day.Date,\r\n status: day.Status,\r\n quantity: parseFloat(day.AssignedQty),\r\n };\r\n });\r\n }\r\n quantityTitle = (\r\n \r\n \r\n \r\n {/* Left */}\r\n \r\n onAccountChange(dispatch, { Quantity: v })}\r\n invalid={!!errors.OrderQuantity}\r\n />\r\n \r\n\r\n {/* ##### Symbol ###### */}\r\n \r\n onChange(dispatch, v)}\r\n hideInfo\r\n placeholder=\"Currency\"\r\n readonly={readonly.OrderCurrencySymbol}\r\n disabled={readonly.OrderCurrencySymbol || (order.offer && +order.offer.OfferId > 0)}\r\n invalid={!!errors.OrderCurrencySymbol}\r\n value={order.OrderCurrencySymbol || \"\"}\r\n attrId=\"OrderCurrencyId\"\r\n attrTicker=\"OrderCurrencySymbol\"\r\n updatePrice={updatePrice}\r\n {...services.symbol}\r\n />\r\n \r\n\r\n {/* ##### Symbol ###### */}\r\n \r\n onChange(dispatch, v)}\r\n placeholder={\"Settlement Currency\"}\r\n hideInfo={!order.OrderSettlementCurrencyId || !order.OrderCurrencyId}\r\n readonly={readonly.OrderSettlementCurrencySymbol}\r\n disabled={readonly.OrderSettlementCurrencySymbol || (order.offer && +order.offer.OfferId > 0)}\r\n invalid={!!errors.OrderSettlementCurrencySymbol}\r\n value={order.OrderSettlementCurrencySymbol || \"\"}\r\n value2={order.OrderCurrencySymbol || \"\"}\r\n description={order.AssetDescription}\r\n provider={order.AssetSecurityProvider}\r\n assetid={order.AssetId}\r\n attrId={\"OrderSettlementCurrencyId\"}\r\n attrTicker={\"OrderSettlementCurrencySymbol\"}\r\n {...services.symbol}\r\n updatePrice={updatePrice}\r\n assetInfo={() => customFetchAssetInfo(dispatch, services.symbol, order)}\r\n />\r\n \r\n\r\n {/* ##### Price Type ###### */}\r\n onChange(dispatch, v)}\r\n maxDecimals={maxDecimals}\r\n newSymbol={newSymbol}\r\n />\r\n {(ui.userRole === \"Trader\" || (ui.userRole !== \"Trader\" && ui.mode !== Mode.EDIT)) && onChange(dispatch, v)}\r\n onAccountChange={(v) => onAccountChange(dispatch, v)}\r\n />}\r\n \r\n\r\n {/* Right */}\r\n onAccountChange(dispatch, v)}\r\n balanceReady={!!order.OrderCurrencyId}\r\n dispatch={dispatch}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n {...accountProps({ order, readonly, errors })}\r\n hiddens={{\r\n Quantity: true,\r\n ...hiddens,\r\n }}\r\n opsViewAccountName={opsViewAccountName}\r\n />\r\n )}\r\n\r\n {ui.isBulk && (\r\n onAccountChange(dispatch, v)}\r\n accounts={order.Accounts || []}\r\n isReadOnly={ui.mode == Mode.READONLY}\r\n canModifyComposition={ui.mode == Mode.EDIT}\r\n readonly={readonly}\r\n error={errors.Accounts}\r\n account={order.CurrentAccount}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n hiddens={{\r\n ...hiddens,\r\n }}\r\n />\r\n )}\r\n\r\n {ui.isBasket && (\r\n onAccountChange(dispatch, v)}\r\n accounts={order.Accounts || []}\r\n isReadOnly={ui.mode == Mode.READONLY}\r\n canModifyComposition={ui.mode == Mode.EDIT}\r\n readonly={readonly}\r\n error={errors.Accounts}\r\n account={order.CurrentAccount}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n hiddens={{\r\n ...hiddens,\r\n }}\r\n />\r\n )}\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport const defaultValues = () => {\r\n return {\r\n OrderSide: \"Buy\",\r\n BookType: \"Self\"\r\n };\r\n};\r\n\r\nexport const validations = (order, userType) => {\r\n const filteredBankAccounts = order.CurrentAccount.clientBankAccounts\r\n ? order.CurrentAccount.clientBankAccounts.filter(\r\n (account) => account.currencyISO === order.OrderCurrencySymbol\r\n )\r\n : [];\r\n\r\n const isMultiAccounts = order.OrderHasMultipleAccounts;\r\n\r\n return {\r\n OrderQuantity: { empty: !isMultiAccounts },\r\n OrderCurrencySymbol: { empty: true, autosuggestId: \"OrderCurrencyId\" },\r\n OrderSettlementCurrencySymbol: { empty: true, autosuggestId: \"OrderSettlementCurrencyId\" },\r\n OrderTimeInForce: { empty: true },\r\n\r\n // The following properties are from an account.\r\n AccountName: {\r\n empty: true,\r\n accountLevel: true,\r\n },\r\n clientBankAccounts: {\r\n noBankAccountSelected: filteredBankAccounts && filteredBankAccounts.length > 0 && (order.CurrentAccount.clientBankAccount == null || order.CurrentAccount.clientBankAccount == \"\") && !order.CurrentAccount.useCashAccount,\r\n },\r\n HolderName: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n Quantity: {\r\n empty: true,\r\n accountLevel: true,\r\n },\r\n Instruction: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n };\r\n};\r\n\r\nexport default Forex;\r\n","import React, { Fragment, useContext, useCallback } from \"react\";\r\nimport Bulk from \"../Bulk/Bulk\";\r\nimport Basket from \"../Basket/Basket\";\r\nimport style from \"./../Order.module.scss\";\r\nimport { Container, Row, Col } from \"reactstrap\";\r\nimport { accountProps, customFetchAssetInfo, customFetchAccountInfo } from \"./commons\";\r\nimport { ProductType, Type, Mode, OrderStatus } from \"../../../../utils/Order/Order\";\r\nimport { Field, Symbol, Account, Numeric, PriceType, TimeForce } from \"../Field/Field\";\r\nimport { UserType } from \"../../../../utils/Helper\";\r\nimport { Dispatch } from \"../store/store\";\r\nimport { onChange, onAccountChange } from \"../Order\";\r\nimport QuantityHelper from \"../Helper/QuantityHelper\";\r\nimport Booktype from \"../Field/Booktype\";\r\n\r\nconst Future = ({ maxDecimals, updatePrice, newSymbol, booktypes, platformRole, opsViewAccountName }) => {\r\n const { dispatch, state, services } = useContext(Dispatch);\r\n const { order, fields, ui } = state;\r\n const { editable, errors, readonly, hiddens } = fields;\r\n\r\n const accountInfo = (props, updateOrderValues) =>\r\n customFetchAccountInfo(\r\n dispatch,\r\n services.account,\r\n {\r\n ...order,\r\n CurrentAccount: {\r\n ...order.CurrentAccount,\r\n ...props,\r\n },\r\n },\r\n updateOrderValues\r\n );\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n onAccountChange(dispatch, { Quantity: v })}\r\n invalid={!!errors.OrderQuantity}\r\n />\r\n \r\n\r\n \r\n onChange(dispatch, v), [order.AssetTicker])}\r\n placeholder={\"Future\"}\r\n disabled={readonly.AssetTicker || (order.offer && +order.offer.OfferId > 0)}\r\n invalid={!!errors.AssetTicker}\r\n value={order.AssetTicker}\r\n description={order.AssetDescription}\r\n provider={order.AssetSecurityProvider}\r\n assetid={order.AssetId}\r\n attrId={\"AssetId\"}\r\n attrTicker={\"AssetTicker\"}\r\n attrDescription={\"AssetDescription\"}\r\n attrProvider={\"AssetSecurityProvider\"}\r\n {...services.symbol}\r\n assetInfo={() => customFetchAssetInfo(dispatch, services.symbol, order)}\r\n updatePrice={updatePrice}\r\n />\r\n \r\n\r\n onChange(dispatch, v)}\r\n maxDecimals={maxDecimals}\r\n newSymbol={newSymbol}\r\n />\r\n\r\n {(ui.userRole === \"Trader\" || (ui.userRole !== \"Trader\" && ui.mode !== Mode.EDIT)) && onChange(dispatch, v)}\r\n onAccountChange={(v) => onAccountChange(dispatch, v)}\r\n />}\r\n \r\n\r\n {/* Right */}\r\n onAccountChange(dispatch, v)}\r\n balanceReady={!!order.OrderCurrencyId}\r\n dispatch={dispatch}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n {...accountProps({ order, readonly, errors })}\r\n hiddens={{\r\n Quantity: true,\r\n showClientPrice: true,\r\n Markup: true,\r\n ...hiddens,\r\n }}\r\n opsViewAccountName={opsViewAccountName}\r\n />\r\n )}\r\n\r\n {ui.isBulk && (\r\n onAccountChange(dispatch, v)}\r\n accounts={order.Accounts || []}\r\n isReadOnly={ui.mode == Mode.READONLY}\r\n canModifyComposition={ui.mode == Mode.EDIT}\r\n readonly={readonly}\r\n error={errors.Accounts}\r\n account={order.CurrentAccount}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n hiddens={{\r\n ...hiddens,\r\n }}\r\n />\r\n )}\r\n\r\n {ui.isBasket && (\r\n onAccountChange(dispatch, v)}\r\n accounts={order.Accounts || []}\r\n isReadOnly={ui.mode == Mode.READONLY}\r\n canModifyComposition={ui.mode == Mode.EDIT}\r\n readonly={readonly}\r\n error={errors.Accounts}\r\n account={order.CurrentAccount}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n hiddens={{\r\n ...hiddens,\r\n }}\r\n />\r\n )}\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport const defaultValues = () => {\r\n return {\r\n OrderSide: \"Buy\",\r\n BookType: \"Self\"\r\n };\r\n};\r\n\r\nexport const validations = (order, userType) => {\r\n const filteredBankAccounts = order.CurrentAccount.clientBankAccounts\r\n ? order.CurrentAccount.clientBankAccounts.filter(\r\n (account) => account.currencyISO === order.OrderCurrencySymbol\r\n )\r\n : [];\r\n\r\n const isMultiAccounts = order.OrderHasMultipleAccounts;\r\n\r\n return {\r\n OrderQuantity: { empty: !isMultiAccounts },\r\n OrderSettlementCurrencySymbol: { empty: true, autosuggestId: \"OrderSettlementCurrencyId\" },\r\n OrderTimeInForce: { empty: true },\r\n\r\n // The following properties are from an account.\r\n AccountName: {\r\n empty: true,\r\n accountLevel: true,\r\n },\r\n clientBankAccounts: {\r\n noBankAccountSelected: filteredBankAccounts && filteredBankAccounts.length > 0 && (order.CurrentAccount.clientBankAccount == null || order.CurrentAccount.clientBankAccount == \"\") && !order.CurrentAccount.useCashAccount,\r\n },\r\n HolderName: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n Quantity: {\r\n empty: true,\r\n accountLevel: true,\r\n },\r\n Instruction: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n };\r\n};\r\n\r\nexport default Future;\r\n","import React, { Fragment, useContext, useEffect, useState } from \"react\";\r\nimport Bulk from \"./../Bulk/Bulk\";\r\nimport Basket from \"./../Basket/Basket\";\r\nimport style from \"./../Order.module.scss\";\r\nimport { Container, Row, Col, CustomInput, Input, FormGroup, Label } from \"reactstrap\";\r\nimport { accountProps, customFetchAssetInfo, customFetchAccountInfo } from \"./commons\";\r\nimport { OrderPriceType, TimeFrame, ProductType, Type, Mode, OrderStatus } from \"../../../../utils/Order/Order\";\r\nimport { Field, Symbol, Account, Numeric, Combobox, Switch, TimeForce, PriceType } from \"../Field/Field\";\r\nimport { UserType } from \"../../../../utils/Helper\";\r\nimport { Dispatch } from \"../store/store\";\r\nimport { onChange, onAccountChange } from \"../Order\";\r\nimport QuantityHelper from \"../Helper/QuantityHelper\";\r\nimport { toDateLocal } from \"../../../../utils/Helper\";\r\nimport Booktype from \"../Field/Booktype\";\r\n\r\nconst MFunds = ({ maxDecimals, booktypes, platformRole, opsViewAccountName }) => {\r\n const { dispatch, state, services } = useContext(Dispatch);\r\n const { order, fields, ui, entities, wizzard } = state;\r\n const { editable, errors, readonly, hiddens } = fields;\r\n const [orderDate, setOrderDate] = useState(toDateLocal(new Date()));\r\n\r\n const isMultiAccounts = order.OrderHasMultipleAccounts;\r\n const isFundCloseType = order.AssetFundType && order.AssetFundType == \"Close\";\r\n\r\n const isFullLiq = !isMultiAccounts && order.OrderSide == \"Sell\" && order.CurrentAccount.IsFullLiquidation;\r\n useEffect(() => {\r\n if (order.OrderId == 0) {\r\n onChange(dispatch, { OrderQuantityIsCash: \"true\" });\r\n }\r\n }, []);\r\n useEffect(() => {\r\n if (order.OrderSettlementDate) {\r\n setOrderDate(order.OrderSettlementDate);\r\n } else {\r\n onChange(dispatch, { OrderSettlementDate: toDateLocal(new Date()) });\r\n }\r\n }, [order.OrderSettlementDate]);\r\n\r\n const accountInfo = (props, updateOrderValues) =>\r\n customFetchAccountInfo(\r\n dispatch,\r\n services.account,\r\n {\r\n ...order,\r\n CurrentAccount: {\r\n ...order.CurrentAccount,\r\n ...props,\r\n },\r\n },\r\n updateOrderValues\r\n );\r\n \r\n let quantities = [];\r\n let quantityTitle = Quantity;\r\n if (ui.type == Type.Default || ui.type == Type.Chained || ui.type == Type.Cross) {\r\n if (order.CurrentAccount.Day) {\r\n quantities = order.CurrentAccount.Day.map((day) => {\r\n return {\r\n date: day.Date,\r\n status: day.Status,\r\n quantity: parseFloat(day.AssignedQty),\r\n };\r\n });\r\n }\r\n quantityTitle = (\r\n \r\n \r\n \r\n {/* Left */}\r\n \r\n onChange(dispatch, v)}\r\n placeholder={\"Symbol\"}\r\n hideInfo={false}\r\n disabled={readonly.AssetTicker || (order.offer && +order.offer.OfferId > 0)}\r\n invalid={!!errors.AssetTicker}\r\n value={order.AssetTicker}\r\n description={order.AssetDescription}\r\n provider={order.AssetSecurityProvider}\r\n assetid={order.AssetId}\r\n attrId={\"AssetId\"}\r\n attrTicker={\"AssetTicker\"}\r\n attrDescription={\"AssetDescription\"}\r\n attrProvider={\"AssetSecurityProvider\"}\r\n {...services.symbol}\r\n assetInfo={() => customFetchAssetInfo(dispatch, services.symbol, order)}\r\n />\r\n \r\n\r\n \r\n {/* ##### Trade Currency ###### */}\r\n \r\n \r\n \r\n {/* ##### Settlement Currency ###### */}\r\n \r\n onChange(dispatch, { OrderSettlementCurrencyId: v })}\r\n emptyLabel={\"Settlement Currency\"}\r\n />\r\n \r\n \r\n
\r\n {ui.type === Type.Chained && (\r\n \r\n \r\n {wizzStep === 1 && (\r\n onChange(dispatch, { OrderIsSwitch: v })}\r\n />\r\n )}\r\n {isSwitchFirstOrder && (\r\n \r\n )}\r\n \r\n \r\n
\r\n )}\r\n \r\n {/* ##### Quantity Type ###### */}\r\n \r\n onChange(dispatch, { OrderQuantityIsCash: v == \"true\" })}\r\n emptyLabel={\"Type\"}\r\n style={{ background: \"#edf9ff\", fontWeight: 500 }}\r\n />\r\n \r\n \r\n\r\n \r\n onAccountChange(dispatch, { Quantity: v })}\r\n invalid={!isFullLiq && !!errors.OrderQuantity}\r\n dataTypeDecimalName=\"quantity\"\r\n />\r\n \r\n \r\n
\r\n\r\n {order.OrderSide == \"Sell\" && !ui.isBulk && !ui.isBasket && (\r\n onChange(dispatch, v)}\r\n />\r\n\r\n {/* ##### TimeForce ###### */}\r\n onChange(dispatch, v)}\r\n />\r\n\r\n {(ui.userRole === \"Trader\" || (ui.userRole !== \"Trader\" && ui.mode !== Mode.EDIT)) && onChange(dispatch, v)}\r\n onAccountChange={(v) => onAccountChange(dispatch, v)}\r\n />}\r\n \r\n\r\n {/* Right */}\r\n onAccountChange(dispatch, v)}\r\n balanceReady={!!order.AssetId}\r\n dispatch={dispatch}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n {...accountProps({ order, readonly, errors })}\r\n hiddens={{\r\n Quantity: true,\r\n ...hiddens,\r\n }}\r\n opsViewAccountName={opsViewAccountName}\r\n />\r\n )}\r\n {ui.isBulk && (\r\n onAccountChange(dispatch, v)}\r\n accounts={order.Accounts || []}\r\n isReadOnly={ui.mode == Mode.READONLY}\r\n canModifyComposition={ui.mode == Mode.EDIT}\r\n readonly={readonly}\r\n error={errors.Accounts}\r\n account={order.CurrentAccount}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n hiddens={hiddens}\r\n />\r\n )}\r\n {ui.isBasket && (\r\n onAccountChange(dispatch, v)}\r\n accounts={order.Accounts || []}\r\n isReadOnly={ui.mode == Mode.READONLY}\r\n canModifyComposition={ui.mode == Mode.EDIT}\r\n readonly={readonly}\r\n error={errors.Accounts}\r\n account={order.CurrentAccount}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n hiddens={hiddens}\r\n />\r\n )}\r\n {/* Process date */}\r\n {order.OrderSide == \"Sell\" && order.FundX && (\r\n \r\n \r\n onChange(dispatch, { OrderSettlementDate: e.target.value })}\r\n value={orderDate}\r\n />\r\n \r\n )}\r\n _\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst parseQuantityIsCash = (qType) => {\r\n return qType === \"true\" || qType === true ? \"true\" : \"false\";\r\n};\r\n\r\nexport const defaultValues = () => {\r\n return {\r\n OrderSide: \"Buy\",\r\n BookType: \"Self\",\r\n OrderQuantityIsCash: \"true\",\r\n };\r\n};\r\n\r\nexport const validations = (order, userType) => {\r\n const filteredBankAccounts = order.CurrentAccount.clientBankAccounts\r\n ? order.CurrentAccount.clientBankAccounts.filter(\r\n (account) => account.currencyISO === order.OrderCurrencySymbol\r\n )\r\n : [];\r\n\r\n const isMultiAccounts = order.OrderHasMultipleAccounts;\r\n\r\n const isFullLiq = !isMultiAccounts && order.OrderSide == \"Sell\" && order.CurrentAccount.IsFullLiquidation;\r\n let maxPartialRedemption = null;\r\n let percentage = null;\r\n\r\n try {\r\n maxPartialRedemption = order.OrderAssetData.items[\"Max Partial Redemption Percentage\"];\r\n let refPrice = order.OrderAssetData.items[\"Ref Price Default\"];\r\n if (order.CurrentAccount.AccountAssetBalance == 0) {\r\n percentage = 0;\r\n } else {\r\n if (order.OrderQuantityIsCash) {\r\n percentage =\r\n ((order.OrderQuantity / refPrice) * 100) / parseFloat(order.CurrentAccount.AccountAssetBalance);\r\n } else {\r\n percentage = (order.OrderQuantity * 100) / parseFloat(order.CurrentAccount.AccountAssetBalance);\r\n }\r\n }\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n\r\n return {\r\n OrderQuantity: {\r\n empty: !isMultiAccounts && !isFullLiq,\r\n exceedPartialRedemption:\r\n maxPartialRedemption != null &&\r\n maxPartialRedemption >= 1 &&\r\n order.OrderSide == \"Sell\" &&\r\n percentage > maxPartialRedemption &&\r\n !isFullLiq,\r\n },\r\n AssetTicker: { empty: true, autosuggestId: \"AssetId\" },\r\n OrderType: { empty: true },\r\n OrderPrice: {\r\n empty: order.OrderType == OrderPriceType.LIMIT || order.OrderType == OrderPriceType.STOPLIMIT,\r\n },\r\n OrderStopPrice: {\r\n empty: order.OrderType == OrderPriceType.STOP || order.OrderType == OrderPriceType.STOPLIMIT,\r\n },\r\n OrderTimeInForce: { empty: true },\r\n OrderGTD: {\r\n empty: order.OrderTimeInForce == TimeFrame.GTD,\r\n },\r\n\r\n // The following properties are from an account.\r\n AccountName: {\r\n empty: true,\r\n accountLevel: true,\r\n },\r\n HolderName: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n clientBankAccounts: {\r\n noBankAccountSelected: filteredBankAccounts && filteredBankAccounts.length > 0 && (order.CurrentAccount.clientBankAccount == null || order.CurrentAccount.clientBankAccount == \"\") && !order.CurrentAccount.useCashAccount,\r\n },\r\n Quantity: {\r\n empty: true,\r\n accountLevel: true,\r\n },\r\n Instruction: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n MarkupType: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n CommissionType: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n };\r\n};\r\n\r\nexport default MFunds;\r\n","import React, { Fragment, useContext } from \"react\";\r\nimport Bulk from \"./../Bulk/Bulk\";\r\nimport Basket from \"./../Basket/Basket\";\r\nimport style from \"./../Order.module.scss\";\r\nimport { Container, Row, Col, Input } from \"reactstrap\";\r\nimport {\r\n clientRate,\r\n accountProps,\r\n commissionSuffix,\r\n customFetchAssetInfo,\r\n customFetchAccountInfo,\r\n} from \"./commons\";\r\nimport {\r\n OrderPriceType,\r\n TimeFrame,\r\n getCommissionItems,\r\n ProductType,\r\n Type,\r\n Mode,\r\n CommissionType,\r\n OrderStatus,\r\n} from \"../../../../utils/Order/Order\";\r\nimport { Field, Symbol, Account, Numeric, Combobox, Switch, TimeForce, PriceType } from \"../Field/Field\";\r\nimport { toDateLocal, UserType } from \"../../../../utils/Helper\";\r\nimport { Dispatch } from \"../store/store\";\r\nimport { onChange, onAccountChange } from \"../Order\";\r\nimport QuantityHelper from \"../Helper/QuantityHelper\";\r\nimport Booktype from \"../Field/Booktype\"\r\n\r\nconst MMarket = ({ maxDecimals, updatePrice, newSymbol, platformRole, booktypes, opsViewAccountName}) => {\r\n const { dispatch, state, services } = useContext(Dispatch);\r\n const { order, fields, ui, entities } = state;\r\n const { editable, errors, readonly, hiddens } = fields;\r\n\r\n const accountInfo = (props, updateOrderValues) =>\r\n customFetchAccountInfo(\r\n dispatch,\r\n services.account,\r\n {\r\n ...order,\r\n CurrentAccount: {\r\n ...order.CurrentAccount,\r\n ...props,\r\n },\r\n },\r\n updateOrderValues\r\n );\r\n\r\n let quantities = [];\r\n let quantityTitle = Quantity;\r\n if (ui.type == Type.Default || ui.type == Type.Chained || ui.type == Type.Cross) {\r\n if (order.CurrentAccount.Day) {\r\n quantities = order.CurrentAccount.Day.map((day) => {\r\n return {\r\n date: day.Date,\r\n status: day.Status,\r\n quantity: parseFloat(day.AssignedQty),\r\n };\r\n });\r\n }\r\n quantityTitle = (\r\n \r\n \r\n onAccountChange(dispatch, {\r\n IsFullLiquidation: !order.CurrentAccount.IsFullLiquidation,\r\n })\r\n }\r\n />\r\n
\r\n )}\r\n\r\n {/* ##### Price Type ###### */}\r\n \r\n \r\n \r\n {/* Left */}\r\n \r\n onChange(dispatch, v)}\r\n placeholder={\"Symbol\"}\r\n disabled={readonly.AssetTicker || (order.offer && +order.offer.OfferId > 0)}\r\n invalid={!!errors.AssetTicker}\r\n value={order.AssetTicker}\r\n description={order.AssetDescription}\r\n provider={order.AssetSecurityProvider}\r\n assetid={order.AssetId}\r\n attrId={\"AssetId\"}\r\n attrTicker={\"AssetTicker\"}\r\n attrDescription={\"AssetDescription\"}\r\n attrProvider={\"AssetSecurityProvider\"}\r\n {...services.symbol}\r\n assetInfo={() => customFetchAssetInfo(dispatch, services.symbol, order)}\r\n updatePrice={updatePrice}\r\n />\r\n \r\n\r\n \r\n {/* ##### Trade Currency ###### */}\r\n \r\n \r\n \r\n {/* ##### Settlement Currency ###### */}\r\n \r\n onChange(dispatch, { OrderSettlementCurrencyId: v })}\r\n emptyLabel={\"Settlement Currency\"}\r\n />\r\n \r\n \r\n
\r\n\r\n {/* ##### Quantity ###### */}\r\n \r\n onAccountChange(dispatch, { Quantity: v })}\r\n invalid={!!errors.OrderQuantity}\r\n />\r\n \r\n\r\n {/* ##### Price Type ###### */}\r\n onChange(dispatch, v)}\r\n newSymbol={newSymbol}\r\n />\r\n\r\n {/* ##### TimeForce ###### */}\r\n onChange(dispatch, v)}\r\n />\r\n\r\n {(ui.userRole === \"Trader\" || (ui.userRole !== \"Trader\" && ui.mode !== Mode.EDIT)) && onChange(dispatch, v)}\r\n onAccountChange={(v) => onAccountChange(dispatch, v)}\r\n />}\r\n {/* ##### Custody ###### */}\r\n {/*\r\n (ui.type == Type.Default || ui.type == Type.Chained || ui.type == Type.Cross)\r\n && !hiddens.RequiresSpecialCustody && (\r\n \r\n onChange(dispatch, {RequiresSpecialCustody: v})}\r\n />\r\n \r\n )\r\n */}\r\n \r\n\r\n {/* Right */}\r\n onAccountChange(dispatch, v)}\r\n balanceReady={!!order.AssetId}\r\n dispatch={dispatch}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n {...accountProps({ order, readonly, errors })}\r\n hiddens={{\r\n Quantity: true,\r\n ...hiddens,\r\n }}\r\n opsViewAccountName={opsViewAccountName}\r\n />\r\n )}\r\n {ui.isBulk && (\r\n onAccountChange(dispatch, v)}\r\n accounts={order.Accounts || []}\r\n isReadOnly={ui.mode == Mode.READONLY}\r\n canModifyComposition={ui.mode == Mode.EDIT}\r\n readonly={readonly}\r\n error={errors.Accounts}\r\n account={order.CurrentAccount}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n hiddens={{\r\n ...hiddens,\r\n }}\r\n />\r\n )}\r\n\r\n {ui.isBasket && (\r\n onAccountChange(dispatch, v)}\r\n accounts={order.Accounts || []}\r\n isReadOnly={ui.mode == Mode.READONLY}\r\n canModifyComposition={ui.mode == Mode.EDIT}\r\n readonly={readonly}\r\n error={errors.Accounts}\r\n account={order.CurrentAccount}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n hiddens={{\r\n ...hiddens,\r\n }}\r\n />\r\n )}\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport const defaultValues = () => {\r\n return {\r\n OrderSide: \"Buy\",\r\n BookType: \"Self\"\r\n };\r\n};\r\n\r\nexport const validations = (order, userType) => {\r\n const filteredBankAccounts = order.CurrentAccount.clientBankAccounts\r\n ? order.CurrentAccount.clientBankAccounts.filter(\r\n (account) => account.currencyISO === order.OrderCurrencySymbol\r\n )\r\n : [];\r\n\r\n const isMultiAccounts = order.OrderHasMultipleAccounts;\r\n\r\n return {\r\n OrderQuantity: { empty: !isMultiAccounts },\r\n AssetTicker: { empty: true, autosuggestId: \"AssetId\" },\r\n OrderType: { empty: true },\r\n OrderPrice: {\r\n empty: order.OrderType == OrderPriceType.LIMIT || order.OrderType == OrderPriceType.STOPLIMIT,\r\n },\r\n OrderStopPrice: {\r\n empty: order.OrderType == OrderPriceType.STOP || order.OrderType == OrderPriceType.STOPLIMIT,\r\n },\r\n OrderTimeInForce: { empty: true },\r\n OrderGTD: {\r\n empty: order.OrderTimeInForce == TimeFrame.GTD,\r\n },\r\n\r\n // The following properties are from an account.\r\n AccountName: {\r\n empty: true,\r\n accountLevel: true,\r\n },\r\n clientBankAccounts: {\r\n noBankAccountSelected: filteredBankAccounts && filteredBankAccounts.length > 0 && (order.CurrentAccount.clientBankAccount == null || order.CurrentAccount.clientBankAccount == \"\") && !order.CurrentAccount.useCashAccount,\r\n },\r\n HolderName: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n Quantity: {\r\n empty: true,\r\n accountLevel: true,\r\n },\r\n Instruction: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n MarkupType: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n CommissionType: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n };\r\n};\r\n\r\nexport default MMarket;\r\n","import React, { Fragment, useContext } from \"react\";\r\nimport Bulk from \"./../Bulk/Bulk\";\r\nimport Basket from \"./../Basket/Basket\";\r\nimport style from \"./../Order.module.scss\";\r\nimport { Container, Row, Col, Input } from \"reactstrap\";\r\nimport { accountProps, customFetchAssetInfo, customFetchAccountInfo } from \"./commons\";\r\nimport { OrderPriceType, TimeFrame, ProductType, Type, Mode, OrderStatus } from \"../../../../utils/Order/Order\";\r\nimport { Field, Symbol, Account, Numeric, Combobox, TimeForce, PriceType } from \"../Field/Field\";\r\nimport { UserType } from \"../../../../utils/Helper\";\r\nimport { Dispatch } from \"../store/store\";\r\nimport { onChange, onAccountChange } from \"../Order\";\r\nimport QuantityHelper from \"../Helper/QuantityHelper\";\r\nimport Booktype from \"../Field/Booktype\";\r\n\r\nconst Options = ({ maxDecimals, updatePrice, newSymbol, booktypes, platformRole, opsViewAccountName }) => {\r\n const { dispatch, state, services } = useContext(Dispatch);\r\n const { order, fields, ui, entities } = state;\r\n const { editable, errors, readonly, hiddens } = fields;\r\n\r\n const accountInfo = (props, updateOrderValues) =>\r\n customFetchAccountInfo(\r\n dispatch,\r\n services.account,\r\n {\r\n ...order,\r\n CurrentAccount: {\r\n ...order.CurrentAccount,\r\n ...props,\r\n },\r\n },\r\n updateOrderValues\r\n );\r\n\r\n let quantities = [];\r\n let quantityTitle = Quantity;\r\n if (ui.type == Type.Default || ui.type == Type.Chained || ui.type == Type.Cross) {\r\n if (order.CurrentAccount.Day) {\r\n quantities = order.CurrentAccount.Day.map((day) => {\r\n return {\r\n date: day.Date,\r\n status: day.Status,\r\n quantity: parseFloat(day.AssignedQty),\r\n };\r\n });\r\n }\r\n quantityTitle = (\r\n \r\n \r\n \r\n {/* Left */}\r\n \r\n onChange(dispatch, v)}\r\n placeholder={\"Symbol\"}\r\n disabled={readonly.AssetTicker || (order.offer && +order.offer.OfferId > 0)}\r\n invalid={!!errors.AssetTicker}\r\n value={order.AssetTicker}\r\n description={order.AssetDescription}\r\n provider={order.AssetSecurityProvider}\r\n assetid={order.AssetId}\r\n attrId={\"AssetId\"}\r\n attrTicker={\"AssetTicker\"}\r\n attrDescription={\"AssetDescription\"}\r\n attrProvider={\"AssetSecurityProvider\"}\r\n {...services.symbol}\r\n assetInfo={() => customFetchAssetInfo(dispatch, services.symbol, order)}\r\n updatePrice={updatePrice}\r\n />\r\n \r\n\r\n \r\n \r\n onChange(dispatch, { isCall: v })}\r\n emptyLabel={\"Call/Put\"}\r\n style={{ background: \"#edf9ff\", fontWeight: 500 }}\r\n />\r\n \r\n \r\n \r\n onChange(dispatch, { expiration: v })}\r\n value={order.expiration}\r\n disabled={!!readonly.AssetTicker}\r\n style={{ padding: \"6px 4px\" }}\r\n required\r\n />\r\n \r\n \r\n
\r\n\r\n \r\n \r\n onAccountChange(dispatch, { Quantity: v })}\r\n invalid={!!errors.OrderQuantity}\r\n />\r\n \r\n \r\n\r\n \r\n onChange(dispatch, { strikePrice: v })}\r\n invalid={!!errors.strikePrice}\r\n decimalScale={maxDecimals}\r\n dataTypeDecimalName=\"price\"\r\n />\r\n \r\n \r\n
\r\n\r\n \r\n {/* ##### Trade Currency ###### */}\r\n \r\n \r\n \r\n {/* ##### Settlement Currency ###### */}\r\n \r\n onChange(dispatch, { OrderSettlementCurrencyId: v })}\r\n emptyLabel={\"Settlement Currency\"}\r\n />\r\n \r\n \r\n
\r\n\r\n onChange(dispatch, v)}\r\n maxDecimals={maxDecimals}\r\n newSymbol={newSymbol}\r\n />\r\n\r\n {/* ##### TimeForce ###### */}\r\n onChange(dispatch, v)}\r\n />\r\n {(ui.userRole === \"Trader\" || (ui.userRole !== \"Trader\" && ui.mode !== Mode.EDIT)) && onChange(dispatch, v)}\r\n onAccountChange={(v) => onAccountChange(dispatch, v)}\r\n />}\r\n\r\n {/* ##### Custody ###### */}\r\n {/*\r\n (ui.type == Type.Default || ui.type == Type.Chained || ui.type == Type.Cross)\r\n && !hiddens.RequiresSpecialCustody && (\r\n \r\n onChange(dispatch, {RequiresSpecialCustody: v})}\r\n />\r\n \r\n )\r\n */}\r\n \r\n\r\n {/* Right */}\r\n onAccountChange(dispatch, v)}\r\n balanceReady={!!order.AssetId}\r\n dispatch={dispatch}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n {...accountProps({ order, readonly, errors })}\r\n hiddens={{\r\n Quantity: true,\r\n ...hiddens,\r\n }}\r\n opsViewAccountName={opsViewAccountName}\r\n />\r\n )}\r\n {ui.isBulk && (\r\n onAccountChange(dispatch, v)}\r\n accounts={order.Accounts || []}\r\n isReadOnly={ui.mode == Mode.READONLY}\r\n canModifyComposition={ui.mode == Mode.EDIT}\r\n readonly={readonly}\r\n error={errors.Accounts}\r\n account={order.CurrentAccount}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n hiddens={hiddens}\r\n />\r\n )}\r\n\r\n {ui.isBasket && (\r\n onAccountChange(dispatch, v)}\r\n accounts={order.Accounts || []}\r\n isReadOnly={ui.mode == Mode.READONLY}\r\n canModifyComposition={ui.mode == Mode.EDIT}\r\n readonly={readonly}\r\n error={errors.Accounts}\r\n account={order.CurrentAccount}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n hiddens={hiddens}\r\n />\r\n )}\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport const defaultValues = () => {\r\n return {\r\n OrderSide: \"Buy\",\r\n OrderOpenClose: \"Open\",\r\n BookType: \"Self\"\r\n };\r\n};\r\n\r\nexport const validations = (order, userType) => {\r\n const filteredBankAccounts = order.CurrentAccount.clientBankAccounts\r\n ? order.CurrentAccount.clientBankAccounts.filter(\r\n (account) => account.currencyISO === order.OrderCurrencySymbol\r\n )\r\n : [];\r\n\r\n const isMultiAccounts = order.OrderHasMultipleAccounts;\r\n\r\n return {\r\n OrderQuantity: { empty: !isMultiAccounts },\r\n AssetTicker: { empty: true, autosuggestId: \"AssetId\" },\r\n OrderType: { empty: true },\r\n OrderPrice: {\r\n empty: order.OrderType == OrderPriceType.LIMIT || order.OrderType == OrderPriceType.STOPLIMIT,\r\n },\r\n OrderStopPrice: {\r\n empty: order.OrderType == OrderPriceType.STOP || order.OrderType == OrderPriceType.STOPLIMIT,\r\n },\r\n OrderTimeInForce: { empty: true },\r\n OrderGTD: {\r\n empty: order.OrderTimeInForce == TimeFrame.GTD,\r\n },\r\n OrderSettlementCurrencySymbol: { empty: true },\r\n\r\n // The following properties are from an account.\r\n AccountName: {\r\n empty: true,\r\n accountLevel: true,\r\n },\r\n clientBankAccounts: {\r\n noBankAccountSelected: filteredBankAccounts && filteredBankAccounts.length > 0 && (order.CurrentAccount.clientBankAccount == null || order.CurrentAccount.clientBankAccount == \"\") && !order.CurrentAccount.useCashAccount,\r\n },\r\n HolderName: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n Quantity: {\r\n empty: true,\r\n accountLevel: true,\r\n },\r\n Instruction: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n MarkupType: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n CommissionType: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n };\r\n};\r\n\r\nexport default Options;\r\n","import React, { Fragment, useContext, useCallback, useState, useEffect } from \"react\";\r\nimport Bulk from \"../Bulk/Bulk\";\r\nimport Basket from \"../Basket/Basket\";\r\nimport style from \"./../Order.module.scss\";\r\nimport { Container, Row, Col } from \"reactstrap\";\r\nimport { accountProps, customFetchAssetInfo, customFetchAccountInfo } from \"./commons\";\r\nimport { ProductType, Type, Mode, OrderStatus } from \"../../../../utils/Order/Order\";\r\nimport { Field, Symbol, RepoSymbol, Account, Numeric, PriceType, TimeForce } from \"../Field/Field\";\r\nimport { showToast, UserType } from \"../../../../utils/Helper\";\r\nimport { Dispatch } from \"../store/store\";\r\nimport { onChange, onAccountChange } from \"../Order\";\r\nimport QuantityHelper from \"../Helper/QuantityHelper\";\r\nimport Booktype from \"../Field/Booktype\";\r\n\r\nconst Repo = ({ maxDecimals, updatePrice, newSymbol, booktypes, platformRole, opsViewAccountName }) => {\r\n const { dispatch, state, services } = useContext(Dispatch);\r\n const { order, fields, ui } = state;\r\n const { editable, errors, readonly, hiddens } = fields;\r\n const [updateAccount, setUpdateAccount] = useState(false);\r\n\r\n const accountInfo = (props, updateOrderValues) =>\r\n customFetchAccountInfo(\r\n dispatch,\r\n services.account,\r\n {\r\n ...order,\r\n CurrentAccount: {\r\n ...order.CurrentAccount,\r\n ...props,\r\n },\r\n },\r\n updateOrderValues\r\n );\r\n\r\n const handleSymbolSelection = (v) => {\r\n if (v.OrderCurrencyId) {\r\n services.symbol\r\n .searchRepoSymbol({ iso: v.OrderCurrencySymbol })\r\n .then(({ response }) => {\r\n if (+response.AssetInformation.AssetId === 0) {\r\n showToast(\"Base repo asset not found for the selected currency\", true);\r\n onChange(dispatch, {\r\n OrderCurrencyId: null,\r\n OrderCurrencySymbol: \"\",\r\n });\r\n } else {\r\n onChange(dispatch, {\r\n ...v,\r\n OrderSettlementCurrencyId: v.OrderCurrencyId,\r\n OrderSettlementCurrencySymbol: v.OrderCurrencySymbol,\r\n AssetId: response.AssetInformation.AssetId,\r\n AssetTicker: response.AssetInformation.Ticker,\r\n AssetDescription: response.securityAsset.Description,\r\n AssetSecurityProvider: response.securityAsset.Provider,\r\n AssetCanBeSelfCustodied: response.AssetInformation.AssetCanBeSelfCustodied,\r\n SubAssetClassDecimalPlaces: response.AssetInformation.SubAssetClassDecimalPlaces,\r\n AssetPriceIsDiscounted: false,\r\n });\r\n }\r\n })\r\n .catch((err) => console.error(err));\r\n }\r\n };\r\n\r\n const onChangeCollateral = (v) => {\r\n const newCollateral = {\r\n AssetId: v.AssetId,\r\n AssetTicker: v.AssetTicker,\r\n CollateralQuantity: 0,\r\n };\r\n const currency = v.AssetCurrency;\r\n const updRepo = {\r\n ...v,\r\n OrderCurrencyId: currency,\r\n OrderCurrencySymbol: currency,\r\n CurrentAccount: {\r\n ...order.CurrentAccount,\r\n Collateral: newCollateral.AssetId!=undefined?[newCollateral]: order.CurrentAccount.Collateral,\r\n }\r\n };\r\n \r\n\r\n if(newCollateral.AssetId!=undefined){\r\n onAccountChange(dispatch, { Collateral: [newCollateral] });\r\n }\r\n handleSymbolSelection(updRepo);\r\n setUpdateAccount((prev) => !prev);\r\n };\r\n\r\n const onChangeQuantity = (v) => {\r\n const newCollateral = {\r\n AssetId: order.CurrentAccount.Collateral[0].AssetId,\r\n AssetTicker: order.CurrentAccount.Collateral[0].AssetTicker,\r\n CollateralQuantity: v,\r\n };\r\n onAccountChange(dispatch, { Collateral: [newCollateral], Quantity: 1, OffsetQuantity: v });\r\n };\r\n\r\n const onChangeQuantityBuy = (v) => {\r\n onAccountChange(dispatch, { Quantity: 1, OffsetQuantity: v });\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n 0)}\r\n invalid={!!errors.OrderCurrencySymbol}\r\n value={order.OrderCurrencySymbol || \"\"}\r\n attrId=\"OrderCurrencyId\"\r\n attrTicker=\"OrderCurrencySymbol\"\r\n {...services.symbol}\r\n />\r\n \r\n {order.OrderSide === \"Sell\" && (\r\n \r\n 0)}\r\n invalid={!!errors.CollateralAssetTicker}\r\n value={\r\n order.CurrentAccount.Collateral ? order.CurrentAccount.Collateral[0].AssetTicker : \"\"\r\n }\r\n description={order.CurrentAccount.AssetDescription}\r\n provider={order.CurrentAccount.AssetSecurityProvider}\r\n assetid={order.CurrentAccount.AssetId}\r\n attrId={\"AssetId\"}\r\n attrTicker={\"AssetTicker\"}\r\n attrDescription={\"AssetDescription\"}\r\n attrProvider={\"AssetSecurityProvider\"}\r\n attrCurrency={\"AssetCurrency\"}\r\n {...services.symbol}\r\n assetInfo={() => customFetchAssetInfo(dispatch, services.symbol, order)}\r\n updatePrice={updatePrice}\r\n />\r\n \r\n )}\r\n \r\n \r\n onChange(dispatch, v)}\r\n />\r\n onChange(dispatch, v)}\r\n />\r\n {((ui.userRole === \"Trader\" && order.OrderSide === \"Sell\")|| (ui.userRole !== \"Trader\" && ui.mode !== Mode.EDIT && order.OrderSide === \"Sell\")) && onChange(dispatch, v)}\r\n onAccountChange={(v) => onAccountChange(dispatch, v)}\r\n />}\r\n \r\n\r\n {/* Right */}\r\n onAccountChange(dispatch, v)}\r\n onChangeOrder={(v) => onChange(dispatch, v)}\r\n balanceReady={!!order.OrderCurrencyId}\r\n dispatch={dispatch}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n {...accountProps({ order, readonly, errors })}\r\n hiddens={{\r\n Quantity: true,\r\n showClientPrice: true,\r\n Markup: true,\r\n ...hiddens,\r\n }}\r\n opsViewAccountName={opsViewAccountName}\r\n />\r\n )}\r\n\r\n {ui.isBulk && (\r\n onAccountChange(dispatch, v)}\r\n accounts={order.Accounts || []}\r\n isReadOnly={ui.mode == Mode.READONLY}\r\n canModifyComposition={ui.mode == Mode.EDIT}\r\n readonly={readonly}\r\n error={errors.Accounts}\r\n account={order.CurrentAccount}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n hiddens={{\r\n ...hiddens,\r\n }}\r\n />\r\n )}\r\n\r\n {ui.isBasket && (\r\n onAccountChange(dispatch, v)}\r\n accounts={order.Accounts || []}\r\n isReadOnly={ui.mode == Mode.READONLY}\r\n canModifyComposition={ui.mode == Mode.EDIT}\r\n readonly={readonly}\r\n error={errors.Accounts}\r\n account={order.CurrentAccount}\r\n {...services.account}\r\n accountInfo={accountInfo}\r\n hiddens={{\r\n ...hiddens,\r\n }}\r\n />\r\n )}\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport const defaultValues = () => {\r\n return {\r\n OrderSide: \"Buy\",\r\n BookType: \"Self\"\r\n };\r\n};\r\n\r\nexport const validations = (order, userType) => {\r\n const filteredBankAccounts = order.CurrentAccount.clientBankAccounts\r\n ? order.CurrentAccount.clientBankAccounts.filter(\r\n (account) => account.currencyISO === order.OrderCurrencySymbol\r\n )\r\n : [];\r\n\r\n const isMultiAccounts = order.OrderHasMultipleAccounts;\r\n\r\n return {\r\n OrderQuantity: { empty: !isMultiAccounts },\r\n OrderCurrencySymbol: { empty: true, autosuggestId: \"OrderCurrencyId\" },\r\n OrderTimeInForce: { empty: true },\r\n\r\n // The following properties are from an account.\r\n AccountName: {\r\n empty: true,\r\n accountLevel: true,\r\n },\r\n clientBankAccounts: {\r\n noBankAccountSelected: filteredBankAccounts && filteredBankAccounts.length > 0 && (order.CurrentAccount.clientBankAccount == null || order.CurrentAccount.clientBankAccount == \"\") && !order.CurrentAccount.useCashAccount,\r\n },\r\n HolderName: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n Quantity: {\r\n empty: true,\r\n accountLevel: true,\r\n },\r\n Instruction: {\r\n empty: userType !== UserType.Trader,\r\n accountLevel: true,\r\n },\r\n };\r\n};\r\n\r\nexport default Repo;\r\n","import { CommissionType, ProductType } from \"../../../../utils/Order/Order\";\r\n\r\nexport const clientPrice = (side, markupType, markup, price, isDiscount) => {\r\n if (\r\n side != undefined &&\r\n markupType != undefined &&\r\n markup != undefined &&\r\n markup !== \"\" &&\r\n price != undefined &&\r\n price !== \"\"\r\n ) {\r\n const sideSign = (side == \"Buy\" && !isDiscount) || (side == \"Sell\" && isDiscount) ? 1 : -1;\r\n\r\n if (markupType == CommissionType.FaceValueCash) {\r\n return +price + sideSign * +markup;\r\n }\r\n\r\n return +price + sideSign * +price * (+markup / 100);\r\n }\r\n\r\n return null;\r\n};\r\n\r\nexport const clientRate = (side, markupType, markup, rate) => {\r\n if (\r\n side != undefined &&\r\n markupType != undefined &&\r\n markup != undefined &&\r\n markup !== \"\" &&\r\n rate != undefined &&\r\n rate !== \"\"\r\n ) {\r\n const sideSign = side == \"Buy\" ? -1 : 1;\r\n\r\n if (markupType == CommissionType.FaceValueCash) {\r\n return +rate + sideSign * +markup;\r\n }\r\n\r\n return +rate + sideSign * +rate * (+markup / 100);\r\n }\r\n\r\n return null;\r\n};\r\n\r\nexport const accountProps = ({ order, readonly, errors }) => {\r\n return {\r\n order,\r\n account: order.CurrentAccount,\r\n hasAttachment: order.CurrentAccount.HasFileUploadPending\r\n ? { uploadPending: true }\r\n : order.CurrentAccount.AttachmentFileType,\r\n readonly,\r\n errors,\r\n };\r\n};\r\n\r\nexport const commissionSuffix = (commissionType, currencySymbol = \"\") => {\r\n if (commissionType == CommissionType.PrincipalPercentage) {\r\n return { suffix: \"%\" };\r\n }\r\n if (commissionType == CommissionType.FaceValueCash && currencySymbol !== \"\") {\r\n return { prefix: `${currencySymbol} ` };\r\n }\r\n\r\n return null;\r\n};\r\n\r\nexport const customFetchAssetInfo = (dispatch, services, order) => {\r\n const assetInfoData = {\r\n tradeDate: order.OrderInitDate,\r\n valueDate: order.OrderFutureSettlmentDate,\r\n fixedValueDate: true,\r\n orderForm: order.AssetClassForm,\r\n assetId:\r\n order.AssetClassForm === ProductType.REPO && order.CurrentAccount.Collateral\r\n ? order.CurrentAccount.Collateral[0].AssetId\r\n : order.AssetId,\r\n assetTicker:\r\n order.AssetClassForm === ProductType.REPO && order.CurrentAccount.Collateral\r\n ? order.CurrentAccount.Collateral[0].AssetTicker\r\n : order.AssetTicker,\r\n tradeCurrencyId: order.OrderCurrencyId,\r\n settleCurrencyId: order.OrderSettlementCurrencyId,\r\n };\r\n\r\n return services.assetInfo(assetInfoData).then((response) => {\r\n const { assetorderdata } = response.response;\r\n\r\n dispatch({ type: \"FETCH_ASSET_INFO\", data: assetorderdata });\r\n\r\n return assetorderdata;\r\n });\r\n};\r\n\r\nexport const customFetchAccountInfo = (dispatch, services, params, updateOrderValues) => {\r\n const fetchTasks = [services.accountInfo(params), services.commissionInfo(params)];\r\n\r\n return Promise.all(fetchTasks).then((taskResults) => {\r\n const { kvpItems } = taskResults[1].response;\r\n\r\n dispatch({ type: \"FETCH_ACCOUNT_INFO\", items: kvpItems, updateOrderValues });\r\n\r\n return taskResults[0];\r\n });\r\n};\r\n","import {validations as EquityValidations, defaultValues as EquityDefault} from './Equity';\r\nimport {validations as BondsValidations, defaultValues as BondsDefault} from './Bonds';\r\nimport {validations as OptionsValidations, defaultValues as OptionsDefault} from './Options';\r\nimport {validations as MFundsValidations, defaultValues as MFundsDefault} from './MFunds';\r\nimport {validations as ForexValidations, defaultValues as ForexDefault} from './Forex';\r\nimport {validations as MMarketValidations, defaultValues as MMarketDefault} from './MMarket';\r\nimport {validations as RepoValidations, defaultValues as RepoDefault} from './Repo';\r\nimport {validations as FutureValidations, defaultValues as FutureDefault} from './Future';\r\n\r\nexport {default as Bonds} from './Bonds';\r\nexport {default as Equity} from './Equity';\r\nexport {default as Options} from './Options';\r\nexport {default as MFunds} from './MFunds';\r\nexport {default as Forex} from './Forex';\r\nexport {default as MMarket} from './MMarket';\r\nexport {default as Repo} from './Repo';\r\nexport {default as Future} from './Future';\r\n\r\nexport const formProps = {\r\n\tEquity: {\r\n\t\tvalidation: EquityValidations,\r\n\t\tdefaults: EquityDefault\r\n\t},\r\n\tBonds: {\r\n\t\tvalidation: BondsValidations,\r\n\t\tdefaults: BondsDefault\r\n\t},\r\n\tOptions: {\r\n\t\tvalidation: OptionsValidations,\r\n\t\tdefaults: OptionsDefault\r\n\t},\r\n\t'Mutual Funds': {\r\n\t\tvalidation: MFundsValidations,\r\n\t\tdefaults: MFundsDefault\r\n\t},\r\n\tForex: {\r\n\t\tvalidation: ForexValidations,\r\n\t\tdefaults: ForexDefault\r\n\t},\r\n\t'Money Market': {\r\n\t\tvalidation: MMarketValidations,\r\n\t\tdefaults: MMarketDefault\r\n\t},\r\n\tRepo: {\r\n\t\tvalidation: RepoValidations,\r\n\t\tdefaults: RepoDefault\r\n\t},\r\n\tFuture: {\r\n\t\tvalidation: FutureValidations,\r\n\t\tdefaults: FutureDefault\r\n\t},\r\n}\r\n\r\n","import React, { useContext, useEffect, useState, useRef } from \"react\";\r\nimport { Col, Row, Input, Button } from \"reactstrap\";\r\nimport { Field, Numeric } from \"../Field/Field\";\r\nimport { Dispatch } from \"../store/store\";\r\nimport { commissionSuffix } from \"../../FundOrder/Form/commons\";\r\nimport { CommissionType } from \"../../../../utils\";\r\nimport style from \"./GoalSeek.module.scss\";\r\n\r\nconst goalSeekResponseInitialValue = {\r\n cleanPrice: 0,\r\n tir: 0,\r\n dirtyPrice: 0,\r\n};\r\n\r\nconst targetInitialValue = 0;\r\n\r\nconst GoalSeek = ({ order, fetchCalculatorDataForOffers, fetchGetCalculator, sendDirtyPrice }) => {\r\n const [targetTNA, setTargetTNA] = useState(targetInitialValue);\r\n const [goalSeekResponse, setGoalSeekResponse] = useState(goalSeekResponseInitialValue);\r\n const [reachedStatus, setReachedStatus] = useState(\"Waiting...\");\r\n const assetInfo = order && order.OrderAssetData && order.OrderAssetData.items;\r\n const abortControllerRef = useRef(null);\r\n\r\n useEffect(() => {\r\n // Cleanup function to abort any pending requests when component unmounts\r\n return () => {\r\n if (abortControllerRef.current) {\r\n abortControllerRef.current.abort();\r\n }\r\n };\r\n }, []);\r\n\r\n const isValidOrderData = () => order && order.OrderQuantity && order.AssetId && order.OrderInitDate;\r\n\r\n const handleChangeTargetTNA = (newValue) => {\r\n setTargetTNA(parseFloat(newValue));\r\n goalSeekRequestHandler(parseFloat(newValue));\r\n };\r\n\r\n const isTNAEqualsCoupon = (TNA) => {\r\n return assetInfo && TNA == parseFloat(assetInfo.Coupon);\r\n };\r\n\r\n const processTnaEqualsCoupon = () => {\r\n if (abortControllerRef.current) {\r\n abortControllerRef.current.abort(); // Cancel the previous request if it exists\r\n }\r\n\r\n const controller = new AbortController();\r\n abortControllerRef.current = controller;\r\n\r\n const request = {\r\n assetId: order.AssetId,\r\n quantity: order.OrderQuantity,\r\n date: new Date().toISOString().slice(0, 10),\r\n price: 100,\r\n priceisclean: true,\r\n priceisdirty: false,\r\n ytm: true,\r\n };\r\n\r\n setReachedStatus(\"Fetching...\");\r\n\r\n fetchGetCalculator(request, { signal: controller.signal }).then((response) => {\r\n if (!response) return;\r\n\r\n if (response.result.Code == 200) {\r\n setGoalSeekResponse({\r\n cleanPrice: response.calculator.cleanprice,\r\n dirtyPrice: response.calculator.dirtyprice,\r\n tir: response.calculator.ytm,\r\n });\r\n sendDirtyPrice(response.calculator.dirtyprice);\r\n setReachedStatus(\"Completed\");\r\n } else {\r\n setReachedStatus(\"Not Reached\");\r\n setGoalSeekResponse(goalSeekResponseInitialValue);\r\n return;\r\n }\r\n });\r\n };\r\n\r\n const goalSeekRequestHandler = (TNA) => {\r\n if (!isValidOrderData()) {\r\n return;\r\n }\r\n\r\n if (isTNAEqualsCoupon(TNA)) {\r\n processTnaEqualsCoupon();\r\n return;\r\n }\r\n\r\n if (abortControllerRef.current) {\r\n abortControllerRef.current.abort(); // Cancel the previous request if it exists\r\n }\r\n\r\n const controller = new AbortController();\r\n abortControllerRef.current = controller;\r\n\r\n const goalSeekRequest = {\r\n targetValueTNA: TNA,\r\n assetId: parseInt(order.AssetId),\r\n quantity: order.OrderQuantity,\r\n date: order.OrderInitDate,\r\n isTargetTNA: true,\r\n };\r\n\r\n setReachedStatus(\"Fetching...\");\r\n fetchCalculatorDataForOffers(goalSeekRequest, { signal: controller.signal }).then((res) => {\r\n if (!res || (res.goalSeekResponse && res.goalSeekResponse.Code !== 200)) {\r\n setReachedStatus(\"Not Reached\");\r\n setGoalSeekResponse(goalSeekResponseInitialValue);\r\n return;\r\n }\r\n\r\n setGoalSeekResponse({\r\n cleanPrice: res.goalSeekResponse.CleanPrice * 100,\r\n tir: res.goalSeekResponse.TIR * 100,\r\n dirtyPrice: res.calculator_out.dirtyprice,\r\n });\r\n\r\n setReachedStatus(\"Completed\");\r\n sendDirtyPrice(res.calculator_out.dirtyprice);\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n handleChangeTargetTNA(value)}\r\n {...commissionSuffix(CommissionType.PrincipalPercentage)}\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 \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default GoalSeek;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"info\":\"GoalSeek-module_info_22QES\",\"expand\":\"GoalSeek-module_expand_1tKue\"};","import React from \"react\";\r\nimport { PopoverBody, UncontrolledPopover } from \"reactstrap\";\r\n\r\nimport style from \"./Helper.module.scss\";\r\n\r\nconst EarningsHelper = ({ children, quantities, earningCategoryName, earningTypeName }) => (\r\n \r\n {children}\r\n \r\n \r\n {quantities.map((item) => (\r\n \r\n \r\n
\r\n);\r\n\r\nexport default EarningsHelper;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"linkHelper\":\"Helper-module_linkHelper_3s0wn\",\"Helper\":\"Helper-module_Helper_16_sr\"};","import React from \"react\";\r\nimport { PopoverBody, UncontrolledPopover } from \"reactstrap\";\r\n\r\nimport style from \"./Helper.module.scss\";\r\n\r\nconst QuantityHelper = ({ children, quantities, name }) => (\r\n \r\n {`${item.date}: ${item[earningCategoryName]} ${item[earningTypeName]} (status: ${item.status})`}\r\n
\r\n ))}\r\n \r\n {children}\r\n \r\n \r\n {quantities.map((item) => (\r\n \r\n \r\n
\r\n);\r\n\r\nexport default QuantityHelper;\r\n","import React from 'react'\r\nimport {Button, Modal, ModalHeader, ModalBody, ModalFooter} from 'reactstrap'\r\n\r\nconst Message = ({message, open, toggle}) => {\r\n return (\r\n {`${item.date}: ${item.quantity} (status: ${item.status})`}
\r\n ))}\r\n \r\n \r\n Message \r\n {message} \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Message\r\n","import React, { useReducer, useEffect, useState } from \"react\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, Container, Row, Col, Input, Button } from \"reactstrap\";\r\nimport { defaultState, Dispatch, initialize } from \"./store/store\";\r\nimport { orderReducer, validateForm } from \"./store/reducer\";\r\nimport style from \"./Order.module.scss\";\r\nimport styleF from \"./Field/Field.module.scss\";\r\nimport {\r\n ProductType,\r\n getProductTypeName,\r\n Mode,\r\n getOptionsTickerFromFields,\r\n OrderStatus,\r\n Type,\r\n} from \"../../../utils/Order/Order\";\r\nimport { Side, Combobox, Field, Numeric } from \"./Field/Field\";\r\nimport { Bonds, Forex, Equity, MFunds, Options, MMarket, Repo, Future } from \"./Form\";\r\nimport Footer from \"./Footer/Footer\";\r\nimport Precheck from \"./Precheck/Precheck\";\r\nimport { QuoteAction } from \"../../../utils/Quote/Quote\";\r\nimport { OrderInlineDetail } from \"../..\";\r\nimport OrderTotals from \"./Footer/OrderTotals\";\r\nimport Execution from \"../Execution/Execution\";\r\nimport { customFetchAssetInfo } from \"./Form/commons\";\r\nimport Message from \"./Message\";\r\nimport { handleFileInput, UserType } from \"../../../utils/Helper\";\r\n\r\nconst Order = ({ open, toggle, ...props }) => {\r\n const [state, dispatch] = useReducer(orderReducer, defaultState(), initialize(props));\r\n const [message, setMessage] = useState({ open: false });\r\n const { ui, order, fields, buttons } = state;\r\n const [orderForms, setOrderForms] = useState([]);\r\n const [maxDecimals, setMaxDecimals] = useState(undefined);\r\n const [newSymbol, setNewSymbol] = useState(false);\r\n const [booktypes, setBooktypes] = useState([]);\r\n\r\n useEffect(() => {\r\n if (props.getBooktypes) {\r\n const isTrader = ui.userRole === \"Trader\";\r\n props.getBooktypes(isTrader).then((r) => {\r\n if (r.response && r.response.booktypes) {\r\n setBooktypes(r.response.booktypes);\r\n }\r\n });\r\n } else {\r\n setBooktypes([]);\r\n }\r\n }, []);\r\n const { platformRole } = props;\r\n useEffect(() => {\r\n const newOrderForms = [];\r\n Object.values(ProductType).map((key, index) => {\r\n if (\r\n !(\r\n [\"Bulk\", \"Basket\", \"Chained\"].includes(props.type) &&\r\n [ProductType.REPO, ProductType.FUTURE].includes(key)\r\n )\r\n )\r\n newOrderForms.push({\r\n id: key,\r\n description: getProductTypeName(key),\r\n });\r\n });\r\n setOrderForms(newOrderForms);\r\n }, [props.type]);\r\n\r\n useEffect(() => {\r\n if (ui.quoteId) {\r\n customFetchAssetInfo(\r\n dispatch,\r\n { assetInfo: props.onOrderAssetInfo },\r\n {\r\n OrderInitDate: order.OrderInitDate,\r\n OrderFutureSettlmentDate: order.OrderFutureSettlmentDate,\r\n AssetClassForm: order.AssetClassForm,\r\n AssetId: order.AssetId,\r\n AssetTicker: order.AssetTicker,\r\n OrderCurrencyId: order.OrderCurrencyId,\r\n OrderSettlementCurrencyId: order.OrderSettlementCurrencyId,\r\n }\r\n );\r\n }\r\n }, [\r\n order.OffertoAdvisors,\r\n order.OffertoClients,\r\n order.OrderInitDate,\r\n order.OrderFutureSettlmentDate,\r\n order.AssetClassForm,\r\n order.AssetId,\r\n order.AssetTicker,\r\n order.OrderCurrencyId,\r\n order.OrderSettlementCurrencyId,\r\n props.onOrderAssetInfo,\r\n ui.quoteId,\r\n ]);\r\n\r\n const updatePrice = () => {\r\n setNewSymbol(true);\r\n };\r\n\r\n useEffect(() => {\r\n if (order.SubAssetClassDecimalPlaces) {\r\n setMaxDecimals(order.SubAssetClassDecimalPlaces);\r\n } else {\r\n props.fetchGetAssetInformation({ assetId: order.AssetId }).then((response) => {\r\n setMaxDecimals(response.info.SubAssetClassDecimalPlaces);\r\n });\r\n }\r\n\r\n setNewSymbol(false);\r\n order.SubAssetClassDecimalPlaces\r\n ? (order.OrderPrice = Number(parseFloat(order.OrderPrice).toFixed(order.SubAssetClassDecimalPlaces)))\r\n : null;\r\n }, [order.OrderPrice, newSymbol]);\r\n\r\n useEffect(() => {\r\n const cOrder = { ...order };\r\n if (ui.mode == Mode.EDIT_COMMISSION && cOrder.OrderStatus == \"Filled\") {\r\n dispatch({ type: \"CHANGE_BUTTON_PROPS\", props: { confirm: { visible: false } } });\r\n }\r\n if (\r\n (ui.mode === Mode.EDIT || ui.mode == Mode.READONLY) &&\r\n (cOrder.OrderStatus === OrderStatus.ROUTED || cOrder.OrderStatus === OrderStatus.ACKED)\r\n ) {\r\n dispatch({ type: \"CHANGE_BUTTON_PROPS\", props: { save: { visible: false } } });\r\n }\r\n const canEditFields = Object.values(state.fields.editable).some(value => value === true) && (cOrder.OrderStatus === OrderStatus.ACKED);\r\n if (canEditFields && (ui.mode === Mode.READONLY)) {\r\n dispatch({ type: \"CHANGE_BUTTON_PROPS\", props: { precheck: { visible: true }}});\r\n }\r\n }, [order]);\r\n\r\n // called from bulk and basket\r\n const canAddAccount = () => {\r\n const formErrors = validateForm(state);\r\n\r\n if (formErrors == false) {\r\n return true;\r\n }\r\n const { OrderQuantity, Accounts, Quantity, AccountName, HolderName, Instruction, ...errors } = formErrors;\r\n if (Object.keys(errors).length != 0) {\r\n dispatch({ type: \"FORCE_UPDATE_VALIDATION\", errors });\r\n } else {\r\n return true;\r\n }\r\n };\r\n\r\n const save = () => {\r\n const formErrors = validateForm(state, true);\r\n\r\n if (state.ui.userRole === UserType.MiddleOffice) {\r\n if (Object.keys(state.attachments || {}).length > 0) {\r\n const data = {\r\n orderId: state.order.OrderId,\r\n files: [],\r\n };\r\n Promise.all(\r\n Object.entries(state.attachments).map(\r\n ([key, value]) =>\r\n new Promise(async (resolve, reject) => {\r\n if (value) {\r\n try {\r\n const { blob, name, extension } = await handleFileInput(value);\r\n resolve({\r\n accountId: key,\r\n name,\r\n blob,\r\n extension,\r\n });\r\n } catch (e) {\r\n reject();\r\n }\r\n } else {\r\n reject();\r\n }\r\n })\r\n )\r\n ).then((files) => {\r\n props.onOrderAttachment({\r\n ...data,\r\n files,\r\n });\r\n toggle(order.OrderId);\r\n });\r\n }\r\n } else if (formErrors === false) {\r\n const cOrder = { ...order };\r\n\r\n cOrder.OrderStatus = OrderStatus.PARKED;\r\n\r\n if (cOrder.AssetClassForm == ProductType.OPTION) {\r\n cOrder.AssetTicker = getOptionsTickerFromFields(order);\r\n }\r\n\r\n dispatch({\r\n type: \"CHANGE_BUTTON_PROPS\",\r\n props: {\r\n save: { loading: true },\r\n precheck: { visible: false },\r\n },\r\n });\r\n\r\n props\r\n .onConfirm({ order: cOrder, isNew: !cOrder.OrderId, authorizations: state.precheck.authorizations })\r\n .then((res) => res.response)\r\n .then((res) => {\r\n const { result } = res;\r\n const { Code, Description } = result;\r\n\r\n if (Code !== 200) {\r\n dispatch({\r\n type: \"CHANGE_BUTTON_PROPS\",\r\n props: {\r\n save: { loading: false },\r\n precheck: { visible: false },\r\n },\r\n });\r\n setMessage({ open: true, message: Description });\r\n } else if (Object.keys(state.attachments || {}).length > 0) {\r\n // if order has attachments\r\n const data = {\r\n orderId: res.orderId,\r\n files: [],\r\n };\r\n Promise.all(\r\n Object.entries(state.attachments).map(\r\n ([key, value]) =>\r\n new Promise(async (resolve, reject) => {\r\n if (value) {\r\n try {\r\n const { blob, name, extension } = await handleFileInput(value);\r\n resolve({\r\n accountId: key,\r\n name,\r\n blob,\r\n extension,\r\n });\r\n } catch (e) {\r\n reject();\r\n }\r\n } else {\r\n reject();\r\n }\r\n })\r\n )\r\n ).then((files) => {\r\n props.onOrderAttachment({\r\n ...data,\r\n files,\r\n });\r\n toggle(cOrder.OrderId);\r\n });\r\n } else {\r\n toggle(cOrder.OrderId);\r\n }\r\n });\r\n } else {\r\n dispatch({ type: \"FORCE_UPDATE_VALIDATION\", errors: formErrors });\r\n }\r\n };\r\n\r\n const confirmCommission = () => {\r\n const formErrors = validateForm(state);\r\n\r\n if (formErrors === false) {\r\n dispatch({ type: \"CHANGE_BUTTON_PROPS\", props: { confirm: { loading: true } } });\r\n\r\n /*\r\n const {\r\n CommissionType, Commission, MarkupType, Markup, FXMarkupType, FXMarkup,\r\n } = order.CurrentAccount;\r\n const newProps = {\r\n CommissionType, Commission, MarkupType, Markup, FXMarkupType, FXMarkup,\r\n };\r\n */\r\n\r\n props\r\n .onConfirm({ order, isNew: !order.OrderId, authorizations: state.precheck.authorizations })\r\n .then((res) => {\r\n const { result } = res.response;\r\n\r\n if (result.Code !== 200) {\r\n dispatch({\r\n type: \"CHANGE_BUTTON_PROPS\",\r\n props: {\r\n confirm: { loading: false },\r\n },\r\n });\r\n setMessage({ open: true, message: result.Description });\r\n } else {\r\n toggle(order.OrderId);\r\n }\r\n });\r\n } else {\r\n dispatch({ type: \"FORCE_UPDATE_VALIDATION\", errors: formErrors });\r\n }\r\n };\r\n\r\n const saveAttachments = (orderId, attachments) => {\r\n if (Object.keys(attachments || {}).length > 0) {\r\n const data = {\r\n orderId,\r\n files: [],\r\n };\r\n Promise.all(\r\n Object.entries(attachments).map(\r\n ([key, value]) =>\r\n new Promise(async (resolve, reject) => {\r\n if (value) {\r\n try {\r\n const { blob, name, extension } = await handleFileInput(value);\r\n resolve({\r\n accountId: key,\r\n name,\r\n blob,\r\n extension,\r\n });\r\n } catch (e) {\r\n reject();\r\n }\r\n } else {\r\n reject();\r\n }\r\n })\r\n )\r\n ).then((files) => {\r\n props.onOrderAttachment({\r\n ...data,\r\n files,\r\n });\r\n });\r\n }\r\n };\r\n\r\n const onOrderUpdate =\r\n (inOrderId, isConfirm, isCreate = false) =>\r\n (res) => {\r\n const { ui, precheck } = state;\r\n const { result } = res.response;\r\n\r\n if (![200, 204].includes(result.Code)) {\r\n setMessage({ open: true, message: result.Description });\r\n if (isConfirm) {\r\n dispatch({\r\n type: \"CHANGE_BUTTON_PROPS\",\r\n props: { confirm: { loading: false } },\r\n });\r\n } else {\r\n dispatch({\r\n type: \"CHANGE_BUTTON_PROPS\",\r\n props: { modify: { loading: false } },\r\n });\r\n }\r\n return Promise.reject(\"Order Creation/Update failed\");\r\n }\r\n\r\n const orderId = inOrderId > 0 ? inOrderId : res.response.orderId;\r\n\r\n // if order has attachments\r\n saveAttachments(orderId, state.attachments);\r\n\r\n // if is from quote, change quote as used\r\n if (ui.quoteId) {\r\n props.updateQuote({\r\n quoteAction: QuoteAction.USE,\r\n quote: { AdvisorQuoteId: ui.quoteId },\r\n });\r\n }\r\n\r\n // add authorizations histories\r\n props.onAddHistories({\r\n histories: precheck.histories.map((h) => ({\r\n ...h,\r\n HistoryRefProcessId: orderId,\r\n })),\r\n });\r\n\r\n if (isCreate) {\r\n isConfirmHandler(ui, isConfirm, orderId);\r\n } else {\r\n // create authorizations\r\n new Promise((resolve) => {\r\n const authorizations = precheck.authorizations.map((authorization) => ({\r\n ...authorization,\r\n refid: orderId,\r\n //secRefId: cOrder.AccountId,\r\n }));\r\n props.onValidationsCreateAuth({ authorizations }).then((resp) => resolve(resp.response));\r\n }).then((r) => isConfirmHandler(ui, isConfirm, orderId));\r\n }\r\n\r\n // is warning code fired from OMS\r\n if (result.Code == 204) {\r\n alert(result.Description);\r\n }\r\n };\r\n\r\n const isConfirmHandler = (ui, isConfirm, orderId) => {\r\n if (isConfirm) {\r\n if (ui.userRole == \"Trader\" && !ui.isBasket) {\r\n dispatch({ type: \"CHANGE_MODE\", mode: Mode.EXECUTE, id: orderId });\r\n } else {\r\n toggle(orderId);\r\n }\r\n } else {\r\n dispatch({ type: \"CHANGE_MODE\", mode: Mode.EDIT });\r\n }\r\n };\r\n\r\n const confirm = async () => {\r\n const { ui, precheck } = state;\r\n\r\n // intercept if editing commission on filled orders from advisor\r\n if (ui.mode == Mode.EDIT_COMMISSION) {\r\n confirmCommission();\r\n return;\r\n }\r\n\r\n // special check for bulk and basket orders\r\n if (ui.isBulk || ui.isBasket) {\r\n const formErrors = validateForm(state);\r\n\r\n if (formErrors != false) {\r\n dispatch({ type: \"FORCE_UPDATE_VALIDATION\", errors: formErrors });\r\n return;\r\n }\r\n }\r\n\r\n let cOrder = { ...order };\r\n\r\n // change ticker if is an option\r\n if (cOrder.AssetClassForm == ProductType.OPTION) {\r\n //cOrder.AssetTicker = getOptionsTickerFromFields(cOrder);\r\n }\r\n\r\n let hasErrors = false;\r\n\r\n // check if any authorizations has error\r\n const authorizations = precheck.authorizations.map((auth) => {\r\n if (auth.text == null || !auth.text.length) {\r\n hasErrors = true;\r\n return { ...auth, error: \"Required field\", readonly: undefined };\r\n }\r\n\r\n return { ...auth, error: null, readonly: undefined };\r\n });\r\n\r\n if (!hasErrors) {\r\n authorizations.forEach((a) => (a.readonly = true));\r\n }\r\n\r\n dispatch({ type: \"UPDATE_PRECHECK\", fields: { authorizations } });\r\n\r\n if (!hasErrors) {\r\n // check if all authorizations can be authorized by self\r\n const allSelfAuth = precheck.authorizations.every((a) => a.role.toLowerCase() === \"self\");\r\n\r\n // if allSefAuth = true then order will has ROUTED status\r\n if (!allSelfAuth) {\r\n // If not all authorizations can be authorized by self\r\n cOrder.OrderStatus = OrderStatus.AUTH_WAIT;\r\n }\r\n // if parked.. when confirm change to routed\r\n else if (cOrder.OrderStatus == OrderStatus.PARKED) {\r\n cOrder.OrderStatus = OrderStatus.ROUTED;\r\n }\r\n\r\n dispatch({\r\n type: \"CHANGE_BUTTON_PROPS\",\r\n props: { confirm: { loading: true } },\r\n });\r\n\r\n const isExistingMultiAccountOrder = cOrder.OrderId > 0 && (ui.isBulk || ui.isBasket);\r\n\r\n if (ui.mode == Mode.PRECHECK && isExistingMultiAccountOrder) {\r\n props\r\n .onAccountUpdate({\r\n orderId: cOrder.OrderId,\r\n account: cOrder.CurrentAccount,\r\n })\r\n .then(onOrderUpdate(cOrder.OrderId, true))\r\n .then(() => toggle(cOrder.OrderId))\r\n .catch();\r\n } else {\r\n if (isExistingMultiAccountOrder) {\r\n // The accounts are updated in other procedures\r\n cOrder.Accounts = [];\r\n cOrder.CurrentAccount = {};\r\n }\r\n // update order service\r\n props\r\n .onConfirm({\r\n order: cOrder,\r\n isNew: !cOrder.OrderId,\r\n authorizations: precheck.authorizations,\r\n })\r\n .then(onOrderUpdate(cOrder.OrderId, true, true))\r\n .then(() => toggle(cOrder.OrderId))\r\n .catch();\r\n }\r\n }\r\n };\r\n\r\n const goBack = () => {\r\n dispatch({ type: \"CHANGE_MODE\", mode: Mode.EDIT });\r\n };\r\n\r\n const modify = async () => {\r\n const { ui, precheck } = state;\r\n\r\n const isExistingMultiAccountOrder = order.OrderId > 0 && (ui.isBulk || ui.isBasket);\r\n\r\n if (isExistingMultiAccountOrder) {\r\n const formErrors = validateForm(state);\r\n\r\n if (formErrors != false) {\r\n dispatch({ type: \"FORCE_UPDATE_VALIDATION\", errors: formErrors });\r\n return;\r\n }\r\n\r\n let hasErrors = false;\r\n\r\n // check if any authorizations has error\r\n const authorizations = precheck.authorizations.map((auth) => {\r\n if (auth.text == null || !auth.text.length) {\r\n hasErrors = true;\r\n return { ...auth, error: \"Required field\", readonly: undefined };\r\n }\r\n\r\n return { ...auth, error: null, readonly: undefined };\r\n });\r\n\r\n if (!hasErrors) {\r\n authorizations.forEach((a) => (a.readonly = true));\r\n }\r\n\r\n dispatch({ type: \"UPDATE_PRECHECK\", fields: { authorizations } });\r\n\r\n if (!hasErrors) {\r\n const currentAccount = order.CurrentAccount;\r\n const cOrder = {\r\n ...order,\r\n Accounts: [], // The accounts are updated individually, so are not necessary here.\r\n CurrentAccount: {},\r\n };\r\n\r\n // change ticker if is an option\r\n if (cOrder.AssetClassForm == ProductType.OPTION) {\r\n cOrder.AssetTicker = getOptionsTickerFromFields(cOrder);\r\n }\r\n\r\n // check if all authorizations can be authorized by self\r\n const allSelfAuth = precheck.authorizations.every((a) => a.role.toLowerCase() === \"self\");\r\n\r\n // if allSefAuth = true then order will has ROUTED status\r\n if (!allSelfAuth) {\r\n // If not all authorizations can be authorized by self\r\n cOrder.OrderStatus = OrderStatus.AUTH_WAIT;\r\n }\r\n // if parked.. when confirm change to routed\r\n else if (cOrder.OrderStatus == OrderStatus.PARKED) {\r\n cOrder.OrderStatus = OrderStatus.ROUTED;\r\n }\r\n\r\n dispatch({\r\n type: \"CHANGE_BUTTON_PROPS\",\r\n props: { modify: { loading: true } },\r\n });\r\n\r\n // The call to onConfirm will only update the order data.\r\n // Then, the onAccountUpdate will update/add the account info.\r\n props\r\n .onConfirm({\r\n order: cOrder,\r\n isNew: false,\r\n authorizations: precheck.authorizations,\r\n })\r\n .then((res) => {\r\n const { result } = res.response;\r\n\r\n if (result.Code !== 200) {\r\n try {\r\n onOrderUpdate(cOrder.OrderId, true)(res);\r\n } catch (err) {}\r\n } else {\r\n props\r\n .onAccountUpdate({\r\n orderId: cOrder.OrderId,\r\n account: currentAccount,\r\n })\r\n .then(onOrderUpdate(cOrder.OrderId, false))\r\n .catch();\r\n }\r\n })\r\n .catch()\r\n .finally(() => {\r\n dispatch({\r\n type: \"CHANGE_BUTTON_PROPS\",\r\n props: { modify: { loading: false } },\r\n });\r\n });\r\n }\r\n } else {\r\n dispatch({ type: \"CHANGE_MODE\", mode: Mode.EDIT });\r\n }\r\n };\r\n\r\n const toggleAction = async () => {\r\n const { ui, attachments } = state;\r\n\r\n const isExistingReadonlyOrder = order.OrderId > 0 && ui.mode !== Mode.EDIT;\r\n\r\n if (isExistingReadonlyOrder) {\r\n // if order has attachments\r\n saveAttachments(order.OrderId, attachments);\r\n }\r\n\r\n toggle(order.OrderId);\r\n };\r\n\r\n const nextStep = () => {\r\n const { activeStep } = state.wizzard;\r\n\r\n if (state.ui.mode == Mode.EDIT_COMMISSION) {\r\n confirmCommission();\r\n return;\r\n }\r\n\r\n if (activeStep != 3) {\r\n dispatch({ type: \"WIZZ_NEXT_STEP\" });\r\n } else {\r\n // confirmation with wizzard\r\n const { wizzard } = state;\r\n\r\n const context1 = wizzard.steps[0].context;\r\n const context2 = wizzard.steps[2].context;\r\n\r\n const order1 = { ...context1.order };\r\n const order2 = { ...context2.order };\r\n\r\n // change ticker if is an option\r\n if (order1.AssetClassForm == ProductType.OPTION) {\r\n order1.AssetTicker = getOptionsTickerFromFields(order1);\r\n }\r\n\r\n if (order2.AssetClassForm == ProductType.OPTION) {\r\n order2.AssetTicker = getOptionsTickerFromFields(order2);\r\n }\r\n\r\n dispatch({ type: \"CHANGE_BUTTON_PROPS\", props: { confirm: { loading: true } } });\r\n\r\n props\r\n .onConfirm({\r\n order: order1,\r\n order2,\r\n isNew: true,\r\n authorizations: state.precheck.authorizations,\r\n })\r\n .then((res) => {\r\n const { response } = res;\r\n\r\n props.onAddHistories({\r\n histories: context1.precheck.histories.map((h) => ({\r\n ...h,\r\n HistoryRefProcessId: response.orderId,\r\n })),\r\n });\r\n\r\n props.onAddHistories({\r\n histories: context2.precheck.histories.map((h) => ({\r\n ...h,\r\n HistoryRefProcessId: response.orderId2,\r\n })),\r\n });\r\n\r\n setTimeout(() => toggle(response.orderId), 250);\r\n });\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n changeMessage(authorization.name, e.target.value)}\r\n />\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Authorization;\r\n","import React, { Component, useState } from \"react\";\r\nimport { ProductType } from \"../../../../utils/Order/Order\";\r\nimport { Container, Col, Row, Tooltip } from \"reactstrap\";\r\nimport { FormattedNumber } from \"../../../FormattedNumber/FormattedNumber\";\r\nimport style from \"./Precheck.module.scss\";\r\n\r\nconst Details = ({ form, precheck, ...props }) => {\r\n let result = props.result;\r\n\r\n for (var key in result) {\r\n if (result.hasOwnProperty(key)) {\r\n if (!isNaN(result[key])) {\r\n result[key] = +result[key];\r\n }\r\n }\r\n }\r\n\r\n const [tooltipOpen, setTooltipOpen] = useState({});\r\n const toggleTooltip = (index) => {\r\n setTooltipOpen({\r\n ...tooltipOpen,\r\n [index]: !tooltipOpen[index],\r\n });\r\n };\r\n\r\n const rows = details(result, form, props.additionalProps);\r\n\r\n return (\r\n {authorization.name}
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport const Number = ({ value, dataTypeDecimalName, decimalScale }) => {\r\n return (\r\n \r\n \r\n \r\n {rows.map((row, index) => {\r\n const tooltipId = `tooltip-${index}`;\r\n return (\r\n
\r\n
\r\n \r\n | {row.label} | \r\n\r\n | \r\n {row.warning && row.warning != 0 ? (\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n | Earnings | \r\nAmount | \r\nTax | \r\nTotal | \r\n
| UpFront | \r\n\r\n | \r\n \r\n | \r\n \r\n | \r\n
| FX UpFront | \r\n\r\n | \r\n \r\n | \r\n \r\n | \r\n
| Commission | \r\n\r\n | \r\n \r\n | \r\n \r\n | \r\n
| Total | \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 {order.OrderHasMultipleAccounts && \r\n \r\n )\r\n )\r\n ) : null}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst AccountDetail = ({ AccountName, AccountNumber }) => {\r\n return (\r\n \r\n
\r\n )}\r\n\r\n {status != null ? (\r\n status == \"failed\" ? (\r\n Validations
\r\n {Object.values(validations).map((v, index) => (\r\nAuthorizations
\r\n\r\n {precheck.authorizations.map((a, index) => (\r\n
\r\n \r\n Prechecking account\r\n \r\n {AccountNumber}\r\n {\" - \"}\r\n {AccountName}\r\n \r\n
\r\n );\r\n};\r\n\r\nconst NoPassConditions = ({ hierarchy }) => (\r\n \r\n
\r\n
\r\n);\r\n\r\nexport default Precheck;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"precheck\":\"Precheck-module_precheck_35KLp\",\"alert\":\"Precheck-module_alert_1hE4M\",\"details\":\"Precheck-module_details_2wngw\",\"totals\":\"Precheck-module_totals_2wYyl\",\"earnings\":\"Precheck-module_earnings_3T0Cd\",\"bold\":\"Precheck-module_bold_1A9jf\",\"loadingMessage\":\"Precheck-module_loadingMessage_3ENge\",\"validations\":\"Precheck-module_validations_3raIL\",\"validation\":\"Precheck-module_validation_-KGAM\",\"authorizations\":\"Precheck-module_authorizations_2WUl3\",\"authorization\":\"Precheck-module_authorization_34TJM\",\"account\":\"Precheck-module_account_3exIT\"};","import React, { Component } from \"react\";\r\nimport { CircularProgress } from \"../../..\";\r\nimport { Alert } from \"reactstrap\";\r\nimport style from \"./Precheck.module.scss\";\r\n\r\nclass Validation extends Component {\r\n render() {\r\n const { validation } = this.props;\r\n\r\n return (\r\n \r\n \r\n {validation.title}\r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst getAlertColor = (status) => {\r\n switch (status) {\r\n case \"success\":\r\n return \"success\";\r\n case \"failed\":\r\n return \"danger\";\r\n case \"authorization\":\r\n return \"warning\";\r\n }\r\n};\r\n\r\nconst getIconName = (status) => {\r\n switch (status) {\r\n case \"success\":\r\n return \"icon-check\";\r\n case \"failed\":\r\n return \"icon-close\";\r\n case \"authorization\":\r\n return \"icon-exclamation\";\r\n }\r\n};\r\n\r\nexport default Validation;\r\n","import { formProps } from \"./../../Order/Form\";\r\nimport {\r\n Mode,\r\n ProductType,\r\n Type,\r\n OrderPriceType,\r\n TimeFrame,\r\n CommissionType,\r\n} from \"../../../../utils/Order/Order\";\r\nimport { mergeDeep, UserType, toDateLocal } from \"./../../../../utils/Helper\";\r\nimport { defaultState } from \"./store\";\r\n\r\nexport const orderReducer = (state, action) => {\r\n switch (action.type) {\r\n case \"CHANGE_FORM\":\r\n return changeForm(state, action);\r\n\r\n case \"CHANGE_ORDER_FIELDS\":\r\n return processChangeOrderFields(state, action.fields);\r\n\r\n case \"CHANGE_ORDER_ACCOUNT_FIELDS\":\r\n return processChangeOrderAccountFields(state, action.fields);\r\n\r\n case \"FETCH_ASSET_INFO\":\r\n return processAssetInfo(state, action.data);\r\n\r\n case \"FETCH_ACCOUNT_INFO\":\r\n return processAccountInfo(state, action.items, action.updateOrderValues);\r\n\r\n case \"CHANGE_MODE\":\r\n switch (action.mode) {\r\n case Mode.EDIT:\r\n return processEdit(state);\r\n case Mode.PRECHECK:\r\n return processPrecheck(state);\r\n case Mode.CONFIRM:\r\n return processConfirm(state);\r\n case Mode.EXECUTE:\r\n return processExecute(state, action.id);\r\n\r\n default:\r\n return state;\r\n }\r\n\r\n case \"FORCE_UPDATE_VALIDATION\":\r\n return forceUpdateValidation(state, action);\r\n\r\n case \"UPDATE_PRECHECK\":\r\n return updatePrecheck(state, action.fields);\r\n\r\n case \"CHANGE_BUTTON_PROPS\":\r\n return changeButtonProps(state, action);\r\n\r\n case \"EDIT_ACCOUNT\":\r\n return editAccount(state, action);\r\n\r\n case \"SET_ATTACHMENT\":\r\n return setAttachment(state, action.payload);\r\n\r\n case \"DELETE_ACCOUNT\":\r\n return deleteAccount(state, action);\r\n\r\n case \"SELECT_ACCOUNT\":\r\n return selectAccount(state, action);\r\n\r\n case \"WIZZ_NEXT_STEP\":\r\n return wizzNextStep(state);\r\n\r\n case \"WIZZ_STEP_BACK\":\r\n return wizzStepBack(state);\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nconst changeForm = (state, { newForm }) => {\r\n // from trader can add basket order with empty accounts, when change form retain account setted\r\n const { OrderHierarchy, OrderIsBasket, OrderHasMultipleAccounts } = state.order;\r\n\r\n return {\r\n ...state,\r\n order: {\r\n ...formProps[newForm].defaults(),\r\n AssetClassForm: newForm,\r\n OrderHierarchy,\r\n OrderIsBasket,\r\n OrderHasMultipleAccounts,\r\n OrderSide: state.order.OrderSide || \"Buy\",\r\n OrderInitDate: new Date().toDateLocal(),\r\n OrderType: OrderPriceType.MARKET,\r\n offer: {},\r\n offerLoaded: {},\r\n OrderTimeInForce: TimeFrame.GTC,\r\n OrderGTD: toDateLocal(new Date()),\r\n OrderQuantity: state.order.OrderQuantity,\r\n CurrentAccount: state.order.CurrentAccount\r\n ? {\r\n ...state.order.CurrentAccount,\r\n Precheck: {},\r\n }\r\n : {},\r\n Accounts: state.order.Accounts\r\n ? state.order.Accounts.map((account) => ({\r\n ...account,\r\n Precheck: {},\r\n }))\r\n : [],\r\n },\r\n entities: {\r\n settlementCurrencies: null,\r\n },\r\n fields: {\r\n ...state.fields,\r\n hiddens: {\r\n ...state.fields.hiddens,\r\n RequiresSpecialCustody: true,\r\n },\r\n },\r\n };\r\n};\r\n\r\nconst changeButtonProps = (state, { props }) => {\r\n return mergeDeep({ ...state }, { buttons: { ...props } });\r\n};\r\n\r\nconst forceUpdateValidation = (state, { errors }) => {\r\n return {\r\n ...state,\r\n fields: {\r\n ...state.fields,\r\n errors,\r\n },\r\n };\r\n};\r\n\r\nconst processChangeOrderFields = (state, fields) => {\r\n const errors = Object.keys(fields).reduce((o, name) => {\r\n o[name] = undefined;\r\n return o;\r\n }, {});\r\n\r\n const entities = {};\r\n\r\n if (fields.hasOwnProperty(\"AssetId\") && !fields.AssetId) {\r\n entities.settlementCurrencies = null;\r\n fields.OrderSettlementCurrencyId = null;\r\n fields.OrderSettlementCurrencySymbol = null;\r\n }\r\n\r\n if (state.order.AssetClassForm != ProductType.FOREX && state.order.AssetClassForm != ProductType.REPO) {\r\n if (fields.hasOwnProperty(\"OrderSettlementCurrencyId\") && fields.OrderSettlementCurrencyId) {\r\n const filteredCurrencies = state.entities.settlementCurrencies.filter(\r\n (c) => c.id == fields.OrderSettlementCurrencyId\r\n );\r\n if (filteredCurrencies.length > 0) {\r\n const newCurrency = filteredCurrencies[0];\r\n fields.OrderSettlementCurrencySymbol = newCurrency.description;\r\n }\r\n }\r\n }\r\n\r\n if (fields.hasOwnProperty(\"OrderType\")) {\r\n let moo = false;\r\n if (fields.OrderType == OrderPriceType.MARKETONOPEN) {\r\n fields.OrderTimeInForce = \"OPG\";\r\n moo = true;\r\n } else if (fields.OrderType == OrderPriceType.MARKETONCLOSE) {\r\n fields.OrderTimeInForce = TimeFrame.DAY;\r\n moo = true;\r\n } else {\r\n fields.OrderTimeInForce = TimeFrame.GTC;\r\n }\r\n\r\n if (moo)\r\n fields.readonly = {\r\n OrderTimeInForce: true,\r\n };\r\n else if (state.ui.mode != Mode.READONLY)\r\n fields.readonly = {\r\n OrderTimeInForce: false,\r\n };\r\n }\r\n\r\n return {\r\n ...state,\r\n order: {\r\n ...state.order,\r\n ...fields,\r\n },\r\n fields: {\r\n ...state.fields,\r\n errors: {\r\n ...state.fields.errors,\r\n ...errors,\r\n },\r\n readonly: {\r\n ...state.fields.readonly,\r\n ...fields.readonly,\r\n },\r\n },\r\n entities: {\r\n ...state.entities,\r\n ...entities,\r\n },\r\n };\r\n};\r\n\r\nconst processChangeOrderAccountFields = (state, fields) => {\r\n const errors = Object.keys(fields).reduce((o, name) => {\r\n o[name] = undefined;\r\n return o;\r\n }, {});\r\n\r\n const { order } = state;\r\n const { CurrentAccount, Accounts } = order;\r\n const { index } = CurrentAccount;\r\n\r\n let modFields = fields;\r\n if (fields.hasOwnProperty(\"AccountId\")) {\r\n modFields = {\r\n ...modFields,\r\n AttachmentFileName: undefined,\r\n AttachmentFileType: undefined,\r\n HasFileUploadPending: undefined,\r\n AttachmentFileUploadPending: undefined,\r\n };\r\n setAttachment(state, {\r\n payload: { fileName: undefined, fileType: undefined, file: undefined, id: fields.AccountId },\r\n });\r\n }\r\n\r\n let orderFields = {};\r\n let isEditable = state.ui.mode == Mode.EDIT;\r\n\r\n if (modFields.hasOwnProperty(\"Quantity\")) {\r\n // Update order total quantity\r\n orderFields.OrderQuantity = 0;\r\n if (index >= 0) {\r\n if (Accounts) {\r\n Accounts.forEach((account) => {\r\n if (account.index !== index) {\r\n orderFields.OrderQuantity += parseFloat(account.Quantity);\r\n }\r\n });\r\n }\r\n }\r\n orderFields.OrderQuantity += modFields.Quantity;\r\n }\r\n\r\n if (modFields.hasOwnProperty(\"AttachmentFileName\")) {\r\n if (modFields.AttachmentFileName === \"\" || modFields.AttachmentFileName === undefined) {\r\n modFields.HasFile = false;\r\n modFields.HasFileUploadPending = false;\r\n } else {\r\n modFields.HasFileUploadPending = true;\r\n }\r\n }\r\n\r\n // Full liquidation option\r\n if (modFields.hasOwnProperty(\"IsFullLiquidation\")) {\r\n // This option is valid only on single account orders.\r\n if (modFields.IsFullLiquidation) {\r\n orderFields.OrderQuantityIsCash = false;\r\n modFields.Quantity = CurrentAccount.AccountAssetBalance || 0;\r\n orderFields.OrderQuantity = modFields.Quantity;\r\n }\r\n }\r\n if (modFields.hasOwnProperty(\"AccountAssetBalance\")) {\r\n if (CurrentAccount.IsFullLiquidation && isEditable) {\r\n // This option is valid only on single account orders.\r\n modFields.Quantity = modFields.AccountAssetBalance;\r\n orderFields.OrderQuantity = modFields.Quantity;\r\n }\r\n }\r\n if (fields.hasOwnProperty(\"AccountId\")) {\r\n if (modFields.AttachmentFileType) {\r\n modFields.HasFile = true;\r\n modFields.HasFileUploadPending = true;\r\n errors.Instruction = undefined;\r\n } else {\r\n modFields.HasFile = false;\r\n modFields.HasFileUploadPending = false;\r\n errors.Instruction = undefined;\r\n }\r\n }\r\n\r\n if (modFields.hasOwnProperty(\"AccountUseMarkUP\")) {\r\n if (modFields.AccountUseMarkUP === false) {\r\n modFields.Markup = 0;\r\n modFields.FXMarkup = 0;\r\n }\r\n }\r\n\r\n return {\r\n ...state,\r\n order: {\r\n ...state.order,\r\n ...orderFields,\r\n CurrentAccount: {\r\n ...state.order.CurrentAccount,\r\n ...modFields,\r\n },\r\n },\r\n fields: {\r\n ...state.fields,\r\n errors: {\r\n ...state.fields.errors,\r\n ...errors,\r\n },\r\n },\r\n };\r\n};\r\n\r\nconst processConfirm_basket = (state) => {\r\n const { precheck, order } = state;\r\n\r\n let modifyLabel = \"Add Another account\";\r\n let precheckFailed = false;\r\n let modeBskt = Mode.PRECHECK;\r\n\r\n if (precheck.status == \"failed\") {\r\n precheckFailed = true;\r\n modifyLabel = \"Modify\";\r\n }\r\n\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n ui: {\r\n mode: Mode.PRECHECK,\r\n },\r\n order: {\r\n Accounts: order.Accounts.map((acc) => {\r\n if (acc.index == order.CurrentAccount.index) {\r\n return { ...acc, delete: precheckFailed };\r\n }\r\n return acc;\r\n }),\r\n CurrentAccount: {\r\n delete: precheckFailed,\r\n },\r\n },\r\n buttons: {\r\n confirm: {\r\n visible: precheck.status != \"failed\",\r\n label: \"Confirm\",\r\n },\r\n modify: {\r\n visible: true,\r\n label: modifyLabel,\r\n loading: false,\r\n },\r\n save: {\r\n visible: false,\r\n },\r\n },\r\n }\r\n );\r\n};\r\n\r\nconst processConfirm_bulk = (state) => {\r\n const { precheck, order } = state;\r\n\r\n let modifyLabel = \"Add another account\";\r\n let precheckFailed = false;\r\n\r\n if (precheck.status == \"failed\") {\r\n precheckFailed = true;\r\n modifyLabel = \"Modify\";\r\n }\r\n\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n ui: {\r\n mode: Mode.PRECHECK,\r\n },\r\n order: {\r\n Accounts: order.Accounts.map((acc) => {\r\n if (acc.index == order.CurrentAccount.index) {\r\n return { ...acc, delete: precheckFailed };\r\n }\r\n return acc;\r\n }),\r\n CurrentAccount: {\r\n delete: precheckFailed,\r\n },\r\n },\r\n buttons: {\r\n confirm: {\r\n visible: precheck.status != \"failed\",\r\n label: \"Confirm\",\r\n },\r\n modify: {\r\n visible: true,\r\n label: modifyLabel,\r\n },\r\n save: {\r\n visible: false,\r\n },\r\n },\r\n }\r\n );\r\n};\r\n\r\nconst processConfirm = (state) => {\r\n const { ui } = state;\r\n\r\n if (ui.isBasket) {\r\n return processConfirm_basket(state);\r\n }\r\n\r\n if (ui.isBulk) {\r\n return processConfirm_bulk(state);\r\n }\r\n\r\n let confirmLabel = \"Confirm\";\r\n\r\n if (\r\n Object.keys(state.precheck.authorizations).length !== 0 &&\r\n state.precheck.authorizations.filter((auth) => auth.role == \"SELF\").length !== 0\r\n ) {\r\n confirmLabel = \"Authorize and Confirm\";\r\n }\r\n\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n ui: {\r\n mode: Mode.CONFIRM,\r\n },\r\n buttons: {\r\n confirm: {\r\n visible: state.precheck.status != \"failed\",\r\n label: confirmLabel,\r\n },\r\n modify: { visible: true },\r\n },\r\n wizzard: {\r\n nextBtn: {\r\n ...state.wizzard.nextBtn,\r\n visible: state.precheck.status != \"failed\",\r\n },\r\n },\r\n }\r\n );\r\n};\r\n\r\nconst processPrecheck = (state) => {\r\n let errors = validateForm(state);\r\n const order = {};\r\n\r\n // check if order instruction is written and the file was uploaded\r\n const { AttachmentFileType, Instruction } = state.order.CurrentAccount;\r\n if (Instruction === \"Written\" && (AttachmentFileType == \"\" || !AttachmentFileType)) {\r\n if (errors === false) {\r\n errors = {};\r\n }\r\n errors.Instruction = \"Attachment required\";\r\n }\r\n\r\n if (errors === false) {\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n ui: {\r\n mode: Mode.PRECHECK,\r\n },\r\n buttons: {\r\n save: { visible: false },\r\n precheck: { visible: false },\r\n confirm: { visible: false },\r\n },\r\n fields: {\r\n errors,\r\n },\r\n order,\r\n }\r\n );\r\n } else {\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n fields: {\r\n errors,\r\n },\r\n }\r\n );\r\n }\r\n};\r\n\r\nconst processExecute = (state, orderId) => {\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n ui: {\r\n mode: Mode.EXECUTE,\r\n },\r\n buttons: {\r\n save: { visible: false },\r\n precheck: { visible: false },\r\n confirm: { visible: false },\r\n modify: { visible: false },\r\n },\r\n order: {\r\n OrderId: orderId,\r\n },\r\n }\r\n );\r\n};\r\n\r\nconst processAccountInfo = (state, _items, updateOrderValues) => {\r\n const { ui, order, initFetchs } = state;\r\n const { CurrentAccount, AssetClassForm } = order;\r\n const items = _items.reduce((obj, item) => {\r\n obj[item.key] = item.value;\r\n return obj;\r\n }, {});\r\n\r\n const commissionDisabled = items[\"CommissionEnabled\"] == \"false\" ? \"HRO\" : undefined;\r\n const markupHidden = items[\"MarkupVisible\"] == \"false\" ? true : undefined;\r\n const FXMarkupAllowed = items[\"FXMarkupAllowed\"] == \"false\" ? false : true;\r\n const custodyHidden = items[\"AsksCustody\"] == \"false\" ? true : undefined;\r\n\r\n let commissionType = CurrentAccount.CommissionType;\r\n let commissionValue = CurrentAccount.Commission;\r\n let advice = CurrentAccount.Advice;\r\n\r\n let markupType = CurrentAccount.MarkupType;\r\n let markupValue = CurrentAccount.Markup;\r\n\r\n let FXMarkupType = CurrentAccount.FXMarkupType;\r\n let FXMarkupValue = CurrentAccount.FXMarkup;\r\n\r\n let currentInfoDate = CurrentAccount.CurrentInfoDate;\r\n\r\n const accountIsInOrder =\r\n order.Accounts && order.Accounts.find((acc) => acc.index == CurrentAccount.index) != undefined;\r\n const isMultiaccount = order.OrderHasMultipleAccounts;\r\n\r\n if (order.OrderId == undefined || initFetchs.accountInfo || (isMultiaccount && !accountIsInOrder)) {\r\n if (updateOrderValues) {\r\n markupValue = 0;\r\n markupType = CommissionType.FaceValueCash;\r\n FXMarkupValue = 0;\r\n FXMarkupType = CommissionType.FaceValueCash;\r\n if (order.OrderId == undefined) {\r\n currentInfoDate = new Date().toDateLocal();\r\n }\r\n\r\n if (commissionType == undefined) {\r\n commissionType = CommissionType.PrincipalPercentage;\r\n }\r\n if (advice == undefined) {\r\n advice = false;\r\n }\r\n\r\n if (commissionValue == undefined) {\r\n commissionValue = 0;\r\n }\r\n\r\n if ([ProductType.FOREX].indexOf(AssetClassForm) >= 0) {\r\n commissionValue = 0;\r\n } else {\r\n if (items[\"CommissionType\"]) {\r\n commissionType = items[\"CommissionType\"];\r\n }\r\n\r\n if (items[\"CommissionValue\"]) {\r\n commissionValue = +items[\"CommissionValue\"];\r\n }\r\n }\r\n }\r\n }\r\n\r\n const nextState = mergeDeep(\r\n { ...state },\r\n {\r\n order: {\r\n CurrentAccount: {\r\n Commission: commissionValue,\r\n CommissionType: commissionType,\r\n Markup: markupValue,\r\n MarkupType: markupType,\r\n FXMarkup: FXMarkupValue,\r\n FXMarkupType,\r\n CurrentInfoDate: currentInfoDate,\r\n Advice: advice,\r\n },\r\n },\r\n precheck: {\r\n FXMarkupAllowed: FXMarkupAllowed,\r\n },\r\n fields: {\r\n readonly: {\r\n FXMarkupAllowed: FXMarkupAllowed,\r\n Commission: ui.mode == Mode.READONLY || commissionDisabled,\r\n CommissionType: ui.mode == Mode.READONLY || commissionDisabled,\r\n },\r\n hiddens: {\r\n MarkupType: markupHidden,\r\n Markup: markupHidden,\r\n RequiresSpecialCustody: state.fields.hiddens.RequiresSpecialCustody || custodyHidden,\r\n },\r\n },\r\n initFetchs: {\r\n accountInfo: true,\r\n },\r\n }\r\n );\r\n\r\n if (ui.mode == Mode.EDIT_COMMISSION) {\r\n if (!(commissionDisabled && markupHidden)) {\r\n nextState.buttons.confirm.visible = true;\r\n\r\n if (nextState.wizzard.enabled) {\r\n nextState.wizzard.nextBtn.visible = true;\r\n }\r\n }\r\n }\r\n\r\n return nextState;\r\n};\r\n\r\nconst processAssetInfo = (state, data) => {\r\n const { order } = state;\r\n let itemsDict = {};\r\n data.items.forEach((item) => {\r\n itemsDict[item.key] = item.value;\r\n });\r\n\r\n let defaultSettlementCurrency = {};\r\n let availableSettlementCurrencies = [];\r\n\r\n const settlementCurrencies = data.settlementCurrency.map((c) => {\r\n const { currencyInfo, multiplies, fx } = c;\r\n availableSettlementCurrencies.push(c.currencyInfo.currencyId);\r\n if (currencyInfo.CurrencyIsDefault) {\r\n defaultSettlementCurrency = {\r\n id: currencyInfo.currencyId,\r\n name: currencyInfo.currencyISO,\r\n };\r\n }\r\n return {\r\n id: currencyInfo.currencyId,\r\n description: currencyInfo.currencyISO,\r\n multiplies,\r\n fx,\r\n };\r\n });\r\n\r\n const orderPropsUpd = {};\r\n const errors = {};\r\n orderPropsUpd.FundX = data.items.some((item) => item.key == \"FundX\");\r\n if (order.AssetClassForm != ProductType.FOREX) {\r\n if (\r\n !order.OrderSettlementCurrencyId ||\r\n !availableSettlementCurrencies.includes(order.OrderSettlementCurrencyId.toString())\r\n ) {\r\n orderPropsUpd.OrderSettlementCurrencyId = defaultSettlementCurrency.id;\r\n orderPropsUpd.OrderSettlementCurrencySymbol = defaultSettlementCurrency.name;\r\n errors.OrderSettlementCurrencySymbol = undefined;\r\n }\r\n\r\n order.OrderCurrencySymbol = itemsDict.Currency;\r\n order.AssetFundType = itemsDict[\"Fund Type\"] || \"\";\r\n order.AssetCanBeSelfCustodied = data.custody;\r\n }\r\n\r\n order.SubAssetClassDecimalPlaces = parseInt(itemsDict.MaxDecimals, 10);\r\n\r\n order.AssetPriceIsDiscounted = false;\r\n if (itemsDict.AssetPriceIsDiscounted !== undefined) {\r\n order.AssetPriceIsDiscounted = itemsDict.AssetPriceIsDiscounted.toLowerCase() === \"true\";\r\n }\r\n\r\n let saveVisible = false;\r\n if (order.OrderIsBasket === false) {\r\n saveVisible = true;\r\n }\r\n\r\n let refPrice = 0;\r\n if (itemsDict[\"Ref Price Default\"]) {\r\n refPrice = +itemsDict[\"Ref Price Default\"];\r\n }\r\n\r\n return mergeDeep(\r\n { ...state },\r\n {\r\n order: {\r\n ...orderPropsUpd,\r\n AssetRefPrice: refPrice,\r\n },\r\n fields: {\r\n errors: {\r\n ...errors,\r\n },\r\n },\r\n entities: {\r\n settlementCurrencies,\r\n },\r\n buttons: {\r\n save: {\r\n visible: saveVisible,\r\n },\r\n },\r\n }\r\n );\r\n};\r\n\r\nconst processEdit = (state) => {\r\n const multiAccount = state.ui.isBasket || state.ui.isBulk;\r\n\r\n let merge = mergeDeep(\r\n { ...state },\r\n {\r\n ui: {\r\n mode: Mode.EDIT,\r\n },\r\n buttons: {\r\n modify: { visible: false },\r\n precheck: { visible: !multiAccount, label: \"Precheck\" },\r\n confirm: { visible: multiAccount },\r\n save: {\r\n visible: state.ui.userRole == UserType.Advisor && !multiAccount && !state.precheck.validations,\r\n },\r\n },\r\n precheck: {\r\n authorizations: [],\r\n validations: null,\r\n histories: [],\r\n status: undefined,\r\n },\r\n }\r\n );\r\n\r\n if (multiAccount) {\r\n let editAccount = { AccountId: null };\r\n if (state.precheck.status == \"failed\") {\r\n editAccount = state.order.CurrentAccount;\r\n editAccount.delete = true;\r\n }\r\n merge.order.CurrentAccount = editAccount;\r\n }\r\n\r\n return merge;\r\n};\r\n\r\nconst validateForm = (state, isSaveAction = false) => {\r\n const { ui, order, fields } = state;\r\n const { hiddens, readonly } = fields;\r\n const { validation } = formProps[order.AssetClassForm];\r\n\r\n const errors = {};\r\n\r\n Object.entries(validation(order, ui.userRole)).forEach(([name, value]) => {\r\n if (!hiddens[name] && !readonly[name]) {\r\n if (value.exceedPartialRedemption){\r\n errors[name] = \"Selected quantity exceeds \" + order.OrderAssetData.items['Max Partial Redemption Percentage'] + \"% of current account's asset position, must select Full Liquidation to continue\"\r\n }\r\n else if (value.noBankAccountSelected){\r\n errors[name] = \"No bank account selected\";\r\n }\r\n else if (value.empty) {\r\n // Verify if value should be controlled for emptyness\r\n\r\n if (value.accountLevel) {\r\n // Value should be controlled in order accounts.\r\n if (order.OrderHasMultipleAccounts) {\r\n if (order.Accounts && order.Accounts.length > 0) {\r\n // View Accounts list\r\n order.Accounts.forEach((account) => {\r\n if (account.AccountId != 0) {\r\n if (account[name] == undefined || account[name] === \"\") {\r\n errors[name] = \"Required field\";\r\n } else if (value.autosuggestId && account[value.autosuggestId] == undefined) {\r\n errors[name] = \"Must select a value from list\";\r\n }\r\n }\r\n });\r\n }\r\n } else {\r\n // View CurrentAccount\r\n\r\n //The validation of the instructions is only for the precheck, not for the save.\r\n if (!isSaveAction) {\r\n if (order.CurrentAccount.Instruction == \"Written\") {\r\n if (\r\n order.CurrentAccount.AttachmentFileType == undefined ||\r\n order.CurrentAccount.AttachmentFileType === \"\"\r\n ) {\r\n errors[\"Instruction\"] = \"Required field\";\r\n }\r\n }\r\n }\r\n\r\n if (order.CurrentAccount[name] == undefined || order.CurrentAccount[name] === \"\") {\r\n errors[name] = \"Required field\";\r\n } else if (value.autosuggestId && order.CurrentAccount[value.autosuggestId] == undefined) {\r\n errors[name] = \"Must select a value from list\";\r\n }\r\n }\r\n } else {\r\n if (order[name] == undefined || order[name] === \"\") {\r\n errors[name] = \"Required field\";\r\n } else if (value.autosuggestId && order[value.autosuggestId] == undefined) {\r\n errors[name] = \"Must select a value from list\";\r\n }\r\n }\r\n }\r\n }\r\n });\r\n\r\n if (ui.userRole != UserType.Trader && ui.isBulk) {\r\n if (order.Accounts == undefined || order.Accounts.length == 0) {\r\n errors[\"Accounts\"] = \"Require an account\";\r\n }\r\n }\r\n\r\n if (ui.mode == Mode.REALLOCATE) {\r\n if (order.CurrentAccount.AccountId == order.CurrentAccountId) {\r\n errors[\"AccountName\"] = \"Must be different from the order being reallocated\";\r\n }\r\n }\r\n\r\n if (ui.type == Type.Cross) {\r\n // if second order form, check quantity over or equal than first order\r\n if (state.wizzard.enabled && state.wizzard.activeStep == 2) {\r\n if (!errors.OrderQuantity) {\r\n if (+state.wizzard.steps[0].context.order.OrderQuantity > +order.OrderQuantity) {\r\n errors[\r\n \"OrderQuantity\"\r\n ] = `Must be equal or grather than ${state.wizzard.steps[0].context.order.OrderQuantity}`;\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (order.OrderIsBasket && order.offer && !order.offer.disabled) {\r\n if (\r\n order.offer &&\r\n !order.offer.disabled &&\r\n order.OrderType === OrderPriceType.MARKET &&\r\n +order.AssetRefPrice === 0\r\n ) {\r\n errors[\"AssetRefPrice\"] = \"Asset reference price cannot be 0\";\r\n }\r\n\r\n if (isNaN(+order.offer.OfferQuantitytoAdvisor) || isNaN(+order.offer.OfferQuantitytoAdvisor)) {\r\n errors[\"Accounts\"] = \"All offered quantities required\";\r\n } else if (+order.offer.OfferQuantitytoAdvisor === 0 && +order.offer.OfferQuantitytoClient === 0) {\r\n errors[\"Accounts\"] = \"Total offered quantity cannot be 0\";\r\n }\r\n }\r\n\r\n // has Errors only add errors to state\r\n if (Object.keys(errors).length !== 0) {\r\n return errors;\r\n }\r\n\r\n return false;\r\n};\r\n\r\nconst updatePrecheck = (state, props) => {\r\n const newProps = {};\r\n\r\n if (props.order) {\r\n const { order } = props;\r\n const { OrderChainOffsetCash, OrderChainOffsetCurrencyId, AssetId } = order;\r\n\r\n newProps.order = {\r\n OrderChainOffsetCash,\r\n OrderChainOffsetCurrencyId,\r\n CurrentAccount: {\r\n Precheck: order.CurrentAccount.Precheck,\r\n },\r\n AssetId,\r\n };\r\n\r\n newProps.precheck = order.CurrentAccount.Precheck;\r\n } else {\r\n newProps.precheck = {\r\n ...props,\r\n };\r\n }\r\n return mergeDeep({ ...state }, { ...newProps });\r\n};\r\n\r\nconst editAccount = (state, { props }) => {\r\n const { Accounts } = state.order;\r\n const { index } = props.account;\r\n const others = {};\r\n const errors = {};\r\n const order = {};\r\n\r\n const { account } = props;\r\n\r\n if (props.type == Type.Basket || props.type == Type.Bulk) {\r\n others.ui = {\r\n mode: Mode.PRECHECK,\r\n };\r\n\r\n others.buttons = {\r\n save: { visible: false },\r\n precheck: { visible: false },\r\n confirm: { visible: false },\r\n };\r\n\r\n //update errors\r\n errors.Accounts = undefined;\r\n errors.OrderQuantity = undefined;\r\n\r\n others.fields = { errors };\r\n\r\n account.pendingServerUpdate = true;\r\n }\r\n\r\n let newState = mergeDeep(\r\n { ...state },\r\n {\r\n ...others,\r\n }\r\n );\r\n\r\n if (props.type == Type.Basket || props.type == Type.Bulk) {\r\n newState.order.Accounts = Accounts || [];\r\n if (index >= 0) {\r\n newState.order.Accounts = newState.order.Accounts.filter((acc) => acc.index !== index);\r\n }\r\n newState.order.Accounts.push(account);\r\n }\r\n\r\n newState.order.OrderQuantity = newState.order.Accounts.reduce((sum, a) => sum + parseFloat(a.Quantity), 0);\r\n\r\n newState.order.CurrentAccount = account;\r\n\r\n return newState;\r\n};\r\n\r\nconst deleteAccount = (state, { accountIndex }) => {\r\n const { Accounts } = state.order;\r\n\r\n let accountId = -1;\r\n if (accountIndex >= 0 && Accounts) {\r\n Accounts.find((acc) => {\r\n if (acc.index === accountIndex) {\r\n accountId = acc.AccountId;\r\n return true;\r\n }\r\n return false;\r\n });\r\n }\r\n\r\n const accountsUpd = Accounts.filter((acc) => acc.index !== accountIndex);\r\n const OrderQuantity = accountsUpd.reduce((sum, a) => sum + parseFloat(a.Quantity), 0);\r\n\r\n return {\r\n ...state,\r\n order: {\r\n ...state.order,\r\n Accounts: accountsUpd,\r\n OrderQuantity,\r\n CurrentAccount: {},\r\n },\r\n attachments: {\r\n ...state.attachments,\r\n [accountId]: undefined,\r\n },\r\n };\r\n};\r\n\r\nconst selectAccount = (state, { props }) => {\r\n const { Accounts } = state.order;\r\n const { accountIndex } = props;\r\n\r\n const nextIndex = Accounts ? Accounts.length : 0;\r\n\r\n let account;\r\n\r\n if (accountIndex >= 0 && Accounts) {\r\n account = Accounts.find((acc) => acc.index === accountIndex);\r\n }\r\n\r\n if (account === undefined) {\r\n account = {\r\n index: nextIndex,\r\n CommissionType: CommissionType.PrincipalPercentage,\r\n MarkupType: CommissionType.FaceValueCash,\r\n FXMarkupType: CommissionType.FaceValueCash,\r\n CurrentInfoDate: toDateLocal(new Date()),\r\n Advice: false,\r\n };\r\n }\r\n\r\n return {\r\n ...state,\r\n order: {\r\n ...state.order,\r\n CurrentAccount: account,\r\n },\r\n };\r\n};\r\n\r\nconst setAttachment = (state, { file, id }) => {\r\n return {\r\n ...state,\r\n attachments: {\r\n ...state.attachments,\r\n [id]: file,\r\n },\r\n order: {\r\n ...state.order,\r\n AttachmentFileUploadPending: true,\r\n },\r\n };\r\n};\r\n\r\nconst wizzStepBack = (state) => {\r\n const { wizzard, ...actualState } = state;\r\n const { activeStep } = state.wizzard;\r\n\r\n return {\r\n ...wizzard.steps[activeStep - 1].context,\r\n\r\n wizzard: {\r\n ...wizzard,\r\n activeStep: activeStep - 1,\r\n nextBtn: {\r\n visible: true,\r\n label: wizzard.steps[activeStep - 1].nextLabel,\r\n },\r\n steps: {\r\n ...wizzard.steps,\r\n [activeStep]: {\r\n ...wizzard.steps[activeStep],\r\n context: actualState,\r\n },\r\n },\r\n },\r\n };\r\n};\r\n\r\nconst wizzNextStep = (state) => {\r\n const { wizzard, ...oldState } = state;\r\n const nextBtn = {};\r\n\r\n let nextState;\r\n\r\n if (state.wizzard.activeStep == 0) {\r\n // perform precheck first order\r\n nextState = processPrecheck(state);\r\n nextBtn.visible = false;\r\n\r\n // precheck failed\r\n if (nextState.ui.mode != Mode.PRECHECK) {\r\n return nextState;\r\n }\r\n } else if (state.wizzard.activeStep == 1) {\r\n // perform prepare form for second order\r\n const { buttons, fields, order, initFetchs, precheck } = defaultState();\r\n\r\n let copyProps = {};\r\n let readonly = { ...fields.readonly };\r\n\r\n if (state.ui.type == Type.Chained) {\r\n const { precheck } = state;\r\n copyProps = copyChainedOrderPropsNextStep(wizzard.steps[0].context.order, precheck);\r\n readonly.AccountName = true;\r\n }\r\n\r\n if (state.ui.type == Type.Cross) {\r\n copyProps = copyCrossOrderPropsNextStep(wizzard.steps[0].context.order);\r\n }\r\n\r\n nextBtn.visible = true;\r\n\r\n if (wizzard.steps[2].context != null) {\r\n nextState = mergeFirstStepChangesToNextStep(state);\r\n } else {\r\n nextState = {\r\n ui: {\r\n ...state.ui,\r\n mode: Mode.EDIT,\r\n },\r\n buttons,\r\n fields: {\r\n ...fields,\r\n readonly,\r\n },\r\n order: {\r\n ...order,\r\n ...formProps[state.order.AssetClassForm].defaults(Type.Default),\r\n ...copyProps,\r\n },\r\n entities: {\r\n ...wizzard.steps[0].context.entities,\r\n },\r\n initFetchs,\r\n precheck,\r\n };\r\n }\r\n\r\n nextState.wizzard = { ...state.wizzard };\r\n\r\n if (nextState.order.OrderHierarchy == Type.Chained) {\r\n const readOnlyAssetForm = readonly.AssetClassForm || state.order.OrderIsSwitch;\r\n nextState.fields.readonly.OrderSide = true;\r\n nextState.fields.readonly.AssetClassForm = readOnlyAssetForm;\r\n nextState.fields.readonly.OrderIsSwitch = true;\r\n\r\n nextState.order.OrderSide = \"Buy\";\r\n nextState.order.OrderIsSwitch = state.order.OrderIsSwitch;\r\n nextState.order.OrderChainOffsetCash = state.order.OrderChainOffsetCash;\r\n nextState.order.OrderChainOffsetCurrencyId = state.order.OrderChainOffsetCurrencyId;\r\n nextState.entities = {\r\n settlementCurrencies: null,\r\n };\r\n }\r\n\r\n if (nextState.order.OrderHierarchy == Type.Cross) {\r\n nextState.fields.readonly.OrderType = true;\r\n nextState.fields.readonly.OrderSide = true;\r\n nextState.fields.readonly.AssetTicker = true;\r\n nextState.fields.readonly.AssetClassForm = true;\r\n nextState.order.OrderSide = state.order.OrderSide == \"Buy\" ? \"Sell\" : \"Buy\";\r\n }\r\n } else if (state.wizzard.activeStep == 2) {\r\n // perform precheck second order\r\n nextState = processPrecheck(state);\r\n\r\n // precheck failed\r\n if (nextState.ui.mode != Mode.PRECHECK) {\r\n return nextState;\r\n }\r\n }\r\n\r\n const nextStep = nextState.wizzard.activeStep + 1;\r\n\r\n nextState.wizzard = {\r\n ...wizzard,\r\n activeStep: nextStep,\r\n nextBtn: {\r\n label: wizzard.steps[nextStep].nextLabel,\r\n ...nextBtn,\r\n },\r\n\r\n steps: {\r\n ...wizzard.steps,\r\n [wizzard.activeStep]: {\r\n ...wizzard.steps[wizzard.activeStep],\r\n context: oldState,\r\n },\r\n },\r\n };\r\n\r\n nextState.ui.title = getTitle({ ui: state.ui, wizzard: nextState.wizzard });\r\n\r\n return nextState;\r\n};\r\n\r\nconst getTitle = ({ ui, wizzard }) => {\r\n let typeName = \"\";\r\n if (ui.isBulk) {\r\n typeName = \" Bulk\";\r\n } else if (ui.isBasket) {\r\n typeName = \" Basket\";\r\n }\r\n\r\n if (ui.mode == Mode.REALLOCATE) {\r\n return `Reallocate Order`;\r\n }\r\n\r\n if (ui.type == Type.Chained || ui.type == Type.Cross) {\r\n if (ui.mode == Mode.EDIT_COMMISSION) {\r\n return `Edit Order (from ${ui.type})`;\r\n } else if (wizzard.enabled && ui.mode != Mode.READONLY) {\r\n return wizzard.steps[wizzard.activeStep].title;\r\n } else {\r\n return `View Order (from ${ui.type})`;\r\n }\r\n }\r\n\r\n if (wizzard.enabled && ui.mode != Mode.READONLY) {\r\n return wizzard.steps[wizzard.activeStep].title;\r\n } else if (ui.mode != Mode.READONLY) {\r\n return `Edit${typeName} Order`;\r\n } else {\r\n return `View${typeName} Order`;\r\n }\r\n};\r\n\r\nfunction copyChainedOrderPropsNextStep(order, precheck) {\r\n const { OrderHierarchy, OrderIsBasket, OrderHasMultipleAccounts, OrderIsSwitch } = order;\r\n\r\n const { AccountId, AccountNumber, AccountName, HolderId, HolderName, Instruction, IsFullLiquidation } =\r\n order.CurrentAccount;\r\n\r\n const switchProps = {};\r\n const switchAccountProps = {};\r\n\r\n // copy first order IsSwitch\r\n switchProps.OrderIsSwitch = OrderIsSwitch;\r\n\r\n if (OrderIsSwitch) {\r\n // order level props\r\n switchProps.OrderQuantity = precheck.Principal;\r\n switchProps.AssetClassForm = order.AssetClassForm;\r\n switchProps.OrderQuantityIsCash = true;\r\n // account props\r\n switchAccountProps.Quantity = precheck.Principal;\r\n switchAccountProps.IsFullLiquidation = false;\r\n }\r\n\r\n return {\r\n OrderHierarchy,\r\n OrderIsBasket,\r\n OrderHasMultipleAccounts,\r\n ...switchProps,\r\n CurrentAccount: {\r\n AccountId,\r\n AccountNumber,\r\n AccountName,\r\n HolderId,\r\n HolderName,\r\n Instruction,\r\n ...switchAccountProps,\r\n },\r\n };\r\n}\r\n\r\nfunction copyCrossOrderPropsNextStep(order) {\r\n const {\r\n OrderHierarchy,\r\n OrderIsBasket,\r\n OrderHasMultipleAccounts,\r\n AssetClassForm,\r\n AssetDescription,\r\n AssetId,\r\n AssetTicker,\r\n AssetSecurityProvider,\r\n OrderSettlementCurrencyId,\r\n OrderSettlementCurrencySymbol,\r\n } = order;\r\n return {\r\n OrderHierarchy,\r\n OrderIsBasket,\r\n OrderHasMultipleAccounts,\r\n AssetClassForm,\r\n AssetDescription,\r\n AssetId,\r\n AssetTicker,\r\n AssetSecurityProvider,\r\n OrderSettlementCurrencyId,\r\n OrderSettlementCurrencySymbol,\r\n };\r\n}\r\n\r\nfunction mergeFirstStepChangesToNextStep(state) {\r\n const { wizzard, precheck } = state;\r\n const step1_order = wizzard.steps[0].context.order;\r\n const step2 = { ...wizzard.steps[2].context };\r\n\r\n if (step1_order.OrderIsSwitch) {\r\n // copy fields again\r\n const copyProps = copyChainedOrderPropsNextStep(step1_order, precheck);\r\n return {\r\n ...step2,\r\n order: {\r\n ...step2.order,\r\n ...copyProps,\r\n },\r\n };\r\n }\r\n\r\n return step2;\r\n}\r\n\r\nexport { validateForm, getTitle };\r\n","/* eslint-disable no-cond-assign */\r\nimport React from \"react\";\r\nimport { formProps } from \"../Form\";\r\nimport {\r\n Type,\r\n ProductType,\r\n Mode,\r\n OrderStatus,\r\n OrderPriceType,\r\n TimeFrame,\r\n CommissionType,\r\n} from \"../../../../utils/Order/Order\";\r\nimport { getTitle } from \"./reducer\";\r\nimport { UserType, toDateLocal } from \"../../../../utils/Helper\";\r\n\r\nexport const Dispatch = React.createContext(null);\r\n\r\nexport const initialize = (props) => (initialState) => {\r\n const type = props.type || props.order.OrderHierarchy || initialState.ui.type;\r\n const form = props.order.AssetClassForm || initialState.order.AssetClassForm;\r\n const formDefaults = formProps[form].defaults();\r\n\r\n let CurrentAccount = {};\r\n if (props.order.CurrentAccount) {\r\n CurrentAccount = props.order.CurrentAccount;\r\n }\r\n\r\n let accounts = [];\r\n if (props.order.Accounts) {\r\n accounts = props.order.Accounts.map((account, index) => ({ ...account, index }));\r\n }\r\n\r\n const orderExists = props.order.OrderId > 0;\r\n const isBasket = orderExists ? props.order.OrderIsBasket : type == Type.Basket;\r\n const isBulk = orderExists ? props.order.OrderHasMultipleAccounts && !isBasket : type == Type.Bulk;\r\n\r\n const state = {\r\n ...initialState,\r\n ui: {\r\n ...initialState.ui,\r\n mode: props.mode || initialState.ui.mode,\r\n type,\r\n isBasket,\r\n isBulk,\r\n\r\n userRole: props.userType ? props.userType : initialState.ui.userRole,\r\n parameters: props.parameters ? props.parameters : initialState.ui.parameters,\r\n },\r\n order: {\r\n ...initialState.order,\r\n ...formDefaults,\r\n ...props.order,\r\n CurrentAccount,\r\n offerGetted: props.order.offer ? true : false,\r\n offerLoaded: props.order.offer ? props.order.offer : {},\r\n OrderHierarchy: type,\r\n OrderIsBasket: isBasket,\r\n OrderHasMultipleAccounts: isBasket || isBulk,\r\n Accounts: accounts,\r\n },\r\n };\r\n\r\n if (orderExists) {\r\n if (\r\n props.order.OrderType == OrderPriceType.MARKETONOPEN ||\r\n props.order.OrderType == OrderPriceType.MARKETONCLOSE\r\n ) {\r\n state.fields.readonly.OrderTimeInForce = true;\r\n }\r\n }\r\n\r\n // form types\r\n if (state.ui.type == Type.Chained) {\r\n state.wizzard = chainedWizzardDefault();\r\n state.order.OrderSide = \"Sell\";\r\n state.fields.readonly.OrderSide = true;\r\n } else if (state.ui.type == Type.Cross) {\r\n state.wizzard = crossWizzardDefault();\r\n state.fields.readonly.OrderType = true;\r\n } else if (state.ui.isBasket) {\r\n state.buttons.save.visible = false;\r\n state.buttons.precheck.visible = false;\r\n state.buttons.confirm.visible = true;\r\n state.buttons.confirm.label = \"Confirm\";\r\n if (state.order.OrderId > 0 && !state.order.CreatedByMe) {\r\n Object.keys(state.order).forEach((key) => {\r\n state.fields.readonly[key] = true;\r\n });\r\n }\r\n } else if (state.ui.isBulk) {\r\n state.buttons.save.visible = false;\r\n state.buttons.precheck.visible = false;\r\n state.buttons.confirm.visible = true;\r\n state.buttons.confirm.label = \"Confirm\";\r\n }\r\n\r\n // dialog mode\r\n if (state.ui.mode === Mode.READONLY) {\r\n state.buttons.precheck.visible = false;\r\n state.buttons.save.visible = false;\r\n state.buttons.confirm.visible = false;\r\n\r\n state.fields = {\r\n ...state.fields,\r\n readonly: {},\r\n };\r\n\r\n Object.keys(state.order).forEach((key) => {\r\n state.fields.readonly[key] = true;\r\n });\r\n\r\n Object.keys(state.order.CurrentAccount).forEach((key) => {\r\n state.fields.readonly[key] = true;\r\n });\r\n\r\n if (state.wizzard.enabled) {\r\n state.wizzard.nextBtn.visible = false;\r\n }\r\n\r\n if (props.userType == UserType.Trader) {\r\n state.fields.editable = props.entities.editable || {};\r\n }\r\n\r\n if ((props.userType == UserType.Trader && props.order.AccountType != \"Customer\") || state.ui.isBasket) {\r\n state.fields.hiddens.Commission = true;\r\n state.fields.hiddens.CommissionType = true;\r\n state.fields.hiddens.Markup = true;\r\n state.fields.hiddens.MarkupType = true;\r\n }\r\n\r\n if (\r\n props.userType === UserType.Advisor &&\r\n state.order.OrderId &&\r\n state.order.OrderStatus === OrderStatus.AUTH_WAIT\r\n ) {\r\n state.order.canResendAuthorizations = true;\r\n }\r\n } else if (state.ui.mode === Mode.EDIT) {\r\n const { order } = props;\r\n\r\n if (\r\n props.userType == UserType.Advisor &&\r\n state.ui.type == Type.Default &&\r\n (!order.OrderId || order.OrderStatus == OrderStatus.PARKED)\r\n ) {\r\n state.buttons.save.visible = true;\r\n }\r\n\r\n if ((props.userType == UserType.Trader && props.order.AccountType != \"Customer\") || state.ui.isBasket) {\r\n state.fields.hiddens.Commission = true;\r\n state.fields.hiddens.CommissionType = true;\r\n state.fields.hiddens.Markup = true;\r\n state.fields.hiddens.MarkupType = true;\r\n state.fields.hiddens.RequiresSpecialCustody = true;\r\n }\r\n } else if (state.ui.mode === Mode.EDIT_COMMISSION) {\r\n const { Markup, MarkupType, FXMarkup, FXMarkupType, Commission, CommissionType, ...tmpCurrentAccount } =\r\n state.order.CurrentAccount;\r\n Object.keys(tmpCurrentAccount).forEach((f) => {\r\n state.fields.readonly[f] = true;\r\n });\r\n Object.keys(state.order).forEach((f) => {\r\n state.fields.readonly[f] = true;\r\n });\r\n\r\n state.buttons.precheck.visible = false;\r\n state.buttons.confirm.visible = false;\r\n state.buttons.confirm.label = \"Confirm changes\";\r\n\r\n if (state.wizzard.enabled) {\r\n state.wizzard.nextBtn.visible = false;\r\n state.wizzard.nextBtn.label = \"Confirm changes\";\r\n }\r\n } else if (state.ui.mode == Mode.QUOTE) {\r\n state.fields.readonly.AssetTicker = true;\r\n state.fields.readonly.OrderPrice = true;\r\n state.fields.readonly.OrderQuantity = true;\r\n state.fields.readonly.Quantity = true;\r\n state.fields.readonly.OrderType = true;\r\n state.fields.readonly.OrderSide = true;\r\n state.ui.mode = Mode.EDIT;\r\n state.ui.quoteId = props.order.quoteId;\r\n } else if (state.ui.mode === Mode.REALLOCATE) {\r\n const {\r\n AccountName,\r\n HolderName,\r\n Instruction,\r\n Markup,\r\n MarkupType,\r\n FXMarkup,\r\n FXMarkupType,\r\n Commission,\r\n CommissionType,\r\n ...tmpCurrentAccount\r\n } = state.order.CurrentAccount;\r\n\r\n // Mark account level fields as read only\r\n Object.keys(tmpCurrentAccount).forEach((f) => {\r\n state.fields.readonly[f] = true;\r\n });\r\n\r\n // Mark order fields as read only\r\n Object.keys(state.order).forEach((f) => {\r\n state.fields.readonly[f] = true;\r\n });\r\n state.order.CurrentAccountId = state.order.AccountId;\r\n }\r\n\r\n // title\r\n state.ui.title = getTitle(state);\r\n\r\n return state;\r\n};\r\n\r\nexport const defaultState = () => ({\r\n ui: {\r\n title: \"New Order\",\r\n mode: Mode.EDIT,\r\n type: Type.Default,\r\n userRole: \"Advisor\",\r\n parameters: {},\r\n },\r\n\r\n buttons: {\r\n precheck: {\r\n visible: true,\r\n },\r\n modify: {\r\n visible: false,\r\n },\r\n confirm: {\r\n label: null,\r\n visible: false,\r\n loading: false,\r\n completed: false,\r\n },\r\n save: {\r\n visible: false,\r\n loading: false,\r\n completed: false,\r\n },\r\n },\r\n\r\n fields: {\r\n readonly: {},\r\n errors: {},\r\n hiddens: {},\r\n editable: {},\r\n },\r\n\r\n order: {\r\n AssetClassForm: ProductType.BOND,\r\n OrderInitDate: toDateLocal(new Date()),\r\n OrderSide: \"Buy\",\r\n OrderIsSwitch: false,\r\n OrderType: OrderPriceType.MARKET,\r\n offerLoaded: {},\r\n isChecked: true,\r\n OrderTimeInForce: TimeFrame.GTC,\r\n OrderGTD: toDateLocal(new Date()),\r\n CurrentAccount: {\r\n CommissionType: CommissionType.PrincipalPercentage,\r\n MarkupType: CommissionType.FaceValueCash,\r\n FXMarkupType: CommissionType.FaceValueCash,\r\n CurrentInfoDate: toDateLocal(new Date()),\r\n Advice:false,\r\n BalanceType: \"Current\"\r\n },\r\n },\r\n\r\n attachments: {},\r\n\r\n entities: {\r\n settlementCurrencies: null,\r\n },\r\n\r\n initFetchs: {},\r\n\r\n precheck: {\r\n authorizations: [],\r\n histories: [],\r\n },\r\n\r\n wizzard: {\r\n enabled: false,\r\n activeStep: null,\r\n nextBtn: {\r\n visible: true,\r\n loading: false,\r\n label: \"\",\r\n },\r\n steps: {},\r\n },\r\n});\r\n\r\nconst chainedWizzardDefault = () => ({\r\n enabled: true,\r\n activeStep: 0,\r\n nextBtn: {\r\n visible: true,\r\n loading: false,\r\n label: \"Precheck first order\",\r\n },\r\n steps: {\r\n 0: {\r\n title: \"Chained step 1: First order\",\r\n nextLabel: \"Precheck first order\",\r\n context: null,\r\n },\r\n 1: {\r\n title: \"Chained step 2: Precheck first order\",\r\n nextLabel: \"Confirm and Go to Step 3\",\r\n context: null,\r\n },\r\n 2: {\r\n title: \"Chained step 3: Second order\",\r\n nextLabel: \"Precheck second order\",\r\n context: null,\r\n },\r\n 3: {\r\n title: \"Chained step 4: Precheck second order\",\r\n nextLabel: \"Confirm chained\",\r\n context: null,\r\n },\r\n },\r\n});\r\n\r\nconst crossWizzardDefault = () => ({\r\n enabled: true,\r\n activeStep: 0,\r\n nextBtn: {\r\n visible: true,\r\n loading: false,\r\n label: \"Precheck first order\",\r\n },\r\n steps: {\r\n 0: {\r\n title: \"Cross Step 1: First order\",\r\n nextLabel: \"Precheck first order\",\r\n context: null,\r\n },\r\n 1: {\r\n title: \"Cross Step 2: Precheck first order\",\r\n nextLabel: \"Confirm and Go to Step 3\",\r\n context: null,\r\n },\r\n 2: {\r\n title: \"Cross Step 3: Second order\",\r\n nextLabel: \"Precheck second order\",\r\n context: null,\r\n },\r\n 3: {\r\n title: \"Cross Step 4: Precheck second order\",\r\n nextLabel: \"Confirm cross\",\r\n context: null,\r\n },\r\n },\r\n});\r\n","import React, { Component } from \"react\";\r\nimport { CustomInput, Input } from \"reactstrap\";\r\nimport { NumberFormatInput } from \"../../NumberFormatInput/NumberFormatInput\";\r\nimport classnames from \"classnames\";\r\nimport style from \"./OrderQuantityAssignment.module.scss\";\r\nimport { Field } from \"../Order/Field/Field\";\r\nimport * as OrderItemUI from \"../../Order/Item\";\r\nimport { OrderDayStatus } from \"../../../utils/Order/Order\";\r\n\r\nconst ItemRow = ({ account, selectedDate, id, actions, title = \"\", ...props }) => {\r\n const dayInfo = account.days.find((d) => d.date === selectedDate);\r\n\r\n const enabled = [OrderDayStatus.LOCKED, OrderDayStatus.BOOKED].indexOf(dayInfo.status) < 0;\r\n\r\n return (\r\n \r\n
\r\n {validation.title && (\r\n {validation.ValidationName}
\r\n\r\n {validation.status ? (\r\n \r\n {\" \"}\r\n \r\n \r\n ) : (\r\n{title}
: null}\r\n \r\n
\r\n \r\n \r\n actions.change(id, \"assignedQty\", e.value)}\r\n dataTypeDecimalName=\"quantity\"\r\n placeholder=\"Assigned Qty\"\r\n />\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default ItemRow;\r\n","import React, { Component, Fragment } from \"react\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, Button, Alert } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport { FormattedNumber } from \"../../FormattedNumber/FormattedNumber\";\r\nimport classnames from \"classnames\";\r\nimport OrderInlineDetail from \"../../Order/InlineDetail\";\r\nimport ItemRow from \"./ItemRow\";\r\nimport style from \"./OrderQuantityAssignment.module.scss\";\r\nimport { Combobox } from \"../Order/Field/Field\";\r\nimport { OrderDayStatus } from \"../../../utils/Order/Order\";\r\n\r\nclass OrderQuantityAssignment extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n info: {\r\n currentOrderVersion: null,\r\n minimumQuantity: null,\r\n incrementQuantity: null,\r\n },\r\n distributionType: \"FIFO\", // FIFO, LIFO, Prorate\r\n selectedDate: null,\r\n days: null,\r\n accounts: null,\r\n confirm: {\r\n enabled: false,\r\n loading: false,\r\n },\r\n error: null,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const { order } = this.props;\r\n\r\n if (order.OrderId != 0) {\r\n // retrieve accounts assignment in the order\r\n //this.state.loadings.distribute = true;\r\n\r\n this.getAssignment(order.OrderId);\r\n }\r\n }\r\n\r\n getAssignment = (orderId) => {\r\n const { fetchOrderAccountsAssignment } = this.props;\r\n\r\n fetchOrderAccountsAssignment({ orderId })\r\n .then((res) => res.response.AccountsAssignment)\r\n .then((assignment) => {\r\n const info = {\r\n currentOrderVersion: parseInt(assignment.CurrentVersion, 10),\r\n minimumQuantity: parseFloat(assignment.MinimumQuantity),\r\n incrementQuantity: parseFloat(assignment.IncrementQuantity),\r\n };\r\n\r\n let selectedDate = null;\r\n const days = [];\r\n assignment.Day.forEach((d) => {\r\n const day = {\r\n date: d.Date,\r\n executedQuantity: parseFloat(d.ExecutedQuantity),\r\n bookedQuantity: parseFloat(d.BookedQuantity),\r\n quantityToAssign: parseFloat(d.QuantityToAssign),\r\n leftToAssign: parseFloat(d.QuantityToAssign),\r\n fixedClientQty: parseFloat(d.FixedClientQuantity),\r\n fixedPropQty: parseFloat(d.FixedPropQuantity),\r\n };\r\n days.push(day);\r\n\r\n if (selectedDate == null && day.quantityToAssign > 0) {\r\n selectedDate = day.date;\r\n }\r\n });\r\n\r\n const accounts = [];\r\n\r\n assignment.Account.forEach((a) => {\r\n const account = {\r\n accountId: parseInt(a.AccountId, 10),\r\n accountNumber: a.AccountNumber,\r\n accountName: a.AccountName,\r\n accountType: a.AccountType,\r\n accountInBalanceType: a.AccountInBalanceType,\r\n position: parseInt(a.Position, 10),\r\n askedQty: parseFloat(a.AskedQuantity),\r\n askedFullLiquidation: a.AskedFullLiquidation,\r\n totalBookedQty: parseFloat(a.TotalBookedQuantity),\r\n totalAssignedQty: parseFloat(a.TotalAssignedQuantity),\r\n days: [],\r\n };\r\n\r\n a.Day.forEach((accountDay) => {\r\n const day = {\r\n date: accountDay.Date,\r\n assignedQty: parseFloat(accountDay.AssignedQuantity),\r\n status: accountDay.Status,\r\n };\r\n account.days.push(day);\r\n\r\n if (day.status !== OrderDayStatus.BOOKED) {\r\n // If account is not booked for this day, we should subtract\r\n // it assigned quantity for this day' left to assign quantity.\r\n days.find((d) => d.date === day.date).leftToAssign -= day.assignedQty;\r\n }\r\n });\r\n\r\n accounts.push(account);\r\n });\r\n\r\n accounts.sort((a, b) => a.position - b.position);\r\n\r\n this.setState({\r\n info,\r\n selectedDate,\r\n days,\r\n accounts,\r\n });\r\n });\r\n };\r\n\r\n onToggle = () => {\r\n const { onToggle } = this.props;\r\n onToggle();\r\n };\r\n\r\n changeItem = (itemId, name, value) => {\r\n const { accounts, days, selectedDate } = this.state;\r\n\r\n const account = accounts.find((a) => a.accountId === itemId);\r\n const accountDay = account.days.find((d) => d.date === selectedDate);\r\n let differenceOfAssignedQty = accountDay.assignedQty;\r\n\r\n accountDay[name] = isNaN(value) || value == \"\" ? value : +value;\r\n accountDay[`error_${name}`] = undefined;\r\n\r\n // Track the change in assigned quantity.\r\n differenceOfAssignedQty -= accountDay.assignedQty;\r\n\r\n // Update total assigned quantity of the account.\r\n account.totalAssignedQty -= differenceOfAssignedQty;\r\n\r\n const day = days.find((d) => d.date === selectedDate);\r\n const modifiedDay = this.calcTotals(accounts);\r\n\r\n day.leftToAssign = modifiedDay.leftToAssign;\r\n\r\n this.setState({\r\n accounts,\r\n days,\r\n error: undefined,\r\n });\r\n };\r\n\r\n validate = () => {\r\n const { days, accounts, info } = this.state;\r\n const { minimumQuantity, incrementQuantity } = info;\r\n let hasErrors = false;\r\n let error;\r\n\r\n let totalAssignedAccount = 0;\r\n\r\n let modAccounts = accounts.map((account) => {\r\n let modAccount = account;\r\n\r\n modAccount.days = account.days.map((accountDay) => {\r\n let modAccountDay = accountDay;\r\n\r\n if (modAccountDay.assignedQty !== 0) {\r\n // Verify conditions only if quantity is bigger than zero\r\n if (\r\n modAccountDay.assignedQty === undefined ||\r\n modAccountDay.assignedQty === \"\" ||\r\n modAccountDay.assignedQty < 0\r\n ) {\r\n modAccountDay.error_assignedQty = \"Required field\";\r\n hasErrors = true;\r\n } else if (modAccount.totalAssignedQty > modAccount.askedQty) {\r\n modAccountDay.error_assignedQty = \"Total assigned quantity is over asked quantity\";\r\n hasErrors = true;\r\n } else if (modAccount.totalAssignedQty < minimumQuantity) {\r\n modAccountDay.error_assignedQty = \"Total assigned quantity is less than minimum quantity\";\r\n hasErrors = true;\r\n } else if (\r\n incrementQuantity > 1 &&\r\n incrementQuantity !== 0 &&\r\n (modAccount.totalAssignedQty - minimumQuantity) % incrementQuantity !== 0\r\n ) {\r\n modAccountDay.error_assignedQty =\r\n \"Total assigned quantity is not a multiple of the increment quantity\";\r\n hasErrors = true;\r\n }\r\n }\r\n\r\n totalAssignedAccount += modAccountDay.assignedQty;\r\n\r\n return modAccountDay;\r\n });\r\n\r\n return modAccount;\r\n });\r\n\r\n days.forEach((day) => {\r\n let totalDayAssignedQty = 0;\r\n let totalDayClientAssignedQty = 0;\r\n let totalDayPropAssignedQty = 0;\r\n modAccounts.forEach((account) => {\r\n const accountDay = account.days.find((accDay) => accDay.date === day.date);\r\n totalDayAssignedQty += accountDay.assignedQty;\r\n\r\n if (account.accountType.toLowerCase() === \"inbalance\") {\r\n totalDayPropAssignedQty += accountDay.assignedQty;\r\n } else {\r\n totalDayClientAssignedQty += accountDay.assignedQty;\r\n }\r\n });\r\n\r\n if (\r\n !(Math.abs(totalDayAssignedQty - day.executedQuantity) < minimumQuantity) &&\r\n totalDayAssignedQty !== day.executedQuantity\r\n ) {\r\n error = \"Total assigned quantity differs from executed quantity in a day\";\r\n hasErrors = true;\r\n } else if (totalDayPropAssignedQty < day.fixedPropQty) {\r\n error = \"Fixed quantity for props was not respected.\";\r\n hasErrors = true;\r\n } else if (totalDayClientAssignedQty < day.fixedClientQty) {\r\n error = \"Fixed quantity for clients was not respected.\";\r\n hasErrors = true;\r\n }\r\n });\r\n\r\n this.setState({\r\n accounts: modAccounts,\r\n error,\r\n });\r\n\r\n return !hasErrors;\r\n };\r\n\r\n onAssignmentUpdate = () => {\r\n if (this.validate()) {\r\n const { order } = this.props;\r\n const { info, accounts } = this.state;\r\n const { fetchUpdateOrderAccountsAssignment, onToggle } = this.props;\r\n\r\n const accountsToSend = accounts.map((account) => ({\r\n AccountId: account.accountId,\r\n Day: account.days.map((day) => ({\r\n Date: day.date,\r\n AssignedQuantity: day.assignedQty,\r\n })),\r\n }));\r\n\r\n this.setState({ confirm: { loading: true } });\r\n\r\n fetchUpdateOrderAccountsAssignment({\r\n orderId: order.OrderId,\r\n AccountsAssignment: {\r\n CurrentVersion: info.currentOrderVersion,\r\n Account: accountsToSend,\r\n },\r\n }).then((res) => {\r\n onToggle();\r\n });\r\n }\r\n };\r\n\r\n onDistributionApply = () => {\r\n const { info, distributionType, selectedDate, days, accounts } = this.state;\r\n const { minimumQuantity, incrementQuantity } = info;\r\n\r\n const day = days.find((d) => d.date === selectedDate);\r\n const { quantityToAssign } = day;\r\n\r\n let modifiedAccounts = null;\r\n\r\n let pendingQuantityToAssign = quantityToAssign;\r\n\r\n let totalRemainingQuantity = 0;\r\n\r\n accounts.forEach((account) => {\r\n const { totalAssignedQty, askedQty } = account;\r\n\r\n const accountDay = account.days.find((d) => d.date === selectedDate);\r\n\r\n if ([OrderDayStatus.LOCKED, OrderDayStatus.BOOKED].indexOf(accountDay.status) < 0) {\r\n // The account is still not locked or booked for this day.\r\n // We can modify the assigned quantity.\r\n\r\n const assignedQtyInOtherDays = totalAssignedQty - accountDay.assignedQty;\r\n\r\n totalRemainingQuantity += askedQty - assignedQtyInOtherDays;\r\n } else if (accountDay.status === OrderDayStatus.LOCKED) {\r\n // Remove the Locked quantity from the pending quantity to assign.\r\n // We can't modify this quantities.\r\n pendingQuantityToAssign -= accountDay.assignedQty;\r\n }\r\n });\r\n\r\n const prorateOverPendingQty =\r\n totalRemainingQuantity > 0 ? pendingQuantityToAssign / totalRemainingQuantity : 1.0;\r\n\r\n switch (distributionType) {\r\n case \"FIFO\":\r\n case \"LIFO\":\r\n if (distributionType == \"LIFO\") {\r\n accounts.sort((a, b) => b.position - a.position);\r\n }\r\n\r\n modifiedAccounts = accounts.map((account) => {\r\n const accountDay = account.days.find((d) => d.date === selectedDate);\r\n\r\n if ([OrderDayStatus.LOCKED, OrderDayStatus.BOOKED].indexOf(accountDay.status) >= 0) {\r\n // The account is already locked or booked for this day.\r\n // We can't modify the assigned quantity.\r\n return account;\r\n }\r\n\r\n let differenceOfAssignedQty = accountDay.assignedQty;\r\n\r\n const { askedQty, totalAssignedQty } = account;\r\n\r\n const assignedQtyInOtherDays = totalAssignedQty - accountDay.assignedQty;\r\n\r\n let assignedQty = 0;\r\n // Calculate pending account quantity for this day.\r\n const pendingAcctQty = askedQty - assignedQtyInOtherDays;\r\n\r\n if (pendingQuantityToAssign > 0 && pendingAcctQty > 0) {\r\n if (pendingQuantityToAssign >= minimumQuantity) {\r\n assignedQty = Math.min(pendingAcctQty, pendingQuantityToAssign);\r\n }\r\n }\r\n\r\n accountDay.assignedQty = assignedQty;\r\n\r\n pendingQuantityToAssign -= assignedQty;\r\n\r\n // Track the change in assigned quantity.\r\n differenceOfAssignedQty -= assignedQty;\r\n\r\n return {\r\n ...account,\r\n totalAssignedQty: account.totalAssignedQty - differenceOfAssignedQty,\r\n };\r\n });\r\n\r\n if (distributionType == \"LIFO\") {\r\n modifiedAccounts.sort((a, b) => a.position - b.position);\r\n }\r\n\r\n break;\r\n\r\n case \"Prorate\":\r\n modifiedAccounts = accounts.map((account) => {\r\n const accountDay = account.days.find((d) => d.date === selectedDate);\r\n\r\n if ([OrderDayStatus.LOCKED, OrderDayStatus.BOOKED].indexOf(accountDay.status) >= 0) {\r\n // The account is already locked or booked for this day.\r\n // We can't modify the assigned quantity.\r\n return account;\r\n }\r\n\r\n let differenceOfAssignedQty = accountDay.assignedQty;\r\n\r\n const { askedQty, totalAssignedQty } = account;\r\n\r\n const assignedQtyInOtherDays = totalAssignedQty - accountDay.assignedQty;\r\n // Calculate pending account quantity for this day.\r\n const pendingAcctQty = askedQty - assignedQtyInOtherDays;\r\n\r\n let assignedQty = pendingAcctQty * prorateOverPendingQty;\r\n\r\n const remainderOverIncrementQuantity = incrementQuantity > 0 ? assignedQty % incrementQuantity : 0;\r\n\r\n // We round down to the nearest increment.\r\n assignedQty -= remainderOverIncrementQuantity;\r\n\r\n if (remainderOverIncrementQuantity > incrementQuantity / 2) {\r\n // We have to round up, if the account is not full.\r\n if (pendingAcctQty + assignedQty + incrementQuantity <= askedQty) {\r\n // round up.\r\n assignedQty += incrementQuantity;\r\n }\r\n }\r\n\r\n accountDay.assignedQty = assignedQty;\r\n\r\n // Track the change in assigned quantity.\r\n differenceOfAssignedQty -= assignedQty;\r\n\r\n return {\r\n ...account,\r\n totalAssignedQty: account.totalAssignedQty - differenceOfAssignedQty,\r\n };\r\n });\r\n\r\n break;\r\n default:\r\n }\r\n\r\n const modifiedDay = this.calcTotals(modifiedAccounts);\r\n day.leftToAssign = modifiedDay.leftToAssign;\r\n\r\n this.setState({\r\n accounts: modifiedAccounts,\r\n days,\r\n });\r\n };\r\n\r\n calcTotals = (accounts) => {\r\n const { days, selectedDate } = this.state;\r\n\r\n const day = days.find((d) => d.date === selectedDate);\r\n\r\n let totalAssignedQuantityWithoutBook = 0;\r\n\r\n accounts.forEach((account) => {\r\n const accountDay = account.days.find((d) => d.date === selectedDate);\r\n if (!isNaN(accountDay.assignedQty)) {\r\n if (accountDay.status !== OrderDayStatus.BOOKED) {\r\n totalAssignedQuantityWithoutBook += accountDay.assignedQty;\r\n }\r\n }\r\n });\r\n\r\n day.leftToAssign = day.quantityToAssign - totalAssignedQuantityWithoutBook;\r\n\r\n return day;\r\n };\r\n\r\n render() {\r\n const { open, order } = this.props;\r\n const { info, distributionType, selectedDate, days, accounts, confirm, error } = this.state;\r\n\r\n const listOfDays = days ? days.map((d) => ({ id: d.date, description: d.date })) : [];\r\n const selectedDateDay = days ? days.find((d) => d.date === selectedDate) : {};\r\n\r\n return (\r\n \r\n Account #{account.accountNumber}\r\n {\" (\"}\r\n {account.accountName}\r\n {\")\"}\r\n
\r\n\r\n \r\n\r\n
\r\n
\r\n \r\n {`Day status: ${dayInfo.status} | Asked: ${account.askedQty} | Total assigned: ${account.totalAssignedQty} | Total booked: ${account.totalBookedQty}`}\r\n
\r\n \r\n \r\n this.setState({ selectedDate: v })}\r\n emptyLabel=\"Date\"\r\n invalid={!!error}\r\n style={{ minWidth: \"180px\", marginRight: \"10px\" }}\r\n />\r\n
\r\n \r\n
\r\n \r\n onChange(v)}\r\n emptyLabel=\"Dist type\"\r\n invalid={!!error}\r\n style={{ minWidth: \"180px\", marginRight: \"10px\" }}\r\n />\r\n \r\n Apply\r\n \r\n \r\n
\r\n);\r\n\r\nconst Number = ({ value, dataTypeDecimalName }) => {\r\n if (value === null) {\r\n return \"-\";\r\n }\r\n\r\n return \r\n
\r\n);\r\n\r\nexport default OrderQuantityAssignment;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"modal\":\"OrderQuantityAssignment-module_modal_m8bnz\",\"alert\":\"OrderQuantityAssignment-module_alert_ft_YB\",\"distributionType\":\"OrderQuantityAssignment-module_distributionType_uapxS\",\"item\":\"OrderQuantityAssignment-module_item_27wM-\",\"active\":\"OrderQuantityAssignment-module_active_Xsf92\",\"fields\":\"OrderQuantityAssignment-module_fields_fiQqW\",\"checkbox\":\"OrderQuantityAssignment-module_checkbox_2NREa\",\"loadingCbox\":\"OrderQuantityAssignment-module_loadingCbox_1P1Jf\",\"arroba\":\"OrderQuantityAssignment-module_arroba_3u89B\",\"order\":\"OrderQuantityAssignment-module_order_3JEj1\",\"line\":\"OrderQuantityAssignment-module_line_3W3Yx\",\"footerTotals\":\"OrderQuantityAssignment-module_footerTotals_1GmNe\",\"totalLine\":\"OrderQuantityAssignment-module_totalLine_8wrrZ\",\"update\":\"OrderQuantityAssignment-module_update_1a3Yd\",\"applyDist\":\"OrderQuantityAssignment-module_applyDist_1KmBa\",\"loading\":\"OrderQuantityAssignment-module_loading_ylL6Q\",\"spinner\":\"OrderQuantityAssignment-module_spinner_zgtjK\"};","import React, { Component, Fragment } from \"react\";\r\nimport { CustomInput, Input, Alert } from \"reactstrap\";\r\nimport { NumberFormatInput } from \"../../NumberFormatInput/NumberFormatInput\";\r\nimport classnames from \"classnames\";\r\nimport style from \"./OrderQuantityToTradesAssignment.module.scss\";\r\nimport { Field } from \"../Order/Field/Field\";\r\nimport * as TradeItemUI from \"../../Order/Item\";\r\n\r\nconst ItemRow = ({ trade, id, actions, enabled, title = \"\", dayInfo, ...props }) => {\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n | Executed quantity | \r\n\r\n | \r\n |
| Booked quantity | \r\n\r\n | \r\n |
| Fixed | \r\n {totals.fixedClientQty > 0 && (\r\n\r\n - Clients (\r\n | \r\n )}\r\n {totals.fixedPropQty > 0 && (\r\n \r\n - Prop (\r\n | \r\n )}\r\n
\r\n Leftovers\r\n \r\n \r\n
\r\n
\r\n | To assign | \r\n\r\n | \r\n
{title}
: null}\r\n \r\n \r\n
\r\n\r\n {trade.error}\r\n \r\n \r\n )}\r\n
\r\n \r\n {dayInfo.clientQtyToAssign > 0 && (\r\n \r\n actions.change(id, \"assignedClientQty\", e.value)}\r\n dataTypeDecimalName=\"quantity\"\r\n placeholder=\"Client Qty\"\r\n />\r\n \r\n )}\r\n {dayInfo.propQtyToAssign > 0 && (\r\n \r\n actions.change(id, \"assignedPropQty\", e.value)}\r\n dataTypeDecimalName=\"quantity\"\r\n placeholder=\"Prop Qty\"\r\n />\r\n \r\n )}\r\n {dayInfo.tradingQtyToAssign > 0 && (\r\n \r\n actions.change(id, \"assignedTradingQty\", e.value)}\r\n dataTypeDecimalName=\"quantity\"\r\n placeholder=\"Trading Qty\"\r\n />\r\n \r\n )}\r\n {dayInfo.errorQtyToAssign > 0 && (\r\n \r\n actions.change(id, \"assignedErrorQty\", e.value)}\r\n dataTypeDecimalName=\"quantity\"\r\n placeholder=\"Error Qty\"\r\n />\r\n \r\n )}\r\n
\r\n {`(qty: ${trade.quantity})`}
\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default ItemRow;\r\n","import React, { Component, Fragment } from \"react\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, Button, Alert } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport { FormattedNumber } from \"../../FormattedNumber/FormattedNumber\";\r\nimport classnames from \"classnames\";\r\nimport OrderInlineDetail from \"../../Order/InlineDetail\";\r\nimport ItemRow from \"./ItemRow\";\r\nimport style from \"./OrderQuantityToTradesAssignment.module.scss\";\r\nimport { Combobox } from \"../Order/Field/Field\";\r\n\r\nclass OrderQuantityToTradesAssignment extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n info: {\r\n currentOrderVersion: null,\r\n },\r\n selectedDate: null,\r\n days: null,\r\n confirm: {\r\n enabled: false,\r\n loading: false,\r\n },\r\n error: null,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const { order } = this.props;\r\n\r\n if (order.OrderId != 0) {\r\n // retrieve trades assignment in the order\r\n //this.state.loadings.distribute = true;\r\n\r\n this.getAssignment(order.OrderId);\r\n }\r\n }\r\n\r\n getAssignment = (orderId) => {\r\n const { fetchOrderQuantityToTradesAssignment } = this.props;\r\n\r\n fetchOrderQuantityToTradesAssignment({ orderId })\r\n .then((res) => res.response.QuantityToTradesAssignment)\r\n .then((assignment) => {\r\n const info = {\r\n currentOrderVersion: parseInt(assignment.CurrentVersion, 10),\r\n };\r\n\r\n let selectedDate = null;\r\n const days = [];\r\n assignment.Day.forEach((d) => {\r\n const day = {\r\n date: d.Date,\r\n clientQtyToAssign: parseFloat(d.ClientQuantityToAssign),\r\n propQtyToAssign: parseFloat(d.PropQuantityToAssign),\r\n tradingQtyToAssign: parseFloat(d.TradingQuantityToAssign),\r\n errorQtyToAssign: parseFloat(d.ErrorQuantityToAssign),\r\n leftClientQtyToAssign: parseFloat(d.ClientQuantityToAssign),\r\n leftPropQtyToAssign: parseFloat(d.PropQuantityToAssign),\r\n leftTradingQtyToAssign: parseFloat(d.TradingQuantityToAssign),\r\n leftErrorQtyToAssign: parseFloat(d.ErrorQuantityToAssign),\r\n trades: [],\r\n };\r\n\r\n day.trades = d.Trades.map((t) => {\r\n const trade = {\r\n tradeId: parseInt(t.TradeId, 10),\r\n enabled: !t.AssignedQuantityIsFixed,\r\n quantity: parseFloat(t.Quantity),\r\n assignedClientQty: parseFloat(t.AssignedClientQuantity),\r\n assignedPropQty: parseFloat(t.AssignedPropQuantity),\r\n assignedTradingQty: parseFloat(t.AssignedTradingQuantity),\r\n assignedErrorQty: parseFloat(t.AssignedErrorQuantity),\r\n info: {\r\n TradeStatus: t.TradeInfo.TradeStatus,\r\n TradeSide: t.TradeInfo.TradeSide,\r\n TradeOpenClose: t.TradeInfo.TradeOpenClose,\r\n TradeAssetTicker: t.TradeInfo.TradeAssetTicker,\r\n TradeAssetISIN: t.TradeInfo.TradeAssetISIN,\r\n TradeAssetClassForm: t.TradeInfo.TradeAssetClassForm,\r\n TradeSettleCurrencyISO: t.TradeInfo.TradeSettleCurrencyISO,\r\n TradeQuantity: parseFloat(t.TradeInfo.TradeQuantity),\r\n TradeAvgPrice: parseFloat(t.TradeInfo.TradeAvgPrice),\r\n },\r\n };\r\n\r\n day.leftClientQtyToAssign -= trade.assignedClientQty;\r\n day.leftPropQtyToAssign -= trade.assignedPropQty;\r\n day.leftTradingQtyToAssign -= trade.assignedTradingQty;\r\n day.leftErrorQtyToAssign -= trade.assignedErrorQty;\r\n\r\n return trade;\r\n });\r\n\r\n day.trades.sort((a, b) => a.tradeId - b.tradeId);\r\n\r\n days.push(day);\r\n\r\n if (selectedDate == null && d.Auxiliar.HasNotBookedTrades) {\r\n selectedDate = day.date;\r\n }\r\n });\r\n\r\n if (!selectedDate && days.length > 0) {\r\n selectedDate = days[0].date;\r\n }\r\n\r\n this.setState({\r\n info,\r\n selectedDate,\r\n days,\r\n });\r\n });\r\n };\r\n\r\n onToggle = () => {\r\n const { onToggle } = this.props;\r\n onToggle();\r\n };\r\n\r\n changeItem = (itemId, name, value) => {\r\n const { days, selectedDate } = this.state;\r\n\r\n const day = days.find((d) => d.date === selectedDate);\r\n const trade = day.trades.find((t) => t.tradeId === itemId);\r\n\r\n trade[name] = isNaN(value) || value == \"\" ? value : +value;\r\n trade[`error_${name}`] = false;\r\n trade.error = undefined;\r\n\r\n const totals = this.calcTotals(day);\r\n day.leftClientQtyToAssign = totals.leftClientQtyToAssign;\r\n day.leftPropQtyToAssign = totals.leftPropQtyToAssign;\r\n day.leftTradingQtyToAssign = totals.leftTradingQtyToAssign;\r\n day.leftErrorQtyToAssign = totals.leftErrorQtyToAssign;\r\n\r\n this.setState({\r\n days,\r\n error: undefined,\r\n });\r\n };\r\n\r\n validate = () => {\r\n const { days } = this.state;\r\n let hasErrors = false;\r\n let error;\r\n\r\n const modDays = days.map((day) => {\r\n const modDay = day;\r\n\r\n let totalAssignedClientQty = 0;\r\n let totalAssignedPropQty = 0;\r\n let totalAssignedTradingQty = 0;\r\n let totalAssignedErrorQty = 0;\r\n\r\n modDay.trades = day.trades.map((trade) => {\r\n const modTrade = trade;\r\n\r\n if (\r\n modTrade.assignedClientQty === undefined ||\r\n modTrade.assignedClientQty === \"\" ||\r\n modTrade.assignedClientQty < 0\r\n ) {\r\n modTrade.error_assignedClientQty = true;\r\n modTrade.error = \"Required fields\";\r\n hasErrors = true;\r\n }\r\n if (\r\n modTrade.assignedPropQty === undefined ||\r\n modTrade.assignedPropQty === \"\" ||\r\n modTrade.assignedPropQty < 0\r\n ) {\r\n modTrade.error_assignedPropQty = true;\r\n modTrade.error = \"Required fields\";\r\n hasErrors = true;\r\n }\r\n if (\r\n modTrade.assignedTradingQty === undefined ||\r\n modTrade.assignedTradingQty === \"\" ||\r\n modTrade.assignedTradingQty < 0\r\n ) {\r\n modTrade.error_assignedTradingQty = true;\r\n modTrade.error = \"Required fields\";\r\n hasErrors = true;\r\n }\r\n if (\r\n modTrade.assignedErrorQty === undefined ||\r\n modTrade.assignedErrorQty === \"\" ||\r\n modTrade.assignedErrorQty < 0\r\n ) {\r\n modTrade.error_assignedErrorQty = true;\r\n modTrade.error = \"Required fields\";\r\n hasErrors = true;\r\n }\r\n\r\n if (\r\n modTrade.assignedClientQty +\r\n modTrade.assignedPropQty +\r\n modTrade.assignedTradingQty +\r\n modTrade.assignedErrorQty !==\r\n modTrade.quantity\r\n ) {\r\n modTrade.error = \"Quantity assigned is different than trade qty\";\r\n hasErrors = true;\r\n }\r\n\r\n totalAssignedClientQty += modTrade.assignedClientQty;\r\n totalAssignedPropQty += modTrade.assignedPropQty;\r\n totalAssignedTradingQty += modTrade.assignedTradingQty;\r\n totalAssignedErrorQty += modTrade.assignedErrorQty;\r\n\r\n return modTrade;\r\n });\r\n\r\n if (totalAssignedClientQty !== modDay.clientQtyToAssign) {\r\n error = \"There are client leftovers\";\r\n hasErrors = true;\r\n } else if (totalAssignedPropQty !== modDay.propQtyToAssign) {\r\n error = \"There are prop leftovers\";\r\n hasErrors = true;\r\n } else if (totalAssignedTradingQty !== modDay.tradingQtyToAssign) {\r\n error = \"There are trading leftovers\";\r\n hasErrors = true;\r\n } else if (totalAssignedErrorQty !== modDay.errorQtyToAssign) {\r\n error = \"There are error leftovers\";\r\n hasErrors = true;\r\n }\r\n\r\n return modDay;\r\n });\r\n\r\n this.setState({\r\n days: modDays,\r\n error,\r\n });\r\n\r\n return !hasErrors;\r\n };\r\n\r\n onAssignmentUpdate = () => {\r\n if (this.validate()) {\r\n const { order } = this.props;\r\n const { info, days } = this.state;\r\n const { fetchUpdateOrderQuantityToTradesAssignment, onToggle } = this.props;\r\n\r\n const daysToSend = days.map((day) => ({\r\n Date: day.date,\r\n Trades: day.trades.map((trade) => ({\r\n TradeId: trade.tradeId,\r\n AssignedClientQuantity: trade.assignedClientQty,\r\n AssignedPropQuantity: trade.assignedPropQty,\r\n AssignedTradingQuantity: trade.assignedTradingQty,\r\n AssignedErrorQuantity: trade.assignedErrorQty,\r\n })),\r\n }));\r\n\r\n this.setState({ confirm: { loading: true } });\r\n\r\n fetchUpdateOrderQuantityToTradesAssignment({\r\n orderId: order.OrderId,\r\n QuantityToTradesAssignment: {\r\n CurrentVersion: info.currentOrderVersion,\r\n Day: daysToSend,\r\n },\r\n }).then((res) => {\r\n onToggle();\r\n });\r\n }\r\n };\r\n\r\n calcTotals = (day) => {\r\n const totals = {\r\n leftClientQtyToAssign: 0,\r\n leftPropQtyToAssign: 0,\r\n leftTradingQtyToAssign: 0,\r\n leftErrorQtyToAssign: 0,\r\n };\r\n\r\n let totalAssignedClientQuantity = 0;\r\n let totalAssignedPropQuantity = 0;\r\n let totalAssignedTradingQuantity = 0;\r\n let totalAssignedErrorQuantity = 0;\r\n\r\n day.trades.forEach((trade) => {\r\n if (!isNaN(trade.assignedClientQty)) {\r\n totalAssignedClientQuantity += trade.assignedClientQty;\r\n }\r\n if (!isNaN(trade.assignedPropQty)) {\r\n totalAssignedPropQuantity += trade.assignedPropQty;\r\n }\r\n if (!isNaN(trade.assignedTradingQty)) {\r\n totalAssignedTradingQuantity += trade.assignedTradingQty;\r\n }\r\n if (!isNaN(trade.assignedErrorQty)) {\r\n totalAssignedErrorQuantity += trade.assignedErrorQty;\r\n }\r\n });\r\n\r\n totals.leftClientQtyToAssign = day.clientQtyToAssign - totalAssignedClientQuantity;\r\n totals.leftPropQtyToAssign = day.propQtyToAssign - totalAssignedPropQuantity;\r\n totals.leftTradingQtyToAssign = day.tradingQtyToAssign - totalAssignedTradingQuantity;\r\n totals.leftErrorQtyToAssign = day.errorQtyToAssign - totalAssignedErrorQuantity;\r\n\r\n return totals;\r\n };\r\n\r\n render() {\r\n const { open, order } = this.props;\r\n const { selectedDate, days, confirm, error } = this.state;\r\n\r\n if (!selectedDate || !days) {\r\n return (\r\n \r\n #{trade.tradeId} {TradeItemUI.renderTradeSide(trade.info)}{\" \"}\r\n {TradeItemUI.renderTradeQuantity(trade.info)} {TradeItemUI.renderTradeSymbol(trade.info)}\r\n {\" @ \"}\r\n {TradeItemUI.renderTradePrice(trade.info)}\r\n
\r\n \r\n \r\n this.setState({ selectedDate: v })}\r\n emptyLabel=\"Date\"\r\n invalid={!!error}\r\n style={{ minWidth: \"180px\", marginRight: \"10px\" }}\r\n />\r\n
\r\n {trades &&\r\n trades.map((t) => (\r\n \r\n
\r\n
\r\n);\r\n\r\nexport default OrderQuantityToTradesAssignment;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"modal\":\"OrderQuantityToTradesAssignment-module_modal_58ZFU\",\"alert\":\"OrderQuantityToTradesAssignment-module_alert_28FDQ\",\"distributionType\":\"OrderQuantityToTradesAssignment-module_distributionType_FZwHl\",\"item\":\"OrderQuantityToTradesAssignment-module_item_1la37\",\"active\":\"OrderQuantityToTradesAssignment-module_active_25qpX\",\"fields\":\"OrderQuantityToTradesAssignment-module_fields_29pGY\",\"checkbox\":\"OrderQuantityToTradesAssignment-module_checkbox_28TyQ\",\"loadingCbox\":\"OrderQuantityToTradesAssignment-module_loadingCbox_2flxj\",\"arroba\":\"OrderQuantityToTradesAssignment-module_arroba_1q1HZ\",\"order\":\"OrderQuantityToTradesAssignment-module_order_yTI7F\",\"line\":\"OrderQuantityToTradesAssignment-module_line_1szhR\",\"footerTotals\":\"OrderQuantityToTradesAssignment-module_footerTotals_geYCR\",\"totalLine\":\"OrderQuantityToTradesAssignment-module_totalLine_3H9bW\",\"update\":\"OrderQuantityToTradesAssignment-module_update_3vLrD\",\"applyDist\":\"OrderQuantityToTradesAssignment-module_applyDist_x5R9h\",\"loading\":\"OrderQuantityToTradesAssignment-module_loading_3zPyP\",\"spinner\":\"OrderQuantityToTradesAssignment-module_spinner_1A7Hg\"};","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport style from \"./FloatingButton.module.scss\";\r\nimport { Menu, MainButton, ChildButton } from \"../../FloattingButton\";\r\n\r\nconst FloatingButton = ({ onClick }) => (\r\n \r\n);\r\n\r\nFloatingButton.propTypes = {\r\n onClick: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default FloatingButton;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"root\":\"FloatingButton-module_root_Thf_-\",\"main\":\"FloatingButton-module_main_dAAlA\"};","import React, { useState } from \"react\";\r\nimport { Button, DropdownToggle, DropdownMenu, DropdownItem, UncontrolledDropdown } from \"reactstrap\";\r\nimport PropTypes from \"prop-types\";\r\nimport style from \"./Grid.module.scss\";\r\nimport { TransactionStatus } from \"../types\";\r\nimport { showToast } from \"../../../../utils/Helper\";\r\nimport ModalConfirm from \"../../../Profile/Modal/ModalConfirm\";\r\n\r\nfunction Actions({ commission, handleRefresh, fetchs, Link }) {\r\n const [loading, setLoading] = useState(false);\r\n const [modalConfirm, setModalConfirm] = useState({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n });\r\n\r\n const showHistory = () => {\r\n alert(\"Not working yet\");\r\n };\r\n\r\n const revert = () => {\r\n alert(\"Not working yet\");\r\n setModalConfirm({ open: false });\r\n };\r\n\r\n const book = () => {\r\n setLoading(true);\r\n fetchs.bookRecurringCommission({ id: commission.RecurringCommissionId }, (res) => {\r\n setLoading(true);\r\n setModalConfirm({ open: false, title: \"\", callback: undefined });\r\n if (res && res.result && res.result.Code === 200) {\r\n handleRefresh();\r\n showToast(\"Recurring Commission Booked!\");\r\n } else {\r\n showToast(res && res.result ? res.result.Description : \"Server Error\", true);\r\n }\r\n });\r\n };\r\n\r\n const cancel = () => {\r\n setLoading(true);\r\n fetchs.updateRecurringCommission(\r\n {\r\n k2btrnmode: \"DLT\",\r\n recurringcommissionsdt: { ...commission },\r\n },\r\n (res) => {\r\n setLoading(false);\r\n setModalConfirm({ open: false, title: \"\", callback: undefined });\r\n if (res && res.result && res.result.Code === 200) {\r\n handleRefresh();\r\n showToast(\"Recurring Commission canceled.\");\r\n } else {\r\n showToast(res && res.result ? res.result.Description : \"Server Error\", true);\r\n }\r\n }\r\n );\r\n };\r\n\r\n const crossReference = () => {};\r\n\r\n const action = {\r\n Cancel: cancel,\r\n Book: book,\r\n Revert: revert,\r\n CrossReference: crossReference,\r\n };\r\n\r\n const handleAction = (a) => {\r\n setModalConfirm({\r\n title: `Are you sure you want to ${a} the selected Rec. Commission?`,\r\n callback: action[a],\r\n open: true,\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n {totals.clientQtyToAssign > 0 && (\r\n
\r\n
\r\n\r\n | Client quantity | \r\n\r\n | \r\n
| Prop quantity | \r\n\r\n | \r\n
| Trading quantity | \r\n\r\n | \r\n
| Error quantity | \r\n\r\n | \r\n
\r\n Leftovers\r\n \r\n \r\n {totals.clientQtyToAssign > 0 && (\r\n
\r\n
\r\n | Client qty | \r\n\r\n | \r\n
| Prop qty | \r\n\r\n | \r\n
| Trading qty | \r\n\r\n | \r\n
| Error qty | \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 {commission.RecurringCommissionStatus.trim() === TransactionStatus.Initiated && (\r\n \r\n handleAction(\"Cancel\")}>Cancel \r\n handleAction(\"Book\")}>Book \r\n \r\n )}\r\n \r\n {/* handleAction(\"Revert\")}>\r\n Revert\r\n */}\r\n \r\n Go To Cross Reference\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\r\nGrid.propTypes = {\r\n commissions: PropTypes.array,\r\n toggleCommission: PropTypes.func.isRequired,\r\n handleRefresh: PropTypes.func.isRequired,\r\n};\r\n\r\nconst EmptyTable = ({ loading }) => (\r\n | Type | \r\nRange | \r\nExecution | \r\nStatus | \r\n\r\n |
|---|
No Recurring Commissions
\r\n )}\r\n\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nAccountsGrid.propTypes = {\r\n accounts: PropTypes.array.isRequired,\r\n handleChange: PropTypes.func.isRequired,\r\n disabled: PropTypes.bool.isRequired,\r\n};\r\n\r\nconst EmptyTable = ({ loading }) => (\r\n | Name | \r\nBuying Power | \r\nBase for calculation | \r\nCommission | \r\nTax | \r\nTotal | \r\n\r\n |
|---|
No Accounts
\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 \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nconst Desktop = (props) => \r\n setOpen((o) => !o)}\r\n />\r\n\r\n applyChanges()}\r\n toggle={() => setOpen((o) => !o)}\r\n handleChange={(name, value) =>\r\n setRange((r) => ({\r\n ...r,\r\n [name]: new Date(value).toLocaleDateString(\"en\"),\r\n }))\r\n }\r\n from={range.from}\r\n to={range.to}\r\n open={openAdvanced}\r\n />\r\n
\r\n \r\n Recurring Commissions: {total}
\r\n\r\n{filtered} filtered
\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\nexport default GridPeopleInfo;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Col, Row, InputGroup, InputGroupAddon, InputGroupText, Button } from \"reactstrap\";\r\nimport style from \"./styles.module.scss\";\r\nimport { DateFieldStyle, DateField } from \"../../../utils\";\r\nimport { Autosuggest } from \"../..\";\r\nimport GridPeopleInfo from \"./GridRequestPeopleInfoFields\";\r\nimport { debounce } from \"../../../utils/Helper\";\r\n\r\nconst initialFilter = {\r\n personId: null,\r\n personName: null,\r\n personType: null,\r\n fromDate: null,\r\n toDate: null,\r\n};\r\n\r\nconst RequestPeopleInfoFields = ({\r\n fetchs,\r\n personToList,\r\n reportBCU,\r\n deletePersonFromList,\r\n fromDateReport,\r\n toDateReport,\r\n changeDateInfoRequest,\r\n error,\r\n searchperson,\r\n labelDate,\r\n disabled,\r\n dates,\r\n}) => {\r\n const [filter, setFilter] = useState(initialFilter);\r\n\r\n useEffect(() => {\r\n setFilter({\r\n ...filter,\r\n fromDate: fromDateReport,\r\n toDate: toDateReport,\r\n });\r\n }, [fromDateReport, toDateReport]);\r\n\r\n const changeFilter = (name, value) => {\r\n if (name == \"changePerson\") {\r\n if (value.name == undefined) {\r\n setFilter({\r\n ...filter,\r\n personType: undefined,\r\n personName: value,\r\n personId: undefined,\r\n });\r\n } else {\r\n setFilter({\r\n ...filter,\r\n personId: value.id,\r\n personName: value.name,\r\n personType: value.type,\r\n });\r\n }\r\n } else {\r\n changeDateInfoRequest(name, value);\r\n }\r\n };\r\n\r\n const fetchSearch = ({ value }) => {\r\n return fetchs\r\n .SearchAllPeople({\r\n SdtPersonSearch: {\r\n text: value,\r\n personType: \"\",\r\n len: 10,\r\n },\r\n })\r\n .then((r) => r.SdtOutPersons.collection)\r\n .then((people) => {\r\n return people.map((s) => ({\r\n id: s.PersonId,\r\n name: `${s.PersonLegalName}`,\r\n type: s.PersonName,\r\n }));\r\n });\r\n };\r\n\r\n const onChangePerson = () => {\r\n personToList(filter);\r\n };\r\n\r\n const deletePerson = (personId) => {\r\n deletePersonFromList(personId);\r\n };\r\n\r\n return (\r\n People Selected
\r\n | Type | \r\nName | \r\n\r\n |
|---|---|---|
| {person.personType} | \r\n{person.personName} | \r\ndeletePerson(person.personId)}>\r\n \r\n | \r\n
\r\n {dates && (\r\n \r\n changeFilter(name, value)}\r\n value={filter.fromDate}\r\n disabled={disabled}\r\n />\r\n \r\n changeFilter(name, value)}\r\n value={filter.toDate}\r\n disabled={disabled}\r\n />\r\n \r\n
\r\n )}\r\n\r\n {error && (\r\n \r\n
\r\n )}\r\n {searchperson && (\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 )}\r\n {searchperson &&
\r\n );\r\n};\r\nexport default RequestPeopleInfoFields;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"toolbar\":\"styles-module_toolbar_324My\",\"minWidth135\":\"styles-module_minWidth135_3gEDA\",\"suggestionItem\":\"styles-module_suggestionItem_51zIQ\",\"label\":\"styles-module_label_1viYJ\",\"header\":\"styles-module_header_13_mY\",\"grid\":\"styles-module_grid_2mgiw\",\"actions\":\"styles-module_actions_23b4r\",\"dropdown\":\"styles-module_dropdown_1DsBP\",\"icon\":\"styles-module_icon_cEq_M\",\"buttonAlign\":\"styles-module_buttonAlign_ceaUV\"};","import React from 'react';\r\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\n\r\nclass Alert extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n open: props.isOpen\r\n };\r\n }\r\n \r\n\r\n toggle = () => {\r\n this.setState(prevState => ({\r\n open: !prevState.open\r\n }), (state, prev) => {\r\n if(!this.state.open && this.props.onClose)\r\n this.props.onClose()\r\n });\r\n }\r\n\r\n componentWillReceiveProps(newProps){\r\n if(this.state.open != newProps.isOpen)\r\n this.setState({open: newProps.isOpen})\r\n }\r\n\r\n render() {\r\n const {open} = this.state;\r\n\r\n return (\r\n \r\n {` ${suggestion.name}`}\r\n
\r\n )}\r\n getSuggestionValue={(s) => `${s.name}`}\r\n onSuggestionsFetchRequested={fetchSearch}\r\n value={filter.accountText || \"\"}\r\n inputProps={{\r\n placeholder: \"Person\",\r\n }}\r\n fetchs={fetchs}\r\n onChange={(m, v) => {\r\n changeFilter(\"changePerson\", v);\r\n }}\r\n />\r\n \r\n \r\n {this.props.title} \r\n \r\n {this.props.message}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Alert;","import React, { Component } from \"react\";\r\nimport { Modal, ModalHeader, ModalBody, Row, Col, ModalFooter, Button, Table } from \"reactstrap\";\r\nimport style from \"./Trade.module.scss\";\r\nimport { OrderStatus, CommonsHelper, ProductType, OrderPriceType } from \"../../../utils\";\r\nimport { debounce } from \"../../../utils/Helper\";\r\nimport CircularProgress from \"../../CircularProgress/CircularProgress\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport ItemRow from \"../Cross/ItemRow\";\r\nimport { Field, Combobox } from \"../Order/Field/Field\";\r\nimport { EmptyOrders, AlertError, FooterForm, HeaderForm, Number } from \"./Utils\";\r\nimport Trading from \"./Trading\";\r\nimport { FormattedNumber } from \"../../FormattedNumber/FormattedNumber\";\r\n\r\nconst { localDateTime } = CommonsHelper;\r\n\r\nconst defaultSides = (price) => ({\r\n buy: [{ id: 1, price, route: null, date: new Date().toDatetimeLocal() }],\r\n sell: [{ id: 1, price, route: null, date: new Date().toDatetimeLocal() }],\r\n});\r\n\r\nclass Trade extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n const fields = this.props.defaultFields();\r\n\r\n this.tradingRef = React.createRef();\r\n this.state = {\r\n entities: {\r\n routes: [],\r\n accounts: null,\r\n errorAccounts: null,\r\n orders: null,\r\n },\r\n loadings: {\r\n execute: false,\r\n distribute: false,\r\n },\r\n items: {\r\n account: { enabled: false },\r\n errorAccount: { enabled: false },\r\n trading: {\r\n enabled: false,\r\n sides: defaultSides(fields.price),\r\n },\r\n },\r\n ui: {\r\n distributed: false,\r\n leftOvers: null,\r\n },\r\n errors: {},\r\n fields,\r\n showFees: false,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const { fetchTradingRoutesForAsset, fetchSearchAccount, fetchSearchErrorAccount, getBooktypes } = this.props.services;\r\n const { fields } = this.state;\r\n const { tradeId, asset, tradeCurrencyId, form, manualFX, quantity } = fields;\r\n\r\n if (asset && asset.id) {\r\n fetchTradingRoutesForAsset({ assetId: asset.id, quantity: quantity }).then((res) => {\r\n this.setState((state) => ({\r\n entities: {\r\n ...state.entities,\r\n routes: res.response.sorroutes.map((r) => ({\r\n id: r.id,\r\n description: r.name,\r\n })),\r\n },\r\n }));\r\n });\r\n }\r\n\r\n const isFX = form == \"Forex\";\r\n\r\n if ((isFX && tradeCurrencyId) || asset.id) {\r\n this.getSettlementCurrencies(!tradeId, !manualFX);\r\n\r\n this.getTradePossibleOrders(true, true);\r\n }\r\n\r\n // retrieve accounts\r\n fetchSearchAccount({ text: \"\", length: 99 })\r\n .then((res) => res.response.accounts)\r\n .then((accounts) =>\r\n this.setState((state) => ({\r\n entities: {\r\n ...state.entities,\r\n accounts: accounts.map((a) => ({\r\n id: a.Id,\r\n description: JSON.parse(a.Value).value,\r\n })),\r\n },\r\n }))\r\n );\r\n\r\n // retrieve error accounts\r\n fetchSearchErrorAccount({ text: \"\", length: 99 })\r\n .then((res) => res.response.accounts)\r\n .then((accounts) =>\r\n this.setState((state) => ({\r\n entities: {\r\n ...state.entities,\r\n errorAccounts: accounts.map((a) => ({\r\n id: a.Id,\r\n description: JSON.parse(a.Value).value,\r\n })),\r\n },\r\n }))\r\n );\r\n\r\n if (getBooktypes) {\r\n const isTrader = this.state.ui.userRole === \"Trader\";\r\n getBooktypes(isTrader).then((r) => {\r\n if (r.response && r.response.booktypes) {\r\n this.setState((state) => ({...state,\r\n entities: {\r\n ...state.entities,\r\n booktypes: r.response.booktypes\r\n },\r\n }));\r\n }\r\n })\r\n } else {\r\n this.setState((state) => ({...state,\r\n entities: {\r\n ...state.entities,\r\n booktypes: []\r\n },\r\n }));\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n const { fetchTradePossibleOrders, fetchTradingRoutesForAsset, getExecutionFees, fetchGetCalculator } =\r\n this.props.services;\r\n const { fields } = this.state;\r\n const {\r\n tradeId,\r\n side,\r\n form,\r\n asset,\r\n price,\r\n settlementCurrencyId,\r\n tradeCurrencyId,\r\n quantity,\r\n date,\r\n valueDate,\r\n manualFX,\r\n route,\r\n } = fields;\r\n const { fields: prevFields } = prevState;\r\n const {\r\n side: prevSide,\r\n form: prevForm,\r\n asset: prevAsset,\r\n price: prevPrice,\r\n settlementCurrencyId: prevSettlementCurrencyId,\r\n tradeCurrencyId: prevTradeCurrencyId,\r\n date: prevDate,\r\n valueDate: prevValueDate,\r\n route: prevRoute,\r\n quantity: prevQuantity,\r\n } = prevFields;\r\n\r\n if (\r\n side !== prevSide ||\r\n form !== prevForm ||\r\n asset.id !== prevAsset.id ||\r\n price !== prevPrice ||\r\n settlementCurrencyId !== prevSettlementCurrencyId ||\r\n tradeCurrencyId !== prevTradeCurrencyId ||\r\n date !== prevDate ||\r\n valueDate !== prevValueDate\r\n ) {\r\n const isFX = form == \"Forex\";\r\n\r\n if (asset.id !== prevAsset.id || tradeCurrencyId !== prevTradeCurrencyId || date !== prevDate) {\r\n if ((isFX && tradeCurrencyId) || asset.id) {\r\n this.getSettlementCurrencies(true, !manualFX);\r\n }\r\n }\r\n\r\n if (\r\n side !== prevSide ||\r\n form !== prevForm ||\r\n asset.id !== prevAsset.id ||\r\n price !== prevPrice ||\r\n settlementCurrencyId !== prevSettlementCurrencyId ||\r\n tradeCurrencyId !== prevTradeCurrencyId\r\n ) {\r\n this.getTradePossibleOrdersDebounced(false, false);\r\n }\r\n\r\n if (form != prevForm) {\r\n this.setState((state) => ({\r\n entities: {\r\n ...state.entities,\r\n asset: {\r\n id: null,\r\n name: null,\r\n error: null,\r\n },\r\n routes: [],\r\n },\r\n }));\r\n } else if (asset.id != prevAsset.id) {\r\n if (asset.id) {\r\n this.setState((state) => ({\r\n entities: {\r\n ...state.entities,\r\n routes: null,\r\n },\r\n }));\r\n fetchTradingRoutesForAsset({ assetId: asset.id, quantity: quantity }).then((res) => {\r\n this.setState((state) => ({\r\n entities: {\r\n ...state.entities,\r\n routes: res.response.sorroutes.map((r) => ({\r\n id: r.id,\r\n description: r.name,\r\n })),\r\n },\r\n }));\r\n });\r\n } else {\r\n this.setState((state) => ({\r\n entities: {\r\n ...state.entities,\r\n routes: [],\r\n },\r\n }));\r\n }\r\n }\r\n }\r\n\r\n if (price !== prevPrice || quantity !== prevQuantity || route !== prevRoute || date !== prevDate) {\r\n const body = {\r\n assetId: asset.id,\r\n isSecurity: true,\r\n quantity: quantity || 0,\r\n price: price || 0,\r\n date: date,\r\n };\r\n\r\n fetchGetCalculator(body)\r\n .then((res) => {\r\n const ExecutionTotal = res.calculator.total;\r\n\r\n getExecutionFees({\r\n execution: {\r\n ExecutionQuantity: quantity || 0,\r\n ExecutionPrice: price || 0,\r\n ExecutionValueDate: date,\r\n TradingRouteId: route || 0,\r\n ExecutionTotal: ExecutionTotal,\r\n SettlementCurrencyId: this.state.fields.settlementCurrencyId,\r\n },\r\n }).then(({ response }) => {\r\n const newFees = response.execution.Fees;\r\n\r\n this.setState({\r\n ...this.state,\r\n fields: {\r\n ...this.state.fields,\r\n Fees: newFees,\r\n },\r\n });\r\n });\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n showToast(\"Error fetching fees\");\r\n });\r\n }\r\n }\r\n\r\n getTradePossibleOrdersDebounced = debounce((updateSelectedOrders, checkDefaultOrder) => {\r\n this.getTradePossibleOrders(updateSelectedOrders, checkDefaultOrder);\r\n }, 600);\r\n\r\n getTradePossibleOrders = (updateSelectedOrders, checkDefaultOrder) => {\r\n const { services, defaultSelectedOrderId } = this.props;\r\n const { fetchTradePossibleOrders } = services;\r\n const { fields } = this.state;\r\n const { tradeId, side, form, asset, price, quantity, settlementCurrencyId } = fields;\r\n\r\n this.setState((state) => ({\r\n loadings: {\r\n ...state.loadings,\r\n distribute: true,\r\n },\r\n }));\r\n\r\n fetchTradePossibleOrders({\r\n trade: {\r\n TradeId: tradeId,\r\n TradeSide: side == \"Sell\" ? \"SELL\" : \"BUY\",\r\n TradeAssetClassForm: form,\r\n TradeAssetId: asset.id,\r\n TradeAvgPrice: price,\r\n TradeQuantity: quantity,\r\n TradeSettleCurrencyId: settlementCurrencyId,\r\n },\r\n })\r\n .then((res) => res.response.tradeOrders)\r\n .then((orders) => {\r\n const categorizedOrders = this.categorizeFetchedOrders(orders);\r\n\r\n const selectedOrders = updateSelectedOrders ? categorizedOrders.orderItems : {};\r\n\r\n if (checkDefaultOrder && defaultSelectedOrderId) {\r\n const orderToCheck = selectedOrders[defaultSelectedOrderId];\r\n if (orderToCheck) {\r\n orderToCheck.enabled = true;\r\n orderToCheck.quantity = quantity;\r\n }\r\n }\r\n\r\n const updateTradeQuantityOnRefresh = checkDefaultOrder;\r\n\r\n this.setState(\r\n (state) => ({\r\n entities: {\r\n ...state.entities,\r\n orders: categorizedOrders.clientOrders,\r\n propOrders: categorizedOrders.propOrders,\r\n },\r\n items: {\r\n ...state.items,\r\n ...selectedOrders,\r\n trading: {\r\n ...state.items.trading,\r\n enabled: state.items.trading.enabled || categorizedOrders.tradingIsEnabled,\r\n sides: categorizedOrders.tradingSides,\r\n },\r\n },\r\n loadings: {\r\n ...state.loadings,\r\n distribute: false,\r\n },\r\n }),\r\n () => this.refreshTotals(updateTradeQuantityOnRefresh)\r\n );\r\n });\r\n };\r\n\r\n getSettlementCurrencies = (updateValueDate, updateFX) => {\r\n const { services } = this.props;\r\n const { fetchOrderAssetInfo } = services;\r\n const { fields } = this.state;\r\n\r\n const data = {\r\n tradeDate: fields.date,\r\n valueDate: fields.valueDate,\r\n useValueDate: !updateValueDate,\r\n orderForm: fields.form,\r\n assetId: fields.asset.id,\r\n assetTicker: \"\",\r\n tradeCurrencyId: fields.tradeCurrencyId,\r\n settleCurrencyId: fields.settlementCurrencyId,\r\n };\r\n\r\n const currentSettleCurrency = fields.settlementCurrencyId;\r\n const currentSettleCurrencySymbol = fields.settlementCurrencySymbol;\r\n\r\n fetchOrderAssetInfo(data).then((res) => {\r\n const { settlementCurrency: settlementCurrencies, items } = res.response.assetorderdata;\r\n\r\n const tradeCurrencyISO = items.find((i) => i.key == \"Currency\").value;\r\n const maxDecimals = items.find((i) => i.key == \"MaxDecimals\").value;\r\n\r\n this.setState((state) => ({\r\n ...state,\r\n maxDecimals,\r\n }));\r\n\r\n if (settlementCurrencies) {\r\n const settlementCurrenciesList = settlementCurrencies.map((c) => ({\r\n id: c.currencyInfo.currencyId,\r\n description: c.currencyInfo.currencyISO,\r\n multiplies: c.multiplies,\r\n FX: c.fx,\r\n }));\r\n\r\n let settleCurrencyId = currentSettleCurrency;\r\n let settleCurrencySymbol = currentSettleCurrencySymbol;\r\n if (\r\n currentSettleCurrency == 0 ||\r\n !settlementCurrenciesList.find((c) => c.id == currentSettleCurrency)\r\n ) {\r\n settleCurrencyId = settlementCurrenciesList[0] ? settlementCurrenciesList[0].id : 0;\r\n settleCurrencySymbol = settlementCurrenciesList[0] ? settlementCurrenciesList[0].description : \"\";\r\n }\r\n\r\n let FX = fields.FX;\r\n if (updateFX) {\r\n const settleCurrency = settlementCurrencies.find(\r\n (c) => c.currencyInfo.currencyId == settleCurrencyId\r\n );\r\n FX = parseFloat(settleCurrency.fx);\r\n }\r\n\r\n this.setState((state) => ({\r\n fields: {\r\n ...state.fields,\r\n tradeCurrencySymbol: tradeCurrencyISO,\r\n settlementCurrencyId: settleCurrencyId,\r\n settlementCurrencySymbol: settleCurrencySymbol,\r\n FX,\r\n settlementCurrencies: settlementCurrenciesList,\r\n },\r\n }));\r\n }\r\n if (updateValueDate) {\r\n const valueDate = items.find((i) => i.key == \"SettlementDayDate\");\r\n this.setState((state) => ({\r\n fields: {\r\n ...state.fields,\r\n valueDate: valueDate.value,\r\n },\r\n }));\r\n }\r\n });\r\n };\r\n\r\n onChange = (name, { values, value }) => {\r\n const _value = values || value;\r\n const ui = { ...this.state.ui };\r\n const fields = {};\r\n\r\n if ([\"side\", \"form\", \"asset\", \"price\"].includes(name)) {\r\n ui.distributed = false;\r\n }\r\n if (name == \"form\") {\r\n fields.asset = { id: null, name: \"\" };\r\n }\r\n if (name == \"settlementCurrencyId\") {\r\n fields.settlementCurrencySymbol = this.state.fields.settlementCurrencies.filter((c) => {\r\n return c.id == value;\r\n })[0].description;\r\n }\r\n if (name == \"tradeCurrency\") {\r\n fields.tradeCurrencyId = values.id;\r\n fields.tradeCurrencySymbol = values.name;\r\n }\r\n\r\n this.setState(\r\n (state) => ({\r\n fields: {\r\n ...state.fields,\r\n ...fields,\r\n [name]: _value,\r\n },\r\n errors: {\r\n ...state.errors,\r\n [name]: undefined,\r\n },\r\n ...ui,\r\n }),\r\n () => this.refreshTotals(false)\r\n );\r\n };\r\n\r\n changeItem = (id, name, value) => {\r\n const item = this.state.items[id];\r\n const items = {\r\n ...this.state.items,\r\n [id]: {\r\n ...item,\r\n [name]: isNaN(value) || value == \"\" ? value : +value,\r\n [`error_${name}`]: undefined,\r\n },\r\n };\r\n this.setState(\r\n {\r\n items,\r\n },\r\n () => this.refreshTotals(true)\r\n );\r\n };\r\n\r\n changeTrading = (fields) => {\r\n this.setState(\r\n (state) => ({\r\n items: {\r\n ...state.items,\r\n trading: {\r\n ...state.items.trading,\r\n ...fields,\r\n },\r\n },\r\n }),\r\n () => this.refreshTotals(true)\r\n );\r\n };\r\n\r\n toggleItem = (id) => {\r\n const item = this.state.items[id] || { enabled: false };\r\n const { orders } = this.state.entities;\r\n\r\n const order = orders.find((o) => o.Order.OrderId == id);\r\n\r\n if (!item.enabled) {\r\n let remainingQty = this.state.fields.quantity;\r\n\r\n Object.entries(this.state.items).forEach((e) => (remainingQty -= e[1].enabled ? +e[1].quantity : 0));\r\n\r\n if (remainingQty > 0 || this.isReadonlyTrade()) {\r\n item.quantity = Math.max(Math.min(remainingQty, +order.Order.stats.pending), 0);\r\n }\r\n }\r\n\r\n this.setState(\r\n (state) => ({\r\n items: {\r\n ...state.items,\r\n [id]: {\r\n ...item,\r\n loading: false,\r\n enabled: !item.enabled,\r\n error_price: item.enabled ? undefined : item.error_price,\r\n error_quantity: item.enabled ? undefined : item.error_quantity,\r\n },\r\n },\r\n }),\r\n () => this.refreshTotals(true)\r\n );\r\n };\r\n\r\n toggleItemAccount = (id) => {\r\n const item = this.state.items[id] || { enabled: false };\r\n\r\n if (!item.enabled) {\r\n let remainingQty = this.state.fields.quantity;\r\n\r\n Object.entries(this.state.items).forEach((e) => (remainingQty -= e[1].enabled ? +e[1].quantity : 0));\r\n\r\n if (remainingQty > 0 || this.isReadonlyTrade()) {\r\n item.quantity = remainingQty;\r\n }\r\n }\r\n\r\n this.setState(\r\n (state) => ({\r\n items: {\r\n ...state.items,\r\n [id]: {\r\n ...item,\r\n loading: false,\r\n enabled: !item.enabled,\r\n error_price: item.enabled ? undefined : item.error_price,\r\n error_quantity: item.enabled ? undefined : item.error_quantity,\r\n },\r\n },\r\n }),\r\n () => this.refreshTotals(true)\r\n );\r\n };\r\n\r\n refreshTotals = (updateTradeQuantity) => {\r\n const { ui, fields, items, maxDecimals } = this.state;\r\n const { leftOvers: oldLeftOvers } = ui;\r\n let leftOvers = null;\r\n\r\n //if (ui.distributed) {\r\n // sum all enabled items\r\n let sum = 0;\r\n Object.values(items).forEach((e) => {\r\n if (e.sides) {\r\n if (fields.side == \"Buy\") {\r\n e.sides.buy.forEach((item) => {\r\n sum +=\r\n item.isFromThisTrade && item.quantity && !isNaN(parseFloat(item.quantity))\r\n ? +parseFloat(item.quantity)\r\n : 0;\r\n });\r\n } else {\r\n e.sides.sell.forEach((item) => {\r\n sum +=\r\n item.isFromThisTrade && item.quantity && !isNaN(parseFloat(item.quantity))\r\n ? +parseFloat(item.quantity)\r\n : 0;\r\n });\r\n }\r\n } else {\r\n sum += e.enabled && !isNaN(parseFloat(e.quantity)) ? +parseFloat(e.quantity) : 0;\r\n }\r\n });\r\n\r\n sum = parseFloat(sum).toFixed(maxDecimals);\r\n\r\n let quantity = parseFloat(fields.quantity);\r\n if (updateTradeQuantity && oldLeftOvers == 0 && !this.isReadonlyTrade()) {\r\n // If leftovers was 0, then the quantity of the trade was equal to the sum of the orders.\r\n // We keep it that way.\r\n quantity = sum;\r\n }\r\n\r\n leftOvers = quantity - sum;\r\n //}\r\n\r\n this.setState((state) => ({\r\n fields: {\r\n ...state.fields,\r\n quantity,\r\n },\r\n ui: {\r\n ...state.ui,\r\n leftOvers,\r\n },\r\n }));\r\n };\r\n\r\n validate = () => {\r\n let { items } = this.state;\r\n const { orders } = this.state.entities;\r\n\r\n let hasErrors = false;\r\n let hasItems = false;\r\n const errors = {\r\n counterparty: undefined,\r\n route: undefined,\r\n global: undefined,\r\n };\r\n const { route, counterparty, form, side, asset, price, date, valueDate } = this.state.fields;\r\n\r\n if (counterparty.id === undefined || counterparty.id === null) {\r\n errors.counterparty = \"Required field\";\r\n hasErrors = true;\r\n }\r\n if (route === undefined || route === null) {\r\n errors.route = \"Required field\";\r\n hasErrors = true;\r\n }\r\n errors.date = null;\r\n errors.valueDate = null;\r\n if (date === undefined || date === null) {\r\n errors.date = \"Required field\";\r\n hasErrors = true;\r\n }\r\n if (valueDate === undefined || valueDate === null) {\r\n errors.valueDate = \"Required field\";\r\n hasErrors = true;\r\n }\r\n\r\n let dateAux = new Date(date);\r\n dateAux = new Date(`${dateAux.toDateLocal()}T00:00`);\r\n const valueDateAux = new Date(`${valueDate}T00:00`);\r\n if (dateAux > valueDateAux) {\r\n errors.date = \"Trade date should be before or at value date\";\r\n errors.valueDate = \"Value date should be after or at trade date\";\r\n hasErrors = true;\r\n }\r\n\r\n const tradeDate = dateAux;\r\n\r\n Object.entries(items).forEach(([name, value]) => {\r\n const order = orders.find((o) => o.Order.OrderId == name);\r\n\r\n if (value.enabled) {\r\n if (name !== \"trading\") {\r\n if (!value.quantity || value.quantity === \"\") {\r\n items[name].error_quantity = \"Required field\";\r\n hasErrors = true;\r\n } else if (order && value.quantity > +order.Order.stats.pending) {\r\n items[name].error_quantity = \"Quantity is over order\";\r\n hasErrors = true;\r\n }\r\n\r\n if (!order && value.account == undefined) {\r\n items[name].error_account = \"Required field\";\r\n hasErrors = true;\r\n }\r\n }\r\n hasItems = true;\r\n }\r\n });\r\n\r\n const tradingValid = this.tradingRef.current.validate();\r\n\r\n if (this.state.ui.leftOvers < 0) {\r\n errors.global = \"Total execution quantity is over quanttiy\";\r\n hasErrors = true;\r\n } else if (tradingValid.error) {\r\n errors.global = tradingValid.global;\r\n hasErrors = true;\r\n }\r\n\r\n this.setState((state) => ({\r\n items,\r\n errors: {\r\n ...state.errors,\r\n ...errors,\r\n },\r\n }));\r\n\r\n return !hasErrors;\r\n };\r\n\r\n execute = () => {\r\n if (this.validate()) {\r\n const { fetchUpdateTradeAndComposition } = this.props.services;\r\n const { fields, items, entities } = this.state;\r\n const {\r\n tradeId,\r\n asset,\r\n route,\r\n side,\r\n quantity,\r\n price,\r\n date,\r\n valueDate,\r\n form,\r\n counterparty,\r\n settlementCurrencyId,\r\n FXRoute,\r\n FX,\r\n settlementCurrencies,\r\n booktype,\r\n balancetype\r\n } = fields;\r\n const tradings = this.tradingRef.current.values();\r\n\r\n const settleCurrency = settlementCurrencies.find((c) => c.id == settlementCurrencyId);\r\n let multiplies = true;\r\n if (settleCurrency) {\r\n multiplies = settleCurrency.multiplies;\r\n }\r\n let tradeAndComposition = {\r\n TradeId: tradeId,\r\n TradeSide: side,\r\n TradeAssetClassForm: form,\r\n TradeAssetId: asset.id,\r\n TradeQuantity: quantity,\r\n TradeAvgPrice: price,\r\n TradingRouteId: route[\"id\"] ? route.id : route,\r\n CounterPartyId: counterparty.id,\r\n TradeTradeDateTime: date,\r\n TradeValueDate: valueDate,\r\n TradeSettleCurrencyId: settlementCurrencyId,\r\n TradeFXRoute: FXRoute,\r\n TradeFX: FX,\r\n TradeFXMultiplies: multiplies,\r\n Orders: [],\r\n TradeBookType: booktype,\r\n TradeBalanceType: balancetype\r\n };\r\n\r\n let orders = [];\r\n\r\n Object.entries(items).forEach((entry) => {\r\n const [id, value] = entry;\r\n\r\n if (value.enabled) {\r\n switch (id) {\r\n case \"account\":\r\n orders.push({\r\n ParentOrderId: value.orderId ? value.orderId : 0,\r\n AccountId: value.account,\r\n Quantity: value.quantity,\r\n Side: side,\r\n RelationType: \"Prop\",\r\n Price: price,\r\n IsFromRelatedTradeOrder: false,\r\n });\r\n break;\r\n case \"errorAccount\":\r\n orders.push({\r\n ParentOrderId: value.orderId ? value.orderId : 0,\r\n AccountId: value.account,\r\n Quantity: value.quantity,\r\n Side: side,\r\n RelationType: \"Error\",\r\n Price: price,\r\n IsFromRelatedTradeOrder: false,\r\n });\r\n break;\r\n case \"trading\":\r\n let firstSide;\r\n let secondSide;\r\n let firstSideCap;\r\n let secondSideCap;\r\n if (side === \"Buy\") {\r\n firstSide = \"buy\";\r\n secondSide = \"sell\";\r\n firstSideCap = \"Buy\";\r\n secondSideCap = \"Sell\";\r\n } else {\r\n firstSide = \"sell\";\r\n secondSide = \"buy\";\r\n firstSideCap = \"Sell\";\r\n secondSideCap = \"Buy\";\r\n }\r\n\r\n value.sides[firstSide].forEach((item) => {\r\n orders.push({\r\n ParentOrderId: item.orderId ? item.orderId : 0,\r\n AccountId: 0,\r\n Quantity: item.quantity,\r\n Side: firstSideCap,\r\n RelationType: \"Trading\",\r\n Price: item.price,\r\n IsFromRelatedTradeOrder: item.tradeId > 0 ? true : false,\r\n RelatedTradeInfo: {\r\n CounterPartyId: item.counterpartyId,\r\n TradingRouteId: item.route,\r\n TradeTradeDateTime: item.date,\r\n TradeAvgPrice: item.price,\r\n Source: item.source,\r\n },\r\n });\r\n });\r\n\r\n value.sides[secondSide].forEach((item) => {\r\n orders.push({\r\n ParentOrderId: item.orderId ? item.orderId : 0,\r\n AccountId: 0,\r\n Quantity: item.quantity,\r\n Side: secondSideCap,\r\n RelationType: \"Trading\",\r\n Price: item.price,\r\n IsFromRelatedTradeOrder: true,\r\n RelatedTradeInfo: {\r\n CounterPartyId: item.counterpartyId,\r\n TradingRouteId: item.route,\r\n TradeTradeDateTime: item.date,\r\n TradeAvgPrice: item.price,\r\n Source: item.source,\r\n },\r\n });\r\n });\r\n\r\n break;\r\n default:\r\n // It is a client order\r\n orders.push({\r\n ParentOrderId: id,\r\n AccountId: 0,\r\n Quantity: value.quantity,\r\n Side: side,\r\n RelationType: \"Client\",\r\n Price: price,\r\n IsFromRelatedTradeOrder: false,\r\n });\r\n }\r\n }\r\n });\r\n\r\n tradeAndComposition.Orders = orders;\r\n\r\n this.setState((state) => ({\r\n loadings: {\r\n ...state.loadings,\r\n execute: true,\r\n },\r\n }));\r\n\r\n let body = {\r\n tradeAndComposition,\r\n };\r\n\r\n fetchUpdateTradeAndComposition(body).then((r) => {\r\n this.setState((state) => ({\r\n loadings: {\r\n ...state.loadings,\r\n execute: false,\r\n },\r\n }));\r\n\r\n if (r.response.result.Code == 200) {\r\n this.props.toggle();\r\n } else {\r\n alert(r.response.result.Description);\r\n }\r\n });\r\n }\r\n };\r\n\r\n categorizeFetchedOrders(orders = []) {\r\n const { fields, items } = this.state;\r\n\r\n const tradingWasEnabled = items.trading.enabled;\r\n\r\n let orderItems = {};\r\n let orderItemsKey = \"\";\r\n let account = 0;\r\n let orderId = 0;\r\n\r\n let clientOrders = [];\r\n let propOrders = [];\r\n let errorOrders = [];\r\n\r\n let tradingSides = {\r\n buy: [],\r\n sell: [],\r\n };\r\n\r\n let tradingIsEnabled = false;\r\n\r\n orders.forEach((o) => {\r\n o.Order.stats = {\r\n pending: parseFloat(o.PendingQuantity),\r\n };\r\n\r\n orderItemsKey = \"\";\r\n account = 0;\r\n orderId = o.ParentOrderId;\r\n switch (o.RelationType) {\r\n case \"Client\":\r\n clientOrders.push(o);\r\n orderItemsKey = o.ParentOrderId;\r\n break;\r\n\r\n case \"Prop\":\r\n propOrders.push(o);\r\n orderItemsKey = \"account\";\r\n account = o.Order.CurrentAccount.AccountId;\r\n break;\r\n\r\n case \"Error\":\r\n errorOrders.push(o);\r\n orderItemsKey = \"errorAccount\";\r\n account = o.Order.CurrentAccount.AccountId;\r\n break;\r\n\r\n case \"Trading\":\r\n if (!tradingWasEnabled) {\r\n const newId = Math.random().toString(36).substr(2, 4);\r\n\r\n let sideItem = {\r\n id: newId,\r\n isFromThisTrade: !o.IsFromRelatedTradeOrder,\r\n orderId: o.ParentOrderId,\r\n price: o.RelatedTradeInfo ? o.RelatedTradeInfo.TradeAvgPrice : fields.price,\r\n disabled: o.IsFromRelatedTradeOrder,\r\n quantityDisabled: o.RelationIsBooked,\r\n tradeId: o.RelatedTradeInfo ? o.RelatedTradeInfo.TradeId : 0,\r\n date: o.RelatedTradeInfo\r\n ? localDateTime(o.RelatedTradeInfo.TradeTradeDateTime).toDatetimeLocal()\r\n : localDateTime(fields.date).toDatetimeLocal(),\r\n route: o.RelatedTradeInfo ? o.RelatedTradeInfo.TradingRouteId : null,\r\n counterpartyId: o.RelatedTradeInfo ? o.RelatedTradeInfo.CounterPartyId : null,\r\n counterpartyName: o.RelatedTradeInfo ? o.RelatedTradeInfo.CounterPartyName : null,\r\n quantity: o.Quantity,\r\n };\r\n if (o.Side == \"Buy\") {\r\n tradingSides.buy.push(sideItem);\r\n } else {\r\n tradingSides.sell.push(sideItem);\r\n }\r\n tradingIsEnabled = true;\r\n }\r\n\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n\r\n if (orderItemsKey !== \"\") {\r\n orderItems[orderItemsKey] = {\r\n enabled: o.Quantity > 0,\r\n readonly: o.RelationIsBooked,\r\n quantity: o.Quantity,\r\n account,\r\n orderId,\r\n };\r\n }\r\n });\r\n\r\n if (tradingWasEnabled && items.trading.sides.buy && items.trading.sides.sell) {\r\n tradingSides.buy = items.trading.sides.buy;\r\n tradingSides.sell = items.trading.sides.sell;\r\n } else {\r\n let defaultSideItem = {\r\n id: 1,\r\n price: fields.price,\r\n route: null,\r\n date: new Date().toDatetimeLocal(),\r\n };\r\n if (tradingSides.buy.length == 0) {\r\n tradingSides.buy.push({\r\n ...defaultSideItem,\r\n isFromThisTrade: fields.side == \"Buy\",\r\n });\r\n }\r\n if (tradingSides.sell.length == 0) {\r\n tradingSides.sell.push({\r\n ...defaultSideItem,\r\n isFromThisTrade: fields.side == \"Sell\",\r\n });\r\n }\r\n }\r\n\r\n return {\r\n orderItems,\r\n clientOrders,\r\n propOrders,\r\n errorOrders,\r\n tradingSides,\r\n tradingIsEnabled,\r\n };\r\n }\r\n\r\n isReadonlyTrade = () => {\r\n const { fields } = this.state;\r\n const { tradeStatus, tradeGroupId } = fields;\r\n\r\n const isConfirmedTrade =\r\n tradeStatus && [\"ConfirmationSent\", \"Matched\", \"Booked\", \"Canceled\"].indexOf(tradeStatus) >= 0;\r\n\r\n return tradeGroupId > 0 || isConfirmedTrade;\r\n };\r\n\r\n toggleShowFees = () => {\r\n this.setState({\r\n ...this.state,\r\n showFees: !this.state.showFees,\r\n });\r\n };\r\n\r\n render() {\r\n const { toggle, open, counterparties, services } = this.props;\r\n const { entities, loadings, items, fields, errors, ui, maxDecimals, showFees } = this.state;\r\n const { tradeId, side, price, tradeGroupId } = fields;\r\n const itemActions = {\r\n toggle: this.toggleItem,\r\n change: this.changeItem,\r\n };\r\n\r\n let orders = [];\r\n\r\n if (ui.distributed || (entities.orders && entities.orders.length > 0)) {\r\n orders = entities.orders;\r\n }\r\n\r\n const isNewTrade = tradeId == 0;\r\n const isReadonlyTrade = this.isReadonlyTrade();\r\n\r\n let tradeAndGroupId = `#${tradeId}`;\r\n if (tradeGroupId > 0) {\r\n tradeAndGroupId += ` (group #${tradeGroupId})`;\r\n }\r\n\r\n /*\r\n\t\tlet totalEnabledQuantity = Object.values(items).forEach((e) => {\r\n\t\t\tsum += e.enabled && !isNaN(e.quantity) ? +e.quantity : 0;\r\n\t\t});\r\n\t\t*/\r\n let tradeHasSelectedOrders = Object.values(items).find((i) => {\r\n return i.enabled;\r\n });\r\n\r\n return (\r\n \r\n {ui.leftOvers != null &&
\r\n \r\n {!false && (\r\n \r\n )}{\" \"}\r\n this.execute()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n {tradeId && tradeId > 0 ? \"Update\" : \"Execute\"}\r\n \r\n
\r\n \r\n
\r\n);\r\nexport const AccountsField = ({ accounts, id, onChange, item }) =>\r\n accounts == null ? (\r\n \r\n Leftovers\r\n \r\n \r\n {side == \"Buy\" && (\r\n
\r\n
\r\n | Buy side | \r\n\r\n | \r\n
| Sell side | \r\n\r\n | \r\n
\r\n #{item.orderId}\r\n \r\n )}\r\n
\r\n \r\n \r\n {fees.map((feeItem, idx) => (\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Trade;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"modal\":\"Trade-module_modal_2JIcB\",\"alert\":\"Trade-module_alert_aw7RS\",\"symbol\":\"Trade-module_symbol_1IFdB\",\"footer\":\"Trade-module_footer_TXZCu\",\"content\":\"Trade-module_content_2jwve\",\"container\":\"Trade-module_container_2yNoc\",\"tradingTitle\":\"Trade-module_tradingTitle_3cUah\",\"trading\":\"Trade-module_trading_3ZHXp\",\"feesContainer\":\"Trade-module_feesContainer_MUKeG\",\"feesTable\":\"Trade-module_feesTable_3DQCp\",\"showFeesLink\":\"Trade-module_showFeesLink_sBpaQ\"};","import React, { useEffect, useImperativeHandle, forwardRef } from \"react\";\r\nimport { Button } from \"reactstrap\";\r\nimport Column from \"../Trading/Column\";\r\nimport style from \"./Trade.module.scss\";\r\n\r\nconst Trading = forwardRef(\r\n (\r\n {\r\n tradings,\r\n counterparties,\r\n tradeRoutes,\r\n fixedSide = \"buy\",\r\n onChange,\r\n price,\r\n loading = false,\r\n sidesAux,\r\n maxDecimals,\r\n },\r\n ref\r\n ) => {\r\n useEffect(() => {\r\n onChange({\r\n sides: {\r\n buy: sidesAux.buy.map((b) => ({ ...b, price })),\r\n sell: sidesAux.sell.map((b) => ({ ...b, price })),\r\n },\r\n });\r\n }, [price]);\r\n\r\n useImperativeHandle(ref, () => ({\r\n validate,\r\n values,\r\n }));\r\n\r\n const handleNew = (side) => {\r\n const newId = Math.random().toString(36).substr(2, 4);\r\n\r\n onChange({\r\n sides: {\r\n ...sidesAux,\r\n [side]: [\r\n ...sidesAux[side],\r\n {\r\n id: newId,\r\n price,\r\n route: null,\r\n date: new Date().toDatetimeLocal(),\r\n },\r\n ],\r\n },\r\n });\r\n };\r\n\r\n const handleDel = (side, id) => {\r\n onChange({\r\n sides: {\r\n ...sidesAux,\r\n [side]: sidesAux[side].filter((r) => r.id != id),\r\n },\r\n });\r\n };\r\n\r\n const handleChange = (side, id, props) => {\r\n let changes = {};\r\n if (fixedSide == side && props[\"quantity\"]) {\r\n changes.quantity = props.quantity;\r\n }\r\n\r\n changes.sides = {\r\n ...sidesAux,\r\n [side]: sidesAux[side].map((row) => {\r\n if (row.id == id) {\r\n const errors = row.errors\r\n ? Object.keys(props).reduce((obj, e) => {\r\n obj[e] = undefined;\r\n return obj;\r\n }, {})\r\n : {};\r\n return { ...row, ...props, errors };\r\n }\r\n return row;\r\n }),\r\n };\r\n\r\n onChange(changes);\r\n };\r\n\r\n const values = () => {\r\n const { buy, sell } = sidesAux;\r\n\r\n return [\r\n ...buy.map((b) => ({\r\n Side: \"Buy\",\r\n Quantity: +b.quantity,\r\n Price: +b.price,\r\n CounterPartyId: b.counterpartyId,\r\n CounterPartyName: b.counterpartyName,\r\n TradingRouteId: b.route,\r\n DateTime: b.date,\r\n })),\r\n ...sell.map((b) => ({\r\n Side: \"Buy\",\r\n Quantity: +b.quantity,\r\n Price: +b.price,\r\n CounterPartyId: b.counterpartyId,\r\n CounterPartyName: b.counterpartyName,\r\n TradingRouteId: b.route,\r\n DateTime: b.date,\r\n })),\r\n ];\r\n };\r\n\r\n const validate = () => {\r\n let hasErrors = false;\r\n const changedSides = { ...sidesAux };\r\n\r\n let fixedDate = new Date();\r\n if (changedSides[fixedSide].length > 0) {\r\n const fixedItem = changedSides[fixedSide][0];\r\n fixedDate = new Date(fixedItem.date);\r\n fixedDate = new Date(`${fixedDate.toDateLocal()}T00:00`);\r\n }\r\n\r\n const oppSide = fixedSide == \"sell\" ? \"buy\" : \"sell\";\r\n\r\n if (tradings.enabled) {\r\n changedSides[oppSide].forEach((e, i) => {\r\n let errors = {};\r\n\r\n if (e.counterpartyId === undefined || e.counterpartyId === null) {\r\n errors.counterpartyId = \"Required field\";\r\n }\r\n\r\n if (e.quantity === undefined || e.quantity === \"\" || e.quantity === 0) {\r\n errors.quantity = \"Required field\";\r\n }\r\n\r\n if (e.price === undefined || e.price === \"\" || e.price === 0) {\r\n errors.price = \"Required field\";\r\n }\r\n\r\n if (e.route === undefined || e.route == null) {\r\n errors.route = \"Required field\";\r\n }\r\n\r\n if (e.date === undefined || e.date === \"\") {\r\n errors.date = \"Required field\";\r\n } else {\r\n let itemDate = new Date(e.date);\r\n itemDate = new Date(`${itemDate.toDateLocal()}T00:00`);\r\n if (itemDate.getTime() != fixedDate.getTime()) {\r\n errors.date = \"All dates should be equal\";\r\n }\r\n }\r\n\r\n hasErrors |= Object.values(errors).length > 0;\r\n changedSides[oppSide][i].errors = errors;\r\n });\r\n\r\n if (\r\n changedSides[fixedSide][0].quantity === undefined ||\r\n changedSides[fixedSide][0].quantity === \"\" ||\r\n changedSides[fixedSide][0].quantity === 0\r\n ) {\r\n hasErrors = true;\r\n changedSides[fixedSide][0].errors = {\r\n quantity: \"Required field\",\r\n };\r\n }\r\n\r\n onChange(changedSides);\r\n\r\n // check same quantity\r\n if (!hasErrors) {\r\n const left = changedSides.buy.reduce((sum, e) => parseFloat(e.quantity) + sum, 0);\r\n const right = changedSides.sell.reduce((sum, e) => parseFloat(e.quantity) + sum, 0);\r\n\r\n if (left !== right) {\r\n return {\r\n error: true,\r\n global: \"Buy side not match with Sell side.\",\r\n };\r\n }\r\n }\r\n }\r\n\r\n return hasErrors ? { error: true } : {};\r\n };\r\n\r\n if (!tradings.enabled) {\r\n return (\r\n | \r\n {feeItem.Description}:{\" \"}\r\n | \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n Trading\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n onChange(\"side\", { value: e.OrderSide })}\r\n />\r\n
\r\n \r\n\r\n \r\n onChange(\"asset\", { values: { id, name } })}\r\n services={services}\r\n />\r\n
\r\n )}\r\n \r\n \r\n onChange(\"tradeCurrency\", { values: { id, name } })}\r\n services={services}\r\n />\r\n
\r\n ) : (\r\n \r\n \r\n \r\n Trade history\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\r\nexport default TradeHistory;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"subtitle\":\"TradeHistory-module_subtitle_3giUF\",\"tableExecutions\":\"TradeHistory-module_tableExecutions_I20M_\",\"histories\":\"TradeHistory-module_histories_2fHnl\",\"item\":\"TradeHistory-module_item_2W5co\",\"header\":\"TradeHistory-module_header_15HzP\",\"time\":\"TradeHistory-module_time_2TQTm\"};","import React from \"react\";\r\nimport { Button } from \"reactstrap\";\r\nimport style from \"./Trading.module.scss\";\r\nimport LineForm from \"./LineForm\";\r\nimport { fetchCParties } from \"./FormFields\";\r\n\r\nconst Column = ({\r\n side,\r\n rows,\r\n loading,\r\n needFX,\r\n FXPair,\r\n newRow,\r\n delRow,\r\n counterparties,\r\n tradeRoutes,\r\n onChange,\r\n massiveMode,\r\n maxDecimals,\r\n}) => {\r\n return (\r\n History
\r\n {loading ? (\r\n\r\n {histories &&\r\n histories\r\n .filter((item) => item.HistoryType != \"Debug\")\r\n .map((item) => (\r\n
\r\n )}\r\n \r\n
\r\n ))}\r\n \r\n {item.HistoryUserName}\r\n\r\n \r\n
\r\n\r\n {item.HistoryDetails.trim()}
\r\n\r\n {rows.length == 0 && \r\n delRow(side, r.id)}\r\n fetchCParties={(v) => fetchCParties(v, counterparties)}\r\n tradeRoutes={tradeRoutes}\r\n onChange={(props) => onChange(side, r.id, props)}\r\n massiveMode={massiveMode}\r\n maxDecimals={maxDecimals}\r\n />\r\n {index != rows.length - 1 &&
}\r\n \r\n ))}\r\n {!massiveMode && newRow(side)} disabled={loading} />}\r\n
\r\n );\r\n};\r\n\r\nconst AddRow = ({ newRow, disabled }) => (\r\n \r\n);\r\n\r\nconst EmptyRows = () => (\r\n }\r\n
\r\n Empty\r\n
\r\n);\r\n\r\nconst cstyle = (side) => {\r\n if (side == \"buy\")\r\n return {\r\n background: \"rgba(44, 177, 90, 0.08)\",\r\n border: \"solid 1px rgba(44, 177, 90, 1)\",\r\n marginRight: \"5px\",\r\n };\r\n else\r\n return {\r\n background: \"rgba(243, 75, 75, 0.08)\",\r\n border: \"solid 1px rgba(243, 75, 75, 1)\",\r\n marginLeft: \"5px\",\r\n };\r\n};\r\n\r\nexport default Column;\r\n","import React from \"react\";\r\nimport { Input } from \"reactstrap\";\r\nimport { NumberFormatInput } from \"../../NumberFormatInput/NumberFormatInput\";\r\nimport { Field, Symbol, Combobox } from \"../Order/Field/Field\";\r\nimport Autosuggest from \"../../Autosuggest/Autosuggest\";\r\nimport CircularProgress from \"../../CircularProgress/CircularProgress\";\r\nimport { ProductType, getProductTypeName } from \"../../../utils/Order/Order\";\r\nimport style from \"./Trading.module.scss\";\r\n\r\nexport const NumberField = ({\r\n value,\r\n label,\r\n disabled,\r\n error,\r\n onChange,\r\n style,\r\n tabIndex = \"2\",\r\n placeholder,\r\n dataTypeDecimalName,\r\n decimalScale,\r\n}) => (\r\n \r\n {suggestion.name}\r\n
\r\n);\r\n","import React from \"react\";\r\nimport { Row, Col, Container, Label, Input } from \"reactstrap\";\r\nimport { NumberField, CounterpartySuggest, TradingRoutes, DateTimeField } from \"./FormFields\";\r\nimport style from \"./Trading.module.scss\";\r\n\r\nconst LineForm = ({\r\n row,\r\n needFX,\r\n FXPair,\r\n loading,\r\n delRow,\r\n fetchCParties,\r\n tradeRoutes,\r\n onChange,\r\n massiveMode,\r\n maxDecimals,\r\n}) => {\r\n const errors = row.errors || {};\r\n return (\r\n \r\n \r\n {row.orderId && row.orderId > 0 && (\r\n \r\n
\r\n )}\r\n \r\n onChange({ quantity: v })}\r\n tabIndex=\"0\"\r\n dataTypeDecimalName=\"quantity\"\r\n />\r\n\r\n @\r\n\r\n onChange({ price: v })}\r\n tabIndex=\"0\"\r\n decimalScale={maxDecimals}\r\n dataTypeDecimalName=\"price\"\r\n />\r\n\r\n {needFX && (\r\n onChange({ fx: v })}\r\n style={{ marginLeft: \"8px\" }}\r\n tabIndex=\"0\"\r\n dataTypeDecimalName=\"currency\"\r\n />\r\n )}\r\n \r\n
\r\n {(!massiveMode || row.disabled) && ( // if row is disabled, show the counterparty and trading route\r\n \r\n \r\n onChange(v)}\r\n error={errors.counterpartyId}\r\n fetchItems={fetchCParties}\r\n />{\" \"}\r\n onChange({ route: id })}\r\n tradeRoutes={tradeRoutes}\r\n autoWidth\r\n />\r\n \r\n
\r\n \r\n onChange({ date: v })}\r\n inputStyle={{ width: \"292px\" }}\r\n tabIndex=\"0\"\r\n />\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n onChange({\r\n source: !row.source,\r\n })\r\n }\r\n inputStyle={{ width: \"10px\" }}\r\n />\r\n {\"Source\"}\r\n \r\n
\r\n \r\n {!massiveMode && !row.disabled && (\r\n delRow()}>\r\n \r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default LineForm;\r\n","import React, { Component } from \"react\";\r\nimport { Modal, ModalHeader, ModalBody, Row, ModalFooter, Button, Spinner, Input } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport { FormattedNumber } from \"../../FormattedNumber/FormattedNumber\";\r\nimport { Field, Combobox } from \"../Order/Field/Field\";\r\nimport { ProductType, getBaseAndPriceCurrencies } from \"../../../utils\";\r\nimport { SymbolField, ProductField } from \"./FormFields\";\r\nimport classnames from \"classnames\";\r\nimport style from \"./Trading.module.scss\";\r\nimport Column from \"./Column\";\r\n\r\nclass Trading extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n loading: false,\r\n loadingEarnings: false,\r\n form: ProductType.BOND,\r\n asset: {\r\n id: null,\r\n name: null,\r\n error: null,\r\n },\r\n settleCurrency: {\r\n id: null,\r\n name: null,\r\n error: null,\r\n },\r\n settlementCurrencies: [],\r\n buy: [{ id: 1, route: null, date: new Date().toDatetimeLocal() }],\r\n sell: [{ id: 2, route: null, date: new Date().toDatetimeLocal() }],\r\n totals: {\r\n buyQuantity: 0,\r\n buyAverage: 0,\r\n sellQuantity: 0,\r\n sellAverage: 0,\r\n earnings: {\r\n buy: 0,\r\n sell: 0,\r\n },\r\n },\r\n tradeRoutes: [],\r\n };\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const { form, asset, settleCurrency } = this.state;\r\n const { form: prevForm, asset: prevAsset } = prevState;\r\n\r\n const { services } = this.props;\r\n const { fetchTradingRoutesForAsset, fetchOrderAssetInfo } = services;\r\n\r\n if (form != prevForm) {\r\n this.setState({\r\n asset: {\r\n id: null,\r\n name: null,\r\n error: null,\r\n },\r\n settleCurrency: {\r\n id: null,\r\n name: null,\r\n error: null,\r\n },\r\n settlementCurrencies: [],\r\n tradeRoutes: [],\r\n });\r\n } else if (asset.id != prevAsset.id) {\r\n if (asset.id) {\r\n if (form != \"Forex\") {\r\n this.setState({\r\n tradeRoutes: null,\r\n });\r\n fetchTradingRoutesForAsset({ assetId: asset.id, quantity: 0 }) //Le paso 0 para que use la cantidad total\r\n .then((res) => {\r\n this.setState({\r\n tradeRoutes: res.response.sorroutes.map((r) => ({\r\n id: r.id,\r\n description: r.name,\r\n })),\r\n });\r\n });\r\n }\r\n\r\n fetchOrderAssetInfo({\r\n tradeDate: new Date(),\r\n orderForm: form,\r\n assetId: asset ? asset.id : 0,\r\n assetTicker: \"\",\r\n tradeCurrencyId: asset ? asset.id : 0, // Cuando es FX, asset.id tiene la moneda de trade.\r\n settleCurrencyId: settleCurrency ? settleCurrency.id : 0,\r\n }).then((res) => {\r\n const data = res.response.assetorderdata;\r\n const currency = data.items.find((i) => i.key == \"Currency\");\r\n const settlementCurrencies = data.settlementCurrency.map((c) => ({\r\n id: c.currencyInfo.currencyId,\r\n description: c.currencyInfo.currencyISO,\r\n multiplies: c.multiplies,\r\n fx: c.fx,\r\n }));\r\n const settlementCurrency = {\r\n id: null,\r\n name: null,\r\n error: null,\r\n };\r\n if (settlementCurrencies && settlementCurrencies.length > 0) {\r\n settlementCurrency.id = settlementCurrencies[0].id;\r\n settlementCurrency.name = settlementCurrencies[0].description;\r\n }\r\n\r\n this.setState((state) => ({\r\n asset: {\r\n ...state.asset,\r\n currency: currency.value,\r\n },\r\n settlementCurrencies,\r\n settleCurrency: settlementCurrency,\r\n }));\r\n });\r\n } else {\r\n this.setState({\r\n settleCurrency: {\r\n id: null,\r\n name: null,\r\n error: null,\r\n },\r\n settlementCurrencies: [],\r\n tradeRoutes: [],\r\n });\r\n }\r\n }\r\n }\r\n\r\n newRow = (side) => {\r\n const newId = Math.random().toString(36).substr(2, 4);\r\n\r\n this.setState({\r\n [side]: [...this.state[side], { id: newId, route: null, date: new Date().toDatetimeLocal() }],\r\n });\r\n };\r\n\r\n delRow = (side, id) => {\r\n this.setState(\r\n {\r\n [side]: [...this.state[side].filter((r) => r.id !== id)],\r\n },\r\n () => this.calcTotals()\r\n );\r\n };\r\n\r\n onChangeRow = (side, id, entries) => {\r\n const otherProps = {};\r\n\r\n if (side == \"buy\" && entries.hasOwnProperty(\"quantity\") && !isNaN(entries.quantity)) {\r\n const index = this.state.buy.findIndex((e) => e.id == id);\r\n\r\n if (this.state.sell.length > index) {\r\n otherProps.sell = [...this.state.sell];\r\n\r\n otherProps.sell[index] = {\r\n ...this.state.sell[index],\r\n quantity: entries.quantity,\r\n };\r\n }\r\n }\r\n\r\n this.setState(\r\n {\r\n [side]: [\r\n ...this.state[side].map((item, i) => {\r\n if (item.id !== id) {\r\n return item;\r\n }\r\n\r\n const errors = item.errors\r\n ? Object.keys(entries).reduce((obj, e) => {\r\n obj[e] = undefined;\r\n return obj;\r\n }, {})\r\n : {};\r\n\r\n return {\r\n ...item,\r\n ...entries,\r\n errors: {\r\n ...item.errors,\r\n ...errors,\r\n },\r\n };\r\n }),\r\n ],\r\n ...otherProps,\r\n },\r\n () => this.calcTotals()\r\n );\r\n };\r\n\r\n onChange = (name, { values, value }) => {\r\n if (value) {\r\n let _value = value;\r\n if (name == \"settleCurrency\") {\r\n const { settlementCurrencies } = this.state;\r\n\r\n _value = {\r\n id: _value,\r\n name: settlementCurrencies.find((c) => c.id == _value).description,\r\n };\r\n }\r\n\r\n this.setState({\r\n [name]: _value,\r\n });\r\n } else {\r\n this.setState({\r\n [name]: { ...values },\r\n });\r\n }\r\n };\r\n\r\n validate = () => {\r\n const { asset, settleCurrency } = this.state;\r\n const needFX = asset.currency != settleCurrency.name && asset.id != null;\r\n\r\n const sidesState = {\r\n buy: [...this.state.buy],\r\n sell: [...this.state.sell],\r\n };\r\n\r\n const assetState = { ...asset };\r\n const settleCurrencyState = { ...settleCurrency };\r\n\r\n let hasErrors = false;\r\n\r\n Object.keys(sidesState).forEach((side) => {\r\n this.state[side].forEach((e, i) => {\r\n let errors = {};\r\n\r\n if (e.counterpartyId === undefined || e.counterpartyId === null) {\r\n errors.counterpartyId = \"Required field\";\r\n }\r\n\r\n if (e.quantity === undefined || e.quantity === \"\" || e.quantity === 0) {\r\n errors.quantity = \"Required field\";\r\n }\r\n\r\n if (e.price === undefined || e.price === \"\" || e.price === 0) {\r\n errors.price = \"Required field\";\r\n }\r\n\r\n if (e.route === undefined || e.route == null) {\r\n errors.route = \"Required field\";\r\n }\r\n\r\n if (needFX) {\r\n if (e.fx === undefined || e.fx === \"\" || e.fx === 0) {\r\n errors.fx = \"Required field\";\r\n }\r\n }\r\n\r\n hasErrors |= Object.values(errors).length > 0;\r\n sidesState[side][i].errors = errors;\r\n });\r\n });\r\n\r\n if (asset.id === undefined || asset.id === null || asset.id === \"\") {\r\n assetState.error = \"Required field\";\r\n hasErrors = true;\r\n }\r\n\r\n if (settleCurrency.id === undefined || settleCurrency.id === null || settleCurrency.id === \"\") {\r\n settleCurrencyState.error = \"Required field\";\r\n hasErrors = true;\r\n }\r\n\r\n this.setState({\r\n buy: sidesState.buy,\r\n sell: sidesState.sell,\r\n asset: assetState,\r\n settleCurrency: settleCurrencyState,\r\n });\r\n\r\n return !hasErrors;\r\n };\r\n\r\n execute = () => {\r\n if (this.validate()) {\r\n this.setState({ loading: true });\r\n const { form, asset, settleCurrency, buy, sell, settlementCurrencies } = this.state;\r\n const { services } = this.props;\r\n const { fetchAddTradingExecutions } = services;\r\n\r\n let fxMultiplies = true;\r\n\r\n const settleCurrencyInfo = settlementCurrencies.find((c) => c.id == settleCurrency.id);\r\n if (settleCurrencyInfo) {\r\n fxMultiplies = settleCurrencyInfo.multiplies;\r\n }\r\n\r\n const tradingExecutions = [\r\n ...buy.map((b) => ({\r\n Side: \"Buy\",\r\n Quantity: +b.quantity,\r\n Price: +b.price,\r\n FX: b.fx,\r\n FXMultiplies: fxMultiplies,\r\n CounterPartyId: b.counterpartyId,\r\n CounterPartyName: b.counterpartyName,\r\n TradingRouteId: b.route,\r\n DateTime: b.date,\r\n source: source,\r\n })),\r\n\r\n ...sell.map((b) => ({\r\n Side: \"Sell\",\r\n Quantity: b.quantity,\r\n Price: b.price,\r\n FX: b.fx,\r\n FXMultiplies: fxMultiplies,\r\n CounterPartyId: b.counterpartyId,\r\n CounterPartyName: b.counterpartyName,\r\n TradingRouteId: b.route,\r\n DateTime: b.date,\r\n source: b.source,\r\n })),\r\n ];\r\n\r\n fetchAddTradingExecutions({\r\n form,\r\n tradingExecutions,\r\n settlementCurrency: settleCurrency.name,\r\n assetTicker: asset.name,\r\n }).then((r) => {\r\n this.props.toggle();\r\n });\r\n }\r\n };\r\n\r\n calcTotals = () => {\r\n let totals = {\r\n buyQuantity: 0,\r\n buyAverage: 0,\r\n sellQuantity: 0,\r\n sellAverage: 0,\r\n earnings: {\r\n buy: 0,\r\n sell: 0,\r\n },\r\n };\r\n\r\n [\"buy\", \"sell\"].forEach((side) => {\r\n let sumQuantity = 0;\r\n let sumAvgPrice = 0;\r\n\r\n this.state[side].forEach((row) => {\r\n if (row.counterpartyId && !isNaN(row.quantity) && !isNaN(row.price)) {\r\n sumQuantity += +row.quantity;\r\n sumAvgPrice += +row.quantity * +row.price;\r\n }\r\n });\r\n\r\n totals[`${side}Quantity`] = sumQuantity;\r\n totals[`${side}Average`] = sumQuantity ? sumAvgPrice / sumQuantity : 0;\r\n });\r\n\r\n this.setState({ totals }, () => {\r\n const { asset, totals } = this.state;\r\n const { services } = this.props;\r\n const { fetchTradingEarnings } = services;\r\n\r\n const { buyQuantity, sellQuantity, buyAverage, sellAverage } = totals;\r\n if (\r\n asset.id !== undefined &&\r\n asset.id !== null &&\r\n asset.id !== \"\" &&\r\n buyQuantity > 0 &&\r\n sellQuantity > 0 &&\r\n buyAverage > 0 &&\r\n sellAverage > 0\r\n ) {\r\n this.setState({ loadingEarnings: true });\r\n Promise.all([\r\n // buy earnings\r\n fetchTradingEarnings({\r\n assetid: asset.id,\r\n quantity: buyQuantity,\r\n pricedif: buyAverage,\r\n }).then(({ earnings }) => earnings),\r\n // sell earnings\r\n fetchTradingEarnings({\r\n assetid: asset.id,\r\n quantity: buyQuantity,\r\n pricedif: sellAverage,\r\n }).then(({ earnings }) => earnings),\r\n ]).then(([buyEarnings, sellEarnings]) => {\r\n // all results\r\n this.setState({\r\n loadingEarnings: false,\r\n totals: {\r\n ...totals,\r\n earnings: { buy: +buyEarnings, sell: +sellEarnings },\r\n },\r\n });\r\n });\r\n } else {\r\n this.setState({\r\n totals: { ...totals, earnings: { buy: null, sell: null } },\r\n });\r\n }\r\n });\r\n };\r\n\r\n render() {\r\n const { open, toggle, counterparties, services } = this.props;\r\n const {\r\n form,\r\n buy,\r\n sell,\r\n totals,\r\n asset,\r\n settleCurrency,\r\n settlementCurrencies,\r\n route,\r\n loading,\r\n tradeRoutes,\r\n loadingEarnings,\r\n } = this.state;\r\n\r\n const needFX = asset.currency != settleCurrency.name && asset.id != null;\r\n\r\n const isFX = form == \"Forex\";\r\n\r\n const { baseCurrency, priceCurrency } = getBaseAndPriceCurrencies(\r\n settlementCurrencies,\r\n asset.currency,\r\n settleCurrency.name\r\n );\r\n\r\n const FXPair = `${baseCurrency}/${priceCurrency}`;\r\n\r\n return (\r\n \r\n this.onChange(\"asset\", { values: { id, name } })}\r\n services={services}\r\n />\r\n )}\r\n\r\n {/* ##### Trade Currency ###### */}\r\n {isFX ? (\r\n \r\n \r\n \r\n )}\r\n\r\n {/* ##### Settlement Currency ###### */}\r\n \r\n this.onChange(\"settleCurrency\", { value: v })}\r\n emptyLabel={\"Settl. Currency\"}\r\n />\r\n \r\n
\r\n \r\n this.onChange(\"asset\", { values: { id, name } })}\r\n services={services}\r\n />\r\n
\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {!loading && (\r\n \r\n )}{\" \"}\r\n this.execute()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n Execute\r\n \r\n
\r\n | Buy side | \r\n\r\n {loadingEarnings ? (\r\n | \r\n
| Sell side | \r\n\r\n {loadingEarnings ? (\r\n | \r\n
| Earnings | \r\n\r\n {loadingEarnings ? (\r\n | \r\n
| {side.capitalize()} side quantity | \r\n\r\n | \r\n
| Average price | \r\n\r\n | \r\n
\r\n
\r\n);\r\n\r\nexport const Number = ({ value, decimalScale, dataTypeDecimalName }) => (\r\n \r\n {value === null ? (\r\n \"-\"\r\n ) : (\r\n {children}
\r\n \r\n {getProductTypeName(order.AssetClassForm)} {renderOrderSide(order)}{\" \"}\r\n {renderOrderQuantity(order)} {renderOrderQuantityType(order)} {renderOrderSymbol(order)}\r\n {\" @ \"}\r\n {renderOrderPrice(order)} {!hideAvg && renderExecutionsAvg(order)}\r\n \r\n {getOrderPdf && (\r\n \r\n {loading ? Downloading... : }\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default InlineDetail;\r\n","import React from \"react\";\r\nimport { FormattedNumber, formattedNumber } from \"../FormattedNumber/FormattedNumber\";\r\nimport {\r\n OrderStatus,\r\n TradeStatus,\r\n TimeFrame,\r\n getOrderTypeName,\r\n getTimeFrameName,\r\n getStatusName,\r\n getTradeStatusName,\r\n ProductType,\r\n OrderPriceType,\r\n Type,\r\n} from \"../../utils/Order/Order\";\r\nimport { Badge } from \"reactstrap\";\r\nimport classnames from \"classnames\";\r\nimport style from \"./Order.module.scss\";\r\nimport { UI } from \"..\";\r\n\r\n/* Order quantity */\r\nexport const renderOrderQuantity = (order) => {\r\n const isMultiAccounts = order.OrderHasMultipleAccounts;\r\n\r\n if (\r\n !isMultiAccounts &&\r\n order.AssetClassForm == ProductType.MFUNDS &&\r\n order.OrderSide == \"Sell\" &&\r\n order.CurrentAccount &&\r\n order.CurrentAccount.IsFullLiquidation\r\n ) {\r\n return Full liq.;\r\n }\r\n\r\n if (order.AssetClassForm === ProductType.REPO) {\r\n return (\r\n \r\n \r\n {getProductTypeName(trade.TradeAssetClassForm)} {renderTradeSide(trade)}{\" \"}\r\n {renderTradeQuantity(trade)} {renderTradeSymbol(trade)}\r\n {\" @ \"}\r\n {renderTradePrice(trade)}\r\n
\r\n );\r\n } else {\r\n return null;\r\n }\r\n }\r\n}\r\n","import React from \"react\";\r\nimport { CircularProgress } from \"..\";\r\nimport { OrderItemUI } from \"..\";\r\nimport { getProductTypeName } from \"../../utils/Order/Order\";\r\nimport InfiniteScroll from \"react-infinite-scroller\";\r\nimport { Table } from \"reactstrap\";\r\nimport style from \"./styles.module.scss\";\r\nimport { FormattedDate } from \"react-intl\";\r\n\r\nconst OrderList = ({ grid, getOrders, toggle }) => {\r\n const handleClick = (order) => {\r\n toggle(\"order\", { order });\r\n };\r\n\r\n return (\r\n \r\n \r\n {grid.loading ?
\r\n }\r\n loadMore={getOrders}\r\n hasMore={grid.hasMore}\r\n >\r\n | Type | \r\nTicker | \r\nSide | \r\nQuantity | \r\nPrice | \r\nAccount | \r\nTimeFrame | \r\nStatus | \r\nDate | \r\n
|---|---|---|---|---|---|---|---|---|
| \r\n #{order.OrderId}\r\n {getProductTypeName(order.AssetClassForm)}\r\n | \r\n{OrderItemUI.renderOrderSymbol(order)} | \r\n{OrderItemUI.renderOrderSide(order)} | \r\n{OrderItemUI.renderOrderQuantity(order)} | \r\n{OrderItemUI.renderOrderPrice(order)} | \r\n{order.AccountNumber} | \r\n{OrderItemUI.renderOrderTimeFrame(order)} | \r\n{OrderItemUI.renderOrderStatus(order)} | \r\n\r\n | \r\n
No orders
\r\n )}\r\n\r\n \r\n onChange({ [name]: value })}\r\n value={filters.FromDate}\r\n />\r\n \r\n onChange({ [name]: value })}\r\n value={filters.ToDate}\r\n />\r\n \r\n \r\n \r\n \r\n onChangeText(e.target.value)}\r\n />\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nconst DropDownFilterStatus = ({ valueName, value, onChange }) => {\r\n const items = [\r\n { id: 0, description: \"All Statuses\", value: Object.values(OrderStatus) },\r\n {\r\n id: 1,\r\n description: \"Working\",\r\n value: [OrderStatus.PART, OrderStatus.ACKED],\r\n },\r\n { id: 2, description: \"Routed\", value: [OrderStatus.ROUTED] },\r\n { id: 3, description: \"Parked\", value: [OrderStatus.PARKED] },\r\n { id: 4, description: \"Filled\", value: [OrderStatus.FILLED] },\r\n { id: 5, description: \"Part Filled\", value: [OrderStatus.PART_FILLED] },\r\n { id: 6, description: \"Rejected\", value: [OrderStatus.REJECTED] },\r\n { id: 7, description: \"Canceled\", value: [OrderStatus.CANCELED] },\r\n { id: 8, description: \"Expired\", value: [OrderStatus.EXPIRED] },\r\n { id: 9, description: \"Auth wait\", value: [OrderStatus.AUTH_WAIT] },\r\n { id: 10, description: \"Reallocating\", value: [OrderStatus.REALLOCATING] },\r\n ];\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {/* */}\r\n
\r\n \r\n Orders: {total}
\r\n \r\n);\r\n\r\nexport default Toolbar;\r\n","import OrderList from \"./OrderList\";\r\nimport Toolbar from \"./Toolbar/Toolbar\";\r\n\r\nexport { OrderList as List, Toolbar };\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"main\":\"styles-module_main_1vS8l\",\"toolbar\":\"styles-module_toolbar_pigKL\",\"dropdown\":\"styles-module_dropdown_KjwAe\",\"totals\":\"styles-module_totals_1yu7a\",\"download\":\"styles-module_download_3FUzL\",\"grid\":\"styles-module_grid_1Ltpe\",\"empty\":\"styles-module_empty_1BuC4\"};","import React, {Component} from 'react';\r\nimport {Table, Badge,\tPagination as RStrapPagination, PaginationItem, PaginationLink} from 'reactstrap';\r\nimport PropTypes from 'prop-types';\r\n\r\n class Pagination extends Component {\r\n\t\r\n\trender() {\r\n\t\tconst {page, pages} = this.props;\r\n\r\n\t\tif (pages <= 1) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n {this.props.descriptionText}\r\n {this.props.percentage}%\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default PercentageCircle;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"rect-auto\":\"PercentageCircle-module_rect-auto_u5Rgv\",\"c100\":\"PercentageCircle-module_c100_2ghUH\",\"p51\":\"PercentageCircle-module_p51_u9hnp\",\"slice\":\"PercentageCircle-module_slice_2dawL\",\"p52\":\"PercentageCircle-module_p52_vOscS\",\"p53\":\"PercentageCircle-module_p53_2xfo3\",\"p54\":\"PercentageCircle-module_p54_33BhV\",\"p55\":\"PercentageCircle-module_p55_3ua_z\",\"p56\":\"PercentageCircle-module_p56_2ldt8\",\"p57\":\"PercentageCircle-module_p57_2B3Z7\",\"p58\":\"PercentageCircle-module_p58_vibDy\",\"p59\":\"PercentageCircle-module_p59_58Y-G\",\"p60\":\"PercentageCircle-module_p60_Yvmm7\",\"p61\":\"PercentageCircle-module_p61_2UQMK\",\"p62\":\"PercentageCircle-module_p62_dcYcX\",\"p63\":\"PercentageCircle-module_p63_1S8g_\",\"p64\":\"PercentageCircle-module_p64_1CV03\",\"p65\":\"PercentageCircle-module_p65_1ooVv\",\"p66\":\"PercentageCircle-module_p66_FQ3tY\",\"p67\":\"PercentageCircle-module_p67_3kvsg\",\"p68\":\"PercentageCircle-module_p68_nIwrU\",\"p69\":\"PercentageCircle-module_p69_35Dt7\",\"p70\":\"PercentageCircle-module_p70_3lV6u\",\"p71\":\"PercentageCircle-module_p71_BZuZs\",\"p72\":\"PercentageCircle-module_p72_vxjCb\",\"p73\":\"PercentageCircle-module_p73_2ih8g\",\"p74\":\"PercentageCircle-module_p74_FTVh4\",\"p75\":\"PercentageCircle-module_p75_39eWi\",\"p76\":\"PercentageCircle-module_p76_2grOA\",\"p77\":\"PercentageCircle-module_p77_1Ov4V\",\"p78\":\"PercentageCircle-module_p78_1BPwB\",\"p79\":\"PercentageCircle-module_p79_swFW3\",\"p80\":\"PercentageCircle-module_p80_2iokV\",\"p81\":\"PercentageCircle-module_p81_3EMIs\",\"p82\":\"PercentageCircle-module_p82_2AbvY\",\"p83\":\"PercentageCircle-module_p83_2_bJ6\",\"p84\":\"PercentageCircle-module_p84_NPju_\",\"p85\":\"PercentageCircle-module_p85_253Cf\",\"p86\":\"PercentageCircle-module_p86_1uhSh\",\"p87\":\"PercentageCircle-module_p87_FTuQf\",\"p88\":\"PercentageCircle-module_p88_3mwgs\",\"p89\":\"PercentageCircle-module_p89_Z62gl\",\"p90\":\"PercentageCircle-module_p90_2tOt-\",\"p91\":\"PercentageCircle-module_p91_16jPH\",\"p92\":\"PercentageCircle-module_p92_DXdst\",\"p93\":\"PercentageCircle-module_p93_3bpyl\",\"p94\":\"PercentageCircle-module_p94_2RBck\",\"p95\":\"PercentageCircle-module_p95_2-Yrg\",\"p96\":\"PercentageCircle-module_p96_2oaNj\",\"p97\":\"PercentageCircle-module_p97_1u-uh\",\"p98\":\"PercentageCircle-module_p98_dwQRo\",\"p99\":\"PercentageCircle-module_p99_zXv9d\",\"p100\":\"PercentageCircle-module_p100_2rkqS\",\"pie\":\"PercentageCircle-module_pie_2HvfD\",\"bar\":\"PercentageCircle-module_bar_2Me0N\",\"fill\":\"PercentageCircle-module_fill_I4vkz\",\"pie-fill\":\"PercentageCircle-module_pie-fill_ZT7QN\",\"center\":\"PercentageCircle-module_center_3pGWM\",\"big\":\"PercentageCircle-module_big_2Jxmd\",\"small\":\"PercentageCircle-module_small_3fCdn\",\"smallDescriptionText\":\"PercentageCircle-module_smallDescriptionText_SNcfw\",\"p1\":\"PercentageCircle-module_p1_3ryN-\",\"p2\":\"PercentageCircle-module_p2_6IpdN\",\"p3\":\"PercentageCircle-module_p3_1EXDF\",\"p4\":\"PercentageCircle-module_p4_3m4MX\",\"p5\":\"PercentageCircle-module_p5_1wiNW\",\"p6\":\"PercentageCircle-module_p6_1lXb_\",\"p7\":\"PercentageCircle-module_p7_3AChL\",\"p8\":\"PercentageCircle-module_p8_3jSDT\",\"p9\":\"PercentageCircle-module_p9_3ItLJ\",\"p10\":\"PercentageCircle-module_p10_W7g0c\",\"p11\":\"PercentageCircle-module_p11_2WVYr\",\"p12\":\"PercentageCircle-module_p12_nb37q\",\"p13\":\"PercentageCircle-module_p13_1OaqV\",\"p14\":\"PercentageCircle-module_p14_2k-rm\",\"p15\":\"PercentageCircle-module_p15_SUHSu\",\"p16\":\"PercentageCircle-module_p16_OpoLf\",\"p17\":\"PercentageCircle-module_p17_98fOv\",\"p18\":\"PercentageCircle-module_p18_FgA3W\",\"p19\":\"PercentageCircle-module_p19_2PFnI\",\"p20\":\"PercentageCircle-module_p20_2-Vok\",\"p21\":\"PercentageCircle-module_p21_1L1Fz\",\"p22\":\"PercentageCircle-module_p22_2tDTa\",\"p23\":\"PercentageCircle-module_p23_2p2xW\",\"p24\":\"PercentageCircle-module_p24_1w26Z\",\"p25\":\"PercentageCircle-module_p25_1AifU\",\"p26\":\"PercentageCircle-module_p26_1K8Ir\",\"p27\":\"PercentageCircle-module_p27_3GfQZ\",\"p28\":\"PercentageCircle-module_p28_6IofH\",\"p29\":\"PercentageCircle-module_p29_2tQCS\",\"p30\":\"PercentageCircle-module_p30_119lE\",\"p31\":\"PercentageCircle-module_p31_3KD49\",\"p32\":\"PercentageCircle-module_p32_2AJ4M\",\"p33\":\"PercentageCircle-module_p33_2KlMK\",\"p34\":\"PercentageCircle-module_p34_2_IQr\",\"p35\":\"PercentageCircle-module_p35_ZrEAS\",\"p36\":\"PercentageCircle-module_p36_3lCis\",\"p37\":\"PercentageCircle-module_p37_12hc0\",\"p38\":\"PercentageCircle-module_p38_gvilR\",\"p39\":\"PercentageCircle-module_p39_1Cvhp\",\"p40\":\"PercentageCircle-module_p40_2U7qX\",\"p41\":\"PercentageCircle-module_p41_1Z-s3\",\"p42\":\"PercentageCircle-module_p42_11srN\",\"p43\":\"PercentageCircle-module_p43_1VB3K\",\"p44\":\"PercentageCircle-module_p44_2mPUq\",\"p45\":\"PercentageCircle-module_p45_27xzl\",\"p46\":\"PercentageCircle-module_p46_1yHSw\",\"p47\":\"PercentageCircle-module_p47_uvkac\",\"p48\":\"PercentageCircle-module_p48_2FDnT\",\"p49\":\"PercentageCircle-module_p49_3YVEe\",\"p50\":\"PercentageCircle-module_p50_3BH9i\",\"dark\":\"PercentageCircle-module_dark_2-UTR\",\"green\":\"PercentageCircle-module_green_HW9kd\",\"orange\":\"PercentageCircle-module_orange_2w1Fi\"};","import React from 'react';\r\nimport {\r\n Card, CardBody, Row, Col, CardHeader,\r\n} from 'reactstrap';\r\nimport PropTypes from 'prop-types';\r\nimport { PercentageCircle, PercentageBar, AccountStatus } from '../../../index';\r\n\r\nexport default function AccountProfileCard({ account }) {\r\n let percentageBarColor;\r\n if (account.AccountCurrentProfileRisk === account.AccountProfileRisk) {\r\n // Tiene el mismo riesgo teórico que práctico\r\n percentageBarColor = 'green';\r\n } else if (account.AccountCurrentProfileRiskPercentage > account.AccountProfileRiskPercentage) {\r\n percentageBarColor = 'red';\r\n } else {\r\n percentageBarColor = 'orange';\r\n }\r\n\r\n let accountStatus = account.AccountStatus;\r\n if (account.AccountStatus === AccountStatus.BLOCKED\r\n && account.AccountIsExceptionallyUnblocked) {\r\n const localDate = new Date(`${account.AccountUnblockingEndTime}Z`);\r\n const localTimeString = localDate.toLocaleTimeString(undefined, {\r\n hour: '2-digit',\r\n minute: '2-digit',\r\n });\r\n accountStatus = `Active until ${localTimeString}`;\r\n }\r\n\r\n const cardHeight = account.AccountName.length > 140 ? 300 : 245;\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Status: \r\n {accountStatus}\r\n
\r\n Email: \r\n {account.AccountEmail}\r\n
\r\n Address: \r\n {`${account.AccountShippingAddresStateName} ${account.AccountShippingAddresCityName}, ${account.AccountShippingAddresCountryName}`}\r\n
\r\n \r\n Email: \r\n {account.AccountEmail}\r\n
\r\n Address: \r\n {`${account.AccountShippingAddresStateName} ${account.AccountShippingAddresCityName}, ${account.AccountShippingAddresCountryName}`}\r\n
\r\n \r\n {d.AccountHolderName}\r\n \r\n
\r\n - \r\n
- \r\n \r\n {d.AccountHolderCountryName}\r\n \r\n
- \r\n \r\n {d.AccountHolderEmail}\r\n \r\n
- \r\n \r\n {d.AccountHolderPersonType}\r\n \r\n
- \r\n \r\n {d.AccountHolderDocumentTypeName}\r\n {': '}\r\n {d.AccountHolderDocumentNumber}\r\n \r\n
\r\n {archives.map((item, index) => (\r\n
\r\n ))}\r\n | Factor description | \r\nFactor Weight | \r\nData | \r\nScore | \r\n
|---|---|---|---|
| {risk.FactorDescription} | \r\n{risk.FactorWeight} | \r\n{risk.Data} | \r\n{Number.parseFloat(risk.Score).toFixed(decimalPlaces)} | \r\n
\r\n
\r\n \r\n \r\n \r\n Total {getTotalRiskScore(riskSummary, decimalPlaces)} points\r\n \r\n
\r\n| Question | \r\nAnswer | \r\nScore | \r\n
|---|---|---|
| {risk.QuestionDescription} | \r\n{risk.AnswerDescription} | \r\n{risk.AnswerScore} | \r\n
\r\n
\r\n \r\n \r\n {riskSummary.ProfileRiskValue}\r\n \r\n Total {getTotalScore(riskSummary)} points\r\n \r\n
\r\n\r\n
\r\n);\r\n\r\nconst ProfileRiskSummary = ({ account, riskSummary, isRiskByPerson }) => (\r\n Summary
\r\nCheck every 1 day
\r\nLast check Yesterday
\r\n\r\n
\r\n
\r\n Risk{\" \"}\r\n
\r\n \r\n \r\n Profile mismatch warning\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n);\r\n\r\nconst LoadingOrEmpty = ({ isLoading, isEmpty, children }) =>\r\n isLoading ? (\r\n Summary
\r\n \r\n {!isRiskByPerson && (\r\n| Profile risk | \r\n\r\n | \r\n \r\n | \r\n
| Current risk | \r\n\r\n | \r\n \r\n | \r\n
\r\n No risk info registerd\r\n
{\" \"}\r\n\r\n \r\n {info.AccountProfileRiskMismatch && (\r\n \r\n \r\n Profile mismatch warning\r\n \r\n Go to risk page and check\r\n \r\n \r\n )}\r\n \r\n
\r\n);\r\n\r\nexport const CardWrapper = ({ title, children, loading, lg, xs, style = {} }) => (\r\n \r\n Investor profile\r\n \r\n
\r\n \r\n Account Risk\r\n \r\n
\r\n \r\n
\r\n);\r\n\r\nexport const GetRiskClassName = (risk) => {\r\n const riskLabel = risk.toLowerCase();\r\n switch (riskLabel) {\r\n case \"low\":\r\n case \"conservative\":\r\n return \"buy\";\r\n\r\n case \"medium\":\r\n case \"moderate\":\r\n return \"warning\";\r\n\r\n case \"high\":\r\n case \"agressive\":\r\n return \"danger\";\r\n default:\r\n break;\r\n }\r\n};\r\n\r\nexport const IsCustodyBalance = (type) => type == \"Custody\" || type == \"LocalCustody\";\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"cardlg\":\"styles-module_cardlg_2Wq2d\",\"loading\":\"styles-module_loading_wxLU0\",\"loadingMessage\":\"styles-module_loadingMessage_33fsy\",\"risk\":\"styles-module_risk_2LhW9\",\"title\":\"styles-module_title_3aMps\",\"riskSummary\":\"styles-module_riskSummary_1Jr9g\",\"profileRiskSummary\":\"styles-module_profileRiskSummary_1nXMa\",\"riskWarning\":\"styles-module_riskWarning_1_5v1\",\"flash\":\"styles-module_flash_1YOfK\",\"badge\":\"styles-module_badge_3fRso\",\"riskWidget\":\"styles-module_riskWidget_2Hdwk\",\"warning\":\"styles-module_warning_3UKzE\",\"line\":\"styles-module_line_1xgrw\",\"container\":\"styles-module_container_3Qzna\",\"item\":\"styles-module_item_TyXNA\"};","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n Table,\r\n UncontrolledDropdown,\r\n DropdownToggle,\r\n DropdownItem,\r\n DropdownMenu,\r\n Button,\r\n Row,\r\n Col,\r\n} from \"reactstrap\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport style from \"../../Grid.module.scss\";\r\nimport { getAccountType, BankAccountType, BankAccountStatus } from \"../types\";\r\nimport ModalConfirm from \"../../Modal/ModalConfirm\";\r\nimport ModalBankAccount from \"../ModalAccountBankAccount\";\r\nimport { CircularProgress } from \"../../../..\";\r\nimport { AccountMode } from \"../../../../utils/Helper\";\r\n\r\nfunction generateEmptyBankAccount() {\r\n return {\r\n BankAccountId: \"\",\r\n BankAccountItemId: \"\",\r\n BankAccountName: \"\",\r\n BankAccountHolders: undefined,\r\n BankAccountBranch: undefined,\r\n BankAccountNumber: undefined,\r\n BankAccountCurrency: 1,\r\n BankAccountIsDepositInterest: false,\r\n BankAccountPersonalName: \"\",\r\n BankAccountObs: \"\",\r\n BankAccountType: BankAccountType.Savings,\r\n BankAccountStatus: BankAccountStatus.Active,\r\n Archives: [],\r\n };\r\n}\r\n\r\nconst BankAccountsTab = ({\r\n accountId,\r\n bankAccounts,\r\n currencies,\r\n banks,\r\n setAccountData,\r\n services,\r\n isReadOnly,\r\n mode,\r\n setRedirectAccounts,\r\n sended,\r\n references,\r\n signatureSets,\r\n groups,\r\n riskByPersonIsZero,\r\n}) => {\r\n const [fetching, setFetching] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [modalConfirm, setModalConfirm] = useState({\r\n open: false,\r\n title: \"\",\r\n bankAccountItemId: undefined,\r\n saving: false,\r\n callback: undefined,\r\n });\r\n const [modalBankAccount, setModalBankAccount] = useState({\r\n open: false,\r\n saving: false,\r\n bankAccount: generateEmptyBankAccount(),\r\n errors: {},\r\n });\r\n const [archives, setArchives] = useState([]);\r\n\r\n const reloadBankAccounts = () => {\r\n if (mode === AccountMode.New) {\r\n if (!fetching) {\r\n const body = {\r\n AccountGetInfo: {\r\n GetAccountDataId: accountId,\r\n GetAccountDataOnboardingId: accountId,\r\n GetAccountDataType: getAccountType.BankAccounts,\r\n },\r\n };\r\n services.fetchNewAccountInfo(body, (response) => {\r\n if (response && response.SDTAccount) {\r\n setAccountData(\r\n {\r\n AccountId: accountId,\r\n BankAccounts: response.SDTAccount.BankAccounts,\r\n },\r\n false\r\n );\r\n }\r\n setFetching(false);\r\n });\r\n setFetching(true);\r\n }\r\n }\r\n };\r\n const toggleModalConfirm = () => {\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n bankAccountItemId: undefined,\r\n saving: false,\r\n callback: undefined,\r\n });\r\n };\r\n\r\n const onChangeEdit = (name, value, strValue) => {\r\n let newValue = value;\r\n if (name === \"BankAccountIsDepositInterest\" || name === \"BankAccountFavorite\") {\r\n newValue = value === \"true\" || value === true;\r\n }\r\n const errors = validateBankAccount({\r\n ...modalBankAccount.bankAccount,\r\n [name]: newValue,\r\n\r\n BankAccountName: name === \"BankAccountId\" ? strValue : modalBankAccount.bankAccount.BankAccountName,\r\n });\r\n setModalBankAccount({\r\n ...modalBankAccount,\r\n bankAccount: {\r\n ...modalBankAccount.bankAccount,\r\n [name]: newValue,\r\n\r\n BankAccountName: name === \"BankAccountId\" ? strValue : modalBankAccount.bankAccount.BankAccountName,\r\n },\r\n errors: errors,\r\n });\r\n };\r\n\r\n const toggleModalBankAccount = (bankAccount) => {\r\n if (bankAccount !== undefined) {\r\n if (bankAccount.Archives !== undefined) {\r\n setArchives(bankAccount.Archives);\r\n } else {\r\n setArchives([]);\r\n }\r\n } else {\r\n setArchives([]);\r\n }\r\n setModalBankAccount({\r\n saving: modalBankAccount.saving,\r\n open: !modalBankAccount.open,\r\n bankAccount: bankAccount && bankAccount.BankAccountItemId ? bankAccount : generateEmptyBankAccount(),\r\n errors: {},\r\n });\r\n };\r\n\r\n const handleEdit = (index) => {\r\n toggleModalBankAccount(bankAccounts[index]);\r\n };\r\n\r\n const handleAdd = () => {\r\n toggleModalBankAccount();\r\n };\r\n\r\n const handleDelete = (index) => {\r\n const id = bankAccounts[index].BankAccountItemId;\r\n const bankId = bankAccounts[index].BankAccountId;\r\n setModalConfirm({\r\n open: true,\r\n title: \"Are you sure you want to delete the selected Bank Account?\",\r\n bankAccountItemId: id,\r\n callback: () => deleteBankAccount(id, bankId),\r\n });\r\n };\r\n\r\n function validateBankAccount(fields) {\r\n const fieldNames = [\r\n \"BankAccountId\",\r\n \"BankAccountPersonalName\",\r\n \"BankAccountHolders\",\r\n \"BankAccountNumber\",\r\n \"BankAccountCurrency\",\r\n \"BankAccountStatus\",\r\n ];\r\n const errors = {};\r\n\r\n fieldNames.forEach((name) => {\r\n if (fields[name] == undefined || fields[name] == \"\") {\r\n errors[name] = \"Required field\";\r\n }\r\n });\r\n\r\n return errors;\r\n }\r\n\r\n const handleSaveBankAccount = () => {\r\n const errors = validateBankAccount(modalBankAccount.bankAccount);\r\n setModalBankAccount({\r\n ...modalBankAccount,\r\n errors: errors,\r\n });\r\n if (Object.keys(errors).length == 0) {\r\n const newBankAccount = { ...modalBankAccount.bankAccount };\r\n const account = {\r\n AccountId: accountId,\r\n AccountOnboardingId: accountId,\r\n BankAccounts: [\r\n {\r\n ...newBankAccount,\r\n DeleteBankAccount: false,\r\n Archives: archives,\r\n },\r\n ],\r\n };\r\n const body = {\r\n accountChangeType: getAccountType.BankAccounts,\r\n account,\r\n };\r\n setModalBankAccount({ ...modalBankAccount, saving: true });\r\n if (mode !== AccountMode.New) {\r\n services.fetchAccountUpdate(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n const newBankAccounts = [...bankAccounts];\r\n let index = -1;\r\n newBankAccounts.map((bankAcc, i) => {\r\n if (newBankAccount.BankAccountItemId === bankAcc.BankAccountItemId) {\r\n index = i;\r\n }\r\n return {};\r\n });\r\n if (index > -1) {\r\n newBankAccounts[index] = newBankAccount;\r\n } else {\r\n newBankAccounts.push(newBankAccount);\r\n }\r\n account.BankAccounts = newBankAccounts;\r\n setAccountData(account, true);\r\n setModalBankAccount({\r\n saving: false,\r\n open: false,\r\n bankAccount: generateEmptyBankAccount(),\r\n errors: {},\r\n });\r\n } else {\r\n setModalBankAccount({\r\n ...modalBankAccount,\r\n saving: false,\r\n });\r\n alert(response.result.Description);\r\n }\r\n });\r\n } else {\r\n services.fetchNewAccount(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n const newBankAccounts = [...bankAccounts];\r\n let index = -1;\r\n newBankAccounts.map((bankAcc, i) => {\r\n if (newBankAccount.BankAccountItemId === bankAcc.BankAccountItemId) {\r\n index = i;\r\n }\r\n return {};\r\n });\r\n if (index > -1) {\r\n newBankAccounts[index] = newBankAccount;\r\n } else {\r\n newBankAccounts.push(newBankAccount);\r\n }\r\n account.BankAccounts = newBankAccounts;\r\n setAccountData(account, true);\r\n reloadBankAccounts();\r\n setModalBankAccount({\r\n saving: false,\r\n open: false,\r\n bankAccount: generateEmptyBankAccount(),\r\n errors: {},\r\n });\r\n } else {\r\n setModalBankAccount({\r\n ...modalBankAccount,\r\n saving: false,\r\n });\r\n }\r\n });\r\n }\r\n }\r\n };\r\n\r\n const deleteBankAccount = (id, bankId) => {\r\n const deleteAccountId = id;\r\n const account = {\r\n AccountId: accountId,\r\n AccountOnboardingId: accountId,\r\n BankAccounts: [\r\n {\r\n BankAccountItemId: deleteAccountId,\r\n BankAccountId: bankId,\r\n DeleteBankAccount: true,\r\n },\r\n ],\r\n };\r\n const body = {\r\n account,\r\n accountChangeType: getAccountType.BankAccounts,\r\n };\r\n setModalConfirm({ ...modalConfirm, saving: true });\r\n if (mode !== AccountMode.New) {\r\n services.fetchAccountUpdate(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n const newBankAccounts = bankAccounts;\r\n let index = -1;\r\n newBankAccounts.map((bankAcc, i) => {\r\n if (deleteAccountId === bankAcc.BankAccountItemId) {\r\n index = i;\r\n }\r\n return {};\r\n });\r\n if (index > -1) {\r\n newBankAccounts.splice(index, 1);\r\n }\r\n account.BankAccounts = newBankAccounts;\r\n setAccountData(account, true);\r\n toggleModalConfirm();\r\n } else {\r\n setModalConfirm({\r\n ...modalConfirm,\r\n saving: false,\r\n });\r\n alert(response.result.Description);\r\n }\r\n });\r\n } else {\r\n services.fetchNewAccount(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n const newBankAccounts = bankAccounts;\r\n let index = -1;\r\n newBankAccounts.map((bankAcc, i) => {\r\n if (deleteAccountId === bankAcc.BankAccountItemId) {\r\n index = i;\r\n }\r\n return {};\r\n });\r\n if (index > -1) {\r\n newBankAccounts.splice(index, 1);\r\n }\r\n account.BankAccounts = newBankAccounts;\r\n setAccountData(account, true);\r\n reloadBankAccounts();\r\n toggleModalConfirm();\r\n } else {\r\n setModalConfirm({\r\n ...modalConfirm,\r\n saving: false,\r\n });\r\n }\r\n });\r\n }\r\n };\r\n\r\n const handleCreateAccount = () => {\r\n setLoading(true);\r\n const body = {\r\n onboardingProcessId: accountId,\r\n };\r\n services.createAccount(body, (data) => {\r\n if (data && data.result) {\r\n setModalConfirm({\r\n ...modalConfirm,\r\n saving: false,\r\n open: false,\r\n });\r\n if (data.result.Code === 200) {\r\n alert(\"Account Sended to Compliance!\");\r\n setRedirectAccounts(true);\r\n } else {\r\n alert(`Failed! ${data.result.Description}`);\r\n }\r\n }\r\n setLoading(false);\r\n });\r\n };\r\n\r\n const createOnboardingAccount = () => {\r\n setModalConfirm((m) => ({\r\n ...m,\r\n open: true,\r\n title: \"Are you sure you want to send this account to compliance?\",\r\n accountId,\r\n callback: () => handleCreateAccount(accountId),\r\n }));\r\n };\r\n\r\n const getCurrencyISO = (id) => {\r\n let iso = \"\";\r\n if (currencies) {\r\n currencies.forEach((c) => {\r\n if (parseInt(c.currencyId, 10) === parseInt(id, 10)) {\r\n iso = c.currencyISO;\r\n }\r\n });\r\n }\r\n return iso;\r\n };\r\n\r\n useEffect(() => {\r\n if (mode !== AccountMode.New) {\r\n if (!bankAccounts && !fetching) {\r\n const body = {\r\n AccountGetInfo: {\r\n GetAccountDataId: accountId,\r\n GetAccountDataType: getAccountType.BankAccounts,\r\n },\r\n };\r\n services.fetchAccountSectorInfo(body, (response) => {\r\n if (response && response.SDTAccount) {\r\n setAccountData(\r\n {\r\n SignatureSets: signatureSets,\r\n PersonalReferences: references,\r\n AccountId: accountId,\r\n BankAccounts: response.SDTAccount.BankAccounts,\r\n },\r\n false\r\n );\r\n }\r\n setFetching(false);\r\n });\r\n setFetching(true);\r\n }\r\n }\r\n }, [bankAccounts, fetching, accountId, setAccountData, services]);\r\n\r\n useEffect(() => {\r\n if (mode === AccountMode.New) {\r\n if (!fetching) {\r\n const body = {\r\n AccountGetInfo: {\r\n GetAccountDataId: accountId,\r\n GetAccountDataOnboardingId: accountId,\r\n GetAccountDataType: getAccountType.BankAccounts,\r\n },\r\n };\r\n services.fetchNewAccountInfo(body, (response) => {\r\n if (response && response.SDTAccount) {\r\n setAccountData(\r\n {\r\n AccountId: accountId,\r\n PersonalReferences: references,\r\n SignatureSets: signatureSets,\r\n Groups: groups,\r\n BankAccounts: response.SDTAccount.BankAccounts,\r\n },\r\n false\r\n );\r\n }\r\n setFetching(false);\r\n });\r\n setFetching(true);\r\n }\r\n }\r\n }, []);\r\n\r\n const getFile = (file) => {\r\n if (mode === AccountMode.New) {\r\n const body = {\r\n fileId: file.ArchiveTemporalFileId,\r\n onboarding: accountId,\r\n };\r\n services.getOnboardingAccountArchive(body, (response) => {\r\n var a = document.createElement(\"A\");\r\n a.href = `data:application/octet-stream;base64,${response.blobfile}`;\r\n a.download = `${file.ArchiveName}.${file.ArchiveExtension}`;\r\n document.body.appendChild(a);\r\n a.click();\r\n document.body.removeChild(a);\r\n });\r\n } else {\r\n const body = {\r\n accountId: accountId,\r\n archiveId: file.ArchiveId,\r\n };\r\n services.getAccountArchive(body, (response) => {\r\n var a = document.createElement(\"A\");\r\n a.href = `data:application/octet-stream;base64,${response.blobfile}`;\r\n a.download = `${file.ArchiveName}.${file.ArchiveExtension}`;\r\n document.body.appendChild(a);\r\n a.click();\r\n document.body.removeChild(a);\r\n });\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n {riskByPersonIsZero && !isReadOnly && (\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nBankAccountsTab.propTypes = {\r\n accountId: PropTypes.string.isRequired,\r\n bankAccounts: PropTypes.array.isRequired,\r\n setAccountData: PropTypes.func.isRequired,\r\n currencies: PropTypes.array.isRequired,\r\n services: PropTypes.object.isRequired,\r\n banks: PropTypes.array,\r\n};\r\n\r\nBankAccountsTab.defaultProps = {\r\n banks: undefined,\r\n};\r\n\r\nfunction RenderDropdownActions({ onEdit, onDelete, index }) {\r\n return (\r\n | \r\n | # | \r\nCurrency | \r\nType | \r\nName | \r\nHolders | \r\nDefault Permanent Instruction | \r\nFund Incomes only | \r\nStatus | \r\n
|---|---|---|---|---|---|---|---|---|
| \r\n | \r\n ||||||||
| \r\n {riskByPersonIsZero && (\r\n | \r\n {acc.BankAccountNumber} | \r\n{getCurrencyISO(acc.BankAccountCurrency)} | \r\n{acc.BankAccountType} | \r\n{acc.BankAccountName} | \r\n{acc.BankAccountHolders} | \r\n{acc.BankAccountIsDepositInterest ? \"Yes\" : \"No\"} | \r\n{acc.BankAccountFundIncomesOnly ? \"Yes\" : \"No\"} | \r\n{acc.BankAccountStatus} | \r\n
| \r\n No Results.\r\n | \r\n
\r\n {\r\n if (mode === AccountMode.New) {\r\n return holder.AccountHolderIsBeneficiary;\r\n }\r\n return holder.AccountHolderIsBeneficiary && !holder.AccountHolderByAdvisor;\r\n })}\r\n changedHolder={changedHolder}\r\n collapsedHolder={collapsedHolder}\r\n onChange={onChange}\r\n toggleHolder={toggleHolder}\r\n account={account}\r\n existsMainHolder={existsMainHolder}\r\n handleDeleteHolder={handleRemoveHolder}\r\n role={\"Beneficiary\"}\r\n isReadOnly={isReadOnly}\r\n />\r\n {!isReadOnly && (\r\n \r\n Add New Beneficiary\r\n \r\n )}\r\n {!isReadOnly && (\r\n \r\n )}\r\n {!isReadOnly && (\r\n handleSave(changedHolder)}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n Save\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nBeneficiariesTab.propTypes = {\r\n holders: PropTypes.array.isRequired,\r\n accountId: PropTypes.any.isRequired,\r\n account: PropTypes.object.isRequired,\r\n setAccountData: PropTypes.func.isRequired,\r\n services: PropTypes.object.isRequired,\r\n userType: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default BeneficiariesTab;\r\n","import React, { Fragment } from \"react\";\r\nimport { FormGroup, Label, ListGroup, ListGroupItem, Row, Col } from \"reactstrap\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport { CheckFormField, FormField, SelectFormField } from \"../../../../../utils\";\r\nimport { commissionForm } from \".\";\r\nimport { OrderTable } from \"./OrderTable/OrderTable\";\r\n\r\nfunction EventCommission({ events, event, eventErrors, handleChange, loading }) {\r\n return (\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 \r\n \r\n {group.map((groupItem, index) => {\r\n return (\r\n
|---|---|---|---|
| \r\n {groupItem.AssetGroupName ? groupItem.AssetGroupName : \"-\"} \r\n | \r\n \r\n {groupItem.AssetGroupValue ? groupItem.AssetGroupValue : \"-\"} \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\r\nRecurringAssetGroup.propTypes = {\r\n subasset: PropTypes.array.isRequired,\r\n subassetSchema: PropTypes.array.isRequired,\r\n setSubassets: PropTypes.func.isRequired,\r\n recIndex: PropTypes.number.isRequired,\r\n services: PropTypes.object.isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n assetGroupId: PropTypes.any.isRequired,\r\n};\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { Button, Label, Input, Row, Col, FormGroup, InputGroup } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport PropTypes from \"prop-types\";\r\nimport { SelectFormField, CircularProgress } from \"../../../../../index\";\r\n\r\nimport { getLocalDate } from \"../../../../../utils/dateUtils\";\r\nimport EventCommission from \"./EventCommission\";\r\nimport RecurringCommission from \"./RecurringCommission\";\r\nimport { Field } from \"../../../..\";\r\n\r\nexport const commissionForm = {\r\n Flat: \"Flat\",\r\n Percentage: \"Percentage\",\r\n};\r\n\r\nconst CommissionTab = ({ accountId, services }) => {\r\n const [commission, setCommission] = useState(undefined);\r\n const [schema, setSchema] = useState(undefined);\r\n const [schemas, setSchemas] = useState(undefined);\r\n const [errors, setErrors] = useState({\r\n recurring: {},\r\n event: {},\r\n });\r\n const [loading, setLoading] = useState(false);\r\n\r\n const handleChangeCommission = (name, value) => {\r\n const [id, from] = value.split(\" - \");\r\n setCommission((c) => ({\r\n ...c.commission,\r\n id,\r\n from,\r\n recurring: undefined,\r\n event: undefined,\r\n }));\r\n setSchema(undefined);\r\n // check to not allow form 2 if only form 1 is allowed\r\n };\r\n\r\n const handleChange = (name, index, type, value) => {\r\n const newError = { ...errors };\r\n const newCommission = { ...commission };\r\n const typeSchema = schema[type][index];\r\n const oldType = commission[type][index];\r\n delete newError[type][index];\r\n\r\n newCommission[type][index][name] = value;\r\n\r\n let compareValue;\r\n let canCompare = {};\r\n if (name === \"form\") {\r\n compareValue = parseFloat(newCommission[type][index].volume);\r\n canCompare = {\r\n min: value.trim() === typeSchema.minForm.trim(),\r\n max: value.trim() === typeSchema.maxForm.trim(),\r\n };\r\n } else if (name === \"volume\") {\r\n compareValue = parseFloat(value);\r\n canCompare = {\r\n min: oldType.form.trim() === typeSchema.minForm.trim(),\r\n max: oldType.form.trim() === typeSchema.maxForm.trim(),\r\n };\r\n } else if (name === \"groupVolume\") {\r\n newCommission.event[index].Group[0].GroupVolume = value;\r\n }\r\n // checks that new group volume is in range\r\n if (name === \"groupVolume\") {\r\n const maxCommissionGroup = parseFloat(newCommission.event[index].Group[0].CommissionGroupMax);\r\n const minCommissionGroup = parseFloat(newCommission.event[index].Group[0].CommissionGroupMin);\r\n const newIndex = \"groupVolume\";\r\n\r\n if (value < minCommissionGroup) {\r\n newError[type][newIndex] = \"Value is lower than lower limit\";\r\n } else if (maxCommissionGroup != 0 && value > maxCommissionGroup) {\r\n newError[type][newIndex] = \"Value is higher than upper limit\";\r\n }else{\r\n // resets the error message\r\n newError[type][newIndex] = \"\";\r\n }\r\n setErrors(newError);\r\n }\r\n // check commission in range\r\n if (canCompare.min && parseFloat(typeSchema.min) > compareValue) {\r\n newError[type][index] = \"Value is lower than lower limit\";\r\n } else if (canCompare.max && parseFloat(typeSchema.max) < compareValue) {\r\n newError[type][index] = \"Value is higher than upper limit\";\r\n }\r\n setCommission(newCommission);\r\n setErrors(newError);\r\n };\r\n\r\n const setSubassets = (indexRecurring, newSubassets) => {\r\n const newCommission = { ...commission };\r\n newCommission.recurring[indexRecurring].subasset = [...newSubassets];\r\n setCommission(newCommission);\r\n };\r\n\r\n const handleSave = () => {\r\n setLoading(true);\r\n const body = {\r\n accountId,\r\n commission: {\r\n ...commission,\r\n recurring: commission.recurring.map((rec) => ({\r\n ...rec,\r\n subasset: rec.subasset.filter((item) => item.included),\r\n })),\r\n },\r\n };\r\n services.updateAccountCommission(body, (res) => {\r\n services.showToast(\"Commission changed successfully\");\r\n setLoading(false);\r\n });\r\n };\r\n\r\n const revert = () => {\r\n setCommission(undefined);\r\n setSchema(undefined);\r\n setErrors({\r\n recurring: {},\r\n event: {},\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n services.getCommissionSchemas({}, (res) => {\r\n setSchemas(\r\n res.schemas.map((s, index) => ({\r\n ...s,\r\n index,\r\n }))\r\n );\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (!commission) {\r\n services.getAccountCommission({ accountId }, (res) => {\r\n setCommission(res.commission);\r\n });\r\n }\r\n }, [commission]);\r\n\r\n useEffect(() => {\r\n if (!schema && commission) {\r\n const { id, from } = commission;\r\n if (id && from) {\r\n services.getCommissionSchema(\r\n {\r\n commissionId: id,\r\n commissionFrom: from,\r\n },\r\n (res) => {\r\n const { schema: newSchema } = res;\r\n setErrors({\r\n recurring: {},\r\n event: {},\r\n });\r\n setSchema(res.schema);\r\n setCommission((c) => ({\r\n ...c,\r\n recurring: c.recurring ? [...c.recurring] : [...newSchema.recurring],\r\n event: c.event ? [...c.event] : [...newSchema.event],\r\n }));\r\n }\r\n );\r\n }\r\n }\r\n }, [commission, schema]);\r\n\r\n let canSubmit = schemas && schema && commission && commission.recurring && commission.event;\r\n if (canSubmit) {\r\n Object.keys(errors.event).forEach((key) => {\r\n canSubmit = canSubmit && !errors.event[key];\r\n });\r\n }\r\n if (canSubmit) {\r\n Object.keys(errors.recurring).forEach((key) => {\r\n canSubmit = canSubmit && !errors.recurring[key];\r\n });\r\n }\r\n\r\n return (\r\n \r\n Exluceded groups from Asset Group:{\" \"}\r\n {assetGroup.AssetGroupName}\r\n
\r\n| Name | \r\nExclude in minimum | \r\nExclude | \r\n
|---|---|---|
| {subAssSchema.value} | \r\n\r\n {subAssSchema.included ? (\r\n | \r\n \r\n | \r\n
| \r\n No Assets in Group\r\n | \r\n
\r\n
\r\n )}\r\n \r\n ))}\r\n \r\n \r\n \r\n {!isReadOnly && (\r\n \r\n \r\n {/* \r\n List Check\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 {\" \"}\r\n \r\n \r\n */}\r\n \r\n\r\n\r\n
\r\n\r\n\r\n \r\n {showResults && \r\n \r\n \r\n
\r\n }\r\n
\r\n \r\n {/* {userType === 'Compliance' && */}\r\n \r\n \r\n \r\n Create Account\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nFinalizeTab.propTypes = {\r\n accountId: PropTypes.string.isRequired,\r\n setAccountData: PropTypes.func.isRequired,\r\n services: PropTypes.object.isRequired,\r\n account: PropTypes.object.isRequired,\r\n mode: PropTypes.object.isRequired,\r\n};\r\n\r\nFinalizeTab.defaultProps = {\r\n Finalize: undefined,\r\n};\r\n\r\nexport default FinalizeTab;\r\n","import React, { useState, Fragment, useEffect } from \"react\";\r\nimport { Table, Button } from \"reactstrap\";\r\nimport ModalGroup from \"../../../Profile/Modal/ModalGroup\";\r\nimport ModalConfirm from \"../../Modal/ModalConfirm\";\r\n//import { LoadingMessage } from \"../../Controls\";\r\nimport LaddaButton, { ZOOM_OUT, XS } from \"react-ladda\";\r\nimport { CircularProgress } from \"../../../..\";\r\nimport { getAccountType } from \"../types\";\r\n//import { Mode, WizzMode } from \"../../types\";\r\nimport { AccountMode } from \"../../../../utils/Helper\";\r\n//import { useEntities } from \"../../Wizzard\";\r\n\r\nconst GroupsTab = ({ accountId, groups, isReadOnly, setAccountData, services, role, mode }) => {\r\n //const [readonly, setReadonly] = useState(mode == WizzMode.View);\r\n const [modalGroup, setModalGroup] = useState({ open: false });\r\n const [fetching, setFetching] = useState(false);\r\n const [modalConfirm, setModalConfirm] = useState({\r\n open: false,\r\n title: \"\",\r\n groupId: undefined,\r\n saving: false,\r\n });\r\n //const [deleting, setDeleting] = useEntities({});\r\n\r\n const toggle = (props) => {\r\n setModalGroup({ open: !modalGroup.open, ...props });\r\n };\r\n\r\n const toggleModalConfirm = () => {\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n groupId: undefined,\r\n value: undefined,\r\n saving: false,\r\n });\r\n };\r\n\r\n // handle grid actions\r\n const handleAction = (action, group, value) => {\r\n if (action == \"Insert\") {\r\n toggle({\r\n accountId,\r\n action,\r\n onConfirm: (e) => handleSave(action, e),\r\n });\r\n } else if (action == \"Update\") {\r\n toggle({\r\n accountId,\r\n action,\r\n group: groups.find((c) => c.AccountGroupId == group && c.AccountGroupValue == value),\r\n onConfirm: (e) => handleSave(action, e),\r\n });\r\n } else if (action == \"Delete\") {\r\n setModalConfirm({\r\n open: true,\r\n title: \"Are you sure you want to delete the selected group Account?\",\r\n groupId: group,\r\n value: value,\r\n });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (role && role == 'Onboarding') {\r\n if (mode === AccountMode.New) {\r\n if (!fetching) {\r\n const body = {\r\n AccountGetInfo: {\r\n GetAccountDataId: accountId,\r\n GetAccountDataOnboardingId: accountId,\r\n GetAccountDataType: getAccountType.Groups,\r\n },\r\n };\r\n services.fetchNewAccountInfo(body, (response) => {\r\n if (response && response.SDTAccount) {\r\n setAccountData(\r\n {\r\n AccountId: accountId,\r\n Groups: response.SDTAccount.Groups,\r\n },\r\n false\r\n );\r\n }\r\n let toggleDWOpen = [];\r\n if (response && response.SDTAccount) {\r\n toggleDWOpen = response.SDTAccount.Groups.map(() => false);\r\n }\r\n\r\n setFetching(false);\r\n });\r\n setFetching(true);\r\n }\r\n }}\r\n }, []);\r\n\r\n const handleSave = (a, fields) => {\r\n const account = {\r\n [role === 'Onboarding' ? 'AccountOnboardingId' : 'AccountId']: accountId,\r\n Groups: [\r\n {\r\n AccountGroupId: fields.AccountGroupId,\r\n AccountGroupName: fields.AccountGroupName,\r\n AccountGroupValue: fields.AccountGroupValue,\r\n AccountGroupAction: a\r\n },\r\n ],\r\n };\r\n const body = {\r\n account,\r\n accountChangeType: getAccountType.Groups,\r\n };\r\n //setModalBankAccount({...modalBankAccount, saving: true});\r\n services.fetchAccountUpdate(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n const newBankAccounts = [...groups];\r\n let index = -1;\r\n newBankAccounts.map((bankAcc, i) => {\r\n if (fields.AccountGroupId === bankAcc.AccountGroupId) {\r\n index = i;\r\n }\r\n return {};\r\n });\r\n if (index > -1) {\r\n newBankAccounts[index] = fields;\r\n } else {\r\n newBankAccounts.push(fields);\r\n }\r\n account.Groups = newBankAccounts;\r\n setAccountData(account, true);\r\n setModalGroup({ open: !modalGroup.open, ...modalGroup });\r\n } else {\r\n setModalGroup({ open: !modalGroup.open, ...modalGroup });\r\n alert(response.result.Description);\r\n }\r\n });\r\n };\r\n\r\n const handleDelete = () => {\r\n const groupid = modalConfirm.groupId;\r\n const value = modalConfirm.value;\r\n const account = {\r\n [role === 'Onboarding' ? 'AccountOnboardingId' : 'AccountId']: accountId,\r\n Groups: [\r\n {\r\n AccountGroupId: groupid,\r\n AccountGroupValue: value,\r\n DeleteGroup: true,\r\n },\r\n ],\r\n };\r\n const body = {\r\n account,\r\n accountChangeType: getAccountType.Groups,\r\n };\r\n setModalConfirm({ ...modalConfirm, saving: true });\r\n services.fetchAccountUpdate(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n const newBankAccounts = [...groups];\r\n let index = -1;\r\n newBankAccounts.map((bankAcc, i) => {\r\n if (groupid === bankAcc.AccountGroupId) {\r\n index = i;\r\n }\r\n return {};\r\n });\r\n if (index > -1) {\r\n newBankAccounts.splice(index);\r\n }\r\n account.Groups = newBankAccounts;\r\n setAccountData(account, true);\r\n toggleModalConfirm();\r\n } else {\r\n setModalConfirm({\r\n ...modalConfirm,\r\n saving: false,\r\n });\r\n alert(response.result.Description);\r\n }\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n if (!groups && !fetching) {\r\n const body = {\r\n AccountGetInfo: {\r\n GetAccountDataId: accountId,\r\n GetAccountDataType: getAccountType.Groups,\r\n },\r\n };\r\n services.fetchAccountSectorInfo(body, (response) => {\r\n if (response && response.SDTAccount) {\r\n setAccountData(\r\n {\r\n AccountId: accountId,\r\n Groups: response.SDTAccount.Groups,\r\n },\r\n false\r\n );\r\n }\r\n setFetching(false);\r\n });\r\n setFetching(true);\r\n }\r\n }, [groups, fetching, accountId, setAccountData, services]);\r\n\r\n return (\r\n \r\n \r\n
\r\n | Person Name | \r\nPerson Checked Name | \r\nList Name | \r\nPerson Relation | \r\nMarked as false positive | \r\n
|---|---|---|---|---|
| {r.personName} | \r\n{r.personCheckName} | \r\n{r.listName} | \r\n{r.personRelation} | \r\n\r\n {r.belongPersonList == true ? (\r\n | \r\n
\r\n {!isReadOnly && (\r\n \r\n )}\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nconst EmptyOrLoading = ({ loading }) => (\r\n | Group Name | \r\nGroup Value | \r\n\r\n |
|---|---|---|
| {item.AccountGroupName} | \r\n{item.AccountGroupValue} | \r\n\r\n {!isReadOnly && (\r\n | \r\n
\r\n \r\n\r\n action(\"Delete\", id, valueId)}\r\n data-style={ZOOM_OUT}\r\n data-size={XS}\r\n >\r\n \r\n \r\n
\r\n);\r\n\r\nexport default GroupsTab;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Button } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport { preCheckObjectEmpty } from \"../../Modal/ModalArchive\";\r\nimport { getAccountType } from \"../types\";\r\nimport ModalHolder from \"../../Modal/ModalHolder\";\r\nimport HoldersForm from \"../HoldersForm\";\r\nimport ModalConfirm from \"../../Modal/ModalConfirm\";\r\nimport { CircularProgress } from \"../../../..\";\r\nimport { AccountMode } from \"../../../../utils/Helper\";\r\nimport ModalError from \"../../Modal/ModalError\";\r\n\r\nconst HoldersTab = ({\r\n holders,\r\n account,\r\n accountId,\r\n setAccountData,\r\n disabledFields,\r\n services,\r\n userType,\r\n isReadOnly,\r\n mode,\r\n Link,\r\n}) => {\r\n const [loadingSave, setLoadingSave] = useState(false);\r\n const [collapsedHolder, setCollapsedHolder] = useState([]);\r\n const [changedHolder, setChangedHolder] = useState({});\r\n const [modalHolder, setModalHolder] = useState({\r\n open: false,\r\n saving: false,\r\n });\r\n const [modalConfirm, setModalConfirm] = useState({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false,\r\n holderId: undefined,\r\n });\r\n const [modalError, setModalError] = useState({\r\n open: false,\r\n message: \"\",\r\n });\r\n\r\n useEffect(() => {\r\n if (holders) {\r\n const newCollapsedHolder = holders.map(() => ({\r\n open: false,\r\n canEdit: false,\r\n }));\r\n setCollapsedHolder(newCollapsedHolder);\r\n }\r\n }, [holders]);\r\n\r\n const toggleModalHolder = () =>\r\n setModalHolder((m) => ({\r\n open: !m.open,\r\n saving: false,\r\n }));\r\n\r\n const toggleModalError = (e, message) =>\r\n setModalError({\r\n open: !modalError.open,\r\n message,\r\n });\r\n\r\n const handleDeleteHolder = (holderId) => {\r\n let canDelete = true;\r\n const allHolders = [...holders];\r\n\r\n // allHolders.forEach((holder) => {\r\n // if (\r\n // !account.AccountIsPhysical &&\r\n // holder.AccountHolderId === holderId &&\r\n // holder.AccountHolderRelationshipJuridical == \"Holder\"\r\n // ) {\r\n // canDelete = false;\r\n // }\r\n // });\r\n\r\n if (canDelete) {\r\n const postAccount = {\r\n AccountId: accountId,\r\n AccountOnboardingId: accountId,\r\n Holder: [\r\n {\r\n PersonId: holderId,\r\n deleteHolder: true,\r\n },\r\n ],\r\n };\r\n const body = {\r\n account: postAccount,\r\n accountChangeType: getAccountType.Holders,\r\n };\r\n setModalConfirm((m) => ({\r\n ...m,\r\n loading: true,\r\n }));\r\n if (mode !== AccountMode.New) {\r\n services.fetchAccountUpdate(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n let index = -1;\r\n allHolders.forEach((holder, i) => {\r\n if (parseInt(holderId, 10) === parseInt(holder.AccountHolderId, 10)) {\r\n index = i;\r\n }\r\n });\r\n if (index > -1) {\r\n allHolders.splice(index, 1);\r\n collapsedHolder.splice(index, 1);\r\n }\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n holderId: undefined,\r\n callback: undefined,\r\n loading: false,\r\n });\r\n setAccountData(\r\n {\r\n AccountId: accountId,\r\n AccountInfoHolder: allHolders,\r\n },\r\n true\r\n );\r\n } else {\r\n setModalConfirm((m) => ({\r\n ...m,\r\n loading: false,\r\n }));\r\n }\r\n });\r\n } else {\r\n services.fetchNewAccount(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n let index = -1;\r\n allHolders.forEach((holder, i) => {\r\n if (parseInt(holderId, 10) === parseInt(holder.AccountHolderId, 10)) {\r\n index = i;\r\n }\r\n });\r\n if (index > -1) {\r\n allHolders.splice(index, 1);\r\n collapsedHolder.splice(index, 1);\r\n }\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n holderId: undefined,\r\n callback: undefined,\r\n loading: false,\r\n });\r\n setAccountData(\r\n {\r\n AccountId: accountId,\r\n AccountInfoHolder: allHolders,\r\n },\r\n true\r\n );\r\n } else {\r\n setModalConfirm((m) => ({\r\n ...m,\r\n loading: false,\r\n }));\r\n }\r\n });\r\n }\r\n } else {\r\n toggleModalError({}, \"Error. The Main Holder can not be deleted.\");\r\n }\r\n };\r\n\r\n // useEffect(() => {\r\n // if (mode === AccountMode.New){\r\n // if (holders && holders.length < 1) {\r\n // const body = {\r\n // AccountGetInfo: {\r\n // GetAccountDataId: accountId,\r\n // GetAccountDataOnboardingId: accountId,\r\n // GetAccountDataType: getAccountType.Holders,\r\n // },\r\n // };\r\n // services.fetchNewAccountInfo(body, (data) => {\r\n // if (data && data.SDTAccount) {\r\n // setAccountData({\r\n // AccountId: accountId,\r\n // AccountArchives: data.SDTAccount.AccountInfoHolder,\r\n // }, false);\r\n // }\r\n // });\r\n // }\r\n\r\n // }\r\n // }, []);\r\n\r\n const handleRemoveHolder = (holderId) =>\r\n setModalConfirm((m) => ({\r\n ...m,\r\n open: true,\r\n title: \"Are you sure you want to remove the selected Holder?\",\r\n holderId,\r\n callback: () => handleDeleteHolder(holderId),\r\n }));\r\n\r\n const toggleModalConfirm = () =>\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n holderId: undefined,\r\n callback: undefined,\r\n loading: false,\r\n });\r\n\r\n const revert = () => setChangedHolder({});\r\n\r\n const handleSave = (newHolders) => {\r\n let hasMainHolder = false;\r\n let addHolder = true;\r\n let errorMessage = \"Error. The account already has a Main Holder.\";\r\n\r\n const allHolders = [...holders];\r\n allHolders.forEach((holder) => {\r\n if (\r\n holder.IsMainHolder ||\r\n (holder.HoldersRelationship == \"Holder\" && holder.HoldersRelationshipJuridical == \"Holder\")\r\n ) {\r\n hasMainHolder = true;\r\n }\r\n });\r\n\r\n let oldMainHolderRemoved = false;\r\n let newMainHolderAdded = false;\r\n const newAccountHolders = Object.keys(newHolders).map((key) => newHolders[key]);\r\n newAccountHolders.forEach((newHolder) => {\r\n const existHolder = holders.find(\r\n (currentHolder) => currentHolder.AccountHolderId == newHolder.AccountHolderId\r\n );\r\n\r\n if (existHolder != null) {\r\n if (existHolder.IsMainHolder && !newHolder.isMainHolder) {\r\n // saco el main holder\r\n oldMainHolderRemoved = true;\r\n }\r\n }\r\n\r\n if (newHolder.isMainHolder) {\r\n // Es main\r\n newMainHolderAdded = true;\r\n }\r\n\r\n const isValidEdit = existHolder != null && existHolder.IsMainHolder == newHolder.isMainHolder;\r\n\r\n if (\r\n !account.AccountIsPhysical &&\r\n hasMainHolder &&\r\n newHolder.HoldersRelationshipJuridical == \"Holder\" &&\r\n !isValidEdit\r\n ) {\r\n addHolder = false;\r\n } else {\r\n if (\r\n !isValidEdit &&\r\n account.AccountInfoHolder.find(\r\n (accountHolders) =>\r\n accountHolders.AccountHolderId === newHolder.AccountHolderId &&\r\n accountHolders.AccountHolderRelationshipJuridical == \"Holder\"\r\n )\r\n ) {\r\n addHolder = false;\r\n errorMessage = \"Error. The account needs to have a Main Holder.\";\r\n }\r\n }\r\n });\r\n\r\n if (oldMainHolderRemoved && !newMainHolderAdded) {\r\n const response = window.confirm(\r\n \"There is no Main Holder in the Account.\\nThis will change the Account type to juridical.\\nAre you sure to proceed?\"\r\n );\r\n if (!response) {\r\n return;\r\n }\r\n }\r\n\r\n if (addHolder) {\r\n if (!account.AccountIsPhysical) {\r\n const mainHolderRef = newAccountHolders[0];\r\n mainHolderRef.isMainHolder = mainHolderRef.HoldersRelationshipJuridical == \"Holder\";\r\n }\r\n\r\n const postAccount = {\r\n AccountId: accountId,\r\n AccountOnboardingId: accountId,\r\n AccountIsPhysical: account.AccountIsPhysical,\r\n Holder: newAccountHolders,\r\n };\r\n const body = {\r\n account: postAccount,\r\n accountChangeType: getAccountType.Holders,\r\n };\r\n setLoadingSave(true);\r\n if (mode !== AccountMode.New) {\r\n services.fetchAccountUpdate(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n Object.keys(newHolders).forEach((key) => {\r\n let index = -1;\r\n const newHolder = {\r\n AccountHolderId: newHolders[key].PersonId,\r\n AccountHolderName: newHolders[key].PersonName,\r\n AccountHolderPersonType: newHolders[key].PersonType,\r\n AccountHolderRelationship: newHolders[key].HoldersRelationship,\r\n AccountHolderRelationshipDescription: newHolders[key].HoldersRelationshipDescription,\r\n AccountHolderRelationshipJuridical: newHolders[key].HoldersRelationshipJuridical,\r\n AccountHolderIsController: newHolders[key].HoldersIsController,\r\n AccountHolderIsManager: newHolders[key].HoldersIsManager,\r\n IsMainHolder: newHolders[key].isMainHolder,\r\n HoldersOrderWeb: newHolders[key].HoldersOrderWeb,\r\n HoldersOrderManaged: newHolders[key].HoldersOrderManaged,\r\n HoldersOrderWritten: newHolders[key].HoldersOrderWritten,\r\n HoldersOrderViaLink: newHolders[key].HoldersOrderViaLink,\r\n AccountHolderIsBeneficiary: newHolders[key].AccountHolderIsBeneficiary,\r\n AccountHolderEmail: response.newHolderInfo.AccountHolderEmail,\r\n AccountHolderAddress: response.newHolderInfo.AccountHolderAddress,\r\n AccountHolderCountryId: response.newHolderInfo.AccountHolderCountryId,\r\n AccountHolderCountryName: response.newHolderInfo.AccountHolderCountryName,\r\n AccountHolderByAdvisor: userType == \"Advisor\",\r\n };\r\n allHolders.forEach((holder, i) => {\r\n if (parseInt(newHolder.AccountHolderId, 10) === parseInt(holder.AccountHolderId, 10)) {\r\n index = i;\r\n }\r\n });\r\n if (index > -1) {\r\n allHolders[index] = {\r\n ...allHolders[index],\r\n ...newHolder,\r\n };\r\n collapsedHolder[index].canEdit = false;\r\n } else {\r\n holders.push(newHolder);\r\n collapsedHolder.push({ open: false, canEdit: false });\r\n }\r\n });\r\n setLoadingSave(false);\r\n setChangedHolder({});\r\n setAccountData(\r\n {\r\n AccountId: accountId,\r\n AccountInfoHolder: allHolders,\r\n },\r\n true\r\n );\r\n } else {\r\n setLoadingSave(false);\r\n }\r\n });\r\n } else {\r\n services.fetchNewAccount(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n Object.keys(newHolders).forEach((key) => {\r\n let index = -1;\r\n const newHolder = {\r\n AccountHolderId: newHolders[key].PersonId,\r\n AccountHolderName: newHolders[key].PersonName,\r\n AccountHolderPersonType: newHolders[key].PersonType,\r\n AccountHolderStatus: newHolders[key].PersonStatus,\r\n AccountHolderRelationship: newHolders[key].HoldersRelationship,\r\n AccountHolderRelationshipJuridical: newHolders[key].HoldersRelationshipJuridical,\r\n AccountHolderRelationshipDescription: newHolders[key].HoldersRelationshipDescription,\r\n AccountHolderIsController: newHolders[key].HoldersIsController,\r\n AccountHolderIsManager: newHolders[key].HoldersIsManager,\r\n IsMainHolder: newHolders[key].isMainHolder,\r\n HoldersOrderWeb: newHolders[key].HoldersOrderWeb,\r\n HoldersOrderManaged: newHolders[key].HoldersOrderManaged,\r\n HoldersOrderWritten: newHolders[key].HoldersOrderWritten,\r\n HoldersOrderViaLink: newHolders[key].HoldersOrderViaLink,\r\n AccountHolderIsBeneficiary: newHolders[key].AccountHolderIsBeneficiary,\r\n AccountHolderEmail: response.newHolderInfo.AccountHolderEmail,\r\n AccountHolderAddress: response.newHolderInfo.AccountHolderAddress,\r\n AccountHolderCountryId: response.newHolderInfo.AccountHolderCountryId,\r\n AccountHolderCountryName: response.newHolderInfo.AccountHolderCountryName,\r\n AccountHolderByAdvisor: userType == \"Advisor\",\r\n AccountHolderTel: response.newHolderInfo.AccountHolderTel,\r\n AccountHolderDocumentTypeName: response.newHolderInfo.AccountHolderDocumentTypeName,\r\n AccountHolderDocumentNumber: response.newHolderInfo.AccountHolderDocumentNumber,\r\n };\r\n allHolders.forEach((holder, i) => {\r\n if (parseInt(newHolder.AccountHolderId, 10) === parseInt(holder.AccountHolderId, 10)) {\r\n index = i;\r\n }\r\n });\r\n if (index > -1) {\r\n allHolders[index] = {\r\n ...allHolders[index],\r\n ...newHolder,\r\n };\r\n collapsedHolder[index].canEdit = false;\r\n } else {\r\n holders.push(newHolder);\r\n allHolders.push(newHolder);\r\n collapsedHolder.push({ open: false, canEdit: false });\r\n }\r\n });\r\n setLoadingSave(false);\r\n setChangedHolder({});\r\n setAccountData(\r\n {\r\n AccountId: accountId,\r\n AccountInfoHolder: allHolders,\r\n },\r\n true\r\n );\r\n } else {\r\n setLoadingSave(false);\r\n }\r\n });\r\n }\r\n } else {\r\n toggleModalError({}, errorMessage);\r\n }\r\n };\r\n\r\n const toggleHolder = (index, toggle) => {\r\n const newCollapsedHolder = [...collapsedHolder];\r\n if (toggle) {\r\n for (let i = 0; i < newCollapsedHolder.length; i += 1) {\r\n if (i === index) {\r\n newCollapsedHolder[i] = {\r\n open: !newCollapsedHolder[i].open,\r\n canEdit: false,\r\n };\r\n } else {\r\n newCollapsedHolder[i] = {\r\n open: false,\r\n canEdit: false,\r\n };\r\n }\r\n }\r\n } else {\r\n newCollapsedHolder[index].canEdit = !newCollapsedHolder[index].canEdit;\r\n }\r\n setCollapsedHolder(newCollapsedHolder);\r\n };\r\n\r\n const onChange = (index, name, value) => {\r\n const newChangedHolder = { ...changedHolder };\r\n if (!newChangedHolder[holders[index].AccountHolderId]) {\r\n newChangedHolder[holders[index].AccountHolderId] = {\r\n HoldersRelationshipDescription: holders[index].AccountHolderRelationshipDescription,\r\n PersonId: holders[index].AccountHolderId,\r\n PersonName: holders[index].AccountHolderName,\r\n PersonType: holders[index].AccountHolderPersonType,\r\n PersonStatus: holders[index].AccountHolderStatus,\r\n AccountHolderId: holders[index].AccountHolderId,\r\n HoldersRelationship: holders[index].AccountHolderRelationship,\r\n HoldersRelationshipJuridical: holders[index].AccountHolderRelationshipJuridical,\r\n HoldersIsController: holders[index].AccountHolderIsController,\r\n HoldersIsManager: holders[index].AccountHolderIsManager,\r\n isMainHolder: holders[index].IsMainHolder,\r\n deleteHolder: false,\r\n HoldersOrderWeb: holders[index].HoldersOrderWeb,\r\n HoldersOrderWritten: holders[index].HoldersOrderWritten,\r\n HoldersOrderManaged: holders[index].HoldersOrderManaged,\r\n HoldersOrderViaLink: holders[index].HoldersOrderViaLink,\r\n [name]: value,\r\n };\r\n } else {\r\n newChangedHolder[holders[index].AccountHolderId][name] = value;\r\n }\r\n if (name === \"HoldersOrderManaged\" && value) {\r\n newChangedHolder[holders[index].AccountHolderId].HoldersOrderViaLink = false;\r\n newChangedHolder[holders[index].AccountHolderId].HoldersOrderWeb = false;\r\n newChangedHolder[holders[index].AccountHolderId].HoldersOrderWritten = false;\r\n }\r\n if (name === \"HoldersOrderWritten\" && value) {\r\n newChangedHolder[holders[index].AccountHolderId].HoldersOrderManaged = false;\r\n }\r\n if (name === \"HoldersRelationshipJuridical\" && value) {\r\n if (value === \"Holder\") {\r\n newChangedHolder[holders[index].AccountHolderId].isMainHolder = true;\r\n } else {\r\n newChangedHolder[holders[index].AccountHolderId].isMainHolder = false;\r\n }\r\n }\r\n setChangedHolder(() => newChangedHolder);\r\n };\r\n\r\n if (!holders || collapsedHolder.length !== holders.length) {\r\n return \r\n \r\n (holder.AccountHolderRelationship == \"Holder\" ||\r\n holder.AccountHolderRelationship == \"Attorney\" ||\r\n holder.AccountHolderRelationship == \"Authorized\" ||\r\n holder.AccountHolderRelationship == \"Other\" ||\r\n holder.AccountHolderRelationship == \"WebAuthorized\") &&\r\n !holder.AccountHolderByAdvisor &&\r\n !holder.AccountHolderIsBeneficiary\r\n )\r\n : holders.filter(\r\n (holder) =>\r\n holder.AccountHolderRelationshipJuridical == \"Holder\" ||\r\n holder.AccountHolderRelationshipJuridical == \"Attorney\" ||\r\n holder.AccountHolderRelationshipJuridical == \"Representative\" ||\r\n holder.AccountHolderRelationshipJuridical == \"WebAuthorized\" ||\r\n holder.AccountHolderRelationshipJuridical == \"None\" ||\r\n holder.AccountHolderIsController === true ||\r\n holder.AccountHolderIsManager === true\r\n )\r\n : holders\r\n }\r\n changedHolder={changedHolder}\r\n collapsedHolder={collapsedHolder}\r\n onChange={onChange}\r\n toggleHolder={toggleHolder}\r\n disabledFields={disabledFields}\r\n account={account}\r\n existsMainHolder={existsMainHolder}\r\n handleDeleteHolder={handleRemoveHolder}\r\n isReadOnly={isReadOnly}\r\n role={\"Holder\"}\r\n mode={mode}\r\n Link={Link}\r\n />\r\n {!isReadOnly && (\r\n \r\n Add New Holder\r\n \r\n )}\r\n {!isReadOnly && (\r\n \r\n )}\r\n {!isReadOnly && (\r\n handleSave(changedHolder)}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n Save\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nHoldersTab.propTypes = {\r\n holders: PropTypes.array.isRequired,\r\n accountId: PropTypes.any.isRequired,\r\n account: PropTypes.object.isRequired,\r\n setAccountData: PropTypes.func.isRequired,\r\n services: PropTypes.object.isRequired,\r\n userType: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default HoldersTab;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Table, UncontrolledDropdown, DropdownToggle, DropdownItem, DropdownMenu, Button } from \"reactstrap\";\r\nimport PropTypes, { shape } from \"prop-types\";\r\n\r\nimport style from \"../../Grid.module.scss\";\r\nimport { getAccountType } from \"../types\";\r\nimport ModalConfirm from \"../../Modal/ModalConfirm\";\r\nimport ModalInstruction from \"../../Modal/ModalInstruction\";\r\nimport { CircularProgress } from \"../../../..\";\r\nimport { showToast } from \"../../../../utils/Helper\";\r\n\r\nfunction generateEmptyInstruction() {\r\n return {\r\n AccountInstructionType: \"\",\r\n AccountInstructionsCurrency: \"\",\r\n AccountInstructionAssetid: \"\",\r\n AccountInstructionTarget: \"\",\r\n AccountInstructionBankAccountItemId: \"\",\r\n AccountInstructionMin: \"\",\r\n AccountInstructionMax: \"\",\r\n };\r\n}\r\n\r\nconst InstructionsTab = ({\r\n accountId,\r\n accountOnb,\r\n instructions,\r\n setAccountData,\r\n services,\r\n currencies,\r\n isOnboarding,\r\n userType,\r\n}) => {\r\n const [fetching, setFetching] = useState(false);\r\n const [bankAccounts, setBankAccounts] = useState([]);\r\n const [editMode, setEditMode] = useState(false);\r\n\r\n const [modalInstruction, setModalInstruction] = useState({\r\n index: -1,\r\n open: false,\r\n saving: false,\r\n instruction: generateEmptyInstruction(),\r\n });\r\n\r\n const onChangeEdit = (name, value, strValue,strValue2) => {\r\n if (name == \"AccountInstructionAssetId\" && value) {\r\n if (strValue != modalInstruction.instruction.AccountInstructionCurrencyISO) {\r\n showToast(\"Currency must be equal to the asset currency\", true);\r\n return;\r\n } else {\r\n let instructionUpd = { ...modalInstruction.instruction, [name]: value};\r\n if (strValue2 && name == \"AccountInstructionAssetId\") {\r\n instructionUpd = { ...instructionUpd, AccountInstructionAssetticker: strValue2 };\r\n }\r\n setModalInstruction({\r\n ...modalInstruction,\r\n instruction: instructionUpd,\r\n });\r\n }\r\n } else {\r\n let instructionUpd = { ...modalInstruction.instruction, [name]: value };\r\n if (name === \"AccountInstructionsCurrency\") {\r\n instructionUpd = { ...instructionUpd, AccountInstructionCurrencyISO: strValue };\r\n }\r\n setModalInstruction({\r\n ...modalInstruction,\r\n instruction: instructionUpd,\r\n });\r\n }\r\n };\r\n\r\n const toggleModalInstructions = (instruction, index) => {\r\n setModalInstruction({\r\n index: index,\r\n saving: modalInstruction.saving,\r\n open: !modalInstruction.open,\r\n instruction: instruction ? instruction : generateEmptyInstruction(),\r\n });\r\n };\r\n\r\n const handleEdit = (index) => {\r\n setEditMode(true);\r\n toggleModalInstructions(instructions[index], index);\r\n };\r\n\r\n const handleAdd = () => {\r\n setEditMode(false);\r\n toggleModalInstructions();\r\n };\r\n\r\n const handleDelete = (index) => {\r\n const id = instructions[index].RelatedAccountId;\r\n const name = instructions[index].RelatedAccountName;\r\n\r\n let instructionToDelete = instructions[index];\r\n const account = {\r\n AccountId: accountId,\r\n Instructions: [\r\n {\r\n ...instructionToDelete,\r\n DeleteInstruction: true,\r\n },\r\n ],\r\n };\r\n const body = {\r\n account,\r\n accountChangeType: getAccountType.Instructions,\r\n };\r\n\r\n setModalInstruction({ ...modalInstruction, saving: true });\r\n if (!isOnboarding) {\r\n services.updateAccountInstructon(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n if (userType != \"Advisor\") {\r\n let updatedInstructions = instructions.filter((_, i) => i !== index);\r\n account.Instructions = updatedInstructions;\r\n showToast(\"Changes saved successfully.\");\r\n setAccountData(account, false);\r\n } else {\r\n showToast(\"Changes were sent for approval.\");\r\n }\r\n setModalInstruction({\r\n saving: false,\r\n open: false,\r\n instruction: generateEmptyInstruction(),\r\n });\r\n } else {\r\n setModalInstruction({\r\n ...modalInstruction,\r\n saving: false,\r\n });\r\n }\r\n });\r\n } else {\r\n let updatedInstructions = instructions.filter((_, i) => i !== index);\r\n let accountOnboarding = {\r\n ...accountOnb,\r\n Instructions: updatedInstructions,\r\n };\r\n\r\n services.fetchNewAccount(\r\n { account: accountOnboarding, accountChangeType: \"Instructions\" },\r\n (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n setAccountData(accountOnboarding, true);\r\n setModalInstruction({\r\n saving: false,\r\n open: false,\r\n instruction: generateEmptyInstruction(),\r\n });\r\n showToast(\"Instruction deleted successfully\");\r\n }\r\n }\r\n );\r\n }\r\n };\r\n\r\n const handleSaveInstruction = () => {\r\n //check if the instruction already exists\r\n let exists = false;\r\n let index = 0;\r\n if (instructions) {\r\n instructions.forEach((ins) => {\r\n if (\r\n modalInstruction.instruction.AccountInstructionsCurrency === ins.AccountInstructionsCurrency &&\r\n modalInstruction.instruction.AccountInstructionType === ins.AccountInstructionType\r\n ) {\r\n if (modalInstruction.index !== index) {\r\n showToast(\"Instruction with this type and currency already exists\", true);\r\n exists = true;\r\n return;\r\n }\r\n }\r\n index++;\r\n });\r\n }\r\n\r\n if (\r\n !modalInstruction.instruction.AccountInstructionAssetId &&\r\n modalInstruction.instruction.AccountInstructionTarget == \"Reinvest\"\r\n ) {\r\n showToast(\"An asset with the same currency is required to create the instruction.\", true);\r\n return;\r\n }\r\n\r\n if (exists) {\r\n return;\r\n }\r\n\r\n const newInstruction = { ...modalInstruction.instruction };\r\n const account = {\r\n AccountId: accountId,\r\n Instructions: [\r\n {\r\n ...newInstruction,\r\n DeleteInstruction: false,\r\n },\r\n ],\r\n };\r\n let body = {\r\n account,\r\n accountChangeType: getAccountType.Instructions,\r\n };\r\n\r\n setModalInstruction({ ...modalInstruction, saving: true });\r\n\r\n if (!isOnboarding) {\r\n services.updateAccountInstructon(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n if (userType != \"Advisor\") {\r\n if (editMode) {\r\n let updatedInstructions = instructions.map((ins, i) => {\r\n if (i === modalInstruction.index) {\r\n return newInstruction;\r\n }\r\n return ins;\r\n });\r\n account.Instructions = updatedInstructions;\r\n } else {\r\n account.Instructions = [...(instructions || []), newInstruction];\r\n }\r\n showToast(\"Changes saved successfully.\");\r\n setAccountData(account, false);\r\n setModalInstruction({\r\n saving: false,\r\n open: false,\r\n instruction: generateEmptyInstruction(),\r\n });\r\n } else {\r\n showToast(\"Changes were sent for approval.\");\r\n setModalInstruction({\r\n ...modalInstruction,\r\n saving: false,\r\n open: false,\r\n instruction: generateEmptyInstruction(),\r\n });\r\n }\r\n } else {\r\n setModalInstruction({\r\n ...modalInstruction,\r\n saving: false,\r\n });\r\n }\r\n });\r\n } else {\r\n let updatedInstructions = [];\r\n if (editMode) {\r\n updatedInstructions = instructions.map((ins, i) => {\r\n if (i === modalInstruction.index) {\r\n return newInstruction;\r\n }\r\n return ins;\r\n });\r\n } else {\r\n updatedInstructions = [...(instructions || []), newInstruction];\r\n }\r\n let accountOnboarding = {\r\n ...accountOnb,\r\n Instructions: updatedInstructions,\r\n };\r\n\r\n services.fetchNewAccount(\r\n { account: accountOnboarding, accountChangeType: \"Instructions\" },\r\n (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n setAccountData(accountOnboarding, true);\r\n setModalInstruction({\r\n saving: false,\r\n open: false,\r\n instruction: generateEmptyInstruction(),\r\n });\r\n showToast(\"Changes saved successfully.\");\r\n }\r\n }\r\n );\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (!isOnboarding) {\r\n const body = {\r\n AccountGetInfo: {\r\n GetAccountDataId: accountId,\r\n GetAccountDataType: getAccountType.BankAccounts,\r\n },\r\n };\r\n services.fetchAccountSectorInfo(body, (response) => {\r\n if (response && response.SDTAccount) {\r\n setBankAccounts(response.SDTAccount.BankAccounts);\r\n }\r\n });\r\n } else {\r\n const body = {\r\n onboardingProcessId: accountId,\r\n };\r\n services.fetchBankAccounts(body, (response) => {\r\n if (response && response.bankAccounts) {\r\n setBankAccounts(response.bankAccounts);\r\n }\r\n });\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (!isOnboarding) {\r\n if (!instructions && !fetching) {\r\n const body = {\r\n AccountGetInfo: {\r\n GetAccountDataId: accountId,\r\n GetAccountDataType: getAccountType.Instructions,\r\n },\r\n };\r\n services.fetchAccountSectorInfo(body, (response) => {\r\n if (response && response.SDTAccount) {\r\n if (response.SDTAccount.Instructions) {\r\n setAccountData(\r\n {\r\n AccountId: accountId,\r\n Instructions: response.SDTAccount.Instructions,\r\n },\r\n false\r\n );\r\n }\r\n }\r\n setFetching(false);\r\n });\r\n setFetching(true);\r\n }\r\n } else {\r\n services.fetchNewAccountInfo(\r\n { AccountGetInfo: { GetAccountDataOnboardingId: accountId, GetAccountDataType: \"Instructions\" } },\r\n (response) => {\r\n if (response && response.SDTAccount) {\r\n setAccountData(\r\n {\r\n AccountId: accountId,\r\n Instructions: response.SDTAccount.Instructions,\r\n },\r\n false\r\n );\r\n }\r\n setFetching(false);\r\n }\r\n );\r\n }\r\n }, [setAccountData]);\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nInstructionsTab.propTypes = {\r\n accountId: PropTypes.string.isRequired,\r\n instructions: PropTypes.array.isRequired,\r\n setAccountData: PropTypes.func.isRequired,\r\n services: PropTypes.object.isRequired,\r\n currencies: PropTypes.array,\r\n};\r\n\r\nInstructionsTab.defaultProps = {\r\n currencies: undefined,\r\n};\r\n\r\nfunction RenderDropdownActions({ onEdit, onDelete, index }) {\r\n return (\r\n | \r\n | Type | \r\nCurrency | \r\nTarget | \r\n
|---|---|---|---|
| \r\n | \r\n |||
| \r\n | \r\n handleEdit(i)}>{ins.AccountInstructionType} | \r\nhandleEdit(i)}>{ins.AccountInstructionCurrencyISO} | \r\nhandleEdit(i)}>{ins.AccountInstructionTarget} | \r\n
| \r\n No Result.\r\n | \r\n
\r\n \r\n revert()}\r\n >\r\n \r\n {' '}\r\n Revert\r\n \r\n handleSave()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n Save\r\n \r\n
\r\n );\r\n};\r\n\r\nInvestmentProfile.propTypes = {\r\n accountId: PropTypes.string.isRequired,\r\n investment: PropTypes.array,\r\n setAccountData: PropTypes.func.isRequired,\r\n services: PropTypes.object.isRequired,\r\n};\r\n\r\nInvestmentProfile.defaultProps = {\r\n investment: undefined,\r\n};\r\n\r\nexport default InvestmentProfile;\r\n","import React, { useState, useEffect, useRef } from \"react\";\r\nimport { Form, FormGroup, Input, Button, Row, Col } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport { KYCConstants, getAccountType } from \"../types\";\r\nimport { CustomFormInput, SelectFormField } from \"../../../../utils/FormFields\";\r\nimport { CircularProgress } from \"../../../..\";\r\nimport { AccountMode, showToast } from \"../../../../utils/Helper\";\r\nimport { NumberFormatInput } from \"../../../NumberFormatInput/NumberFormatInput\";\r\n\r\nconst KYCTab = ({ KYC, accountId, account, setAccountData, isReadOnly, services, mode }) => {\r\n const [loadingSave, setLoadingSave] = useState(false);\r\n const [changedKYC, setChangedKYC] = useState({});\r\n const valueref = useRef();\r\n const valuerefnew = useRef();\r\n const accountref = useRef();\r\n\r\n useEffect(() => {\r\n if (!KYC) {\r\n const body = {\r\n AccountGetInfo: {\r\n GetAccountDataOnboardingId: account.AccountOnboardingId,\r\n GetAccountDataId: accountId,\r\n GetAccountDataType: getAccountType.KYC,\r\n },\r\n };\r\n if (mode === AccountMode.New) {\r\n services.fetchNewAccountInfo(body, (data) => {\r\n if (data && data.SDTAccount) {\r\n setAccountData({ AccountId: account.AccountOnboardingId, KYC: data.SDTAccount.KYC }, true);\r\n }\r\n });\r\n } else {\r\n services.fetchAccountSectorInfo(body, (data) => {\r\n if (data && data.SDTAccount) {\r\n setAccountData({ AccountId: accountId, KYC: data.SDTAccount.KYC }, false);\r\n }\r\n });\r\n }\r\n }\r\n }, [setAccountData, KYC, accountId, services]);\r\n\r\n const handleSave = () => {\r\n const changedKYCcurrent = valuerefnew.current;\r\n const newKYC = { ...valueref.current };\r\n Object.keys(changedKYCcurrent).forEach((key) => {\r\n newKYC[key] = changedKYCcurrent[key];\r\n });\r\n const body = {\r\n account: {\r\n AccountId: accountId,\r\n AccountOnboardingId: accountId,\r\n KYC: newKYC,\r\n },\r\n accountChangeType: getAccountType.KYC,\r\n };\r\n setLoadingSave(true);\r\n if (mode === AccountMode.New) {\r\n services.fetchNewAccount(body, (res) => {\r\n if (res) {\r\n setAccountData(\r\n {\r\n AccountId: account.AccountOnboardingId,\r\n KYC: newKYC,\r\n },\r\n true\r\n );\r\n setChangedKYC({});\r\n setLoadingSave(false);\r\n showToast(\"Changes saved successfully\");\r\n } else {\r\n setLoadingSave(false);\r\n }\r\n });\r\n } else {\r\n services.fetchAccountUpdate(body, ({ result }) => {\r\n if (result && result.Code === 200) {\r\n setAccountData(\r\n {\r\n AccountId: accountId,\r\n KYC: newKYC,\r\n },\r\n true\r\n );\r\n setChangedKYC({});\r\n setLoadingSave(false);\r\n } else {\r\n setLoadingSave(false);\r\n }\r\n });\r\n }\r\n };\r\n\r\n const onChange = (name, value) => {\r\n if (!loadingSave) {\r\n const newKYC = { ...changedKYC };\r\n const KYCupd = { ...KYC, ...changedKYC };\r\n if (KYC[name] !== value) {\r\n newKYC[name] = value;\r\n } else if (newKYC[name]) {\r\n newKYC[name] = undefined;\r\n }\r\n setChangedKYC(newKYC);\r\n setAccountData({\r\n KYC: KYCupd,\r\n });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n return () => {\r\n if (mode === AccountMode.New) {\r\n handleSave();\r\n }\r\n };\r\n }, []);\r\n\r\n useEffect(() => {\r\n valuerefnew.current = changedKYC;\r\n }, [changedKYC]);\r\n\r\n useEffect(() => {\r\n valueref.current = KYC;\r\n }, [KYC]);\r\n\r\n useEffect(() => {\r\n accountref.current = account;\r\n }, [account]);\r\n\r\n const revert = () => setChangedKYC({});\r\n\r\n if (!KYC) {\r\n return \r\n \r\n {mode !== AccountMode.New && !isReadOnly && (\r\n \r\n )}\r\n {!isReadOnly && (\r\n handleSave()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n Save\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nKYCTab.propTypes = {\r\n accountId: PropTypes.string.isRequired,\r\n KYC: PropTypes.object,\r\n setAccountData: PropTypes.func.isRequired,\r\n services: PropTypes.object.isRequired,\r\n account: PropTypes.object.isRequired,\r\n mode: PropTypes.object.isRequired,\r\n};\r\n\r\nKYCTab.defaultProps = {\r\n KYC: undefined,\r\n};\r\n\r\nexport default KYCTab;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { ListGroup, ListGroupItem, Row, Button } from \"reactstrap\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport { getAccountType } from \"../types\";\r\nimport ModalConfirm from \"../../Modal/ModalConfirm\";\r\nimport ModalPersonalReference from \"../../Modal/ModalPersonalReference\";\r\nimport { CircularProgress } from \"../../../..\";\r\nimport { AccountMode } from \"../../../../utils/Helper\";\r\n\r\nconst PersonalReferencesTab = ({\r\n accountId,\r\n references,\r\n isReadOnly,\r\n setAccountData,\r\n services,\r\n mode,\r\n groups,\r\n bankAccounts,\r\n signatureSets,\r\n}) => {\r\n const [fetching, setFetching] = useState(false);\r\n const [modalConfirm, setModalConfirm] = useState({\r\n open: false,\r\n title: \"\",\r\n referenceId: undefined,\r\n saving: false,\r\n });\r\n const [modalPersonalReference, setModalPersonalReference] = useState({\r\n open: false,\r\n saving: false,\r\n });\r\n\r\n const toggleModalConfirm = () => {\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n referenceId: undefined,\r\n saving: false,\r\n });\r\n };\r\n\r\n const toggleModalReference = () => {\r\n setModalPersonalReference({\r\n ...modalPersonalReference,\r\n open: !modalPersonalReference.open,\r\n });\r\n };\r\n\r\n const handleDeleteReference = (id) => {\r\n setModalConfirm({\r\n open: true,\r\n title: \"Are you sure you want to delete the selected Personal Reference?\",\r\n referenceId: id,\r\n saving: false,\r\n });\r\n };\r\n\r\n const handleAddReference = (reference) => {\r\n const newReference = reference;\r\n const account = {\r\n AccountId: accountId,\r\n AccountOnboardingId: accountId,\r\n PersonalReferences: [newReference],\r\n };\r\n const body = {\r\n account,\r\n accountChangeType: getAccountType.References,\r\n };\r\n setModalPersonalReference({ ...modalPersonalReference, saving: true });\r\n if (mode === AccountMode.New) {\r\n services.fetchNewAccount(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n const newReferences = references;\r\n newReference.AccountPersonalReferenceId = response.Id;\r\n newReferences.push(newReference);\r\n account.PersonalReferences = newReferences;\r\n setAccountData(account, true);\r\n setModalPersonalReference({\r\n saving: false,\r\n open: false,\r\n });\r\n } else {\r\n setModalPersonalReference({\r\n ...modalPersonalReference,\r\n saving: false,\r\n });\r\n }\r\n });\r\n } else {\r\n services.fetchAccountUpdate(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n const newReferences = references;\r\n newReference.AccountPersonalReferenceId = response.Id;\r\n newReferences.push(newReference);\r\n account.PersonalReferences = newReferences;\r\n setAccountData(account, true);\r\n setModalPersonalReference({\r\n saving: false,\r\n open: false,\r\n });\r\n } else {\r\n setModalPersonalReference({\r\n ...modalPersonalReference,\r\n saving: false,\r\n });\r\n }\r\n });\r\n }\r\n };\r\n\r\n const deletePersonalReference = () => {\r\n const deleteReferenceId = modalConfirm.referenceId;\r\n const account = {\r\n AccountId: accountId,\r\n AccountOnboardingId: accountId,\r\n PersonalReferences: [\r\n {\r\n AccountPersonalReferenceId: deleteReferenceId,\r\n },\r\n ],\r\n };\r\n const body = {\r\n account,\r\n accountChangeType: getAccountType.References,\r\n };\r\n setModalConfirm({ ...modalConfirm, open: true, saving: true });\r\n if (mode === AccountMode.New) {\r\n services.fetchNewAccount(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n const newReferences = references;\r\n let index = -1;\r\n newReferences.map((ref, i) => {\r\n if (deleteReferenceId === ref.AccountPersonalReferenceId) {\r\n index = i;\r\n }\r\n return {};\r\n });\r\n if (index > -1) {\r\n newReferences.splice(index, 1);\r\n }\r\n account.PersonalReferences = newReferences;\r\n setAccountData(account, true);\r\n toggleModalConfirm();\r\n } else {\r\n setModalConfirm({\r\n ...modalConfirm,\r\n saving: false,\r\n });\r\n }\r\n });\r\n } else {\r\n services.fetchAccountUpdate(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n const newReferences = references;\r\n let index = -1;\r\n newReferences.map((ref, i) => {\r\n if (deleteReferenceId === ref.AccountPersonalReferenceId) {\r\n index = i;\r\n }\r\n return {};\r\n });\r\n if (index > -1) {\r\n newReferences.splice(index, 1);\r\n }\r\n account.PersonalReferences = newReferences;\r\n setAccountData(account, true);\r\n toggleModalConfirm();\r\n } else {\r\n setModalConfirm({\r\n ...modalConfirm,\r\n saving: false,\r\n });\r\n }\r\n });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n const body = {\r\n AccountGetInfo: {\r\n GetAccountDataId: accountId,\r\n GetAccountDataOnboardingId: accountId,\r\n GetAccountDataType: getAccountType.References,\r\n },\r\n };\r\n if (mode !== AccountMode.New) {\r\n if (!references && !fetching) {\r\n services.fetchAccountSectorInfo(body, (response) => {\r\n if (response && response.SDTAccount) {\r\n setAccountData(\r\n {\r\n BankAccounts: bankAccounts,\r\n SignatureSets: signatureSets,\r\n AccountId: accountId,\r\n PersonalReferences: response.SDTAccount.PersonalReferences,\r\n },\r\n false\r\n );\r\n }\r\n setFetching(false);\r\n });\r\n setFetching(true);\r\n }\r\n }\r\n }, [references, fetching, accountId, setAccountData, services]);\r\n\r\n useEffect(() => {\r\n const body = {\r\n AccountGetInfo: {\r\n GetAccountDataId: accountId,\r\n GetAccountDataOnboardingId: accountId,\r\n GetAccountDataType: getAccountType.References,\r\n },\r\n };\r\n if (mode === AccountMode.New && !fetching) {\r\n services.fetchNewAccountInfo(body, (data) => {\r\n if (data && data.SDTAccount) {\r\n setAccountData(\r\n {\r\n AccountId: accountId,\r\n PersonalReferences: data.SDTAccount.PersonalReferences,\r\n Groups: groups,\r\n BankAccounts: bankAccounts,\r\n SignatureSets: signatureSets,\r\n },\r\n false\r\n );\r\n setFetching(false);\r\n }\r\n });\r\n setFetching(true);\r\n }\r\n }, []);\r\n\r\n return (\r\n \r\n {!fetching ? (\r\n \r\n {references &&\r\n references.map((personalReference) => (\r\n \r\n \r\n \r\n {\"Name: \"}\r\n {personalReference.AccountPersonalReferenceName}\r\n handleDeleteReference(personalReference.AccountPersonalReferenceId)}\r\n >\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Lock\r\n \r\n \r\n handleSave()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n {loadingSave ? \"Saving\" : \"Save\"}\r\n \r\n \r\n )}\r\n {mode === AccountMode.New && (\r\n handleSave()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n {loadingSave ? \"Saving\" : \"Save\"}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nProfileTab.propTypes = {\r\n account: PropTypes.object,\r\n currencies: PropTypes.array,\r\n riskTypes: PropTypes.array,\r\n setAccountData: PropTypes.func.isRequired,\r\n companyLinks: PropTypes.array,\r\n reps: PropTypes.array,\r\n services: PropTypes.object.isRequired,\r\n userType: PropTypes.string.isRequired,\r\n mode: PropTypes.string.isRequired,\r\n};\r\n\r\nProfileTab.defaultProps = {\r\n currencies: undefined,\r\n account: undefined,\r\n riskTypes: undefined,\r\n companyLinks: undefined,\r\n reps: undefined,\r\n};\r\n\r\nexport default ProfileTab;\r\n","import React, { useState, useEffect, useRef } from \"react\";\r\nimport { Form, FormGroup, Label, Input } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport { getAccountType } from \"../types\";\r\nimport { CircularProgress } from \"../../../..\";\r\nimport { AccountMode, showToast } from \"../../../../utils/Helper\";\r\n\r\nconst Questions = ({\r\n questions: accQuestions,\r\n accountId,\r\n isReadOnly,\r\n setAccountData,\r\n account,\r\n services,\r\n mode,\r\n riskByPersonIsEnabled,\r\n}) => {\r\n const [questions, setQuestions] = useState(undefined);\r\n const [loadingSave, setLoadingSave] = useState(false);\r\n\r\n const valueref = useRef();\r\n const accountref = useRef();\r\n\r\n useEffect(() => {\r\n if (mode !== AccountMode.New) {\r\n if (!accQuestions) {\r\n const body = {\r\n AccountGetInfo: {\r\n GetAccountDataOnboardingId: account.AccountOnboardingId,\r\n GetAccountDataId: accountId,\r\n GetAccountDataType: getAccountType.Questions,\r\n },\r\n };\r\n if (mode === AccountMode.New) {\r\n services.fetchNewAccountInfo(body, (data) => {\r\n if (data && data.SDTAccount) {\r\n setAccountData(\r\n { AccountId: data.SDTAccount.AccountOnboardingId, Questions: data.SDTAccount.Questions },\r\n false\r\n );\r\n setQuestions(data.SDTAccount.Questions);\r\n }\r\n });\r\n } else {\r\n services.fetchAccountSectorInfo(body, (data) => {\r\n if (data && data.SDTAccount) {\r\n setAccountData({ AccountId: accountId, Questions: data.SDTAccount.Questions }, false);\r\n }\r\n });\r\n }\r\n } else {\r\n setQuestions(accQuestions);\r\n }\r\n }\r\n }, [setAccountData, accQuestions, accountId, services]);\r\n\r\n useEffect(() => {\r\n if (mode === AccountMode.New) {\r\n const body = {\r\n AccountGetInfo: {\r\n GetAccountDataOnboardingId: accountId,\r\n GetAccountDataId: accountId,\r\n GetAccountDataType: getAccountType.Questions,\r\n },\r\n };\r\n\r\n services.fetchNewAccountInfo(body, (data) => {\r\n if (data && data.SDTAccount) {\r\n setAccountData(\r\n { AccountId: data.SDTAccount.AccountOnboardingId, Questions: data.SDTAccount.Questions },\r\n false\r\n );\r\n setQuestions(data.SDTAccount.Questions);\r\n }\r\n });\r\n }\r\n }, []);\r\n\r\n const handleSave = () => {\r\n const questionschanged = valueref.current;\r\n const body = {\r\n account: {\r\n AccountId: accountId,\r\n Questions: questionschanged,\r\n },\r\n accountChangeType: getAccountType.Questions,\r\n };\r\n if (mode === AccountMode.New) {\r\n setLoadingSave(true);\r\n const newQuestions = questionschanged.map((q) => {\r\n if (Number(q.NewAnswerId) > 0) {\r\n const newAnswers = [];\r\n let newA = {};\r\n q.Answer.forEach((a) => {\r\n newA = {};\r\n if (a.AnswerId === q.NewAnswerId) {\r\n newA = {\r\n ...a,\r\n AnswerIsResponse: true,\r\n };\r\n } else {\r\n newA = {\r\n ...a,\r\n AnswerIsResponse: false,\r\n };\r\n }\r\n newAnswers.push(newA);\r\n });\r\n return {\r\n ...q,\r\n NewAnswerId: 0,\r\n Answer: newAnswers,\r\n };\r\n }\r\n return { ...q };\r\n });\r\n const bodyN = {\r\n account: {\r\n AccountOnboardingId: accountId,\r\n Questions: newQuestions,\r\n },\r\n accountChangeType: getAccountType.Questions,\r\n };\r\n services.fetchNewAccount(bodyN, (res) => {\r\n if (res) {\r\n setAccountData(\r\n {\r\n AccountId: account.AccountOnboardingId,\r\n Questions: newQuestions,\r\n },\r\n true\r\n );\r\n setLoadingSave(false);\r\n showToast(\"Changes saved successfully\");\r\n } else {\r\n setLoadingSave(false);\r\n }\r\n });\r\n } else {\r\n services.fetchAccountUpdate(body, (result) => {\r\n if (result && result.result.Code === 200) {\r\n const newQuestions = questionschanged.map((q) => {\r\n if (q.NewAnswerId > 0) {\r\n const newAnswers = [];\r\n let newA = {};\r\n q.Answer.forEach((a) => {\r\n newA = {};\r\n if (a.AnswerId === q.NewAnswerId) {\r\n newA = {\r\n ...a,\r\n AnswerIsResponse: true,\r\n };\r\n } else {\r\n newA = {\r\n ...a,\r\n AnswerIsResponse: true,\r\n };\r\n }\r\n newAnswers.push(newA);\r\n });\r\n return {\r\n ...q,\r\n NewAnswerId: 0,\r\n Answer: newAnswers,\r\n };\r\n }\r\n return { ...q };\r\n });\r\n\r\n setAccountData(\r\n {\r\n AccountId: accountId,\r\n Questions: newQuestions,\r\n },\r\n true\r\n );\r\n setLoadingSave(false);\r\n } else {\r\n setLoadingSave(false);\r\n }\r\n });\r\n }\r\n };\r\n\r\n const handleChangeAnswer = (questionIndex, answerIndex) => {\r\n if (!loadingSave) {\r\n const newQuestions = [...questions];\r\n if (newQuestions[questionIndex].Answer[answerIndex].AnswerIsResponse) {\r\n newQuestions[questionIndex].NewAnswerId = 0;\r\n } else {\r\n newQuestions[questionIndex].NewAnswerId = questions[questionIndex].Answer[answerIndex].AnswerId;\r\n }\r\n setQuestions(newQuestions);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n return () => {\r\n if (mode === AccountMode.New) {\r\n handleSave();\r\n }\r\n };\r\n }, []);\r\n\r\n useEffect(() => {\r\n valueref.current = questions;\r\n }, [questions]);\r\n\r\n useEffect(() => {\r\n accountref.current = account;\r\n }, [account]);\r\n\r\n let save = false;\r\n if (!questions) {\r\n return \r\n {questions.map((q, qIndex) => {\r\n if (q.NewAnswerId > 0) {\r\n save = true;\r\n }\r\n return (\r\n \r\n );\r\n })}\r\n {riskByPersonIsEnabled && questions.length > 0 && !isReadOnly && (\r\n handleSave()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n Save\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nQuestions.propTypes = {\r\n questions: PropTypes.array.isRequired,\r\n accountId: PropTypes.any.isRequired,\r\n setAccountData: PropTypes.func.isRequired,\r\n services: PropTypes.func.isRequired,\r\n account: PropTypes.func.isRequired,\r\n mode: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default Questions;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Table, UncontrolledDropdown, DropdownToggle, DropdownItem, DropdownMenu, Button } from \"reactstrap\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport style from \"../../Grid.module.scss\";\r\nimport { getAccountType } from \"../types\";\r\nimport ModalConfirm from \"../../Modal/ModalConfirm\";\r\nimport ModalRelatedAccount from \"../../Modal/ModalRelatedAccount\";\r\nimport { CircularProgress } from \"../../../..\";\r\n\r\nfunction generateEmptyRelatedAccount() {\r\n return {\r\n RelatedAccountId: \"\",\r\n RelatedAccountName: \"\",\r\n RelatedAccountNumber: \"\",\r\n CustodianEntityId: \"\",\r\n CustodianEntityName: \"\",\r\n };\r\n}\r\n\r\nconst RelatedAccountsTab = ({ accountId, relatedAccounts, banks, isReadOnly, setAccountData, services }) => {\r\n const [fetching, setFetching] = useState(false);\r\n const [needAuth, setNeedAuth] = useState(false);\r\n\r\n useEffect(() => {\r\n services.getParameterValue({ ParameterName: \"RelatedAccountChangesWithoutAuth\" }, (response) => {\r\n if (response) {\r\n setNeedAuth(response.SdtParametersData.ParameterNumericValue == 0);\r\n }\r\n });\r\n }, [needAuth]);\r\n\r\n const [modalConfirm, setModalConfirm] = useState({\r\n open: false,\r\n title: \"\",\r\n saving: false,\r\n relatedAccountId: undefined,\r\n });\r\n const [modalRelatedAccount, setModalRelatedAccount] = useState({\r\n open: false,\r\n saving: false,\r\n relatedAccount: generateEmptyRelatedAccount(),\r\n });\r\n\r\n const toggleModalConfirm = () => {\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n saving: false,\r\n relatedAccountId: \"\",\r\n });\r\n };\r\n\r\n const onChangeEdit = (name, value, strValue) => {\r\n setModalRelatedAccount({\r\n ...modalRelatedAccount,\r\n relatedAccount: {\r\n ...modalRelatedAccount.relatedAccount,\r\n [name]: value,\r\n CustodianEntityName:\r\n name === \"CustodianEntityId\" ? strValue : modalRelatedAccount.relatedAccount.CustodianEntityName,\r\n },\r\n });\r\n };\r\n\r\n const toggleModalRelatedAccount = (relatedAccount) => {\r\n setModalRelatedAccount({\r\n saving: modalRelatedAccount.saving,\r\n open: !modalRelatedAccount.open,\r\n relatedAccount:\r\n relatedAccount && relatedAccount.RelatedAccountId ? relatedAccount : generateEmptyRelatedAccount(),\r\n });\r\n };\r\n\r\n const handleEdit = (index) => {\r\n toggleModalRelatedAccount(relatedAccounts[index]);\r\n };\r\n\r\n const handleAdd = () => {\r\n toggleModalRelatedAccount();\r\n };\r\n\r\n const handleDelete = (index) => {\r\n const id = relatedAccounts[index].RelatedAccountId;\r\n const name = relatedAccounts[index].RelatedAccountName;\r\n setModalConfirm({\r\n open: true,\r\n title: \"Are you sure you want to delete the selected Related Account?\",\r\n saving: false,\r\n relatedAccountId: id,\r\n RelatedAccountName: name,\r\n });\r\n };\r\n\r\n const handleSaveRelatedAccount = () => {\r\n const newRelatedAccount = { ...modalRelatedAccount.relatedAccount };\r\n const account = {\r\n AccountId: accountId,\r\n RelatedAccount: [\r\n {\r\n ...newRelatedAccount,\r\n DeleteRelatedAccount: false,\r\n },\r\n ],\r\n };\r\n const body = {\r\n account,\r\n accountChangeType: getAccountType.RelatedAccounts,\r\n };\r\n setModalRelatedAccount({ ...modalRelatedAccount, saving: true });\r\n services.fetchAccountUpdate(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n let found = false;\r\n if (!newRelatedAccount.RelatedAccountId) {\r\n newRelatedAccount.RelatedAccountId = response.Id;\r\n }\r\n const newRelatedAccounts = relatedAccounts.map((relAcc) => {\r\n if (parseInt(newRelatedAccount.RelatedAccountId, 10) === parseInt(relAcc.RelatedAccountId, 10)) {\r\n found = true;\r\n return { ...newRelatedAccount };\r\n }\r\n return { ...relAcc };\r\n });\r\n if (!found) {\r\n newRelatedAccounts.push(newRelatedAccount);\r\n }\r\n account.RelatedAccount = newRelatedAccounts;\r\n setAccountData(account, true, needAuth);\r\n setModalRelatedAccount({\r\n saving: false,\r\n open: false,\r\n relatedAccount: generateEmptyRelatedAccount(),\r\n });\r\n } else {\r\n setModalRelatedAccount({\r\n ...modalRelatedAccount,\r\n saving: false,\r\n });\r\n }\r\n });\r\n };\r\n\r\n const deleteRelatedAccount = () => {\r\n const deleteAccountId = modalConfirm.relatedAccountId;\r\n const deleteAccountName = modalConfirm.RelatedAccountName;\r\n const account = {\r\n AccountId: accountId,\r\n RelatedAccount: [\r\n {\r\n RelatedAccountId: deleteAccountId,\r\n RelatedAccountName: deleteAccountName,\r\n DeleteRelatedAccount: true,\r\n },\r\n ],\r\n };\r\n const body = {\r\n account,\r\n accountChangeType: getAccountType.RelatedAccounts,\r\n };\r\n setModalConfirm({ ...modalConfirm, saving: true });\r\n services.fetchAccountUpdate(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n const newRelatedAccounts = [...relatedAccounts];\r\n let index = -1;\r\n newRelatedAccounts.forEach((relAcc, i) => {\r\n if (parseInt(deleteAccountId, 10) === parseInt(relAcc.RelatedAccountId, 10)) {\r\n index = i;\r\n }\r\n });\r\n if (index > -1) {\r\n newRelatedAccounts.splice(index, 1);\r\n }\r\n account.RelatedAccount = newRelatedAccounts;\r\n setAccountData(account, true, needAuth);\r\n toggleModalConfirm();\r\n } else {\r\n setModalConfirm({\r\n ...modalConfirm,\r\n saving: false,\r\n });\r\n }\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n if (!relatedAccounts && !fetching) {\r\n const body = {\r\n AccountGetInfo: {\r\n GetAccountDataId: accountId,\r\n GetAccountDataType: getAccountType.RelatedAccounts,\r\n },\r\n };\r\n services.fetchAccountSectorInfo(body, (response) => {\r\n if (response && response.SDTAccount) {\r\n setAccountData(\r\n {\r\n AccountId: accountId,\r\n RelatedAccount: response.SDTAccount.RelatedAccount,\r\n },\r\n false\r\n );\r\n }\r\n setFetching(false);\r\n });\r\n setFetching(true);\r\n }\r\n }, [relatedAccounts, fetching, accountId, setAccountData, services]);\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n {!isReadOnly && (\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nRelatedAccountsTab.propTypes = {\r\n accountId: PropTypes.string.isRequired,\r\n relatedAccounts: PropTypes.array.isRequired,\r\n setAccountData: PropTypes.func.isRequired,\r\n services: PropTypes.object.isRequired,\r\n banks: PropTypes.array,\r\n};\r\n\r\nRelatedAccountsTab.defaultProps = {\r\n banks: undefined,\r\n};\r\n\r\nfunction RenderDropdownActions({ onEdit, onDelete, index }) {\r\n return (\r\n | \r\n | # | \r\nName | \r\nCustody | \r\n
|---|---|---|---|
| \r\n | \r\n |||
| \r\n {!isReadOnly && (\r\n | \r\n {acc.RelatedAccountNumber} | \r\n{acc.RelatedAccountName} | \r\n{acc.CustodianEntityName} | \r\n
| \r\n No Results.\r\n | \r\n
\r\n \r\n Edit this Set\r\n
\r\n ),\r\n action: toggleModalNewSignature,\r\n },\r\n {\r\n text: (\r\n \r\n \r\n Remove this Set\r\n
\r\n ),\r\n action: handleDeleteSet,\r\n },\r\n ];\r\n\r\n useEffect(() => {\r\n if (mode !== AccountMode.New) {\r\n if (!signatureSets && !fetching) {\r\n const body = {\r\n AccountGetInfo: {\r\n GetAccountDataId: accountId,\r\n GetAccountDataType: getAccountType.SignatureSets,\r\n },\r\n };\r\n services.fetchAccountSectorInfo(body, (response) => {\r\n if (response && response.SDTAccount) {\r\n setAccountData(\r\n {\r\n AccountId: accountId,\r\n SignatureSets: response.SDTAccount.SignatureSets,\r\n BankAccounts: bankAccounts,\r\n PersonalReferences: references,\r\n Groups: groups,\r\n },\r\n false\r\n );\r\n }\r\n let toggleDWOpen = [];\r\n if (response && response.SDTAccount) {\r\n toggleDWOpen = response.SDTAccount.SignatureSets.map(() => false);\r\n }\r\n setToggleOpen(toggleDWOpen);\r\n setFetching(false);\r\n });\r\n setFetching(true);\r\n }\r\n }\r\n }, [signatureSets, fetching, accountId, setAccountData, services]);\r\n\r\n useEffect(() => {\r\n if (mode === AccountMode.New) {\r\n if (!fetching) {\r\n const body = {\r\n AccountGetInfo: {\r\n GetAccountDataId: accountId,\r\n GetAccountDataOnboardingId: accountId,\r\n GetAccountDataType: getAccountType.SignatureSets,\r\n },\r\n };\r\n services.fetchNewAccountInfo(body, (response) => {\r\n if (response && response.SDTAccount) {\r\n setAccountData(\r\n {\r\n AccountId: accountId,\r\n SignatureSets: response.SDTAccount.SignatureSets,\r\n },\r\n false\r\n );\r\n }\r\n let toggleDWOpen = [];\r\n if (response && response.SDTAccount) {\r\n toggleDWOpen = response.SDTAccount.SignatureSets.map(() => false);\r\n }\r\n setToggleOpen(toggleDWOpen);\r\n setFetching(false);\r\n });\r\n setFetching(true);\r\n }\r\n }\r\n }, []);\r\n\r\n return (\r\n \r\n {!fetching ? (\r\n \r\n {signatureSets &&\r\n signatureSets.map((signature, index) => (\r\n \r\n \r\n {!isReadOnly && (\r\n \r\n {signature.SignaturePeopleSelected.length > 0 &&\r\n signature.SignaturePeopleSelected.map((person) => (\r\n \r\n {person.SignaturePersonName}\r\n \r\n ))}\r\n \r\n ))}\r\n \r\n {!isReadOnly && (\r\n \r\n )}\r\n
\r\n \r\n ) : (\r\n
\r\n );\r\n};\r\n\r\nfunction ListOptionsDropdown({ isOpen, toggle, items, index }) {\r\n return (\r\n \r\n toggleDropdown(index)}\r\n items={listMenuItems}\r\n index={index}\r\n />\r\n
\r\n )}\r\n {\" \"}\r\n {signature.SignatureSetPersonName}\r\n {\": \"}\r\n {signature.SignatureSetWayOfAction}\r\n \r\n \r\n Append New Document \r\n \r\n {archiveType ? (\r\n \r\n \r\n onChange(\"ArchivesSubTypeId\", e.target.value)}\r\n >\r\n {Object.keys(archiveType.ArchivesSubTypes).map((key) => {\r\n const a = archiveType.ArchivesSubTypes[key];\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n
\r\n \r\n item.id}\r\n getSelectItemName={(item) => item.name}\r\n />\r\n \r\n item.id}\r\n getSelectItemName={(item) => item.name}\r\n />\r\n \r\n
\r\n \r\n ) : (\r\n \r\n \r\n onSave(newArchive)}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n Save\r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nModalArchive.propTypes = {\r\n open: PropTypes.bool.isRequired,\r\n onToggle: PropTypes.func.isRequired,\r\n onSave: PropTypes.func.isRequired,\r\n archiveType: PropTypes.object.isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n};\r\n\r\nexport default ModalArchive;\r\n","import React, {useState} from \"react\";\r\nimport {\r\n Modal,\r\n ModalBody,\r\n ModalFooter,\r\n ModalHeader,\r\n Form,\r\n Button,\r\n Spinner,\r\n Col,\r\n Input,\r\n Row,\r\n FormGroup,\r\n Label\r\n} from \"reactstrap\";\r\nimport LaddaButton, {EXPAND_RIGHT} from \"react-ladda\";\r\nimport PropTypes from \"prop-types\";\r\nimport {FormField, SelectFormField} from \"../../../utils/FormFields\";\r\nimport {BankAccountType, BankAccountStatus} from \"../Account/types\";\r\n\r\nfunction ModalBankAccount({\r\n open,\r\n bankAccount,\r\n errors,\r\n toggle,\r\n saving,\r\n onSave,\r\n onChange,\r\n currencies,\r\n banks,\r\n archives,\r\n setArchives,\r\n getFile\r\n}) {\r\n const deleteArchive=(id)=>{\r\n var archivesAux = [...archives]; \r\n \r\n if (id !== -1) {\r\n archivesAux.splice(id, 1);\r\n }\r\n\r\n setArchives(\r\n archivesAux\r\n );\r\n\r\n }\r\n\r\n const handleFile = (file, name, extension) => {\r\n const items = file.split(',');\r\n var archive={ ArchiveId:0, ArchiveBlob: items[1],\r\n ArchiveExtension: extension,\r\n ArchiveName: name}\r\n setArchives([...archives, archive]);\r\n };\r\n\r\n const handleFileInput = (event, cb = handleFile) => {\r\n const file = event.target.files[0];\r\n const name = (file.name).substring(0, file.name.indexOf('.'));\r\n if (file.size <= 5242880){\r\n const extension = (file.name).substring(file.name.indexOf('.') + 1, file.name.length);\r\n const reader = new FileReader();\r\n reader.readAsDataURL(file);\r\n reader.onload = () => {\r\n cb(reader.result, name, extension);\r\n };\r\n reader.onerror = (error) => {\r\n throw error;\r\n };\r\n }else {\r\n alert(\"File is too big! (Max. 5MB)\");\r\n event.target = \"\";\r\n }\r\n };\r\n\r\n return (\r\n \r\n {archives.map((item, index) => (\r\n \r\n ))}\r\n
\r\n ))}\r\n \r\n onToggle()}>\r\n \r\n {initial === undefined ? \"Append New \" : \"Edit \"}\r\n Document\r\n \r\n \r\n {documentTypes ? (\r\n \r\n ) : (\r\n \r\n \r\n onSave(newDocument)}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n {loading ? \"Saving\" : \"Save\"}\r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nfunction parseDate(date) {\r\n if (date instanceof Date) {\r\n return date.toISOString();\r\n }\r\n\r\n if (!date || date == \"\" || date == \"0000-00-00\" || dateIsEmpty(date)) {\r\n return \"\";\r\n }\r\n \r\n if (date.indexOf(\"T\") > -1) {\r\n return date;\r\n }\r\n \r\n\r\n return new Date(`${date}T00:00`).toISOString();\r\n}\r\n\r\nModalDocument.propTypes = {\r\n open: PropTypes.bool.isRequired,\r\n onToggle: PropTypes.func.isRequired,\r\n onSave: PropTypes.func.isRequired,\r\n documentTypes: PropTypes.array.isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n initial: PropTypes.object,\r\n error: PropTypes.string,\r\n services: PropTypes.object.isRequired\r\n};\r\n\r\nModalDocument.defaultProps = {\r\n initial: undefined,\r\n error: undefined\r\n};\r\n\r\nexport default ModalDocument;\r\n","/* eslint-disable max-len */\r\nimport React from 'react';\r\nimport {\r\n Modal, ModalBody, ModalFooter, ModalHeader, Button,\r\n} from 'reactstrap';\r\nimport PropTypes from 'prop-types';\r\n\r\nfunction ModalError({\r\n open, onToggle, message,\r\n}) {\r\n return (\r\n \r\n onToggle()}>\r\n \r\n {initial === undefined ? \"Append New \" : \"Edit \"}\r\n Phone\r\n \r\n \r\n {phoneTypes ? (\r\n \r\n ) : (\r\n \r\n \r\n onSave(newPhone)}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n {loading ? \"Saving\" : \"Save\"}\r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nModalPhone.propTypes = {\r\n open: PropTypes.bool.isRequired,\r\n onToggle: PropTypes.func.isRequired,\r\n onSave: PropTypes.func.isRequired,\r\n phoneTypes: PropTypes.array.isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n initial: PropTypes.object,\r\n error: PropTypes.string,\r\n services: PropTypes.object.isRequired\r\n};\r\n\r\nModalPhone.defaultProps = {\r\n initial: undefined,\r\n error: undefined\r\n};\r\n\r\nexport default ModalPhone;\r\n","import React from 'react';\r\nimport {\r\n Modal,\r\n ModalBody,\r\n ModalFooter,\r\n ModalHeader,\r\n Form,\r\n Button,\r\n Spinner,\r\n} from 'reactstrap';\r\nimport LaddaButton, { EXPAND_RIGHT } from 'react-ladda';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { FormField, SelectFormField } from '../../../utils/FormFields';\r\n\r\nconst canSubmit = (ra) => (ra.RelatedAccountName && ra.RelatedAccountNumber);\r\n\r\nconst ModalRelatedAccount = ({\r\n open, relatedAccount, toggle, saving, onSave, onChange, banks,\r\n}) => (\r\n \r\n \r\n \r\n {headerText ? headerText : initialShareHolder ? \"Edit Share Holder\" : \"Add New Share Holder\"}\r\n \r\n \r\n \r\n \r\n {userSession.IsReadOnly === false && (\r\n \r\n saveShareHolder(newShareHolder)}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n Save\r\n {\" \"}\r\n \r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nModalShareHolder.propTypes = {\r\n open: PropTypes.bool.isRequired,\r\n onToggle: PropTypes.func.isRequired,\r\n onSave: PropTypes.func.isRequired,\r\n initialShareHolder: PropTypes.object.isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n shareHolders: PropTypes.array.isRequired,\r\n personId: PropTypes.string.isRequired,\r\n services: PropTypes.object.isRequired,\r\n headerText: PropTypes.string,\r\n};\r\n\r\nexport default ModalShareHolder;\r\n","import React, { useState } from 'react';\r\nimport {\r\n Modal, ModalHeader, ModalBody, ModalFooter, Button, Input, Label, Form, FormGroup,\r\n} from 'reactstrap';\r\nimport LaddaButton, { EXPAND_RIGHT } from 'react-ladda';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { AccountSignatureWayOfAction } from '../Account/types';\r\n\r\nfunction generateInitialSignature(id, holder, signature) {\r\n if (signature) return signature;\r\n return {\r\n SignatureSetId: id,\r\n SignatureSetPersonId: holder.AccountHolderId,\r\n SignatureSetPersonName: holder.AccountHolderName,\r\n SignatureSetWayOfAction: AccountSignatureWayOfAction.Joint,\r\n SignaturePeopleSelected: [],\r\n };\r\n}\r\n\r\nfunction generateCheckedObject(holders, signature) {\r\n const checkedObject = {};\r\n holders.forEach((h) => {\r\n checkedObject[h.AccountHolderId] = false;\r\n });\r\n if (signature) {\r\n signature.SignaturePeopleSelected.forEach((sp) => {\r\n checkedObject[sp.SignaturePersonId] = true;\r\n });\r\n }\r\n return checkedObject;\r\n}\r\n\r\nfunction signatureIsComplete(newSignature) {\r\n let res = true;\r\n Object.keys(newSignature).forEach((key) => {\r\n if (!newSignature[key] && (key !== 'SignatureSetId')) {\r\n res = false;\r\n }\r\n });\r\n if (newSignature.SignatureSetWayOfAction\r\n === AccountSignatureWayOfAction.Joint\r\n && newSignature.SignaturePeopleSelected.length === 0) {\r\n res = false;\r\n }\r\n return res;\r\n}\r\n\r\nconst ModalSignature = ({\r\n signature, holders, newSetId, onSave, saving, open, toggle,\r\n}) => {\r\n const [newSignature, setNewSignature] = useState(generateInitialSignature(\r\n newSetId,\r\n holders[0],\r\n signature,\r\n ));\r\n const [checkedHolder, setCheckedHolder] = useState(generateCheckedObject(holders, signature));\r\n const changeSignatureField = (name, value) => {\r\n if (name === 'SignaturePeopleSelected') {\r\n const people = newSignature.SignaturePeopleSelected;\r\n if (!checkedHolder[value]) {\r\n let personName = '';\r\n holders.forEach((h) => {\r\n if (parseInt(h.AccountHolderId, 10) === parseInt(value, 10)) {\r\n personName = h.AccountHolderName;\r\n }\r\n });\r\n people.push({\r\n SignaturePersonId: value,\r\n SignaturePersonName: personName,\r\n });\r\n } else {\r\n let index = -1;\r\n people.forEach((sp, i) => {\r\n if (parseInt(sp.SignaturePersonId, 10) === parseInt(value, 10)) {\r\n index = i;\r\n }\r\n });\r\n if (index > -1) people.splice(index, 1);\r\n }\r\n setCheckedHolder({\r\n ...checkedHolder,\r\n [value]: !checkedHolder[value],\r\n });\r\n setNewSignature({\r\n ...newSignature,\r\n SignaturePeopleSelected: people,\r\n });\r\n } else {\r\n let personName;\r\n if (name === 'SignatureSetPersonId') {\r\n holders.forEach((h) => {\r\n if (parseInt(h.AccountHolderId, 10) === parseInt(value, 10)) {\r\n personName = h.AccountHolderName;\r\n }\r\n });\r\n }\r\n setNewSignature({\r\n ...newSignature,\r\n [name]: value,\r\n SignatureSetPersonName: personName || newSignature.SignatureSetPersonName,\r\n SignaturePeopleSelected: [],\r\n });\r\n setCheckedHolder(generateCheckedObject(holders, undefined));\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {person.PersonType === PersonType.Physical && documentTypes && (\r\n \r\n i.DocumentTypeId}\r\n getSelectItemName={(i) => i.DocumentTypeName}\r\n disabled={disabled}\r\n error={errors.PersonFiscalResidenceTaxId}\r\n />\r\n \r\n \r\n )}\r\n
\r\n {person.PersonType === PersonType.Physical && person.PersonFiscalResidenceTIN === \"\" && (\r\n \r\n item.id}\r\n getSelectItemName={(item) => item.text}\r\n disabled={disabled}\r\n error={errors.PersonFiscalResidenceNoTINOpt}\r\n />\r\n \r\n )}\r\n
\r\n );\r\n}\r\n\r\nFiscalResidence.propTypes = {\r\n person: PropTypes.object.isRequired,\r\n onChange: PropTypes.func.isRequired,\r\n autosuggests: PropTypes.object.isRequired,\r\n onChangeAutosuggest: PropTypes.func.isRequired,\r\n disabled: PropTypes.bool.isRequired,\r\n errors: PropTypes.object.isRequired,\r\n services: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default FiscalResidence;\r\n","import React, { useState } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Row, Col, Label } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport { PersonType } from \"../../types\";\r\n\r\nimport { FormField, SelectFormField, CustomFormInput, CheckFormField } from \"../../../../../utils/FormFields\";\r\nimport JuridicalPersonLegalAddress from \"../LegalAddress\";\r\nimport JuridicalPersonFiscalResidence from \"../FiscalResidence\";\r\nimport Autosuggest from \"../../../../AutosuggestCompliance\";\r\nimport CircularProggress from \"../../../../CircularProgress/CircularProgress\";\r\nimport { toDateTime } from \"../../../../../utils/dateUtils\";\r\nimport { PersonMode } from \"../../../../../utils/Helper\";\r\nimport { CurrencyType, RelatedFrom, shareType, PersonStatus } from \"../../types\";\r\nimport CustomDropdown from \"../../../../CustomDropdown/CustomDropdown\";\r\n\r\nfunction JuridicalPersonProfile({\r\n person,\r\n onChange,\r\n legalAddress,\r\n onChangeAddress,\r\n autosuggests,\r\n onChangeAutosuggest,\r\n documentTypes,\r\n entityTypes,\r\n activitySectors,\r\n societyTypes,\r\n publicPositions,\r\n disabled,\r\n errors,\r\n companyLinks,\r\n professions,\r\n services,\r\n role,\r\n holder,\r\n onboarding,\r\n mode,\r\n manual,\r\n needsExtraFields,\r\n}) {\r\n const fetchSectorSuggestion = (name) =>\r\n new Promise((resolve, reject) => {\r\n services.fetchAutosuggestSector({ text: name }, (response) => {\r\n if (response && response.sectors) {\r\n const suggestions = response.sectors.map((c) => ({\r\n id: c.Id,\r\n name: c.Description,\r\n }));\r\n resolve(suggestions);\r\n } else {\r\n reject();\r\n }\r\n });\r\n });\r\n \r\n const fetchCountrySuggestion = (name) =>\r\n new Promise((resolve, reject) => {\r\n services.fetchAutosuggestCoutries({ text: name }, (response) => {\r\n if (response && response.countries) {\r\n const suggestions = [];\r\n response.countries.map((c) => {\r\n suggestions.push({\r\n id: c.Id,\r\n name: c.Name,\r\n });\r\n return {};\r\n });\r\n resolve(suggestions);\r\n } else {\r\n reject();\r\n }\r\n });\r\n });\r\n\r\n \r\n \r\n const onChangeSector = (value) => onChangeAutosuggest(\"PersonActivitySector\", value);\r\n const onChangeConstPlace = (value) => onChangeAutosuggest(\"JuridicalPersonConstPlace\", value);\r\n const handleSelectSector = (id, value) => {\r\n onChange(\"PersonActivitySectorId\", id, value);\r\n onChangeSector(value);\r\n };\r\n const handleSelectConstPlace = (id, value) => {\r\n onChange(\"JuridicalPersonConstPlaceId\", id, value);\r\n onChangeConstPlace(value);\r\n };\r\n\r\n const [error, setError] = useState(onboarding ? \"Check Document First\" : \"\");\r\n const [color, setColor] = useState(\"btn btn-ladda btn-primary\");\r\n const [checking, setChecking] = useState(false);\r\n\r\n const isPEP = parseInt(person.JuridicalPersonPublicPosition, 10) > 1;\r\n\r\n const checkDocument = () => {\r\n if (person.JuridicalPersonTAXId == \"\") {\r\n setColor(\"btn btn-ladda btn-primary\");\r\n setError(\"Please, add a document number\");\r\n } else {\r\n setChecking(true);\r\n services.fetchCheckDocument(\r\n {\r\n onboardingid: person.PersonId,\r\n type: person.JuridicalPersonDocumentTypeId,\r\n number: person.JuridicalPersonTAXId,\r\n person: \"Juridical\",\r\n },\r\n (response) => {\r\n if (response && response.result.Code === 200) {\r\n setColor(\"btn btn-ladda btn-primary\");\r\n setError(undefined);\r\n setChecking(false);\r\n alert(response.result.Description);\r\n } else {\r\n setError(\"This document already exists!\");\r\n setColor(\"btn btn-ladda btn-danger btn-sm\");\r\n setChecking(false);\r\n alert(response.result.Description);\r\n }\r\n }\r\n );\r\n }\r\n };\r\n\r\n\r\n const onChangeDoc = (id, value, text) => {\r\n onChange(id, value, text);\r\n setError(\"Check Document First\");\r\n\r\n}\r\n\r\n const onChangeDocNumber = (id, value) => {\r\n onChange(id, value);\r\n setError(\"Check Document First\");\r\n}\r\n\r\n return (\r\n \r\n {(\r\n \r\n i.DocumentTypeId}\r\n getSelectItemName={(i) => i.DocumentTypeName}\r\n />\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n i}\r\n getSelectItemName={(i) => PersonStatus[i]}\r\n error={errors.PersonStatus}\r\n onChange={onChange}\r\n disabled={disabled || error || onboarding || mode === PersonMode.New}\r\n />\r\n {person.PersonActivationDate && mode !== PersonMode.New && (\r\n \r\n i.EntityTypeId}\r\n getSelectItemName={(i) => i.EntityTypeDescription}\r\n />\r\n ) : (\r\n i.SocietyTypeId}\r\n getSelectItemName={(i) => i.SocietyTypeDescription}\r\n />\r\n ) : (\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n {shareType ? (\r\n i.id}\r\n getSelectItemName={(i) => i.name}\r\n error={errors.JuridicalPersonShareType}\r\n disabled={disabled || error}\r\n />\r\n ) : (\r\n \r\n {person.PersonType != PersonType.Juridical && (\r\n profession.ProfessionId}\r\n getSelectItemName={(profession) => profession.ProfessionName}\r\n disabled={disabled || error || !manual}\r\n error={errors.PersonProfessionId}\r\n />\r\n \r\n )}\r\n {/* activitySector.Id}\r\n getSelectItemName={(activitySector) => `${activitySector.Description} - ${activitySector.Code}`}\r\n disabled={disabled || !manual || error}\r\n error={errors.PersonActivitySectorId}\r\n />\r\n */}\r\n activitySector.Id}\r\n getSelectedName={(activitySector) => `${activitySector.Description} - ${activitySector.Code}`}\r\n getFilterCondition={(activitySector) => activitySector.Description + \" \" + activitySector.Code}\r\n disabled={disabled || !manual || error}\r\n error={errors.PersonActivitySectorId}\r\n />\r\n \r\n {/* \r\n \r\n */}\r\n publicPosition.PublicPositionId}\r\n getSelectItemName={(publicPosition) => publicPosition.PublicPositionName}\r\n disabled={disabled || !manual}\r\n description={isPEP ? \"PEP\" : undefined}\r\n error = {errors.JuridicalPersonPublicPosition}\r\n />\r\n \r\n
\r\n \r\n i}\r\n getSelectItemName={(i) => CurrencyType[i]}\r\n error={errors.CurrencyType}\r\n onChange={onChange}\r\n disabled={disabled || error}\r\n />\r\n \r\n i}\r\n getSelectItemName={(i) => RelatedFrom[i]}\r\n error={errors.RelatedFrom}\r\n onChange={onChange}\r\n disabled={disabled || error}\r\n />\r\n \r\n
\r\n\r\n {/*
\r\n );\r\n}\r\n\r\nJuridicalPersonProfile.propTypes = {\r\n person: PropTypes.object.isRequired,\r\n onChange: PropTypes.func.isRequired,\r\n onChangeAddress: PropTypes.func.isRequired,\r\n autosuggests: PropTypes.object.isRequired,\r\n onChangeAutosuggest: PropTypes.func.isRequired,\r\n disabled: PropTypes.bool.isRequired,\r\n errors: PropTypes.object.isRequired,\r\n companyLinks: PropTypes.array,\r\n professions: PropTypes.array,\r\n documentTypes: PropTypes.array,\r\n entityTypes: PropTypes.array,\r\n societyTypes: PropTypes.array,\r\n services: PropTypes.object.isRequired,\r\n};\r\n\r\nJuridicalPersonProfile.defaultProps = {\r\n companyLinks: undefined,\r\n professions: undefined,\r\n documentTypes: undefined,\r\n entityTypes: undefined,\r\n societyTypes: undefined,\r\n};\r\n\r\nexport default JuridicalPersonProfile;\r\n","import React, {useState, useEffect} from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport {Row, Col} from \"reactstrap\";\r\n\r\nimport {\r\n FormField,\r\n CustomFormInput,\r\n SelectFormField\r\n} from \"../../../../utils/FormFields\";\r\nimport Autosuggest from \"../../../AutosuggestCompliance\";\r\nimport CircularProggress from \"../../../CircularProgress/CircularProgress\";\r\n\r\nfunction LegalAddress({\r\n legalAddress,\r\n onChangeAddress,\r\n autosuggests,\r\n onChangeAutosuggest,\r\n disabled,\r\n errors,\r\n services\r\n}) {\r\n const [addressStates, setAddressStates] = useState(undefined);\r\n const [country, setCountry] = useState({\r\n id: legalAddress.LegalAddressCountryId\r\n });\r\n\r\n const fetchCountrySuggestion = name =>\r\n new Promise((resolve, reject) => {\r\n services.fetchAutosuggestCoutries({text: name}, response => {\r\n if (response && response.countries) {\r\n const suggestions = [];\r\n response.countries.map(c => {\r\n suggestions.push({\r\n id: c.Id,\r\n name: c.Name\r\n });\r\n return {};\r\n });\r\n resolve(suggestions);\r\n } else {\r\n reject();\r\n }\r\n });\r\n });\r\n\r\n const fetchCitySuggestion = name =>\r\n new Promise((resolve, reject) => {\r\n services.fetchGetCityAutosuggest(\r\n {\r\n name: name,\r\n nameState: legalAddress.LegalAddressStateName,\r\n nameCountry: legalAddress.LegalAddressCountryName\r\n },\r\n response => {\r\n if (response && response.suggestions) {\r\n const suggestions = [];\r\n response.suggestions.map(c => {\r\n suggestions.push({\r\n id: c.Id,\r\n name: c.Name\r\n });\r\n return {};\r\n });\r\n resolve(suggestions);\r\n } else {\r\n reject();\r\n }\r\n }\r\n );\r\n });\r\n\r\n const fetchStateSuggestion = name =>\r\n new Promise((resolve, reject) => {\r\n services.fetchGetStateAutosuggest(\r\n {nameState: name, nameCountry: legalAddress.LegalAddressCountryName},\r\n response => {\r\n if (response && response.suggestions) {\r\n const suggestions = [];\r\n response.suggestions.map(c => {\r\n suggestions.push({\r\n id: c.Id,\r\n name: c.Name\r\n });\r\n return {};\r\n });\r\n resolve(suggestions);\r\n } else {\r\n reject();\r\n }\r\n }\r\n );\r\n });\r\n\r\n const handleChangeCity = (id, value) => {\r\n const legalCityId = legalAddress.LegalAddressCityId;\r\n if (id !== legalCityId || legalCityId == undefined) {\r\n onChangeAddress(\"LegalAddressCityId\", id, value);\r\n }\r\n };\r\n\r\n const onChangeCity = value => {\r\n onChangeAddress(\"LegalAddressCityId\", undefined, value);\r\n };\r\n\r\n const handleChangeState = (id, value) => {\r\n const legalStateId = legalAddress.LegalAddressStateId;\r\n if (id !== legalStateId || legalStateId == undefined) {\r\n onChangeAddress(\"LegalAddressStateId\", id, value);\r\n }\r\n };\r\n\r\n const onChangeState = value => {\r\n onChangeAddress(\"LegalAddressStateId\", undefined, value);\r\n };\r\n\r\n const handleChangeCountry = (id, value) => {\r\n const legalCountryId = legalAddress.LegalAddressCountryId;\r\n if (id !== legalCountryId || legalCountryId == undefined) {\r\n onChangeAddress(\"LegalAddressCountryId\", id, value);\r\n }\r\n };\r\n\r\n const onChangeCountry = value => {\r\n onChangeAddress(\"LegalAddressCountryId\", undefined, value);\r\n };\r\n\r\n return (\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\nLegalAddress.propTypes = {\r\n legalAddress: PropTypes.object.isRequired,\r\n onChangeAddress: PropTypes.func.isRequired,\r\n autosuggests: PropTypes.object.isRequired,\r\n onChangeAutosuggest: PropTypes.func.isRequired,\r\n disabled: PropTypes.bool.isRequired,\r\n errors: PropTypes.object.isRequired,\r\n services: PropTypes.object.isRequired\r\n};\r\n\r\nexport default LegalAddress;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Row, Col, Label } from \"reactstrap\";\r\n\r\nimport \"./style.module.scss\";\r\n\r\nfunction PersonSubAsset({ subAssetClasses, isChecked, handleCheck, checked }) {\r\n const [checkedList, setCheckedList] = useState([]);\r\n\r\n const updateCheckedList = () => {\r\n let checkedList = [];\r\n if (checked) {\r\n checked.forEach((item) => {\r\n checkedList.push(item.PersonSubAssetClassId);\r\n });\r\n setCheckedList(checkedList);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n updateCheckedList();\r\n }, [checked]);\r\n\r\n return (\r\n \r\n \r\n
\r\n |
\r\n
\r\n );\r\n}\r\n\r\nexport default PersonSubAsset;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Row, Col, Label } from \"reactstrap\";\r\n\r\nimport { FormField, CheckFormField, SelectFormField, CustomFormInput } from \"../../../../../utils/FormFields\";\r\nimport Autosuggest from \"../../../../AutosuggestCompliance\";\r\nimport CircularProggress from \"../../../../CircularProgress/CircularProgress\";\r\nimport CustomDropdown from \"../../../../CustomDropdown/CustomDropdown\";\r\n\r\nfunction PhysicalPersonLegalInfo({\r\n person,\r\n onChange,\r\n personLinks,\r\n activitySectors,\r\n publicPositions,\r\n patrimonies,\r\n professions,\r\n autosuggests,\r\n onChangeAutosuggest,\r\n disabled,\r\n errors,\r\n companyLinks,\r\n services,\r\n manual,\r\n}) {\r\n const fetchSectorSuggestion = (name) =>\r\n new Promise((resolve, reject) => {\r\n services.fetchAutosuggestSector({ text: name }, (response) => {\r\n if (response && response.sectors) {\r\n console.log(response.sectors);\r\n const suggestions = response.sectors.map((c) => ({\r\n id: c.Id,\r\n name: `${c.Description} (${c.Code})`,\r\n }));\r\n resolve(suggestions);\r\n } else {\r\n reject();\r\n }\r\n });\r\n });\r\n\r\n const onChangeSector = (value) => onChangeAutosuggest(\"PersonActivitySector\", value);\r\n\r\n const handleSelectSector = (id, value) => {\r\n onChange(\"PersonActivitySectorId\", id, value);\r\n onChangeSector(value);\r\n };\r\n\r\n const personPublicPositionId = person.PhysicalPersonPublicPositionId;\r\n const isPEP = parseInt(personPublicPositionId, 10) > 1;\r\n const personLinkPositionId = person.PersonLinkPublicPositionId;\r\n const isPEPRelated = parseInt(personLinkPositionId, 10) > 1;\r\n\r\n return (\r\n \r\n \r\n Person SubAsset Selected:\r\n \r\n
\r\n \r\n {subAssetClasses &&\r\n subAssetClasses.map((item, index) => (\r\n
\r\n \r\n handleCheck(item.SubAssetClassId)}\r\n checked={checkedList.includes(item.SubAssetClassId)}\r\n />\r\n \r\n
\r\n ))}\r\n \r\n {!person.PersonIsMinimal && (\r\n publicPosition.PublicPositionId}\r\n getSelectItemName={(publicPosition) => publicPosition.PublicPositionName}\r\n disabled={disabled || !manual}\r\n error={errors.PhysicalPersonPublicPositionId}\r\n description={isPEP ? \"PEP\" : undefined}\r\n />\r\n {!person.PersonIsMinimal && (\r\n
\r\n );\r\n}\r\n\r\nPhysicalPersonLegalInfo.propTypes = {\r\n person: PropTypes.object.isRequired,\r\n onChange: PropTypes.func.isRequired,\r\n personLinks: PropTypes.array,\r\n publicPositions: PropTypes.array,\r\n professions: PropTypes.array,\r\n autosuggests: PropTypes.object.isRequired,\r\n onChangeAutosuggest: PropTypes.func.isRequired,\r\n disabled: PropTypes.bool.isRequired,\r\n errors: PropTypes.object.isRequired,\r\n companyLinks: PropTypes.array,\r\n patrimonies: PropTypes.array,\r\n services: PropTypes.object.isRequired,\r\n};\r\n\r\nPhysicalPersonLegalInfo.defaultProps = {\r\n personLinks: undefined,\r\n publicPositions: undefined,\r\n companyLinks: undefined,\r\n patrimonies: undefined,\r\n professions: undefined,\r\n};\r\n\r\nexport default PhysicalPersonLegalInfo;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Row, Col, ButtonGroup } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport CustomDropdown from \"../../../../CustomDropdown/CustomDropdown\";\r\n\r\nimport { CivilStatus, Gender, PersonStatus, CurrencyType, RelatedFrom } from \"../../types\";\r\nimport { FormField, SelectFormField, CustomFormInput, CheckFormField } from \"../../../../../utils/FormFields\";\r\nimport PhysicalPersonLegalAddress from \"../LegalAddress\";\r\nimport PhysicalPersonFiscalResidence from \"../FiscalResidence\";\r\nimport PhysicalPersonLegalInfo from \"./LegalInfo\";\r\nimport Autosuggest from \"../../../../AutosuggestCompliance\";\r\nimport CircularProggress from \"../../../../CircularProgress/CircularProgress\";\r\nimport { parseDate, toDateTime } from \"../../../../../utils/dateUtils\";\r\nimport Label from \"reactstrap/lib/Label\";\r\nimport { PersonMode } from \"../../../../../utils/Helper\";\r\n\r\nfunction PhysicalPersonProfile({\r\n person,\r\n onChange,\r\n activitySectors,\r\n legalAddress,\r\n onChangeAddress,\r\n personLinks,\r\n professions,\r\n publicPositions,\r\n companyLinks,\r\n documentTypes,\r\n patrimonies,\r\n autosuggests,\r\n onChangeAutosuggest,\r\n disabled,\r\n errors,\r\n services,\r\n onboarding,\r\n mode,\r\n manual,\r\n viewDigitalRelatedFrom,\r\n}) {\r\n const [country, setCountry] = useState({\r\n id: person.PhysicalPersonCountryOfBirthId,\r\n });\r\n const [birthStates, setBirthStates] = useState(undefined);\r\n const [error, setError] = useState(onboarding ? \"Check Document First\" : \"\");\r\n const [color, setColor] = useState(\"btn btn-ladda btn-primary\");\r\n const [checking, setChecking] = useState(false);\r\n\r\n const onChangeDocumentCountry = (name) => onChangeAutosuggest(\"SpouseDocumentCountryOfIssue\", name);\r\n const onChangeCountry = (name) => onChangeAutosuggest(\"PhysicalPersonCountryOfBirth\", name);\r\n\r\n const fetchCountrySuggestion = (name) =>\r\n new Promise((resolve, reject) => {\r\n services.fetchAutosuggestCoutries({ text: name }, (response) => {\r\n if (response && response.countries) {\r\n const suggestions = [];\r\n response.countries.map((c) => {\r\n suggestions.push({\r\n id: c.Id,\r\n name: c.Name,\r\n });\r\n return {};\r\n });\r\n resolve(suggestions);\r\n } else {\r\n reject();\r\n }\r\n });\r\n });\r\n\r\n const handleChangeDocumentCountry = (id, value) => {\r\n onChange(\"SpouseDocumentCountryOfIssueId\", id, value);\r\n onChangeDocumentCountry(value);\r\n };\r\n const handleChangeCountry = (id, value) => {\r\n onChange(\"PhysicalPersonCountryOfBirthId\", id, value);\r\n setCountry({\r\n id,\r\n });\r\n onChangeCountry(value);\r\n };\r\n\r\n useEffect(() => {\r\n setCountry({ id: person.PhysicalPersonCountryOfBirthId });\r\n }, [person]);\r\n\r\n useEffect(() => {\r\n const birthCountryId = country.id;\r\n setBirthStates(undefined);\r\n services.fetchCountryStates({ id: birthCountryId }, (response) => {\r\n if (response && response.states) {\r\n setBirthStates(response.states);\r\n } else {\r\n setBirthStates([]);\r\n }\r\n });\r\n }, [country.id]);\r\n\r\n const checkDocument = () => {\r\n if (person.PhysicalPersonMainDocumentNumber == \"\") {\r\n setColor(\"btn btn-ladda btn-primary\");\r\n setError(\"Please, add a document number\");\r\n } else {\r\n setChecking(true);\r\n services.fetchCheckDocument(\r\n {\r\n onboardingid: person.PersonId,\r\n type: person.PhysicalPersonMainDocumentTypeId,\r\n number: person.PhysicalPersonMainDocumentNumber,\r\n person: \"Physical\",\r\n },\r\n (response) => {\r\n if (response && response.result.Code === 200) {\r\n setColor(\"btn btn-ladda btn-primary\");\r\n setError(undefined);\r\n setChecking(false);\r\n alert(response.result.Description);\r\n } else {\r\n setError(\"This document already exists!\");\r\n setColor(\"btn btn-ladda btn-danger btn-sm\");\r\n setChecking(false);\r\n alert(response.result.Description);\r\n }\r\n }\r\n );\r\n }\r\n };\r\n\r\n const onChangeDoc = (id, value, text) => {\r\n onChange(id, value, text);\r\n setError(\"Check Document First\");\r\n };\r\n\r\n const onChangeDocNumber = (id, value) => {\r\n onChange(id, value);\r\n setError(\"Check Document First\");\r\n };\r\n\r\n const civilStatusArray = [];\r\n Object.keys(CivilStatus).map((key) => {\r\n civilStatusArray.push({\r\n id: key,\r\n name: CivilStatus[key],\r\n });\r\n return {};\r\n });\r\n\r\n const cities = [];\r\n if (birthStates) {\r\n birthStates.map((s) => s.City.map((c) => cities.push(c)));\r\n }\r\n const personCivilStatus = person.PhysicalPersonCivilStatus;\r\n\r\n return (\r\n \r\n \r\n i.PatrimonyId}\r\n getSelectItemName={(i) => i.PatrimonyDescription}\r\n value={person.PhysicalPersonPatrimonyId}\r\n />\r\n ) : (\r\n
\r\n
\r\n )}\r\n {!person.PersonIsMinimal && (\r\n \r\n \r\n profession.ProfessionId}\r\n getSelectItemName={(profession) => profession.ProfessionName}\r\n disabled={disabled}\r\n error={errors.PersonProfessionId}\r\n />\r\n \r\n activitySector.Id}\r\n getSelectedName={(activitySector) => `${activitySector.Description} - ${activitySector.Code}`}\r\n getFilterCondition={(activitySector) =>\r\n activitySector.Description + \" \" + activitySector.Code\r\n }\r\n disabled={disabled || !manual}\r\n error={errors.PersonActivitySectorId}\r\n />\r\n \r\n {/* activitySector.Id}\r\n getSelectItemName={(activitySector) =>\r\n `${activitySector.Description} - ${activitySector.Code}`\r\n }\r\n disabled={disabled || !manual}\r\n error={errors.PersonActivitySectorId}\r\n />\r\n */}\r\n {/* \r\n \r\n */}\r\n
\r\n
\r\n )}\r\n \r\n \r\n personLink.PersonLinkId}\r\n getSelectItemName={(personLink) => personLink.PersonLinkName}\r\n disabled={disabled || !manual}\r\n error={errors.PhysicalPersonLinkId}\r\n />\r\n \r\n publicPosition.PublicPositionId}\r\n getSelectItemName={(publicPosition) => publicPosition.PublicPositionName}\r\n disabled={disabled || !manual}\r\n error={errors.PersonLinkPublicPositionId}\r\n description={isPEPRelated ? \"PEP Related\" : undefined}\r\n />\r\n \r\n
\r\n
\r\n )}\r\n {!person.PersonIsMinimal && (\r\n \r\n i.CompanyLinkId}\r\n getSelectItemName={(i) => i.CompanyLinkName}\r\n error={errors.PersonCompanyLinkId}\r\n disabled={disabled}\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 {\"Web User: \"}\r\n \r\n onChange(\"PhysicalPersonWebUser\", e.target.checked)}\r\n disabled={disabled}\r\n checked={person.PhysicalPersonWebUser}\r\n />\r\n
\r\n\r\n {companyLinks ? (\r\n \r\n {(onboarding || mode === PersonMode.New) && (\r\n \r\n doc.DocumentTypeId}\r\n getSelectItemName={(doc) => doc.DocumentTypeName}\r\n color={color}\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
\r\n\r\n i}\r\n getSelectItemName={(i) => PersonStatus[i]}\r\n error={errors.PersonStatus}\r\n onChange={onChange}\r\n disabled={disabled || error || onboarding || mode === PersonMode.New}\r\n />\r\n\r\n \r\n
\r\n\r\n {!person.PersonIsMinimal && (\r\n
\r\n );\r\n}\r\n\r\nPhysicalPersonProfile.propTypes = {\r\n person: PropTypes.object.isRequired,\r\n onChange: PropTypes.func.isRequired,\r\n onChangeAddress: PropTypes.func.isRequired,\r\n personLinks: PropTypes.array,\r\n publicPositions: PropTypes.array,\r\n professions: PropTypes.array,\r\n documentTypes: PropTypes.array,\r\n companyLinks: PropTypes.array,\r\n patrimonies: PropTypes.array,\r\n autosuggests: PropTypes.object.isRequired,\r\n onChangeAutosuggest: PropTypes.func.isRequired,\r\n disabled: PropTypes.bool.isRequired,\r\n errors: PropTypes.object.isRequired,\r\n services: PropTypes.object.isRequired,\r\n};\r\n\r\nPhysicalPersonProfile.defaultProps = {\r\n personLinks: undefined,\r\n publicPositions: undefined,\r\n professions: undefined,\r\n documentTypes: undefined,\r\n companyLinks: undefined,\r\n patrimonies: undefined,\r\n};\r\n\r\nexport default PhysicalPersonProfile;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"info\":\"style-module_info_3-oKz\",\"header\":\"style-module_header_2djYK\",\"text\":\"style-module_text_bT-P3\",\"flex\":\"style-module_flex_1pTbd\",\"title\":\"style-module_title_38B3_\",\"list-container\":\"style-module_list-container_3fXmX\",\"checked-item\":\"style-module_checked-item_1rRfr\",\"not-checked-item\":\"style-module_not-checked-item_c5XA-\"};","import React, { useState } from 'react';\r\nimport {\r\n Modal, ModalBody, ModalHeader, FormGroup, Button, Row, Col, Label,Input,\r\n} from 'reactstrap';\r\nimport LaddaButton, { EXPAND_RIGHT } from 'react-ladda';\r\nimport PropTypes from 'prop-types';\r\n\r\n\r\nconst ModalComments = ({\r\n open, id, fromDate, toDate, toggle, account, onboardingid, person, services, setRedirectPerson\r\n}) => {\r\n const [loading, setLoading] = useState(false);\r\n const [file, setFile] = useState(undefined);\r\n const [topic, setTopic] = useState('All');\r\n const [comment, setComment] = useState('');\r\n\r\n const handleChangeDate = (name, value) => {\r\n if (name === 'from') {\r\n setFrom(value);\r\n } else {\r\n setTo(value);\r\n }\r\n };\r\n\r\n const handleChangeComment = (text) => {\r\n setComment(text)\r\n };\r\n\r\n const handleResponse = (response) => {\r\n if (response && response.result && response.result.Code){\r\n setLoading(false);\r\n toggle();\r\n }\r\n };\r\n\r\n const handleClose = () => {\r\n setFile(undefined);\r\n setLoading(false);\r\n toggle();\r\n };\r\n\r\n const handleComment = () => {\r\n setLoading(true);\r\n const body = {\r\n onboardingid: person.PersonId,\r\n description: comment,\r\n reject: true,\r\n }\r\n services.fetchOnboardingHistory(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n setLoading(false);\r\n toggle();\r\n setRedirectPerson(person.PersonId);\r\n }\r\n });\r\n };\r\n return (\r\n \r\n i}\r\n getSelectItemName={(i) => Gender[i]}\r\n error={errors.PhysicalPersonGender}\r\n onChange={onChange}\r\n disabled={disabled || error || !manual}\r\n />\r\n\r\n
\r\n )}\r\n\r\n {!person.PersonIsMinimal && (\r\n \r\n \r\n \r\n city.CityId}\r\n getSelectedName={(city) => city.CityName}\r\n getFilterCondition={(city) => city.CityName}\r\n disabled={disabled || error}\r\n error={errors.PhysicalPersonCityOfBirthId}\r\n />\r\n )}\r\n \r\n
\r\n
\r\n )}\r\n \r\n status.id}\r\n getSelectItemName={(status) => status.name}\r\n disabled={disabled || error || !manual}\r\n error={errors.PhysicalPersonCivilStatus}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n document.DocumentTypeId}\r\n getSelectItemName={(document) => document.DocumentTypeName}\r\n disabled={disabled || error || !manual}\r\n error={errors.SpouseDocumentTypeId}\r\n />\r\n ) : (\r\n \r\n
\r\n
\r\n )}\r\n {!person.PersonIsMinimal && (\r\n \r\n \r\n
\r\n
\r\n )}\r\n\r\n {person.PersonType == \"Physical\" && !person.PersonIsMinimal && (\r\n \r\n \r\n
\r\n \r\n key !== 'Digital') : Object.keys(RelatedFrom)}\r\n getSelectItemId={(i) => i}\r\n getSelectItemName={(i) => RelatedFrom[i]}\r\n error={errors.RelatedFrom}\r\n onChange={onChange}\r\n disabled={disabled || error}\r\n />\r\n \r\n i}\r\n getSelectItemName={(i) => CurrencyType[i]}\r\n error={errors.CurrencyType}\r\n onChange={onChange}\r\n disabled={disabled || error}\r\n />\r\n \r\n
\r\n
\r\n )}\r\n \r\n {text}\r\n \r\n
\r\n);\r\n\r\nexport const PersonRiskTable = ({ person, riskSummary, riskByPersonIsEnabled, onboarding }) => {\r\n const [popUp, setPopUp] = useState(null);\r\n const togglePopUp = (index, text) => {\r\n setPopUp(popUp && popUp.index === index ? null : { index, text });\r\n };\r\n\r\n return (\r\n \r\n \r\n Risk \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {riskSummary && riskSummary.Risk.length != 0 && (\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n Profile Risk \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {riskSummary && person && (\r\n
\r\n {riskSummary && riskSummary.ProfileRisk.length != 0 && (\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n Transactional Limit \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/*
\r\n {/* {riskSummary && riskSummary.TotalTransactionalLimit && ( */}\r\n \r\n
\r\n {/* )} */}\r\n \r\n \r\n
\r\n )}\r\n {riskSummary && onboarding && (\r\n | Factor description | \r\nFactor Weight | \r\nData | \r\nScore | \r\n
|---|---|---|---|
| {risk.FactorDescription} | \r\n{risk.FactorWeight} | \r\n{risk.Data} | \r\n{Number.parseInt(risk.Score)} | \r\n
\r\n
\r\n \r\n \r\n \r\n Total {getTotalRiskScore(riskSummary)} points\r\n \r\n
\r\n| Question | \r\nAnswer | \r\nScore | \r\n
|---|---|---|
| {risk.QuestionDescription} | \r\n{risk.AnswerDescription} | \r\n{risk.AnswerScore} | \r\n
\r\n
\r\n \r\n \r\n {riskSummary.PersonProfileRisk}\r\n \r\n Total {getTotalScore(riskSummary)} points\r\n \r\n
\r\n| Factor description | \r\nFactor Weight | \r\nData | \r\nScore | \r\n
|---|---|---|---|
| {risk.FactorDescription} | \r\n{risk.FactorWeight} | \r\n{risk.Data} | \r\n{formattedNumber(risk.Score, \"currency\", 0)} | \r\n
\r\n
\r\n \r\n \r\n \r\n Total {formattedNumber(riskSummary.TotalTransactionalLimit, \"currency\", 0)}\r\n \r\n
\r\n| List | \r\nCoincidence name | \r\nCoincidence External Id | \r\nDetails | \r\n
|---|---|---|---|
| {item.listName} | \r\n{item.personCheckName} | \r\n{item.ListCheckPersonKey} | \r\n\r\n {item.comments ? (\r\n | \r\n
\r\n
\r\n )}\r\n \r\n \r\n No coincidences\r\n
\r\n\r\n
\r\n);\r\n\r\nconst ProfileRiskSummary = ({ person, riskSummary }) => (\r\n Summary
\r\nCheck every 1 day
\r\nLast check Yesterday
\r\n\r\n
\r\n
\r\n Risk{\" \"}\r\n
\r\n \r\n \r\n Profile mismatch warning\r\n \r\n )}\r\n */}\r\n \r\n \r\n \r\n
\r\n
\r\n);\r\n\r\nconst LoadingOrEmpty = ({ isLoading, isEmpty, children }) =>\r\n isLoading ? (\r\n Summary
\r\n {/* \r\n {person.PersonProfileRiskMismatch && (\r\n| Profile risk | \r\n\r\n | \r\n |
| Current risk | \r\n\r\n | \r\n \r\n | \r\n
\r\n No risk info registerd\r\n
{\" \"}\r\n\r\n
\r\n);\r\n\r\nexport const GetRiskClassName = (risk) => {\r\n const riskLabel = risk.toLowerCase();\r\n switch (riskLabel) {\r\n case \"low\":\r\n case \"conservative\":\r\n return \"buy\";\r\n\r\n case \"medium\":\r\n case \"moderate\":\r\n return \"warning\";\r\n\r\n case \"high\":\r\n case \"agressive\":\r\n return \"danger\";\r\n default:\r\n break;\r\n }\r\n};\r\n\r\nexport const IsCustodyBalance = (type) => type == \"Custody\" || type == \"LocalCustody\";\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"cardlg\":\"styles-module_cardlg_3FiQE\",\"loading\":\"styles-module_loading_3Ewkh\",\"loadingMessage\":\"styles-module_loadingMessage_3dFog\",\"risk\":\"styles-module_risk_3aY47\",\"title\":\"styles-module_title_3mW1J\",\"riskSummary\":\"styles-module_riskSummary_1YOw7\",\"profileRiskSummary\":\"styles-module_profileRiskSummary_3RiPy\",\"riskWarning\":\"styles-module_riskWarning_26MdS\",\"flash\":\"styles-module_flash_3SrD0\",\"badge\":\"styles-module_badge_3W2ko\",\"riskWidget\":\"styles-module_riskWidget_3VTIF\",\"warning\":\"styles-module_warning_28dfb\",\"line\":\"styles-module_line_2VEtE\",\"container\":\"styles-module_container_3qXzZ\",\"item\":\"styles-module_item_Z3xqn\",\"popUp\":\"styles-module_popUp_188Zg\",\"closeButton\":\"styles-module_closeButton_1go6z\"};","/* eslint-disable jsx-a11y/click-events-have-key-events */\r\n/* eslint-disable jsx-a11y/no-static-element-interactions */\r\nimport React, { useState, useEffect } from \"react\";\r\nimport {\r\n Form,\r\n FormGroup,\r\n Label,\r\n ListGroup,\r\n ListGroupItem,\r\n Spinner,\r\n Row,\r\n Col,\r\n} from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport { ArchiveTypes } from \"../../Account/types\";\r\nimport ModalArchive from \"../../Modal/ModalArchive\";\r\nimport ModalConfirm from \"../../Modal/ModalConfirm\";\r\nimport ModalError from \"../../Modal/ModalError\";\r\nimport { PersonType } from \"../types\";\r\nimport { getLocalDate } from \"../../../../utils\";\r\nimport { FormattedDate } from \"react-intl\";\r\nimport { showToast } from \"../../../../utils/Helper\";\r\n\r\nconst ArchivesTab = ({\r\n person,\r\n archives,\r\n setPersonData,\r\n archivesTypes,\r\n services,\r\n onboarding,\r\n refresh,\r\n userSession\r\n}) => {\r\n const [modalArchives, setModalArchives] = useState({\r\n open: false,\r\n loading: false,\r\n });\r\n const [modalConfirm, setModalConfirm] = useState({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false,\r\n });\r\n const [modalError, setModalError] = useState({\r\n open: false,\r\n message: \"\",\r\n });\r\n\r\n const toggleModalError = (e, message) => {\r\n setModalError({\r\n open: !modalError.open,\r\n message,\r\n });\r\n };\r\n\r\n const handleSaveFile = (archive) => {\r\n if (\r\n [\"pdf\", \"jpeg\", \"jpg\", \"png\", \"csv\", \"doc\", \"docx\", \"xls\", \"xlsx\"].includes(\r\n archive.ArchivesExtension.toLowerCase()\r\n )\r\n ) {\r\n const newArchive = {};\r\n Object.keys(archive).forEach((key) => {\r\n newArchive[`Person${key}`] = archive[key];\r\n });\r\n\r\n const body = {\r\n person: {\r\n PersonId: person.PersonId,\r\n Archives: [newArchive],\r\n },\r\n file: true,\r\n remove: false,\r\n };\r\n setModalArchives((m) => ({\r\n ...m,\r\n loading: true,\r\n }));\r\n if (onboarding) {\r\n let docs = person.Archives;\r\n //get the last id\r\n let id = 0;\r\n person.Archives.forEach((p, i) => {\r\n if (p.PersonArchiveId > id) {\r\n id = p.PersonArchiveId + 1;\r\n }\r\n });\r\n if (newArchive.PersonArchiveId > 0) {\r\n id = newArchive.ArchiveId;\r\n docs.forEach((p, i) => {\r\n if (p.PersonArchiveId == newArchive.PersonArchiveId) {\r\n docs.splice(i, 1);\r\n }\r\n });\r\n }\r\n const nArchive = {\r\n ...newArchive,\r\n PersonArchiveId: id,\r\n };\r\n\r\n docs.push(nArchive);\r\n const postPerson = {\r\n ...person,\r\n Archives: docs,\r\n };\r\n const body2 = {\r\n postPerson: postPerson,\r\n OnboardingId: onboarding,\r\n };\r\n\r\n services.fetchNewPerson(body2, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n setPersonData(body2.postPerson);\r\n setModalArchives({\r\n open: false,\r\n loading: false,\r\n });\r\n refresh();\r\n } else {\r\n console.log(\"response append doc\", response);\r\n }\r\n });\r\n } else {\r\n services.fetchAppendPersonNewDocument(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n const newDocument = body.person.Archives[0];\r\n newDocument.PersonArchiveId = response.Id;\r\n const newArchives = [...archives];\r\n newArchives.push(newDocument);\r\n setModalArchives({\r\n open: false,\r\n loading: false,\r\n });\r\n setPersonData({\r\n ...person,\r\n Archives: newArchives,\r\n });\r\n } else {\r\n toggleModalError(\r\n {},\r\n response && response.result\r\n ? `Error saving Archive: ${response.result.Description}`\r\n : \"Server Error\"\r\n );\r\n setModalArchives({\r\n open: false,\r\n loading: false,\r\n });\r\n }\r\n });\r\n }\r\n } else {\r\n showToast(\r\n \"error: the file must be pdf, csv, doc, docx, xls or xlsx\",\r\n true\r\n );\r\n setModalArchives({\r\n open: true,\r\n loading: false,\r\n });\r\n }\r\n };\r\n\r\n const handleDeleteFile = (archiveId) => {\r\n const body = {\r\n person: {\r\n PersonId: person.PersonId,\r\n Archives: [\r\n {\r\n PersonArchiveId: archiveId,\r\n },\r\n ],\r\n },\r\n file: true,\r\n remove: true,\r\n };\r\n setModalConfirm((m) => ({\r\n ...m,\r\n loading: true,\r\n }));\r\n if (onboarding) {\r\n let docs = person.Archives;\r\n docs.forEach((p, i) => {\r\n if (p.PersonArchiveId == archiveId) {\r\n docs.splice(i, 1);\r\n }\r\n });\r\n const postPerson = {\r\n ...person,\r\n Archives: docs,\r\n };\r\n const body2 = {\r\n postPerson: postPerson,\r\n OnboardingId: onboarding,\r\n };\r\n services.fetchNewPerson(body2, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n setPersonData(body2.postPerson);\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false,\r\n });\r\n refresh();\r\n } else {\r\n //alert(\"Server Error\")\r\n }\r\n });\r\n } else {\r\n services.fetchAppendPersonNewDocument(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n let index = -1;\r\n const newArchives = [...archives];\r\n newArchives.forEach((doc, i) => {\r\n if (parseInt(doc.PersonArchiveId, 10) === parseInt(archiveId, 10)) {\r\n index = i;\r\n }\r\n });\r\n if (index > -1) {\r\n newArchives.splice(index, 1);\r\n }\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false,\r\n });\r\n setPersonData({\r\n ...person,\r\n Archives: newArchives,\r\n });\r\n } else {\r\n toggleModalError(\r\n {},\r\n response && response.result\r\n ? `Error saving Archive: ${response.result.Description}`\r\n : \"Server Error\"\r\n );\r\n setModalArchives({\r\n open: false,\r\n loading: false,\r\n });\r\n }\r\n });\r\n }\r\n };\r\n\r\n const handleEnableFile = (archive) => {\r\n setModalConfirm((m) => ({\r\n ...m,\r\n loading: true,\r\n }));\r\n\r\n if (onboarding) {\r\n let docs = person.Archives;\r\n let id = Number(archives.length) + 2;\r\n if (archive.PersonArchiveId > 0) {\r\n id = archive.ArchiveId;\r\n docs.forEach((p, i) => {\r\n if (p.PersonArchiveId == archive.PersonArchiveId) {\r\n docs.splice(i, 1);\r\n }\r\n });\r\n }\r\n const nArchive = {\r\n ...archive,\r\n PersonArchiveId: id,\r\n PersonArchivesEnabled: !archive.PersonArchivesEnabled,\r\n };\r\n\r\n docs.push(nArchive);\r\n const postPerson = {\r\n ...person,\r\n Archives: docs,\r\n };\r\n const body2 = {\r\n postPerson: postPerson,\r\n OnboardingId: onboarding,\r\n };\r\n\r\n services.fetchNewPerson(body2, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n setPersonData(body2.postPerson);\r\n setModalArchives({\r\n open: false,\r\n loading: false,\r\n });\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false,\r\n });\r\n refresh();\r\n }\r\n });\r\n } else {\r\n const newArchive = {\r\n ...archive,\r\n PersonArchivesEnabled: !archive.PersonArchivesEnabled,\r\n };\r\n const body = {\r\n person: {\r\n PersonId: person.PersonId,\r\n Archives: [newArchive],\r\n },\r\n file: true,\r\n remove: false,\r\n };\r\n setModalArchives((m) => ({\r\n ...m,\r\n loading: true,\r\n }));\r\n services.fetchAppendPersonNewDocument(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n let index = -1;\r\n const newArchives = [...archives];\r\n newArchives.forEach((doc, i) => {\r\n if (\r\n parseInt(doc.PersonArchiveId, 10) ===\r\n parseInt(archive.PersonArchiveId, 10)\r\n ) {\r\n index = i;\r\n }\r\n });\r\n if (index > -1) {\r\n newArchives.splice(index, 1);\r\n }\r\n newArchives.push(newArchive);\r\n setModalArchives({\r\n open: false,\r\n loading: false,\r\n });\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false,\r\n });\r\n setPersonData({\r\n ...person,\r\n Archives: newArchives,\r\n });\r\n } else {\r\n toggleModalError(\r\n {},\r\n response && response.result\r\n ? `Error saving Archive: ${response.result.Description}`\r\n : \"Server Error\"\r\n );\r\n setModalArchives({\r\n open: false,\r\n loading: false,\r\n });\r\n }\r\n });\r\n }\r\n };\r\n\r\n const toggleModalConfirm = (id, action) =>\r\n setModalConfirm((m) => {\r\n const newM = {\r\n ...m,\r\n open: !m.open,\r\n };\r\n if (id && action === \"del\") {\r\n newM.title = \"Are you sure you want to remove the selected Archive?\";\r\n newM.callback = () => handleDeleteFile(id);\r\n }\r\n if (id && action === \"enable\") {\r\n newM.title = \"Are you sure you want to enable the selected Archive?\";\r\n newM.callback = () => handleEnableFile(id);\r\n }\r\n if (id && action === \"desable\") {\r\n newM.title = \"Are you sure you want to disable the selected Archive?\";\r\n newM.callback = () => handleEnableFile(id);\r\n }\r\n return newM;\r\n });\r\n\r\n const toggleModalDoc = () => {\r\n const archiveSubytpeExists =\r\n Object.keys(archivesTypes[ArchiveTypes.Person]).length > 0 &&\r\n Object.keys(archivesTypes[ArchiveTypes.Person].ArchivesSubTypes).length >\r\n 0;\r\n if (archiveSubytpeExists) {\r\n setModalArchives((m) => ({\r\n open: !m.open,\r\n loading: false,\r\n }));\r\n } else {\r\n alert(\r\n \"No Archives Subtypes entered in the system.\\nTo add files go to:\\nParameteres -> Archive Subtypes\"\r\n );\r\n }\r\n };\r\n\r\n if (!archives || !archivesTypes) {\r\n return \r\n
}\r\n {userSession.IsReadOnly === false && \r\n \r\n \r\n
\r\n {userSession.IsReadOnly === false && }\r\n \r\n \r\n Create Account\r\n \r\n \r\n
\r\n )}\r\n
\r\n );\r\n};\r\n\r\nBankAccountsTab.propTypes = {\r\n accountId: PropTypes.string.isRequired,\r\n bankAccounts: PropTypes.array.isRequired,\r\n setAccountData: PropTypes.func.isRequired,\r\n currencies: PropTypes.array.isRequired,\r\n services: PropTypes.object.isRequired,\r\n banks: PropTypes.array,\r\n};\r\n\r\nBankAccountsTab.defaultProps = {\r\n banks: undefined,\r\n};\r\n\r\nfunction RenderDropdownActions({ onEdit, onDelete, index }) {\r\n return (\r\n | \r\n | # | \r\nCurrency | \r\nType | \r\nName | \r\nHolders | \r\nDefault Permanent Instruction | \r\nFund Incomes only | \r\nStatus | \r\n
|---|---|---|---|---|---|---|---|---|
| \r\n | \r\n ||||||||
| \r\n {userSession.IsReadOnly === false && | \r\n {acc.PersonBankAccountNumber} | \r\n{getCurrencyISO(acc.PersonBankAccountCurrency)} | \r\n{acc.PersonBankAccountType} | \r\n{acc.PersonBankAccountName} | \r\n{acc.PersonBankAccountHolders} | \r\n{acc.PersonBankAccountIsDepositInterest ? \"Yes\" : \"No\"} | \r\n{acc.PersonBankAccountFundIncomesOnly ? \"Yes\" : \"No\"} | \r\n{acc.PersonBankAccountStatus} | \r\n
| \r\n No Results.\r\n | \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nContractsTab.propTypes = {\r\n person: PropTypes.object.isRequired,\r\n services: PropTypes.object.isRequired,\r\n setPersonData: PropTypes.func.isRequired,\r\n archivesTypes: PropTypes.object,\r\n archives: PropTypes.array,\r\n};\r\n\r\nContractsTab.defaultProps = {\r\n archivesTypes: undefined,\r\n archives: undefined,\r\n};\r\n\r\nexport default ContractsTab;\r\n","import React, {useState} from \"react\";\r\nimport {\r\n Form,\r\n FormGroup,\r\n Row,\r\n Col,\r\n ListGroup,\r\n ListGroupItem,\r\n Spinner,\r\n Button,\r\n Label,\r\n} from \"reactstrap\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport ModalDocument from \"../../Modal/ModalDocument\";\r\nimport ModalConfirm from \"../../Modal/ModalConfirm\";\r\nimport ModalError from \"../../Modal/ModalError\";\r\nimport { FormattedDate, FormattedTime } from \"react-intl\";\r\n\r\n\r\nconst Documents = ({\r\n documents,\r\n person,\r\n documentTypes,\r\n setPersonData,\r\n services,\r\n onboarding,\r\n userSession\r\n}) => {\r\n const [modalNewDocument, setModalNewDocument] = useState({\r\n open: false,\r\n loading: false,\r\n initial: undefined,\r\n error: undefined\r\n });\r\n const [modalConfirm, setModalConfirm] = useState({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false\r\n });\r\n const [modalError, setModalError] = useState({\r\n open: false,\r\n message: \"\",\r\n });\r\n\r\n console.log(\"user session\", userSession);\r\n const toggleModalError = (e, message) => {\r\n setModalError({\r\n open: !modalError.open,\r\n message,\r\n });\r\n };\r\n\r\n const handleSaveNewDocument = newDocument => {\r\n const body = {\r\n person: {\r\n PersonId: person.PersonId,\r\n Documents: [newDocument]\r\n },\r\n file: false,\r\n remove: false\r\n };\r\n setModalNewDocument(m => ({\r\n ...m,\r\n open: true,\r\n loading: true\r\n }));\r\n if (onboarding){\r\n const newPerson = {...person};\r\n let found = false;\r\n newPerson.Documents = documents.map(d => {\r\n if (\r\n parseInt(d.PhysicalPersonDocumentTypeId, 10) ===\r\n parseInt(newDocument.PhysicalPersonDocumentTypeId, 10)\r\n ) {\r\n found = true;\r\n return {\r\n ...newDocument\r\n };\r\n }\r\n return {\r\n ...d,\r\n PhysicalPersonDocumentIsMain: newDocument.PhysicalPersonDocumentIsMain\r\n ? false\r\n : d.PhysicalPersonDocumentIsMain\r\n };\r\n });\r\n if (!found) {\r\n newPerson.Documents.push({...newDocument});\r\n }\r\n if (newDocument.PhysicalPersonDocumentIsMain) {\r\n newPerson.PhysicalPersonMainDocumentType =\r\n newDocument.PhysicalPersonDocumentTypeName;\r\n newPerson.PhysicalPersonMainDocumentNumber =\r\n newDocument.PhysicalPersonDocumentNumber;\r\n newPerson.PhysicalPersonMainDocumentTypeId = \r\n newDocument.PhysicalPersonDocumentTypeId;\r\n }\r\n setModalNewDocument(m => ({\r\n open: false,\r\n loading: false,\r\n initial: undefined,\r\n error: undefined\r\n }));\r\n const body = {\r\n OnboardingId: String(onboarding),\r\n postPerson: newPerson,\r\n };\r\n services.fetchNewPerson(body, response => {\r\n if (response && response.result && response.result.Code === 200) {\r\n setPersonData(newPerson);\r\n } else {\r\n toggleModalError(\r\n {},\r\n response && response.result\r\n ? response.result.Description\r\n : \"Server Error\"\r\n );\r\n }\r\n });\r\n\r\n }else{\r\n services.fetchAppendPersonNewDocument(body, response => {\r\n if (response && response.result) {\r\n const {result} = response;\r\n if (response.result.Code === 200) {\r\n const newPerson = {...person};\r\n let found = false;\r\n newPerson.Documents = documents.map(d => {\r\n if (\r\n parseInt(d.PhysicalPersonDocumentTypeId, 10) ===\r\n parseInt(newDocument.PhysicalPersonDocumentTypeId, 10)\r\n ) {\r\n found = true;\r\n return {\r\n ...newDocument\r\n };\r\n }\r\n return {\r\n ...d,\r\n PhysicalPersonDocumentIsMain: newDocument.PhysicalPersonDocumentIsMain\r\n ? false\r\n : d.PhysicalPersonDocumentIsMain\r\n };\r\n });\r\n if (!found) {\r\n newPerson.Documents.push({...newDocument});\r\n }\r\n if (newDocument.PhysicalPersonDocumentIsMain) {\r\n newPerson.PhysicalPersonMainDocumentType =\r\n newDocument.PhysicalPersonDocumentTypeName;\r\n newPerson.PhysicalPersonMainDocumentNumber =\r\n newDocument.PhysicalPersonDocumentNumber;\r\n }\r\n setPersonData(newPerson);\r\n } else {\r\n toggleModalError(\r\n {},\r\n response && response.result\r\n ? `Error saving Document: ${response.result.Description}`\r\n : \"Server Error\"\r\n );\r\n setModalNewDocument({\r\n loading: false,\r\n open: false,\r\n });\r\n }\r\n setModalNewDocument(m => ({\r\n open: result.Code !== 200,\r\n loading: false,\r\n initial: result.Code !== 200 ? m.initial : undefined,\r\n error: result.Code !== 200 ? response.result.Description : undefined\r\n }));\r\n } else {\r\n setModalNewDocument(m => ({\r\n ...m,\r\n open: true,\r\n loading: false\r\n }));\r\n }\r\n });\r\n }\r\n };\r\n\r\n const handleDeleteFile = documentId => {\r\n const body = {\r\n person: {\r\n PersonId: person.PersonId,\r\n Documents: [\r\n {\r\n PhysicalPersonDocumentTypeId: documentId\r\n }\r\n ]\r\n },\r\n file: false,\r\n remove: true\r\n };\r\n setModalConfirm(m => ({\r\n ...m,\r\n loading: true\r\n }));\r\n if (onboarding){\r\n const newPerson = {...person};\r\n let index = -1;\r\n let wasMain = false;\r\n const newDocuments = [...documents];\r\n newDocuments.forEach((doc, i) => {\r\n if (\r\n parseInt(doc.PhysicalPersonDocumentTypeId, 10) ===\r\n parseInt(documentId, 10)\r\n ) {\r\n index = i;\r\n wasMain = doc.PhysicalPersonDocumentIsMain;\r\n }\r\n });\r\n if (index > -1) {\r\n newDocuments.splice(index, 1);\r\n if (wasMain) {\r\n newPerson.PhysicalPersonMainDocumentType = \"\";\r\n newPerson.PhysicalPersonMainDocumentNumber = \"\";\r\n }\r\n }\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false\r\n });\r\n setPersonData({\r\n ...newPerson,\r\n Documents: newDocuments\r\n });\r\n \r\n const postPerson = {\r\n ...person,\r\n Documents: newDocuments,\r\n };\r\n\r\n const body2 = {\r\n OnboardingId: String(onboarding),\r\n postPerson: postPerson,\r\n };\r\n services.fetchNewPerson(body2, response => {\r\n if (response && response.result && response.result.Code === 200) {\r\n setPersonData(body2.postPerson);\r\n } else {\r\n alert(\"Server Error\")\r\n }\r\n });\r\n\r\n }else{\r\n services.fetchAppendPersonNewDocument(body, response => {\r\n if (response && response.result && response.result.Code === 200) {\r\n const newPerson = {...person};\r\n let index = -1;\r\n let wasMain = false;\r\n const newDocuments = [...documents];\r\n newDocuments.forEach((doc, i) => {\r\n if (\r\n parseInt(doc.PhysicalPersonDocumentTypeId, 10) ===\r\n parseInt(documentId, 10)\r\n ) {\r\n index = i;\r\n wasMain = doc.PhysicalPersonDocumentIsMain;\r\n }\r\n });\r\n if (index > -1) {\r\n newDocuments.splice(index, 1);\r\n if (wasMain) {\r\n newPerson.PhysicalPersonMainDocumentType = \"\";\r\n newPerson.PhysicalPersonMainDocumentNumber = \"\";\r\n }\r\n }\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false\r\n });\r\n setPersonData({\r\n ...newPerson,\r\n Documents: newDocuments\r\n });\r\n } else {\r\n toggleModalError(\r\n {},\r\n response && response.result\r\n ? `Error saving Document: ${response.result.Description}`\r\n : \"Server Error\"\r\n );\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false\r\n });\r\n }\r\n });\r\n }\r\n };\r\n\r\n const toggleModalConfirm = id =>\r\n setModalConfirm(m => {\r\n const newM = {\r\n ...m,\r\n open: !m.open\r\n };\r\n if (id) {\r\n newM.title = \"Are you sure you want to remove the selected Document?\";\r\n newM.callback = () => handleDeleteFile(id);\r\n }\r\n return newM;\r\n });\r\n\r\n const handleToggleModalNewDocument = initial =>\r\n setModalNewDocument(m => ({\r\n open: !m.open,\r\n loading: m.loading,\r\n initial,\r\n error: undefined\r\n }));\r\n\r\n if (!documents) {\r\n return \r\n
}\r\n \r\n \r\n \r\n
\r\n\r\n {userSession.IsReadOnly === false && saveExtendedData()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n {sending ? \" Saving\" : \" Save\"}\r\n }\r\n
\r\n );\r\n};\r\n\r\nconst ExtendedDataItem = ({ data, modifyItemGroup, userSession }) => {\r\n const [collapse, setCollapse] = useState(false);\r\n const [itemgroup, setItemGroup] = useState(data);\r\n const [isMultipleSelection, setIsMultipleSelection] = useState(itemgroup.ExtensionGroupMultipleSelection);\r\n const [locked, setLocked] = useState(true);\r\n\r\n useEffect(() => {\r\n !itemgroup.Instance || itemgroup.Instance.length == 0\r\n ? setItemGroup({\r\n ...itemgroup,\r\n Instance: [defaultInstance],\r\n })\r\n : \"\";\r\n }, [itemgroup.Instance]);\r\n\r\n const defaultInstance = {\r\n ExtensionInstanceId: 0,\r\n ExtensionGroupId: data.ExtensionGroupId,\r\n ExtensionRefId: 0,\r\n ExtensionItemId: 0,\r\n ExtensionInstanceText: \"\",\r\n ExtensionInstanceDate: new Date().toDatetimeLocal(),\r\n };\r\n\r\n useEffect(() => {\r\n modifyItemGroup(itemgroup);\r\n }, [itemgroup]);\r\n\r\n const handleRemoveClick = (index) => {\r\n let newInstances = [...itemgroup.Instance];\r\n newInstances.splice(index, 1);\r\n setItemGroup({ ...itemgroup, Instance: newInstances });\r\n };\r\n\r\n const handleAddClick = () => {\r\n setItemGroup({\r\n ...itemgroup,\r\n Instance: [\r\n ...itemgroup.Instance,\r\n {\r\n ExtensionInstanceId: 0,\r\n ExtensionGroupId: data.ExtensionGroupId,\r\n ExtensionRefId: 0,\r\n ExtensionItemId: 0,\r\n ExtensionInstanceDate: new Date().toDatetimeLocal(),\r\n ExtensionInstanceText: \"\",\r\n },\r\n ],\r\n });\r\n };\r\n\r\n const modifyInstance = (index, field, value) => {\r\n let newInstances = [...itemgroup.Instance];\r\n if (field == \"ExtensionInstanceDate\") {\r\n newInstances[index].ExtensionInstanceDate = value;\r\n } else {\r\n if (data.ExtensionGroupType == \"freetext\") {\r\n newInstances[index].ExtensionInstanceText = value;\r\n } else {\r\n newInstances[index].ExtensionItemId = value;\r\n }\r\n }\r\n setItemGroup({ ...itemgroup, Instance: newInstances });\r\n };\r\n\r\n return (\r\n \r\n {itemGroups &&\r\n itemGroups.map((item, index) => (\r\n
\r\n \r\n\r\n {userSession.IsReadOnly === false &&
\r\n {\r\n setCollapse(!collapse);\r\n }}\r\n >\r\n {data.ExtensionGroupInternal}\r\n {\" \"}\r\n {userSession.IsReadOnly === false && collapse && (\r\n locked ? (\r\n \r\n ) : (\r\n \r\n )\r\n )}\r\n \r\n {itemgroup.Instance\r\n ? itemgroup.Instance.map((x, i) => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nconst ExtendedDataItemInstance = ({\r\n data,\r\n internalName,\r\n i,\r\n Instance,\r\n type,\r\n items,\r\n modifyInstance,\r\n isMultipleSelection,\r\n handleAddClick,\r\n handleRemoveClick,\r\n readOnly,\r\n userSession\r\n}) => {\r\n return (\r\n \r\n
\r\n );\r\n })\r\n : \"\"}\r\n \r\n \r\n \r\n modifyInstance(i, \"ExtensionInstanceText\", e.target.value)}\r\n readOnly={readOnly}\r\n />\r\n )}\r\n {type == \"enumerated\" && (\r\n modifyInstance(i, \"ExtensionItemId\", e.target.value)}\r\n readOnly={readOnly}\r\n >\r\n \r\n {items.map((value, index) => (\r\n \r\n ))}\r\n \r\n )}\r\n \r\n modifyInstance(i, \"ExtensionInstanceDate\", e.target.value)}\r\n readOnly={true}\r\n />\r\n \r\n \r\n {userSession.IsReadOnly === false && Instance.length - 1 === i && isMultipleSelection && (\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ExtendedDataTab;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Form, FormGroup, Input, Button, Row, Col, Label } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport PropTypes from \"prop-types\";\r\nimport { CircularProgress } from \"../../../..\";\r\nimport { AccountMode } from \"../../../../utils/Helper\";\r\nimport ModalConfirm from \"../../Modal/ModalConfirm\";\r\nimport ModalComments from \"../ModalComments\";\r\nimport style from \"../Risk/styles.module.scss\";\r\nimport PersonRiskTable from \"../Risk/PersonRiskTable\";\r\n\r\nconst FinalizeTab = ({\r\n Finalize,\r\n accountId,\r\n person,\r\n account,\r\n setAccountData,\r\n setPersonData,\r\n setRedirectPerson,\r\n services,\r\n mode,\r\n userType,\r\n onboarding,\r\n riskByPersonIsEnabled,\r\n}) => {\r\n const [loadingSave, setLoadingSave] = useState(false);\r\n const [loadingData, setLoadingData] = useState(false);\r\n const [loadingCheck, setLoadingCheck] = useState(false);\r\n const [personlist, setPersonList] = useState([]);\r\n const [showResults, setShow] = useState(false);\r\n const [listResults, setResults] = useState([]);\r\n const [reportId, setReportid] = useState(0);\r\n const [modalConfirm, setModalConfirm] = useState({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false,\r\n accountId: undefined,\r\n });\r\n\r\n const [personresult, setPersonResult] = useState({\r\n PersonRisk: \"\",\r\n PersonTransactionalLimit: \"\",\r\n PersonProfileRisk: \"\",\r\n });\r\n const now = new Date();\r\n\r\n const [modalComments, setModalComments] = useState({\r\n open: false,\r\n fromDate: new Date(now.getFullYear(), now.getMonth() - 1, now.getDate()),\r\n toDate: now,\r\n personId: undefined,\r\n person: undefined,\r\n });\r\n\r\n const toggleModalComments = (e, person) => {\r\n setModalComments({\r\n ...modalComments,\r\n open: !modalComments.open,\r\n person: person,\r\n });\r\n };\r\n\r\n const handleCreatePerson = () => {\r\n setLoadingSave(true);\r\n const body = {\r\n onboardingProcessId: onboarding,\r\n };\r\n services.fetchCreateOnboardingPerson(body, (data) => {\r\n if (data && data.result) {\r\n if (data.result.Code === 200) {\r\n alert(data.result.Description);\r\n setRedirectPerson(data.id);\r\n } else {\r\n alert(`Failed! ${data.result.Description}`);\r\n }\r\n }\r\n setLoadingSave(false);\r\n });\r\n };\r\n\r\n const createOnboardingPerson = () => {\r\n setModalConfirm((m) => ({\r\n ...m,\r\n open: true,\r\n title: \"Are you sure you want to send person information?\",\r\n accountId,\r\n callback: () => handleCreatePerson(),\r\n }));\r\n };\r\n\r\n const listCheck = () => {\r\n setLoadingCheck(true);\r\n const body = {\r\n sdtApproveAccount: personlist,\r\n fromType: \"EasyAccount\",\r\n };\r\n if (personlist.length < 1) {\r\n alert(\"There aren't people to check!\");\r\n } else {\r\n services.AccountListCheck(body, (data) => {\r\n if (data && data.error) {\r\n if (data.error.lenght > 0) {\r\n setResults(data.error);\r\n }\r\n setReportid(data.logListId);\r\n }\r\n setLoadingCheck(false);\r\n });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n setLoadingData(true);\r\n let personWithoutArchives = {\r\n ...person,\r\n Archives: person.Archives.map((a) => ({\r\n ...a,\r\n PersonArchivesBlob: \"\",\r\n })),\r\n };\r\n const body = {\r\n postPerson: personWithoutArchives,\r\n onboarding: onboarding,\r\n };\r\n\r\n services.fetchOnboardingPersonResult(body, (data) => {\r\n if (data && data.SDTOnboardingResult) {\r\n setLoadingData(false);\r\n setPersonResult({ ...data.SDTOnboardingResult });\r\n setPersonData({\r\n ...person,\r\n PersonProfileRiskName: data.SDTOnboardingResult.PersonProfileRisk,\r\n PersonRisk: data.SDTOnboardingResult.PersonRisk,\r\n PersonTransactionalLimit: data.SDTOnboardingResult.PersonTransactionalLimit,\r\n });\r\n } else {\r\n setLoadingData(false);\r\n }\r\n });\r\n }, []);\r\n\r\n const toggleModalConfirm = () =>\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n accountId: undefined,\r\n callback: undefined,\r\n loading: false,\r\n });\r\n\r\n if (loadingData) {\r\n return \r\n {Instance.length !== 1 && data.ExtensionInstanceId == 0 && isMultipleSelection && (\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n {personresult && personresult.AccountRiskSummary && (\r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n \r\n toggleModalComments(e, person)}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n Reject Person\r\n \r\n \r\n \r\n Create Person\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nFinalizeTab.propTypes = {\r\n accountId: PropTypes.string.isRequired,\r\n setAccountData: PropTypes.func.isRequired,\r\n services: PropTypes.object.isRequired,\r\n account: PropTypes.object.isRequired,\r\n mode: PropTypes.object.isRequired,\r\n};\r\n\r\nFinalizeTab.defaultProps = {\r\n Finalize: undefined,\r\n};\r\n\r\nexport default FinalizeTab;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Form, FormGroup, Row, Col, ListGroup, ListGroupItem, Spinner, Button } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport style from \"../../Grid.module.scss\";\r\nimport ModalConfirm from \"../../Modal/ModalConfirm\";\r\nimport ModalFiscalResidence from \"../../Modal/ModalFiscalResidence\";\r\nimport { CircularProgress } from \"../../../..\";\r\nimport { AccountMode } from \"../../../../utils/Helper\";\r\nimport Groups from \"../../../Asset/Tabs/Groups/Groups\";\r\n\r\nfunction generateEmptyFiscalResidence() {\r\n return {\r\n PersonFiscalResidenceCountryId: \"\",\r\n PersonFiscalResidenceCountryIso: \"\",\r\n PersonFiscalResidenceCountryName: \"\",\r\n PersonFiscalResidenceTin: \"\",\r\n PersonFiscalResidenceTaxId: undefined,\r\n PersonFiscalResidenceTaxIdName: \"\",\r\n PersonFiscalResidenceDateFrom: undefined,\r\n PersonFiscalResidenceDateTo: undefined,\r\n PersonFiscalResidenceId: 0,\r\n PersonFiscalResidenceIsActive: false,\r\n };\r\n}\r\n\r\nconst FiscalResidencesTab = ({\r\n fiscalresidences,\r\n services,\r\n userType,\r\n onboarding,\r\n mode,\r\n document,\r\n person,\r\n setPersonData,\r\n userSession\r\n}) => {\r\n const [modalFiscalResidence, setModalFiscalResidence] = useState({\r\n open: false,\r\n loading: false,\r\n initial: generateEmptyFiscalResidence(),\r\n error: undefined,\r\n });\r\n const [modalConfirm, setModalConfirm] = useState({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false,\r\n });\r\n\r\n const SaveNewFiscalResidence = (newFiscalResidence) => {\r\n const body = {\r\n person: {\r\n PersonId: person.PersonId,\r\n PersonFiscalResidence: [newFiscalResidence],\r\n },\r\n };\r\n setModalFiscalResidence((m) => ({\r\n ...m,\r\n open: true,\r\n loading: true,\r\n }));\r\n if (onboarding) {\r\n let docs = person.PersonFiscalResidence;\r\n let id = Number(docs.length) + 2;\r\n if (newFiscalResidence.PersonFiscalResidenceId > 0) {\r\n id = newFiscalResidence.PersonFiscalResidenceId;\r\n docs.forEach((p, i) => {\r\n if (p.PersonFiscalResidenceId == newFiscalResidence.PersonFiscalResidenceId) {\r\n docs.splice(i, 1);\r\n }\r\n });\r\n }\r\n const nResidence = {\r\n ...newFiscalResidence,\r\n PersonFiscalResidenceId: id,\r\n };\r\n\r\n docs.push(nResidence);\r\n const postPerson = {\r\n ...person,\r\n PersonFiscalResidence: docs,\r\n };\r\n const body2 = {\r\n postPerson: postPerson,\r\n OnboardingId: onboarding,\r\n };\r\n services.fetchNewPerson(body2, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n setPersonData(body2.postPerson);\r\n setModalFiscalResidence({\r\n ...modalFiscalResidence,\r\n open: false,\r\n callback: undefined,\r\n loading: false,\r\n messageShow: true,\r\n message: \"\",\r\n });\r\n } else {\r\n alert(\"Server Error\");\r\n }\r\n });\r\n } else {\r\n services.fetchUpdatePersonFiscalResidences(body, (response) => {\r\n if (response && response.result) {\r\n const { result } = response;\r\n if (response.result.Code === 200) {\r\n const newPerson = { ...person };\r\n let found = false;\r\n newPerson.PersonFiscalResidence = fiscalresidences.map((d) => {\r\n if (\r\n parseInt(d.PersonFiscalResidenceId, 10) ===\r\n parseInt(newFiscalResidence.PersonFiscalResidenceId, 10)\r\n ) {\r\n found = true;\r\n return {\r\n ...newFiscalResidence,\r\n };\r\n }\r\n return {\r\n ...d,\r\n };\r\n });\r\n if (!found) {\r\n newFiscalResidence.PersonFiscalResidenceId = response.Id;\r\n newPerson.PersonFiscalResidence.push({ ...newFiscalResidence });\r\n }\r\n\r\n setPersonData({\r\n ...newPerson,\r\n });\r\n setModalFiscalResidence((m) => ({\r\n open: false,\r\n loading: false,\r\n initial: generateEmptyFiscalResidence(),\r\n error: undefined,\r\n }));\r\n }\r\n } else {\r\n setModalFiscalResidence((m) => ({\r\n ...m,\r\n open: true,\r\n loading: false,\r\n }));\r\n }\r\n });\r\n }\r\n };\r\n\r\n const handleDeleteFile = (newFiscalResidence) => {\r\n const body = {\r\n person: {\r\n PersonId: person.PersonId,\r\n PersonFiscalResidence: [newFiscalResidence],\r\n },\r\n delete: true,\r\n };\r\n if (onboarding) {\r\n let docs = person.PersonFiscalResidence;\r\n if (newFiscalResidence.PersonFiscalResidenceId > 0) {\r\n docs.forEach((p, i) => {\r\n if (p.PersonFiscalResidenceId == newFiscalResidence.PersonFiscalResidenceId) {\r\n docs.splice(i, 1);\r\n }\r\n });\r\n }\r\n const postPerson = {\r\n ...person,\r\n PersonFiscalResidence: docs,\r\n };\r\n const body2 = {\r\n postPerson: postPerson,\r\n OnboardingId: onboarding,\r\n };\r\n services.fetchNewPerson(body2, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n setPersonData(body2.postPerson);\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false,\r\n });\r\n setModalFiscalResidence({\r\n ...modalFiscalResidence,\r\n loading: false,\r\n messageShow: false,\r\n initial: undefined,\r\n });\r\n } else {\r\n alert(\"Server Error\");\r\n }\r\n });\r\n } else {\r\n services.fetchUpdatePersonFiscalResidences(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n const newPerson = { ...person };\r\n newPerson.PersonFiscalResidence.forEach((p, i) => {\r\n if (p.PersonFiscalResidenceId == newFiscalResidence.PersonFiscalResidenceId) {\r\n newPerson.PersonFiscalResidence.splice(i, 1);\r\n }\r\n });\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false,\r\n });\r\n setPersonData({\r\n ...newPerson,\r\n });\r\n }\r\n });\r\n }\r\n };\r\n\r\n const toggleModalConfirm = (d) =>\r\n setModalConfirm((mod) => {\r\n const newM = {\r\n ...mod,\r\n open: !mod.open,\r\n };\r\n if (d) {\r\n newM.title = \"Are you sure you want to remove the selected Fiscal Residence?\";\r\n newM.callback = () => handleDeleteFile(d);\r\n }\r\n return newM;\r\n });\r\n\r\n const toggleModalNewFiscalResidence = (initial) =>\r\n setModalFiscalResidence((m) => ({\r\n open: !m.open,\r\n loading: m.loading,\r\n initial: initial,\r\n }));\r\n\r\n if (!fiscalresidences) {\r\n return \r\n
}\r\n \r\n \r\n toggleModalConfirm(d)}>\r\n \r\n
}\r\n \r\n \r\n \r\n {role !== \"BackOffice\" && (\r\n \r\n {mode !== PersonMode.New && (\r\n \r\n )}\r\n handleSave()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n Save\r\n \r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nKYCTab.propTypes = {\r\n KYC: PropTypes.object,\r\n setAccountData: PropTypes.func.isRequired,\r\n services: PropTypes.object.isRequired,\r\n account: PropTypes.object.isRequired,\r\n mode: PropTypes.object.isRequired,\r\n};\r\n\r\nKYCTab.defaultProps = {\r\n KYC: undefined,\r\n};\r\n\r\nexport default KYCTab;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Form, FormGroup, Row, Col, ListGroup, ListGroupItem, Spinner, Button } from \"reactstrap\";\r\nimport PropTypes from \"prop-types\";\r\nimport style from \"../../Grid.module.scss\";\r\nimport ModalConfirm from \"../../Modal/ModalConfirm\";\r\nimport ModalLegalAddress from \"../../Modal/ModalLegalAddress\";\r\nimport { AccountMode, showToast, LegalAddresses } from \"../../../../utils/Helper\";\r\nimport CrossReferenceSearch from \"../../../Modal/CrossReferenceSearch/CrossReferenceSearch\";\r\n\r\nfunction generateEmptyLegalAddress() {\r\n return {\r\n LegalAddressCityId: 0,\r\n LegalAddressCityName: \"\",\r\n LegalAddressCountryId: 0,\r\n LegalAddressCountryIso: \"\",\r\n LegalAddressCountryName: \"\",\r\n LegalAddressExtraInformation1: \"\",\r\n LegalAddressExtraInformation2: \"\",\r\n LegalAddressId: 0,\r\n LegalAddressNumber: \"\",\r\n LegalAddressStateId: 0,\r\n LegalAddressStateName: \"\",\r\n LegalAddressStreet: \"\",\r\n LegalAddressType: LegalAddresses.Personal,\r\n LegalAddressZipCode: 0,\r\n };\r\n}\r\n\r\nconst LegalAddressTab = ({\r\n services,\r\n document,\r\n legalAddress,\r\n onboarding,\r\n person,\r\n setPersonData,\r\n refresh,\r\n userSession,\r\n}) => {\r\n const [modalLegalAddress, setModalLegalAddress] = useState({\r\n open: false,\r\n loading: true,\r\n initial: generateEmptyLegalAddress(),\r\n error: undefined,\r\n });\r\n const [modalConfirm, setModalConfirm] = useState({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false,\r\n });\r\n\r\n const SaveNewLegalAddress = (newLegalAddress) => {\r\n if (newLegalAddress.LegalAddressType === \"\") newLegalAddress.LegalAddressType = LegalAddresses.Personal;\r\n const body = {\r\n person: {\r\n PersonId: person.PersonId,\r\n LegalAddress: [newLegalAddress],\r\n },\r\n };\r\n setModalLegalAddress((m) => ({\r\n ...m,\r\n open: true,\r\n loading: true,\r\n }));\r\n\r\n if (onboarding) {\r\n let docs = legalAddress;\r\n let id = Number(docs.length) + 2;\r\n if (newLegalAddress.LegalAddressId > 0) {\r\n id = newLegalAddress.LegalAddressId;\r\n docs.forEach((p, i) => {\r\n if (p.LegalAddressId == newLegalAddress.LegalAddressId) {\r\n docs.splice(i, 1);\r\n }\r\n });\r\n }\r\n if (newLegalAddress.LegalAddressZipCode === \"\") newLegalAddress.LegalAddressZipCode = 0;\r\n\r\n const nAddress = {\r\n ...newLegalAddress,\r\n LegalAddressId: id,\r\n };\r\n\r\n docs.push(nAddress);\r\n const postPerson = {\r\n ...person,\r\n LegalAddress: docs,\r\n };\r\n const body2 = {\r\n postPerson: postPerson,\r\n OnboardingId: onboarding,\r\n };\r\n services.fetchNewPerson(body2, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n setPersonData(body2.postPerson);\r\n setModalLegalAddress({\r\n ...modalLegalAddress,\r\n open: false,\r\n callback: undefined,\r\n loading: false,\r\n messageShow: true,\r\n message: \"\",\r\n });\r\n refresh();\r\n } else {\r\n alert(\"Server Error\");\r\n }\r\n });\r\n } else {\r\n services.fetchUpdatePersonLegalAddress(body, (response) => {\r\n if (response && response.result) {\r\n const { result } = response;\r\n if (response.result.Code === 200) {\r\n const newPerson = { ...person };\r\n let found = false;\r\n let index = 0;\r\n newPerson.LegalAddress = legalAddress.map((d, i) => {\r\n if (parseInt(d.LegalAddressId, 10) == parseInt(newLegalAddress.LegalAddressId, 10)) {\r\n index = i;\r\n found = true;\r\n setModalLegalAddress({\r\n ...modalLegalAddress,\r\n open: false,\r\n callback: undefined,\r\n loading: false,\r\n });\r\n return {\r\n ...newLegalAddress,\r\n };\r\n }\r\n return {\r\n ...d,\r\n };\r\n });\r\n if (!found) {\r\n newLegalAddress.LegalAddressId = response.Id;\r\n legalAddress.push(newLegalAddress);\r\n newPerson.LegalAddress = legalAddress;\r\n } else {\r\n legalAddress[index] = newLegalAddress;\r\n newPerson.LegalAddress = legalAddress;\r\n }\r\n\r\n setPersonData({\r\n ...newPerson,\r\n });\r\n setModalLegalAddress((m) => ({\r\n open: false,\r\n loading: false,\r\n initial: generateEmptyLegalAddress(),\r\n error: undefined,\r\n }));\r\n refresh();\r\n }\r\n } else {\r\n return false;\r\n }\r\n });\r\n }\r\n };\r\n\r\n const toggleModalConfirm = (d) =>\r\n setModalConfirm((mod) => {\r\n const newM = {\r\n ...mod,\r\n open: !mod.open,\r\n };\r\n if (d) {\r\n newM.title = \"Are you sure you want to remove the selected Legal Address?\";\r\n newM.callback = () => handleDeleteFile(d);\r\n }\r\n return newM;\r\n });\r\n\r\n const handleDeleteFile = (newLegalAddress) => {\r\n setModalConfirm((mod) => ({\r\n ...mod,\r\n saving: true,\r\n }));\r\n const body = {\r\n person: {\r\n PersonId: person.PersonId,\r\n LegalAddress: [newLegalAddress],\r\n },\r\n delete: true,\r\n };\r\n if (onboarding) {\r\n let docs = person.LegalAddress;\r\n if (newLegalAddress.LegalAddressId > 0) {\r\n docs.forEach((p, i) => {\r\n if (p.LegalAddressId == newLegalAddress.LegalAddressId) {\r\n docs.splice(i, 1);\r\n }\r\n });\r\n }\r\n const postPerson = {\r\n ...person,\r\n LegalAddress: docs,\r\n };\r\n const body2 = {\r\n postPerson: postPerson,\r\n OnboardingId: onboarding,\r\n };\r\n services.fetchNewPerson(body2, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n setPersonData(body2.postPerson);\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false,\r\n });\r\n setModalLegalAddress({\r\n ...modalLegalAddress,\r\n loading: false,\r\n messageShow: false,\r\n initial: undefined,\r\n });\r\n } else {\r\n alert(\"Server Error\");\r\n }\r\n });\r\n } else {\r\n services.fetchUpdatePersonLegalAddress(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n const newPerson = { ...person };\r\n newPerson.LegalAddress.forEach((p, i) => {\r\n if (p.LegalAddressId == newLegalAddress.LegalAddressId) {\r\n newPerson.LegalAddress.splice(i, 1);\r\n }\r\n });\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false,\r\n });\r\n setPersonData({\r\n ...newPerson,\r\n });\r\n } else {\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n saving: false,\r\n });\r\n legalAddress.forEach((p, i) => {\r\n if (p.LegalAddressId == newLegalAddress.LegalAddressId) {\r\n const newPerson = { ...person };\r\n newPerson.LegalAddress.forEach((p, i) => {\r\n if (p.LegalAddressId == newLegalAddress.LegalAddressId) {\r\n newPerson.LegalAddress.splice(i, 1);\r\n }\r\n });\r\n }\r\n });\r\n }\r\n });\r\n }\r\n };\r\n\r\n const toggleModalNewLegalAdress = (initial) =>\r\n setModalLegalAddress((m) => ({\r\n open: !m.open,\r\n loading: false,\r\n initial: initial,\r\n }));\r\n\r\n if (!legalAddress) {\r\n return \r\n \r\n toggleModalNewLegalAdress(generateEmptyLegalAddress())}\r\n color=\"primary\"\r\n style={{ marginRight: 10 }}\r\n >\r\n Add New Legal Address\r\n }\r\n
\r\n );\r\n};\r\n\r\nfunction RenderDropdownActions({ onEdit, onDelete, index }) {\r\n return (\r\n \r\n
}\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nPortfolioTab.propTypes = {\r\n portfolio: PropTypes.array,\r\n handleRedirectAccount: PropTypes.func.isRequired\r\n};\r\n\r\nPortfolioTab.defaultProps = {\r\n portfolio: undefined\r\n};\r\n\r\nexport default PortfolioTab;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Form, FormGroup, Spinner, Button, ButtonGroup, Row, Col, Label, Input } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport { PersonType } from \"../types\";\r\nimport PhysicalPersonProfile from \"../Forms/PhysicalPerson\";\r\nimport JuridicalPersonProfile from \"../Forms/JuridicalPerson\";\r\nimport ModalError from \"../../Modal/ModalError\";\r\nimport { preCheckPersonForm } from \"../../preCheckForms\";\r\nimport { PersonMode, PersonQualification } from \"../../../../utils/Helper\";\r\nimport { SelectFormField, FormField } from \"../../../../utils/FormFields\";\r\nimport ModalConfirm from \"../../Modal/ModalConfirm\";\r\nimport PersonSubAsset from \"../Forms/PersonSubAsset\";\r\n\r\nconst PersonProfileTab = ({\r\n person,\r\n setPersonData,\r\n professions,\r\n activitySectors,\r\n publicPositions,\r\n personLinks,\r\n documentTypes,\r\n companyLinks,\r\n patrimonies,\r\n entityTypes,\r\n societyTypes,\r\n subAssetClasses,\r\n services,\r\n role,\r\n mode,\r\n onboarding,\r\n holder,\r\n isPerson,\r\n handleRedirectPerson,\r\n refresh,\r\n manual,\r\n needsExtraFields,\r\n viewDigitalRelatedFrom,\r\n userSession,\r\n}) => {\r\n const [loadingSave, setLoadingSave] = useState(false);\r\n const [checking, setChecking] = useState(false);\r\n const [changedPerson, setChangedPerson] = useState({});\r\n const [changedLegalAddress, setChangedLegalAddress] = useState({});\r\n const [checked, setChecked] = useState([]);\r\n const [modalError, setModalError] = useState({\r\n open: false,\r\n message: \"\",\r\n });\r\n const [disabled, setDisabled] = useState(true);\r\n const [autosuggests, setAutosuggests] = useState({\r\n PersonFiscalResidenceCountry: \"\",\r\n PhysicalPersonCountryOfBirth: \"\",\r\n SpouseDocumentCountryOfIssue: \"\",\r\n LegalAddressCountry: \"\",\r\n PersonActivitySector: \"\",\r\n JuridicalPersonConstPlace: \"\",\r\n });\r\n const [errors, setErrors] = useState({});\r\n const [modalConfirm, setModalConfirm] = useState({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false,\r\n });\r\n const [isPersonExternalSystem, setIsPersonExternalSystem] = useState(false);\r\n const [externalPersonInfo, setExternalPersonInfo] = useState(false);\r\n const [externalPersonDocType, setExternalPersonDocType] = useState({\r\n docType: \"\",\r\n description: \"\",\r\n docPersonType: \"\",\r\n });\r\n const [externalPersonDocNumber, setExternalPersonDocNumber] = useState(\"\");\r\n const [externalPersonIdCheckError, setExternalPersonIdCheckError] = useState(\"\");\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [isFetchingAvaible, setIsFetchingAvaible] = useState(false);\r\n\r\n const color = \"btn btn-ladda btn-primary\";\r\n\r\n const toggleModalError = (e, message) =>\r\n setModalError({\r\n open: !modalError.open,\r\n message,\r\n });\r\n\r\n useEffect(() => {\r\n if (mode == PersonMode.New) {\r\n setDisabled(false);\r\n }\r\n setChecked(person.PersonSubAssetClass);\r\n const propsLegalAddress = person.LegalAddress[0] ? person.LegalAddress[0].LegalAddressCountryName : \"\";\r\n setAutosuggests({\r\n PersonFiscalResidenceCountry: person.PersonFiscalResidenceCountryName,\r\n PhysicalPersonCountryOfBirth: person.PhysicalPersonCountryOfBirthName,\r\n SpouseDocumentCountryOfIssue: person.SpouseDocumentCountryOfIssueName,\r\n LegalAddressCountry: propsLegalAddress,\r\n PersonActivitySector: person.PersonActivitySectorName,\r\n JuridicalPersonConstPlace: person.JuridicalPersonConstPlace,\r\n });\r\n }, [person]);\r\n\r\n useEffect(() => {\r\n if (documentTypes) {\r\n setExternalPersonDocType({\r\n docType: documentTypes[0].DocumentTypeId,\r\n description: documentTypes[0].DocumentTypeName,\r\n docPersonType: documentTypes[0].PersonType,\r\n });\r\n }\r\n }, [documentTypes]);\r\n\r\n const onChangeAutosuggest = (name, value) =>\r\n setAutosuggests((a) => ({\r\n ...a,\r\n [name]: value,\r\n }));\r\n\r\n const handleExternalInfo = (personId) => {\r\n if (person.PersonUpdateManual === \"1\" || person.PersonUpdateManual)\r\n alert(\"Person update is Manual, you should change it to get information from external system\");\r\n else\r\n setModalConfirm((m) => ({\r\n ...m,\r\n open: !m.open,\r\n title: \"Are you sure you want to update the selected person with info from external system?\",\r\n personId,\r\n callback: () => getExternalInfo(personId),\r\n }));\r\n };\r\n\r\n const handleSave = () => {\r\n const postPerson = {\r\n ...person,\r\n ...changedPerson,\r\n personOnboardingId: holder,\r\n PersonSubAssetClass: checked,\r\n needsExtraFields,\r\n };\r\n const newErrors = preCheckPersonForm(postPerson);\r\n if (Object.keys(newErrors).length !== 0) {\r\n setErrors(newErrors);\r\n return;\r\n }\r\n const body = {\r\n person: postPerson,\r\n };\r\n setLoadingSave(true);\r\n setErrors(newErrors);\r\n if (onboarding || isPerson === \"1\") {\r\n const body = {\r\n person: postPerson,\r\n OnboardingId: onboarding,\r\n };\r\n services.fetchNewPerson(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n const newDocuments = [...postPerson.documents];\r\n newDocuments.forEach((doc, i) => {\r\n if (\r\n parseInt(doc.PhysicalPersonDocumentTypeId, 10) ===\r\n parseInt(postPerson.PhysicalPersonMainDocumentTypeId, 10)\r\n ) {\r\n doc.PhysicalPersonDocumentNumber = postPerson.PhysicalPersonMainDocumentNumber;\r\n }\r\n });\r\n setPersonData({\r\n ...body.person,\r\n Documents: newDocuments,\r\n });\r\n refresh();\r\n } else {\r\n toggleModalError(\r\n {},\r\n response && response.result\r\n ? `Error saving Person: ${response.result.Description}`\r\n : \"Server Error\"\r\n );\r\n }\r\n setLoadingSave(false);\r\n });\r\n } else {\r\n services.fetchUpdatePerson(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n setPersonData({\r\n ...body.person,\r\n suitabilityDescription: response.result.Description,\r\n });\r\n refresh();\r\n } else {\r\n toggleModalError(\r\n {},\r\n response && response.result\r\n ? `Error saving Person: ${response.result.Description}`\r\n : \"Server Error\"\r\n );\r\n }\r\n setLoadingSave(false);\r\n });\r\n }\r\n };\r\n\r\n const onChange = (name, value, otherValue) => {\r\n let newChangedPerson = {\r\n ...changedPerson,\r\n [name]: value,\r\n };\r\n const newErrors = { ...errors };\r\n delete newErrors[name];\r\n switch (name) {\r\n case \"PhysicalPersonMainDocumentTypeId\":\r\n newChangedPerson.PhysicalPersonMainDocumentType = otherValue;\r\n break;\r\n case \"SpouseDocumentCountryOfIssueId\":\r\n newChangedPerson.SpouseDocumentCountryOfIssueName = otherValue;\r\n break;\r\n case \"PhysicalPersonCountryOfBirthId\":\r\n newChangedPerson.PhysicalPersonCountryOfBirthName = otherValue;\r\n newChangedPerson.PhysicalPersonCityOfBirthName = \"\";\r\n newChangedPerson.PhysicalPersonCityOfBirthId = \"\";\r\n delete newErrors.PhysicalPersonCityOfBirthId;\r\n break;\r\n case \"PhysicalPersonDateOfBirth\":\r\n newChangedPerson.PhysicalPersonDateOfBirth = value.split(\"T\")[0];\r\n break;\r\n case \"PhysicalPersonCityOfBirthId\":\r\n newChangedPerson.PhysicalPersonCityOfBirthName = otherValue;\r\n break;\r\n case \"PersonFiscalResidenceCountryId\":\r\n newChangedPerson.PersonFiscalResidenceCountryName = otherValue;\r\n break;\r\n case \"PersonProfessionId\":\r\n newChangedPerson.PersonProfessionName = otherValue;\r\n break;\r\n case \"SpouseDocumentTypeId\":\r\n newChangedPerson.SpouseDocumentTypeName = otherValue;\r\n break;\r\n case \"PhysicalPersonPublicPositionId\":\r\n newChangedPerson.PhysicalPersonPublicPositionName = otherValue;\r\n break;\r\n case \"PhysicalPersonLinkId\":\r\n newChangedPerson.PhysicalPersonLinkName = otherValue;\r\n break;\r\n case \"PersonLinkPublicPositionId\":\r\n newChangedPerson.PersonLinkPublicPositionName = otherValue;\r\n break;\r\n case \"PersonCompanyLinkId\":\r\n newChangedPerson.PersonCompanyLinkName = otherValue;\r\n break;\r\n case \"PersonActivitySectorId\":\r\n newChangedPerson.PersonActivitySectorName = otherValue;\r\n break;\r\n case \"JuridicalPersonDocumentTypeId\":\r\n newChangedPerson.JuridicalPersonDocumentTypeName = otherValue;\r\n break;\r\n case \"JuridicalPersonTAXId\":\r\n break;\r\n case \"PhysicalPersonMainDocumentNumber\":\r\n break;\r\n case \"JuridicalPersonEntityTypeId\":\r\n newChangedPerson.JuridicalPersonEntityTypeDescription = otherValue;\r\n break;\r\n case \"JuridicalPersonSocietyTypeId\":\r\n newChangedPerson.JuridicalPersonSocietyTypeDescription = otherValue;\r\n break;\r\n case \"JuridicalPersonConstPlaceId\":\r\n newChangedPerson.JuridicalPersonConstPlace = otherValue;\r\n break;\r\n case \"JuridicalPersonConstDate\":\r\n newChangedPerson.JuridicalPersonConstDate = value.split(\"T\")[0];\r\n break;\r\n default:\r\n break;\r\n }\r\n setErrors(newErrors);\r\n setChangedPerson(newChangedPerson);\r\n };\r\n\r\n const onChangeLegalAddress = (name, value, otherValue) => {\r\n const newChangedLegalAddress = {\r\n ...changedLegalAddress,\r\n [name]: value,\r\n };\r\n const newErrors = { ...errors };\r\n delete newErrors[name];\r\n switch (name) {\r\n case \"LegalAddressCountryId\":\r\n newChangedLegalAddress.LegalAddressCountryName = otherValue;\r\n delete newErrors.LegalAddressStateId;\r\n delete newErrors.LegalAddressCityId;\r\n break;\r\n case \"LegalAddressCityId\":\r\n newChangedLegalAddress.LegalAddressCityName = otherValue;\r\n break;\r\n case \"LegalAddressStateId\":\r\n newChangedLegalAddress.LegalAddressStateName = otherValue;\r\n delete newErrors.LegalAddressCityId;\r\n break;\r\n default:\r\n break;\r\n }\r\n setChangedLegalAddress(newChangedLegalAddress);\r\n setErrors(newErrors);\r\n };\r\n\r\n const revert = () => {\r\n setChangedPerson({});\r\n setChangedLegalAddress({});\r\n setAutosuggests({\r\n PersonFiscalResidenceCountry: person.PersonFiscalResidenceCountryName,\r\n PhysicalPersonCountryOfBirth: person.PhysicalPersonCountryOfBirthName,\r\n SpouseDocumentCountryOfIssue: person.SpouseDocumentCountryOfIssueName,\r\n LegalAddressCountry: person.LegalAddress[0] ? person.LegalAddress[0].LegalAddressCountryName : \"\",\r\n PersonActivitySector: person.PersonActivitySectorName,\r\n JuridicalPersonConstPlace: person.JuridicalPersonConstPlace,\r\n });\r\n setErrors({});\r\n };\r\n\r\n const toggleDisable = () => {\r\n setDisabled((d) => !d);\r\n revert();\r\n };\r\n\r\n const changePersonType = (value) => {\r\n setPersonData({\r\n ...person,\r\n PersonType: value,\r\n });\r\n };\r\n\r\n const changePersonMinimal = (value) => {\r\n setPersonData({\r\n ...person,\r\n description: \"PersonIsMinimal\",\r\n PersonIsMinimal: value,\r\n });\r\n setChangedPerson({\r\n ...changedPerson,\r\n PersonIsMinimal: value,\r\n });\r\n };\r\n\r\n // Add/Remove checked item from list\r\n const handleCheck = (id) => {\r\n let index = -1;\r\n var updatedList = checked ? [...checked] : [];\r\n updatedList.forEach((doc, i) => {\r\n if (parseInt(doc.PersonSubAssetClassId) === parseInt(id)) {\r\n index = i;\r\n }\r\n });\r\n if (index > -1) {\r\n updatedList.splice(index, 1);\r\n } else {\r\n updatedList.push({ PersonSubAssetClassId: id });\r\n }\r\n setChecked(updatedList);\r\n };\r\n\r\n // Return classes based on whether item is checked\r\n function isChecked(id) {\r\n var updatedList = checked ? [...checked] : [];\r\n updatedList.forEach((doc, i) => {\r\n if (parseInt(doc.PersonSubAssetClassId) == parseInt(id)) {\r\n return true;\r\n }\r\n });\r\n }\r\n\r\n const getExternalInfo = () => {\r\n setModalConfirm((m) => ({\r\n ...m,\r\n open: true,\r\n loading: true,\r\n }));\r\n const body = {\r\n personid: person.PersonId,\r\n isOnboarding: mode == PersonMode.New,\r\n };\r\n services.fetchExternalPerson(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false,\r\n });\r\n refresh();\r\n } else {\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false,\r\n });\r\n toggleModalError({}, response && response.result ? response.result.Description : \"Server Error\");\r\n }\r\n });\r\n };\r\n\r\n const handleNewSave = () => {\r\n const postPerson = {\r\n ...person,\r\n ...changedPerson,\r\n PersonSubAssetClass: checked,\r\n needsExtraFields,\r\n };\r\n const newErrors = preCheckPersonForm(postPerson);\r\n if (Object.keys(newErrors).length !== 0) {\r\n setErrors(newErrors);\r\n return;\r\n }\r\n const body = {\r\n person: postPerson,\r\n };\r\n setLoadingSave(true);\r\n setErrors(newErrors);\r\n services.fetchUpdatePerson(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n if (postPerson.personId == 0 && response.newPersonId > 0) {\r\n postPerson.personId = response.newPersonId;\r\n postPerson.PersonId = response.newPersonId;\r\n }\r\n const newPerson = {\r\n person: postPerson,\r\n };\r\n setPersonData({\r\n ...postPerson,\r\n suitabilityDescription: response.result.Description,\r\n });\r\n } else {\r\n toggleModalError({}, response && response.result ? response.result.Description : \"Server Error\");\r\n }\r\n setLoadingSave(false);\r\n });\r\n };\r\n\r\n const handleOnboardingSave = () => {\r\n const postPerson = {\r\n ...person,\r\n ...changedPerson,\r\n PersonOnboardingId: holder,\r\n PersonSubAssetClass: checked,\r\n needsExtraFields,\r\n };\r\n const newErrors = preCheckPersonForm(postPerson);\r\n if (Object.keys(newErrors).length !== 0) {\r\n setErrors(newErrors);\r\n return;\r\n }\r\n setLoadingSave(true);\r\n setErrors(newErrors);\r\n let idOnb = \"\";\r\n if (onboarding !== undefined) idOnb = onboarding;\r\n if (idOnb == \"\" && postPerson.PersonId != 0) idOnb = postPerson.PersonId;\r\n\r\n const body = {\r\n OnboardingId: String(idOnb),\r\n postPerson,\r\n };\r\n services.fetchNewPerson(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n if (postPerson.personId == 0 && response.newPersonId > 0) {\r\n postPerson.personId = response.newPersonId;\r\n postPerson.PersonId = response.newPersonId;\r\n handleRedirectPerson(response.newPersonId);\r\n }\r\n let index = -1;\r\n const newDocuments = [...postPerson.Documents];\r\n newDocuments.forEach((doc, i) => {\r\n if (\r\n parseInt(doc.PhysicalPersonDocumentTypeId, 10) ===\r\n parseInt(postPerson.PhysicalPersonMainDocumentTypeId, 10)\r\n ) {\r\n doc.PhysicalPersonDocumentNumber = postPerson.PhysicalPersonMainDocumentNumber;\r\n doc.PhysicalPersonDocumentTypeName = postPerson.PhysicalPersonMainDocumentType;\r\n index = i;\r\n }\r\n });\r\n if (index < 0) {\r\n const newDoc = {\r\n PhysicalPersonDocumentNumber: postPerson.PhysicalPersonMainDocumentNumber,\r\n PhysicalPersonDocumentTypeId: postPerson.PhysicalPersonMainDocumentTypeId,\r\n PhysicalPersonDocumentTypeName: postPerson.PhysicalPersonMainDocumentType,\r\n };\r\n newDocuments.push(newDoc);\r\n }\r\n\r\n setPersonData({\r\n ...body.postPerson,\r\n Documents: newDocuments,\r\n });\r\n refresh();\r\n } else {\r\n toggleModalError({}, response && response.result ? response.result.Description : \"Server Error\");\r\n }\r\n setLoadingSave(false);\r\n });\r\n };\r\n\r\n if (!person) {\r\n return \r\n \r\n \r\n \r\n \r\n {loadingSave ? \"Saving\" : \"Save\"}\r\n \r\n \r\n
\r\n \r\n ) : mode == PersonMode.New ? (\r\n \r\n \r\n \r\n {loadingSave ? \"Saving\" : \"Save\"}\r\n \r\n \r\n
\r\n \r\n ) : (\r\n \r\n {disabled && userSession.IsReadOnly === false && (\r\n \r\n )}\r\n {!disabled && (\r\n \r\n \r\n \r\n Revert\r\n \r\n \r\n {loadingSave ? \"Saving\" : \"Save\"}\r\n \r\n \r\n )}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nPersonProfileTab.propTypes = {\r\n person: PropTypes.object.isRequired,\r\n setPersonData: PropTypes.func.isRequired,\r\n professions: PropTypes.array,\r\n publicPositions: PropTypes.array,\r\n personLinks: PropTypes.array,\r\n documentTypes: PropTypes.array,\r\n companyLinks: PropTypes.array,\r\n patrimonies: PropTypes.array,\r\n entityTypes: PropTypes.array,\r\n societyTypes: PropTypes.array,\r\n services: PropTypes.object.isRequired,\r\n role: PropTypes.string,\r\n};\r\n\r\nPersonProfileTab.defaultProps = {\r\n professions: undefined,\r\n publicPositions: undefined,\r\n personLinks: undefined,\r\n documentTypes: undefined,\r\n companyLinks: undefined,\r\n patrimonies: undefined,\r\n entityTypes: undefined,\r\n societyTypes: undefined,\r\n};\r\n\r\nexport default PersonProfileTab;\r\n","import React, { useState, useEffect, useRef } from \"react\";\r\nimport { Form, FormGroup, Label, Input } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport { CircularProgress } from \"../../../..\";\r\nimport { AccountMode, PersonMode, showToast } from \"../../../../utils/Helper\";\r\n\r\nconst Questions = ({ questions: accQuestions, setPersonData, onboarding, person, services, mode, userSession }) => {\r\n const [questions, setQuestions] = useState(undefined);\r\n const [loadingSave, setLoadingSave] = useState(false);\r\n\r\n useEffect(() => {\r\n if (accQuestions) {\r\n setQuestions(accQuestions);\r\n }\r\n }, [accQuestions]);\r\n\r\n const handleSave = () => {\r\n const questionschanged = questions;\r\n if (mode === PersonMode.New) {\r\n setLoadingSave(true);\r\n const newQuestions = questionschanged.map((q) => {\r\n if (Number(q.NewAnswerId) > 0) {\r\n const newAnswers = [];\r\n let newA = {};\r\n q.PersonAnswer.forEach((a) => {\r\n newA = {};\r\n if (a.AnswerId === q.NewAnswerId) {\r\n newA = {\r\n ...a,\r\n AnswerIsResponse: true,\r\n };\r\n } else {\r\n newA = {\r\n ...a,\r\n AnswerIsResponse: false,\r\n };\r\n }\r\n newAnswers.push(newA);\r\n });\r\n return {\r\n ...q,\r\n NewAnswerId: 0,\r\n PersonAnswer: newAnswers,\r\n };\r\n }\r\n return { ...q };\r\n });\r\n const newPerson = { ...person, PersonQuestion: newQuestions };\r\n const bodyN = {\r\n OnboardingId: String(onboarding),\r\n postPerson: newPerson,\r\n };\r\n services.fetchNewPerson(bodyN, (res) => {\r\n if (res) {\r\n const body2 = {\r\n postPerson: newPerson,\r\n onboarding: onboarding,\r\n };\r\n services.fetchOnboardingPersonResult(body2, (data) => {\r\n if (data && data.SDTOnboardingResult) {\r\n setPersonData({\r\n ...newPerson,\r\n PersonProfileRiskName: data.SDTOnboardingResult.PersonProfileRisk,\r\n PersonRisk: data.SDTOnboardingResult.PersonRisk,\r\n PersonTransactionalLimit: data.SDTOnboardingResult.PersonTransactionalLimit,\r\n });\r\n setLoadingSave(false);\r\n showToast(\"Changes saved successfully\");\r\n } else {\r\n setLoadingSave(false);\r\n }\r\n });\r\n } else {\r\n setLoadingSave(false);\r\n }\r\n });\r\n } else {\r\n setLoadingSave(true);\r\n const newQuestions = questionschanged.map((q) => {\r\n if (Number(q.NewAnswerId) > 0) {\r\n const newAnswers = [];\r\n let newA = {};\r\n q.PersonAnswer.forEach((a) => {\r\n newA = {};\r\n if (a.AnswerId === q.NewAnswerId) {\r\n newA = {\r\n ...a,\r\n AnswerIsResponse: true,\r\n };\r\n } else {\r\n newA = {\r\n ...a,\r\n AnswerIsResponse: false,\r\n };\r\n }\r\n newAnswers.push(newA);\r\n });\r\n return {\r\n ...q,\r\n NewAnswerId: 0,\r\n PersonAnswer: newAnswers,\r\n };\r\n }\r\n return { ...q };\r\n });\r\n const newPerson = { ...person, PersonQuestion: newQuestions };\r\n //HACER PROC QUE GUARDE PREGUNTAS DE PERSONAS ACTIVAS\r\n services.fetchPersonSuitability({ person: newPerson }, (result) => {\r\n if (result && result.result.Code === 200) {\r\n setPersonData({\r\n ...newPerson,\r\n suitabilityDescription: result.result.Description,\r\n });\r\n const newQuestions = questionschanged.map((q) => {\r\n if (q.NewAnswerId > 0) {\r\n const newAnswers = [];\r\n let newA = {};\r\n q.Answer.forEach((a) => {\r\n newA = {};\r\n if (a.AnswerId === q.NewAnswerId) {\r\n newA = {\r\n ...a,\r\n AnswerIsResponse: true,\r\n };\r\n } else {\r\n newA = {\r\n ...a,\r\n AnswerIsResponse: true,\r\n };\r\n }\r\n newAnswers.push(newA);\r\n });\r\n return {\r\n ...q,\r\n NewAnswerId: 0,\r\n Answer: newAnswers,\r\n };\r\n }\r\n return { ...q };\r\n });\r\n setLoadingSave(false);\r\n } else {\r\n setLoadingSave(false);\r\n }\r\n });\r\n }\r\n };\r\n\r\n const handleChangeAnswer = (questionIndex, answerIndex) => {\r\n if (!loadingSave) {\r\n const newQuestions = [...questions];\r\n if (newQuestions[questionIndex].PersonAnswer[answerIndex].AnswerIsResponse) {\r\n newQuestions[questionIndex].NewAnswerId = 0;\r\n } else {\r\n newQuestions[questionIndex].NewAnswerId = questions[questionIndex].PersonAnswer[answerIndex].AnswerId;\r\n }\r\n setQuestions(newQuestions);\r\n }\r\n };\r\n\r\n // useEffect(() => {\r\n // return () => {\r\n // if (mode === PersonMode.New) {\r\n // handleSave();\r\n // }\r\n // };\r\n // }, []);\r\n\r\n // useEffect(() => {\r\n // valueref.current = questions;\r\n // }, [questions]);\r\n\r\n // useEffect(() => {\r\n // personref.current = person;\r\n // }, [personref]);\r\n\r\n let save = false;\r\n if (!questions) {\r\n return \r\n {questions.map((q, qIndex) => {\r\n if (q.NewAnswerId > 0) {\r\n save = true;\r\n }\r\n return (\r\n \r\n );\r\n })}\r\n {userSession.IsReadOnly === false && (\r\n questions.length > 0 ? (\r\n handleSave()}\r\n data-style={EXPAND_RIGHT}\r\n >\r\n Save\r\n \r\n ) : (\r\n No Questions.\r\n )\r\n )}\r\n
\r\n );\r\n};\r\n\r\nQuestions.propTypes = {\r\n questions: PropTypes.array.isRequired,\r\n setPersonData: PropTypes.func.isRequired,\r\n services: PropTypes.func.isRequired,\r\n mode: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default Questions;\r\n","/* eslint-disable jsx-a11y/click-events-have-key-events */\r\n/* eslint-disable jsx-a11y/no-static-element-interactions */\r\nimport React, { useState } from 'react';\r\nimport {\r\n Form, FormGroup, Label, ListGroup, ListGroupItem, Spinner,\r\n} from 'reactstrap';\r\nimport LaddaButton, { EXPAND_RIGHT } from 'react-ladda';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport ModalShareHolder from '../../Modal/ModalShareHolder';\r\nimport ModalConfirm from '../../Modal/ModalConfirm';\r\n\r\nconst RelatedPeopleTab = ({\r\n person,\r\n shareHolders,\r\n setPersonData,\r\n services,\r\n onboarding, \r\n Link,\r\n holder,\r\n userSession,\r\n}) => {\r\n const [modalShareHolder, setModalShareHolder] = useState({\r\n open: false,\r\n loading: false,\r\n initialShareHolder: undefined,\r\n });\r\n const [modalConfirm, setModalConfirm] = useState({\r\n open: false,\r\n shareHolderId: null,\r\n title: '',\r\n callback: undefined,\r\n loading: false,\r\n });\r\n\r\n const handleSaveShareHolder = (shareHolder) => {\r\n const newShareHolder = {\r\n ...shareHolder,\r\n };\r\n\r\n const body = {\r\n person: {\r\n PersonId: person.PersonId,\r\n ShareHolder: [newShareHolder],\r\n },\r\n edit: true,\r\n };\r\n setModalShareHolder((m) => ({\r\n ...m,\r\n loading: true,\r\n }));\r\n if (onboarding){\r\n let docs = person.ShareHolder\r\n let id = Number(shareHolders.length) + 2\r\n if (newShareHolder.ShareHolderId > 0){\r\n id = newShareHolder.ShareHolderId\r\n docs.forEach((p, i) => {\r\n if (p.ShareHolderId == newShareHolder.ShareHolderId) {\r\n docs.splice(i, 1);\r\n }\r\n });\r\n }\r\n const nShareHolder = \r\n {\r\n ...newShareHolder, \r\n ShareHolderId: id,\r\n }\r\n \r\n docs.push(nShareHolder)\r\n const postPerson = {\r\n ...person,\r\n ShareHolder: docs,\r\n };\r\n const body2 = {\r\n postPerson: postPerson,\r\n OnboardingId: onboarding,\r\n };\r\n services.fetchNewPerson(body2, response => {\r\n if (response && response.result && response.result.Code === 200) {\r\n setPersonData(body2.postPerson);\r\n setModalShareHolder({\r\n open: false,\r\n loading: false,\r\n initialShareHolder: undefined,\r\n });\r\n return { ...newShareHolder };\r\n } else {\r\n alert(\"Server Error\"); \r\n return { ...newShareHolder };\r\n }\r\n });\r\n\r\n }else{\r\n services.fetchUpdatePersonShareHolder(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n let newShareHolders = [...shareHolders];\r\n if (modalShareHolder.initialShareHolder === undefined) {\r\n newShareHolder.ShareHolderId = response.Id;\r\n newShareHolders.push(newShareHolder);\r\n } else {\r\n newShareHolders = shareHolders.map((s) => {\r\n if (parseInt(s.ShareHolderId, 10) === parseInt(newShareHolder.ShareHolderId, 10)) {\r\n return { ...newShareHolder };\r\n }\r\n return { ...s };\r\n });\r\n }\r\n setModalShareHolder({\r\n open: false,\r\n loading: false,\r\n initialShareHolder: undefined,\r\n });\r\n setPersonData({\r\n ...person,\r\n ShareHolder: newShareHolders,\r\n });\r\n }\r\n });\r\n }\r\n };\r\n\r\n const handleDeleteFile = (id) => {\r\n const body = {\r\n person: {\r\n PersonId: person.PersonId,\r\n ShareHolder: [{\r\n ShareHolderId: id,\r\n }],\r\n },\r\n edit: false,\r\n };\r\n setModalConfirm((m) => ({\r\n ...m,\r\n loading: true,\r\n }));\r\n if (onboarding){\r\n let docs = person.ShareHolder\r\n if (id > 0){\r\n docs.forEach((p, i) => {\r\n if (p.ShareHolderId == id) {\r\n docs.splice(i, 1);\r\n }\r\n });\r\n }\r\n const postPerson = {\r\n ...person,\r\n ShareHolder: docs,\r\n };\r\n const body2 = {\r\n postPerson: postPerson,\r\n OnboardingId: onboarding,\r\n };\r\n services.fetchNewPerson(body2, response => {\r\n if (response && response.result && response.result.Code === 200) {\r\n setPersonData(body2.postPerson);\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false\r\n });\r\n setModalNewPhone({\r\n ...modalNewPhone,\r\n loading: false,\r\n messageShow: false\r\n });\r\n }\r\n \r\n });\r\n\r\n }else{\r\n services.fetchUpdatePersonShareHolder(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n const newShareHolders = [...shareHolders];\r\n let index = -1;\r\n shareHolders.map((s, i) => {\r\n if (s.ShareHolderId === id) {\r\n index = i;\r\n }\r\n return {};\r\n });\r\n if (index > -1) {\r\n newShareHolders.splice(index, 1);\r\n }\r\n setPersonData({\r\n ...person,\r\n ShareHolder: newShareHolders,\r\n });\r\n setModalConfirm({\r\n open: false,\r\n shareHolderId: null,\r\n title: '',\r\n callback: undefined,\r\n loading: false,\r\n });\r\n }\r\n });\r\n }\r\n };\r\n\r\n const toggleModalConfirm = (id) => setModalConfirm((m) => {\r\n const newM = {\r\n ...m,\r\n open: !m.open,\r\n shareHolderId: id,\r\n };\r\n if (id) {\r\n newM.title = 'Are you sure you want to remove the selected Share Holder?';\r\n newM.callback = () => handleDeleteFile(id);\r\n }\r\n return newM;\r\n });\r\n\r\n const toggleModalShareHolder = (e, initialShareHolder) => setModalShareHolder((m) => ({\r\n ...m,\r\n open: !m.open,\r\n loading: false,\r\n initialShareHolder,\r\n }));\r\n\r\n const precheckSharedPercentage = () => {\r\n let percentage = 0;\r\n shareHolders.forEach((s) => {\r\n percentage += parseFloat(s.ShareHolderParticipationPercentage);\r\n });\r\n return (percentage >= 100);\r\n };\r\n\r\n if (!shareHolders) {\r\n return (\r\n \r\n \r\n {userSession.IsReadOnly === false && \r\n \r\n {' '}\r\n Add New Related Person\r\n }\r\n {modalShareHolder.open && (\r\n
\r\n );\r\n};\r\n\r\nRelatedPeopleTab.propTypes = {\r\n person: PropTypes.object.isRequired,\r\n shareHolders: PropTypes.array.isRequired,\r\n setPersonData: PropTypes.func.isRequired,\r\n services: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default RelatedPeopleTab;\r\n","/* eslint-disable jsx-a11y/click-events-have-key-events */\r\n/* eslint-disable jsx-a11y/no-static-element-interactions */\r\nimport React, { useState } from \"react\";\r\nimport { Form, FormGroup, Label, ListGroup, ListGroupItem, Spinner } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport ModalShareHolder from \"../../Modal/ModalShareHolder\";\r\nimport ModalConfirm from \"../../Modal/ModalConfirm\";\r\n\r\nconst ShareHoldersTab = ({ person, shareHolders, setPersonData, services, onboarding, Link, holder, userSession }) => {\r\n const [modalShareHolder, setModalShareHolder] = useState({\r\n open: false,\r\n loading: false,\r\n initialShareHolder: undefined,\r\n });\r\n const [modalConfirm, setModalConfirm] = useState({\r\n open: false,\r\n shareHolderId: null,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false,\r\n });\r\n\r\n const handleSaveShareHolder = (shareHolder) => {\r\n const newShareHolder = {\r\n ...shareHolder,\r\n };\r\n\r\n const body = {\r\n person: {\r\n PersonId: person.PersonId,\r\n ShareHolder: [newShareHolder],\r\n },\r\n edit: true,\r\n };\r\n setModalShareHolder((m) => ({\r\n ...m,\r\n loading: true,\r\n }));\r\n if (onboarding) {\r\n let docs = person.ShareHolder;\r\n let id = Number(shareHolders.length) + 2;\r\n if (newShareHolder.ShareHolderId > 0) {\r\n id = newShareHolder.ShareHolderId;\r\n docs.forEach((p, i) => {\r\n if (p.ShareHolderId == newShareHolder.ShareHolderId) {\r\n docs.splice(i, 1);\r\n }\r\n });\r\n }\r\n const nShareHolder = {\r\n ...newShareHolder,\r\n ShareHolderId: id,\r\n };\r\n\r\n docs.push(nShareHolder);\r\n const postPerson = {\r\n ...person,\r\n ShareHolder: docs,\r\n };\r\n const body2 = {\r\n postPerson: postPerson,\r\n OnboardingId: onboarding,\r\n };\r\n services.fetchNewPerson(body2, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n setPersonData(body2.postPerson);\r\n setModalShareHolder({\r\n open: false,\r\n loading: false,\r\n initialShareHolder: undefined,\r\n });\r\n return { ...newShareHolder };\r\n } else {\r\n alert(\"Server Error\");\r\n return { ...newShareHolder };\r\n }\r\n });\r\n } else {\r\n services.fetchUpdatePersonShareHolder(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n let newShareHolders = [...shareHolders];\r\n if (modalShareHolder.initialShareHolder === undefined) {\r\n newShareHolder.ShareHolderId = response.Id;\r\n newShareHolders.push(newShareHolder);\r\n } else {\r\n newShareHolders = shareHolders.map((s) => {\r\n if (parseInt(s.ShareHolderId, 10) === parseInt(newShareHolder.ShareHolderId, 10)) {\r\n return { ...newShareHolder };\r\n }\r\n return { ...s };\r\n });\r\n }\r\n setModalShareHolder({\r\n open: false,\r\n loading: false,\r\n initialShareHolder: undefined,\r\n });\r\n setPersonData({\r\n ...person,\r\n ShareHolder: newShareHolders,\r\n });\r\n }\r\n });\r\n }\r\n };\r\n\r\n const handleDeleteFile = (id) => {\r\n const body = {\r\n person: {\r\n PersonId: person.PersonId,\r\n ShareHolder: [\r\n {\r\n ShareHolderId: id,\r\n },\r\n ],\r\n },\r\n edit: false,\r\n };\r\n setModalConfirm((m) => ({\r\n ...m,\r\n loading: true,\r\n }));\r\n if (onboarding) {\r\n let docs = person.ShareHolder;\r\n if (id > 0) {\r\n docs.forEach((p, i) => {\r\n if (p.ShareHolderId == id) {\r\n docs.splice(i, 1);\r\n }\r\n });\r\n }\r\n const postPerson = {\r\n ...person,\r\n ShareHolder: docs,\r\n };\r\n const body2 = {\r\n postPerson: postPerson,\r\n OnboardingId: onboarding,\r\n };\r\n services.fetchNewPerson(body2, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n setPersonData(body2.postPerson);\r\n setModalConfirm({\r\n open: false,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false,\r\n });\r\n setModalNewPhone({\r\n ...modalNewPhone,\r\n loading: false,\r\n messageShow: false,\r\n });\r\n }\r\n });\r\n } else {\r\n services.fetchUpdatePersonShareHolder(body, (response) => {\r\n if (response && response.result && response.result.Code === 200) {\r\n const newShareHolders = [...shareHolders];\r\n let index = -1;\r\n shareHolders.map((s, i) => {\r\n if (s.ShareHolderId === id) {\r\n index = i;\r\n }\r\n return {};\r\n });\r\n if (index > -1) {\r\n newShareHolders.splice(index, 1);\r\n }\r\n setPersonData({\r\n ...person,\r\n ShareHolder: newShareHolders,\r\n });\r\n setModalConfirm({\r\n open: false,\r\n shareHolderId: null,\r\n title: \"\",\r\n callback: undefined,\r\n loading: false,\r\n });\r\n }\r\n });\r\n }\r\n };\r\n\r\n const toggleModalConfirm = (id) =>\r\n setModalConfirm((m) => {\r\n const newM = {\r\n ...m,\r\n open: !m.open,\r\n shareHolderId: id,\r\n };\r\n if (id) {\r\n newM.title = \"Are you sure you want to remove the selected Share Holder?\";\r\n newM.callback = () => handleDeleteFile(id);\r\n }\r\n return newM;\r\n });\r\n\r\n const toggleModalShareHolder = (e, initialShareHolder) =>\r\n setModalShareHolder((m) => ({\r\n ...m,\r\n open: !m.open,\r\n loading: false,\r\n initialShareHolder,\r\n }));\r\n\r\n const precheckSharedPercentage = () => {\r\n let percentage = 0;\r\n shareHolders.forEach((s) => {\r\n percentage += parseFloat(s.ShareHolderParticipationPercentage);\r\n });\r\n return percentage >= 100;\r\n };\r\n\r\n if (!shareHolders) {\r\n return \r\n
}\r\n \r\n )\r\n )}\r\n \r\n \r\n \r\n {userSession.IsReadOnly === false && \r\n {this.props.loading && \r\n \r\n \r\n Req. at \r\n Req. by \r\n Resp. at \r\n Resp. by \r\n Trading desk \r\n Product \r\n Side \r\n Ticker \r\n Quantity \r\n Price \r\n Status \r\n Used \r\n Reason \r\n \r\n \r\n \r\n {this.props.quotes.map((quote) => (\r\n \r\n \r\n \r\n \r\n {quote.AdvisorQuoteRequestedBy}\r\n \r\n\r\n \r\n {quote.AdvisorQuoteStatus != QuoteStatus.WAITING ? (\r\n \r\n\r\n \r\n {quote.AdvisorQuoteStatus != QuoteStatus.WAITING ? (\r\n {quote.AdvisorQuoteRespondedBy}\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n\r\n {quote.tradingDeskName} \r\n {getProductTypeName(quote.AssetClassForm)} \r\n \r\n {OrderItemUI.renderOrderSide({\r\n OrderSide: quote.AdvisorQuoteIsBuy ? \"Buy\" : \"Sell\",\r\n })}\r\n \r\n \r\n {quote.AssetTicker}\r\n \r\n \r\n \r\n\r\n \r\n {quote.AdvisorQuoteStatus == QuoteStatus.PRICED ||\r\n quote.AdvisorQuoteStatus == QuoteStatus.USED ||\r\n quote.AdvisorQuoteStatus == QuoteStatus.REJECTED_BY_SENDER ? (\r\n \r\n \r\n \r\n \r\n {quote.wasUsed ? \"Yes\" : \"No\"} \r\n {quote.AdvisorQuoteRejectReason} \r\n \r\n ))}\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst Datetime = (props) => {\r\n if (props.value == undefined) return -;\r\n\r\n const value = Date.parse(props.value);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n onChange(name, value)}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n onChange(name, value)}\r\n />\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Toolbar;\r\n","import QuoteList from './QuoteList'\r\nimport Toolbar from './Toolbar'\r\n\r\nexport { \r\n\tQuoteList as List,\r\n\tToolbar\r\n}","import React, { useState } from \"react\";\r\nimport { Button, Input } from \"reactstrap\";\r\nimport style from \"./../Quotebar.module.scss\";\r\nimport { FormattedDate, FormattedTime } from \"react-intl\";\r\nimport { FormattedNumber } from \"../../FormattedNumber/FormattedNumber\";\r\nimport CircularProgress from \"./../../CircularProgress/CircularProgress\";\r\nimport { NumberFormatInput } from \"../../NumberFormatInput/NumberFormatInput\";\r\n\r\nconst spinnerStyle = {\r\n position: \"absolute\",\r\n top: 0,\r\n left: 0,\r\n bottom: \"30px\",\r\n right: 0,\r\n margin: \"auto\",\r\n};\r\n\r\nconst CrossItem = ({ order, ...props }) => {\r\n const [values, setValues] = useState({ crossType: \"Internal\", price: \"\" });\r\n\r\n const changeValue = (name, value) => {\r\n setValues({\r\n ...values,\r\n [name]: value,\r\n });\r\n };\r\n\r\n const setPrice = () => {\r\n setValues({\r\n ...values,\r\n loading: true,\r\n });\r\n\r\n props\r\n .setPrice({\r\n orderId: order.OrderId,\r\n price: values.price,\r\n crossType: values.crossType,\r\n })\r\n .then((r) => null);\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n {values.loading && (\r\n
\r\n );\r\n};\r\n\r\nconst Form = ({ values, setPrice, onChange }) => (\r\n \r\n
\r\n )}\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n Cross price\r\n \r\n \r\n
\r\n\r\n \r\n {/* Side */}\r\n\r\n {/* Symbol */}\r\n
\r\n {order.AssetTicker}
\r\n {/* Quantity */}\r\n \r\n
\r\n \r\n
\r\n \r\n {/* Sender / Receiver */}\r\n
\r\n {order.OrderAdvisorName}
\r\n \r\n \r\n
\r\n \r\n
\r\n);\r\n\r\nexport default CrossItem;\r\n","import React, { Component } from \"react\";\r\nimport {\r\n DropdownItem,\r\n ButtonGroup,\r\n UncontrolledDropdown,\r\n DropdownMenu,\r\n DropdownToggle,\r\n Button,\r\n Input,\r\n} from \"reactstrap\";\r\nimport { QuoteStatus, QuoteMode } from \"../../../utils/Quote/Quote\";\r\nimport style from \"../Quotebar.module.scss\";\r\nimport { Mode, TimeFrame, OrderPriceType, Type, CommissionType } from \"../../../utils/Order/Order\";\r\nimport { NumberFormatInput } from \"../../NumberFormatInput/NumberFormatInput\";\r\nimport { toDateLocal } from \"../../../utils/Helper\";\r\n\r\nclass Form extends Component {\r\n openModalOrder = (type = Type.Default) => {\r\n const { quote } = this.props;\r\n\r\n const order = {\r\n AssetClassForm: quote.AssetClassForm,\r\n AssetTicker: quote.AssetTicker,\r\n OrderSide: quote.AdvisorQuoteIsBuy ? \"Buy\" : \"Sell\",\r\n OrderPrice: quote.AdvisorQuotePrice,\r\n OrderQuantity: quote.AdvisorQuoteQuantity,\r\n OrderType: OrderPriceType.LIMIT,\r\n quoteId: quote.AdvisorQuoteId,\r\n OrderInitDate: toDateLocal(new Date()),\r\n OrderTimeInForce: TimeFrame.GTC,\r\n OrderGTD: toDateLocal(new Date()),\r\n CurrentAccount: {\r\n CommissionType: CommissionType.PrincipalPercentage,\r\n MarkupType: CommissionType.FaceValueCash,\r\n FXMarkupType: CommissionType.FaceValueCash,\r\n CurrentInfoDate: toDateLocal(new Date()),\r\n Quantity: quote.AdvisorQuoteQuantity,\r\n },\r\n };\r\n\r\n this.props.openModalOrder({ mode: Mode.QUOTE, order, type });\r\n };\r\n\r\n render() {\r\n const { quote, isTrader, changeMode, changeField, updateQuote, fields } = this.props;\r\n const { AdvisorQuoteStatus } = quote;\r\n\r\n const mode = quote.mode || QuoteMode.NONE;\r\n\r\n // WAITING / SETTING_PRICE - Trader\r\n if (AdvisorQuoteStatus == QuoteStatus.WAITING && mode == QuoteMode.SET_PRICE && isTrader) {\r\n return (\r\n \r\n
\r\n \r\n \r\n onChange(\"price\", isNaN(e.floatValue) || e.value.endsWith(\".\") ? e.value : e.floatValue)\r\n }\r\n className={`${style.input} mr-1`}\r\n placeholder={\"Price\"}\r\n dataTypeDecimalName=\"price\"\r\n />\r\n
\r\n \r\n onChange(\"crossType\", e.target.value)}\r\n disabled={!!values.loading}\r\n className={`${style.input} mr-1`}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n setPrice()}\r\n disabled={values.loading || values.price == \"\"}\r\n color=\"primary\"\r\n size=\"sm\"\r\n className=\"float-right ml-1\"\r\n >\r\n Set price\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n // WAITING / REJECT - Trader\r\n // PRICED / REJECT - Advisor\r\n else if (\r\n (AdvisorQuoteStatus == QuoteStatus.WAITING && mode == QuoteMode.REJECT) ||\r\n (AdvisorQuoteStatus == QuoteStatus.PRICED && mode == QuoteMode.REJECT)\r\n ) {\r\n return (\r\n \r\n
\r\n \r\n \r\n changeField(\r\n \"AdvisorQuotePrice\",\r\n isNaN(e.floatValue) || e.value.endsWith(\".\") ? e.value : e.floatValue\r\n )\r\n }\r\n decimalScale={quote.SubAssetClassDecimalPlaces}\r\n dataTypeDecimalName=\"price\"\r\n className={`${style.input} mr-1`}\r\n placeholder={\"Price\"}\r\n />\r\n
\r\n \r\n changeField(\"AdvisorQuoteDuration\", e.value)}\r\n dataTypeDecimalName=\"default\"\r\n />\r\n
\r\n \r\n \r\n changeMode(quote.AdvisorQuoteId, QuoteMode.NONE)}\r\n color=\"secondary\"\r\n size=\"sm\"\r\n className=\"float-right\"\r\n >\r\n Cancel\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n // WAITING / NONE - Trader\r\n else if (AdvisorQuoteStatus == QuoteStatus.WAITING && mode == QuoteMode.NONE && isTrader) {\r\n return (\r\n \r\n
\r\n \r\n changeField(\"AdvisorQuoteRejectReason\", e.target.value)}\r\n placeholder={\"Reason\"}\r\n />\r\n
\r\n \r\n changeMode(quote.AdvisorQuoteId, QuoteMode.NONE)}\r\n color=\"secondary\"\r\n size=\"sm\"\r\n >\r\n Cancel\r\n \r\n \r\n
\r\n \r\n \r\n changeMode(quote.AdvisorQuoteId, QuoteMode.SET_PRICE)}\r\n color=\"success\"\r\n size=\"sm\"\r\n className=\"ml-1\"\r\n >\r\n Accept\r\n \r\n
\r\n );\r\n }\r\n // PRICED / NONE - Advisor\r\n else if (AdvisorQuoteStatus == QuoteStatus.PRICED && mode == QuoteMode.NONE && !isTrader) {\r\n if (quote.expired) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n this.openModalOrder(Type.Bulk)}>Move to Bulk \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n // NULL\r\n else {\r\n return null;\r\n }\r\n }\r\n}\r\n\r\nexport default Form;\r\n","import React from \"react\";\r\nimport { QuoteStatus } from \"../../../utils/Quote/Quote\";\r\nimport style from \"../Quotebar.module.scss\";\r\nimport CircularProgress from \"../../CircularProgress/CircularProgress\";\r\n\r\nconst expirationRemainingString = (seconds) => {\r\n if (seconds >= 3600) {\r\n return `${Number(seconds / 3600).toFixed(1)}h`;\r\n } else if (seconds >= 60) {\r\n return `${Number(seconds / 60).toFixed(1)}m`;\r\n } else {\r\n return `${Number(seconds)}s`;\r\n }\r\n};\r\n\r\nexport const Icon = (props) => {\r\n const { quote, isAdvisor } = props;\r\n const { AdvisorQuoteExpireAt, expired, expirateIn } = quote;\r\n\r\n switch (quote.AdvisorQuoteStatus) {\r\n case QuoteStatus.WAITING:\r\n return ;\r\n case QuoteStatus.PRICED:\r\n if (expired) {\r\n return ;\r\n }\r\n if (isAdvisor) {\r\n return (\r\n \r\n {props.loading && (\r\n
\r\n );\r\n};\r\n\r\nexport default Item;\r\n","import React from \"react\";\r\nimport { QuoteStatus } from \"../../../utils/Quote/Quote\";\r\nimport style from \"../Quotebar.module.scss\";\r\n\r\nexport const Status = (props) => {\r\n const { quote } = props;\r\n const { expired } = quote;\r\n\r\n switch (quote.AdvisorQuoteStatus) {\r\n case QuoteStatus.WAITING:\r\n return null;\r\n case QuoteStatus.PRICED:\r\n if (expired) {\r\n return (\r\n \r\n
\r\n )}\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n Quote request\r\n \r\n \r\n
\r\n\r\n \r\n {/* Side */}\r\n
\r\n\r\n \r\n \r\n {quote.AdvisorQuoteIsBuy ? \"BUY\" : \"SELL\"}\r\n \r\n
\r\n {/* Symbol */}\r\n {quote.AssetTicker}
\r\n {/* Quantity */}\r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n\r\n \r\n {/* Sender / Receiver */}\r\n
\r\n\r\n {/* Price */}\r\n {visibility.labelPrice && (\r\n \r\n {quote.AdvisorQuoteRequestedBy} {\" / \"} {quote.AdvisorQuoteRespondedBy}\r\n
\r\n\r\n ${formattedNumber(quote.AdvisorQuotePrice, null, \"price\")}
\r\n )}\r\n \r\n
\r\n \r\n \r\n {\"Expired\"}\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n {\"Priced\"}\r\n \r\n
\r\n );\r\n case QuoteStatus.USED:\r\n return (\r\n \r\n \r\n {\"Used\"}\r\n \r\n
\r\n );\r\n case QuoteStatus.REJECTED_BY_RECEIVER:\r\n case QuoteStatus.REJECTED_BY_SENDER:\r\n return (\r\n \r\n \r\n Rejected\r\n {\" \"}\r\n ({quote.AdvisorQuoteRejectReason})\r\n
\r\n );\r\n }\r\n};\r\n","import React, { Component } from \"react\";\r\nimport {\r\n Badge,\r\n DropdownItem,\r\n DropdownMenu,\r\n DropdownToggle,\r\n Dropdown as ReactStrapDropDown,\r\n} from \"reactstrap\";\r\nimport { QuoteStatus, QuoteMode } from \"./../../utils/Quote/Quote\";\r\nimport * as _state from \"./_state\";\r\nimport style from \"./Quotebar.module.scss\";\r\nimport Item from \"./Item/Item\";\r\nimport CrossItem from \"./CrossItem/CrossItem\";\r\n\r\nlet intervalExpiration = null;\r\n\r\nclass Quotebar extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n _state.initialize.call(this);\r\n\r\n this.enableCounterAndExpirationsTask();\r\n }\r\n\r\n toggle = () => {\r\n _state.toggle.call(this);\r\n };\r\n\r\n getEditingProps(id) {\r\n const { edit } = this.state;\r\n if (edit && edit.AdvisorQuoteId == id) {\r\n return edit;\r\n }\r\n\r\n return {};\r\n }\r\n\r\n componentWillUpdate(nextProps, nextState) {\r\n if (nextState.open) {\r\n if (!document.getElementById(\"overlay\")) {\r\n let overlay = document.createElement(\"div\");\r\n overlay.id = \"overlay\";\r\n overlay.className = style.overlay;\r\n\r\n document.body.appendChild(overlay);\r\n // enable timer quote expiration\r\n const { isAdvisor, quotes } = this.props;\r\n const { counter, expirations } = getCounterAndExpirations(isAdvisor, quotes, this.state.expirations);\r\n\r\n _state.updateStateProps.call(this, { counter, expirations });\r\n }\r\n } else {\r\n if (document.getElementById(\"overlay\")) {\r\n document.body.removeChild(document.getElementById(\"overlay\"));\r\n }\r\n }\r\n }\r\n\r\n enableCounterAndExpirationsTask = () => {\r\n if (intervalExpiration) {\r\n clearInterval(intervalExpiration);\r\n }\r\n\r\n intervalExpiration = setInterval(() => {\r\n const { isAdvisor, quotes } = this.props;\r\n const { counter, expirations } = getCounterAndExpirations(isAdvisor, quotes, this.state.expirations);\r\n\r\n if (!(this.state.counter == counter && !this.state.open)) {\r\n _state.updateStateProps.call(this, { counter, expirations });\r\n }\r\n }, 1000);\r\n };\r\n\r\n changeMode = (id, mode) => {\r\n _state.changeMode.call(this, id, mode);\r\n };\r\n\r\n updateQuote = () => {\r\n _state.setLoading.call(this, true);\r\n\r\n const params = _state.getUpdatedValues.call(this);\r\n\r\n this.props.updateQuote(params).then((response) => {\r\n setTimeout(() => _state.setLoading.call(this, false), 700);\r\n });\r\n };\r\n\r\n changeField = (name, value) => {\r\n _state.changeField.call(this, name, value);\r\n };\r\n\r\n render() {\r\n if (this.props.quotes == null) {\r\n return null;\r\n }\r\n\r\n const {\r\n quotes,\r\n crossing: pCrossing,\r\n isAdvisor,\r\n openModalOrder,\r\n openModalOffer,\r\n crossingSetPrice,\r\n } = this.props;\r\n const { counter: sCounter, expirations } = this.state;\r\n const crossing = pCrossing || [];\r\n\r\n const counter = sCounter + crossing.length;\r\n\r\n return (\r\n \r\n {quotes.length == 0 && crossing.length == 0 ? (\r\n \r\n {crossing.map((order) => (\r\n \r\n )}\r\n
\r\n )}\r\n Empty
\r\n ) : (\r\n\r\n \r\n \r\n \r\n \r\n 
\r\n {error.description} }\r\n { completed && An email has been sent. Please check your inbox }\r\n {!completed && \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nForgotPasswordPage.propTypes = {\r\n ForgotPasswordFunction: PropTypes.func\r\n}\r\n\r\n\r\nconst ResetPasswordPage = ({ResetPasswordFunction}) => {\r\n const [loading, setLoading] = useState(false)\r\n const [newpassword, setnewPassword] = useState('')\r\n const [newpassword2, setnewPassword2] = useState('')\r\n const [error, setError] = useState(false)\r\n const [completed, setCompleted] = useState(false)\r\n const hash = window.location.hash\r\n const params = new URLSearchParams(hash)\r\n const resetToken = params.get('#/resetPassword?token')\r\n const username = params.get('username')\r\n\r\n const send = (event) => {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n setLoading(true)\r\n setCompleted(false)\r\n ResetPasswordFunction(username, newpassword, resetToken)\r\n .then(res => {\r\n if (res.response.Error.description){\r\n setError(res.response.Error)\r\n }else{\r\n setCompleted(true)\r\n setError(undefined)\r\n }\r\n setLoading(false)\r\n \r\n }).catch(e => {console.log(e); setLoading(false)})\r\n\t}\r\n return(\r\n \r\n Password Recovery
\r\n { error &&\r\n \r\n \r\n \r\n \r\n Send\r\n \r\n \r\n
\r\n
\r\n }\r\n Enter your username
\r\n\r\n \r\n \r\n \r\n
\r\n {}}\r\n onChange={(e)=>{setUserName(e.target.value)}}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {error && {error.description} }\r\n \r\n \r\n \r\n \r\n \r\n \r\n Send\r\n \r\n \r\n
\r\n \r\n :\r\n \r\n \r\n Password changed succesfully! \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 )\r\n}\r\n\r\nResetPasswordPage.propTypes = {\r\n ResetPasswordFunction: PropTypes.func\r\n}\r\n\r\n\r\nexport {\r\n ForgotPasswordPage,\r\n ResetPasswordPage\r\n};\r\n\r\n","import React, { Component } from \"react\";\r\nimport { Table } from \"reactstrap\";\r\nimport style from \"./Table.module.scss\";\r\nimport MediaQuery from \"react-responsive\";\r\n\r\nclass ResponsiveTable extends Component {\r\n render() {\r\n return (\r\n \r\n Password Recovery
\r\n*Password must contain at least 8 characters
\r\n {!completed ?New password
\r\n\r\n \r\n \r\n \r\n
\r\n setnewPassword(e.target.value)}\r\n />\r\n \r\n Confirm new password
\r\n\r\n \r\n \r\n \r\n
\r\n setnewPassword2(e.target.value)}\r\n />\r\n \r\n {React.Children.map(tbodyChild, (trowChild, i) => {\r\n const lines = getCardLines(trowChild);\r\n\r\n return (\r\n
\r\n );\r\n};\r\n\r\nArray.prototype.insert = function (index, item) {\r\n this.splice(index, 0, item);\r\n};\r\n\r\nconst Empty = (props) => {\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n {React.Children.map(lines.first, (child, i) => (\r\n {child}\r\n ))}\r\n
\r\n \r\n {React.Children.map(lines.second, (child, i) => (\r\n {child}\r\n ))}\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ResponsiveTable;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mobile\":\"Table-module_mobile_HzUZW\",\"card\":\"Table-module_card_3hloW\",\"item\":\"Table-module_item_1ya7g\"};","import React from \"react\";\r\nimport { InputGroup, Input } from \"reactstrap\";\r\n\r\nexport const SearchBox = ({ changeValue, text, ...props }) => (\r\n {props.text}
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n {quote.PairPriceDescription}\r\n {\" - Last Edited: \"}\r\n
\r\n \r\n {children}\r\n
\r\n);\r\n\r\nexport default Tooltip;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"tooltip\":\"Tooltip-module_tooltip_14D7M\"};","import Tooltip from \"./Tooltip/Tooltip\";\r\n\r\nexport {\r\n Tooltip\r\n}\r\n\r\n","import DynamicReports from \"../components/DynamicReports\";\r\nimport CounterPartyRanking from \"../components/Modal/CounterPartyRanking/CounterPartyRanking\";\r\nimport CrossReferenceSearch from \"../components/Modal/CrossReferenceSearch/CrossReferenceSearch\";\r\nimport * as RecurringCommission from \"../components/Modal/RecurringCommissions/index\";\r\nimport RequestPeopleInfoFields from \"../components/Modal/Reports/RequestPeopleInfoFields\";\r\nimport AdvancedSearchbox from \"./AdvancedSearchbox/AdvancedSearchbox\";\r\nimport * as Asset from \"./Asset\";\r\nimport * as Authorizations from \"./Authorizations\";\r\nimport Autosuggest from \"./Autosuggest/Autosuggest\";\r\nimport CircularProgress from \"./CircularProgress/CircularProgress\";\r\nimport CrossReference from \"./CrossReference\";\r\nimport * as EventAlert from \"./EventAlert\";\r\nimport ExecutionsTable from \"./ExecutionsTable/ExecutionsTable\";\r\nimport * as IOItemUI from \"./IO/Item\";\r\nimport * as IOTypes from \"./IO/types\";\r\nimport * as IOUtils from \"./IO/utils\";\r\nimport AccountComparer from \"./Modal/AccountComparer\";\r\nimport AlertCompl from \"./Modal/Alert/Alert\";\r\nimport AlertSimple from \"./Modal/AlertSimple/AlertSimple\";\r\nimport ModalAuthorization from \"./Modal/Authorization/Authorization\";\r\nimport AuthorizationList from \"./Modal/AuthorizationList\";\r\nimport CorpEvents from \"./Modal/CorpEvents/CorpEvents\";\r\nimport CounterParty from \"./Modal/CounterPartySet/CounterParty\";\r\nimport Cross from \"./Modal/Cross/Cross\";\r\nimport Custody from \"./Modal/Custody/Custody\";\r\nimport NewCustody from \"./Modal/Custody/NewCustody\";\r\nimport Collateral from \"./Modal/Collateral/Collateral\";\r\nimport NewCollateral from \"./Modal/Collateral/NewCollateral\";\r\nimport CustodySet from \"./Modal/CustodySet/Custody\";\r\nimport EnvironmentSign from \"./Modal/EnvironmentSign/EnvironmentSign\";\r\nimport Execution from \"./Modal/Execution/Execution\";\r\nimport History from \"./Modal/History/History\";\r\nimport HistoryDefault from \"./Modal/HistoryDefault/HistoryDefault\";\r\nimport ModalInvoice from \"./Modal/Invoice\";\r\nimport IO from \"./Modal/IO/IO\";\r\nimport IOExecution from \"./Modal/IOExecution/IOExecution\";\r\nimport ModalInstruction from \"./Modal/ModalInstruction\";\r\nimport Note from \"./Modal/Note/Note\";\r\nimport OldNote from \"./Modal/Note/OldNote\";\r\nimport { Field } from \"./Modal/Order/Field/Field\";\r\nimport { wsOnReceive, wsSubscribeSymbol, wsUnsuscribeSymbol } from \"./Modal/Order/Field/Symbol/Info/IEX\";\r\nimport SymbolField from \"./Modal/Order/Field/Symbol/Symbol\";\r\nimport Order from \"./Modal/Order/Order\";\r\nimport Offer from \"./Modal/Offer/Offer\";\r\nimport OrderQuantityAssignment from \"./Modal/OrderQuantityAssignment/OrderQuantityAssignment\";\r\nimport OrderQuantityToTradesAssignment from \"./Modal/OrderQuantityToTradesAssignment/OrderQuantityToTradesAssignment\";\r\nimport AlertMessage from \"./Modal/Simple/Alert\";\r\nimport Trade from \"./Modal/Trade/Trade\";\r\nimport TradeHistory from \"./Modal/TradeHistory/TradeHistory\";\r\nimport Trading from \"./Modal/Trading/Trading\";\r\nimport OrderInlineDetail from \"./Order/InlineDetail\";\r\nimport * as OrderItemUI from \"./Order/Item\";\r\nimport TradeInlineDetail from \"./Order/TradeInlineDetail\";\r\nimport * as Orders from \"./OrderList\";\r\nimport Pagination from \"./Pagination/Pagination\";\r\nimport PercentageBar from \"./PercentageBar/PercentageBar\";\r\nimport PercentageCircle from \"./PercentageCircle/PercentageCircle\";\r\nimport AccountProfileCard from \"./Profile/Account/AccountProfileCard\";\r\nimport AccountProfileCarousel from \"./Profile/Account/AccountProfileCarousel\";\r\nimport AccountProfile from \"./Profile/Account/AccountTabs\";\r\nimport AccountRiskTable from \"./Profile/Account/Risk/RiskTable\";\r\nimport { AccountRiskWidget, CardWrapper } from \"./Profile/Account/Risk/Widget\";\r\nimport PersonProfile from \"./Profile/Person/PersonTabs\";\r\nimport Quotebar from \"./Quotebar/Quotebar\";\r\nimport * as Quotes from \"./QuoteList\";\r\nimport { ForgotPasswordPage, ResetPasswordPage } from \"./RecoverPassword/index\";\r\nimport ResponsiveTable from \"./ResponsiveTable/ResponsiveTable\";\r\nimport SpotQuotes from \"./SpotQuotes\";\r\nimport * as UI from \"./UI\";\r\nimport * as BookType from \"./Profile/Account/Tabs/Components/Booktype\";\r\nimport { ToggleSwitch } from \"./ToggleSwitch/ToggleSwitch\";\r\nimport { MainCard } from \"./MainCard/MainCard\";\r\nimport Offers from \"./Offers/Offers\";\r\nimport { TradingDesk } from \"./Modal/TradingDesk/TradingDesk\";\r\nimport * as Funds from \"./Funds/index\";\r\nimport DropDownFunds from \"./Funds/DropDownFunds\";\r\nexport * from \"./FloattingButton\";\r\nexport {\r\n Order,\r\n Offer,\r\n Execution,\r\n Trade,\r\n Trading,\r\n Cross,\r\n SymbolField,\r\n Quotebar,\r\n History,\r\n TradeHistory,\r\n HistoryDefault,\r\n Note,\r\n OldNote,\r\n AlertSimple,\r\n IO,\r\n IOExecution,\r\n Custody,\r\n NewCustody,\r\n CircularProgress,\r\n OrderInlineDetail,\r\n TradeInlineDetail,\r\n OrderItemUI,\r\n IOItemUI,\r\n IOTypes,\r\n IOUtils,\r\n Collateral,\r\n NewCollateral,\r\n Autosuggest,\r\n ResponsiveTable,\r\n Pagination,\r\n ExecutionsTable,\r\n Orders,\r\n Quotes,\r\n UI,\r\n wsSubscribeSymbol,\r\n wsOnReceive,\r\n wsUnsuscribeSymbol,\r\n AlertCompl as Alert,\r\n CounterParty,\r\n Field,\r\n PercentageCircle,\r\n PercentageBar,\r\n CustodySet,\r\n AccountComparer,\r\n CorpEvents,\r\n Authorizations,\r\n EventAlert,\r\n ModalAuthorization,\r\n ModalInstruction,\r\n AlertMessage,\r\n OrderQuantityAssignment,\r\n OrderQuantityToTradesAssignment,\r\n AccountProfile,\r\n AccountProfileCard,\r\n AccountProfileCarousel,\r\n PersonProfile,\r\n AccountRiskTable,\r\n AccountRiskWidget,\r\n CardWrapper,\r\n CrossReference,\r\n Asset,\r\n ModalInvoice,\r\n SpotQuotes,\r\n RequestPeopleInfoFields,\r\n CounterPartyRanking,\r\n CrossReferenceSearch,\r\n RecurringCommission,\r\n AuthorizationList,\r\n AdvancedSearchbox,\r\n DynamicReports,\r\n EnvironmentSign,\r\n ForgotPasswordPage,\r\n ResetPasswordPage,\r\n BookType,\r\n ToggleSwitch,\r\n MainCard,\r\n Offers,\r\n TradingDesk,\r\n Funds,\r\n DropDownFunds\r\n};\r\n\r\n","export * from \"./components/index\";\r\n\r\nexport * from \"./utils/index\";\r\n\r\n// Import Fonts\r\nimport \"./fonts/MyFontsWebfontsKit.css\";\r\n","export const AccountStatus = {\r\n ACTIVE: \"Active\",\r\n BLOCKED: \"Blocked\",\r\n INACTIVE: \"Inactive\",\r\n DELETED: \"Deleted\"\r\n};\r\n","import React from 'react';\r\nimport { Container, Row, Col, Button } from 'reactstrap';\r\n\r\n// inspired from https://reactjs.org/docs/error-boundaries.html\r\n\r\nclass ErrorBoundary extends React.Component {\r\n\tstate = { error: null, errorInfo: null };\r\n\r\n\t// static getDerivedStateFromError(error) {\r\n\t// \t// Update state so the next render will show the fallback UI.\r\n\t// \treturn { hasError: true };\r\n\t// }\r\n\r\n\tcomponentDidCatch(error, errorInfo) {\r\n\t\t// Catch errors in any components below and re-render with error message\r\n\t\tthis.setState({\r\n\t\t\terror: error,\r\n\t\t\terrorInfo: errorInfo,\r\n\t\t});\r\n\t\t// You can also log error messages to an error reporting service here\r\n\t}\r\n\r\n\tcopyToClipboard = () => {\r\n\t\tconst text = `\r\n ${window.location.href}\r\n ${this.state.error && this.state.error.toString()}\r\n ${this.state.errorInfo.componentStack}\r\n `;\r\n\t\tclipboardCopy(text);\r\n\t};\r\n\r\n\trender() {\r\n\t\tif (this.state.errorInfo) {\r\n\t\t\t// Error path\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\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}\r\n\r\n\t\treturn this.props.children;\r\n\t}\r\n}\r\n\r\nfunction clipboardCopy (text) {\r\n // Use the Async Clipboard API when available. Requires a secure browsing\r\n // context (i.e. HTTPS)\r\n if (navigator.clipboard) {\r\n return navigator.clipboard.writeText(text).catch(function (err) {\r\n throw (err !== undefined ? err : new DOMException('The request is not allowed', 'NotAllowedError'))\r\n })\r\n }\r\n\r\n // ...Otherwise, use document.execCommand() fallback\r\n\r\n // Put the text to copy into a \r\n var span = document.createElement('span')\r\n span.textContent = text\r\n\r\n // Preserve consecutive spaces and newlines\r\n span.style.whiteSpace = 'pre'\r\n\r\n // Add the to the page\r\n document.body.appendChild(span)\r\n\r\n // Make a selection object representing the range of text selected by the user\r\n var selection = window.getSelection()\r\n var range = window.document.createRange()\r\n selection.removeAllRanges()\r\n range.selectNode(span)\r\n selection.addRange(range)\r\n\r\n // Copy text to the clipboard\r\n var success = false\r\n try {\r\n success = window.document.execCommand('copy')\r\n } catch (err) {\r\n console.log('error', err)\r\n }\r\n\r\n // Cleanup\r\n selection.removeAllRanges()\r\n window.document.body.removeChild(span)\r\n\r\n return success\r\n ? Promise.resolve()\r\n : Promise.reject(new DOMException('The request is not allowed', 'NotAllowedError'))\r\n}\r\n\r\nexport default ErrorBoundary;\r\n","\r\nimport React, { Component } from 'react';\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, Container, Row, Col, Input, Button, Table } from 'reactstrap';\r\n\r\nexport class ModalError extends Component {\r\n\trender() {\r\n const {url, errorText, payload} = this.props.error;\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\tError
\r\n\t\t\t\t\t\t\t\t\tOops! Something went wrong.
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tThe page cannot be rendered.\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 this.copyToClipboard()}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\tCopy to clipboard\r\n\t\t\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\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tCopy error details with stack trace\r\n\t\t\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{this.state.error && this.state.error.toString()}\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t{this.state.errorInfo.componentStack}\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\t{this.state.errorInfo.componentStack}\r\n\t\t\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\tError\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n {url}\r\n\r\n
\r\n\r\n \r\n {errorText}\r\n \r\n\r\n
\r\n {'Input JSON'}\r\n
\r\n\t\t\t\t\t\t\t\r\n
\r\n \r\n Disable debugging modal from: {'IISFolder//config-env.json'} setting debug: false\r\n \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\t \r\n\t\t\t
\r\n\t\t);\r\n\t}\r\n}","export {ModalError} from './ModalError';\r\nexport {default as ErrorBoundary} from './ErrorBoundary';","import React from \"react\";\r\nimport { FormGroup, Label, Input } from \"reactstrap\";\r\nimport PropTypes from \"prop-types\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport Numeric from \"../components/Numeric/Numeric\";\r\nimport { parseDate } from \"./dateUtils\";\r\n\r\nexport function FormField({\r\n label,\r\n changedColor = false,\r\n value,\r\n onChange = () => {},\r\n name,\r\n disabled = false,\r\n type = \"text\",\r\n error,\r\n description,\r\n decimalScale,\r\n dataTypeDecimalName,\r\n rows,\r\n placeholder,\r\n thousandSeparator\r\n}) {\r\n if (type === \"date\") {\r\n return (\r\n \r\n\r\n \r\n {errorText}\r\n \r\n\r\n
\r\n {'Input JSON'}\r\n
\r\n\t\t\t\t\t\t\t\r\n
{payload && JSON.stringify(JSON.parse(JSON.parse(payload)), null, 2)}\r\n\r\n \r\n \r\n Disable debugging modal from: {'IISFolder/
\r\n {error}\r\n
\r\n {!error && description && (\r\n \r\n {description}\r\n
\r\n )}\r\n \r\n {error}\r\n
\r\n {!error && description && (\r\n \r\n {description}\r\n
\r\n )}\r\n \r\n {error}\r\n
\r\n {!error && description && (\r\n \r\n {description}\r\n
\r\n )}\r\n \r\n {error}\r\n
\r\n {!error && description && (\r\n \r\n {description}\r\n
\r\n )}\r\n \r\n {error}\r\n
\r\n {!error && description && (\r\n \r\n {description}\r\n
\r\n )}\r\n \r\n {error}\r\n
\r\n {!error && description && (\r\n \r\n {description}\r\n
\r\n )}\r\n \r\n {error}\r\n
\r\n {!error && description && (\r\n \r\n {description}\r\n
\r\n )}\r\n | \r\n \r\n You don´t have permissions to access this feature\r\n | \r\n
\r\n \r\n \r\n 576 ? \"01. datos\" : tab === \"data\" ? \"01. datos\" : \"01.\"} onClick={toggle} />\r\n \r\n 576 ? \"02. contrato\" : tab === \"contract\" ? \"02. contrato\" : \"02.\"} onClick={toggle} />\r\n \r\n 576 ? \"03. cuentas\" : tab === \"account\" ? \"03. cuentas\" : \"03.\"} onClick={toggle} />\r\n \r\n 576 ? \"04. Perfil del Inversor\" : tab === \"questions\" ? \"04. Perfil del Inversor\" : \"04.\"} onClick={toggle} />\r\n \r\n 576 ? \"05. confirmación\" : tab === \"confirmation\" ? \"05. confirmación\" : \"05.\"} onClick={toggle} />\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst CustomButton = ({ currentTab, name, label, onClick }) => {\r\n const disabled = currentTab !== name;\r\n return (\r\n Configuración de acceso
;\r\n case \"contract\":\r\n returnConfiguración de acceso / Contrato
;\r\n case \"account\":\r\n returnConfiguración de acceso / Cuentas
;\r\n case \"suitability\":\r\n returnConfiguración de acceso / Suitability
;\r\n case \"confirmation\":\r\n returnConfiguración de acceso / Confirmación
;\r\n default:\r\n return null;\r\n }\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"body\":\"AccessConfiguration_body_1Uclg\",\"title\":\"AccessConfiguration_title_3K1sv\",\"col\":\"AccessConfiguration_col_dCfG2\",\"buttonContainer\":\"AccessConfiguration_buttonContainer_dXvX1\",\"buttonDisabled\":\"AccessConfiguration_buttonDisabled_3USw9\",\"buttonActive\":\"AccessConfiguration_buttonActive_d3aOV\"};","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport { Col, Row, Button } from \"reactstrap\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { CircularProgress } from \"../../UI/CircularProgress/CircularProgress\";\r\nimport { currentAccountSet } from \"../../../actions/entities\";\r\nimport { fetchGetAccounts } from \"../../../services/api/accounts\";\r\nimport { getPersonBankAccount } from \"../../../services/api/accounts\";\r\nimport { getSession, getCurrentAccount, getSavedPersonInfo } from \"../../../reducers/selectors\";\r\n\r\nimport style from \"./AccessConfigurationAccount.scss\";\r\n\r\nexport const AccessConfigurationAccount = ({ toggle }) => {\r\n const [bankAccounts, setBankAccounts] = useState([]);\r\n const [guaraniAccounts, setGuaraniAccounts] = useState([]);\r\n const [usdAccounts, setUsdAccounts] = useState([]);\r\n const [loading, setLoading] = useState(true);\r\n const personInfo = useSelector(getSavedPersonInfo);\r\n\r\n useEffect(() => {\r\n if (personInfo) {\r\n setLoading(() => true);\r\n getPersonBankAccount({ accountId: 0 })\r\n .then(({ response }) => {\r\n setBankAccounts(response.personBankAccountInfo.BankAccounts);\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n setLoading(() => false);\r\n });\r\n }\r\n }, [personInfo]);\r\n\r\n useEffect(() => {\r\n let guaraniArray = [];\r\n let usdArray = [];\r\n bankAccounts.forEach((bankAccount) => {\r\n bankAccount.PersonBankAccountCurrency == \"USD\"\r\n ? usdArray.push(bankAccount)\r\n : guaraniArray.push(bankAccount);\r\n });\r\n setUsdAccounts(usdArray);\r\n setGuaraniAccounts(guaraniArray);\r\n }, [bankAccounts]);\r\n\r\n const AccountTable = (accounts) => {\r\n return (\r\n\r\n \r\n \r\n \r\n {loading ?
\r\n
\r\n
\r\n\r\n \r\n {\r\n toggle(\"suitability\");\r\n }}\r\n >\r\n confirmar datos\r\n \r\n \r\n
\r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"account\":\"AccessConfigurationAccount_account_3iFp7\",\"title\":\"AccessConfigurationAccount_title_2ky-2\",\"logo\":\"AccessConfigurationAccount_logo_2rAC7\",\"mainRow\":\"AccessConfigurationAccount_mainRow_wZAbO\",\"innerRow\":\"AccessConfigurationAccount_innerRow_154hb\",\"table\":\"AccessConfigurationAccount_table_2neAP\",\"currency\":\"AccessConfigurationAccount_currency_g34Be\",\"td\":\"AccessConfigurationAccount_td_3ky2z\",\"gray\":\"AccessConfigurationAccount_gray_3iU2T\",\"accountNumber\":\"AccessConfigurationAccount_accountNumber_1FL4R\",\"confirmContainer\":\"AccessConfigurationAccount_confirmContainer_2R_Wj\",\"confirmButton\":\"AccessConfigurationAccount_confirmButton_2-3EI\",\"Logo\":\"AccessConfigurationAccount_Logo_3nGa3\"};","import React, { useState } from \"react\";\r\nimport { Col, Row, Button, Container } from \"reactstrap\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport moment from \"moment\";\r\nimport { CircularProgress } from \"../../UI/CircularProgress/CircularProgress\";\r\n\r\nimport { getSession, getCurrentAccount, getSavedPersonInfo } from \"../../../reducers/selectors\";\r\n\r\nimport style from \"./AccessConfigurationGrid.scss\";\r\nimport { useEffect } from \"react\";\r\n\r\nexport const AccessConfigurationGrid = ({ toggle }) => {\r\n const personInfo = useSelector(getSavedPersonInfo);\r\n\r\n const [mobilePhone, setMobilePhone] = useState({\r\n PhoneNumber: \"\",\r\n });\r\n const [personDocument, setPersonDocument] = useState({\r\n PhysicalPersonDocumentTypeName: \"\",\r\n PhysicalPersonDocumentNumber: \"\",\r\n });\r\n const [legalAddress, setLegalAddress] = useState({\r\n LegalAddressStreet: \"\",\r\n LegalAddressCityName: \"\",\r\n });\r\n\r\n const genderString = {\r\n N: \"No especificado\",\r\n M: \"Masculino\",\r\n F: \"Femenino\",\r\n };\r\n\r\n const civilStatusString = {\r\n Single: \"Soltero/a\",\r\n Engaged: \"Comprometido/a\",\r\n Married: \"Casado/a\",\r\n Divorced: \"Divorciado/a\",\r\n Widower: \"Viudo/a\",\r\n };\r\n\r\n useEffect(() => {\r\n // actualizar datos de persona\r\n if (personInfo) {\r\n if (personInfo.Phone.length > 0) {\r\n const newMobilePhone = personInfo.Phone.find((phoneItem) => phoneItem.PhoneType === \"Mobile\");\r\n setMobilePhone((prev) => ({\r\n ...prev,\r\n ...newMobilePhone,\r\n }));\r\n }\r\n\r\n if (personInfo.Documents.length > 0) {\r\n const newPersonDocument = personInfo.Documents.find(\r\n (documentItem) => documentItem.PhysicalPersonDocumentIsMain\r\n );\r\n setPersonDocument((prev) => ({\r\n ...prev,\r\n ...newPersonDocument,\r\n }));\r\n }\r\n\r\n if (personInfo.LegalAddress.length > 0) {\r\n const newLegalAddress = personInfo.LegalAddress[0];\r\n setLegalAddress((prev) => ({\r\n ...prev,\r\n ...newLegalAddress,\r\n }));\r\n }\r\n }\r\n }, [personInfo]);\r\n\r\n if (!personInfo) return \r\n tus cuentas ![\"logo\"](\"/img/logo-blue.png\")
\r\n para operar con nosotros son:\r\n
\r\n\r\n \r\n para operar con nosotros son:\r\n Confirmá tus datos
\r\n\r\n {personInfo && (\r\nNombre y Apellido
\r\nGénero
\r\n{genderString[personInfo.PhysicalPersonGender]}
\r\n \r\nFecha de Nacimiento
\r\n{moment(personInfo.PhysicalPersonDateOfBirth).format(\"DD/MM/YYYY\")}
\r\n \r\nNacionalidad
\r\n\r\n {personInfo.PhysicalPersonNationality === undefined\r\n ? \"-\"\r\n : personInfo.PhysicalPersonNationality}\r\n
\r\n \r\nEstado Civil
\r\n{civilStatusString[personInfo.PhysicalPersonCivilStatus]}
\r\n \r\nDirección
\r\nCelular
\r\n{mobilePhone.PhoneNumber}
\r\n \r\nCorreo electrónico
\r\n{personInfo.PhysicalPersonEmail}
\r\n \r\nTipo de documento
\r\n{personDocument.PhysicalPersonDocumentTypeName}
\r\n \r\nNúmero de documento
\r\n{personDocument.PhysicalPersonDocumentNumber}
\r\n \r\nOcupación
\r\n{personInfo.PersonProfessionName}
\r\n \r\nNombre de la empresa
\r\n{personInfo.PhysicalPersonInstitution}
\r\n \r\nCiudad (laboral)
\r\n{legalAddress.LegalAddressCityName}
\r\n \r\nActividad del negocio
\r\n{personInfo.PersonActivitySectorName}
\r\n \r\n\r\n
\r\n \r\n \r\n la creación de tu cuenta está en proceso, te estaremos contactando cuando ya este activa para\r\n comenzar a invertir.\r\n
\r\n \r\n \r\n {\r\n if (!legalContract || !legalContract.LegalContractAttachmentName) {\r\n dispatch(signOut());\r\n sessionStorage.clear();\r\n window.location.href = redirectionSite;\r\n } else {\r\n toggle(\"account\", legalContract.LegalContractId);\r\n }\r\n }}\r\n >\r\n {!legalContract || !legalContract.LegalContractAttachmentName ? \"Salir\" : \"confirmar\"}\r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"body\":\"Contract_body_1dQzZ\",\"header\":\"Contract_header_1LqHR\",\"title\":\"Contract_title_2rsA4\",\"contract\":\"Contract_contract_16x7K\",\"subTitle\":\"Contract_subTitle_2KZkD\",\"orangeText\":\"Contract_orangeText__yadC\",\"footer\":\"Contract_footer_1yM8b\",\"button\":\"Contract_button_3Fyfy\",\"attachment\":\"Contract_attachment_2a4aQ\"};","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { Button } from \"reactstrap\";\r\nimport { CircularProgress } from \"../../UI/CircularProgress/CircularProgress\";\r\nimport { getSession, getCurrentAccount, getSavedPersonInfo } from \"../../../reducers/selectors\";\r\nimport { getQuestions, updateAnswers, getPersonInfo } from \"../../../services/api/person\";\r\nimport { currentAccountSet, personInfoSet } from \"../../../actions/entities\";\r\n\r\nimport { showToast } from \"../../../utils/helper\";\r\n\r\nimport style from \"./Suitability.scss\";\r\n\r\nexport const Suitability = ({ toggle }) => {\r\n const [start, setStart] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [loadingSave, setLoadingSave] = useState(false);\r\n const [questions, setQuestions] = useState([]);\r\n const personInfo = useSelector(getSavedPersonInfo);\r\n const dispatch = useDispatch();\r\n\r\n useEffect(() => {\r\n setLoading(() => true);\r\n getQuestions()\r\n .then(({ response }) => {\r\n setQuestions(response.questions);\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n setLoading(() => false);\r\n });\r\n }, []);\r\n\r\n const setAnswer = (questionIndex, answerIndex) => {\r\n const newQuestions = [...questions];\r\n\r\n newQuestions.find((question) => question.QuestionId === questionIndex).Answer = newQuestions\r\n .find((question) => question.QuestionId === questionIndex)\r\n .Answer.map((answerItem) => {\r\n return {\r\n ...answerItem,\r\n AnswerIsResponse: false,\r\n };\r\n });\r\n\r\n newQuestions\r\n .find((question) => question.QuestionId === questionIndex)\r\n .Answer.find((answer) => answer.AnswerId === answerIndex).AnswerIsResponse = true;\r\n\r\n setQuestions(newQuestions);\r\n };\r\n\r\n const onConfirm = () => {\r\n const newQuestions = questions.filter((questionItem) => {\r\n if (questionItem.Answer.find((answerItem) => answerItem.AnswerIsResponse)) return questionItem;\r\n });\r\n\r\n if (newQuestions.length < questions.length) {\r\n showToast(\"Debe responder todas las preguntas\", true);\r\n return;\r\n } else {\r\n setLoadingSave(() => true);\r\n updateAnswers({ sdtQuestion: questions })\r\n .then(({ response }) => {\r\n if (response.sdtresult.Code !== 200) showToast(\"Error enviando respuestas\", true);\r\n else {\r\n getPersonInfo()\r\n .then(({ response }) => {\r\n dispatch(personInfoSet(response.personInfo));\r\n toggle(\"confirmation\");\r\n })\r\n .catch((err) => console.error(err))\r\n .finally(() => {\r\n setLoadingSave(() => false);\r\n });\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n }\r\n };\r\n\r\n if (!personInfo || loading || loadingSave) return \r\n Antes de continuar, confirma el contrato:\r\n
\r\n\r\n {contractLoading ? (\r\n \r\n
\r\n \r\n Contrato de intermediación
\r\n \r\n {\" \"}\r\n {legalContract && legalContract.LegalContractAttachmentName\r\n ? `${legalContract.LegalContractAttachmentName}.${legalContract.LegalContractAttachmentExtension}`\r\n : \"No hay contratos disponibles.\"}\r\n \r\n Podrás ver el contrato confirmado en la sección “Documentos”
\r\n\r\n \r\n \r\n \r\n {\r\n onConfirm();\r\n }}\r\n >\r\n confirmar datos\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst TestQuestion = ({ question, setAnswer }) => {\r\n const [active, setActive] = useState(\"\");\r\n\r\n return (\r\n \r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"profileTestWrapper\":\"Suitability_profileTestWrapper_27y5n\",\"header\":\"Suitability_header_1uNcV\",\"title\":\"Suitability_title_2u5P5\",\"questionContainer\":\"Suitability_questionContainer_xo37y\",\"questionTitle\":\"Suitability_questionTitle_2LRo5\",\"answerRow\":\"Suitability_answerRow_1kfcN\",\"answerText\":\"Suitability_answerText_bs-XI\",\"answerRowActive\":\"Suitability_answerRowActive_3L-1H\",\"confirmContainer\":\"Suitability_confirmContainer_3CkfF\",\"confirmButton\":\"Suitability_confirmButton_2xgnK\",\"buttonContainer\":\"Suitability_buttonContainer_1ixwA\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"logo\":\"Login_logo_N1umq\",\"principal\":\"Login_principal_2DrPp\",\"verticaLine\":\"Login_verticaLine_vyb_I\",\"verticaLineGreen\":\"Login_verticaLineGreen_3xgfc\",\"logoLabel\":\"Login_logoLabel_3_ePD\",\"header\":\"Login_header_3t_z8\",\"headerLabel\":\"Login_headerLabel_1JNWE\",\"headerDiv\":\"Login_headerDiv_19lmH\",\"headerDiv2\":\"Login_headerDiv2_1Zafu\",\"labelDiv1\":\"Login_labelDiv1_2Iei5\",\"labelDiv\":\"Login_labelDiv_xECX3\",\"circle\":\"Login_circle_9j-gu\",\"log\":\"Login_log_3Mwbx\",\"card\":\"Login_card_2zuVp\",\"btn\":\"Login_btn_1Hyu7\",\"submit\":\"Login_submit_2yOL7\",\"titleCard\":\"Login_titleCard_1yfFS\",\"checkbox\":\"Login_checkbox_H7qrm\",\"checkboxLabel\":\"Login_checkboxLabel_1NF10\",\"form\":\"Login_form_3q9ta\",\"formText\":\"Login_formText_18RVz\",\"submitRow\":\"Login_submitRow_18XEQ\",\"smile\":\"Login_smile_1Zmsu\",\"bigCircle\":\"Login_bigCircle_1L-t-\",\"star\":\"Login_star_X1Jqm\",\"app\":\"Login_app_1OOoR\",\"welcome\":\"Login_welcome_3Aovu\",\"secondLogo\":\"Login_secondLogo_17pFX\",\"row\":\"Login_row_1vQM_\",\"cardDiv\":\"Login_cardDiv_1C_xv\",\"headerLabel2\":\"Login_headerLabel2_1BiKP\",\"infoContainer\":\"Login_infoContainer_2MS_H\",\"infoLabels\":\"Login_infoLabels_3SaXc\",\"welcomeFirstRow\":\"Login_welcomeFirstRow_2I_0Y\",\"errorWrapper\":\"Login_errorWrapper_D3Yp0\",\"error\":\"Login_error_1DajN\"};","import React, { Fragment, useEffect, useState } from \"react\";\r\nimport { Card, CardBody, Button, Input, InputGroup, Alert, Label, Media } from \"reactstrap\";\r\nimport LaddaButton, { EXPAND_RIGHT } from \"react-ladda\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { NavLink, Redirect } from \"react-router-dom\";\r\nimport { CircularProgress } from \"../UI/CircularProgress/CircularProgress\";\r\n\r\nimport { Row, Col } from \"../UI/Customstrap/Customstrap\";\r\nimport { Container } from \"../UI/Container/Container\";\r\nimport {\r\n changeUsername,\r\n changePassword,\r\n signIn,\r\n authSuccess,\r\n creatingUser,\r\n authFailure,\r\n} from \"./../../actions/auth\";\r\nimport { Icons } from \"../UI/Icon/Icon\";\r\nimport style from \"./Login.scss\";\r\nimport MediaQuery from \"react-responsive\";\r\nimport { preAuthService, preLogin } from \"../../services/api\";\r\nimport { getAuthCredentials } from \"../../reducers/selectors\";\r\n\r\nconst Login = () => {\r\n const dispatch = useDispatch();\r\n const auth = useSelector((state) => state.auth);\r\n const credentials = useSelector(getAuthCredentials);\r\n const { authenticated, error, loading, username, password } = auth;\r\n const [localLoading, setLocalLoading] = useState(false);\r\n\r\n const onSignIn = async () => {\r\n try {\r\n setLocalLoading(() => true);\r\n // Comprobar si usuario existe en GAM\r\n const currentCredentials = { ...credentials };\r\n const encryptedCredentials = await preLogin(currentCredentials);\r\n\r\n // Si existe, login\r\n const newSession = await preAuthService(encryptedCredentials);\r\n if (newSession.response.error) {\r\n setLocalLoading(() => false);\r\n dispatch(authFailure(\"Usuario o contraseña incorrecta\"));\r\n return;\r\n }\r\n\r\n if (newSession.response.mustCreate) {\r\n // Si no existe pero sí existe en sistema externo, login con creación\r\n dispatch(creatingUser());\r\n dispatch(signIn());\r\n } else {\r\n // Ya hay login, setear datos y redirigir\r\n const newContext = newSession.response;\r\n sessionStorage.setItem(\"authenticated\", \"true\");\r\n sessionStorage.setItem(\"context\", JSON.stringify(newContext));\r\n dispatch(authSuccess());\r\n dispatch({ type: \"server/authenticate\", payload: { token: newContext.accessToken } });\r\n }\r\n } catch (error) {\r\n console.error(error);\r\n dispatch(authFailure(\"Hubo un error, comuníquese con un administrador\"));\r\n setLocalLoading(() => false);\r\n }\r\n };\r\n\r\n const onKeyDown = (event) => {\r\n if (event.key === \"Enter\") {\r\n if (auth.username && auth.password && auth.username.length > 1 && auth.password.length > 1) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n onSignIn();\r\n }\r\n }\r\n };\r\n const information = [\r\n \"Los datos para ingresar a ueno Casa de Bolsa son los mismos que usás en ueno bank.\",\r\n \"Si necesitás recuperar tu contraseña, podés hacerlo desde la app de ueno bank.\",\r\n ];\r\n const infoIcons = [\r\n () => \r\n Antes de continuar, completa el cuestionario:\r\n
\r\n {questions.map((question, index) => {\r\n return \r\n \r\n \r\n \r\n \r\n ![\"logo\"](\"/svg/SideBarIcons/full-logo-home-white.svg\")
\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 \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\r\nexport default Login;\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Route, Redirect, withRouter } from 'react-router-dom'\r\n\r\nconst PrivateRouteComponent = ({ component: Component, ...rest }) => (\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 ![\"logo\"](\"/svg/SideBarIcons/logo-home-black.svg\")
\r\n
\r\n \r\n \r\n {information.map((elem, index) => (\r\n \r\n
\r\n ))}\r\n
\r\n {infoIcons[index]()}
\r\n \r\n \r\n \r\n \r\n {auth.creatingUser === true ? (\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 \r\n {loading || localLoading ? (\r\n \r\n Ingresar\r\n \r\n )}\r\n
\r\n \r\n )}\r\n {error && (\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {information.map((elem, index) => (\r\n \r\n
\r\n ))}\r\n
\r\n {infoIcons[index]()}
\r\n \r\n \r\n No hay autorizaciones.\r\n
\r\n );\r\n };\r\n\r\n return (\r\n \r\n {authorizations.length === 0 ? (\r\n
\r\n \r\n {authorizations.map((authorizationItem, idx) => {\r\n let description = \"\";\r\n let ammountString = \"\";\r\n let operationValue = \"\";\r\n let ammount = 0;\r\n let currency = \"\";\r\n let side = \"\";\r\n\r\n if (authorizationItem.process === \"Order\" && authorizationItem.info) {\r\n const orderInfo = JSON.parse(authorizationItem.info);\r\n\r\n currency = orderInfo.OrderCurrencySymbol;\r\n if (orderInfo.OrderCurrencySymbol.trim() === \"PYG\") {\r\n currency = \"GS\";\r\n }\r\n\r\n side = orderInfo.OrderSide.trim() === \"Buy\" ? \"Compra \" : \"Venta \";\r\n\r\n if (orderInfo.AssetClassForm.trim() === \"Mutual Funds\") {\r\n if (orderInfo.OrderSide.trim() === \"Buy\") {\r\n side = \"Suscripción \";\r\n } else {\r\n side = orderInfo.CurrentAccount.IsFullLiquidation ? \"Rescate Total \" : \"Rescate Parcial \";\r\n }\r\n }\r\n\r\n if (orderInfo.AssetClassForm.trim() === \"Repo\") {\r\n side = orderInfo.OrderSide.trim() === \"Buy\" ? \"Reportador \" : \"Reportado \";\r\n }\r\n\r\n description += `${orderInfo.AssetTicker.trim()} - ${orderInfo.AssetDescription.trim()} `;\r\n operationValue = orderInfo.CurrentAccount.Precheck.Total;\r\n\r\n switch (orderInfo.OrderType.trim()) {\r\n case \"Market\":\r\n case \"MarketOnOpen\":\r\n case \"MarketOnClose\":\r\n ammountString = \"Mercado\";\r\n break;\r\n case \"Limit\":\r\n ammountString = \"Limit\";\r\n ammount = orderInfo.OrderPrice;\r\n break;\r\n case \"Stop\":\r\n ammountString = \"Stop\";\r\n ammount = orderInfo.OrderStopPrice;\r\n break;\r\n case \"StopLimit\":\r\n ammountString = \"Stop Limit\";\r\n ammount = orderInfo.OrderStopPrice;\r\n break;\r\n default:\r\n break;\r\n }\r\n description += `@ ${ammountString}`;\r\n }\r\n return (\r\n
\r\n )}\r\n \r\n
\r\n );\r\n })}\r\n | Fecha | \r\nTipo | \r\nInstrumento | \r\nPrecio | \r\n\r\n Monto total a operar\r\n | \r\nMoneda | \r\n {/**/}\r\n | \r\n |
|---|
El usuario no existe en el sistema
\r\n \r\n );\r\n};\r\n","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\n\r\nimport { FormattedNumber } from \"../FormattedNumber/FormattedNumber\";\r\nimport { getSavedPersonInfo } from \"../../reducers/selectors\";\r\nimport { showToast } from \"../../utils/helper\";\r\nimport { getBankAccountBalance } from \"../../services/api/accounts\";\r\nimport { Icons } from \"../UI/Icon/Icon\";\r\nimport { CircularProgress } from \"../UI/CircularProgress/CircularProgress\";\r\n\r\nimport style from \"./BankAccountsSelector.scss\";\r\nimport { modes } from \"../Invest/FundsTable/FundsAssetTable/FundsAssetTable\";\r\n\r\nconst defaultFilters = {\r\n currencyISO: \"\",\r\n amount: 0,\r\n};\r\n\r\nexport const BankAccountsSelector = ({ bankAccounts, setAllBankAccountAreInvalid = () => {}, ...props }) => {\r\n const [validBankAccounts, setValidBankAccounts] = useState({});\r\n\r\n useEffect(() => {\r\n let allInvalid = true;\r\n if (props.filters.amount == 0) allInvalid = false;\r\n Object.values(validBankAccounts).forEach((key) => {\r\n if (key) allInvalid = false;\r\n });\r\n\r\n setAllBankAccountAreInvalid(allInvalid);\r\n }, [bankAccounts, validBankAccounts]);\r\n\r\n const setBankAccountIsValid = (PersonBankAccountNumber, valid) => {\r\n setValidBankAccounts((prev) => ({ ...prev, [PersonBankAccountNumber]: valid }));\r\n };\r\n\r\n return (\r\n\r\n {bankAccounts\r\n .filter((account) => account.PersonBankAccountStatus === \"Active\")\r\n .map((account, index) => (\r\n
\r\n );\r\n};\r\n\r\nconst BankAccountItem = ({\r\n bankAccountItem,\r\n selectedBankAccount,\r\n onSelectBankAccount = () => {},\r\n filters = defaultFilters,\r\n disabled = false,\r\n loading,\r\n index,\r\n setBankAccountIsValid = () => {},\r\n setAnyError = () => {},\r\n}) => {\r\n const [balance, setBalance] = useState(0);\r\n const [balanceResult, setBalanceResult] = useState(0);\r\n const [notEnoughFunds, setNotEnoughFunds] = useState(true);\r\n const [isCurrency, setIsCurrency] = useState(true);\r\n const [loadingBalance, setLoadingBalance] = useState(true);\r\n const personInfo = useSelector(getSavedPersonInfo);\r\n\r\n useEffect(() => {\r\n setNotEnoughFunds(\r\n () =>\r\n (filters.mode === modes.BUY && filters.amount && +filters.amount > +balance) ||\r\n (filters.mode === modes.BUY && balance == 0)\r\n );\r\n setIsCurrency(\r\n () => filters.currencyISO && bankAccountItem.PersonBankAccountCurrencyISO !== filters.currencyISO\r\n );\r\n }, [filters, balance, bankAccountItem]);\r\n\r\n useEffect(() => {\r\n setBankAccountIsValid(bankAccountItem.PersonBankAccountNumber, !isCurrency && !notEnoughFunds);\r\n }, [bankAccountItem, isCurrency, notEnoughFunds]);\r\n\r\n useEffect(() => {\r\n if (bankAccountItem) getBankAccountBalanceAsync();\r\n }, [bankAccountItem]);\r\n\r\n const getBankAccountBalanceAsync = async () => {\r\n setLoadingBalance(() => true);\r\n\r\n try {\r\n const { response } = await getBankAccountBalance({\r\n bankAccountNumber: bankAccountItem.PersonBankAccountNumber,\r\n });\r\n if (response !== undefined) {\r\n setBalance(() => response.balance);\r\n setBalanceResult(() => response.result);\r\n if (response.result && response.result.Code !== 200) {\r\n setAnyError();\r\n }\r\n } else {\r\n setBalanceResult(() => ({\r\n Code: 400,\r\n }));\r\n setAnyError();\r\n }\r\n } catch (error) {\r\n setBalanceResult(() => ({\r\n Code: 400,\r\n }));\r\n console.error(error);\r\n setAnyError();\r\n }\r\n\r\n setLoadingBalance(() => false);\r\n };\r\n\r\n return (\r\n \r\n
\r\n {`${personInfo.PhysicalPersonFirstName} ${personInfo.PhysicalPersonSecondName} ${personInfo.PhysicalPersonFirstLastName} ${personInfo.PhysicalPersonSecondLastName}`}
\r\n \r\n {selectedBankAccount ? (\r\n selectedBankAccount.PersonBankAccountNumber === bankAccountItem.PersonBankAccountNumber ? (\r\n \r\n
Nº cuenta: {bankAccountItem.PersonBankAccountNumber}
\r\n\r\n \r\n {`Saldo: `}\r\n {loadingBalance ? (\r\n
| {docType} | \r\n{date} | \r\n{pdf ? | \r\n {download ? | \r\n
\r\n \r\n \r\n \r\n Ayuda\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
\r\n
\r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"subAssetClassDisplay\":\"Help_subAssetClassDisplay_Gby3L\",\"titleWrapper\":\"Help_titleWrapper_zyCmR\",\"title\":\"Help_title_365r3\",\"iconWrapper\":\"Help_iconWrapper_sEqmf\",\"icon\":\"Help_icon_3pyZ9\",\"boxInfo\":\"Help_boxInfo_F9_vS\",\"titleInfo\":\"Help_titleInfo_mRPT6\",\"boxTable\":\"Help_boxTable_3D5c6\",\"table\":\"Help_table_3zNug\",\"tdInfo\":\"Help_tdInfo_1Q8id\",\"boxAdvisor\":\"Help_boxAdvisor_2mSII\",\"advisor\":\"Help_advisor_1etAb\",\"wrapperTableAdvisor\":\"Help_wrapperTableAdvisor_2rsUB\",\"tableAdvisor\":\"Help_tableAdvisor_2Z3c6\",\"versions\":\"Help_versions_BXvEv\"};","import React, { useState } from \"react\";\r\nimport {\r\n Button,\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Input,\r\n Label,\r\n Form,\r\n FormGroup,\r\n Container,\r\n Row,\r\n Col,\r\n} from \"reactstrap\";\r\nimport PropTypes from \"prop-types\";\r\nimport style from \"./HistoryModal.scss\";\r\n\r\nfunction HistoryModal({ fromDate, changeDateHandler, toDate, displayDate, onSearch, modal, setModal }) {\r\n const [backdrop, setBackdrop] = useState(true);\r\n const [keyboard, setKeyboard] = useState(true);\r\n\r\n const toggle = () => setModal(!modal);\r\n\r\n const changeBackdrop = (e) => {\r\n let { value } = e.target;\r\n if (value !== \"static\") {\r\n value = JSON.parse(value);\r\n }\r\n setBackdrop(value);\r\n };\r\n\r\n const changeKeyboard = (e) => {\r\n setKeyboard(e.currentTarget.checked);\r\n };\r\n\r\n return (\r\n \r\n
Informaciones y consultas generales:
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n Teléfono: \r\n{currentAccount.companyPhone} \r\n | \r\n \r\n Correo: \r\n{currentAccount.companyEmail} \r\n | \r\n \r\n Ubicación: \r\n{currentAccount.companyLocation} \r\n | \r\n \r\n Horario: \r\n{currentAccount.companyOpeningHours} \r\n | \r\n
\r\n 
\r\n
\r\n Mi asesor
\r\n\r\n \r\n \r\n
\r\n
\r\n | \r\n Nombre: \r\n{`${currentAccount.advisorName} ${currentAccount.advisorFirstLastName}`} \r\n | \r\n \r\n Teléfono: \r\n{currentAccount.advisorPhone} \r\n | \r\n \r\n Correo: \r\n{currentAccount.advisorEmail} \r\n | \r\n
\r\n \r\n Seleccionar fechas \r\n \r\n {displayDate && (\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 \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default HistoryModal;\r\n","import React from \"react\";\r\nimport ReactECharts from \"echarts-for-react\";\r\n\r\nconst HistoryChart = ({ xData, yData }) => {\r\n const options = {\r\n grid: { top: 8, right: 8, bottom: 24, left: 36, width: \"100%\" },\r\n xAxis: {\r\n type: \"category\",\r\n data: xData,\r\n splitArea: {\r\n show: false,\r\n },\r\n },\r\n yAxis: {\r\n type: \"value\",\r\n axisLabel: {\r\n formatter: function (value, index) {\r\n if (value.toString().length > 6) {\r\n return parseFloat((value / 1e6).toFixed(2)) + \" M\";\r\n } else return value;\r\n },\r\n },\r\n },\r\n series: [\r\n {\r\n data: yData,\r\n type: \"line\",\r\n smooth: false,\r\n lineStyle: { color: \"#000\", width: 5, type: \"solid\" },\r\n },\r\n ],\r\n tooltip: {\r\n trigger: \"axis\",\r\n },\r\n };\r\n\r\n return Rango de fechas máximo de 3 meses
\r\n \r\n\r\n {\r\n toggleFilterType(\"date\");\r\n setModal(!modal);\r\n setDisplayDate(true);\r\n }}\r\n >\r\n ![](\"../../svg/ButtonIcons/calendar.svg\")
\r\n ![](\"../../svg/ButtonIcons/export.svg\")
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Últimos movimientos
\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\nexport default HistoryTable;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"tableWrapper\":\"HistoryTable_tableWrapper_32sL4\"};","import React, { Fragment } from \"react\";\r\nimport { Label } from \"reactstrap\";\r\nimport { Safearea } from \"../UI/Safearea/Safearea\";\r\nimport { Row, Col } from \"../UI/Customstrap/Customstrap\";\r\nimport { Container } from \"../UI/Container/Container\";\r\nimport style from \"./InConstruction.scss\";\r\nimport { Header } from \"../Layout/Header/Header\";\r\n\r\nexport const InConstruction = () => {\r\n return (\r\n | Fecha | \r\nTipo | \r\nDescripción | \r\nMonto operado | \r\nMoneda | \r\n|
|---|---|---|---|---|---|
| {activityItem.fecha} | \r\n{toPascalCase(activityItem.concepto)} | \r\n{activityItem.nombre === \"\" ? \"-\" : activityItem.nombre} | \r\n\r\n | \r\n {activityItem.currencyISO} | \r\n\r\n {!currencyFilter.esEfectivo &&\r\n ![\"Saldo Inicial\", \"Saldo Final\"].includes(activityItem.concepto) && (\r\n | \r\n
Estamos trabajando en la construcción de esta funcionalidad.
\r\n \r\n Monto\r\n
\r\n El monto mínimo es: {formattedNumber(fund.minAmmount, 0, 0)}\r\n
\r\n ) : null}\r\n {allBankAccountsAreInvalid && (\r\n No hay cuentas válidas para esta inversion
\r\n )}\r\n {errorMessage ? {errorMessage}
: null}\r\n {mode === modes.SELL && (\r\n \r\n \r\n null} />\r\n Rescate total\r\n \r\n
\r\n )}\r\n {mode === modes.BUY || !isProcessDateEligible ? null : (\r\n \r\n \r\n \r\n Programar rescate\r\n \r\n {isScheduledRescue && (\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n
\r\n {loading ? (\r\n Elegí una cuenta para la acreditación
\r\n\r\n
\r\n );\r\n })}\r\n {modal.open && (\r\n No hay inversiones disponibles.
;\r\n };\r\n\r\n return (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n {texts.notes.sen_warning_bold}
\r\n{texts.notes.sen_warning_text}
\r\n\r\n {\r\n toggle(offer);\r\n }}\r\n >\r\n Pedir cotizació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
\r\n\r\n
\r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"containerOffers\":\"InvestTable_containerOffers_1MBCM\",\"collapseRowActive\":\"InvestTable_collapseRowActive_FLHDs\",\"titleRow\":\"InvestTable_titleRow_2fID8\",\"titleDivider\":\"InvestTable_titleDivider_2gojZ\",\"collapseRowOpen\":\"InvestTable_collapseRowOpen_1rVNL\",\"collapseRow\":\"InvestTable_collapseRow_34Tg5\",\"collapseHeader\":\"InvestTable_collapseHeader_1-G1p\",\"arrow\":\"InvestTable_arrow_2UhJa\",\"arrowActive\":\"InvestTable_arrowActive_1_hYG\",\"titleActive\":\"InvestTable_titleActive_1SmsD\",\"title\":\"InvestTable_title_1hLJI\",\"assetRow\":\"InvestTable_assetRow_2_eYV\"};","import React from \"react\";\r\nimport { Row, Col, Button } from \"reactstrap\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\n\r\nimport { getSession, getCurrentAccount, getSavedPersonInfo, getTexts } from \"../../reducers/selectors\";\r\nimport icon from \"../../../public/svg/i.svg\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nimport style from \"./InvestorProfile.scss\";\r\nimport { CircularProgress } from \"../UI/CircularProgress/CircularProgress\";\r\n\r\nexport const InvestorProfile = () => {\r\n const currentAccount = useSelector(getCurrentAccount);\r\n const personInfo = useSelector(getSavedPersonInfo);\r\n const texts = useSelector(getTexts);\r\n\r\n const profileRiskString = {\r\n Conservative: \"Conservador\",\r\n Moderate: \"Moderado\",\r\n Aggressive: \"Agresivo\",\r\n Aggresive: \"Agresivo\",\r\n };\r\n\r\n const profileRiskDescriptionString = {\r\n Conservative: texts.notes.investor_profile_conservative,\r\n Moderate: texts.notes.investor_profile_moderate,\r\n Aggressive: texts.notes.investor_profile_aggressive,\r\n Aggresive: texts.notes.investor_profile_aggressive,\r\n };\r\n\r\n if (!personInfo) return \r\n {offers.length > 0 && titlesInvest(\"Todos\", openSections.Todos, () => toggleSection(\"Todos\"))}\r\n {bonds.length > 0 && titlesInvest(\"Bonos\", openSections.Bonos, () => toggleSection(\"Bonos\"))}\r\n {cdas.length > 0 && titlesInvest(\"CDAs\", openSections.CDAs, () => toggleSection(\"CDAs\"))}\r\n {equities.length > 0 &&\r\n titlesInvest(\"Acciones\", openSections.Acciones, () => toggleSection(\"Acciones\"))}\r\n {options.length > 0 &&\r\n titlesInvest(\"Opciones\", openSections.Opciones, () => toggleSection(\"Opciones\"))}\r\n {mFunds.length > 0 &&\r\n titlesInvest(\"M. Fondos\", openSections.mFondos, () => toggleSection(\"M. Fondos\"))}\r\n {repo.length > 0 && titlesInvest(\"Repo\", openSections.Repo, () => toggleSection(\"Repo\"))}\r\n {funds.length > 0 && titlesInvest(\"Fondos\", openSections.Fondos, () => toggleSection(\"Fondos\"))}\r\n
\r\n \r\n
\r\n {openSections.Todos &&\r\n (offers.length > 0 || funds.length > 0) &&\r\n (offers.length > 0 && funds.length <= 0 ? (\r\n
\r\n \r\n
\r\n ))}\r\n {openSections.Bonos && bonds.length > 0 && (\r\n Perfil inversor
\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
\r\n \r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapperCol\":\"InvestorProfile_wrapperCol_2zAx1\",\"title\":\"InvestorProfile_title_26s5r\",\"container\":\"InvestorProfile_container_10vMN\",\"icon\":\"InvestorProfile_icon_3SPgk\",\"orangeButton\":\"InvestorProfile_orangeButton_UgAk3\",\"blueButton\":\"InvestorProfile_blueButton_1ZLUL\"};","import React, {Fragment, Text}from \"react\";\r\nimport style from \"./BadgeIcon.scss\";\r\n\r\n// This component has to be placed inside a container with \"position:relative\"\r\n// Inside this container must be the icon logo and this BadgeIcon component.\r\n\r\nconst BadgeIcon = ({ count }) => {\r\n return (\r\n tú perfil de inversionista es
\r\n {profileRiskString[personInfo.PersonProfileRiskName]}
\r\n {profileRiskDescriptionString[personInfo.PersonProfileRiskName]}
\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
\r\n {count}\r\n
\r\n );\r\n};\r\n\r\nexport default BadgeIcon;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"circle\":\"BadgeIcon_circle_YStpz\"};","import React from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { getTexts } from \"../../../reducers/selectors\";\r\n\r\nimport style from \"./Footer.scss\";\r\n\r\nexport const Footer = () => {\r\n const texts = useSelector(getTexts);\r\n\r\n return (\r\n \r\n ![\"logo\"](\"/img/logo-blanco.png\")
\r\n\r\n \r\n
\r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"footer\":\"Footer_footer_Xmle1\",\"logoButton\":\"Footer_logoButton_PAih8\",\"text\":\"Footer_text_gGr7v\"};","import React, { Fragment, useState, useEffect } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { FormattedNumber, formattedNumber } from \"../../FormattedNumber/FormattedNumber\";\r\nimport { CircularProgress } from \"../../UI/CircularProgress/CircularProgress\";\r\nimport moment from \"moment\";\r\nimport { showToast } from \"../../../utils/helper\";\r\nimport ReactEcharts from \"echarts-for-react\";\r\nimport { getCurrentAccount, getTexts } from \"../../../reducers/selectors\";\r\nimport { getFutureIncome } from \"../../../services/api/accounts\";\r\nimport { Row, Col } from \"../../UI/Customstrap/Customstrap\";\r\nimport { TitleLabel } from \"../../UI/TitleLabel/TitleLabel\";\r\nimport { RadioButton, RadioButtonGroup } from \"../../UI/RadioButton/RadioButton\";\r\nimport GenericButton from \"../../UI/Button/Button\";\r\nimport { fetchGetPortfolio, getClientPositionDigital } from \"../../../services/api/accounts\";\r\nimport confirmIcon from \"../../../../public/svg/ButtonIcons/right-arrow.svg\";\r\nimport { Table, Label } from \"reactstrap\";\r\n\r\nimport style from \"./FutureIncomeComponent.scss\";\r\nimport { Warning } from \"../../Warning/Warning\";\r\nimport { Container } from \"../../UI/Container/Container\";\r\nimport { Future } from \"bx-react-ui/src/components/Modal/Order/Form\";\r\nimport FutureButton from \"../../UI/Button/FutureButton\";\r\n\r\nconst allowedCurrencies = {\r\n ALL: \"ALL\",\r\n PYG: \"PYG\",\r\n USD: \"USD\",\r\n};\r\n\r\nconst FutureIncomeComponent = ({ title }) => {\r\n const [currentFilter, setCurrentFilter] = useState(\"month\");\r\n const [loading, setLoading] = useState(true);\r\n const [tableFilter, setTableFilter] = useState({\r\n desde: moment().valueOf(),\r\n hasta: moment().add(1, \"months\").valueOf(),\r\n });\r\n const [toggleButton, setToggleButton] = useState(false);\r\n const [futureIncome, setFutureIncome] = useState([]);\r\n const currentAccount = useSelector(getCurrentAccount);\r\n const texts = useSelector(getTexts);\r\n const [currency, setCurrency] = useState(\"USD\");\r\n const [activeCurrency, setActiveCurrency] = useState(allowedCurrencies.ALL);\r\n const [portfolioDate, setPortfolioDate] = useState(new Date().toISOString().slice(0, 10));\r\n const [portfolio, setPortfolio] = useState(null);\r\n const [loadingPosition, setLoadingPosition] = useState(true);\r\n const [activePortfolio, setActivePortfolio] = useState(null);\r\n const [estimatedTotalReturn, setEstimatedTotalReturn] = useState();\r\n\r\n const handleChangeFilter = (filterType) => {\r\n const newFilter = {\r\n desde: moment().valueOf(),\r\n };\r\n\r\n switch (filterType) {\r\n case \"month\":\r\n newFilter.hasta = moment().add(1, \"month\").valueOf();\r\n break;\r\n case \"threeMonth\":\r\n newFilter.hasta = moment().add(3, \"month\").valueOf();\r\n break;\r\n case \"sixMonth\":\r\n newFilter.hasta = moment().add(6, \"month\").valueOf();\r\n break;\r\n case \"year\":\r\n newFilter.hasta = moment().add(1, \"year\").valueOf();\r\n break;\r\n }\r\n\r\n setTableFilter(newFilter);\r\n };\r\n\r\n const toggleModal = (type, doUpdateDeposits = false) => {\r\n setIOModal((prevState) => {\r\n return {\r\n open: !prevState.open,\r\n type,\r\n };\r\n });\r\n if (doUpdateDeposits) updateDeposits();\r\n };\r\n\r\n const toggleFilterType = (filterType) => {\r\n setCurrentFilter(filterType);\r\n };\r\n\r\n const FilterButton = ({ label, active, onClick }) => (\r\n \r\n\r\n \r\n {texts.notes.footer_line_1}
\r\n{texts.notes.footer_line_2}
\r\n \r\n\r\n {label}\r\n
\r\n );\r\n\r\n const handleActiveCurrency = (name) => {\r\n setActiveCurrency(allowedCurrencies[name]);\r\n };\r\n\r\n useEffect(() => {\r\n handleChangeFilter(currentFilter);\r\n }, [currentFilter]);\r\n\r\n useEffect(() => {\r\n let estimatedTotal = 0;\r\n setLoading(() => true);\r\n if (currentAccount.AccountNumber) {\r\n getFutureIncome({\r\n cuenta: currentAccount.AccountNumber,\r\n from: tableFilter.desde,\r\n to: tableFilter.hasta,\r\n })\r\n .then(({ response }) => {\r\n const newFutureIncome = response.cashFlow.filter((item) =>\r\n activeCurrency === \"ALL\" ? true : item.currencyISO === activeCurrency\r\n );\r\n setFutureIncome(newFutureIncome);\r\n newFutureIncome.map((iterator) => {\r\n estimatedTotal += activeCurrency === \"PYG\" ? +iterator.total : +iterator.totalUSD;\r\n });\r\n setEstimatedTotalReturn(estimatedTotal);\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n showToast(\"Error obteniendo ingresos futuros\", true);\r\n })\r\n .finally(() => setLoading(() => false));\r\n }\r\n }, [currentAccount, tableFilter, activeCurrency]);\r\n\r\n useEffect(() => {\r\n if (!loadingPosition) setLoadingPosition(() => true);\r\n if (currentAccount.AccountNumber) {\r\n fetchGetPortfolio(currentAccount.AccountNumber, portfolioDate)\r\n .then(({ response }) => {\r\n setPortfolio(response);\r\n })\r\n .catch((err) => console.error(err));\r\n setLoadingPosition(false);\r\n }\r\n if (currentAccount.noAccounts) {\r\n setLoadingPosition(false);\r\n }\r\n }, [currentAccount, portfolioDate]);\r\n\r\n //if (!loadingPosition) return \r\n Cambio actual:\r\n {`Gs ${formattedNumber(portfolio.currencypairprice.rawprice, 0, 0)}`}\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
\r\n \r\n \r\n {\r\n
\r\n }\r\n \r\n
\r\n }\r\n {\r\n \r\n {activeCurrency === \"PYG\" ? \"PYG\" : \"USD\"}\r\n
\r\n }\r\n Próximos movimientos
\r\n \r\n \r\n \r\n
\r\n
\r\n | Fecha | \r\n\r\n Tipo\r\n | \r\nInstrumento | \r\n{`Monto ${\r\n activeCurrency === \"PYG\" ? \"Gs\" : \"USD\"\r\n }`} | \r\n{`Monto acumulado ${\r\n activeCurrency === \"PYG\" ? \"Gs\" : \"USD\"\r\n }`} | \r\n
|---|---|---|---|---|
| \r\n | \r\n ||||
| \r\n No hay futuros ingresos para los filtros seleccionados\r\n | \r\n
| Fecha | \r\n //\r\n // Concepto\r\n // | \r\n //Instrumento | \r\n //{`Monto ${currency === \"PYG\" ? \"Gs\" : \"USD\"}`} | \r\n //{`Monto acumulado ${\r\n // currency === \"PYG\" ? \"Gs\" : \"USD\"\r\n // }`} | \r\n //
|---|---|---|---|---|
| \r\n // | \r\n // ||||
| \r\n // No hay futuros ingresos para los filtros seleccionados\r\n // | \r\n //
\r\n {data && (\r\n
\r\n );\r\n};\r\n\r\nconst options = ({ values, labels }) => ({\r\n color: [\"#27272A\"],\r\n grid: {\r\n top: 20,\r\n bottom: 30,\r\n left: 60,\r\n right: 40,\r\n },\r\n tooltip: {\r\n trigger: \"axis\",\r\n formatter: function (params) {\r\n return formattedNumber(params[0].value);\r\n },\r\n },\r\n xAxis: [\r\n {\r\n type: \"category\",\r\n data: labels,\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: \"value\",\r\n boundaryGap: [0, \"100%\"],\r\n splitLine: {\r\n show: true,\r\n },\r\n axisLabel: {\r\n formatter: function (params) {\r\n if (params.toString().length > 6) {\r\n return parseFloat((params / 1e6).toFixed(2)) + \" M\";\r\n } else return formattedNumber(params);\r\n },\r\n },\r\n },\r\n ],\r\n\r\n series: [\r\n {\r\n type: \"bar\",\r\n showSymbol: true,\r\n barWidth: \"90%\",\r\n hoverAnimation: true,\r\n data: values,\r\n height: \"100%\",\r\n itemStyle: {\r\n borderRadius: [5, 5, 0, 0],\r\n },\r\n },\r\n ],\r\n});\r\n\r\nexport default FutureIncomeComponent;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapperCol\":\"FutureIncomeComponent_wrapperCol_1v98l\",\"buttonRow\":\"FutureIncomeComponent_buttonRow_kT_qY\",\"button\":\"FutureIncomeComponent_button_1ob2t\",\"activeButton\":\"FutureIncomeComponent_activeButton_2ZmUJ\",\"tableRow\":\"FutureIncomeComponent_tableRow_1vho1\",\"toggleButtonRow\":\"FutureIncomeComponent_toggleButtonRow_1Yo-4\",\"toggleButton\":\"FutureIncomeComponent_toggleButton_1-IMH\",\"toggleButtonActive\":\"FutureIncomeComponent_toggleButtonActive_144_o\",\"table\":\"FutureIncomeComponent_table_2z-mB\",\"tableHead\":\"FutureIncomeComponent_tableHead_AuVVi\",\"tableH\":\"FutureIncomeComponent_tableH_3MRZa\",\"tableBody\":\"FutureIncomeComponent_tableBody_16Fb6\",\"futureIncomeRow\":\"FutureIncomeComponent_futureIncomeRow_jV6OQ\",\"circularProgressRow\":\"FutureIncomeComponent_circularProgressRow_2b1Ip\",\"warning\":\"FutureIncomeComponent_warning_1KW2_\",\"scrollableTable\":\"FutureIncomeComponent_scrollableTable_3YztA\",\"tableTitle\":\"FutureIncomeComponent_tableTitle_CQ1jj\",\"md\":\"FutureIncomeComponent_md_1Zt-z\",\"title\":\"FutureIncomeComponent_title_MjqMQ\",\"sm\":\"FutureIncomeComponent_sm_2Wnz7\",\"chartWrapper\":\"FutureIncomeComponent_chartWrapper_1V6e0\",\"headerTitle\":\"FutureIncomeComponent_headerTitle_38UIK\",\"container\":\"FutureIncomeComponent_container_1PjHf\",\"containerRow\":\"FutureIncomeComponent_containerRow_ITAwl\",\"tableMargin\":\"FutureIncomeComponent_tableMargin_Ye_5z\",\"chartRow\":\"FutureIncomeComponent_chartRow_35LHY\",\"chartRowSub\":\"FutureIncomeComponent_chartRowSub_1Mbng\",\"ColumnLineStyleFutureIncome\":\"FutureIncomeComponent_ColumnLineStyleFutureIncome_2Rxz1\",\"rowBeginning\":\"FutureIncomeComponent_rowBeginning_2F4CV\",\"colCambioActual\":\"FutureIncomeComponent_colCambioActual_12ime\",\"fx\":\"FutureIncomeComponent_fx_3KMgX\",\"divChartWrapper\":\"FutureIncomeComponent_divChartWrapper_3Ruau\",\"expectedIncomeTitle\":\"FutureIncomeComponent_expectedIncomeTitle_3pEf0\",\"expectedIncomeValue\":\"FutureIncomeComponent_expectedIncomeValue_3C2OR\",\"expectedIncomeValueISO\":\"FutureIncomeComponent_expectedIncomeValueISO_d_Qpx\",\"titleInfo\":\"FutureIncomeComponent_titleInfo_Xc4dH\",\"fxLabel\":\"FutureIncomeComponent_fxLabel_1C3Ei\",\"RowStretch\":\"FutureIncomeComponent_RowStretch_14MPn\",\"expectedIncomeValueAlign\":\"FutureIncomeComponent_expectedIncomeValueAlign_e9ISy\"};","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport {\r\n Nav,\r\n NavbarToggler,\r\n Badge,\r\n Dropdown,\r\n DropdownToggle,\r\n DropdownMenu,\r\n DropdownItem,\r\n Label,\r\n} from \"reactstrap\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { useIdleTimer } from \"react-idle-timer\";\r\nimport MediaQuery from \"react-responsive\";\r\nimport { EnvironmentSign } from \"bx-react-ui\";\r\nimport { CircularProgress } from \"../../UI/CircularProgress/CircularProgress\";\r\nimport { Prompt } from \"react-router-dom\";\r\n\r\nimport { getUserContext, getAuth, getSession } from \"../../../reducers/selectors\";\r\nimport { UserSelector } from \"../../UserSelector/UserSelector\";\r\nimport { signOut } from \"../../../actions/auth\";\r\nimport menuLine from \"../../../../public/svg/menu.svg\";\r\nimport GenericButton from \"../../UI/Button/Button\";\r\nimport { Help } from \"../../Help/Help\";\r\n\r\nimport style from \"./Header.scss\";\r\nimport { useInterval } from \"bx-react-ui/src/utils/hooks\";\r\nimport { getPersonInfo } from \"../../../services/api/person\";\r\n\r\nconst environmentName = window.___APP_CONFIG___.ENV_NAME ? window.___APP_CONFIG___.ENV_NAME : \"TESTING\";\r\n\r\nexport const Header = ({ AccountJSON, actions, title }) => {\r\n const userSession = getSession();\r\n const username = userSession ? userSession.Username : null;\r\n\r\n const isProdEnv = userSession ? userSession.IsProductionEnv : true;\r\n const isTestingUser = userSession && userSession.IsTestingUser ? userSession.IsTestingUser : false;\r\n\r\n const showEnvironmentSign = !isProdEnv || isTestingUser;\r\n const environmentSignText = isProdEnv ? \"PRODUCTION\" : environmentName;\r\n const environmentSignColor = isProdEnv ? \"red\" : \"#34784B\";\r\n const dispatch = useDispatch();\r\n\r\n const context = useSelector(getUserContext);\r\n const [idleTimeout, setIdleTimeout] = useState(1);\r\n const [showHelp, setShowHelp] = useState(false);\r\n const [isAppMobile, setIsAppMobile] = useState(false);\r\n\r\n useEffect(() => {\r\n if (context !== null) {\r\n if (Object.keys(context)) {\r\n setIsAppMobile(window.___APP_CONFIG___.APP_MOBILE);\r\n setIdleTimeout(context.session.MaxIdleSessionTime);\r\n }\r\n }\r\n }, [context]);\r\n\r\n useEffect(() => {\r\n setIsAppMobile(window.___APP_CONFIG___.APP_MOBILE);\r\n }, []);\r\n\r\n // Don't delete - it controls the idle timer to logout session automatically\r\n const logoutTimer = useIdleTimer({\r\n timeout: idleTimeout * 60 * 1000,\r\n crossTab: true,\r\n syncTimers: 200,\r\n name: \"logout-timer\",\r\n onIdle: () => {\r\n dispatch(signOut());\r\n window.location.reload();\r\n },\r\n });\r\n\r\n useInterval(() => {\r\n if (isAppMobile) {\r\n logoutTimer.activate();\r\n getPersonInfo();\r\n }\r\n }, [idleTimeout * 60 * 1000 - 5000]);\r\n\r\n const mobileSidebarToggle = (e) => {\r\n e.preventDefault();\r\n document.body.classList.toggle(\"sidebar-mobile-show\");\r\n };\r\n\r\n const toggleShowHelp = () => {\r\n setShowHelp((stateHelp) => !stateHelp);\r\n };\r\n\r\n return (\r\n ![\"Logo\"](\"./svg/SideBarIcons/full-logo-home-white.svg\"){kind=logo}
\r\n {/* */}\r\n \r\n
\r\n \r\n Notificaciones\r\n \r\n {loading ? (\r\n
\r\n \r\n ) : null\r\n )}\r\n
\r\n No hay notificaciones
\r\n )}\r\n {items &&\r\n items.map((item, i) =>\r\n i < 5 ? (\r\n \r\n {item}\r\n\r\n \r\n ) : null\r\n )}\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n const auth = getAuth(state);\r\n return {\r\n auth,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch, props) => {\r\n let actions = {\r\n auth: bindActionCreators(\r\n {\r\n signOut,\r\n },\r\n dispatch\r\n ),\r\n };\r\n\r\n return { actions, dispatch };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(MainLayout);\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Col, Row, DropdownToggle, DropdownMenu, DropdownItem, Dropdown, Label } from \"reactstrap\";\r\nimport { getMonthsPositionReport, getAccountStatement } from \"../../../services/api/accounts\";\r\nimport { useSelector } from \"react-redux\";\r\nimport style from \"./MonthlyStateComponent.scss\";\r\nimport { getCurrentAccount, getTexts } from \"../../../reducers/selectors\";\r\nimport pdfSvg from \"../../../../public/svg/pdf.svg\";\r\nimport { Warning } from \"../../Warning/Warning\";\r\nimport { showToast } from \"../../../utils/helper\";\r\nimport GenericButton from \"../../UI/Button/Button\";\r\nimport { Safearea } from \"../../UI/Safearea/Safearea\";\r\n\r\nexport const MonthlyStateComponent = ({ title }) => {\r\n const date = new Date();\r\n const [pdf, getPdf] = useState();\r\n const year = date.getFullYear();\r\n const [userDropdownIsOpen, setUserDropdownIsOpen] = useState(false);\r\n const [currentFilter, setCurrentFilter] = useState(\"Cargando...\");\r\n\r\n const [loading, setLoading] = useState(false);\r\n const [months, setMonths] = useState([]);\r\n const currentAccount = useSelector(getCurrentAccount);\r\n const texts = useSelector(getTexts);\r\n\r\n const MONTHS_NUMBERS = {\r\n ENERO: 0,\r\n FEBRERO: 1,\r\n MARZO: 2,\r\n ABRIL: 3,\r\n MAYO: 4,\r\n JUNIO: 5,\r\n JULIO: 6,\r\n AGOSTO: 7,\r\n SETIEMBRE: 8,\r\n SEPTIEMBRE: 8,\r\n OCTUBRE: 9,\r\n NOVIEMBRE: 10,\r\n DICIEMBRE: 11,\r\n };\r\n\r\n const toggleUserDropdown = () => {\r\n setUserDropdownIsOpen((prevState) => !prevState);\r\n };\r\n\r\n const toggleFilterType = (filterType) => {\r\n if (currentFilter === filterType) setCurrentFilter();\r\n else setCurrentFilter(filterType);\r\n };\r\n\r\n useEffect(() => {\r\n if (currentAccount.id) {\r\n setLoading(true);\r\n getMonthsPositionReport({ AccountId: currentAccount.id })\r\n .then(({ response }) => {\r\n if (response.months) {\r\n // Only shows position reports from account starting date\r\n const filteredMonths = response.months.filter((monthsItem) => {\r\n const splitMonthsItem = monthsItem.split(\" \");\r\n const year = +splitMonthsItem[1];\r\n const month = MONTHS_NUMBERS[splitMonthsItem[0].toUpperCase()];\r\n const monthsItemDate = new Date(year, month + 1, 0);\r\n\r\n return monthsItemDate > new Date(response.firstpossibledate);\r\n });\r\n\r\n // Orders position reports by date\r\n const newMonths = filteredMonths.sort((a, b) => {\r\n const splitA = a.split(\" \");\r\n const splitB = b.split(\" \");\r\n const aYear = +splitA[1];\r\n const aMonth = MONTHS_NUMBERS[splitA[0].toUpperCase()];\r\n const bYear = +splitB[1];\r\n const bMonth = MONTHS_NUMBERS[splitB[0].toUpperCase()];\r\n\r\n if (new Date(aYear, aMonth) > new Date(bYear, bMonth)) return -1;\r\n return 1;\r\n });\r\n\r\n setMonths(newMonths);\r\n setCurrentFilter(newMonths[0]);\r\n }\r\n })\r\n .catch((err) => console.error(err))\r\n .finally(() => setLoading(false));\r\n }\r\n }, [currentAccount]);\r\n\r\n const bateToBlob = (b64Data) => {\r\n const byteCharacters = atob(b64Data);\r\n const contentType = \"application/pdf\";\r\n const sliceSize = 512;\r\n const byteArrays = [];\r\n\r\n for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {\r\n const slice = byteCharacters.slice(offset, offset + sliceSize);\r\n\r\n const byteNumbers = new Array(slice.length);\r\n for (let i = 0; i < slice.length; i++) {\r\n byteNumbers[i] = slice.charCodeAt(i);\r\n }\r\n\r\n const byteArray = new Uint8Array(byteNumbers);\r\n byteArrays.push(byteArray);\r\n }\r\n\r\n const blob = new Blob(byteArrays, { type: contentType });\r\n return blob;\r\n };\r\n\r\n const handleClick = (report) => {\r\n // Get pdf link\r\n const MonthYear = report.split(\" \");\r\n const newFilter = MonthYear[0] + \" \" + MonthYear[1];\r\n setCurrentFilter(newFilter);\r\n getAccountStatement(currentAccount.AccountNumber, MonthYear[0], MonthYear[1]).then(({ response }) => {\r\n if (response.fileData.length > 0) {\r\n const blobFile = bateToBlob(response.fileData);\r\n // toggleModal(report, URL.createObjectURL(blobFile));\r\n\r\n var a = document.createElement(\"A\");\r\n // a.href = `data:application/octet-stream;base64,${blobFile}`;\r\n a.href = URL.createObjectURL(blobFile);\r\n a.download = `${MonthYear[0]}-${MonthYear[1]}.pdf`;\r\n document.body.appendChild(a);\r\n a.click();\r\n document.body.removeChild(a);\r\n } else {\r\n showToast(\"No hay estado de cuenta para el mes indicado\", true);\r\n }\r\n });\r\n };\r\n\r\n if (currentAccount.noAccounts)\r\n return (\r\n \r\n \r\n {/* {props.children} \r\n \r\n {/* */} \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n {months.length > 0 ? (\r\n months.map((month) => Sin Resultados \r\n )}\r\n
\r\n
\r\n {/* \r\n
{currentFilter}
\r\nVer estado de cuenta:
\r\n{currentFilter}
\r\n\r\n \r\n onClick(reportDate)}\r\n right\r\n rounded\r\n label={\"Descargar PDF\"}\r\n padding={\"8px 12px\"}\r\n iconSvg={[{ width: \"20px\", item: \" ../../svg/ButtonIcons/download.svg\" }]}\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 \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {\r\n toggleShowProfileAnswers();\r\n // No permitir la navegación hacia atrás\r\n return false;\r\n }}\r\n />\r\n {\r\n toggleShowRedoTest();\r\n // No permitir la navegación hacia atrás\r\n return false;\r\n }}\r\n />\r\n {showProfileAnswers &&
\r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"subAssetClassDisplay\":\"MyData_subAssetClassDisplay_sm6J7\",\"titleWrapper\":\"MyData_titleWrapper_3B7FW\",\"titleProfile\":\"MyData_titleProfile_3NCY1\",\"iconWrapper\":\"MyData_iconWrapper_HTXoR\",\"iconArrow\":\"MyData_iconArrow_2xPb4\",\"boxPersonalData\":\"MyData_boxPersonalData_3apJe\",\"buttonPersonalData\":\"MyData_buttonPersonalData_3Cl8_\",\"changeAccount\":\"MyData_changeAccount_XXwv4\",\"dropdown\":\"MyData_dropdown_ZeJ-J\",\"accountItem\":\"MyData_accountItem_1FhYN\",\"greenDot\":\"MyData_greenDot_1MZhc\",\"userSelector\":\"MyData_userSelector_2--FR\",\"dropDownMenu\":\"MyData_dropDownMenu_1hEjv\",\"personName\":\"MyData_personName_3CBP5\",\"account\":\"MyData_account_3rOxK\",\"colProfile\":\"MyData_colProfile_3wUkB\",\"boxProfile\":\"MyData_boxProfile_1fVzd\",\"title\":\"MyData_title_3ObaK\",\"profileType\":\"MyData_profileType_3sz8C\",\"icon\":\"MyData_icon_39eIE\",\"textProfile\":\"MyData_textProfile_3jIuN\",\"profileButtons\":\"MyData_profileButtons_1FaQ9\",\"wrapperData\":\"MyData_wrapperData_32mwG\",\"boxData\":\"MyData_boxData_2RdJ2\",\"data\":\"MyData_data_12yf3\",\"dataTitle\":\"MyData_dataTitle_1TJbm\",\"divider\":\"MyData_divider_3KQ7l\",\"info\":\"MyData_info_2gfiD\",\"table\":\"MyData_table_3Y9o_\",\"wrapperCol\":\"MyData_wrapperCol_31O01\"};","import React, { useState, Fragment } from \"react\";\r\nimport { Table, Label } from \"reactstrap\";\r\nimport { useSelector } from \"react-redux\";\r\nimport style from \"./OrdersComponent.scss\";\r\nimport pdf from \"../../../../public/svg/downloadPdf.svg\";\r\nimport { Warning } from \"../../Warning/Warning\";\r\nimport { getOrders } from \"../../../services/api/inout\";\r\nimport { fetchInProcesOrderPDF } from \"../../../services/api/accounts\";\r\nimport { useEffect } from \"react\";\r\nimport { getCurrentAccount, getTexts } from \"../../../reducers/selectors\";\r\nimport { showToast } from \"../../../utils/helper\";\r\nimport { CircularProgress } from \"../../UI/CircularProgress/CircularProgress\";\r\nimport { Container } from \"../../UI/Container/Container\";\r\nimport { Col, Row } from \"../../UI/Customstrap/Customstrap\";\r\nimport moment from \"moment\";\r\nimport { FormattedNumber } from \"../../FormattedNumber/FormattedNumber\";\r\n\r\nconst OrdersComponent = () => {\r\n const currentAccount = useSelector(getCurrentAccount);\r\n const [loading, setLoading] = useState(true);\r\n const [orders, setOrders] = useState([]);\r\n const texts = useSelector(getTexts);\r\n\r\n useEffect(() => {\r\n setLoading(() => true);\r\n getOrders({ accountNumber: currentAccount.AccountNumber })\r\n .then(({ response }) => {\r\n setOrders(response.orders);\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n showToast(\"Error obteniendo ordenes en proceso\", true);\r\n })\r\n .finally(() => {\r\n setLoading(() => false);\r\n });\r\n }, [currentAccount]);\r\n\r\n const handleDownload = (item) => {\r\n setLoading(() => true);\r\n fetchInProcesOrderPDF({\r\n orderId: item.OrderId,\r\n accountId: currentAccount.id,\r\n })\r\n .then(({ response }) => {\r\n if (response.result.Code !== 200) {\r\n showToast(\"Error obteniendo pdf del servidor\", true);\r\n } else {\r\n var a = document.createElement(\"A\");\r\n a.href = `data:application/octet-stream;base64,${response.blobfile}`;\r\n a.download = `${moment(item.OrderInitDate).format(\"DD-MM-YY\")}-${item.OrderId}.pdf`;\r\n document.body.appendChild(a);\r\n a.click();\r\n document.body.removeChild(a);\r\n }\r\n })\r\n .catch((err) => console.error(err))\r\n .finally(() => {\r\n setLoading(() => false);\r\n });\r\n };\r\n\r\n if (loading) return \r\n
\r\n {`${personInfo.PhysicalPersonFirstName} ${personInfo.PhysicalPersonFirstLastName}`}\r\n
\r\n Cuenta {currentAccount.AccountNumber}
\r\n\r\n {\r\n dispatch(signOut());\r\n sessionStorage.clear();\r\n window.location.reload();\r\n }}\r\n iconSvg={[{ width: \"20px\", item: closeSessionIcon }]}\r\n >\r\n
\r\n \r\n {\r\n setUserDropdownIsOpen(!userDropdownIsOpen);\r\n }}\r\n >\r\n \r\n \r\n {userSelectorData()} \r\n \r\n \r\n
\r\n \r\n
\r\n Perfil del inversor
\r\n\r\n
\r\n \r\n Perfil {profileRiskString[personInfo.PersonProfileRiskName]}\r\n
\r\n\r\n {profileRiskDescriptionString[personInfo.PersonProfileRiskName]}\r\n
\r\n \r\n \r\n \r\n
\r\n Mis datos
\r\n\r\n
\r\n \r\n
\r\n Datos personales
\r\n \r\n \r\n Nombre y apellido: \r\n {`${personInfo.PhysicalPersonFirstName} ${personInfo.PhysicalPersonSecondName} ${personInfo.PhysicalPersonFirstLastName} ${personInfo.PhysicalPersonSecondLastName}`}\r\n
\r\n\r\n Celular: \r\n {mobilePhone.PhoneNumber}\r\n
\r\n\r\n Correo electrónico: \r\n {personInfo.PhysicalPersonEmail}\r\n
\r\n\r\n Dirección: \r\n {`${legalAddress.LegalAddressStreet} ${legalAddress.LegalAddressNumber}, ${legalAddress.LegalAddressCityName}`}\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n Documento
\r\n \r\n | \r\n Tipo de documento: \r\n {personDocument.PhysicalPersonDocumentTypeName}\r\n | \r\n\r\n Número de documento: \r\n {personDocument.PhysicalPersonDocumentNumber}\r\n | \r\n
| \r\n Género: \r\n {genderString[personInfo.PhysicalPersonGender]}\r\n | \r\n\r\n Estado civil: \r\n {civilStatusString[personInfo.PhysicalPersonCivilStatus]}\r\n | \r\n
| \r\n Fecha de nacimiento: \r\n {moment(personInfo.PhysicalPersonDateOfBirth).format(\"DD/MM/YYYY\")}\r\n | \r\n\r\n Lugar de nacimiento: \r\n {`${personInfo.PhysicalPersonCityOfBirthName}`}\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n Ocupación
\r\n \r\n | \r\n Ocupación: \r\n {personInfo.PersonProfessionName}\r\n | \r\n\r\n Ciudad (laboral): \r\n {legalAddress.LegalAddressCityName}\r\n | \r\n
| \r\n Nombre de la empresa: \r\n {personInfo.PhysicalPersonInstitution}\r\n | \r\n\r\n Actividad del negocio: \r\n {personInfo.PersonActivitySectorName}\r\n | \r\n
No hay órdenes disponibles.
;\r\n };\r\n\r\n if (loading) return \r\n \r\n \r\n
\r\n
\r\n )}\r\n | Fecha | \r\nProducto | \r\nTipo | \r\nInstrumento | \r\nMonto total a operar | \r\nMoneda | \r\n{\" \"} | \r\n
|---|---|---|---|---|---|---|
| {moment(item.OrderInitDate).format(\"DD MMM YYYY\")} | \r\n{formString[item.AssetClassForm]} | \r\n{side} | \r\n{description} | \r\n\r\n {ammount == 0 ? (\r\n \"-\"\r\n ) : (\r\n | \r\n {currency} | \r\n\r\n | \r\n
\r\n )}\r\n
- {navList(item.children)}
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n mobileSidebarToggle(e);\r\n }}\r\n >\r\n 
\r\n \r\n \r\n\r\n {/* ![\"Logo\"](\"/svg/SideBarIcons/logo-home.svg\")
\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
\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
\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 \r\n
\r\n
\r\n
\r\n {/* */}\r\n \r\n
\r\n \r\n
\r\n\r\n {/* */}\r\n Revisá el siguiente documento:
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {contract && contract.LegalContractAttachmentName\r\n ? `${contract.LegalContractAttachmentName}.${contract.LegalContractAttachmentExtension}`\r\n : \"No hay contratos disponibles.\"}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {checked ? (\r\n
\r\n\r\n {loading ? (\r\n \r\n He leído, comprendido y acepto los términos y condiciones del documento que acabo de leer\r\n
\r\n\r\n \r\n \r\n {\r\n toggle();\r\n }}\r\n />\r\n \r\n \r\n {authItem && order && (\r\n \r\n {`${order.AssetTicker.trim()} - ${order.AssetDescription.trim()} `}\r\n\r\n \r\n )}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Autorización
\r\nNueva orden - pedido de autorización de orden - pendiente
\r\nLado de la orden
\r\n{order.OrderSide === \"Buy\" ? \"Compra \" : \"Venta \"}
\r\n\r\nDescripción de los valores
\r\nValor nominal
\r\n\r\n {order.ammount === 0 ? (\r\n \"-\"\r\n ) : (\r\n
Precio
\r\n{order.ammountString}
\r\n\r\nISIN
\r\n{order.AssetISIN}
\r\n\r\nCuenta
\r\n{order.CurrentAccount.AccountNumber}
\r\n\r\nFecha de la orden
\r\n{moment(authItem.dateTime).format(\"DD/MM/YYYY\")}
\r\n\r\n 
handleDownload(order)} />\r\n {\r\n onReject(authItem);\r\n toggle();\r\n }}\r\n >\r\n rechazar\r\n \r\n {\r\n onAuthorize(authItem);\r\n toggle();\r\n }}\r\n >\r\n autorizar\r\n \r\n
\r\n \r\n
\r\n *De no completarse se considera válida por 30 días corridos
\r\nDisclaimer
\r\nDejo constancia que recibo copia de las presentes instrucciones.
\r\n\r\n
\r\n \r\n \r\n
\r\n Inversión realizada con éxito
\r\n\r\n
\r\n {getAssetClassName(item.AssetClassForm)}
\r\n {item.AssetName}
\r\n\r\n \r\n
\r\n
\r\n total debitado
\r\n \r\n
\r\n \r\n estado de la transacción
\r\n en proceso
\r\n \r\n fecha
\r\n {moment().format(\"DD/MM/YYYY\")}
\r\n \r\n número de la operación
\r\n {trade.TradeId}
\r\n \r\n \r\n \r\n {`${trade.activeAccount.PersonBankAccountName} nº${trade.activeAccount.PersonBankAccountNumber}`}
\r\n \r\n \r\n número de la operación
\r\n {trade.TradeId}
\r\n \r\n tipo de inversión
\r\n \r\n {item.AssetInformation.AssetOfferType === \"Private\" ? \"Privado\" : null}\r\n {item.AssetInformation.AssetOfferType === \"Public\" ? \"Público\" : null}\r\n
\r\n \r\n operación
\r\n compra
\r\n \r\n precio
\r\n \r\n
\r\n \r\n\r\n cantidad
\r\n \r\n
\r\n \r\n rendimiento
\r\n \r\n
\r\n \r\n tasa nominal
\r\n \r\n
\r\n \r\n vencimiento
\r\n \r\n {moment(item.AssetInformation.AssetMaturityDate).format(\"DD/MM/YYYY\")}\r\n
\r\n \r\n\r\n comisión corretaje
\r\n \r\n {`${fields.SettlementCurrency} `}\r\n
\r\n \r\n ISIN
\r\n {item.AssetInformation.AssetTicker}
\r\n \r\n cuenta débito
\r\n \r\n {\r\n window.print();\r\n }}\r\n >\r\n Imprimir\r\n \r\n
\r\n \r\n \r\n \r\n No hay cuentas de banco disponibles en esta moneda o no tienen saldo suficiente para realizar esta\r\n compra.\r\n \r\n
\r\n );\r\n };\r\n\r\n return (\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
\r\n
\r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"subAssetClassDisplay\":\"InvestModal_subAssetClassDisplay_wrqdJ\",\"titleWrapper\":\"InvestModal_titleWrapper_1OYqi\",\"hr\":\"InvestModal_hr_N4e3j\",\"title\":\"InvestModal_title_PSz2p\",\"iconWrapper\":\"InvestModal_iconWrapper_2nJOV\",\"iconArrow\":\"InvestModal_iconArrow_xE-qN\",\"summary\":\"InvestModal_summary_X3LiA\",\"firstCol\":\"InvestModal_firstCol_3xOUy\",\"offerTitle\":\"InvestModal_offerTitle_1XobE\",\"valueContainer\":\"InvestModal_valueContainer_2Mwx5\",\"offerValue\":\"InvestModal_offerValue_15sRL\",\"ISINContainer\":\"InvestModal_ISINContainer_1zC1-\",\"currency\":\"InvestModal_currency_32bD0\",\"secondCol\":\"InvestModal_secondCol_15DAJ\",\"propertyTitle\":\"InvestModal_propertyTitle_2gXUw\",\"propertyValue\":\"InvestModal_propertyValue_2Ebkv\",\"propertyContainer\":\"InvestModal_propertyContainer_1eezN\",\"colFirstStep\":\"InvestModal_colFirstStep_2wAOm\",\"quantityCol\":\"InvestModal_quantityCol_ohVwI\",\"boxStep\":\"InvestModal_boxStep_3LhuT\",\"quantityContainer\":\"InvestModal_quantityContainer_3nQvD\",\"colSubAccount\":\"InvestModal_colSubAccount_3_BjO\",\"numberStep\":\"InvestModal_numberStep_3Lai6\",\"titleStep\":\"InvestModal_titleStep_3wc3h\",\"quantityBox\":\"InvestModal_quantityBox_1F7nU\",\"quantityTitle\":\"InvestModal_quantityTitle_1OW4R\",\"inputBox\":\"InvestModal_inputBox_3tgNz\",\"inputQuantity\":\"InvestModal_inputQuantity_2Q4fM\",\"iconPencil\":\"InvestModal_iconPencil_1d78B\",\"quantityAvailable\":\"InvestModal_quantityAvailable_2ysYS\",\"amountQuantity\":\"InvestModal_amountQuantity_271v9\",\"offerDetails\":\"InvestModal_offerDetails_32cDQ\",\"detailTitle\":\"InvestModal_detailTitle_1kQva\",\"detailValue\":\"InvestModal_detailValue_2LX9Z\",\"boxAccount\":\"InvestModal_boxAccount_2RKfR\",\"accountContainer\":\"InvestModal_accountContainer_2n0Zl\",\"personalAccount\":\"InvestModal_personalAccount_32N76\",\"personalAccountDisable\":\"InvestModal_personalAccountDisable_3xFCi\",\"disabled\":\"InvestModal_disabled_1fp0R\",\"disabledBtn\":\"InvestModal_disabledBtn_1gxPH\",\"accountName\":\"InvestModal_accountName_1saN6\",\"radioButton\":\"InvestModal_radioButton_XLnIB\",\"radioActive\":\"InvestModal_radioActive_3mPuG\",\"accountNumber\":\"InvestModal_accountNumber_2fhCi\",\"totalContainer\":\"InvestModal_totalContainer_2QMqR\",\"totalText\":\"InvestModal_totalText_15QDB\",\"totalAmount\":\"InvestModal_totalAmount_1Lx5G\",\"buttonCol\":\"InvestModal_buttonCol_1I3h6\",\"buttonContainer\":\"InvestModal_buttonContainer_5HAEB\",\"rowFirstStep\":\"InvestModal_rowFirstStep_1vnL8\",\"colAccount\":\"InvestModal_colAccount_DyBPo\",\"confirmBuy\":\"InvestModal_confirmBuy_61M9R\",\"totalAmountContainer\":\"InvestModal_totalAmountContainer_3oY1D\"};","import React, { useState, Fragment } from \"react\";\r\nimport { Col, Row, Button, Container, Modal, ModalBody } from \"reactstrap\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport moment from \"moment\";\r\nimport { CircularProgress } from \"../../UI/CircularProgress/CircularProgress\";\r\n\r\nimport { getSession, getCurrentAccount, getSavedPersonInfo } from \"../../../reducers/selectors\";\r\n\r\nimport style from \"./PersonalDataModal.scss\";\r\n\r\nexport const PersonalDataModal = ({ handleAuthorize }) => {\r\n const personInfo = useSelector(getSavedPersonInfo);\r\n\r\n const [mobilePhone, setMobilePhone] = useState({\r\n PhoneNumber: \"\",\r\n });\r\n const [personDocument, setPersonDocument] = useState({\r\n PhysicalPersonDocumentTypeName: \"\",\r\n PhysicalPersonDocumentNumber: \"\",\r\n });\r\n const [legalAddress, setLegalAddress] = useState({\r\n LegalAddressStreet: \"\",\r\n LegalAddressCityName: \"\",\r\n });\r\n\r\n const genderString = {\r\n N: \"No especificado\",\r\n M: \"Masculino\",\r\n F: \"Femenino\",\r\n };\r\n\r\n const civilStatusString = {\r\n Single: \"Soltero/a\",\r\n Engaged: \"Comprometido/a\",\r\n Married: \"Casado/a\",\r\n Divorced: \"Divorciado/a\",\r\n Widower: \"Viudo/a\",\r\n };\r\n\r\n useEffect(() => {\r\n // actualizar datos de persona\r\n if (personInfo) {\r\n if (personInfo.Phone.length > 0) {\r\n const newMobilePhone = personInfo.Phone.find((phoneItem) => phoneItem.PhoneType === \"Mobile\");\r\n setMobilePhone((prev) => ({\r\n ...prev,\r\n ...newMobilePhone,\r\n }));\r\n }\r\n\r\n if (personInfo.Documents.length > 0) {\r\n const newPersonDocument = personInfo.Documents.find(\r\n (documentItem) => documentItem.PhysicalPersonDocumentIsMain\r\n );\r\n setPersonDocument((prev) => ({\r\n ...prev,\r\n ...newPersonDocument,\r\n }));\r\n }\r\n\r\n if (personInfo.LegalAddress.length > 0) {\r\n const newLegalAddress = personInfo.LegalAddress[0];\r\n setLegalAddress((prev) => ({\r\n ...prev,\r\n ...newLegalAddress,\r\n }));\r\n }\r\n }\r\n }, [personInfo]);\r\n\r\n if (!personInfo) return \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n 1
\r\n ¿Cuánto querés comprar?
\r\n \r\n
\r\n \r\n
\r\n Cantidad
\r\n \r\n
\r\n \r\n
\r\n Cantidad disponible
\r\n {fields.Available}
\r\n \r\n
\r\n \r\n
\r\n Valor
\r\n \r\n
\r\n \r\n
\r\n Arancel operativo
\r\n \r\n
\r\n \r\n
\r\n IVA
\r\n \r\n
\r\n \r\n
\r\n Comisión corretaje
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n 2
\r\n Elegí una cuenta para debitar
\r\n \r\n \r\n \r\n {!bankAccounts.length && !loadingEarnings ? (\r\n \r\n
\r\n \r\n
\r\n \r\n Total a debitar:
\r\n \r\n
\r\n \r\n item.OfferQuantitytoClient}\r\n primary\r\n right\r\n handleClick={onConfirm}\r\n iconSvg={[{ width: \"16px\", item: confirmIcon }]}\r\n >\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {`${personInfo.PhysicalPersonFirstName} ${personInfo.PhysicalPersonFirstLastName}`}\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n Confirmá tus datos
\r\n\r\n {personInfo && (\r\nNombre y Apellido
\r\nGénero
\r\n{genderString[personInfo.PhysicalPersonGender]}
\r\n \r\nFecha de Nacimiento
\r\n\r\n {moment(personInfo.PhysicalPersonDateOfBirth).format(\"DD/MM/YYYY\")}\r\n
\r\n \r\nNacionalidad
\r\n{personInfo.PhysicalPersonNationality}
\r\n \r\nEstado Civil
\r\n{civilStatusString[personInfo.PhysicalPersonCivilStatus]}
\r\n \r\nDirección
\r\n\r\n {`${legalAddress.LegalAddressStreet} ${legalAddress.LegalAddressNumber}, ${legalAddress.LegalAddressCityName}`}\r\n
\r\n \r\nCelular
\r\n{mobilePhone.PhoneNumber}
\r\n \r\nCorreo electrónico
\r\n{personInfo.PhysicalPersonEmail}
\r\n \r\nTipo de documento
\r\n{personDocument.PhysicalPersonDocumentTypeName}
\r\n \r\nNúmero de documento
\r\n{personDocument.PhysicalPersonDocumentNumber}
\r\n \r\nOcupación
\r\n{personInfo.PersonProfessionName}
\r\n \r\nNombre de la empresa
\r\n{personInfo.PhysicalPersonInstitution}
\r\n \r\nCiudad (laboral)
\r\n{legalAddress.LegalAddressCityName}
\r\n \r\nActividad del negocio
\r\n{personInfo.PersonActivitySectorName}
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n {currentAccount.id && (\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n Inicio proceso de venta:\r\n 
\r\n
\r\n {asset.name}\r\n \r\n \r\n
cantidad:
\r\n \r\n \r\n\r\n
{notification.InternalMessageText}
\r\n {notification.InternalMessageAttachmentName && (\r\n \r\n )}\r\n \r\n\r\n
\r\n);\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"emptyWrapper\":\"NotificationsCard_emptyWrapper_1id1U\",\"emptyMessage\":\"NotificationsCard_emptyMessage_2vw7q\",\"wrapperCol\":\"NotificationsCard_wrapperCol_12a5v\",\"title\":\"NotificationsCard_title_3WDMs\"};","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport moment from \"moment\";\r\nimport { Label, Table } from \"reactstrap\";\r\nimport { CircularProgress } from \"../../UI/CircularProgress/CircularProgress\";\r\nimport { Col, Row } from \"../../../components/UI/Customstrap/Customstrap\";\r\nimport { getSavedPersonInfo } from \"../../../reducers/selectors\";\r\nimport GenericButton from \"../../../components/UI/Button/Button\";\r\nimport confirmIcon from \"../../../../public/svg/ButtonIcons/right-arrow.svg\";\r\nimport style from \"./ConfirmDataOnboarding.scss\";\r\nimport { HeaderOnboarding } from \"../HeaderOnboarding/HeaderOnboarding\";\r\nimport { ContractOnboarding } from \"../ContractOnboarding/ContractOnboarding\";\r\n\r\nexport const ConfirmDataOnboarding = ({\r\n activeSidebar,\r\n toggleMobileSidebar,\r\n confirmPersonInfo,\r\n confirmContract,\r\n confirmAccounts,\r\n confirmInvestmentProfile,\r\n}) => {\r\n const [showPep, setShowPep] = useState(false);\r\n const personInfo = useSelector(getSavedPersonInfo);\r\n const [showContract, setShowContract] = useState(false);\r\n const [mobilePhone, setMobilePhone] = useState({\r\n PhoneNumber: \"\",\r\n });\r\n const [personDocument, setPersonDocument] = useState({\r\n PhysicalPersonDocumentTypeName: \"\",\r\n PhysicalPersonDocumentNumber: \"\",\r\n });\r\n const [legalAddress, setLegalAddress] = useState({\r\n LegalAddressStreet: \"\",\r\n LegalAddressCityName: \"\",\r\n });\r\n\r\n const genderString = {\r\n N: \"No especificado\",\r\n M: \"Masculino\",\r\n F: \"Femenino\",\r\n };\r\n\r\n const civilStatusString = {\r\n Single: \"Soltero/a\",\r\n Engaged: \"Comprometido/a\",\r\n Married: \"Casado/a\",\r\n Divorced: \"Divorciado/a\",\r\n Widower: \"Viudo/a\",\r\n };\r\n\r\n useEffect(() => {\r\n // actualizar datos de persona\r\n if (personInfo) {\r\n if (personInfo.Phone.length > 0) {\r\n setMobilePhone((prev) => ({\r\n ...prev,\r\n ...personInfo.Phone[0],\r\n }));\r\n }\r\n\r\n if (personInfo.Documents.length > 0) {\r\n const newPersonDocument = personInfo.Documents.find(\r\n (documentItem) => documentItem.PhysicalPersonDocumentIsMain\r\n );\r\n setPersonDocument((prev) => ({\r\n ...prev,\r\n ...newPersonDocument,\r\n }));\r\n }\r\n\r\n if (personInfo.LegalAddress.length > 0) {\r\n const newLegalAddress = personInfo.LegalAddress[0];\r\n setLegalAddress((prev) => ({\r\n ...prev,\r\n ...newLegalAddress,\r\n }));\r\n }\r\n }\r\n }, [personInfo]);\r\n\r\n const toggleShowContract = () => {\r\n confirmPersonInfo();\r\n setShowContract((stateContract) => !stateContract);\r\n };\r\n\r\n if (!personInfo) return No hay notificaciones
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n {showContract && (\r\n
\r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"containerData\":\"ConfirmDataOnboarding_containerData_1zlso\",\"noContainer\":\"ConfirmDataOnboarding_noContainer_1T_oI\",\"headerTitle\":\"ConfirmDataOnboarding_headerTitle_3bO5l\",\"dataRow\":\"ConfirmDataOnboarding_dataRow_3oMNr\",\"dataCol\":\"ConfirmDataOnboarding_dataCol_1n6mx\",\"boxData\":\"ConfirmDataOnboarding_boxData_3AIVd\",\"data\":\"ConfirmDataOnboarding_data_2fUU-\",\"dataTitle\":\"ConfirmDataOnboarding_dataTitle_3WyBg\",\"divider\":\"ConfirmDataOnboarding_divider_g5N_v\",\"table\":\"ConfirmDataOnboarding_table_1jc9X\",\"column\":\"ConfirmDataOnboarding_column_1Cs9a\",\"buttonContainer\":\"ConfirmDataOnboarding_buttonContainer_27AR8\"};","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport { Label, Button } from \"reactstrap\";\r\nimport { CircularProgress } from \"../../UI/CircularProgress/CircularProgress\";\r\nimport { Col, Row } from \"../../../components/UI/Customstrap/Customstrap\";\r\nimport GenericButton from \"../../../components/UI/Button/Button\";\r\nimport confirmIcon from \"../../../../public/svg/ButtonIcons/right-arrow.svg\";\r\nimport downloadIcon from \"../../../../public/svg/ButtonIcons/download.svg\";\r\nimport { Icons } from \"../../../components/UI/Icon/Icon\";\r\nimport { getLegalContracts, setLegalContract } from \"../../../services/api/person\";\r\nimport style from \"./ContractOnboarding.scss\";\r\nimport { HeaderOnboarding } from \"../HeaderOnboarding/HeaderOnboarding\";\r\nimport { showToast } from \"../../../utils/helper\";\r\nimport { InvestorProfileOnboarding } from \"../InvestorProfileOnboarding/InvestorProfileOnboarding\";\r\nimport MediaQuery from \"react-responsive\";\r\n\r\nexport const ContractOnboarding = ({ toggleMobileSidebar, confirmContract, confirmInvestmentProfile }) => {\r\n const [legalContract, setActualLegalContract] = useState({});\r\n const [contractLoading, setContractLoading] = useState(true);\r\n const [checked, setChecked] = useState(false);\r\n const [showAccounts, setShowAccounts] = useState(false);\r\n const [isAlreadyAccepted, setIsAlreadyAccepted] = useState(false);\r\n\r\n useEffect(() => {\r\n setContractLoading(() => true);\r\n getLegalContracts()\r\n .then(({ response }) => {\r\n if (response.result.Code !== 200) {\r\n showToast(\"Error obteniendo nuevos contratos del servidor\", true);\r\n } else {\r\n setIsAlreadyAccepted(response.isAlreadyAccepted);\r\n if (response.LegalContractSDT.LegalContractAttachmentName) {\r\n setActualLegalContract({\r\n ...response.LegalContractSDT,\r\n LegalContractAttachmentBlob: response.blobfile,\r\n });\r\n }\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n showToast(\"Error obteniendo nuevos contratos del servidor\", true);\r\n })\r\n .finally(() => {\r\n setContractLoading(() => false);\r\n });\r\n }, []);\r\n\r\n const downloadFile = () => {\r\n var a = document.createElement(\"A\");\r\n a.href = `data:application/octet-stream;base64,${legalContract.LegalContractAttachmentBlob}`;\r\n a.download = `${legalContract.LegalContractAttachmentName}.${legalContract.LegalContractAttachmentExtension}`;\r\n document.body.appendChild(a);\r\n a.click();\r\n document.body.removeChild(a);\r\n };\r\n\r\n const handleChangeCheckbox = () => {\r\n setChecked((prevState) => !prevState);\r\n };\r\n\r\n const handleChangePage = () => {\r\n {\r\n checked\r\n ? toggleShowAccounts()\r\n : showToast(\"Debe aceptar los términos y condiciones del contrato\", true);\r\n }\r\n };\r\n\r\n const handleChangePageAlreadyAccepted = () => {\r\n confirmContract();\r\n setShowAccounts((stateAccounts) => !stateAccounts);\r\n };\r\n\r\n const toggleShowAccounts = () => {\r\n setLegalContract({ LegalContractId: legalContract.LegalContractId })\r\n .then(({ response }) => {\r\n if (response.result.Code === 200) {\r\n showToast(\"Contrato confirmado correctamente\");\r\n confirmContract();\r\n setShowAccounts((stateAccounts) => !stateAccounts);\r\n }\r\n })\r\n .catch((err) => {\r\n showToast(\"Error confirmando el contrato\", true);\r\n console.error(err);\r\n });\r\n };\r\n\r\n if (isAlreadyAccepted) {\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n Datos personales
\r\n \r\n | \r\n Nombre y apellido: \r\n {`${personInfo.PhysicalPersonFirstName} ${personInfo.PhysicalPersonFirstLastName}`}\r\n | \r\n\r\n Correo electrónico: \r\n {personInfo.PhysicalPersonEmail}\r\n | \r\n
| \r\n Dirección: \r\n {`${legalAddress.LegalAddressStreet} ${legalAddress.LegalAddressNumber}, ${legalAddress.LegalAddressCityName}`}\r\n | \r\n\r\n Celular: \r\n {mobilePhone.PhoneNumber}\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n Documento
\r\n \r\n | \r\n Tipo de documento: \r\n {\"Cédula de Identidad\"}\r\n | \r\n {/*Tipo de documento: {personDocument.PhysicalPersonDocumentTypeName} | */}\r\n\r\n Nacionalidad: \r\n {personInfo.PhysicalPersonNationality}\r\n | \r\n
| \r\n Número de documento: \r\n {personDocument.PhysicalPersonDocumentNumber}\r\n | \r\n\r\n Lugar de nacimiento: \r\n {personInfo.PhysicalPersonCityOfBirthName}\r\n | \r\n|
| \r\n Fecha de nacimiento: \r\n {moment(personInfo.PhysicalPersonDateOfBirth).format(\"DD/MM/YYYY\")}\r\n | \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n Datos laborales
\r\n \r\n | \r\n Ocupación: \r\n {personInfo.PersonProfessionName}\r\n | \r\n\r\n Nombre de la empresa: \r\n {personInfo.PersonWorkingBy}\r\n | \r\n
| \r\n Actividad del negocio: \r\n {personInfo.PersonActivitySectorName}\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 \r\n
\r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n {showAccounts && (\r\n Usted ya ha firmado el último contrato vigente.
\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 {showAccounts && (\r\n
\r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"contract\":\"ContractOnboarding_contract_NT22a\",\"headerTitle\":\"ContractOnboarding_headerTitle_2vW4D\",\"dataRow\":\"ContractOnboarding_dataRow_2e9EG\",\"colContract\":\"ContractOnboarding_colContract_2WZYy\",\"text\":\"ContractOnboarding_text_psy-O\",\"contractPdf\":\"ContractOnboarding_contractPdf_uE5Lz\",\"contractContainer\":\"ContractOnboarding_contractContainer_3Y24T\",\"boxContract\":\"ContractOnboarding_boxContract_SkSLl\",\"pdfButtons\":\"ContractOnboarding_pdfButtons_31gA-\",\"watchPdf\":\"ContractOnboarding_watchPdf_2VIC7\",\"downloadPdf\":\"ContractOnboarding_downloadPdf_24aY7\",\"chekboxContract\":\"ContractOnboarding_chekboxContract_3c2EG\",\"icon\":\"ContractOnboarding_icon_2QwkK\",\"radioCheckbox\":\"ContractOnboarding_radioCheckbox_2j2iR\",\"textAcceptContract\":\"ContractOnboarding_textAcceptContract_1as7z\",\"buttonContainer\":\"ContractOnboarding_buttonContainer_1pSIK\",\"divider\":\"ContractOnboarding_divider_2yioC\"};","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport { NavbarToggler, Label } from \"reactstrap\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { useIdleTimer } from \"react-idle-timer\";\r\nimport MediaQuery from \"react-responsive\";\r\nimport { EnvironmentSign } from \"bx-react-ui\";\r\nimport { CircularProgress } from \"../../UI/CircularProgress/CircularProgress\";\r\nimport { getUserContext, getAuth } from \"../../../reducers/selectors\";\r\nimport { signOut } from \"../../../actions/auth\";\r\nimport menuLine from \"../../../../public/svg/menu.svg\";\r\n\r\nimport style from \"./HeaderOnboarding.scss\";\r\n\r\nconst environmentName = window.___APP_CONFIG___.ENV_NAME ? window.___APP_CONFIG___.ENV_NAME : \"TESTING\";\r\n\r\nexport const HeaderOnboarding = ({\r\n toggleMobileSidebar,\r\n AccountJSON,\r\n actions,\r\n username,\r\n isProdEnv,\r\n isTestingUser,\r\n title,\r\n}) => {\r\n const showEnvironmentSign = !isProdEnv || isTestingUser;\r\n const environmentSignText = isProdEnv ? \"PRODUCTION\" : environmentName;\r\n const environmentSignColor = isProdEnv ? \"red\" : \"#34784B\";\r\n const dispatch = useDispatch();\r\n\r\n const context = useSelector(getUserContext);\r\n const [idleTimeout, setIdleTimeout] = useState(1);\r\n\r\n useEffect(() => {\r\n if (context !== null) {\r\n if (Object.keys(context)) {\r\n setIdleTimeout(context.session.MaxIdleSessionTime);\r\n }\r\n }\r\n }, [context]);\r\n\r\n // Don't delete - it controls the idle timer to logout session automatically\r\n const logoutTimer = useIdleTimer({\r\n timeout: idleTimeout * 60 * 1000,\r\n crossTab: true,\r\n syncTimers: 200,\r\n name: \"logout-timer\",\r\n onIdle: () => {\r\n dispatch(signOut());\r\n window.location.reload();\r\n },\r\n });\r\n\r\n return (\r\n \r\n
\r\n Revisá el Contrato legal y el Anexo I en el siguiente documento:
\r\n \r\n
\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n {legalContract && legalContract.LegalContractAttachmentName\r\n ? `${legalContract.LegalContractAttachmentName}.${legalContract.LegalContractAttachmentExtension}`\r\n : \"No hay contratos disponibles.\"}\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {checked ? (\r\n
\r\n \r\n He leído, comprendido y acepto los términos y condiciones del Contrato legal y del Anexo I de\r\n ueno Casa de Bolsa.\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {questions.slice(numQuestion - 1, numQuestion).map((question, indexQuestion) => {\r\n return (\r\n \r\n );\r\n })}\r\n
\r\n );\r\n };\r\n\r\n const handleChangeQuestion = () => {\r\n if (checkedAnswer) {\r\n setNumQuestion(numQuestion + 1);\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 {showPep &&
\r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"profileContainer\":\"InvestorProfileOnboarding_profileContainer_2WnMO\",\"headerTitle\":\"InvestorProfileOnboarding_headerTitle_3Q8cl\",\"dataRow\":\"InvestorProfileOnboarding_dataRow_12vzM\",\"colInvestor\":\"InvestorProfileOnboarding_colInvestor_13nGB\",\"firstText\":\"InvestorProfileOnboarding_firstText_3Pdp6\",\"questionContainer\":\"InvestorProfileOnboarding_questionContainer_3jS1G\",\"questionForm\":\"InvestorProfileOnboarding_questionForm_3AAye\",\"questionTitle\":\"InvestorProfileOnboarding_questionTitle_3R24P\",\"answerRow\":\"InvestorProfileOnboarding_answerRow_SsbPh\",\"answerText\":\"InvestorProfileOnboarding_answerText_1gk50\",\"answerRowActive\":\"InvestorProfileOnboarding_answerRowActive_q5IWx\",\"radioButton\":\"InvestorProfileOnboarding_radioButton_3scWe\",\"icon\":\"InvestorProfileOnboarding_icon_3K7JC\",\"buttonContainer\":\"InvestorProfileOnboarding_buttonContainer_3Pa_I\",\"textBar\":\"InvestorProfileOnboarding_textBar_1Aqqx\",\"progressBar\":\"InvestorProfileOnboarding_progressBar_9atFD\",\"divider\":\"InvestorProfileOnboarding_divider_1K_6F\"};","import React, { useEffect, useState } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { Col, Row } from \"../../../components/UI/Customstrap/Customstrap\";\r\nimport { Label } from \"reactstrap\";\r\nimport { getSavedPersonInfo, getNotifications } from \"../../../reducers/selectors\";\r\nimport style from \"./PepOnboarding.scss\";\r\nimport { HeaderOnboarding } from \"../HeaderOnboarding/HeaderOnboarding\";\r\nimport GenericButton from \"../../../components/UI/Button/Button\";\r\nimport { WelcomeOnboarding } from \"../WelcomeOnboarding/WelcomeOnboarding\";\r\nimport confirmIcon from \"../../../../public/svg/ButtonIcons/right-arrow.svg\";\r\nimport { updatePerson } from \"../../../services/api/person\";\r\nimport { confirmFirstAccess } from \"../../../services/api/internalMessages\";\r\nimport { showToast } from \"../../../utils/helper\";\r\nimport MediaQuery from \"react-responsive\";\r\nimport { CircularProgress } from \"../../UI/CircularProgress/CircularProgress\";\r\n\r\nexport const PepOnboarding = ({ toggleMobileSidebar }) => {\r\n const personInfo = useSelector(getSavedPersonInfo);\r\n const notifications = useSelector(getNotifications);\r\n const [showWelcome, setShowWelcome] = useState(false);\r\n const [padding, setPadding] = useState(\"8px 46px\");\r\n const [loadingButtons, setLoadingButtons] = useState(false);\r\n\r\n //controls button padding according to the screen size\r\n useEffect(() => {\r\n const handleResize = () => {\r\n if (window.innerWidth >= 320 && window.innerWidth <= 390) {\r\n setPadding(\"8px 2px\");\r\n } else if (window.innerWidth >= 390 && window.innerWidth <= 724) {\r\n setPadding(\"8px 12px\");\r\n } else {\r\n setPadding(\"8px 46px\");\r\n }\r\n };\r\n handleResize();\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => {\r\n window.removeEventListener(\"resize\", handleResize);\r\n };\r\n }, []);\r\n\r\n const firstAccess = () => {\r\n confirmFirstAccess({\r\n read: false,\r\n approved: true,\r\n InternalMessageId: notifications[0].InternalMessageId,\r\n LegalContractId: 0,\r\n ContractDocumentIds: [],\r\n })\r\n .then(({ response }) => {\r\n if (response.result.Code !== 200) {\r\n showToast(\"Error confirmando el primer acceso\", true);\r\n } else {\r\n showToast(\"Información enviada correctamente\");\r\n }\r\n })\r\n .catch((err) => {\r\n showToast(\"Error confirmando el primer acceso\", true);\r\n console.error(err);\r\n });\r\n };\r\n\r\n const toggleShowWelcomeIsPep = () => {\r\n setLoadingButtons(() => true);\r\n const personUpdate = {\r\n ...personInfo,\r\n PhysicalPersonPublicPositionId: 2,\r\n PhysicalPersonPublicPositionName: \"SI\",\r\n };\r\n\r\n updatePerson(personUpdate)\r\n .then(({ response }) => {\r\n if (response.result.Code === 200) {\r\n firstAccess();\r\n setShowWelcome(true);\r\n } else {\r\n alert(\"Problemas editando persona\");\r\n setLoadingButtons(() => false);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(\"Error updating person:\", err);\r\n setLoadingButtons(() => false);\r\n });\r\n };\r\n\r\n const toggleShowWelcomeNotPep = () => {\r\n setLoadingButtons(() => true);\r\n const personUpdate = {\r\n ...personInfo,\r\n PhysicalPersonPublicPositionId: 1,\r\n PhysicalPersonPublicPositionName: \"NO\",\r\n };\r\n\r\n updatePerson(personUpdate)\r\n .then(({ response }) => {\r\n if (response.result.Code === 200) {\r\n firstAccess();\r\n setShowWelcome(true);\r\n } else {\r\n alert(\"Problemas editando persona\");\r\n setLoadingButtons(() => false);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(\"Error updating person:\", err);\r\n setLoadingButtons(() => false);\r\n });\r\n };\r\n\r\n return (\r\n \r\n Respondé las siguientes preguntas\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {numQuestion + \" de \" + questions.length}
\r\n \r\n \r\n
\r\n \r\n Declaración PEP} toggleMobileSidebar={toggleMobileSidebar} />\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {showWelcome &&
\r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"containerData\":\"PepOnboarding_containerData_1jVDZ\",\"noContainer\":\"PepOnboarding_noContainer_xxhm0\",\"headerTitle\":\"PepOnboarding_headerTitle_gJGSw\",\"headerPepTitle\":\"PepOnboarding_headerPepTitle_1XnIO\",\"dataRow\":\"PepOnboarding_dataRow_2VVJZ\",\"dataCol\":\"PepOnboarding_dataCol_3FIyc\",\"boxData\":\"PepOnboarding_boxData__DxsG\",\"data\":\"PepOnboarding_data_3C-Tf\",\"dataTitle\":\"PepOnboarding_dataTitle_1hEfW\",\"blankSpace\":\"PepOnboarding_blankSpace_2f8GG\",\"buttonContainer\":\"PepOnboarding_buttonContainer_1kOEK\",\"divider\":\"PepOnboarding_divider_2sj93\"};","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { Col, Row } from \"../../../components/UI/Customstrap/Customstrap\";\r\nimport { Link } from \"react-router-dom\";\r\nimport GenericButton from \"../../../components/UI/Button/Button\";\r\nimport confirmIcon from \"../../../../public/svg/ButtonIcons/right-arrow.svg\";\r\nimport { Icons } from \"../../../components/UI/Icon/Icon\";\r\nimport { getSavedPersonInfo, getTexts } from \"../../../reducers/selectors\";\r\nimport style from \"./WelcomeOnboarding.scss\";\r\nimport { Redirect } from \"react-router-dom\";\r\n\r\nexport const WelcomeOnboarding = () => {\r\n const personInfo = useSelector(getSavedPersonInfo);\r\n const [redirect, setRedirect] = useState(false);\r\n const texts = useSelector(getTexts);\r\n\r\n const profileRiskString = {\r\n Conservative: \"Conservador\",\r\n Moderate: \"Moderado\",\r\n Aggressive: \"Agresivo\",\r\n Aggresive: \"Agresivo\",\r\n };\r\n\r\n const profileRiskDescriptionString = {\r\n Conservative: texts.notes.investor_profile_conservative,\r\n Moderate: texts.notes.investor_profile_moderate,\r\n Aggressive: texts.notes.investor_profile_aggressive,\r\n Aggresive: texts.notes.investor_profile_aggressive,\r\n };\r\n\r\n const handleButtonClick = () => {\r\n setRedirect(true);\r\n };\r\n if (redirect) {\r\n //return ¿Qué es una Persona Expuesta Políticamente (PEP)?
\r\n \r\n Es una persona que ocupa cargos de suma importancia como presidente, senador o diputado, ya sea en\r\n nuestro país o en el extranjero.\r\n
\r\n \r\n ¿Por qué te pedimos este dato?
\r\n \r\n Si vos o alguien de tu familia ocupa un cargo político, necesitaremos más información para abrir\r\n tu cuenta.\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 )}\r\n \r\n
\r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"welcomeDisplay\":\"WelcomeOnboarding_welcomeDisplay_1UyJb\",\"infoContainer\":\"WelcomeOnboarding_infoContainer_2Mz7_\",\"topGreenCircle\":\"WelcomeOnboarding_topGreenCircle_1wyxN\",\"starIcon\":\"WelcomeOnboarding_starIcon_1Ujel\",\"welcomeText\":\"WelcomeOnboarding_welcomeText_2DUxw\",\"configurationText\":\"WelcomeOnboarding_configurationText_1fpei\",\"iconTick\":\"WelcomeOnboarding_iconTick_3Mlff\",\"profileType\":\"WelcomeOnboarding_profileType_5IYsE\",\"profileText\":\"WelcomeOnboarding_profileText_1_Eyl\",\"buttonContainer\":\"WelcomeOnboarding_buttonContainer_S8sDA\",\"bottomGreenCircle\":\"WelcomeOnboarding_bottomGreenCircle_1MOy6\",\"faceIcon\":\"WelcomeOnboarding_faceIcon_2NYNZ\",\"divider\":\"WelcomeOnboarding_divider_3JoQC\"};","import React, { Fragment, useState } from \"react\";\r\n\r\nimport { Row, Col } from \"../UI/Customstrap/Customstrap\";\r\n\r\nimport style from \"./PageWrapper.scss\";\r\n\r\nexport const PageWrapper = ({ title, children }) => (\r\n \r\n
\r\n \r\n
\r\n ¡Listo! Recibimos tu información
\r\n \r\n Completaste tu configuración de perfil. \r\n Estaremos analizando tu información para abrirte una cuenta en ueno Casa de Bolsa.\r\n
\r\n \r\n
\r\n \r\n Tu perfil de inversión:{\" \"} \r\n {profileRiskString[personInfo.PersonProfileRiskName]}\r\n
\r\n \r\n {profileRiskDescriptionString[personInfo.PersonProfileRiskName]}
\r\n \r\n \r\n
\r\n {subAssetClass.asset.length}\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 \r\n
\r\n \r\n
\r\n \r\n
\r\n {subAssetClass.asset.map((Asset) => {\r\n const investCost = (+Asset.NetReturn - (+Asset.valuetotal + +Asset.realizePL)) * -1;\r\n const totalValue = parseFloat(Asset.totalOriginCurrencyWithCoupon);\r\n\r\n const handleDownloadAttachment = () => {\r\n getAssetAttachment({\r\n accountNumber: currentAccount.AccountNumber,\r\n assetId: Asset.id,\r\n })\r\n .then(({ response }) => {\r\n if (response.result.Code == 200) {\r\n const fileName = `${response.AssetAttachmentName.trim()}.${response.AssetAttachmentExtension.trim()}`;\r\n const element = document.createElement(\"a\");\r\n element.setAttribute(\r\n \"href\",\r\n \"data:application/octet-stream;base64,\" + encodeURIComponent(response.blob)\r\n );\r\n element.setAttribute(\"download\", fileName);\r\n element.style.display = \"none\";\r\n document.body.appendChild(element);\r\n element.click();\r\n document.body.removeChild(element);\r\n } else {\r\n showToast(response.result.Description, true);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n showToast(\"Error obteniendo el archivo adjunto\", true);\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n Calificación de riesgo: \r\n {Asset.riskType}\r\n \r\n \r\n Tasa cupón: \r\n \r\n ) : (\r\n \r\n Rendimiento (TIR): \r\n \r\n ) : (\r\n \r\n {/* Rendimiento: \r\n \r\n )}\r\n \r\n \r\n {\r\n toggleSell(Asset, Asset.nominalValue);\r\n }}\r\n >\r\n Pedir cotización\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n })}\r\n {sell.open &&
\r\n );\r\n};\r\n\r\nconst SellModal = ({ open, asset, total, toggle }) => {\r\n const totalSell = \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {Asset.emissionCurrencyISO === \"\"\r\n ? Asset.emissionCurrencyId === \"0\"\r\n ? \"PYG\"\r\n : \"USD\"\r\n : Asset.emissionCurrencyISO}\r\n \r\n
\r\n )}\r\n {subAssetClass.cda && (\r\n \r\n )}\r\n {Asset.form !== \"Mutual Funds\" && (\r\n \r\n Cantidad\r\n
\r\n
\r\n {loading ? (\r\n Elegí una cuenta para la acreditación
\r\n● ${\r\n param.data.name\r\n }: ${formattedNumber(param.value)}`;\r\n };\r\n\r\n useEffect(() => {\r\n if (position.assetClass.length) {\r\n const optionData = position.assetClass.map((assetClassItem) => ({\r\n name: assetClassItem.name,\r\n value: +assetClassItem.total,\r\n items: assetClassItem.subAssetClass,\r\n }));\r\n\r\n let option = {\r\n title: {\r\n text: \"Composición por tipo de instrumento\",\r\n left: \"center\",\r\n top: 0,\r\n textStyle: {\r\n fontFamily: \"Arial\",\r\n overflow: \"break\",\r\n width: screen.width < 400 ? screen.width - 100 : 300,\r\n },\r\n },\r\n legend: {\r\n orient: \"vertical\",\r\n left: 0,\r\n top: 40,\r\n show: screen.width > 1200 ? true : false,\r\n textStyle: {\r\n fontFamily: \"Arial\",\r\n overflow: \"break\",\r\n },\r\n },\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: tooltipFormatter,\r\n },\r\n series: [\r\n {\r\n type: \"pie\",\r\n radius: [\"60%\", \"90%\"],\r\n data: optionData,\r\n left: screen.width < 1200 ? 0 : 50,\r\n top: 50,\r\n label: {\r\n show: false,\r\n },\r\n color: [\"#a3dcf7\", \"#11658d\", \"#1996d5\", \"#0d4664\"],\r\n },\r\n ],\r\n renderer: \"svg\",\r\n };\r\n\r\n setChartOptions(option);\r\n }\r\n }, [position]);\r\n\r\n const onEvents = {\r\n click: onSelectItem,\r\n };\r\n\r\n return (\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport const SubAssetClassDoghnut = ({ subAssetClasses }) => {\r\n const [chartOptions, setChartOptions] = useState({});\r\n\r\n const tooltipFormatter = (param) => {\r\n return `Composición por instrumento ● ${\r\n param.data.name\r\n }: ${formattedNumber(param.value)}`;\r\n };\r\n\r\n useEffect(() => {\r\n if (subAssetClasses.length) {\r\n const optionData = subAssetClasses.map((subAssetClassesItem) => ({\r\n name: subAssetClassesItem.name,\r\n value: +subAssetClassesItem.total,\r\n }));\r\n\r\n let option = {\r\n legend: {\r\n show: false,\r\n },\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: tooltipFormatter,\r\n },\r\n series: [\r\n {\r\n type: \"pie\",\r\n radius: [\"50%\", \"100%\"],\r\n height: 150,\r\n data: optionData,\r\n emphasis: {\r\n disabled: true,\r\n },\r\n label: {\r\n show: false,\r\n },\r\n color: [\"#3B82F6\", \"#22C55E\", \"#F43F6C\", \"#71717A\", \"#20D3A4\", \"#F59E0B\"],\r\n },\r\n ],\r\n renderer: \"svg\",\r\n };\r\n\r\n setChartOptions(option);\r\n }\r\n }, [subAssetClasses]);\r\n\r\n return (\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport const SubAssetClassDoghnutItems = ({ subAssetClasses }) => {\r\n let pillColorIdx = 0;\r\n return (\r\n \r\n {subAssetClasses.map((item, index) => {\r\n if (pillColorIdx === 6) {\r\n pillColorIdx = 1;\r\n }\r\n pillColorIdx += 1;\r\n\r\n return (\r\n \r\n ●\r\n {item.name}\r\n \r\n );\r\n })}\r\n
\r\n );\r\n};\r\n\r\nexport const AssetsRisksDoghnut = ({ assets = [], portfolioTotal }) => {\r\n const [chartOptions, setChartOptions] = useState({});\r\n\r\n const tooltipFormatter = (param) => {\r\n return `Calificación de riesgo ● ${\r\n param.data.name\r\n }: ${formattedNumber(param.value)}`;\r\n };\r\n\r\n useEffect(() => {\r\n if (assets.length) {\r\n let totalAssets = 0;\r\n assets.map((asset) => {\r\n totalAssets += parseFloat(asset.totalUSDWithCoupon);\r\n });\r\n\r\n let risks = [];\r\n assets.map((asset) => {\r\n if (!risks[asset.riskType]) {\r\n risks[asset.riskType] = {\r\n value: 0,\r\n name: asset.riskType,\r\n };\r\n }\r\n\r\n risks[asset.riskType].value += (+asset.totalUSDWithCoupon * 100) / +totalAssets;\r\n });\r\n\r\n const optionData = Object.values(risks).map((risk) => ({\r\n name: risk.name,\r\n value: Math.round(risk.value * 100) / 100,\r\n }));\r\n\r\n // const optionData = assets.map((Asset) => ({\r\n // name: Asset.riskType,\r\n // value: (+Asset.totalUSDWithCoupon * 100) / +portfolioTotal,\r\n // }));\r\n\r\n let option = {\r\n legend: {\r\n show: false,\r\n },\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: tooltipFormatter,\r\n },\r\n series: [\r\n {\r\n type: \"pie\",\r\n minAngle: 5,\r\n radius: [\"60%\", \"100%\"],\r\n height: 157,\r\n data: optionData,\r\n emphasis: {\r\n disabled: true,\r\n },\r\n label: {\r\n show: false,\r\n },\r\n color: [\"#3B82F6\", \"#22C55E\", \"#F43F6C\", \"#71717A\", \"#20D3A4\", \"#F59E0B\"],\r\n },\r\n ],\r\n renderer: \"svg\",\r\n };\r\n\r\n setChartOptions(option);\r\n }\r\n }, [assets]);\r\n\r\n return (\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport const AssetRiskList = ({ assets = [], portfolioTotal }) => {\r\n const [riskList, setRiskList] = useState([]);\r\n\r\n useEffect(() => {\r\n let totalAssets = 0;\r\n assets.map((asset) => {\r\n totalAssets += parseFloat(asset.totalUSDWithCoupon);\r\n });\r\n\r\n let risks = [];\r\n assets.map((asset) => {\r\n if (!risks[asset.riskType]) {\r\n risks[asset.riskType] = {\r\n value: 0,\r\n name: asset.riskType,\r\n };\r\n }\r\n\r\n risks[asset.riskType].value += (+asset.totalUSDWithCoupon * 100) / +totalAssets;\r\n });\r\n\r\n const newList = Object.values(risks).map((risk) => {\r\n const name = risk.name;\r\n const value = risk.value;\r\n\r\n return {\r\n name,\r\n value,\r\n width: value + 50,\r\n };\r\n });\r\n\r\n setRiskList(newList);\r\n }, []);\r\n\r\n let pillColorIdx = 0;\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport const PortfolioDoghnut = ({ portfolio }) => {\r\n const [chartOptions, setChartOptions] = useState({});\r\n\r\n const tooltipFormatter = (param) => {\r\n return `Portafolio - \r\n {riskList.map((risk) => {\r\n if (pillColorIdx === 6) {\r\n pillColorIdx = 1;\r\n }\r\n pillColorIdx += 1;\r\n\r\n return (\r\n
- \r\n \r\n {risk.name}\r\n
%\r\n \r\n );\r\n })}\r\n
● ${\r\n param.data.name\r\n }: ${formattedNumber(param.data.valueOriginal)}`;\r\n };\r\n\r\n useEffect(() => {\r\n if (portfolio) {\r\n const optionData = [];\r\n optionData.push({\r\n name: \"Total USD\",\r\n value: +portfolio.position.valueTotalUSD,\r\n valueOriginal: +portfolio.position.valueTotal,\r\n });\r\n optionData.push({\r\n name: \"Total Gs\",\r\n value: +portfolio.positionPYG.valueTotalUSD,\r\n valueOriginal: +portfolio.positionPYG.valueTotal,\r\n });\r\n\r\n let option = {\r\n title: {\r\n text: \"Total portafolio\",\r\n left: \"center\",\r\n top: 0,\r\n textStyle: {\r\n fontFamily: \"Arial\",\r\n },\r\n },\r\n tooltip: {\r\n trigger: \"item\",\r\n formatter: tooltipFormatter,\r\n },\r\n series: [\r\n {\r\n type: \"pie\",\r\n radius: [\"60%\", \"90%\"],\r\n data: optionData,\r\n top: 30,\r\n label: {\r\n show: false,\r\n },\r\n color: [\"#a3dcf7\", \"#11658d\", \"#1996d5\", \"#0d4664\"],\r\n },\r\n ],\r\n renderer: \"svg\",\r\n };\r\n\r\n setChartOptions(option);\r\n }\r\n }, [portfolio]);\r\n\r\n return (\r\n
\r\n
\r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"doghnutWrapper\":\"Chart_doghnutWrapper_f3G-y\",\"portfolioDoghnutWrapper\":\"Chart_portfolioDoghnutWrapper_3OA_j\",\"legendWrapper\":\"Chart_legendWrapper_3xybR\",\"legendItem\":\"Chart_legendItem_2ImNq\",\"name\":\"Chart_name_3yExn\",\"color1\":\"Chart_color1_1YF3p\",\"color2\":\"Chart_color2_1sZuQ\",\"color3\":\"Chart_color3_1Ya95\",\"color4\":\"Chart_color4_2-7O2\",\"color5\":\"Chart_color5_2Y-u0\",\"color6\":\"Chart_color6_3Ghxg\",\"value\":\"Chart_value_3loCH\",\"riskColor1\":\"Chart_riskColor1_rSBJG\",\"riskColor2\":\"Chart_riskColor2_mDqiw\",\"riskColor3\":\"Chart_riskColor3_1LNIa\",\"riskColor4\":\"Chart_riskColor4_1CAh2\",\"riskColor5\":\"Chart_riskColor5_3QAgV\",\"riskColor6\":\"Chart_riskColor6_3CgxI\",\"riskList\":\"Chart_riskList_3uy0b\",\"item\":\"Chart_item_25jyc\",\"riskListItem\":\"Chart_riskListItem_1hD6K\"};","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport { Label, Button } from \"reactstrap\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { CircularProgress } from \"../UI/CircularProgress/CircularProgress\";\r\nimport { FormattedNumber } from \"../FormattedNumber/FormattedNumber\";\r\nimport MediaQuery from \"react-responsive\";\r\nimport { getCurrentAccount, getTexts } from \"../../reducers/selectors\";\r\nimport { fetchGetPortfolio, getClientPositionDigital } from \"../../services/api/accounts\";\r\nimport { PortfolioTable } from \"./PortfolioTable/PortfolioTable\";\r\nimport { PortfolioHeader } from \"./PortfolioHeader/PortfolioHeader\";\r\nimport { PortfolioDoghnut, SubAssetClassDoghnut, SubAssetClassDoghnutItems } from \"./Charts/Chart\";\r\nimport { getPersonInfo } from \"../../services/api/person\";\r\nimport { personInfoSet, currentAccountSet } from \"../../actions/entities\";\r\nimport { fetchGetAccounts } from \"../../services/api/accounts\";\r\nimport { RadioButton, RadioButtonGroup } from \"../UI/RadioButton/RadioButton\";\r\nimport { Icons } from \"../UI/Icon/Icon\";\r\nimport { CompositionBar } from \"../UI/CompositionBar/CompositionBar\";\r\nimport { Container } from \"../UI/Container/Container\";\r\nimport { Tooltip } from \"../Tooltip/Tooltip\";\r\nimport GenericButton from \"../UI/Button/Button\";\r\nimport CounterBox from \"../UI/Button/CounterBox\";\r\nimport { Row, Col } from \"../UI/Customstrap/Customstrap\";\r\nimport { Summary } from \"./Summary/Summary\";\r\nimport { TitleLabel } from \"../UI/TitleLabel/TitleLabel\";\r\nimport { AssetClass } from \"./AssetClass/AssetClass\";\r\n\r\nimport style from \"./Portfolio.scss\";\r\n\r\nconst allowedCurrencies = {\r\n ALL: \"ALL\",\r\n PYG: \"PYG\",\r\n USD: \"USD\",\r\n};\r\n\r\nexport const Portfolio = () => {\r\n const [loadingPosition, setLoadingPosition] = useState(true);\r\n const [portfolio, setPortfolio] = useState(null);\r\n const [portfolioTotal, setPortfolioTotal] = useState(0);\r\n const [fx, setFx] = useState(1);\r\n const [portfolioDate, setPortfolioDate] = useState(new Date().toISOString().slice(0, 10));\r\n const currentAccount = useSelector(getCurrentAccount);\r\n const texts = useSelector(getTexts);\r\n const [activeCurrency, setActiveCurrency] = useState(allowedCurrencies.ALL);\r\n const [activePortfolio, setActivePortfolio] = useState(null);\r\n const dispatch = useDispatch();\r\n\r\n useEffect(() => {\r\n if (!loadingPosition) setLoadingPosition(() => true);\r\n if (currentAccount.AccountNumber) {\r\n fetchGetPortfolio(currentAccount.AccountNumber, portfolioDate)\r\n .then(({ response }) => {\r\n setPortfolio(response);\r\n // setPortfolioTotal(+response.position.valueTotalUSD + +response.positionPYG.valueTotalUSD);\r\n // setFx(response.currencypairprice.rawprice);\r\n })\r\n .catch((err) => console.error(err));\r\n setLoadingPosition(false);\r\n }\r\n if (currentAccount.noAccounts) {\r\n setLoadingPosition(false);\r\n }\r\n }, [currentAccount, portfolioDate]);\r\n\r\n useEffect(() => {\r\n if (portfolio && !loadingPosition) {\r\n let newActivePortfolio;\r\n switch (activeCurrency) {\r\n case allowedCurrencies.ALL:\r\n newActivePortfolio = portfolio.positionUSD;\r\n break;\r\n case allowedCurrencies.PYG:\r\n newActivePortfolio = portfolio.positionPYG;\r\n break;\r\n case allowedCurrencies.USD:\r\n newActivePortfolio = portfolio.position;\r\n break;\r\n }\r\n\r\n newActivePortfolio.assetClass = newActivePortfolio.assetClass.map((assetClass) => {\r\n assetClass.percentage =\r\n Math.round(((+assetClass.totalUSD * 100) / +newActivePortfolio.portfolioTotalUSD) * 100) / 100;\r\n return assetClass;\r\n });\r\n newActivePortfolio.assetClass = newActivePortfolio.assetClass.sort((a, b) => {\r\n return a.percentage < b.percentage ? 1 : -1;\r\n });\r\n // if (newActivePortfolio && newActivePortfolio.assetClass) {\r\n // } else {\r\n // return (newActivePortfolio = \"20%\");\r\n // }\r\n\r\n const subAssetClasses = [];\r\n newActivePortfolio.assetClass.map((assetClass) => {\r\n assetClass.subAssetClass.map((subAssetClassItem) => {\r\n subAssetClasses.push(subAssetClassItem);\r\n });\r\n });\r\n\r\n newActivePortfolio.subAssetClasses = subAssetClasses;\r\n setActivePortfolio(newActivePortfolio);\r\n }\r\n }, [activeCurrency, portfolio, loadingPosition]);\r\n\r\n useEffect(() => {\r\n getPersonInfo()\r\n .then(({ response }) => {\r\n dispatch(personInfoSet(response.personInfo));\r\n })\r\n .catch((err) => console.error(err));\r\n }, []);\r\n\r\n useEffect(() => {\r\n fetchGetAccounts()\r\n .then((r) => {\r\n if (r.response.accounts.length > 0) {\r\n //handleChangeAccount(r.response.accounts[0]);\r\n } else {\r\n handleChangeAccount({\r\n noAccounts: true,\r\n AccountNumber: 0,\r\n AccountEmail: \"\",\r\n AccountName: \"\",\r\n advisorName: \"\",\r\n advisorFirstLastName: \"\",\r\n advisorEmail: \"\",\r\n advisorPhone: \"\",\r\n });\r\n }\r\n })\r\n .catch((err) => console.error(err));\r\n }, []);\r\n\r\n const handleChangeAccount = (newAccount) => {\r\n dispatch(currentAccountSet({ ...currentAccount, ...newAccount, AccountNumber: newAccount.number }));\r\n };\r\n\r\n const handleChangeDate = (date) => {\r\n setPortfolioDate(() => date);\r\n };\r\n\r\n const handleActiveCurrency = (name) => {\r\n setActiveCurrency(allowedCurrencies[name]);\r\n };\r\n\r\n if (loadingPosition)\r\n return (\r\n \r\n
\r\n );\r\n\r\n if (currentAccount.noAccounts)\r\n return (\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n Fecha
\r\n\r\n \r\n 
\r\n 
\r\n
\r\n Descarga el cierre del mes:
\r\n| \r\n | \r\n Cantidad | \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 | subTotal | \r\n\r\n | \r\n \r\n | \r\n \r\n | \r\n | \r\n \r\n | \r\n \r\n |
\r\n {currency === \"USD\" ? (\r\n
\r\n );\r\n };\r\n\r\n return (\r\n No hay datos disponibles para la cuenta en dólares.
\r\n ) : (\r\nNo hay datos disponibles para la cuenta en guaraníes.
\r\n )}\r\n\r\n Cambio actual:\r\n {`Gs ${formattedNumber(portfolio.currencypairprice.rawprice, 0, 0)}`}\r\n
\r\n \r\n \r\n En efectivo\r\n
\r\n \r\n \r\n
\r\n \r\n USD\r\n {formattedNumber(portfolio.position.cashTotal, 2, 2)}\r\n
\r\n \r\n
\r\n \r\n Gs\r\n \r\n {formattedNumber(portfolio.positionPYG.cashTotal, 0, 0)}\r\n \r\n
\r\n \r\n En valores\r\n
\r\n \r\n \r\n
\r\n \r\n USD\r\n \r\n {formattedNumber(portfolio.position.valueTotalUSD, 2, 2)}\r\n \r\n
\r\n \r\n
\r\n \r\n Gs\r\n \r\n {formattedNumber(portfolio.positionPYG.portfolioTotal, 0, 0)}\r\n \r\n
\r\n \r\n
\r\n Total*\r\n \r\n USD\r\n {formattedNumber(total, 2, 2)}\r\n \r\n *Valorizado en dólares\r\n
\r\n \r\n \r\n Total*\r\n \r\n USD\r\n {formattedNumber(total, 2, 2)}\r\n \r\n *Valorizado en dólares\r\n
\r\n
\r\n Fecha de vencimiento
\r\n Contrato
\r\n {contracts.length === 0 && No hay contratos}\r\n {contracts.map((documentItem) => {\r\n return (\r\n Documentos subidos
\r\n {documents.length === 0 && No hay documentos}\r\n {documents.map((documentItem) => {\r\n return (\r\n \r\n {documentItem.PersonArchivesSubTypeDescription}\r\n {dateString}\r\n \r\n 
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst DocumentRow = ({ documentItem, handleDownload }) => {\r\n const dateString = documentItem.PersonArchivesHasExpirationDate\r\n ? `Fecha de vencimiento: ${moment(documentItem.PersonArchivesExpirationDate).format(\"DD/MM/YYYY\")}`\r\n : \"No expira\";\r\n\r\n return (\r\n \r\n {documentItem.PersonArchivesSubTypeDescription}\r\n {dateString}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"row\":\"ProfileInfoForm_row_3lkW2\",\"addButton\":\"ProfileInfoForm_addButton_2n2ns\",\"addButtonDisabled\":\"ProfileInfoForm_addButtonDisabled_qikqy\",\"dropdownContainer\":\"ProfileInfoForm_dropdownContainer_14_vx\",\"dropdown\":\"ProfileInfoForm_dropdown_aziAn\",\"dropdownToggle\":\"ProfileInfoForm_dropdownToggle_2bfdI\",\"arrow\":\"ProfileInfoForm_arrow_1LZch\",\"arrowActive\":\"ProfileInfoForm_arrowActive_1dhn2\",\"dropdownMenu\":\"ProfileInfoForm_dropdownMenu_1CPPS\",\"expirtionDateContainer\":\"ProfileInfoForm_expirtionDateContainer_3x3hh\",\"selectFileButton\":\"ProfileInfoForm_selectFileButton_1uXrw\",\"button\":\"ProfileInfoForm_button_1uZb-\",\"expirationDate\":\"ProfileInfoForm_expirationDate_3ToFy\",\"input\":\"ProfileInfoForm_input_281Ju\",\"subTitle\":\"ProfileInfoForm_subTitle_3DveC\",\"contractRow\":\"ProfileInfoForm_contractRow_1lGj0\",\"documentRowWrapper\":\"ProfileInfoForm_documentRowWrapper_3BI-X\",\"title\":\"ProfileInfoForm_title_14M0p\",\"selectFileInput\":\"ProfileInfoForm_selectFileInput_1i8bJ\",\"table\":\"ProfileInfoForm_table_KNJCc\",\"tbody\":\"ProfileInfoForm_tbody_3EhPN\",\"icon\":\"ProfileInfoForm_icon_1yg8p\",\"documentRow\":\"ProfileInfoForm_documentRow_1fEk4\",\"documentRowItem\":\"ProfileInfoForm_documentRowItem_c6itj\"};","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { Button } from \"reactstrap\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { CircularProgress } from \"../UI/CircularProgress/CircularProgress\";\r\nimport { Safearea } from \"../UI/Safearea/Safearea\";\r\nimport { Row, Col } from \"../UI/Customstrap/Customstrap\";\r\nimport { Container } from \"../UI/Container/Container\";\r\nimport { getSession, getCurrentAccount, getSavedPersonInfo } from \"../../reducers/selectors\";\r\nimport { getQuestions, updateAnswers, getPersonInfo } from \"../../services/api/person\";\r\nimport { currentAccountSet, personInfoSet } from \"../../actions/entities\";\r\nimport GenericButton from \"../UI/Button/Button\";\r\nimport style from \"./ProfileTest.scss\";\r\nimport { showToast } from \"../../utils/helper\";\r\nimport { Icons } from \"../UI/Icon/Icon\";\r\nimport { MyData } from \"../Layout/MyData/MyData\";\r\nimport { Prompt } from \"react-router-dom\";\r\n\r\nexport const ProfileTest = ({ history, toggleRedoTest }) => {\r\n const [start, setStart] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [questions, setQuestions] = useState([]);\r\n const [showTestQuestions, setShowTestQuestions] = useState(false);\r\n const [showMyData, setShowMyData] = useState(false);\r\n const personInfo = useSelector(getSavedPersonInfo);\r\n const dispatch = useDispatch();\r\n\r\n useEffect(() => {\r\n setLoading(() => true);\r\n getQuestions()\r\n .then(({ response }) => {\r\n setQuestions(response.questions);\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n setLoading(() => false);\r\n });\r\n }, []);\r\n\r\n const setAnswer = (questionIndex, answerIndex) => {\r\n const newQuestions = [...questions];\r\n\r\n newQuestions.find((question) => question.QuestionId === questionIndex).Answer = newQuestions\r\n .find((question) => question.QuestionId === questionIndex)\r\n .Answer.map((answerItem) => {\r\n return {\r\n ...answerItem,\r\n AnswerIsResponse: false,\r\n };\r\n });\r\n\r\n newQuestions\r\n .find((question) => question.QuestionId === questionIndex)\r\n .Answer.find((answer) => answer.AnswerId === answerIndex).AnswerIsResponse = true;\r\n\r\n setQuestions(newQuestions);\r\n };\r\n\r\n const onConfirm = () => {\r\n const newQuestions = questions.filter((questionItem) => {\r\n if (questionItem.Answer.find((answerItem) => answerItem.AnswerIsResponse)) return questionItem;\r\n });\r\n if (newQuestions.length < questions.length) {\r\n showToast(\"Debe responder todas las preguntas\", true);\r\n return;\r\n } else {\r\n setLoading(() => true);\r\n updateAnswers({ sdtQuestion: questions })\r\n .then(({ response }) => {\r\n if (response.sdtresult.Code !== 200) showToast(\"Error enviando respuestas\", true);\r\n else {\r\n getPersonInfo()\r\n .then(({ response }) => {\r\n dispatch(personInfoSet(response.personInfo));\r\n history.push(\"/investorProfile/profileTestAnswer\");\r\n window.location.reload();\r\n })\r\n .catch((err) => console.error(err))\r\n .finally(() => {\r\n setLoading(() => false);\r\n });\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n toggleShowTestQuestions();\r\n toggleShowMyData();\r\n }\r\n };\r\n\r\n const toggleShowTestQuestions = () => {\r\n setShowTestQuestions((stateTestQuestions) => !stateTestQuestions);\r\n setStart(!start);\r\n };\r\n\r\n const toggleShowMyData = () => {\r\n setShowMyData((stateMyData) => !stateMyData);\r\n };\r\n\r\n if (!personInfo || loading)\r\n return (\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n {\r\n toggleShowMyData();\r\n // No permitir la navegación hacia atrás\r\n return false;\r\n }}\r\n />\r\n {showMyData &&
\r\n );\r\n};\r\n\r\nconst Question = ({ question, setAnswer }) => {\r\n const [active, setActive] = useState(\"\");\r\n\r\n return (\r\n \r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"subAssetClassDisplay\":\"ProfileTest_subAssetClassDisplay_2BuWL\",\"titleWrapper\":\"ProfileTest_titleWrapper_1vzQp\",\"title\":\"ProfileTest_title_7Jp-o\",\"iconWrapper\":\"ProfileTest_iconWrapper_1vVML\",\"iconArrow\":\"ProfileTest_iconArrow_37XAM\",\"profileTestWrapper\":\"ProfileTest_profileTestWrapper_1dqk_\",\"welcomeContainer\":\"ProfileTest_welcomeContainer_1VMgn\",\"name\":\"ProfileTest_name_Vvz3V\",\"text\":\"ProfileTest_text_3i7HO\",\"buttonContainer\":\"ProfileTest_buttonContainer_3ydvt\",\"button\":\"ProfileTest_button_gkMpn\",\"questionContainer\":\"ProfileTest_questionContainer_2qxvb\",\"questionTitle\":\"ProfileTest_questionTitle_1utJc\",\"answerRow\":\"ProfileTest_answerRow_36e7L\",\"answerText\":\"ProfileTest_answerText_2Nfim\",\"answerRowActive\":\"ProfileTest_answerRowActive_1lfTa\",\"buttonConfirm\":\"ProfileTest_buttonConfirm_2xxyH\",\"answerTitle\":\"ProfileTest_answerTitle_22uuB\"};","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { CircularProgress } from \"../UI/CircularProgress/CircularProgress\";\r\nimport { Safearea } from \"../UI/Safearea/Safearea\";\r\nimport { Row, Col } from \"../UI/Customstrap/Customstrap\";\r\nimport { Container } from \"../UI/Container/Container\";\r\nimport { getAnswers } from \"../../services/api/person\";\r\nimport { getSession, getCurrentAccount, getSavedPersonInfo } from \"../../reducers/selectors\";\r\nimport redoTestIcon from \"../../../public/svg/redoTest.svg\";\r\nimport { Icons } from \"../UI/Icon/Icon\";\r\nimport style from \"./ProfileTestAnswer.scss\";\r\nimport GenericButton from \"../UI/Button/Button\";\r\nimport { ProfileTest } from \"../ProfileTest/ProfileTest\";\r\nimport { Prompt } from \"react-router-dom\";\r\n\r\nexport const ProfileTestAnswer = ({ toggleProfileAnswers }) => {\r\n const [start, setStart] = useState(false);\r\n const [questions, setQuestions] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n const [showRedoTest, setShowRedoTest] = useState(false);\r\n\r\n const profileRiskString = {\r\n Conservative: \"Conservador\",\r\n Moderate: \"Moderado\",\r\n Aggressive: \"Agresivo\",\r\n Aggresive: \"Agresivo\",\r\n };\r\n\r\n const personInfo = useSelector(getSavedPersonInfo);\r\n\r\n useEffect(() => {\r\n setLoading(() => true);\r\n getAnswers()\r\n .then(({ response }) => {\r\n setQuestions(response.questions);\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n setLoading(() => false);\r\n });\r\n }, []);\r\n\r\n let isEmpty = false;\r\n if (personInfo === null || personInfo === undefined) {\r\n isEmpty = true;\r\n } else if (Object.keys(personInfo).length === 0) {\r\n isEmpty = true;\r\n }\r\n\r\n const toggleShowRedoTest = () => {\r\n setShowRedoTest((stateRedoTest) => !stateRedoTest);\r\n };\r\n\r\n if (!personInfo || loading) return \r\n
\r\n {start ? (\r\n \r\n \r\n \r\n {questions.map((question, index) => {\r\n return \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
\r\n \r\n \r\n
\r\n \r\n
\r\n {personInfo.PhysicalPersonFirstName},
\r\n \r\n Para recomendar las mejores inversiones que se adapten a tus necesidades, queremos\r\n conocerte mejor.\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 \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {\r\n toggleShowRedoTest();\r\n // No permitir la navegación hacia atrás\r\n return false;\r\n }}\r\n />\r\n {showRedoTest &&
\r\n );\r\n};\r\n\r\nconst Question = ({ question }) => {\r\n const [active, setActive] = useState(\"\");\r\n\r\n return (\r\n \r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"subAssetClassDisplay\":\"ProfileTestAnswer_subAssetClassDisplay_2SjU6\",\"titleWrapper\":\"ProfileTestAnswer_titleWrapper_1H335\",\"title\":\"ProfileTestAnswer_title_1JNgf\",\"iconWrapper\":\"ProfileTestAnswer_iconWrapper_18aS3\",\"iconArrow\":\"ProfileTestAnswer_iconArrow_3tX46\",\"profileContainer\":\"ProfileTestAnswer_profileContainer_Wy0RT\",\"boxProfile\":\"ProfileTestAnswer_boxProfile_13VbZ\",\"icon\":\"ProfileTestAnswer_icon_Jx7SX\",\"profileType\":\"ProfileTestAnswer_profileType_2TXWq\",\"buttonRedoTest\":\"ProfileTestAnswer_buttonRedoTest_TkS4Y\",\"container\":\"ProfileTestAnswer_container_3EP37\",\"answerTitle\":\"ProfileTestAnswer_answerTitle_IHC1e\",\"investorType\":\"ProfileTestAnswer_investorType_2NpdR\",\"text\":\"ProfileTestAnswer_text_2fARj\",\"buttonContainer\":\"ProfileTestAnswer_buttonContainer_3Q_t1\",\"button\":\"ProfileTestAnswer_button_13eOa\",\"questionContainer\":\"ProfileTestAnswer_questionContainer_2BtDM\",\"questionTitle\":\"ProfileTestAnswer_questionTitle_33wtU\",\"answerRow\":\"ProfileTestAnswer_answerRow_1XGe6\",\"answerText\":\"ProfileTestAnswer_answerText_h6cNP\",\"answerRowActive\":\"ProfileTestAnswer_answerRowActive_3i_n2\",\"welcomeContainer\":\"ProfileTestAnswer_welcomeContainer_1N7kh\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"containerSidebar\":\"SidebarOnboarding_containerSidebar_rpwO1\",\"sidebarOnboarding\":\"SidebarOnboarding_sidebarOnboarding_3Aiof\",\"header\":\"SidebarOnboarding_header_qhTeX\",\"homeIcon\":\"SidebarOnboarding_homeIcon_3FKbK\",\"verticalLine\":\"SidebarOnboarding_verticalLine_2_V7F\",\"logoLabel\":\"SidebarOnboarding_logoLabel_1pUtY\",\"hr\":\"SidebarOnboarding_hr_2f0P1\",\"cross\":\"SidebarOnboarding_cross__hTL6\",\"optionsContainer\":\"SidebarOnboarding_optionsContainer_139Fw\",\"optionsTitle\":\"SidebarOnboarding_optionsTitle_3dcUn\",\"sidebarMenu\":\"SidebarOnboarding_sidebarMenu_1adL0\",\"menuItems\":\"SidebarOnboarding_menuItems_2iqyf\",\"textMenu\":\"SidebarOnboarding_textMenu_1aERb\",\"greenCircle\":\"SidebarOnboarding_greenCircle_2sY4y\",\"checked\":\"SidebarOnboarding_checked_3aX5g\",\"active\":\"SidebarOnboarding_active_232Nu\",\"unchecked\":\"SidebarOnboarding_unchecked_23dXE\",\"mobileSidebarHeader\":\"SidebarOnboarding_mobileSidebarHeader_vstsI\",\"sidebarMobile\":\"SidebarOnboarding_sidebarMobile_1NFNt\"};","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n Badge,\r\n Nav,\r\n NavItem,\r\n NavLink as RsNavLink,\r\n NavbarBrand,\r\n Label,\r\n} from \"reactstrap\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport cross from \"../../../public/svg/x-symbol-svgrepo-com.svg\";\r\nimport MediaQuery from \"react-responsive\";\r\nimport NavbarToggler from \"reactstrap/lib/NavbarToggler\";\r\nimport { Prompt } from \"react-router-dom\";\r\nimport { EnvironmentSign } from \"bx-react-ui\";\r\nimport { Icons } from \"../UI/Icon/Icon\";\r\nimport { ConfirmDataOnboarding } from \"../Onboarding/ConfirmDataOnboarding/ConfirmDataOnboarding\";\r\nimport style from \"./SidebarOnboarding.scss\";\r\nimport { getSavedPersonInfo } from \"../../reducers/selectors\";\r\nimport { getPersonInfo } from \"../../services/api/person\";\r\nimport { personInfoSet } from \"../../actions/entities\";\r\nimport { ContractOnboarding } from \"../Onboarding/ContractOnboarding/ContractOnboarding\";\r\n\r\nconst environmentName = window.___APP_CONFIG___.ENV_NAME\r\n ? window.___APP_CONFIG___.ENV_NAME\r\n : \"TESTING\";\r\n\r\nconst SidebarOnboarding = ({ isProdEnv }) => {\r\n const dispatch = useDispatch();\r\n const [indexSidebar, setIndexSidebar] = useState(0);\r\n const [mobileSidebar, setMobileSidebar] = useState(false);\r\n const showEnvironmentSign = !isProdEnv || isTestingUser;\r\n const environmentSignText = isProdEnv ? \"PRODUCTION\" : environmentName;\r\n const environmentSignColor = isProdEnv ? \"red\" : \"#34784B\";\r\n\r\n const elementsSidebarOnboarding = [\r\n // \"Confirmá tus datos\",\r\n \"Contrato único\",\r\n // \"Cuentas\",\r\n \"Perfil del inversión\",\r\n \"Declaración PEP\",\r\n ];\r\n\r\n useEffect(() => {\r\n getPersonInfo()\r\n .then(({ response }) => {\r\n dispatch(personInfoSet(response.personInfo));\r\n })\r\n .catch((err) => console.error(err))\r\n }, []);\r\n\r\n const updateSidebar = () => {\r\n setIndexSidebar(indexSidebar + 1);\r\n };\r\n\r\n const toggleMobileSidebar = () => {\r\n setMobileSidebar((stateMobile) => !stateMobile);\r\n };\r\n\r\n const mobileSidebarToggle = (e) => {\r\n toggleMobileSidebar();\r\n };\r\n\r\n const MenuItems = () => {\r\n return (\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n Perfil {profileRiskString[personInfo.PersonProfileRiskName]}\r\n
\r\n\r\n \r\n
\r\n \r\n {isEmpty ? (\r\n
\r\n \r\n Para ver su perfil de inversionista primero debe hacer la prueba de perfil\r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n\r\n {questions.map((question, index) => {\r\n return Mis respuestas
\r\n \r\n {elementsSidebarOnboarding.map((menuElement, index) => (\r\n
\r\n );\r\n };\r\n\r\n return (\r\n \r\n {index < indexSidebar ? (\r\n \r\n \r\n ) : (\r\n
\r\n ))}\r\n \r\n {index === indexSidebar ? (\r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n
\r\n )}\r\n \r\n
\r\n {menuElement.toString()}\r\n \r\n \r\n \r\n \r\n {mobileSidebar && (\r\n \r\n \r\n {\r\n mobileSidebarToggle(e);\r\n }}\r\n />\r\n \r\n\r\n \r\n )}\r\n \r\n {showEnvironmentSign && (\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 Configuración de perfil
\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 \r\n {\" \"}\r\n Configuración de perfil{\" \"}\r\n
\r\n \r\n
\r\n - \r\n
\r\n
\r\n Perfil inversor de la cuenta
\r\n\r\n
\r\n El perfil inversionista de su cuenta es
\r\n\r\n {profileRiskString[currentAccount.accountProfileRisk]}
\r\n\r\n {questions.map((question, index) => {\r\n return \r\n \r\n {text}\r\n \r\n 
\r\n
\r\n );\r\n};\r\n","import React from \"react\";\r\nimport { Button, Label } from \"reactstrap\";\r\nimport styles from \"./Button.scss\";\r\nimport { CircularProgress } from \"../CircularProgress/CircularProgress\";\r\n\r\nconst GenericButton = ({\r\n label,\r\n handleClick,\r\n icon,\r\n marginRightIcon,\r\n iconSvg,\r\n rounded,\r\n primary,\r\n secondary,\r\n pl0,\r\n backgroundColor,\r\n marginLeft,\r\n textColor,\r\n grayDark,\r\n border,\r\n fontWeight,\r\n lineHeight,\r\n padding,\r\n position,\r\n bottom,\r\n width,\r\n right,\r\n style,\r\n className,\r\n labelStyle,\r\n loading,\r\n disabled,\r\n}) => {\r\n return (\r\n \r\n {label.number && (\r\n \r\n
\r\n \r\n );\r\n};\r\nexport default CounterBox;\r\n","import React from \"react\";\r\nimport { Button, Label } from \"reactstrap\";\r\nimport styles from \"./FutureButton.scss\";\r\n\r\nconst FutureButton = ({\r\n label,\r\n handleClick,\r\n icon,\r\n marginRightIcon,\r\n iconSvg,\r\n style,\r\n labelStyle,\r\n active\r\n}) => {\r\n return (\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {data.map((item, index) => {\r\n if (barColorIdx === 6) {\r\n barColorIdx = 1;\r\n }\r\n barColorIdx += 1;\r\n\r\n const tooltipIndex = `bar-${barColorIdx}`;\r\n return (\r\n 20 ? `${item.percentage}%` : \"auto\" }}\r\n //style={{width : `${item.percentage}%`}}\r\n >\r\n \r\n {`${item.name}: ${item.percentage}%`}\r\n \r\n {`${item.percentage}%`}\r\n
\r\n );\r\n })}\r\n \r\n {data.map((item, index) => {\r\n if (pillColorIdx === 6) {\r\n pillColorIdx = 1;\r\n }\r\n pillColorIdx += 1;\r\n\r\n return (\r\n
\r\n \r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"barWrapper\":\"CompositionBar_barWrapper_BhcRv\",\"bar\":\"CompositionBar_bar_1lHcJ\",\"item\":\"CompositionBar_item_2Qi_6\",\"itemSpan\":\"CompositionBar_itemSpan_TI-m3\",\"details\":\"CompositionBar_details_38bM5\",\"pill\":\"CompositionBar_pill_2iOep\",\"data\":\"CompositionBar_data_2ct0W\",\"name\":\"CompositionBar_name_3JP2i\",\"percentage\":\"CompositionBar_percentage_1L6Ri\",\"color1\":\"CompositionBar_color1_VJ2NZ\",\"color2\":\"CompositionBar_color2_FHxnx\",\"color3\":\"CompositionBar_color3_1Yh0q\",\"color4\":\"CompositionBar_color4_1of27\",\"color5\":\"CompositionBar_color5_3M52W\",\"color6\":\"CompositionBar_color6_29oU5\"};","import React from \"react\";\r\nimport classNames from \"classnames\";\r\n\r\nimport style from \"./Container.scss\";\r\n\r\nexport const Container = ({ children, ...props }) => {\r\n const { className, ...otherProps } = props;\r\n const newClassName = classNames(className, style.container);\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n {item.name}\r\n {`${item.percentage}%`}\r\n
\r\n \r\n
\r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"containerWrapper\":\"Container_containerWrapper_327aE\",\"container\":\"Container_container_2gryl\"};","import React from \"react\";\r\nimport { Row as RSRow, Col as RSCol } from \"reactstrap\";\r\nimport classNames from \"classnames\";\r\n\r\nimport style from \"./Customstrap.scss\";\r\n\r\nexport const Row = (props) => {\r\n const { className, ...otherProps } = props;\r\n const newClassName = classNames(className, style.row);\r\n\r\n return \r\n {children}\r\n
\r\n {children}
;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"buttonGroup\":\"RadioButton_buttonGroup_3Hm4s\",\"radioButton\":\"RadioButton_radioButton_1aX9P\",\"label\":\"RadioButton_label_N_keA\",\"icon\":\"RadioButton_icon_2A6Er\"};","import React from \"react\";\r\n\r\nimport style from \"./Safearea.scss\";\r\n\r\nexport const Safearea = ({ children, ...props }) => {children}
;\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"safearea\":\"Safearea_safearea_nUg24\"};","import React from \"react\";\r\nimport { Label } from \"reactstrap\";\r\nimport classNames from \"classnames\";\r\n\r\nimport style from \"./TitleLabel.scss\";\r\n\r\nexport const TitleLabel = ({ label, className, ...otherProps }) => {\r\n const newClasses = classNames(className, style.cardTitle);\r\n return (\r\n \r\n );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"cardTitle\":\"TitleLabel_cardTitle_1VtvT\",\"titleInfo\":\"TitleLabel_titleInfo_4cKHK\",\"headerTitle\":\"TitleLabel_headerTitle_2khlT\"};","import React, { Fragment, useState, useEffect } from \"react\";\r\nimport { DropdownToggle, DropdownMenu, DropdownItem, Dropdown } from \"reactstrap\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { fetchGetAccounts } from \"../../services/api/accounts\";\r\nimport { getPersonInfo } from \"../../services/api/person\";\r\nimport { getCurrentAccount, getSavedPersonInfo } from \"../../reducers/selectors\";\r\nimport { currentAccountSet, personInfoSet } from \"../../actions/entities\";\r\nimport arrow from \"../../../public/svg/keyboard_arrow_down.svg\";\r\nimport style from \"./UserSelector.scss\";\r\n\r\nexport const UserSelector = ({ isInNavbar }) => {\r\n const [loadingInfo, setLoadingInfo] = useState(true);\r\n const [accounts, setAccounts] = useState([]);\r\n const dispatch = useDispatch();\r\n const [userDropdownIsOpen, setUserDropdownIsOpen] = useState(false);\r\n const currentAccount = useSelector(getCurrentAccount);\r\n const personInfo = useSelector(getSavedPersonInfo);\r\n const [myData, setMyData] = useState(false);\r\n const [investorProfile, setInvestorProfile] = useState(false);\r\n\r\n const profileRiskString = {\r\n Conservative: \"Conservador\",\r\n Moderate: \"Moderado\",\r\n Aggressive: \"Agresivo\",\r\n };\r\n\r\n const hideMobile = () => {\r\n if (document.body.classList.contains(\"sidebar-mobile-show\")) {\r\n document.body.classList.toggle(\"sidebar-mobile-show\");\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n getPersonInfo()\r\n .then(({ response }) => {\r\n dispatch(personInfoSet(response.personInfo));\r\n })\r\n .catch((err) => console.error(err))\r\n .finally(() => setLoadingInfo(false));\r\n }, []);\r\n\r\n useEffect(() => {\r\n fetchGetAccounts()\r\n .then((r) => {\r\n if (r.response.accounts.length > 0) {\r\n setAccounts(r.response.accounts);\r\n handleChangeAccount(r.response.accounts[0]);\r\n } else {\r\n handleChangeAccount({\r\n noAccounts: true,\r\n AccountNumber: 0,\r\n AccountEmail: \"\",\r\n AccountName: \"\",\r\n advisorName: \"\",\r\n advisorFirstLastName: \"\",\r\n advisorEmail: \"\",\r\n advisorPhone: \"\",\r\n });\r\n }\r\n })\r\n .catch((err) => console.error(err));\r\n }, []);\r\n\r\n const toggleUserDropdown = () => {\r\n setUserDropdownIsOpen((prevState) => !prevState);\r\n };\r\n\r\n const handleChangeAccount = (newAccount) => {\r\n dispatch(currentAccountSet({ ...currentAccount, ...newAccount, AccountNumber: newAccount.number }));\r\n };\r\n\r\n const userSelectorData = () => {\r\n return (\r\n cuenta {currentAccount.AccountNumber}
\r\n\r\n {`asesor ${currentAccount.advisorName} ${currentAccount.advisorFirstLastName} / celular ${currentAccount.advisorPhone}`}
\r\n \r\n \r\n \r\n perfil inversor {profileRiskString[currentAccount.accountProfileRisk]}\r\n
\r\n \r\n
\r\n )\r\n}\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"Warning_container_O7ea_\",\"text\":\"Warning_text_KSEDl\"};","const CONFIG_VAR = '___APP_CONFIG___';\r\n\r\nfunction get(key) {\r\n\tif (!window[CONFIG_VAR]) {\r\n\t\tthrow \"Missing app configuration file config-env.json\";\r\n\t}\r\n\t\r\n\treturn window[CONFIG_VAR][key];\r\n}\r\n\r\nexport default {\r\n\tget\r\n}","import React from \"react\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport MainLayout from \"./../components/Layout/MainLayout\";\r\nimport PrivateRoute from \"./../components/Auth/PrivateRoute\";\r\nimport { PortfolioPage } from \"./../pages/Portfolio\";\r\nimport { HistoryPage } from \"./../pages/History\";\r\nimport { Notifications } from \"../pages/Notifications\";\r\nimport { ProfileInfo } from \"../pages/ProfileInfo\";\r\nimport { Authorizations } from \"../pages/Authorizations\";\r\nimport { FutureIncome } from \"../pages/FutureIncome\";\r\nimport { MonthlyStates } from \"../pages/MonthlyStates\";\r\nimport { Orders } from \"../pages/Orders\";\r\nimport { MyData } from \"../components/Layout/MyData/MyData\";\r\nimport { HelpPage } from \"../pages/Help\";\r\nimport { Help } from \"../components/Help/Help\";\r\nimport { InvestPage } from \"../pages/Invest\";\r\nimport { InvestorProfile } from \"../components/InvestorProfile/InvestorProfile\";\r\nimport { ProfileTest } from \"../components/ProfileTest/ProfileTest\";\r\nimport { ProfileTestAnswer } from \"../components/ProfileTestAnswer/ProfileTestAnswer\";\r\nimport { AccountProfileTest } from \"../components/Suitability/AccountProfileTest\";\r\nimport { Redirection } from \"../pages/Redirection\";\r\nimport { RedirectionPayments } from \"../pages/RedirectionPayments\";\r\nimport { InConstruction } from \"../components/InConstruction/InConstruction\";\r\nimport { Onboarding } from \"../pages/Onboarding\";\r\n\r\nimport LoginPage from \"../pages/Login\";\r\nimport { Autologin } from \"../pages/Autologin\";\r\nimport IconsPage from \"../pages/IconsPage\";\r\n\r\nexport const routes = (\r\n Importante: {text}
\r\n\r\n \r\n {iconKeys.map((key) => {\r\n const IconComponent = Icons[key];\r\n return (\r\n handleCopyToClipboard(key)}\r\n style={{\r\n textAlign: \"center\",\r\n marginBottom: \"20px\",\r\n boxShadow: \"rgba(0, 0, 0, 0.35) 0px 5px 15px\",\r\n padding: 16,\r\n borderRadius: 8,\r\n }}\r\n >\r\n {key}\r\n
\r\n \r\n );\r\n })}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default IconsPage;\r\n","import React, { Fragment, useState, useEffect } from \"react\";\r\nimport { Col, Row } from \"reactstrap\";\r\nimport { PageWrapper } from \"../components/PageWrapper/PageWrapper\";\r\nimport { Invest } from \"../components/Invest/Invest\";\r\nimport { Safearea } from \"../components/UI/Safearea/Safearea\";\r\nimport { Header } from \"../components/Layout/Header/Header\";\r\n\r\nexport const InvestPage = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n","import React, { Fragment } from \"react\";\r\nimport { Col, Row } from \"reactstrap\";\r\nimport OrdersComponent from \"../components/Layout/OrdersComponent/OrdersComponent\";\r\nimport { PageWrapper } from \"../components/PageWrapper/PageWrapper\";\r\nimport { Safearea } from \"../components/UI/Safearea/Safearea\";\r\nimport { Header } from \"../components/Layout/Header/Header\";\r\n\r\nexport const Orders = () => {\r\n return (\r\n Redireccionando...
\r\n \r\nRedireccionando...
\r\n \r\n\r\n
,\r\n {\r\n ...options,\r\n className: css({\r\n background: \"#FFFFFF\",\r\n borderRadius: 15.63,\r\n padding: 20.85,\r\n border: \"solid #004799 1px\",\r\n }),\r\n hideProgressBar: true,\r\n closeButton: false,\r\n }\r\n );\r\n },\r\n error(msg, options = {}) {\r\n return toast(\r\n \r\n
,\r\n {\r\n ...options,\r\n className: css({\r\n background: \"#FFFFFF\",\r\n borderRadius: 15.63,\r\n padding: 20.85,\r\n color: \"#ffffff\",\r\n border: \"solid #99173C 1px\",\r\n }),\r\n hideProgressBar: true,\r\n closeButton: false,\r\n }\r\n );\r\n },\r\n success(msg, options = {}) {\r\n return toast(\r\n \r\n
,\r\n {\r\n ...options,\r\n className: css({\r\n background: \"#FFFFFF\",\r\n borderRadius: 15.63,\r\n padding: 20.85,\r\n color: \"#ffffff\",\r\n border: \"solid #146542 1px\",\r\n }),\r\n hideProgressBar: true,\r\n closeButton: false,\r\n }\r\n );\r\n },\r\n warning(msg, options = {}) {\r\n return toast(\r\n \r\n
,\r\n {\r\n ...options,\r\n className: css({\r\n background: \"#FFFFFF\",\r\n borderRadius: 15.63,\r\n padding: 20.85,\r\n color: \"#ffffff\",\r\n border: \"solid #664400 1px\",\r\n }),\r\n hideProgressBar: true,\r\n closeButton: false,\r\n }\r\n );\r\n },\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"toast\":\"helper_toast_3ufkN\",\"msg\":\"helper_msg_37MSE\",\"icon\":\"helper_icon_2ELAl\"};","import React from \"react\";\r\nimport { BrowserRouter as Router, Link, useLocation } from \"react-router-dom\";\r\n\r\nexport const useQuery = () => {\r\n const { search } = useLocation();\r\n\r\n return React.useMemo(() => new URLSearchParams(search), [search]);\r\n};\r\n\r\nexport const getAllUrlParams = (url) => {\r\n // get query string from url (optional) or window\r\n var queryString = url ? url.split(\"?\")[1] : window.location.search.slice(1);\r\n\r\n // we'll store the parameters here\r\n var obj = {};\r\n\r\n // if query string exists\r\n if (queryString) {\r\n // stuff after # is not part of query string, so get rid of it\r\n queryString = queryString.split(\"#\")[0];\r\n\r\n // split our query string into its component parts\r\n var arr = queryString.split(\"&\");\r\n\r\n for (var i = 0; i < arr.length; i++) {\r\n // separate the keys and the values\r\n var a = arr[i].split(\"=\");\r\n\r\n // set parameter name and value (use 'true' if empty)\r\n var paramName = a[0];\r\n var paramValue = typeof a[1] === \"undefined\" ? true : a[1];\r\n\r\n // (optional) keep case consistent\r\n // paramName = paramName.toLowerCase();\r\n // if (typeof paramValue === \"string\") paramValue = paramValue.toLowerCase();\r\n\r\n // if the paramName ends with square brackets, e.g. colors[] or colors[2]\r\n if (paramName.match(/\\[(\\d+)?\\]$/)) {\r\n // create key if it doesn't exist\r\n var key = paramName.replace(/\\[(\\d+)?\\]/, \"\");\r\n if (!obj[key]) obj[key] = [];\r\n\r\n // if it's an indexed array e.g. colors[2]\r\n if (paramName.match(/\\[\\d+\\]$/)) {\r\n // get the index value and add the entry at the appropriate position\r\n var index = /\\[(\\d+)\\]/.exec(paramName)[1];\r\n obj[key][index] = paramValue;\r\n } else {\r\n // otherwise add the value to the end of the array\r\n obj[key].push(paramValue);\r\n }\r\n } else {\r\n // we're dealing with a string\r\n if (!obj[paramName]) {\r\n // if it doesn't exist, create property\r\n obj[paramName] = paramValue;\r\n } else if (obj[paramName] && typeof obj[paramName] === \"string\") {\r\n // if property does exist and it's a string, convert it to an array\r\n obj[paramName] = [obj[paramName]];\r\n obj[paramName].push(paramValue);\r\n } else {\r\n // otherwise add the property\r\n obj[paramName].push(paramValue);\r\n }\r\n }\r\n }\r\n }\r\n\r\n obj.get = (text) => {\r\n return obj[text];\r\n };\r\n\r\n return obj;\r\n};\r\n","export function updateOrInsert(array = [], value, { key }) {\r\n const index = array.findIndex(elem => elem[key] == value[key]);\r\n\r\n if (index === -1) {\r\n return [value].concat(array);\r\n }\r\n\r\n return array.map(elem => {\r\n if (elem[key] == value[key]) {\r\n return value;\r\n }\r\n\r\n return elem;\r\n });\r\n}\r\n\r\nexport function updateProperties(array = [], id, { key, value }) {\r\n return array.map(elem => {\r\n if (elem[key] == id) {\r\n return {\r\n ...elem,\r\n ...value,\r\n };\r\n }\r\n\r\n return elem;\r\n });\r\n}\r\n\r\nexport function removeIfExists(array = [], value, { key }) {\r\n return array.filter(elem => elem[key] != value[key]);\r\n}\r\n"],"sourceRoot":""}