\r\n \r\n
\r\n \r\n )\r\n return createPortal(element, document.body)\r\n }\r\n\r\n const childrenWithProps = React.Children.map(children, child => {\r\n if (React.isValidElement(child)) {\r\n return React.cloneElement(child as ReactElement, {\r\n ref: childrenRef,\r\n onMouseEnter: handleMouseEnter,\r\n onMouseLeave: handleMouseLeave,\r\n onClick: handleClick,\r\n });\r\n }\r\n return child;\r\n });\r\n\r\n const renderChildren = () =>\r\n trigger === TooltipTriggerType.Click\r\n ? \r\n
\r\n \r\n {typeof overlay === 'function' ? overlay() : overlay}\r\n
\r\n \r\n {label}\r\n
\r\n );\r\n}\r\n","import * as React from 'react';\r\nimport { Preloader } from './Preloader';\r\n\r\ninterface Props {\r\n isNextPageRequesting: boolean;\r\n}\r\nexport function InfiniteScrollLoader({ isNextPageRequesting }: Props) {\r\n if (isNextPageRequesting) {\r\n return \r\n {children}\r\n {renderRedirectButton()}\r\n
\r\n \r\n setRejectReason(e.target.value)}\r\n />\r\n
\r\n {children}
\r\n )\r\n}\r\n","import IconSVG from \"../../styles/svg-icons\";\r\n\r\ninterface Props {\r\n isSelected: boolean;\r\n onClick: () => void;\r\n disabled?: boolean;\r\n label?: string;\r\n}\r\n\r\nexport const AlertsButton = ({\r\n isSelected,\r\n onClick,\r\n disabled,\r\n label,\r\n}: Props) => (\r\n \r\n 
\r\n
\r\n )\r\n });\r\n const settings = {\r\n arrows: true,\r\n dots: true,\r\n draggable: false,\r\n infinite: true,\r\n autoplay: true,\r\n autoplaySpeed: 10000,\r\n slidesToShow: 1,\r\n slidesToScroll: 1\r\n };\r\n return (\r\n <>\r\n \r\n
\r\n \r\n { newFeature &&\r\n new\r\n }\r\n {title}\r\n
\r\n- \r\n {text.map((t, j) =>
- {t} )}\r\n
\r\n {children}\r\n
\r\n )\r\n}\r\n\r\nexport { FlexRow };\r\n","import * as React from 'react';\r\n\r\ntype TRenderChildren = (visible: boolean) => React.ReactNode;\r\n\r\ninterface Props {\r\n disabled?: boolean;\r\n enabledUnloading?: boolean;\r\n children: React.ReactNode | TRenderChildren;\r\n className?: string;\r\n onVisibleChange?: (visible: boolean) => void;\r\n}\r\n\r\nexport function LazyLoad({ children, disabled = false, enabledUnloading = false, className, onVisibleChange }: Props) {\r\n const [inViewport, setInViewport] = React.useState(false);\r\n const targetRef = React.createRef{renderChildren()}
\r\n}\r\n","import { user } from \"../../user\";\r\n\r\ninterface BwicFlags {\r\n isMy: boolean;\r\n isParticipant: boolean;\r\n isAllToAll: boolean;\r\n}\r\n\r\ninterface MyBwicIconProps {\r\n bwic: BwicFlags\r\n}\r\n\r\n\r\nexport const MyBwicIcon = ({ bwic }: MyBwicIconProps) => {\r\n if (bwic.isAllToAll && user.current()?.isClearingBank) return null;\r\n\r\n return bwic.isMy || bwic.isParticipant ? (\r\n My
\r\n ) : null;\r\n}","import React from 'react';\r\n\r\nexport const PxTalkNormalizationTable = () => (\r\n <>\r\n Px Talk Normalization Algorithm
\r\n| Prefix | \r\nA | \r\nVVL | \r\nVL | \r\nL | \r\nLM | \r\n
|---|---|---|---|---|---|
| Digital Convertion | \r\n0 | \r\n0.025 | \r\n0.05 | \r\n0.15 | \r\n0.35 | \r\n
| Prefix | \r\nM | \r\nMH | \r\nH | \r\nVH | \r\nVVH | \r\n
| Digital Convertion | \r\n0.5 | \r\n0.6 | \r\n0.8 | \r\n0.9 | \r\n0.95 | \r\n
| A – Area | \r\n
\r\n
\r\n );\r\n }\r\n\r\n handleTalkChange = e => {\r\n const { pxTalk, dispatch } = this.props;\r\n\r\n this.setState({ changed: true });\r\n dispatch(actions.talkChange(pxTalk.company.id, e.target.value));\r\n }\r\n\r\n handleTalkBlur = () => {\r\n const { pxTalk, dispatch } = this.props;\r\n\r\n if (this.state.changed) {\r\n this.setState({ changed: false });\r\n dispatch(actions.normalizeTalk(pxTalk.company.id, pxTalk.talk, pxTalk.levelType));\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = () => ({\r\n});\r\n\r\nconst connectedPxTalkRow = connect(mapStateToProps)(PxTalkRow);\r\nexport { connectedPxTalkRow as PxTalkRow };\r\n","import * as React from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { Form, Formik } from 'formik';\r\nimport { changePxTalkActions as actions } from '../../../actions';\r\nimport { AutoCompleteInput, FormError } from '../../controls';\r\nimport { PxTalkRow } from './PxTalkRow';\r\nimport { errorMessages, pxTalkLevelTypes } from '../../../constants';\r\nimport { isRequesting, stringUtils } from '../../../utils';\r\nimport { yup } from '../../../validation/yup';\r\nimport { AppState } from '../../../types/state/AppState';\r\nimport { FormikHelpers } from 'formik/dist/types';\r\nimport IconSVG from '../../../styles/svg-icons';\r\nimport { usePriceTalks } from '../../../effects/usePriceTalks';\r\nimport { Preloader } from '../Preloader';\r\nimport { useBrokerDealers } from '../../../effects/useBrokerDealers';\r\nimport { useAppDispatch } from '../../../effects/useAppDispatch';\r\n\r\ninterface Props {\r\n saveButtonText: string;\r\n onSave: () => void;\r\n onCancel: () => void;\r\n}\r\n\r\nexport const ChangePxTalk: React.FC{pxTalk.company.name}
\r\n \r\n
\r\n \r\n {\r\n !!pxTalk.error\r\n ?\r\n
\r\n {pxTalk.error}
}\r\n {pxTalk.normalizedLevel || ''}
\r\n \r\n dispatch(actions.levelTypeChange(pxTalk.company.id, levelType))}\r\n className=\"control-group-type01\"\r\n />\r\n
\r\n dispatch(actions.deletePxTalk(index))}>\r\n \r\n
\r\n );\r\n};\r\n\r\nChangePxTalk.defaultProps = {\r\n saveButtonText: 'SAVE CHANGES'\r\n};\r\n","import { constants } from '../../../../constants';\r\nimport { formatUtils } from '../../../../utils';\r\n\r\ninterface AumStatisticsItemProps {\r\n value?: number;\r\n count?: number;\r\n}\r\n\r\nexport const AumStatisticsItem = ({ value, count }: AumStatisticsItemProps) => {\r\n if (!value && !count) {\r\n return {constants.emptyPlaceholder};\r\n }\r\n\r\n return (\r\n <>\r\n {value ? formatUtils.formatToBillions(value) : constants.emptyPlaceholder} /\r\n {count || constants.emptyPlaceholder}\r\n \r\n );\r\n};\r\n","import React from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { formatUtils } from '../../../utils';\r\nimport { pxTalkListActions } from '../../../actions';\r\nimport { constants } from '../../../constants';\r\nimport { FeatureButton } from '../../access/FeatureButton';\r\nimport { ValueBlocker } from '../../access/ValueBlocker';\r\n\r\nexport function PxTalkListButton({ positionId, className, pxTalks, requiredFeature, onClick }) {\r\n const dispatch = useDispatch();\r\n const activePositionId = useSelector(store => store.pxTalkList.positionId);\r\n const pxTalkRangeText =\r\n pxTalks &&\r\n pxTalks.length &&\r\n formatUtils.formatPxTalk(pxTalks);\r\n\r\n if (!pxTalkRangeText) {\r\n return {constants.emptyPlaceholder};\r\n }\r\n\r\n const handleClick = e => {\r\n if (activePositionId === positionId) {\r\n dispatch(pxTalkListActions.hide());\r\n } else {\r\n dispatch(pxTalkListActions.show(positionId));\r\n }\r\n\r\n if (onClick) {\r\n onClick();\r\n }\r\n\r\n e.stopPropagation();\r\n }\r\n\r\n return (\r\n \r\n {!stringUtils.isNullOrEmpty(ticker) &&
\r\n Px Talk for {ticker}
}\r\n {stringUtils.isNullOrEmpty(ticker) &&Change Px Talk
}\r\n \r\n\r\n \r\n \r\n {({ values, errors, touched, setFieldValue }) => (\r\n \r\n )}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Company
\r\n Px Talk
\r\n Normalized
\r\n Type
\r\n \r\n {pxTalks.map((p, i: number) =>
\r\n \r\n \r\n \r\n
\r\n \r\n setInputFocus(true)}\r\n onBlur={() => setInputFocus(false)}\r\n disabled={disabled}\r\n {...props}\r\n />\r\n {\r\n !!value &&\r\n \r\n }\r\n
\r\n );\r\n}\r\n","import { InfoTooltip } from \"./InfoTooltip\";\r\n\r\ninterface EmailInfoTooltipProps {\r\n overlayText?: string;\r\n}\r\n\r\nconst EmailInfoTooltip = ({ overlayText }: EmailInfoTooltipProps) => \r\n \r\n
\r\n \r\n \r\n
\r\n {content}
\r\n : content as React.ReactElement{loaderImage} {renderText()}
;\r\n }\r\n\r\n const renderLoader = () => isIE() ? renderLoaderBox(renderIE()) : renderLoaderBox(render())\r\n\r\n const renderText = () => text ? {text} : null\r\n\r\n if (inProgress) {\r\n const content = textOnly ? renderText() : renderLoader();\r\n\r\n return renderFullScreen(content);\r\n }\r\n\r\n return children ? children as React.ReactElement\r\n \r\n onChange(String(item.value))}\r\n />\r\n
\r\n )\r\n}","import cn from 'classnames';\r\nimport { Color as _Color } from \"../../types/bwic/Color\";\r\nimport { formatUtils } from \"../../utils/format.utils\";\r\n\r\ninterface Props {\r\n color: _Color;\r\n}\r\n\r\nexport function Color({ color }: Props) {\r\n return (\r\n \r\n {formatUtils.formatColor(color)}\r\n \r\n );\r\n}","import * as React from 'react';\r\n\r\nexport function LiveBiddingTooltipContent() {\r\n return (\r\n <>\r\n LiveBidding™
\r\n\r\n In Stage 1, participants submit blind bids to set the starting bid level for\r\n Stage 2. In Stage 2, a specified number of top bidders from Stage 1 can see\r\n live Best or Cover bid levels and improve their bids until the BWIC is completed.\r\n
\r\n \r\n );\r\n}\r\n","import { useCallback, useEffect, useRef, useState } from \"react\";\r\nimport cn from 'classnames';\r\nimport IconSVG from \"../../styles/svg-icons\";\r\n\r\ninterface HorizontalScrollProps {\r\n disabled?: boolean;\r\n children: React.ReactElement[];\r\n itemsPerView: number;\r\n activeItemIndex: number;\r\n}\r\n\r\nenum Direction {\r\n Left = 'Left',\r\n Right = 'Right'\r\n}\r\n\r\nexport const HorizontalSlider = ({ children, itemsPerView, activeItemIndex, disabled = false }: HorizontalScrollProps) => {\r\n const [lastDirection, setLastDirection] = useState\r\n handleSlide(Direction.Left)}\r\n >\r\n handleSlide(Direction.Right)}\r\n >\r\n
\r\n )\r\n}","import IconSVG from '../../styles/svg-icons';\r\nimport cn from 'classnames';\r\nimport { OnHoverTooltip } from './OnHoverTooltip';\r\nimport { ContextMenuItem } from '../controls/ContextMenuItem';\r\nimport { ClassIndicators } from '../../types/amr-pipeline/models/ClassIndicators';\r\nimport { constants } from '../../constants';\r\nimport { useContext, useState } from 'react';\r\nimport { Tooltip, TooltipPlacement, TooltipTriggerType } from './Tooltip';\r\nimport { logger } from '../../logging/logger';\r\nimport { ActionBlocker } from '../access/ActionBlocker';\r\nimport { SubscriptionFeature } from '../../types/billing/SubscriptionFeature';\r\nimport { BlockedFeatureContext } from '../access/BlockedFeatureContext';\r\n\r\ntype Props = {\r\n identifier?: string;\r\n identifiers?: ClassIndicators;\r\n text?: string;\r\n className?: string;\r\n disabled?: boolean;\r\n textLink?: boolean;\r\n placeholderIfEmpty?: boolean;\r\n secondaryPlaceholderColor?: boolean;\r\n};\r\n\r\ntype BloombergFunction = 'DES' | 'DES%202' | 'CLC' | 'CLP' | 'CFT' | 'TRIG' | 'MV';\r\n\r\nconst BLOOMBERG_FUNCTIONS: {\r\n name: BloombergFunction;\r\n text: string;\r\n}[] = [\r\n {\r\n name: 'DES',\r\n text: 'DES - Security Description',\r\n },\r\n {\r\n name: 'DES%202',\r\n text: 'DES 2 - Collateral Description',\r\n },\r\n {\r\n name: 'CLC',\r\n text: 'CLC - Collateral Composition',\r\n },\r\n {\r\n name: 'CLP',\r\n text: 'CLP - Collateral Performance',\r\n },\r\n {\r\n name: 'CFT',\r\n text: 'CFT - Cash Flow Table',\r\n },\r\n {\r\n name: 'TRIG',\r\n text: 'TRIG - Trigger Information',\r\n },\r\n {\r\n name: 'MV',\r\n text: 'MV - Market Value',\r\n },\r\n ];\r\n\r\nexport function BloombergLink({\r\n identifiers,\r\n identifier,\r\n className,\r\n placeholderIfEmpty,\r\n secondaryPlaceholderColor,\r\n textLink = false,\r\n}: Props) {\r\n const blockedFromOutside = useContext(BlockedFeatureContext);\r\n const [visible, setVisible] = useState\r\n {children}\r\n
\r\n \r\n \r\n
\r\n );\r\n\r\n const renderTooltip = () => (\r\n \r\n
\r\n )}\r\n >\r\n e.stopPropagation()}>\r\n - {getMenuItems()}
e.stopPropagation()}>\r\n {\r\n agreementStatus === SettlementAgreementStatus.confirmed && Boolean(total) ? (\r\n \r\n ) : constants.emptyPlaceholder\r\n }\r\n {renderPopup()}\r\n
\r\n )\r\n}\r\n\r\nDailyTradingLimitDialog.defaultProps = {\r\n amountToMM: false,\r\n valueLabel: '',\r\n}\r\n","import * as React from 'react';\r\nimport { ReactNode } from 'react';\r\nimport cn from 'classnames';\r\n\r\ninterface Props {\r\n title?: string;\r\n text?: ReactNode;\r\n children?: ReactNode;\r\n textView?: boolean;\r\n textViewRow?: boolean;\r\n className?: string;\r\n onResetClick?: () => void;\r\n}\r\n\r\nexport const EmptyPlaceholder = ({\r\n title = '',\r\n text = 'No search results found.',\r\n children = null,\r\n textView = false,\r\n textViewRow = false,\r\n className,\r\n onResetClick,\r\n}: Props) => (\r\n \r\n {!!title &&
\r\n);\r\n","import React, { useState, useEffect, useRef } from 'react';\r\nimport classNames from 'classnames';\r\nimport { constants } from \"../../constants\";\r\nimport { Chip } from \"../controls\";\r\nimport { validateEmail } from '../../utils/validate-email.utils'\r\nimport IconSVG from '../../styles/svg-icons';\r\n\r\nconst INITIAL_INPUT_WIDTH = 320;\r\nconst MIN_INPUT_WIDTH = 32;\r\nconst INPUT_INDENT = 12;\r\n\r\nexport function EmailChipList({\r\n disabled = false,\r\n onChange,\r\n allowInvalid = false,\r\n withClearAll = false,\r\n placeholder = 'You can copy and paste a list of emails here',\r\n className,\r\n defaultItems = [],\r\n}) {\r\n const refInterval = useRef(null);\r\n const refInput = useRef(null);\r\n const refInvalidEmailInput = useRef([]);\r\n const refInvalidEmailSpan = useRef([]);\r\n const [items, setItems] = useState(defaultItems);\r\n const [selectedItem, setSelectedItem] = useState(null);\r\n const [value, setValue] = useState('');\r\n const [inputBgOpacity, setInputBgOpacity] = useState(0);\r\n const [inputWidth, setInputWidth] = useState(INITIAL_INPUT_WIDTH);\r\n\r\n const displayClearAll = !!(withClearAll && (value || items.length));\r\n const isValidEmail = validateEmail(value);\r\n\r\n useEffect(() => {\r\n return () => {\r\n if (refInterval.current) {\r\n clearInterval(refInterval.current)\r\n }\r\n } // eslint-disable-next-line\r\n }, []);\r\n\r\n useEffect(() => resetInputWidth(), [value]);\r\n\r\n useEffect(() => {\r\n if (inputBgOpacity <= 0 && refInterval.current) {\r\n clearInterval(refInterval.current);\r\n }\r\n }, [inputBgOpacity])\r\n\r\n useEffect(() => {\r\n onChange && onChange(items);\r\n if (allowInvalid && refInvalidEmailInput?.current?.some(el => el?.isEditing)) {\r\n return;\r\n }\r\n if (items.length) {\r\n resetInputWidth();\r\n } else {\r\n setInputWidth(INITIAL_INPUT_WIDTH);\r\n } // eslint-disable-next-line\r\n }, [items]);\r\n\r\n useEffect(() => {\r\n if (!inputWidth) {\r\n resetInputWidth();\r\n }\r\n }, [inputWidth]);\r\n\r\n const resetInputWidth = () => {\r\n if (refInput.current) {\r\n setInputWidth(Math.max(MIN_INPUT_WIDTH, refInput.current.scrollWidth));\r\n }\r\n };\r\n\r\n const setFocus = () => {\r\n refInput.current && refInput.current.focus();\r\n }\r\n\r\n const highlightInput = () => {\r\n setInputWidth(0);\r\n setInputBgOpacity(1);\r\n if (refInterval.current) {\r\n clearInterval(refInterval.current);\r\n }\r\n refInterval.current = setInterval(() => {\r\n setInputBgOpacity(opacity => Math.max(0, opacity - 0.05));\r\n }, 50)\r\n }\r\n\r\n const addItem = item => setItems(items => [...items, item.toLowerCase()]);\r\n\r\n const removeItem = index => {\r\n if (items[index]) {\r\n setItems(items.filter((item, i) => i !== index));\r\n setFocus();\r\n }\r\n }\r\n\r\n const addToChipList = () => {\r\n if (isValidEmail || (allowInvalid && value)) {\r\n addItem(value);\r\n setValue('');\r\n setSelectedItem(null);\r\n setInputWidth(MIN_INPUT_WIDTH);\r\n } else if (value) {\r\n highlightInput();\r\n }\r\n }\r\n\r\n const handleClickContainer = e => {\r\n e.stopPropagation();\r\n setFocus();\r\n setSelectedItem(null);\r\n }\r\n const handleClickInput = () => setSelectedItem(null);\r\n\r\n const handleClickItem = index => {\r\n setSelectedItem(index);\r\n setFocus();\r\n }\r\n\r\n const handleChange = e => {\r\n if (e.target.value.length - value.length > 1) {\r\n const list = e.target.value.split(/[\\s,;]+/);\r\n let added = false;\r\n for (let i = 0; i < list.length; i++) {\r\n if (list[i].search(constants.email) === 0 || (allowInvalid && list[i])) {\r\n addItem(list[i]);\r\n added = true;\r\n }\r\n }\r\n if (added) {\r\n setValue('');\r\n }\r\n } else {\r\n setValue(e.target.value.replace(/\\s+/g, ''));\r\n }\r\n\r\n if (isValidEmail) {\r\n onChange([...items, value]);\r\n }\r\n }\r\n\r\n const handleKeyDown = e => {\r\n const isNavEnabled = e.target.selectionStart === 0 && e.target.selectionEnd === 0;\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n addToChipList();\r\n } else if (isNavEnabled && e.key === 'ArrowLeft') {\r\n if (selectedItem > 0) {\r\n setSelectedItem(selectedItem - 1);\r\n } else if (selectedItem === null) {\r\n setSelectedItem(items.length - 1);\r\n }\r\n } else if (e.key === 'ArrowRight') {\r\n if (isNavEnabled && selectedItem !== null && selectedItem < items.length - 1) {\r\n e.preventDefault();\r\n setSelectedItem(selectedItem + 1);\r\n } else {\r\n setSelectedItem(null);\r\n }\r\n } else if ((e.key === 'Delete' || e.key === 'Backspace') && isNavEnabled) {\r\n e.preventDefault();\r\n if (items[selectedItem]) {\r\n removeItem(selectedItem);\r\n } else if (selectedItem === null && items.length) {\r\n removeItem(items.length - 1);\r\n }\r\n if (selectedItem >= items.length - 1) {\r\n setSelectedItem(null);\r\n }\r\n }\r\n }\r\n\r\n const handleDeleteItem = item => removeItem(item);\r\n\r\n const switchEditMode = (index, isEditing) => {\r\n if (refInvalidEmailInput.current) {\r\n refInvalidEmailInput.current[index].isEditing = isEditing;\r\n }\r\n }\r\n\r\n const handleEdit = (e, index) => {\r\n const { value } = e.target;\r\n\r\n if (!value) {\r\n return removeItem(index);\r\n }\r\n\r\n setItems(prevValues =>\r\n [...prevValues.slice(0, index), value.toLowerCase(), ...prevValues.slice(index + 1)]\r\n );\r\n switchEditMode(index, true);\r\n }\r\n\r\n const handleEditKeydown = (e, index) => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n setSelectedItem(index === selectedItem ? null : index);\r\n switchEditMode(index, false);\r\n }\r\n }\r\n\r\n const handleEditClick = (e) => {\r\n e.stopPropagation();\r\n setSelectedItem(null);\r\n }\r\n\r\n const handleEditOnBlur = index => {\r\n switchEditMode(index, false);\r\n setSelectedItem(index);\r\n }\r\n\r\n const handleClearAll = () => {\r\n if (onChange) {\r\n onChange([]);\r\n }\r\n setItems([]);\r\n setValue('');\r\n }\r\n\r\n const renderItems = () => {\r\n return items.map((item, i) => {\r\n const isValid = validateEmail(item);\r\n const isEditing = refInvalidEmailInput?.current[i]?.isEditing;\r\n return allowInvalid && (!isValid || isEditing) ? (\r\n {title}
}\r\n {!!text && (\r\n\r\n {text}\r\n {onResetClick && (\r\n \r\n {\" \"} to clear the filters/search for more results.\r\n \r\n )}\r\n
\r\n )}\r\n {children}\r\n\r\n refInvalidEmailSpan.current[i] = node}\r\n className=\"invalid-email-hidden\"\r\n >\r\n {item}\r\n \r\n refInvalidEmailInput.current[i] = node}\r\n style={{ width: refInvalidEmailSpan?.current[i]?.offsetWidth || \"auto\" }}\r\n onClick={handleEditClick}\r\n onChange={(e) => handleEdit(e, i)}\r\n onKeyDown={(e) => handleEditKeydown(e, i)}\r\n onBlur={() => handleEditOnBlur(i)}\r\n value={item}\r\n onDoubleClick={() => removeItem(i)}\r\n className=\"invalid-email-input\"\r\n />\r\n
\r\n ) : (\r\n \r\n
\r\n );\r\n}\r\n","import * as React from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { AppState } from '../../types/state/AppState';\r\nimport { FeatureButton } from '../access/FeatureButton';\r\nimport { favoriteBrokerDealersActions } from '../../actions/favorite-broker-dealers.actions';\r\nimport { OnHoverTooltip } from '../common/OnHoverTooltip';\r\nimport classNames from 'classnames';\r\nimport IconSVG from '../../styles/svg-icons';\r\nimport { RoleActionBlocker } from '../access/RoleActionBlocker';\r\nimport { roles } from '../../constants';\r\n\r\ninterface Props {\r\n companyId: number;\r\n disabled?: boolean;\r\n hideWhenNotFavorite?: boolean\r\n}\r\n\r\nexport function FavoriteButton({ companyId, disabled = false, hideWhenNotFavorite = false }: Props) {\r\n const dispatch = useDispatch();\r\n const isFavorite = useSelector((s: AppState) => s.favoriteBrokerDealers.favorites[companyId]);\r\n const isUpdatingFavorite = useSelector((state: AppState) => state.favoriteBrokerDealers.isUpdatingFavorite[companyId]);\r\n\r\n const handleToggleFavorite = (companyId: number, isFavorite: boolean, e: React.MouseEvent) => {\r\n e.stopPropagation();\r\n\r\n if (!isUpdatingFavorite) {\r\n dispatch(favoriteBrokerDealersActions.updateFavoriteBrokerDealerRequest(companyId, isFavorite))\r\n }\r\n };\r\n\r\n const getTitle = () => {\r\n if (disabled) {\r\n return isFavorite ? 'Favorite' : null;\r\n }\r\n return (isFavorite ? \"Remove from favorite\" : \"Add to favorite\");\r\n };\r\n\r\n if (hideWhenNotFavorite && !isFavorite && disabled) return null;\r\n\r\n return (\r\n \r\n {renderItems()}\r\n
\r\n {displayClearAll && (\r\n \r\n \r\n addToChipList()}\r\n />\r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n {\r\n hasBlockedReason ? (\r\n {userStatuses.getByStatusCode(status)?.title}\r\n )}\r\n >\r\n
\r\n )\r\n}\r\n","import * as React from 'react';\r\nimport IconSVG from \"../../styles/svg-icons\";\r\n\r\ninterface Props {\r\n text: string;\r\n stateDescription?: boolean\r\n duration?: number\r\n}\r\n\r\nexport function CopyToClipboard({ text, stateDescription = false, duration = 500 }: Props) {\r\n const [copyed, setCopyed] = React.useState(false);\r\n\r\n const handleClick = (e: React.MouseEvent\r\n \r\n {blockReason}\r\n
\r\n \r\n ) : (\r\n {userStatuses.getByStatusCode(status)?.title}\r\n )\r\n }\r\n \r\n {\r\n stateDescription\r\n ?\r\n <>\r\n
\r\n );\r\n}\r\n","export enum InvestmentTeamColumn {\r\n status = 'status',\r\n fullName = 'fullName',\r\n title = 'title',\r\n email = 'email',\r\n linkedIn = 'linkedIn',\r\n phoneNumber = 'phoneNumber',\r\n location = 'location',\r\n yrsAtCompany = 'yrsAtCompany',\r\n yrsExperience = 'yrsExperience',\r\n meetingContact = 'meetingContact',\r\n}\r\n","import React from 'react';\r\nimport { OnHoverTooltip } from './OnHoverTooltip';\r\nimport { Pluralize } from './Pluralize';\r\n\r\ninterface Props {\r\n tradedPositionsCount: number;\r\n hideCount?: boolean;\r\n}\r\n\r\nexport const TradedPositionsCountBadge: React.FC\r\n {\r\n (visible || internalVisible) &&\r\n {children} \r\n }\r\n
\r\n );\r\n};\r\n","import React, { Suspense, lazy, useState } from 'react';\r\nimport { Preloader } from './Preloader';\r\n\r\nconst ReactPlayer = lazy(() => import('react-player'));\r\n\r\ninterface Props {\r\n url: string;\r\n width?: number;\r\n height?: number\r\n controls?: boolean\r\n}\r\n\r\nexport const Player = ({ url, width, height, controls = true }: Props) => {\r\n const [isReady, setIsReady] = useState(false);\r\n return (\r\n \r\n setIsReady(true)}\r\n />\r\n \r\n
\r\n )\r\n}\r\n","import * as React from 'react';\r\nimport { useBrokerDealers } from '../../effects/useBrokerDealers';\r\nimport { AutoCompleteInput, FormError, Popup, PopupBody, PopupFooter } from '../controls';\r\nimport { Preloader } from '../common/Preloader';\r\nimport { FormFieldLabel } from '../forms/FormFieldLabel';\r\nimport { CompanySlim } from '../../types/company/CompanySlim';\r\nimport { isRequesting, isRequestNone } from '../../utils';\r\nimport { errorMessages } from '../../constants';\r\n\r\ninterface Props {\r\n onSelected: (company: CompanySlim) => void;\r\n onCancel: () => void;\r\n}\r\n\r\nexport function SelectBrokerDealerPopup({ onSelected, onCancel }: Props) {\r\n const { items, requestState } = useBrokerDealers();\r\n\r\n const [companyName, setCompanyName] = React.useState(\"\");\r\n const [errorMessage, setErrorMessage] = React.useState(\"\");\r\n\r\n const sourceItems = React.useMemo(() => items.map(i => i.name), [items]);\r\n\r\n const validate = (companyName: string) => {\r\n if (!companyName) return { errorMessage: errorMessages.empty };\r\n\r\n const company = items.find(c => c.name.localeCompare(companyName, undefined, { sensitivity: 'accent' }) === 0);\r\n if (!company) return { errorMessage: errorMessages.invalidValue };\r\n\r\n return { errorMessage: \"\", company };\r\n }\r\n\r\n const handleClick = () => {\r\n const { errorMessage, company } = validate(companyName);\r\n\r\n setErrorMessage(errorMessage);\r\n\r\n if (company) {\r\n onSelected(company);\r\n }\r\n }\r\n\r\n const handleCompanyChange = (name: string) => {\r\n setCompanyName(name);\r\n\r\n if (errorMessage) {\r\n const validationResult = validate(name);\r\n setErrorMessage(validationResult.errorMessage);\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n handleSave = () => {\r\n const { onSave, dispatch } = this.props;\r\n\r\n dispatch(actions.waitNormalizing(onSave));\r\n }\r\n\r\n handleCancel = () => {\r\n const { onCancel, dispatch } = this.props;\r\n\r\n dispatch(actions.reset());\r\n\r\n if (onCancel) {\r\n onCancel();\r\n }\r\n }\r\n\r\n handleLevelChange = e => {\r\n this.setState({ changed: true });\r\n this.props.dispatch(actions.levelChange(e.target.value))\r\n }\r\n\r\n handleDmChange = e => {\r\n const { value } = e.target;\r\n if (value.search(/[^\\d]/g) === -1) {\r\n this.props.dispatch(actions.setDm(value));\r\n }\r\n }\r\n\r\n handleLevelBlur = () => {\r\n const { color, dispatch } = this.props;\r\n\r\n if (this.state.changed) {\r\n this.setState({ changed: false });\r\n dispatch(actions.normalizeLevel(color.level, color.levelType));\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ changeColor }) => ({\r\n ticker: changeColor.ticker,\r\n color: changeColor.color,\r\n errors: changeColor.errors\r\n});\r\n\r\nconst connectedChangeColor = connect(mapStateToProps)(ChangeColor);\r\nexport { connectedChangeColor as ChangeColor };\r\n","import { useDispatch } from 'react-redux';\r\nimport { saveAs } from 'file-saver';\r\nimport { OriginatingTransaction } from '../../../../types/amr-pipeline/models/OriginatingTransaction';\r\nimport { useEffect, useState } from 'react';\r\nimport { RequestState } from '../../../../constants/request-state';\r\nimport { amrPipelineService } from '../../../../services/amr-pipeline.service';\r\nimport { isRequestNone } from '../../../../utils';\r\nimport { DealSecurityStatistics } from '../../../../types/security/DealSecurityStatistics';\r\nimport { bwicDealsService } from '../../../../services';\r\nimport { errorActions } from '../../../../actions';\r\nimport { compareClassName, compareDates, compareEmpty } from '../../../../utils/compare.utils';\r\n\r\nexport function useLatestDealTransactions(companyReferenceName?: string) {\r\n const [requestState, setRequestState] = useState(RequestState.none);\r\n const [transactions, setTransactions] = useState\r\n {!stringUtils.isNullOrEmpty(ticker) &&
\r\n Color for {ticker}
}\r\n {stringUtils.isNullOrEmpty(ticker) &&Change color
}\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n dispatch(actions.tradedChange(traded))}\r\n className=\"control-group-type01\"\r\n />\r\n
\r\n \r\n dispatch(actions.levelSpecificationChange(levelSpecification))}\r\n className=\"control-group-type01\"\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {color.normalizedLevel != null && {errors.level || errors.color}
}\r\n {color.normalizedLevel} Normalized
}\r\n \r\n dispatch(actions.levelTypeChange(levelType))}\r\n className=\"control-group-type01\"\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n !color.isNew &&\r\n onDelete != null &&\r\n \r\n \r\n Delete\r\n \r\n }\r\n
\r\n \r\n \r\n \r\n
\r\n e.stopPropagation()}>\r\n
\r\n );\r\n },\r\n className: 'data-list-cell-lg data-list-cell-download-deal-documents',\r\n sortingField: \"hasDocuments\",\r\n sortingType: SORTING_TYPE.boolean\r\n};\r\n\r\nexport const dealIntexColumn: IColumnDefinition\r\n
\r\n ) : constants.emptyPlaceholder,\r\n className: 'data-list-cell-xl-xxl'\r\n};\r\nconst lastTraded: IColumnDefinition\r\n
\r\n {children}
\r\n}\r\n","import classNames from 'classnames';\r\nimport IconSVG from '../../../styles/svg-icons';\r\nimport { OnHoverTooltip } from '../OnHoverTooltip';\r\n\r\ninterface Props {\r\n withInfoButton?: boolean;\r\n}\r\n\r\nexport const EvalKTalkLabel = ({ withInfoButton = false }: Props) => {\r\n const tooltipOverlay = (\r\n \r\n K-Talk is KopenTech's proprietary BWICs (Bids Wanted in Competition) price talk tool.\r\n Utilizing diverse datasets, including both primary and secondary market data,\r\n K-Talk provides price talks calibrated to reflect broad market activity.\r\n Values are regularly updated on business days.\r\n
\r\n );\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n","import * as React from 'react';\r\n\r\ninterface Props {\r\n singular: string;\r\n plural?: string;\r\n count: number;\r\n template?: string;\r\n}\r\n\r\nexport function Pluralize({ singular, plural, count, template = '{{count}} {{text}}' }: Props) {\r\n const renderString = (text: string) => template.replace('{{count}}', String(count)).replace('{{text}}', text);\r\n\r\n return <>{count === 1 ? renderString(singular) : renderString(plural ?? singular + 's')};\r\n}\r\n","import moment from 'moment';\r\nimport { routes } from '../../constants';\r\nimport { SubscriptionFeature } from '../../types/billing/SubscriptionFeature';\r\nimport { ActionBlocker } from '../access/ActionBlocker';\r\nimport { FeatureLink } from '../access/FeatureLink';\r\n\r\ninterface Props {\r\n ticker: string\r\n text?: string\r\n}\r\n\r\nexport const BwicMonitorLookupLink = ({ ticker, text = \"View BWIC\" }: Props) => {\r\n return (\r\n \r\n \r\n \r\n }\r\n
\r\n A double daily trading limit will be set:
\r\n- \r\n
- First, the limit by rating is checked. \r\n
- Then by the total daily trading limit. \r\n
Daily Trading Limit, USD*
\r\n ),\r\n renderColumnContent: position => (\r\n \r\n
\r\n ),\r\n headerClassName: 'data-daily-trading-limit',\r\n bodyClassName: 'data-daily-trading-limit',\r\n }\r\n ];\r\n return columns.map(c => new ColumnBuilder(c));\r\n }\r\n\r\n return (\r\n \r\n )\r\n }}\r\n \r\n )\r\n}\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { RightSideTabPanel } from '../../../controls/RightSideTabPanel';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { AppState } from '../../../../types/state/AppState';\r\nimport { companyDetailsActions } from '../../../../actions/company-details.actions';\r\nimport Confirm from '../../../alerts/Confirm';\r\nimport { clientsCompaniesActions } from '../../../../actions/clients-companies.actions';\r\nimport { isRequesting } from '../../../../utils';\r\nimport { TradingLimitPanelContent } from './TradingLimitPanelContent';\r\nimport { CompanyDetailsPanelContent } from '../../../company-details/CompanyDetailsPanelContent';\r\nimport { RouteLeavingGuard } from '../../../routing';\r\nimport { useHistory } from 'react-router';\r\nimport { SettlementAgentClientAgreement } from '../../../../types/bid-as-dealer/SettlementAgentClientAgreement';\r\n\r\ninterface Props {\r\n agreement: SettlementAgentClientAgreement\r\n}\r\nexport const ClientsControlPanel: React.FC\r\n \r\n {entity.comment}\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import * as React from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { RejectReasonPopup } from '../../common/RejectReasonPopup';\r\nimport { SettlementAgreementStatus } from '../../../types/bid-as-dealer/SettlementAgreementStatus';\r\nimport { clientsCompaniesActions } from '../../../actions/clients-companies.actions';\r\nimport { UpdateSettlementAgentAgreementStatus } from '../../../types/bid-as-dealer/UpdateSettlementAgentAgreementStatus';\r\nimport IconSVG from '../../../styles/svg-icons';\r\nimport { Confirm } from \"../../alerts\";\r\nimport { FeatureButton } from '../../access/FeatureButton';\r\nimport { AppState } from '../../../types/state/AppState';\r\nimport { isRequesting } from '../../../utils';\r\nimport { Relative, Preloader } from '../../common';\r\nimport { ClientsTableDataItem } from './ClientsTableDataItem';\r\n\r\ninterface Props {\r\n entity: ClientsTableDataItem\r\n}\r\n\r\nexport function AgreementActionButtons({ entity }: Props) {\r\n const dispatch = useDispatch();\r\n\r\n const [visibleEditReasonPopup, setVisibleEditReasonPopup] = React.useState(false);\r\n const [visibleUndoConfirmPopup, setVisibleUndoConfirmPopup] = React.useState(false);\r\n\r\n const isUpdatingRequestState = useSelector((state: AppState) => state.clientsCompanies.requestStatusUpdateRequest[entity.signatory.id]);\r\n\r\n const handleAffirm = () => {\r\n dispatch(clientsCompaniesActions.hideActivePanels());\r\n dispatch(clientsCompaniesActions.setSelectedAgreement(entity.signatory.id))\r\n };\r\n\r\n const handleReject = (message: string) => {\r\n const requestData: UpdateSettlementAgentAgreementStatus = {\r\n bidderId: entity.signatory.id,\r\n agreementStatus: SettlementAgreementStatus.rejected,\r\n comment: message\r\n };\r\n dispatch(clientsCompaniesActions.updateAgreementRequest(requestData));\r\n setVisibleEditReasonPopup(false);\r\n };\r\n\r\n const handleUndoConfirm = () => {\r\n const requestData: UpdateSettlementAgentAgreementStatus = {\r\n bidderId: entity.signatory.id,\r\n agreementStatus: SettlementAgreementStatus.pending,\r\n dailyTradingLimit: {\r\n common: 0,\r\n byRating: {}\r\n },\r\n };\r\n dispatch(clientsCompaniesActions.updateAgreementRequest(requestData));\r\n visibleUndoConfirmPopup && setVisibleUndoConfirmPopup(false);\r\n }\r\n\r\n const handleEdit = () => {\r\n dispatch(clientsCompaniesActions.hideActivePanels());\r\n dispatch(clientsCompaniesActions.setSelectedAgreement(entity.signatory.id));\r\n };\r\n\r\n const handleSetVisibleReasonPopup = () => {\r\n dispatch(clientsCompaniesActions.resetSelectedAgreement());\r\n setVisibleEditReasonPopup(true);\r\n };\r\n\r\n const renderContent = () => {\r\n if (entity.agreementStatus === SettlementAgreementStatus.pending) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n } else if (entity.agreementStatus === SettlementAgreementStatus.confirmed) {\r\n return (\r\n \r\n \r\n \r\n setVisibleUndoConfirmPopup(true)}>\r\n \r\n
\r\n );\r\n } else if (entity.agreementStatus === SettlementAgreementStatus.rejected) {\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n return null;\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n {renderPopup()}\r\n 1.00 Euro = {euroCurrency?.usdRate} USD\r\n \r\n \r\n
\r\n )\r\n};","import { SettlementAgreementStatus } from '../../../../types/bid-as-dealer/SettlementAgreementStatus';\r\nimport { UnrequestedAgreementStatus } from '../../../../types/bid-as-dealer/SettlementAgreementStatus';\r\n\r\nexport interface ClientsFilterOptions {\r\n settlementAccountExist: SettlementAccountExistType[];\r\n agreementStatus: (SettlementAgreementStatus | UnrequestedAgreementStatus)[];\r\n}\r\n\r\nexport enum SettlementAccountExistType {\r\n WithSettlementAccount,\r\n WithoutSettlementAccount\r\n}\r\n\r\nexport const SettlementAccountExistTypeTitle = {\r\n [SettlementAccountExistType.WithSettlementAccount]: 'Yes',\r\n [SettlementAccountExistType.WithoutSettlementAccount]: 'No',\r\n}\r\n\r\n","import * as React from 'react';\r\nimport * as _ from 'lodash';\r\nimport { SettlementAgreementStatus, settlementAgreementStatusTitle } from '../../../../types/bid-as-dealer/SettlementAgreementStatus';\r\nimport { ClientsFilterOptions, SettlementAccountExistType, SettlementAccountExistTypeTitle } from './ClientsFilterOptions';\r\nimport { UnrequestedAgreementStatus } from '../../../../types/bid-as-dealer/SettlementAgreementStatus';\r\nimport { FilterPanel } from '../../../filters/FilterPanel';\r\nimport { FilterClear } from '../../../filters/FilterClear';\r\nimport { FilterButton } from '../../../filters/FilterButton';\r\nimport { FilterSelect } from '../../../common/filters/FilterSelect';\r\nimport { useEffect } from 'react';\r\nimport { isEqual } from 'lodash';\r\n\r\nexport const defaultClientsFilter = {\r\n settlementAccountExist: [],\r\n agreementStatus: []\r\n};\r\n\r\ninterface Props {\r\n disabled: boolean;\r\n onChange: (filter: ClientsFilterOptions) => void;\r\n currentFilter: ClientsFilterOptions;\r\n}\r\n\r\nexport function ClientsFilter({ disabled, onChange, currentFilter }: Props) {\r\n const [lastAppliedFilter, setLastAppliedFilter] = React.useState\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { Redirect, Route, Switch, useHistory, useParams } from 'react-router';\r\nimport { routes } from '../../../../constants';\r\nimport { SettlementAccountsView } from '../../../settlement/SettlementAccountsView';\r\nimport { SettlementAccountView } from '../../../settlement/view/SettlementAccountView';\r\nimport { SettlementAccountEdit } from '../../../settlement/edit/SettlementAcountEdit';\r\nimport { Breadcrumbs } from '../../../controls/breadcrumbs/Breadcrumbs';\r\nimport { BreadcrumbsItem } from '../../../controls/breadcrumbs/BreadcrumbsItem';\r\nimport { isRequesting, isRequestSuccess } from '../../../../utils/request-state.utils';\r\nimport { Preloader } from '../../../common';\r\nimport { useAssetManagers } from '../../../../effects/data-accessors/useAssetManagers'\r\nimport { useSettlementAccountDelete } from '../../../settlement/edit/useSettlementAccountDelete';\r\nimport { CompanyStatus } from '../../../../types/company/CompanyStatus';\r\nimport { Confirm } from '../../../alerts';\r\n\r\nexport function ClientsSettlementAccounts() {\r\n const history = useHistory();\r\n const { assetManagersRequestState, assetManagers } = useAssetManagers();\r\n const { companyId } = useParams<{ companyId?: string }>();\r\n const assetManagerCompanyId = Number(companyId);\r\n const isAssetManagersLoaded = isRequestSuccess(assetManagersRequestState);\r\n const activeAssetManagers = assetManagers.filter(a => a.status === CompanyStatus.active);\r\n const activeAssetManager = isAssetManagersLoaded\r\n ? activeAssetManagers.find(a => a.id === assetManagerCompanyId)\r\n : undefined;\r\n const [deletingAccountId, setDeletingAccountId] = React.useState\r\n
\r\n \r\n handleSetSearchString('')}\r\n placeholder=\"Search by company name\"\r\n />\r\n
\r\n Clients
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {renderContent()}\r\n \r\n
\r\n \r\n \r\n history.push(routes.createClientsSettlementAccountUrl(companyId))}\r\n onAccountChange={(account, replace) => {\r\n const path = routes.clientsSettlementAccountDetailsUrl(assetManagerCompanyId, account.id);\r\n replace ? history.replace(path) : history.push(path);\r\n }}\r\n >\r\n {\r\n activeSettlementAccount =>\r\n <>\r\n \r\n \r\n {\r\n activeSettlementAccount &&\r\n history.push(\r\n routes.editClientsSettlementAccountUrl(\r\n assetManagerCompanyId,\r\n activeSettlementAccount.id\r\n )\r\n )}\r\n onDelete={() => setDeletingAccountId(activeSettlementAccount.id)}\r\n />\r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n {deletingAccountId && (\r\n Would you like to remove {activeSettlementAccount?.accountName} account?}\r\n onConfirm={() => {\r\n onDelete(deletingAccountId);\r\n setDeletingAccountId(null);\r\n }}\r\n onCancel={() => setDeletingAccountId(null)}\r\n confirmButtonText=\"Confirm\"\r\n />\r\n )}\r\n \r\n }\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React, { useState } from 'react';\r\nimport { Redirect, Route, Switch } from 'react-router';\r\nimport { routes } from '../../../constants';\r\nimport { Clients } from './Clients';\r\nimport { ClientsSettlementAccounts } from './settlement-account/ClientsSettlementAccounts';\r\n\r\nimport { ClientsFilterOptions } from './clients-filter/ClientsFilterOptions';\r\nimport { defaultClientsFilter } from './clients-filter/ClientsFilter';\r\nimport { useSettlementAccounts } from '../../../effects/data-accessors/useSettlementAccounts';\r\n\r\nexport function ClientsView() {\r\n const [filter, setFilter] = useState\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n history.push(routes.clientsSettlementAccountUrl(e.target.value))}\r\n >\r\n {activeAssetManagers.map(a => )}\r\n \r\n \r\n \r\n
\r\n \r\n Create Settlement Account\r\n {activeAssetManager?.name}\r\n
\r\nEdit Settlement Account {renderSelectedAccountName()}
\r\nSettlement Accounts
\r\n- \r\n
- For help and support please contact KopenTech via phone or email. \r\n
- \r\n
\r\n 1.800.862.1684\r\n \r\n - \r\n
\r\n {process.env.REACT_APP_SALES_EMAIL}\r\n \r\n
{label}
}\r\n {children}
\r\n \r\n
\r\n )\r\n}\r\n","interface Props {\r\n title: string;\r\n visible?: boolean;\r\n children: React.ReactNode;\r\n}\r\nexport function BwicRulesSection({ title, visible = true, children }: Props) {\r\n if(!visible) return null;\r\n\r\n return (\r\n \r\n
\r\n BWIC Date
\r\n\r\n {isSameDayBwic &&
\r\n \r\n \r\n {dateTimeUtils.utcToLocalString(bidDueUtc, constants.timeFormat)}\r\n \r\n \r\n {dateTimeUtils.utcToLocalString(goodUntilUtc, constants.timeFormat)}\r\n \r\n \r\n \r\n \r\n {`T+${daysToSettle}`}\r\n \r\n
\r\n \r\n
\r\n );\r\n}","import moment from 'moment';\r\nimport { BwicProcessType, Process } from '../../../types/models/Process';\r\nimport { BwicRulesStartEndTime } from '../sections/BwicRulesStartEndTime';\r\nimport { RequiredFeature } from '../../access/RequiredFeature';\r\nimport { SubscriptionFeature } from '../../../types/billing/SubscriptionFeature';\r\nimport { SubscribeLink } from '../../access/BlockedFeatureText';\r\nimport { ParsedBwicProcess, ParsedBwicTwoStageSettings } from '../../../types/models/ParsedBwicProcess';\r\nimport { BwicRulesSection } from '../BwicRulesSection';\r\nimport { BwicRulesSectionRow } from '../sections/BwicRulesSectionRow';\r\nimport { formatUtils } from '../../../utils/format.utils';\r\nimport { TimeSpan } from '../../controls/TimeSpan';\r\nimport { constants } from '../../../constants/constants';\r\nimport { getProcessSpecificSettings } from '../../../actions/edit.parsed.bwic.actions';\r\nimport { InfoTooltip } from \"../../common/InfoTooltip\";\r\n\r\ninterface BwicRulesParsedProps {\r\n process: Process;\r\n parsedProcess?: ParsedBwicProcess;\r\n bidsDueDate: Date;\r\n goodUntilDate: Date;\r\n isSameDayBwic: boolean;\r\n daysToSettle: number;\r\n}\r\n\r\nexport function BwicRulesParsed({ process, parsedProcess, bidsDueDate, goodUntilDate, isSameDayBwic, daysToSettle }: BwicRulesParsedProps) {\r\n if (!process) return null;\r\n\r\n const isGeneralSectionVisible =\r\n parsedProcess?.reserveLevelsApply !== null ||\r\n parsedProcess?.canTradeEarly != null ||\r\n parsedProcess.canBidEarly != null ||\r\n parsedProcess.partialBidsAccepted != null ||\r\n !!parsedProcess.bidsGoodFor;\r\n\r\n const settings = getProcessSpecificSettings(parsedProcess);\r\n const isTwoStage = (settings as ParsedBwicTwoStageSettings)?.hardCutOff === 2;\r\n const stage2EndDateUtc = (settings as ParsedBwicTwoStageSettings)?.stage2EndDateUtc;\r\n const stage2ImproverCount = (settings as ParsedBwicTwoStageSettings)?.improverCount;\r\n const processNameFormatted = parsedProcess?.processType\r\n ? formatUtils.formatBwicProcessTitle(parsedProcess.processType)\r\n : null;\r\n\r\n return (\r\n \r\n
\r\n {title}
\r\n\r\n {children}\r\n
\r\n \r\n Rules access is limited with your current plan.
\r\n );\r\n}\r\n","import * as React from 'react';\r\nimport dateTimeUtils from '../../../utils/dateTime.utils';\r\nimport { formatUtils } from '../../../utils/format.utils';\r\nimport { BwicProcessType, Process } from '../../../types/models/Process';\r\nimport { BwicRulesSectionRow } from './BwicRulesSectionRow';\r\n\r\ninterface BwicRulesSectionGeneralProps {\r\n process: Process;\r\n isMy: boolean;\r\n}\r\n\r\nexport function BwicRulesSectionGeneral({ process, isMy }: BwicRulesSectionGeneralProps) {\r\n return (\r\n \r\n
\r\n {\r\n (!isGeneralSectionVisible || !parsedProcess) &&\r\n \r\n \r\n {\r\n !!process.rulesText\r\n ? {process.rulesText} \r\n : \r\n
\r\n } {\r\n !!parsedProcess &&\r\n No rules added.
\r\n }\r\n\r\n \r\n \r\n {formatUtils.formatBoolean(parsedProcess.reserveLevelsApply)}\r\n \r\n \r\n {formatUtils.formatBoolean(parsedProcess.canTradeEarly)}\r\n \r\n \r\n {formatUtils.formatBoolean(parsedProcess.canBidEarly)}\r\n \r\n \r\n {formatUtils.formatBoolean(parsedProcess.partialBidsAccepted)}\r\n \r\n \r\n {!!parsedProcess.bidsGoodFor && \r\n {process.rulesText}\r\n \r\n \r\n {\r\n !!processNameFormatted &&\r\n \r\n {\r\n isTwoStage &&\r\n \r\n {moment.utc(settings?.stage1EndDateUtc).format(constants.timeFormat)}\r\n \r\n \r\n \r\n {moment.utc(stage2EndDateUtc).format(constants.timeFormat)}\r\n \r\n \r\n }\r\n
\r\n }\r\n \r\n Stage 1 - Open bidding
\r\n }\r\n\r\n Top {stage2ImproverCount} + ties\r\n
\r\n \r\n {\r\n isTwoStage &&\r\n Stage 2 - {processNameFormatted} bidders have the ability to improve their bids
\r\n }\r\n\r\n
\r\n );\r\n}\r\n","import * as React from 'react';\r\nimport dateTimeUtils from '../../utils/dateTime.utils';\r\nimport { BwicRulesSectionRow } from './sections/BwicRulesSectionRow';\r\nimport { Process } from '../../types/models/Process';\r\n\r\nexport function CutOffReminder({ process }: { process: Process }) {\r\n return (\r\n \r\n
\r\n General
\r\n\r\n \r\n {formatUtils.formatBoolean(process.reserveLevelsApply)}\r\n \r\n \r\n {formatUtils.formatBoolean(process.earlyTrades)}\r\n \r\n {process.minBidIncrement && \r\n {formatUtils.formatBid(process.minBidIncrement)}\r\n }\r\n {\r\n (process.type === BwicProcessType.Standard ||\r\n process.type === BwicProcessType.BestFootForward) &&\r\n unlimited \r\n }\r\n {\r\n process.type === BwicProcessType.Standard &&\r\n auto/manual \r\n }\r\n {\r\n process.type === BwicProcessType.BestFootForward &&\r\n manual \r\n }\r\n {\r\n (process.type === BwicProcessType.Standard ||\r\n process.type === BwicProcessType.TopX ||\r\n process.type === BwicProcessType.JumpBall) &&\r\n Boolean(process?.autoFeedbackDelay) && isMy &&\r\n \r\n {` ${dateTimeUtils.parseTimeSpan(process?.autoFeedbackDelay).totalMinutes} minutes`}\r\n \r\n }\r\n {process.rulesText &&\r\n \r\n {process.rulesText}\r\n \r\n }\r\n
\r\n \r\n
\r\n )\r\n}","import * as React from 'react';\r\nimport { Process } from '../../../types/models/Process';\r\nimport dateTimeUtils from '../../../utils/dateTime.utils';\r\nimport { BwicProcessType } from '../../../types/models/Process';\r\nimport { CutOffReminder } from '../CutOffReminder';\r\nimport { BwicRulesSectionRow } from './BwicRulesSectionRow';\r\nimport { BwicRulesStage } from './BwicRulesStage';\r\nimport { InfoTooltip } from \"../../common/InfoTooltip\";\r\n\r\ninterface BwicRulesSectionJumpBallProps {\r\n process: Process;\r\n}\r\n\r\nexport function BwicRulesSectionJumpBall({ process }: BwicRulesSectionJumpBallProps) {\r\n if (process.type === BwicProcessType.JumpBall) {\r\n const stage1Duration = process.jumpBall?.automaticStage1Deadline\r\n ? `${dateTimeUtils.parseTimeSpan(process.jumpBall.automaticStage1Deadline).totalMinutes} minutes`\r\n : 'Unspecified; Seller controls finish time';\r\n const stage2Duration = process.jumpBall?.improvementRound\r\n ? `${dateTimeUtils.parseTimeSpan(process.jumpBall.improvementRound).totalMinutes} minutes`\r\n : \"Unspecified; Seller controls finish time\"\r\n\r\n return (\r\n {title}
\r\n {children}\r\n\r\n \r\n \r\n {stage1Duration}\r\n \r\n {\r\n Boolean(process.jumpBall?.automaticStage1Deadline) &&\r\n \r\n <>\r\n Top {process.jumpBall?.improverCount} + ties\r\n \r\n unlimited \r\n auto/manual \r\n \r\n \r\n \r\n {stage2Duration}\r\n \r\n once \r\n manual \r\n \r\n
\r\n )\r\n } else return null;\r\n}\r\n","import { formatUtils } from '../../../utils/format.utils';\r\nimport { BwicProcessType, Process } from '../../../types/models/Process';\r\nimport { levelSpecifications } from '../../../constants/level.specifications';\r\nimport { Pluralize } from '../../common/Pluralize';\r\nimport { CutOffReminder } from '../CutOffReminder';\r\nimport { BwicRulesSectionRow } from './BwicRulesSectionRow';\r\nimport { BwicRulesStage } from './BwicRulesStage';\r\nimport { InfoTooltip } from \"../../common/InfoTooltip\";\r\n\r\ninterface BwicRulesSectionOpenBiddingProps {\r\n process: Process;\r\n}\r\n\r\nexport function BwicRulesSectionOpenBidding({ process }: BwicRulesSectionOpenBiddingProps) {\r\n if (process.type !== BwicProcessType.Live || process.liveBidding == null) {\r\n return null;\r\n }\r\n\r\n const levelSpecification = levelSpecifications.getByKey(process.liveBidding!.levelSpecificationType);\r\n const improverCount = `Top ${process.liveBidding?.openBiddingImproverCount}`;\r\n const stage1Deadline = Number(process.liveBidding!.stage1Deadline);\r\n const improvementRound = Number(process.liveBidding!.improvementRound);\r\n const minBidIncrement = formatUtils.formatBid(process.liveBidding!.minBidIncrement);\r\n\r\n return (\r\n Bids from Stage 1 are carried to Stage 2 and bidders have one time to improve, if they choose. However, the seller is notified if the buyer is bidding over themselves and has the option to trade at the lower bid. Results are announced when all bidders submit bids in Stage 2 or when Seller closes BWIC via trading or DNT.
\r\n\r\n \r\n \r\n {stage1Deadline} \r\n \r\n <>\r\n {improverCount} + ties\r\n \r\n unlimited \r\n no \r\n \r\n \r\n \r\n {improvementRound} \r\n \r\n {minBidIncrement}\r\n \r\n \r\n {levelSpecification && levelSpecification.title}\r\n \r\n unlimited \r\n auto \r\n \r\n
\r\n );\r\n}\r\n","import * as React from 'react';\r\nimport { Process } from '../../../types/models/Process';\r\nimport dateTimeUtils from '../../../utils/dateTime.utils';\r\nimport { BwicProcessType } from '../../../types/models/Process';\r\nimport { CutOffReminder } from '../CutOffReminder';\r\nimport { BwicRulesSectionRow } from './BwicRulesSectionRow';\r\nimport { BwicRulesStage } from './BwicRulesStage';\r\nimport { InfoTooltip } from \"../../common/InfoTooltip\";\r\n\r\ninterface BwicRulesTopXProps {\r\n process: Process;\r\n}\r\n\r\nexport function BwicRulesTopX({ process }: BwicRulesTopXProps) {\r\n if (process.type === BwicProcessType.TopX) {\r\n const stage1Duration = process.topX?.automaticStage1Deadline\r\n ? `${dateTimeUtils.parseTimeSpan(process.topX.automaticStage1Deadline).totalMinutes} minutes`\r\n : 'Unspecified; Seller controls finish time';\r\n const stage2Duration = process.topX?.improvementRound\r\n ? `${dateTimeUtils.parseTimeSpan(process.topX?.improvementRound).totalMinutes} minutes`\r\n : 'Unspecified; Seller controls finish time';\r\n\r\n return (\r\n Bidding is open for platform participants only
\r\n\r\n \r\n \r\n {stage1Duration}\r\n \r\n {\r\n Boolean(process.topX?.automaticStage1Deadline) &&\r\n \r\n \r\n unlimited \r\n auto/manual \r\n \r\n \r\n \r\n {stage2Duration}\r\n \r\n unlimited \r\n auto/manual \r\n \r\n
\r\n )\r\n } else return null;\r\n}\r\n","import * as React from 'react';\r\nimport { Process } from '../../../types/models/Process';\r\nimport dateTimeUtils from '../../../utils/dateTime.utils';\r\nimport { BwicProcessType } from '../../../types/models/Process';\r\nimport { CutOffReminder } from '../CutOffReminder';\r\nimport { BwicRulesSectionRow } from './BwicRulesSectionRow';\r\nimport { BwicRulesStage } from './BwicRulesStage';\r\n\r\ninterface BwicRulesBestFootForwardProps {\r\n process: Process;\r\n}\r\n\r\nexport function BwicRulesBestFootForward({ process }: BwicRulesBestFootForwardProps) {\r\n if (process.type === BwicProcessType.BestFootForward) {\r\n return (\r\n \r\n Top {process.topX?.improverCount} + ties\r\n
\r\n \r\n Bids from Stage 1 are carried to Stage 2. However, the seller is notified if the bidder is bidding over themselves and has the option to trade at the lower bid. The seller can provide manual/auto feedback on bids. Results are announced when the Seller closes BWIC via trading or DNT.\r\n
\r\n\r\n \r\n \r\n {dateTimeUtils.parseTimeSpan(process.bff?.stage1Deadline).totalMinutes} minutes\r\n \r\n
\r\n )\r\n } else return null;\r\n}\r\n","import * as React from 'react';\r\nimport { Process } from '../../../types/models/Process';\r\nimport { TradingProtocol } from '../../common/TradingProtocol';\r\nimport { BwicRulesSectionGeneral } from '../sections/BwicRulesSectionGeneral';\r\nimport { BwicRulesSectionJumpBall } from '../sections/BwicRulesSectionJumpBall';\r\nimport { BwicRulesSectionOpenBidding } from '../sections/BwicRulesSectionOpenBidding';\r\nimport { BwicRulesStartEndTime } from '../sections/BwicRulesStartEndTime';\r\nimport { formatUtils } from '../../../utils/format.utils';\r\nimport { BwicProcessType } from \"../../../types/models/Process\";\r\nimport { BwicRulesTopX } from '../sections/BwicRulesTopX';\r\nimport { BwicRulesBestFootForward } from '../sections/BwicRulesBestFootForward';\r\nimport { InfoTooltip } from \"../../common/InfoTooltip\";\r\n\r\ninterface BwicRulesMainProps {\r\n bidsDueDate: Date;\r\n goodUntilDate: Date;\r\n process: Process;\r\n isSameDayBwic: boolean;\r\n daysToSettle: number;\r\n isMy: boolean;\r\n isAllToAll: boolean;\r\n isDirectBidding: boolean;\r\n}\r\n\r\nexport function BwicRulesMain({ process, bidsDueDate, goodUntilDate, isSameDayBwic, daysToSettle, isMy, isAllToAll, isDirectBidding }: BwicRulesMainProps) {\r\n return (\r\n \r\n
\r\n );\r\n}\r\n","import * as React from 'react';\r\nimport { BwicRulesParsed } from './bwic-types/BwicRulesParsed';\r\nimport { Process } from '../../types/models/Process';\r\nimport { BwicRulesMain } from './bwic-types/BwicRulesMain';\r\nimport { ParsedBwicProcess } from '../../types/models/ParsedBwicProcess';\r\n\r\nexport interface BwicRulesProps {\r\n bidsDueDate: Date;\r\n process: Process;\r\n parsedProcess?: ParsedBwicProcess;\r\n isParsed?: boolean;\r\n goodUntilDate: Date;\r\n isSameDayBwic: boolean;\r\n daysToSettle: number;\r\n isMy: boolean\r\n isAllToAll: boolean;\r\n isDirectBidding: boolean;\r\n}\r\n\r\nexport function BwicRules({ process, parsedProcess, bidsDueDate, goodUntilDate, isParsed, isSameDayBwic, daysToSettle, isMy, isAllToAll, isDirectBidding }: BwicRulesProps) {\r\n if (!process) {\r\n return null;\r\n }\r\n\r\n if (isParsed) {\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 Bidding Process: {formatUtils.formatBwicProcessTitle(process.type)}
\r\n {process.type === BwicProcessType.Live &&\r\n this._dropdown = node} className={isShowSupport}>\r\n \r\n \r\n \r\n {\r\n this.state.visible &&\r\n
\r\n );\r\n };\r\n\r\n show = () => {\r\n if (this.state.visible) {\r\n this.hide();\r\n } else {\r\n document.addEventListener('mousedown', this.handleClickOutside);\r\n this.setState({ visible: true });\r\n }\r\n };\r\n\r\n hide = () => {\r\n document.removeEventListener('mousedown', this.handleClickOutside);\r\n this.setState({ visible: false });\r\n };\r\n\r\n componentWillUnmount = () => document.removeEventListener('mousedown', this.handleClickOutside);\r\n\r\n handleClickOutside = e => {\r\n if (this._dropdown &&\r\n !this._dropdown.contains(e.target) &&\r\n this.state.visible) {\r\n this.hide();\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ onBoardingTooltip, salesRepresentative }) => ({\r\n tooltipState: onBoardingTooltip,\r\n salesRepresentatives: salesRepresentative.salesRepresentatives\r\n});\r\n\r\nconst Support = connect(mapStateToProps)(SupportMain);\r\n\r\nexport default Support\r\n","import classNames from 'classnames';\r\nimport { constants } from '../../../../constants';\r\nimport { chartUtils } from '../../../../utils';\r\nimport { OnHoverTooltip, Plot } from \"../../../common\";\r\nimport IconSVG from '../../../../styles/svg-icons';\r\nimport { PlotMouseEvent } from 'plotly.js';\r\nimport { ActionBlocker } from '../../../access/ActionBlocker';\r\nimport { SubscriptionFeature } from '../../../../types/billing/SubscriptionFeature';\r\nimport { BlockedFeatureTooltipText } from '../../../access/BlockedFeatureText';\r\n\r\nconst layout = {\r\n height: 122,\r\n width: 122,\r\n showlegend: false,\r\n autosize: false,\r\n margin: {\r\n l: 0,\r\n r: 0,\r\n b: 0,\r\n t: 0,\r\n pad: 4,\r\n },\r\n};\r\n\r\nconst mainConfig = {\r\n responsive: true,\r\n displaylogo: false,\r\n doubleClickDelay: 1000,\r\n displayModeBar: false,\r\n showTips: false,\r\n};\r\n\r\ninterface StatisticsChartProps\r\n \r\n \r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n Help & Support
\r\n \r\n\r\n this.props.dispatch(onBoardingTooltipSetVisible(e.target.checked))}\r\n >\r\n <>\r\n Show Training\r\n Toggle on for online training and learning content\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n {title}
\r\n\r\n
\r\n \r\n {labels.map((label, index) =>\r\n
\r\n \r\n {label}\r\n \r\n {values[index] || constants.emptyPlaceholder}\r\n {!!values[index] && redirectButton(sections[index])(blocked)}\r\n \r\n
\r\n )}\r\n \r\n Name\r\n Email\r\n Phone Number\r\n
\r\n - \r\n {renderMemberList()}\r\n
\r\n
\r\n );\r\n\r\n return (\r\n \r\n {\r\n isParsed ? (\r\n \r\n {placeholder}\r\n \r\n ) : placeholder\r\n }\r\n
\r\n );\r\n };\r\n\r\n const renderChart = () => {\r\n const chart = {evalPriceTalk || constants.emptyPlaceholder}
\r\n {normalizedEvalPriceTalk || constants.emptyPlaceholder}
\r\n \r\n \r\n e.stopPropagation()}>\r\n
\r\n }\r\n {!hasPxTalksToDisplay && renderEmptyList()}\r\n \r\n }\r\n \r\n
\r\n {chartName}
\r\n\r\n {renderChart()}\r\n
\r\n \r\n \r\n {renderEvalPxTalk()}\r\n {\r\n pxTalks\r\n .map((item) => {\r\n\r\n return (\r\n \r\n handleCompanyExpanded(item.company, e)}\r\n isShowCollapsedIcon={item.company.status === companyStatuses.active.statusCode}\r\n >\r\n <>\r\n \r\n \r\n \r\n );\r\n })\r\n }\r\n \r\n
\r\n \r\n
\r\n Сompanies
\r\n \r\n Px Talk\r\n
\r\n \r\n \r\n Digitized\r\n
\r\n \r\n
\r\n \r\n {renderPriceTalkValue(item.talk)}\r\n
\r\n \r\n {item.normalizedLevel ? renderPriceTalkValue(item.normalizedLevel) : constants.emptyPlaceholder}\r\n
\r\n \r\n \r\n {children}
\r\n \r\n ) : <>{children}\r\n )\r\n}\r\n","import { Suspense, lazy, useMemo, useRef } from 'react';\r\nimport { user } from '../../user';\r\n\r\nconst JoditEditorComponent = lazy(() => import('jodit-react'));\r\n\r\ninterface EditorProps {\r\n value: string;\r\n uploadBaseUrl?: string;\r\n uploadPath: string;\r\n maxLength?: number;\r\n onChange: (value: string) => void;\r\n placeholder?: string;\r\n}\r\n\r\nexport const JoditEditor = ({ maxLength, value, uploadBaseUrl = `${process.env.REACT_APP_AMR_ENDPOINT}`, uploadPath, onChange, placeholder = \"Start writing…\" }: EditorProps) => {\r\n const editor = useRef(null);\r\n\r\n // `as any` is set on purpose, because of broken types.\r\n // `config` doesn't recognize `limitChars` property\r\n const config = useMemo(() => ({\r\n readonly: false,\r\n limitChars: maxLength,\r\n\r\n // Disable source editor to avoid loading ace.js\r\n sourceEditor: 'area',\r\n\r\n // Disable beautify HTML to avoid loading beautify-html\r\n beautifyHTML: false,\r\n uploader: {\r\n url: `${uploadBaseUrl}${uploadPath}`,\r\n withCredentials: true,\r\n format: 'json',\r\n headers: {\r\n authorization: `Bearer ${user.token()}`,\r\n },\r\n process: function (response: any) {\r\n if (!response) {\r\n return {\r\n files: [],\r\n baseurl: uploadBaseUrl,\r\n error: true,\r\n msg: 'Error uploading image',\r\n };\r\n }\r\n\r\n const [file] = response;\r\n\r\n return {\r\n files: [file.url],\r\n path: file.url,\r\n baseurl: uploadBaseUrl,\r\n error: false,\r\n msg: '',\r\n };\r\n },\r\n isSuccess: function (response: any) {\r\n return !!response;\r\n },\r\n getMessage: function (response: any) {\r\n return !!response ? 'Uploaded' : 'Error';\r\n },\r\n defaultHandlerSuccess: function (response: any) {\r\n if (!response?.files?.length) {\r\n return;\r\n }\r\n\r\n // Destroy type of this on purpose\r\n const that: any = this;\r\n\r\n response.files.forEach((filename: string) => {\r\n const element = that.createInside.element('img');\r\n const imageUrl = `${response.baseurl}${filename}`;\r\n element.setAttribute('src', imageUrl);\r\n that.s.insertImage(element as HTMLImageElement, null, that.o.imageDefaultWidth);\r\n });\r\n },\r\n defaultHandlerError: function (response: any) {\r\n // Destroy type of this on purpose\r\n const that: any = this;\r\n that.j.e.fire('errorMessage', 'Error uploading image');\r\n },\r\n },\r\n askBeforePasteHTML: false,\r\n toolbarAdaptive: false,\r\n buttons: 'bold,italic,underline,fontsize,brush,|,ul,ol,hr,eraser,|,paragraph,indent,outdent,|,left,center,right,justify,|,image,table,link,video,|,undo,redo,|,preview,fullsize',\r\n defaultActionOnPaste: 'insert_clear_html',\r\n placeholder\r\n } as any), [maxLength, uploadBaseUrl, uploadPath, placeholder]);\r\n\r\n return (\r\n \r\n These securties are marked with
- \r\n {flaggedItemsLines}\r\n
\r\n \r\n {customFormat == null ? format() : customFormat(remainingDuration)}\r\n
\r\n );\r\n}\r\n","import React, { PureComponent } from 'react';\r\nimport sanitizeHtml from 'sanitize-html';\r\nimport PropTypes from 'prop-types';\r\nimport { ClickOutside } from './ClickOutside';\r\n\r\nexport class ClampLines extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.element = null;\r\n this.original = props.text;\r\n this.watch = true;\r\n this.lineHeight = 0;\r\n this.start = 0;\r\n this.middle = 0;\r\n this.end = 0;\r\n this.uuid = props.id;\r\n this.state = {\r\n expanded: true,\r\n noClamp: false,\r\n text: props.text.substring(0, 20),\r\n };\r\n\r\n this.ssr = typeof window === 'undefined';\r\n\r\n this.action = this.action.bind(this);\r\n this.clickHandler = this.clickHandler.bind(this);\r\n\r\n if (!this.ssr) {\r\n this.debounced = this.debounce(this.action, props.delay);\r\n } else {\r\n this.state.text = props.text.substring(0, 20);\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.text && !this.ssr) {\r\n this.lineHeight = this.element.clientHeight + 1;\r\n this.clampLines();\r\n if (this.watch) {\r\n window.addEventListener('resize', this.debounced);\r\n }\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (!this.ssr) {\r\n window.removeEventListener('resize', this.debounced);\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.text !== this.props.text) {\r\n this.original = this.props.text;\r\n this.clampLines();\r\n }\r\n }\r\n\r\n debounce(func, wait, immediate) {\r\n let timeout;\r\n\r\n return () => {\r\n let context = this,\r\n args = arguments;\r\n let later = () => {\r\n timeout = null;\r\n if (!immediate) func.apply(context, args);\r\n };\r\n let callNow = immediate && !timeout;\r\n clearTimeout(timeout);\r\n timeout = setTimeout(later, wait);\r\n if (callNow) func.apply(context, args);\r\n };\r\n }\r\n\r\n action() {\r\n if (this.watch) {\r\n this.setState({\r\n noClamp: false,\r\n });\r\n this.clampLines();\r\n this.setState({ expanded: !this.state.expanded });\r\n }\r\n }\r\n\r\n clampLines() {\r\n if (!this.element) return;\r\n\r\n this.setState({\r\n text: '',\r\n });\r\n\r\n let maxHeight = this.lineHeight * this.props.lines + 1;\r\n this.start = 0;\r\n this.middle = 0;\r\n this.end = this.original.length;\r\n\r\n while (this.start <= this.end) {\r\n this.middle = Math.floor((this.start + this.end) / 2);\r\n this.element.innerText = this.original.slice(0, this.middle);\r\n if (this.middle === this.original.length) {\r\n this.setState({\r\n text: this.original,\r\n noClamp: true,\r\n });\r\n return;\r\n }\r\n\r\n this.moveMarkers(maxHeight);\r\n }\r\n\r\n const innerText = this.props.lines ? this.original.slice(0, this.middle - 5) + this.getEllipsis() : '';\r\n this.element.innerText = innerText;\r\n this.setState({\r\n text: innerText,\r\n });\r\n }\r\n\r\n moveMarkers(maxHeight) {\r\n if (this.element.clientHeight <= maxHeight) {\r\n this.start = this.middle + 1;\r\n } else {\r\n this.end = this.middle - 1;\r\n }\r\n }\r\n\r\n getClassName() {\r\n let className = this.props.className || '';\r\n\r\n return `clamp-lines ${className}`;\r\n }\r\n\r\n getEllipsis() {\r\n return this.watch && !this.state.noClamp ? this.props.ellipsis : '';\r\n }\r\n\r\n getButton() {\r\n if (this.state.noClamp || !this.props.buttons) return;\r\n\r\n let buttonText = this.watch ? this.props.moreText : this.props.lessText;\r\n\r\n return (\r\n {children}
\r\n}\r\n","import * as React from 'react';\r\nimport IconSVG from \"../../styles/svg-icons\";\r\n\r\ninterface Props {\r\n onRevert: (e: React.MouseEvent) => void;\r\n}\r\n\r\nexport function RevertBidButton({ onRevert }: Props) {\r\n return (\r\n \r\n );\r\n}\r\n","import React, { PropsWithChildren, ReactNode } from 'react';\r\nimport IconSVG from '../../styles/svg-icons';\r\n\r\ninterface Props {\r\n title?: string\r\n hint?: ReactNode;\r\n renderTitle?: () => ReactNode;\r\n}\r\n\r\nexport const CollapsablePanel: React.FC{title}
\r\n {!collapsed && {hint}}\r\n \r\n )\r\n return (\r\n\r\n
\r\n )\r\n};\r\n","import React from 'react';\r\nimport classNames from 'classnames';\r\nimport { bwicStatuses } from '../../constants/bwic.statuses';\r\nimport { BwicStatus } from '../../types/enums/BwicStatus';\r\nimport { OnHoverTooltip } from './OnHoverTooltip';\r\nimport IconSVG from '../../styles/svg-icons';\r\nimport { LiveBiddingTooltipContent } from './LiveBiddingTooltipContent';\r\n\r\nexport interface BwicStatusLabelProps {\r\n status: BwicStatus;\r\n liveBidding?: boolean;\r\n isParsed?: boolean;\r\n directBidding?: boolean;\r\n bwicTypeIconVisible?: boolean;\r\n isAllToAll?: boolean;\r\n tooltip?: string;\r\n render?: React.ReactNode;\r\n}\r\n\r\nexport function BwicStatusLabel({\r\n status,\r\n liveBidding = false,\r\n isParsed = false,\r\n directBidding = false,\r\n bwicTypeIconVisible = true,\r\n isAllToAll = false,\r\n tooltip,\r\n render }: BwicStatusLabelProps) {\r\n const bwicStatus = bwicStatuses.getByKey(status);\r\n\r\n if (bwicStatus == null) return null;\r\n\r\n const cssClass = classNames('label-status', {\r\n 'label-status-scheduled': status === BwicStatus.scheduled,\r\n 'label-status-bidding': status === BwicStatus.bidding,\r\n 'label-status-finished': status === BwicStatus.finished,\r\n 'label-status-canceled': status === BwicStatus.canceled\r\n });\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {collapsed && children}\r\n
\r\n \r\n \r\n {render ?? \r\n {\r\n bwicTypeIconVisible &&\r\n \r\n
\r\n );\r\n}\r\n\r\ninterface BwicTypeProps {\r\n isParsed: boolean;\r\n directBidding: boolean;\r\n isAllToAll: boolean;\r\n liveBidding: boolean;\r\n}\r\n\r\nexport function BwicTypeLabel({ isParsed, directBidding, isAllToAll, liveBidding }: BwicTypeProps) {\r\n if (isParsed) return {bwicStatus.title}
}\r\n \r\n {children}\r\n
\r\n );\r\n}\r\n","import * as React from 'react';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { RightSidePanel } from '../controls';\r\nimport { textRulesPanelActions } from '../../actions/text-rules-panel.actions';\r\nimport { AppState } from '../../types/state/AppState';\r\nimport { BwicRules } from './BwicRules';\r\n\r\nexport function BwicTextRulesPanel() {\r\n const textRulesPanel = useSelector((state: AppState) => state.textRulesPanel);\r\n const dispatch = useDispatch();\r\n\r\n if (!textRulesPanel.visible || textRulesPanel.params === null) {\r\n return null;\r\n }\r\n\r\n const handleClose = (e: React.MouseEvent\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 {hasActiveTransactions && (\r\n \r\n \r\n )}\r\n
\r\n {hasAmrDeal && (\r\n \r\n \r\n AMR\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n );\r\n};\r\n","import classNames from \"classnames\";\r\nimport { OnHoverTooltip } from '../common';\r\nimport { forwardRef, useState } from 'react';\r\nimport Highlighter from '../amrPipeline/common/Highlighter';\r\nimport { CloManager } from \"../../types/clo-managers/CloManager\";\r\nimport { CloManagerLabels } from \"./CloManagerLabels\";\r\n\r\ninterface Props {\r\n selected: boolean;\r\n searchTerm: string;\r\n cloManager: CloManager;\r\n onClick: (referenceName: string) => void;\r\n onFavoriteClick: (referenceName: string, addToFavorite: boolean) => void;\r\n withAlert: boolean;\r\n}\r\n\r\nexport const CloManagersNavItem = forwardRef(function CloManagersNavItem({\r\n selected,\r\n searchTerm,\r\n cloManager,\r\n withAlert,\r\n onClick,\r\n onFavoriteClick,\r\n}: Props, ref: React.ForwardedRef\r\n {showAlertSection && (\r\n \r\n dispatch(cloManagersActions.setManagerForAlertPopup(manager.referenceName))}\r\n />\r\n \r\n )}\r\n
\r\n {showFavoriteIcon && renderFavoriteIcon()}\r\n \r\n \r\n \r\n \r\n {isUserCompany && MY}\r\n
\r\n \r\n
\r\n \r\n );\r\n});\r\n","import { useEffect, useState, useMemo } from \"react\";\r\nimport { EmptyPlaceholder } from \"../common\";\r\nimport classnames from \"classnames\";\r\nimport { SelectionPanelSearch } from '../amrPipeline/common/SelectionPanelSearch';\r\nimport { CloManagersNavItem } from './CloManagersNavItem';\r\nimport { PipelineTabs, Tab } from '../amrPipeline/aggregated/PipelineTabs';\r\nimport { CloManager } from '../../types/clo-managers/CloManager';\r\nimport React from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { AppState } from \"../../types/state/AppState\";\r\nimport { UserConfigState } from \"../../types/state/UserConfigState\";\r\nimport { AlertOption } from \"../../types/email-preferences/EmailPreferences\";\r\nimport { getAlertValues, isCollateralManagersOwnCompany } from \"../../utils/amr-pipeline.utils\";\r\nimport { user } from \"../../user/user\";\r\nimport { SubscriptionFeature } from \"../../types/billing/SubscriptionFeature\";\r\n\r\nenum SearchTab {\r\n All = 'All',\r\n Favourite = 'Favorite'\r\n}\r\n\r\ninterface Props {\r\n data: CloManager[];\r\n selectedReferenceName: string;\r\n onChange: (referenceName: string) => void;\r\n onFavoriteClick: (referenceName: string, favorite: boolean) => void;\r\n}\r\n\r\nconst searchManagers = (cloManagers: CloManager[], searchTerm: string) => {\r\n return cloManagers.filter(({ legalName }) =>\r\n legalName\r\n .toLocaleLowerCase()\r\n .includes(searchTerm.toLocaleLowerCase().trim())\r\n );\r\n};\r\n\r\nconst getFavorites = (cloManagers: CloManager[]) => {\r\n return cloManagers.filter(({ favorite }) => favorite);\r\n}\r\n\r\nexport const CloManagersSelectionPanel = ({\r\n data,\r\n selectedReferenceName,\r\n onChange,\r\n onFavoriteClick,\r\n}: Props) => {\r\n const [collapsed, setCollapsed] = useState(false);\r\n const [tab, setTab] = useState(SearchTab.All);\r\n const [tabSearchTerm, setTabSearchTerm] = useState({\r\n [SearchTab.All]: '',\r\n [SearchTab.Favourite]: '',\r\n });\r\n\r\n const userCompany = useSelector((state: AppState) => state.issuanceMonitor.amrPipelineCommon.userCompany);\r\n\r\n const alertConfigs = useSelector\r\n
\r\n \r\n
\r\n Hello,
\r\n{userCompanyName} has requested a meeting. Please see the contact information below:
\r\n\r\n {text}\r\n
\r\n )}\r\n \r\n
\r\n Regards,
\r\nTeam KopenTech
\r\n\r\n This email (including any attachments) is confidential and, by accepting this email, you agree that you will\r\n treat it as such and act or refrain from acting in accordance with applicable law. It does not constitute investment\r\n advice, is only for the use of the intended recipient and copying, redistributing or acting upon such email by\r\n unintended recipients is unauthorized and may be unlawful. Receipt by anyone other than the intended recipient is not\r\n a waiver of any protections or work-product or attorney-client privilege. If you received this email in error, please\r\n notify KopenTech, LLC (\"KopenTech\") immediately. KopenTech makes no representation or warranty as to the accuracy or\r\n completeness of the email and its contents and is not obligated to update or revise any information. This email is not\r\n an official confirmation of any transaction and is not offer to sell or the solicitation for the purchase of any security,\r\n financial instrument or interest in an investment vehicle. Such offering shall be made only by a final confidential offering\r\n circular to eligible investors. Any comments or opinions expressed in this communication do not necessarily reflect those\r\n of KopenTech or its affiliates. Emails sent to and from this address may be monitored and stored in accordance with internal\r\n policy. This email and any attachments are confidential and may be privileged or otherwise protected from disclosure. If you\r\n are not the intended recipient, please telephone or email the sender and delete this message and any attachment from your\r\n system immediately. If you are not the intended recipient you must not copy this message or attachment or disclose the contents\r\n to any other person. For more details, see the \r\n Terms and Conditions and{' '}\r\n Privacy Policy\r\n
\r\n \r\n );\r\n}\r\n","import { useState } from 'react';\r\nimport { validateEmail } from '../../../utils';\r\nimport { FlexRow, Preloader } from '../../common';\r\nimport { EmailChipList } from '../../common/EmailChipList';\r\nimport { Popup, PopupBody, PopupFooter } from '../../controls';\r\nimport { useRequestScheduleMeeting } from './useRequestScheduleMeeting';\r\nimport { ScheduleMeetingMailPreview } from './ScheduleMeetingPreview';\r\nimport { StatusMessageSection } from '../../status-message/StatusMessageSection';\r\nimport { StatusMessageSectionType } from '../../../types/state/NotificationState';\r\nimport { useDispatch } from 'react-redux';\r\nimport { notificationActions } from '../../../actions';\r\n\r\n\r\nconst emailMaxCount = 500;\r\n\r\ninterface Props {\r\n cloManagerReferenceName: string;\r\n cloManagerLegalName: string;\r\n userCompanyName: string;\r\n onClose: () => void;\r\n defaultEmailList?: string[];\r\n}\r\n\r\nexport function ScheduleMeetingPopup({\r\n onClose,\r\n defaultEmailList = [],\r\n cloManagerReferenceName,\r\n cloManagerLegalName,\r\n userCompanyName\r\n}: Props) {\r\n const dispatch = useDispatch();\r\n const [emailList, setEmailList] = useState\r\n
\r\n {renderInviteForm()}
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n };\r\n\r\n const renderAlertsSection = () => {\r\n return (\r\n e.stopPropagation()} className=\"action-item\">\r\n dispatch(cloManagersActions.setManagerForAlertPopup(company.referenceName))}\r\n />\r\n
\r\n );\r\n };\r\n\r\n const renderManagerPresentationFilesSection = () => {\r\n const noFiles = !selectedManager?.details?.numberOfManagerPresentationFiles;\r\n\r\n if (noFiles) {\r\n return null;\r\n }\r\n\r\n return (\r\n {company.legalName}
;\r\n const editHeader = (\r\n <>\r\nEdit Manager
\r\n {company.legalName}\r\n \r\n );\r\n\r\n const spacer = (\r\n\r\n \r\n
\r\n );\r\n\r\n const renderActions = () => {\r\n if (canEdit) {\r\n return (\r\n <>\r\n {!edit && renderAlertsSection()}\r\n {!edit && renderManagerPresentationFilesSection()}\r\n {!edit && spacer}\r\n {!edit && renderScheduleMeetingButton()}\r\n {renderEditButtons()}\r\n \r\n );\r\n }\r\n\r\n return (\r\n <>\r\n {renderAlertsSection()}\r\n \r\n setShowScheduleMeetingPopup(false)}\r\n userCompanyName={userCompany!.name}\r\n cloManagerReferenceName={selectedManager!.referenceName}\r\n cloManagerLegalName={selectedManager!.legalName}\r\n defaultEmailList={defaultEmailList}\r\n />\r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default Header;\r\n","import { SectionContent } from '../../amrPipeline/common/section/SectionContent';\r\nimport { TextField } from '../../common/form-fields/TextField';\r\nimport { NumberField } from '../../common/form-fields/NumberField';\r\nimport { SelectField } from '../../common/form-fields/SelectField';\r\nimport { CheckboxField } from '../../common/form-fields/CheckboxField';\r\nimport { MarkdownField } from '../../common/form-fields/MarkdownField';\r\nimport { InstitutionTypes } from '../../../types/clo-managers/InstitutionType';\r\n\r\nexport const AdditionalInformation = () => {\r\n return (\r\n \r\n {company.isUserCompany &&
\r\n\r\n {showScheduleMeetingPopup && (\r\n MY
}\r\n {renderActions()}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n downloadDocument(document)}>\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport const ManagerPresentationUpload = memo(\r\n DocumentListComponent,\r\n (prevProps: Props, nextProps: Props) =>\r\n isEqual(prevProps.documents, nextProps.documents)\r\n)\r\n","import { useField } from 'formik';\r\nimport { AmrFile } from '../../../types/amr-pipeline/models/AmrFile';\r\nimport { SectionContent } from '../../amrPipeline/common/section/SectionContent';\r\nimport { ManagerPresentationUpload } from './ManagerPresentationUpload';\r\nimport { useDispatch } from 'react-redux';\r\nimport { cloManagersActions } from '../../../actions/clo-managers.actions';\r\n\r\nconst AcceptedExtensions = ['pdf', 'ppt', 'pptx'];\r\n\r\nexport const ManagerPresentations = () => {\r\n const dispatch = useDispatch();\r\n const [managerPresentationField, , managerPresentationHelpers] = useField\r\n {label}\r\n
\r\n \r\n
\r\n \r\n {(uploadedDocument.current || uploadingFileName) ? (\r\n setDragEnter(true)}\r\n onDragLeave={() => setDragEnter(false)}\r\n className=\"component-file-upload\"\r\n >\r\n
\r\n \r\n {dragEnter ?\r\n (<>Uploading...) :\r\n (<>\r\n
\r\n \r\n )}\r\n \r\n
\r\n )\r\n }\r\n \r\n Drag & Drop file here or \r\n `.${extension}`).join(',')}\r\n />\r\n
\r\n Format: pdf, ppt, pptx\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n formik\r\n .getFieldHelpers('stateId')\r\n .setValue(null);\r\n formik\r\n .getFieldHelpers('cityId')\r\n .setValue(null);\r\n formik\r\n .getFieldHelpers('newCity')\r\n .setValue(null);\r\n }}\r\n required\r\n className=\"country-field\"\r\n />\r\n
\r\n \r\n {isUSASelected && (\r\n {\r\n formik\r\n .getFieldHelpers('cityId')\r\n .setValue(null);\r\n\r\n formik\r\n .getFieldHelpers('newCity')\r\n .setValue(null);\r\n }}\r\n required\r\n />\r\n )}\r\n (\r\n
\r\n \r\n {\r\n const selectedCity = cities.data.find(\r\n c => c.name.localeCompare(value, undefined, { sensitivity: 'accent' }) === 0,\r\n );\r\n\r\n const cityId = formik.getFieldHelpers('cityId');\r\n const cityName = formik.getFieldHelpers('newCity');\r\n\r\n if (selectedCity) {\r\n cityId.setValue(selectedCity.id);\r\n cityName.setValue(null);\r\n } else {\r\n cityId.setValue(null);\r\n cityName.setValue(value);\r\n }\r\n }}\r\n placeholder=\"City\"\r\n />\r\n {((meta.touched && meta.error) ||\r\n (getIn(formik.touched, 'newCity') && getIn(formik.errors, 'newCity'))) && (\r\n
\r\n )}\r\n required\r\n />\r\n {meta.error || getIn(formik.errors, 'newCity')}
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n v.id)}\r\n label=\"CLO Valuation Services\"\r\n errorMessage={\r\n (touched.cloSystemInfrastructures && errors.cloSystemInfrastructures?.toString()) || ''\r\n }\r\n name=\"cloValuation\"\r\n markRequired={false}\r\n placeholder=\"Select\"\r\n horizontalOrientation\r\n generateSelectedText={generateSelectedText}\r\n resetButtonText='Reset to default'\r\n />\r\n v.id)}\r\n label=\"CLO Analytics Services\"\r\n errorMessage={\r\n (touched.cloSystemInfrastructures && errors.cloSystemInfrastructures?.toString()) || ''\r\n }\r\n name=\"cloAnalytics\"\r\n markRequired={false}\r\n placeholder=\"Select\"\r\n horizontalOrientation\r\n generateSelectedText={generateSelectedText}\r\n resetButtonText='Reset to default'\r\n\r\n />\r\n v.id)}\r\n label=\"CLO Portfolio Management Services\"\r\n errorMessage={\r\n (touched.cloSystemInfrastructures && errors.cloSystemInfrastructures?.toString()) || ''\r\n }\r\n name=\"cloPortfolio\"\r\n markRequired={false}\r\n placeholder=\"Select\"\r\n horizontalOrientation\r\n generateSelectedText={generateSelectedText}\r\n resetButtonText='Reset to default'\r\n />\r\n v.id)}\r\n label=\"Offshore Legal Services\"\r\n errorMessage={\r\n (touched.cloSystemInfrastructures && errors.cloSystemInfrastructures?.toString()) || ''\r\n }\r\n name=\"offshoreLegal\"\r\n markRequired={false}\r\n placeholder=\"Select\"\r\n horizontalOrientation\r\n generateSelectedText={generateSelectedText}\r\n resetButtonText='Reset to default'\r\n />\r\n v.id)}\r\n label=\"Offshore Fund Admin. Services\"\r\n errorMessage={\r\n (touched.cloSystemInfrastructures && errors.cloSystemInfrastructures?.toString()) || ''\r\n }\r\n name=\"offshoreFundAdmin\"\r\n markRequired={false}\r\n placeholder=\"Select\"\r\n horizontalOrientation\r\n generateSelectedText={generateSelectedText}\r\n resetButtonText='Reset to default'\r\n />\r\n
\r\n \r\n v.id)}\r\n label=\"CLO Accounting Services\"\r\n errorMessage={\r\n (touched.cloSystemInfrastructures && errors.cloSystemInfrastructures?.toString()) || ''\r\n }\r\n name=\"cloAccounting\"\r\n markRequired={false}\r\n placeholder=\"Select\"\r\n horizontalOrientation\r\n generateSelectedText={generateSelectedText}\r\n resetButtonText='Reset to default'\r\n />\r\n v.id)}\r\n label=\"Secondary CLO Platforms\"\r\n errorMessage={\r\n (touched.cloSystemInfrastructures && errors.cloSystemInfrastructures?.toString()) || ''\r\n }\r\n name=\"secondaryClo\"\r\n markRequired={false}\r\n placeholder=\"Select\"\r\n horizontalOrientation\r\n generateSelectedText={generateSelectedText}\r\n resetButtonText='Reset to default'\r\n />\r\n v.id)}\r\n label=\"CLO Docs Services\"\r\n errorMessage={\r\n (touched.cloSystemInfrastructures && errors.cloSystemInfrastructures?.toString()) || ''\r\n }\r\n name=\"cloDocs\"\r\n markRequired={false}\r\n placeholder=\"Select\"\r\n horizontalOrientation\r\n generateSelectedText={generateSelectedText}\r\n resetButtonText='Reset to default'\r\n />\r\n v.id)}\r\n label=\"US CLO Law Firms\"\r\n errorMessage={\r\n (touched.cloSystemInfrastructures && errors.cloSystemInfrastructures?.toString()) || ''\r\n }\r\n name=\"usCloLaw\"\r\n markRequired={false}\r\n placeholder=\"Select\"\r\n horizontalOrientation\r\n generateSelectedText={generateSelectedText}\r\n resetButtonText='Reset to default'\r\n />\r\n v.id)}\r\n label=\"European CLO Law Firms\"\r\n errorMessage={\r\n (touched.cloSystemInfrastructures && errors.cloSystemInfrastructures?.toString()) || ''\r\n }\r\n name=\"euCloLaw\"\r\n markRequired={false}\r\n placeholder=\"Select\"\r\n horizontalOrientation\r\n generateSelectedText={generateSelectedText}\r\n resetButtonText='Reset to default'\r\n />\r\n
\r\n \r\n history.push(pathname)}\r\n shouldBlockNavigation={() => hasChanges()}\r\n />\r\n
\r\n );\r\n}\r\n","import { isNil } from 'lodash';\r\nimport * as Yup from \"yup\";\r\n\r\nconst RequiredMessage = 'Required';\r\n\r\nexport const CloManagerValidationSchema = Yup.object().shape({\r\n unpriSignatorySince: Yup\r\n .date()\r\n .when('unpriSignatory', {\r\n is: (unpriSignatory: string) => !!unpriSignatory,\r\n then: () => Yup\r\n .date()\r\n .typeError('UNPRI Signatory Since is required')\r\n .required('UNPRI Signatory Since is required'),\r\n otherwise: () => Yup\r\n .date()\r\n .optional()\r\n .nullable(),\r\n }),\r\n\r\n unpriSignatory: Yup\r\n .string()\r\n .when('unpriSignatorySince', {\r\n is: (unpriSignatorySince?: Date) => !!unpriSignatorySince,\r\n then: () => Yup\r\n .string()\r\n .typeError('UNPRI Signatory is required')\r\n .required('UNPRI Signatory is required'),\r\n otherwise: () => Yup\r\n .string()\r\n .optional()\r\n .nullable(),\r\n }),\r\n\r\n countryId: Yup\r\n .number()\r\n .typeError(RequiredMessage)\r\n .required(RequiredMessage),\r\n\r\n stateId: Yup\r\n .number()\r\n .when('isUSASelected', {\r\n is: (isUSASelected: boolean) => isUSASelected,\r\n then: () => Yup\r\n .number()\r\n .typeError(RequiredMessage)\r\n .required(RequiredMessage),\r\n otherwise: () => Yup\r\n .number()\r\n .optional()\r\n .nullable(),\r\n }),\r\n\r\n newCity: Yup\r\n .string()\r\n .when('cityId', {\r\n is: (cityId?: number) => isNil(cityId),\r\n then: () => Yup\r\n .string()\r\n .trim()\r\n .typeError(RequiredMessage)\r\n .required(RequiredMessage),\r\n otherwise: () => Yup\r\n .string()\r\n .optional()\r\n .nullable(),\r\n }),\r\n\r\n zipCode: Yup\r\n .string()\r\n .trim()\r\n .typeError(RequiredMessage)\r\n .required(RequiredMessage),\r\n\r\n address: Yup\r\n .string()\r\n .trim()\r\n .typeError(RequiredMessage)\r\n .required(RequiredMessage),\r\n\r\n}, [\r\n ['unpriSignatory', 'unpriSignatorySince'],\r\n ['unpriSignatorySince', 'unpriSignatory'],\r\n]);\r\n","import { AumStatisticsItem } from './AumStatisticsItem'\r\nimport { StatisticsItem } from './StatisticsItem'\r\nimport { TotalStatisticsItem } from './TotalStatisticsItem'\r\nimport { routes } from '../../../../constants';\r\nimport { TransactionStatus } from '../../../../types/amr-pipeline/enums/TransactionStatus';\r\nimport { QueryStringArgumentSerializer } from '../../../../utils/filtering/serializers/QueryStringArgumentSerializer';\r\nimport { amr, collateralManagers, collateralTypes, imPipelineTab, multipleCurrencies, transactionStatuses, transactionTypes } from '../../../../utils/filtering/serializers/serializer.definitions';\r\nimport { queryStringSerializer } from '../../../../utils/filtering';\r\nimport { IssuanceMonitorTab } from '../../../amrPipeline/types/PipelineTabTypes';\r\nimport { CloManagerAccessType } from '../../../../types/amr-pipeline/enums/CloManagerAccessType';\r\nimport { useDispatch } from 'react-redux';\r\nimport { cloManagersActions } from '../../../../actions/clo-managers.actions';\r\nimport { StatisticsChartsTransactionStatuses, StatisticsChartsTransactionTypes } from './constants';\r\nimport { Currency } from '../../../../types/enums/Currency';\r\nimport { CollateralType } from '../../../../types/amr-pipeline/enums/CollateralType';\r\nimport { SubscriptionFeature } from '../../../../types/billing/SubscriptionFeature';\r\nimport { user } from '../../../../user';\r\nimport { CompanyStats } from '../../../../types/amr-pipeline/models/CompanyStats';\r\n\r\ninterface StatisticsProps {\r\n companyReferenceName: string;\r\n stats?: CompanyStats;\r\n}\r\n\r\nexport const Statistics = ({ companyReferenceName, stats }: StatisticsProps) => {\r\n const dispatch = useDispatch();\r\n\r\n if (!stats) {\r\n return null;\r\n }\r\n\r\n const redirectToIssuanceMonitor = (qsBuilder: (...params: any) => string, cloManagerAccessType?: CloManagerAccessType, ) => (...params: any) => {\r\n const queryString = qsBuilder(...params);\r\n\r\n if (cloManagerAccessType) {\r\n dispatch(cloManagersActions.logUserActivity(companyReferenceName, cloManagerAccessType));\r\n }\r\n\r\n window.open(`${window.location.origin}${routes.AMRPipeline}/?${queryString}`);\r\n };\r\n\r\n const redirectToArrangerPipeline = redirectToIssuanceMonitor(() => {\r\n const searchParams = {\r\n collateralManagers: [companyReferenceName],\r\n imPipelineTab: IssuanceMonitorTab.ArrangerPipeline,\r\n };\r\n\r\n const serializer: QueryStringArgumentSerializer\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import { useMemo } from 'react';\r\nimport { constants } from '../../../../../constants';\r\nimport { ChartGrouping, ChartTypes } from '../../../../../types/dashboard/AmrChart';\r\nimport { Currency } from '../../../../../types/enums/Currency';\r\nimport { DropDownList, DropDownListItem } from '../../../../controls/DropDownList';\r\nimport { FilterPanel, FilterSection } from '../../../../filters';\r\nimport { ShortLongDatedDealsChartFilter, ShortLongDatedDealsChartFilterProps } from '../../../../dashboard/shortLongDatedDeals/ShortLongDatedDealsFilter';\r\n\r\nexport function ShortLongDatedDealsFilter({\r\n onChange,\r\n ...values\r\n}: ShortLongDatedDealsChartFilterProps) {\r\n const handleValueChange = (prop: keyof ShortLongDatedDealsChartFilter) => (value: any) => {\r\n onChange({\r\n ...values,\r\n [prop]: value,\r\n });\r\n };\r\n\r\n const handleCurrencyChange = (value: any) => {\r\n onChange({\r\n ...values,\r\n currencyCode: value === constants.allListItem ? undefined : value as Currency,\r\n });\r\n };\r\n\r\n const chartCurrencies = useMemo(() => {\r\n const all = {\r\n value: constants.allListItem,\r\n text: 'All',\r\n selected: values.currencyCode === undefined,\r\n };\r\n\r\n const options = [Currency.USD, Currency.EUR].map(value => ({\r\n value,\r\n text: value,\r\n selected: values.currencyCode === value,\r\n }));\r\n\r\n return [\r\n all,\r\n ...options,\r\n ];\r\n }, [values.currencyCode]);\r\n\r\n const chartGroupings = [\r\n {\r\n text: ChartGrouping.M,\r\n value: ChartGrouping.M,\r\n payload: 'Month',\r\n },\r\n {\r\n text: ChartGrouping.Q,\r\n value: ChartGrouping.Q,\r\n payload: 'Quarter',\r\n },\r\n {\r\n text: ChartGrouping.Y,\r\n value: ChartGrouping.Y,\r\n payload: 'Year',\r\n }\r\n ];\r\n\r\n const chartTypes = useMemo(() => {\r\n const all = {\r\n value: constants.allListItem,\r\n text: 'All',\r\n selected: values.transactionType === constants.allListItem,\r\n };\r\n\r\n return [\r\n all,\r\n ...ChartTypes.map(({ value, text }) => ({\r\n value,\r\n text,\r\n selected: values.transactionType === value,\r\n })),\r\n ];\r\n }, [values.transactionType]);\r\n\r\n const renderListItemWithDescription = (item: DropDownListItem) => (\r\n \r\n {item.text}\r\n {item.payload}\r\n
\r\n );\r\n\r\n return (\r\n \r\n
\r\n {ChartLegends[0]}
\r\n {ChartLegends[1]}
\r\n {ChartLegends[2]}
\r\n All statistics are calculated based on the transaction pricing date.
\r\n \r\n );\r\n}\r\n\r\nCloManagerArrangerStatsBarChart.defaultProps = {\r\n chartDiv: 'clo-manager-bars-chart',\r\n};\r\n","import { useMemo } from 'react';\r\nimport { DashboardNoSelectedFilters } from '../../../../dashboard/DashboardNoSelectedFilters';\r\nimport { CloManagerArrangerStatsBarChart } from './CloManagerArrangerStatsBarChart';\r\nimport { CloManagerStats } from '../../../../../types/clo-managers/CloManagerStats';\r\nimport { user } from '../../../../../user';\r\nimport { SubscriptionFeature } from '../../../../../types/billing/SubscriptionFeature';\r\n\r\ninterface CloManagerArrangerStatsWidgetProps {\r\n stats: CloManagerStats;\r\n onChartClick?: (companyReferenceName: string, transactionType: string) => void;\r\n}\r\n\r\nexport function CloManagerArrangerStatsWidget({ stats, onChartClick }: CloManagerArrangerStatsWidgetProps) {\r\n const hasImAccess = user.hasFeatures(SubscriptionFeature.IssuanceMonitorFullAccess);\r\n\r\n const chart = useMemo(() => {\r\n return \r\n
\r\n );\r\n}\r\n","import { PlotMouseEvent } from 'plotly.js';\r\nimport { cloManagersChartBar, trusteeBarColor } from '../../../../../constants/cloManagers/chartBar';\r\nimport { mainConfig, Plot } from '../../../../common';\r\nimport { chartUtils } from '../../../../../utils';\r\nimport { CloManagerDealStats } from '../../../../../types/clo-managers/CloManagerDealStats';\r\nimport { constants } from '../../../../../constants';\r\n\r\ninterface Props {\r\n chartDiv?: string;\r\n data: CloManagerDealStats[];\r\n onClick?: (comoanyReferenceName: string) => void;\r\n}\r\n\r\nexport function CloManagerTrusteeStatsBarChart({ chartDiv, data, onClick }: Props) {\r\n const onBarClick = (e: PlotMouseEvent) => {\r\n if (!onClick) {\r\n return;\r\n }\r\n\r\n const point = e && e.points && e.points[0];\r\n\r\n if (!point) {\r\n return;\r\n }\r\n\r\n const companyReferenceName = point.customdata as string;\r\n\r\n onClick(companyReferenceName);\r\n };\r\n\r\n const formatCompanyShortName = (shortName?: string) => {\r\n if (!shortName || !shortName.trim()) return constants.emptyPlaceholder\r\n\r\n const maxSingleLineSymbols = 10\r\n const trimmed = shortName.trim();\r\n\r\n if (trimmed.length <= maxSingleLineSymbols) return trimmed;\r\n\r\n const words = trimmed.split(' ');\r\n if (words.length === 1) return trimmed;\r\n if (words.length === 2) return words.join('\r\n
\r\n {!!stats.arrangersDeals.length ? chart : \r\n ArrangersDeal Count\r\n
\r\n')\r\n\r\n // 3 or 4 words\r\n const [first, second, ...other] = words;\r\n return `${first} ${second}
${other.join(\" \")}`;\r\n\r\n }\r\n\r\n const getChartData = () =>\r\n data.map(d => ({\r\n x: [formatCompanyShortName(d.companyShortName)],\r\n y: [d.numberOfDeals],\r\n type: 'bar',\r\n hoverinfo: 'text',\r\n textposition: 'none',\r\n name: d.companyReferenceName,\r\n customdata: [d.companyReferenceName],\r\n text: `${d.companyShortName || constants.emptyPlaceholder}: ${d.numberOfDeals}` || [],\r\n marker: { color: trusteeBarColor },\r\n }));\r\n\r\n const chartData = getChartData();\r\n\r\n const { label, tickColor, tickFont, zeroLineColor, margin, fontSize } = cloManagersChartBar;\r\n const customMargin = { ...margin, b: 60 };\r\n\r\n const layout = {\r\n showlegend: false,\r\n barmode: 'group',\r\n autosize: true,\r\n hovermode: 'closest',\r\n hoverlabel: {\r\n bordercolor: label.bordercolor,\r\n bgcolor: label.bgColor,\r\n font: {\r\n color: label.fontColor,\r\n family: label.fontFamily,\r\n size: label.size,\r\n },\r\n },\r\n font: { size: fontSize },\r\n margin: customMargin,\r\n xaxis: {\r\n type: 'category',\r\n zeroline: false,\r\n fixedrange: true,\r\n \r\n tickangle: 'auto',\r\n autotickangles: [0, -45],\r\n ticklen: 0,\r\n },\r\n yaxis: {\r\n showgrid: true,\r\n mirror: 'ticks',\r\n fixedrange: true,\r\n showtickprefix: 'none',\r\n zerolinecolor: zeroLineColor,\r\n gridcolor: tickColor,\r\n ticks: 'inside',\r\n tickcolor: tickColor,\r\n tickfont: tickFont,\r\n },\r\n };\r\n\r\n return (\r\n <>\r\n
All statistics are calculated based on the transaction pricing date.
\r\n \r\n );\r\n}\r\n\r\nCloManagerTrusteeStatsBarChart.defaultProps = {\r\n chartDiv: 'clo-manager-bars-chart',\r\n};\r\n","import { useMemo } from 'react';\r\nimport { CloManagerTrusteeStatsBarChart } from './CloManagerTrusteeStatsBarChart';\r\nimport { DashboardNoSelectedFilters } from '../../../../dashboard/DashboardNoSelectedFilters';\r\nimport { CloManagerStats } from '../../../../../types/clo-managers/CloManagerStats';\r\n\r\ninterface CloManagerTrusteeStatsWidgetProps {\r\n stats: CloManagerStats;\r\n onChartClick?: (companyReferenceName: string) => void;\r\n}\r\n\r\nexport function CloManagerTrusteeStatsWidget({ stats, onChartClick }: CloManagerTrusteeStatsWidgetProps) {\r\n const chart = useMemo(() => {\r\n const data = stats.trusteesDeals.sort((a, b) => b.numberOfDeals - a.numberOfDeals);\r\n\r\n return \r\n
\r\n );\r\n}\r\n","import { isNil, noop } from 'lodash';\r\nimport { constants, pipelineRequestCriteria, routes } from '../../../../constants';\r\nimport { Currency } from '../../../../types/enums/Currency';\r\nimport { AppState } from '../../../../types/state/AppState';\r\nimport { CloManagersState } from '../../../../types/state/CloManagersState';\r\nimport { Statistics } from './Statistics';\r\nimport { StatisticsChart } from './StatisticsChart';\r\nimport { IssuanceSpreadWidget } from '../../../dashboard/issuanceSpread/IssuanceSpreadWidget';\r\nimport { ChartGrouping, ChartUnits, Term } from '../../../../types/dashboard/AmrChart';\r\nimport { ShortLongDatedDealsWidget } from '../../../dashboard/shortLongDatedDeals/ShortLongDatedDealsWidget';\r\nimport { ShortLongDatedDealsFilter } from './charts/ShortLongDatedDealsFilter';\r\nimport { ShortLongChartClickHandlerParams } from '../../../dashboard/shortLongDatedDeals/types';\r\nimport { ShortOrLongDated } from '../../../../types/amr-pipeline/enums/ShortOrLongDated';\r\nimport { CloManagerArrangerStatsWidget } from './charts/CloManagerArrangerStatsWidget';\r\nimport { CloManagerTrusteeStatsWidget } from './charts/CloManagerTrusteeStatsWidget';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { SectionContent } from '../../../amrPipeline/common/section/SectionContent';\r\nimport { QueryStringArgumentSerializer } from '../../../../utils/filtering/serializers/QueryStringArgumentSerializer';\r\nimport { IssuanceSpreadsChartClickHandlerParams } from '../../../dashboard/issuanceSpread/types';\r\nimport { queryStringSerializer } from '../../../../utils/filtering';\r\nimport {\r\n arrangers,\r\n collateralManagers,\r\n coupon,\r\n multipleCurrencies,\r\n nonCallEndFrom,\r\n nonCallEndTo,\r\n pricingDateFrom,\r\n pricingDateTo,\r\n ratings,\r\n reinvestmentEndFrom,\r\n reinvestmentEndTo,\r\n transactionTypes,\r\n trustees,\r\n esg,\r\n euCompliance,\r\n staticDeals,\r\n transactionStatuses,\r\n collateralTypes,\r\n outOfNC,\r\n outOfRI,\r\n} from '../../../../utils/filtering/serializers/serializer.definitions';\r\nimport { useContext } from 'react';\r\nimport CloManagersContext from '../../cloManagersContext';\r\nimport IconSVG from '../../../../styles/svg-icons';\r\nimport { cloManagersActions } from '../../../../actions/clo-managers.actions';\r\nimport { CloManagerAccessType } from '../../../../types/amr-pipeline/enums/CloManagerAccessType';\r\nimport { ArrangersTrusteesChartsTransactionStatuses, StatisticsChartsTransactionStatuses, StatisticsChartsTransactionTypes } from './constants';\r\nimport { Player } from '../../../common/Player';\r\nimport { stringUtils } from '../../../../utils';\r\nimport { RequiredFeature } from '../../../access/RequiredFeature';\r\nimport { SubscriptionFeature } from '../../../../types/billing/SubscriptionFeature';\r\nimport { ActionBlocker } from '../../../access/ActionBlocker';\r\nimport { BlockedFeatureContent, SubscribeLink } from '../../../access/BlockedFeatureText';\r\nimport { user } from '../../../../user';\r\n\r\nexport const Overview = () => {\r\n const dispatch = useDispatch();\r\n const { selectedManager } = useSelector\r\n
\r\n {!!stats.trusteesDeals.length ? chart : \r\n TrusteesDeal Count\r\n
\r\n\r\n {details?.webSite && (\r\n dispatch(cloManagersActions.logUserActivity(selectedManager.referenceName, CloManagerAccessType.CloTeamWebsite))}\r\n >\r\n dispatch(cloManagersActions.logUserActivity(selectedManager.referenceName, CloManagerAccessType.CloTeamIn))}\r\n >\r\n
\r\n );\r\n\r\n const redirectToIssuanceMonitor = (qsBuilder: (...params: any) => string, cloManagerAccessType: CloManagerAccessType) => (...params: any) => {\r\n dispatch(cloManagersActions.logUserActivity(selectedManager.referenceName, cloManagerAccessType));\r\n\r\n const queryString = qsBuilder(...params);\r\n\r\n window.open(`${window.location.origin}${routes.AMRPipeline}/?${queryString}`);\r\n };\r\n\r\n const redirectToIMWithCurrency = redirectToIssuanceMonitor((currency: Currency) => {\r\n const hasImAccess = user.hasFeatures(SubscriptionFeature.IssuanceMonitorDealUpdateEmailAlerts);\r\n\r\n const searchParams = {\r\n collateralManagers: [selectedManager.referenceName],\r\n currency: [currency],\r\n // Generate different links for subscribed and unsubscribed users\r\n // to show `see N more deals` placeholder in particular case\r\n transactionStatuses: hasImAccess ? StatisticsChartsTransactionStatuses : undefined,\r\n transactionTypes: StatisticsChartsTransactionTypes,\r\n };\r\n\r\n const serializer: QueryStringArgumentSerializer\r\n {details?.description && (\r\n
\r\n \r\n {details.description}\r\n
\r\n )}\r\n {withVideoColumn && (\r\n\r\n {details?.platformOverview &&\r\n stringUtils.isValidUrl(\r\n details.platformOverview\r\n ) && (\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n {showWebinarVideo && (\r\n Platform Overview
\r\n\r\n (\r\n
\r\n )}\r\n Webinars
\r\n\r\n
\r\n \r\n \r\n
\r\n {\r\n // Hid section in scope https://kopentech.atlassian.net/browse/AMR-8551\r\n /*\r\n \r\n {details &&\r\n \r\n {blocked => (\r\n \r\n }\r\n \r\n {blocked => (\r\n \r\n \r\n {blocked => (\r\n \r\n
\r\n \r\n \r\n {details?.cloTeamStructureRegions}\r\n \r\n \r\n {isNil(details?.cloPortfolioManagers) ? constants.emptyPlaceholder : details?.cloPortfolioManagers}\r\n \r\n \r\n {details?.pmAverageExperience}\r\n \r\n \r\n {details?.analystTeamAverageExperience}\r\n \r\n \r\n {details?.loanTermCreditsPerAnalyst}\r\n \r\n \r\n {details?.approxNoOfInvestedCredits}\r\n \r\n
\r\n \r\n Loan Analysts with:\r\n 20 Years’ Credit Experience\">\r\n {isNil(details?.loanAnalystsWithOver20yCreditExperience) ? constants.emptyPlaceholder : details?.loanAnalystsWithOver20yCreditExperience}\r\n \r\n \r\n {isNil(details?.loanAnalystsWith10To20yCreditExperience) ? constants.emptyPlaceholder : details?.loanAnalystsWith10To20yCreditExperience}\r\n \r\n \r\n {isNil(details?.loanAnalystsWithLessThan10yCreditExperience) ? constants.emptyPlaceholder : details?.loanAnalystsWithLessThan10yCreditExperience}\r\n \r\n \r\n {isNil(details?.distressedCreditSpecialists) ? constants.emptyPlaceholder : details?.distressedCreditSpecialists}\r\n \r\n \r\n {isNil(details?.avgExperience) ? constants.emptyPlaceholder : details?.avgExperience}\r\n \r\n
\r\n \r\n
,\r\n onActivate: () => dispatch(rulesActions.show(currentBwic.positionId)),\r\n onDeactivate: () => dispatch(rulesActions.hide())\r\n }\r\n ];\r\n\r\n return (\r\n \r\n
\r\n \r\n trackActivity(CloManagerAccessType.CloTeamWebsite)}\r\n >\r\n {webSite}\r\n \r\n ) : (\r\n constants.emptyPlaceholder\r\n )\r\n }\r\n className=\"data-item-row-full-height data-item-row-title-md\"\r\n />\r\n trackActivity(CloManagerAccessType.CloTeamIn)}\r\n >\r\n
\r\n \r\n \r\n {address &&
\r\n \r\n {address || constants.emptyPlaceholder}
}\r\n {cityAndState &&{cityAndState}
}\r\n {zipCodeAndCountry &&{zipCodeAndCountry}
}\r\n \r\n )\r\n }\r\n />\r\n\r\n
\r\n \r\n \r\n {capitalize(\r\n formatUtils.formatBoolean(details?.esgFormalPolicy)\r\n )}\r\n \r\n
\r\n \r\n \r\n {details?.unpriSignatory ? (\r\n dispatch(cloManagersActions.logUserActivity(selectedManager.referenceName, CloManagerAccessType.AdditionalInformationUnpri))}\r\n target=\"_blank\"\r\n rel=\"noreferrer\"\r\n >\r\n {unpriSignatoryValue}\r\n \r\n ) : (\r\n unpriSignatoryValue\r\n )}\r\n \r\n
\r\n \r\n loadHandler(file.referenceName, file.name)}\r\n isLoading={loadingState[file.referenceName]}\r\n document={file}\r\n loadingText\r\n secondary\r\n >\r\n
\r\n ));\r\n\r\n const managerPresentationFilesList = (files: AmrFile[]) => {\r\n if (files?.length < 4) {\r\n return renderFileList(files);\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n {getOperationsRegions()}\r\n \r\n \r\n {details?.location || constants.emptyPlaceholder}\r\n \r\n \r\n {isNil(details?.cloIssuanceSince)\r\n ? constants.emptyPlaceholder\r\n : details?.cloIssuanceSince}\r\n \r\n \r\n {isNil(details?.foundedIn)\r\n ? constants.emptyPlaceholder\r\n : details.foundedIn}\r\n \r\n \r\n {details.founder ? (\r\n \r\n \r\n ) : (\r\n constants.emptyPlaceholder\r\n )}\r\n \r\n \r\n {details.parent ? (\r\n \r\n \r\n ) : (\r\n constants.emptyPlaceholder\r\n )}\r\n \r\n \r\n {details.institutionType ? (\r\n InstitutionTypeTitles[details.institutionType]\r\n ) : (\r\n constants.emptyPlaceholder\r\n )}\r\n \r\n
\r\n {details.founder}
\r\n {details.parent}
\r\n \r\n \r\n {isNil(details?.totalParentAumUsd)\r\n ? constants.emptyPlaceholder\r\n : formatUtils.formatToBillions(details.totalParentAumUsd, 2, true)}\r\n \r\n \r\n {isNil(details?.totalParentAumEur)\r\n ? constants.emptyPlaceholder\r\n : formatUtils.formatToBillions(details.totalParentAumEur, 2, true)}\r\n \r\n \r\n {isNil(details?.leveragedLoanAumUsd)\r\n ? constants.emptyPlaceholder\r\n : formatUtils.formatToBillions(details.leveragedLoanAumUsd, 2, true)}\r\n \r\n \r\n {isNil(details?.leveragedLoanAumEur)\r\n ? constants.emptyPlaceholder\r\n : formatUtils.formatToBillions(details.leveragedLoanAumEur, 2, true)}\r\n \r\n \r\n {capitalize(formatUtils.formatBoolean(details?.ownEquity))}\r\n \r\n \r\n {capitalize(formatUtils.formatBoolean(details?.proprietaryAnalyticalTools))}\r\n \r\n
\r\n \r\n \r\n {details?.investmentPhilosophy ? (\r\n \r\n {details?.investmentModel ? (\r\n
\r\n \r\n \r\n );\r\n};\r\n","import { useSelector } from 'react-redux';\r\nimport { AppState } from '../../../../types/state/AppState';\r\nimport { CloManagersState } from '../../../../types/state/CloManagersState';\r\nimport { SectionContent } from '../../../amrPipeline/common/section/SectionContent';\r\nimport { FormField } from '../../../amrPipeline/common/FormField';\r\nimport {\r\n getCloSystemInfrastructureNamesList,\r\n groupCloSystemInfrastructure,\r\n} from '../../../../utils/clo-managers.utils';\r\nimport { constants } from '../../../../constants';\r\nimport { CloSystemInfrastructuresTypes } from '../../../../types/clo-managers/CloSystemInfrastructures';\r\n\r\nexport const CloSystemInfrastructure = () => {\r\n const { selectedManager } = useSelector\r\n
\r\n \r\n \r\n {cloValuationServices?.length ? getCloSystemInfrastructureNamesList(cloValuationServices) : constants.emptyPlaceholder}\r\n \r\n \r\n {cloAnalyticsServices?.length ? getCloSystemInfrastructureNamesList(cloAnalyticsServices) : constants.emptyPlaceholder}\r\n \r\n \r\n {cloPortfolioManagementServices?.length ? getCloSystemInfrastructureNamesList(cloPortfolioManagementServices) : constants.emptyPlaceholder}\r\n \r\n \r\n {offshoreLegalServices?.length ? getCloSystemInfrastructureNamesList(offshoreLegalServices) : constants.emptyPlaceholder}\r\n \r\n \r\n {offshoreFundAdminServices?.length ? getCloSystemInfrastructureNamesList(offshoreFundAdminServices) : constants.emptyPlaceholder}\r\n \r\n
\r\n \r\n \r\n {cloAccountingServices?.length ? getCloSystemInfrastructureNamesList(cloAccountingServices) : constants.emptyPlaceholder}\r\n \r\n \r\n {secondaryCloPlatform?.length ? getCloSystemInfrastructureNamesList(secondaryCloPlatform) : constants.emptyPlaceholder}\r\n \r\n \r\n {cloDocsServices?.length ? getCloSystemInfrastructureNamesList(cloDocsServices) : constants.emptyPlaceholder}\r\n \r\n \r\n {usCloLawFirms?.length ? getCloSystemInfrastructureNamesList(usCloLawFirms) : constants.emptyPlaceholder}\r\n \r\n \r\n {euCloLawFirms?.length ? getCloSystemInfrastructureNamesList(euCloLawFirms) : constants.emptyPlaceholder}\r\n \r\n
\r\n \r\n \r\n {data.recentProfileViews || constants.emptyPlaceholder}\r\n \r\n \r\n \r\n \r\n {data.totalProfileViews || constants.emptyPlaceholder}\r\n \r\n \r\n {data.dealViews || constants.emptyPlaceholder}\r\n \r\n \r\n {data.presentationDownloads || constants.emptyPlaceholder}\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import { pick, sum, values } from 'lodash';\r\nimport { SectionContent } from '../../../amrPipeline/common/section/SectionContent'\r\nimport { PercentageBar } from '../../../amrPipeline/detailed/new-issue/analytics/PercentageBar';\r\nimport { CloManagerAnalytics } from '../../../../types/clo-managers/CloManagerAnalytics';\r\nimport { RequiredFeature } from '../../../access/RequiredFeature';\r\nimport { SubscriptionFeature } from '../../../../types/billing/SubscriptionFeature';\r\nimport { BlockedFeatureContent, SubscribeLink } from '../../../access/BlockedFeatureText';\r\n\r\ninterface ViewedTabsProps {\r\n data: CloManagerAnalytics;\r\n}\r\n\r\nexport const ViewedTabs = ({ data }: ViewedTabsProps) => {\r\n const totalViews = sum(values(pick(data, [\r\n 'viewedTabsOverview',\r\n 'viewedTabsDeals',\r\n 'viewedTabsCloTeam',\r\n 'viewedTabsAdditionalInformation'\r\n ])));\r\n\r\n return (\r\n See total profile views, deal views, presentation downloads
\r\n\r\n \r\n
\r\n }>\r\n See more tabs viewed by clients
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {uniqueDocuments.map(d => (\r\n
- \r\n {d.isDeleted ? (\r\n d.name\r\n ) : (\r\n <>\r\n
\r\n
\r\n );\r\n}\r\n","import { useContext, useEffect, useMemo, useRef } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport cn from 'classnames';\r\nimport { routes } from \"../../constants\";\r\nimport { AppState } from \"../../types/state/AppState\";\r\nimport { useHistory, useParams } from \"react-router\";\r\nimport Header from './Header';\r\nimport { CloManagerTabTypes, CloManagersTabType } from '../../types/clo-managers/CloManagersTabType';\r\nimport { cloManagersActions } from '../../actions/clo-managers.actions';\r\nimport { CloManagersEdit } from './CloManagersEdit';\r\nimport { Formik } from 'formik';\r\nimport { gridActions } from '../../actions';\r\nimport { CloManagerValidationSchema } from './CloManagerValidationSchema';\r\nimport { CloManager } from '../../types/clo-managers/CloManager';\r\nimport { TabList, TabItem } from '../bidding/common/tab-list';\r\nimport { TabContent } from '../amrPipeline/common/tabs/TabContent';\r\nimport { Overview } from './tabs/overview/Overview';\r\nimport { Deals } from './tabs/deals/Deals';\r\nimport { CloTeam } from './tabs/cloTeam/CloTeam';\r\nimport { AdditionalInformation } from './tabs/AdditionalInformation';\r\nimport { Preloader } from '../common';\r\nimport { TabBody } from '../amrPipeline/common/tabs/TabBody';\r\nimport { CloManagerAccessType } from '../../types/amr-pipeline/enums/CloManagerAccessType';\r\nimport { CloManagerSaveForm } from \"../../types/clo-managers/CloManagerSaveForm\";\r\nimport { Analytics } from './tabs/analytics/Analytics';\r\nimport CloManagersContext from './cloManagersContext';\r\nimport { useAppDispatch } from \"../../effects/useAppDispatch\";\r\n\r\nconst EditTab = 'edit';\r\n\r\ninterface CLOManagerRouteParams {\r\n referenceName: string;\r\n tab?: CloManagersTabType | typeof EditTab;\r\n}\r\n\r\ninterface CloManagersDetailedProps {\r\n selectedManager: CloManager;\r\n}\r\n\r\nconst TabTypeToAccessType = {\r\n [CloManagersTabType.AdditionalInformation]: CloManagerAccessType.AdditionalInformationTab,\r\n [CloManagersTabType.CloTeam]: CloManagerAccessType.CloTeamTab,\r\n [CloManagersTabType.Deals]: CloManagerAccessType.DealTab,\r\n [CloManagersTabType.Overview]: CloManagerAccessType.OverviewTab,\r\n};\r\n\r\nexport const CloManagersDetails = ({ selectedManager }: CloManagersDetailedProps) => {\r\n const { hasAnalyticsAccess } = useContext(CloManagersContext);\r\n const { referenceName, tab } = useParams\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 {managerForAlerts && dispatch(cloManagersActions.setManagerForAlertPopup(undefined))} />}\r\n
\r\n \r\n
\r\n \r\n \r\n {selectedManager && \r\n
\r\n