\r\n
\r\n ),\r\n loadingComponent: LoadingComponent = () => \r\n \r\n
\r\n \r\n \r\n {showFilterPopup && (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n onFilterInputClear(columnKey)}\r\n disabled={!inputValue}\r\n >\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nDataGridFilter.propTypes = {\r\n /**css classname for popup placement */\r\n className: PropTypes.string,\r\n /**It is used to determine the column on which filter is applied */\r\n columnKey: PropTypes.string,\r\n /**It containes the value of input field */\r\n filterInput: PropTypes.object,\r\n /**It will show/hide the filter popup */\r\n showFilterPopup: PropTypes.bool.isRequired,\r\n /**It will check whether filter is active or not to show orange icon */\r\n isFilterActive: PropTypes.bool.isRequired,\r\n /**It is the change handler for filter input */\r\n onFilterInputChange: PropTypes.func.isRequired,\r\n /**It will clear/reset the filter input */\r\n onFilterInputClear: PropTypes.func.isRequired,\r\n /**It will execute when use click on apply button */\r\n onFilterInputApply: PropTypes.func.isRequired,\r\n /**It will execute when user will click on filter icon */\r\n onFilterClick: PropTypes.func.isRequired,\r\n /**It will close the filter popup */\r\n onCloseFilterPopup: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default DataGridFilter;\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport DataGridConstants from 'constants/common/data-grid-constants';\r\nimport DataGridFilter from 'components/common/data-grid/_data-grid-filter-component';\r\n\r\nimport {\r\n DATA_GRID_BLOCK,\r\n DataGridColumn,\r\n DataGridSort,\r\n} from './data-grid-component';\r\n\r\nconst { SPECIAL_COLUMNS_LIST, SPECIAL_COLUMNS, DATA_GRID_ROW_HEIGHT } =\r\n DataGridConstants;\r\n\r\nconst COL_HEADER_ICON_SIZE = '20';\r\n\r\nexport const DataGridColumnsHeader = ({\r\n columns,\r\n sort,\r\n onSortClick,\r\n tableId,\r\n onHeaderCheckboxSelect,\r\n canSelectMoreThenOneRow,\r\n filterInput,\r\n showFilterPopup,\r\n isFilterActive,\r\n onFilterInputChange,\r\n onFilterInputClear,\r\n onFilterInputApply,\r\n onFilterClick,\r\n onCloseFilterPopup,\r\n}) => {\r\n const [headerChecked, _setHeaderChecked] = useState(false);\r\n\r\n const _displayHeader = (colModel) => {\r\n // header checkbox controls whether all rows are selected, changing the rows values occurs in data-grid-component controlled by onHeaderCheckboxSelect\r\n if (colModel.key === SPECIAL_COLUMNS.checkbox && canSelectMoreThenOneRow) {\r\n return (\r\n \r\n
\r\n ,\r\n document.getElementById('modal-root'),\r\n );\r\n }\r\n}\r\n\r\nModal.propTypes = {\r\n /** Node of children components to be included inside the main body area of the modal */\r\n children: PropTypes.node,\r\n /** String indicating the current step number of the modal if it runs in a series */\r\n stepNumber: PropTypes.string,\r\n /** String indicating the total number of steps for the modal if it runs in a series */\r\n totalSteps: PropTypes.string,\r\n /** internationalized string title of the modal */\r\n title: PropTypes.string,\r\n /** Unique string id for modal component */\r\n id: PropTypes.string.isRequired,\r\n /** function fired onClick of the close button */\r\n onClose: PropTypes.func.isRequired,\r\n /** Object with Modal Button primary button parameters passed into the modal */\r\n primaryModalButton: PropTypes.instanceOf(ModalButton),\r\n /** Object with Modal Button secondary button parameters passed into the modal */\r\n secondaryModalButton: PropTypes.instanceOf(ModalButton),\r\n /** Object with Modal Button tertiary button parameters passed into the modal */\r\n tertiaryModalButton: PropTypes.instanceOf(ModalButton),\r\n /** custom className for modal */\r\n className: PropTypes.string,\r\n /** Object with Modal Button tertiary button parameters passed into the modal */\r\n primaryDeleteModalButton: PropTypes.instanceOf(ModalButton),\r\n};\r\n\r\nexport default Modal;\r\n","import FileSaver from 'file-saver';\r\nimport { getStore } from 'store/store';\r\n\r\nexport const downloadFile = (response) => {\r\n const fileName = response.headers['content-disposition']\r\n .split(';')\r\n .find((n) => n.includes('filename='))\r\n .replace('filename=', '')\r\n .trim();\r\n const contentType = response.headers['content-type'];\r\n let blob = new Blob([response.data], { type: contentType });\r\n FileSaver.saveAs(blob, fileName);\r\n};\r\n\r\nexport const getStatementIdUtil = (statementId) => {\r\n if (statementId) {\r\n return statementId;\r\n }\r\n const { selectedStatement } = getStore().getState().data;\r\n let id =\r\n selectedStatement &&\r\n selectedStatement.statement &&\r\n parseInt(selectedStatement.statement.id);\r\n // if we are unsuccessful in getting selected statement id from redux then try getting it from url params.\r\n const locationPath = window.location.pathname.split('/');\r\n if (!id && locationPath.includes('statement')) {\r\n id = locationPath[locationPath.indexOf('statement') + 1];\r\n }\r\n return id;\r\n};\r\n","export const DATE_FORMATS = {\r\n YEAR: 'YYYY',\r\n MONTH_DAY_YEAR: 'MM/DD/YYYY',\r\n MONTH_DAY_YEAR_TIME: 'MM/DD/YYYY h:mm a',\r\n HOURS_MINUTES: 'h:mm a',\r\n YEAR_MONTH_DAY: 'YYYY-MM-DD',\r\n YEAR_MONTH_DAY_TIME: 'YYYY-MM-DD[T]HH:mm:ss[Z]',\r\n DAY_MONTH_YEAR: 'DD-MM-YYYY',\r\n DAY_MONTH_YEAR_TIME: 'DD/MM/YYYY HH:mm',\r\n};\r\n\r\nexport const button = 'calendarBtn';\r\nexport const clrButton = 'clearBtn';\r\nexport const closeButton = 'closeBtn';\r\nexport const dateInput = 'date-input';\r\nexport const arrowIcons = 'arrowIcons';\r\nexport const DatePicker = 'DatePicker';\r\nexport const calendar = 'calendar';\r\nexport const directionIcon = 'dateInputFangShape';\r\nexport const ARROW_ICON_SIZE = '1.5rem';\r\nexport const CALENDAR_ICON_SIZE = '15px';\r\nexport const CLEAR_ICON_SIZE = '20px';\r\nexport const months = {\r\n 1: 'date.picker.month.january',\r\n 2: 'date.picker.month.february',\r\n 3: 'date.picker.month.march',\r\n 4: 'date.picker.month.april',\r\n 5: 'date.picker.month.may',\r\n 6: 'date.picker.month.june',\r\n 7: 'date.picker.month.july',\r\n 8: 'date.picker.month.august',\r\n 9: 'date.picker.month.september',\r\n 10: 'date.picker.month.october',\r\n 11: 'date.picker.month.november',\r\n 12: 'date.picker.month.december',\r\n};\r\n\r\nexport const DateFormatRegex = (exp) => {\r\n switch (exp) {\r\n case DATE_FORMATS.MONTH_DAY_YEAR:\r\n return /^\\d{2}\\/\\d{2}\\/\\d{4}$/;\r\n case DATE_FORMATS.YEAR_MONTH_DAY:\r\n return /^\\d{4}-\\d{2}-\\d{2}$/;\r\n case DATE_FORMATS.DAY_MONTH_YEAR:\r\n return /^\\d{2}\\/\\d{2}\\/\\d{4}$/;\r\n default:\r\n return /^\\d{2}\\/\\d{2}\\/\\d{4}$/; //DATE_FORMATS.MONTH_DAY_YEAR\r\n }\r\n};\r\n\r\nexport const weekDays = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];\r\n","import React, { memo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { injectIntl, FormattedMessage } from 'react-intl';\r\nimport FormItem from 'components/common/form-item-component';\r\nimport classNames from 'classnames';\r\nimport Tooltip from 'components/common/tool-tip-component';\r\nimport { TooltipOptions } from 'models/utils/common/tooltip-options-model';\r\nimport { isNullOrUndefined } from 'utils/object-utils';\r\nimport MultiLineEllipsis from 'components/common/multi-line-ellipsis-text-component';\r\n\r\nexport const CHECKBOX_BLOCK = 'checkbox';\r\n\r\nconst Checkbox = ({\r\n className,\r\n checkboxClassName,\r\n checkboxInputClassName,\r\n disabled,\r\n errorText,\r\n id,\r\n checked,\r\n isValid,\r\n isNotIntl,\r\n label,\r\n value,\r\n name,\r\n onChange,\r\n tooltip,\r\n width,\r\n alt,\r\n intl,\r\n masterChecked,\r\n needsMultilineLabel,\r\n}) => {\r\n const renderCheckbox = () => (\r\n \r\n \r\n
\r\n \r\n {stepNumber && totalSteps ? (\r\n \r\n
\r\n )}\r\n
\r\n \r\n
\r\n ) : null}\r\n {/* Sometimes we want dynamic value for title as well, hence we want to omit the static value */}\r\n {title && (\r\n \r\n
\r\n )}\r\n {children}
\r\n {this._hasButtons() ? (\r\n \r\n {tertiaryModalButton && (\r\n \r\n \r\n \r\n \r\n
\r\n ) : null}\r\n \r\n {this.getBannerTypeIcon(type)}\r\n onClose()}\r\n />\r\n ) : null}\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nBanner.propTypes = {\r\n /** Unique string id for banner */\r\n id: PropTypes.string.isRequired,\r\n /** Custom extra classname */\r\n className: PropTypes.string,\r\n /** Function fired when close button is pressed */\r\n onClose: PropTypes.func,\r\n /** String copy for body of banner */\r\n bannerCopy: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.shape({\r\n id: PropTypes.string,\r\n values: PropTypes.object,\r\n }),\r\n ]).isRequired,\r\n /** One of strings success, information, guidance, warning, error (use BANNER_TYPES constants) */\r\n type: PropTypes.string.isRequired,\r\n /** Boolean representing whether the component takes internationalized id or string*/\r\n isInternationalized: PropTypes.bool.isRequired,\r\n /** Boolean representing if close button is shown */\r\n isInteractive: PropTypes.bool,\r\n /** string for the width dimension, should include the % */\r\n width: PropTypes.string,\r\n};\r\n\r\nexport default Banner;\r\n","import React from 'react';\r\nimport classnames from 'classnames';\r\nimport {\r\n getElementFlaggedIcon,\r\n getElementStatusIcon,\r\n} from 'constants/feature/element-panel-constants';\r\nimport { isNullOrUndefined } from 'utils/object-utils';\r\nimport { TooltipOptions } from 'models/utils/common/tooltip-options-model';\r\nimport { LEFT_PANELS } from './panel-constants';\r\n\r\nexport const ELEMENT_HIGHLIGHT_STATES = {\r\n DEFAULT: 'default',\r\n POST_BATCH: 'post-batch',\r\n OPENED: 'opened',\r\n SELECTED_FORMULA_ROW: 'selected-formula-row',\r\n PANEL_SELECTED: 'panel-selected',\r\n HOVERED_FROM_FORMULA: 'hovered-from-formula',\r\n SELECTED_FOR_COPY_FORMULA: 'selected-for-copy-formula',\r\n FORMULA_PASTE_SUCCESS: 'formula-paste-success',\r\n FORMULA_PASTE_FAILURE: 'formula-paste-failure',\r\n ELEMENT_MAP_SUCCESS: 'element-map-success',\r\n ELEMENT_MAP_FAILURE: 'element-map-failure',\r\n};\r\n\r\nconst ANNOTATION_DETAILS_BLOCK = 'annotation-details';\r\n\r\nexport const ANNOTATION_BASE_BLOCK = 'element-annotation';\r\n\r\nexport const hoverCopyFormulaDisabledTooltip = new TooltipOptions({\r\n text: 'element-panel.annotation.content.copy-formula.disabled.tool-tip',\r\n id: 'batch-panel.checkbox.copy-formula-disable-tooltip-id',\r\n position: 'bottom',\r\n});\r\n\r\nconst getElementInternalReferenceGroupName = ({\r\n elementDetails,\r\n customCSS = false,\r\n}) => {\r\n if (\r\n isNullOrUndefined(elementDetails) ||\r\n !elementDetails.hasInternalReferenceGroup()\r\n ) {\r\n return null;\r\n } else {\r\n return (\r\n \r\n {isInternationalized ? (\r\n
\r\n {isInteractive ? (\r\n \r\n {\r\n setShowTooltip(clamped);\r\n }}\r\n style={\r\n shouldBreakWord(_displayText, spaceThresholdToBreakWord)\r\n ? BREAK_LINE_AT_FIRST_OVERFLOW_LETTER\r\n : null\r\n }\r\n basedOn=\"letters\"\r\n />\r\n
\r\n \r\n );\r\n};\r\n\r\nMultiLineEllipsis.defaultProps = {\r\n maxLines: 1,\r\n isNotInternationalized: false,\r\n};\r\n\r\nMultiLineEllipsis.propTypes = {\r\n /** Text to be evaluated for clamping, if `isInternationalized` is true, this should be an intl ID */\r\n text: PropTypes.string,\r\n /** number of lines visible before clamping, defaults to 1 */\r\n maxLines: PropTypes.number,\r\n /** classname for tooltip component */\r\n tooltipClassName: PropTypes.string,\r\n /** unique ID for tooltip */\r\n toolTipID: PropTypes.string.isRequired,\r\n /** indicates position of tooltip, one of `top`, `bottom`, `left`, `right` */\r\n tooltipPosition: PropTypes.string,\r\n /** flag for whether text is internationalized */\r\n isNotInternationalized: PropTypes.bool,\r\n /** Number passed as 2nd paramter to `shouldBreakWord`, conditionally applies the { word-break: break-all } style\r\n * for wraping text at first letter overflow based on number of spaces in the word specified by this threshold\r\n */\r\n spaceThresholdToBreakWord: PropTypes.number,\r\n};\r\n\r\nexport default injectIntl(memo(MultiLineEllipsis));\r\n","import { isNullOrUndefined } from 'utils/object-utils';\r\n\r\nexport class RadioOption {\r\n id = null;\r\n label = null;\r\n value = null;\r\n selected = null;\r\n disabled = null;\r\n /* this property it is being used to set the tooltip on and off on required radio buttons. By default it is always going to be true */\r\n tooltipEnabled = null;\r\n isNotInternationalized = false;\r\n\r\n constructor({\r\n id,\r\n label,\r\n value,\r\n selected,\r\n disabled,\r\n tooltipEnabled,\r\n isNotInternationalized,\r\n }) {\r\n this.id = id;\r\n this.label = label;\r\n this.value = value;\r\n this.selected = selected;\r\n this.disabled = disabled;\r\n this.isNotInternationalized = isNullOrUndefined(isNotInternationalized)\r\n ? false\r\n : isNotInternationalized;\r\n this.tooltipEnabled = tooltipEnabled !== null ? tooltipEnabled : true;\r\n }\r\n}\r\n","import htmlToText from 'html-to-text';\r\nimport enMessages from 'i18n/en.json';\r\n\r\nexport const EMPTY_STRING = '';\r\nexport const SINGLE_COMMA_SPACE_STRING = ', ';\r\nexport const ONE_SECOND_IN_MS = 1000;\r\nexport const ONE_MINUTE_IN_MS = ONE_SECOND_IN_MS * 60;\r\nexport const ONE_HOUR_IN_MS = ONE_MINUTE_IN_MS * 60;\r\nexport const ONE_DAY_IN_MS = ONE_HOUR_IN_MS * 24;\r\n\r\nexport const LOCAL_STORAGE_TIEOUT_APP_IDENTIFIER = 'tieout_';\r\nexport const TIME_TO_LIVE_FOR_LOCALE_LANGUAGE_JSON = ONE_DAY_IN_MS;\r\nexport const TIEOUT_EVENT_FOR_LANGUAGE_UPDATE = 'UserUpdatedLanguagePreference';\r\n\r\nexport const fireTieoutEventForLanguageUpdate = () => {\r\n const userUpdatedLanguageEvent = new Event(TIEOUT_EVENT_FOR_LANGUAGE_UPDATE);\r\n window.dispatchEvent(userUpdatedLanguageEvent);\r\n};\r\n\r\nexport const getKeyForLocale = (locale) =>\r\n `${LOCAL_STORAGE_TIEOUT_APP_IDENTIFIER}${locale}`;\r\n\r\nexport const updateLocaleMessageInStorage = (locale, localeMessagesWithTTL) => {\r\n localStorage.setItem(\r\n getKeyForLocale(locale),\r\n JSON.stringify(localeMessagesWithTTL),\r\n );\r\n const event = new StorageEvent('storage', {\r\n key: getKeyForLocale(locale),\r\n });\r\n window.dispatchEvent(event);\r\n};\r\n\r\nexport const getMessagesForLocale = (locale = 'en-US') =>\r\n JSON.parse(\r\n localStorage.getItem(`${LOCAL_STORAGE_TIEOUT_APP_IDENTIFIER}${locale}`),\r\n );\r\n\r\nexport const clearLocaleMessagesFromLocalStorage = (locale = 'en-US') => {\r\n localStorage.removeItem(`${LOCAL_STORAGE_TIEOUT_APP_IDENTIFIER}${locale}`);\r\n};\r\n\r\nexport const getTranslationByKey = ({ locale, key }) => {\r\n let messages = getMessagesForLocale(locale);\r\n if (messages && messages.data && messages.data[key]) {\r\n return messages.data[key];\r\n } else {\r\n return enMessages[key];\r\n }\r\n};\r\n\r\nexport const getTextFromHtml = (richText) => {\r\n const text = htmlToText.fromString(richText, {\r\n wordwrap: false, // by default it adds new lines after 80 chars, need to disable to ensure no new characters are added\r\n });\r\n // we need to remove ascii codes from strings\r\n // https://stackoverflow.com/questions/20856197/remove-non-ascii-character-in-string\r\n // eslint-disable-next-line no-control-regex\r\n return text.replace(/[^\\x00-\\x7F]/g, '');\r\n};\r\n\r\nexport const checkIfStringContainsOnlySpaces = (text) => {\r\n // after removing all whitespaces, If the length of the resulting string is 0,\r\n // then you can be sure the original string only contained whitespace\r\n return text && text.replace(/\\s/g, '').length === 0;\r\n};\r\n","import { createAction } from 'redux-actions';\r\n\r\nimport {\r\n searchStatementElementsRequest,\r\n getUpdatedElementsByIdsRequest,\r\n} from 'api/element-api';\r\nimport {\r\n selectElementFromElementSearch,\r\n deselectElementContentPanel,\r\n clearContentHighlightSelector,\r\n} from 'store/actions/statement-content-actions';\r\n\r\nimport { scrollElementIntoView } from 'utils/scrolling-utils';\r\nimport { STATEMENT_NAV_TABS } from 'constants/feature/statement-navigator-constants';\r\n\r\nexport const setElementFilters = createAction('SET_ELEMENT_FILTERS');\r\n\r\nexport const setElementSearchResultsLoading = createAction(\r\n 'SET_ELEMENT_SEARCH_RESULTS_LOADING',\r\n);\r\n\r\nexport const setElementSearchResultsLoaded = createAction(\r\n 'SET_ELEMENT_SEARCH_RESULTS_LOADED',\r\n);\r\n\r\nexport const setElementSearchUpdateResultsLoaded = createAction(\r\n 'SET_ELEMENT_SEARCH_UPDATE_RESULTS_LOADED',\r\n);\r\n\r\nexport const setElementSearchRemoveElementsLoaded = createAction(\r\n 'SET_ELEMENT_SEARCH_REMOVE_ELEMENTS_LOADED',\r\n);\r\n\r\nexport const setElementSearchResultsError = createAction(\r\n 'SET_ELEMENT_SEARCH_RESULTS_ERROR',\r\n);\r\n\r\nexport const emptyElementSearchResults = createAction(\r\n 'EMPTY_ELEMENT_SEARCH_RESULTS',\r\n);\r\n\r\nexport const clearElementSearchResults = createAction(\r\n 'CLEAR_ELEMENT_SEARCH_RESULTS',\r\n);\r\n\r\nexport const clearElementFilters = createAction('CLEAR_ELEMENT_FILTERS');\r\n\r\nexport const setElementSearchResults = createAction(\r\n 'SET_ELEMENT_SEARCH_RESULTS',\r\n);\r\n\r\nexport const setSelectedElementResult = createAction(\r\n 'SET_SELECTED_ELEMENT_RESULT',\r\n);\r\n\r\nexport const updateElementFilterFromSocketPayloadAction = createAction(\r\n 'UPDATE_ELEMENT_FILTER_FROM_SOCKET_PAYLOAD_ACTION',\r\n);\r\n\r\nexport const showElementSearchRefreshButtonAction = createAction(\r\n 'SHOW_ELEMENT_SEARCH_REFRESH_BUTTON_ACTION',\r\n);\r\nexport const setBatchSelectedItemsIdsAction = createAction(\r\n 'SET_BATCH_SELECTED_ITEMS_IDS_ACTION',\r\n);\r\nexport const removeIdFromBatchSelectedItemsAction = createAction(\r\n 'REMOVE_ID_FROM_BATCH_SELECTED_ITEMS_IDS_ACTION',\r\n);\r\nexport const addIdToBatchSelectedItemsAction = createAction(\r\n 'ADD_ID_TO_BATCH_SELECTED_ITEMS_IDS_ACTION',\r\n);\r\n\r\nexport const searchElements = ({\r\n filters,\r\n searchTerm,\r\n scrollIntoView = true,\r\n sectionClick,\r\n}) => async (dispatch, getState) => {\r\n const {\r\n elementFilters,\r\n } = getState().ui.statementPage.statementNavigatorPanel;\r\n const { id: revisionId } = getState().data.revision;\r\n const _elementFilters = filters || elementFilters;\r\n dispatch(emptyElementSearchResults());\r\n dispatch(setElementSearchResultsLoading());\r\n dispatch(setElementFilters(_elementFilters.setPageParams({ searchTerm })));\r\n try {\r\n const response = await searchStatementElementsRequest({\r\n revisionId,\r\n filters: _elementFilters.resetPagination(),\r\n searchTerm,\r\n });\r\n dispatch(setElementSearchResultsLoaded({ response }));\r\n const { elements } = response.data;\r\n if (elements && elements.length > 0) {\r\n const [firstElement] = elements;\r\n dispatch(\r\n selectElementFromElementSearch({\r\n elementId: firstElement.id,\r\n firstSearch: sectionClick,\r\n }),\r\n );\r\n if (scrollIntoView) {\r\n scrollElementIntoView({\r\n elementId: firstElement.id,\r\n sectionId: firstElement.sectionId,\r\n });\r\n }\r\n }\r\n } catch (error) {\r\n dispatch(setElementSearchResultsError(error));\r\n }\r\n};\r\n\r\nexport const updateElementFilterFromSocketPayload = (elements) => (\r\n dispatch,\r\n getState,\r\n) => {\r\n const {\r\n selectedTab,\r\n elementSearchResults,\r\n } = getState().ui.statementPage.statementNavigatorPanel;\r\n\r\n if (\r\n selectedTab === STATEMENT_NAV_TABS.elements &&\r\n elementSearchResults.hasElements()\r\n ) {\r\n dispatch(updateElementFilterFromSocketPayloadAction({ elements }));\r\n }\r\n};\r\n\r\nexport const updateElementsSearchByIds = ({ elementIds }) => async (\r\n dispatch,\r\n getState,\r\n) => {\r\n const { id: revisionId } = getState().data.revision;\r\n const {\r\n elementFilters,\r\n } = getState().ui.statementPage.statementNavigatorPanel;\r\n\r\n const {\r\n selectedTab,\r\n elementSearchResults,\r\n } = getState().ui.statementPage.statementNavigatorPanel;\r\n if (\r\n selectedTab === STATEMENT_NAV_TABS.elements &&\r\n elementSearchResults.hasElements()\r\n ) {\r\n try {\r\n const response = await getUpdatedElementsByIdsRequest({\r\n revisionId,\r\n elementIds,\r\n filters: elementFilters,\r\n });\r\n if (response.data.elements.length > 0) {\r\n dispatch(setElementSearchUpdateResultsLoaded(response.data));\r\n } else {\r\n dispatch(\r\n setElementSearchRemoveElementsLoaded({\r\n elementIds,\r\n total: response.data.total,\r\n }),\r\n );\r\n }\r\n } catch (error) {\r\n dispatch(setElementSearchResultsError(error));\r\n }\r\n }\r\n};\r\n\r\nexport const searchElementsNextPage = () => async (dispatch, getState) => {\r\n const {\r\n elementFilters,\r\n } = getState().ui.statementPage.statementNavigatorPanel;\r\n const _elementFilters = elementFilters.setNextPage();\r\n dispatch(setElementSearchResultsLoading());\r\n dispatch(setElementFilters(_elementFilters));\r\n const { id: revisionId } = getState().data.revision;\r\n try {\r\n const { searchTerm } = _elementFilters.getPageParams();\r\n const response = await searchStatementElementsRequest({\r\n revisionId,\r\n filters: _elementFilters,\r\n searchTerm,\r\n });\r\n dispatch(setElementSearchResultsLoaded({ response }));\r\n } catch (error) {\r\n dispatch(setElementSearchResultsError(error));\r\n }\r\n};\r\nexport const deselectSelectedElement = () => (dispatch, getState) => {\r\n const searchedElements = getState().ui.statementPage.statementNavigatorPanel\r\n .elementSearchResults;\r\n if (\r\n searchedElements &&\r\n searchedElements.hasElements() &&\r\n searchedElements.selectedIndex > -1\r\n ) {\r\n dispatch(\r\n deselectElementContentPanel({\r\n elementId: searchedElements.elements[searchedElements.selectedIndex].id,\r\n }),\r\n );\r\n }\r\n dispatch(clearContentHighlightSelector());\r\n};\r\n\r\nexport const clearStatementNavElementTab = () => async (dispatch, getState) => {\r\n dispatch(clearElementSearchResults());\r\n dispatch(clearElementFilters());\r\n};\r\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n className: \"icon-path arrow-left\",\n d: \"M0.308333 5.76667C0.25 5.88333 0.25 6.05833 0.308333 6.23333C0.366667 6.29166 0.366667 6.35 0.425 6.40833L5.09167 11.075C5.325 11.3083 5.675 11.3083 5.90833 11.075C6.14167 10.8417 6.14167 10.4917 5.90833 10.2583L2.23333 6.58333L17.1667 6.58333C17.5167 6.58333 17.75 6.35 17.75 6C17.75 5.65 17.5167 5.41667 17.1667 5.41667L2.23333 5.41667L5.90833 1.74167C6.14167 1.50833 6.14167 1.15833 5.90833 0.924999C5.79167 0.808332 5.61667 0.749999 5.5 0.749999C5.38333 0.749999 5.20833 0.808332 5.09167 0.924999L0.425 5.59167C0.366667 5.65 0.308333 5.70833 0.308333 5.76667Z\",\n fill: \"black\"\n});\n\nvar SvgArrowLeft = function SvgArrowLeft(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return React.createElement(\"svg\", _extends({\n width: 18,\n height: 12,\n viewBox: \"0 0 18 12\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgArrowLeft, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/arrow-left.1f33865f.svg\";\nexport { ForwardRef as ReactComponent };","import React, { PureComponent, memo } from 'react';\r\nimport { injectIntl } from 'react-intl';\r\nimport PropTypes from 'prop-types';\r\nimport { ReactComponent as CloseButton } from 'icons/close-button.svg';\r\nimport { ReactComponent as ArrowLeft } from 'icons/arrow-left.svg';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * A Header to display within a Flyout.\r\n *\r\n * To enable the back button pass in the enableBack prop and use the onBack function from the component you are calling it from and integrate the functionality\r\n *\r\n * If you wish to put extra content within the header section on the next row add this component \r\n {enableBack && (\r\n onBack()}\r\n title={intl.formatMessage({ id: 'common.back' })}\r\n height={ICON_DIMENSION}\r\n width={ICON_DIMENSION}\r\n role=\"button\"\r\n />\r\n )}\r\n {children}\r\n {enableClose && (\r\n onClose()}\r\n title={intl.formatMessage({ id: 'common.close' })}\r\n height={CLOSE_ICON_DIMENSION}\r\n width={CLOSE_ICON_DIMENSION}\r\n role=\"button\"\r\n />\r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nFlyoutHeader.defaultProps = {\r\n enableClose: false,\r\n};\r\n\r\nFlyoutHeader.propTypes = {\r\n /** Enables the close button. */\r\n enableClose: PropTypes.bool,\r\n /** Function which handles closing the Flyout. */\r\n onClose: PropTypes.func,\r\n /** Boolean which indicates if we can navigate back to previous flyout component. */\r\n enableBack: PropTypes.bool,\r\n /** Function which handles going back to previous Flyout overlay. */\r\n onBack: PropTypes.func,\r\n};\r\n\r\nexport default injectIntl(memo(FlyoutHeader));\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nconst FOOTER_BLOCK = 'panelFooter';\r\n\r\n/**\r\n * Footer to be used within a Flyout.\r\n */\r\nclass FlyoutFooter extends PureComponent {\r\n render() {\r\n const { children, className } = this.props;\r\n\r\n return (\r\n {children}
\r\n );\r\n }\r\n}\r\n\r\nFlyoutFooter.propTypes = {\r\n /** optional className applied to the footer */\r\n className: PropTypes.string,\r\n};\r\n\r\nexport default FlyoutFooter;\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nconst PANEL_CONTENT_BLOCK = 'panelContent';\r\n\r\n/**\r\n * Body content to be used within a Flyout.\r\n */\r\nclass FlyoutPanelContent extends PureComponent {\r\n render() {\r\n const { children, className } = this.props;\r\n\r\n return (\r\n \r\n {children}\r\n
\r\n );\r\n }\r\n}\r\n\r\nFlyoutPanelContent.propTypes = {\r\n /** string classname to append to the className list of the panel content */\r\n className: PropTypes.string,\r\n};\r\n\r\nexport default FlyoutPanelContent;\r\n","import React, { PureComponent } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport { CSSTransition } from 'react-transition-group';\r\nimport FlyoutHeader from 'components/common/omnia/flyout-header-component';\r\nimport FlyoutFooter from 'components/common/omnia/flyout-footer-component';\r\nimport FlyoutPanelContent from 'components/common/omnia/flyout-panel-content-component';\r\nimport ContentViewModes from 'models/data/content-view-modes-model';\r\n\r\n/**\r\n * @group Layouts\r\n * A Flyout component which appears to the far right (by default) or far left of the screen. It can be configured with\r\n * a Header and Footer (separate components) and can contain any content.\r\n *\r\n * The header and footer can be used as many times anywhere within the component to display header or footer such as titles and buttons or any component that utilizes and header body and footer\r\n *\r\n * It may also contain just the panel content(body) by pulling in the body panel from the omnia folder\r\n *\r\n * Refer to flyout-example1.jsx for an example of how to use the flyout Component\r\n *\r\n * It may be used without a header, body or footer and rendered with just children but no styling will be applied: This may be useful for customizing it and styling it differently from the default\r\n */\r\n\r\nconst FLYOUT_BLOCK = 'flyoutPanel';\r\nconst SCROLLBAR_HEIGHT = 12;\r\n\r\nclass Flyout extends PureComponent {\r\n render() {\r\n const { children, className, position, show, contentViewMode, flyoutRef } =\r\n this.props;\r\n const transitionProps = {\r\n in: show,\r\n appear: true, // allows a panel to be able to animate in on the first mount\r\n timeout: 300,\r\n classNames: FLYOUT_BLOCK,\r\n };\r\n\r\n const bottomOffset = contentViewMode.contentFullMode ? SCROLLBAR_HEIGHT : 0;\r\n\r\n return (\r\n \r\n onKeyDown(e)}\r\n tabIndex={0}\r\n disabled={disabled}\r\n />\r\n
\r\n )}\r\n {isOpen ? (\r\n , value: value },\r\n },\r\n id: 'formula-panel-original-computed-amount-tool-tip',\r\n position: 'top',\r\n });\r\n};\r\n\r\nexport const FORMULA_OPERATOR_OPTIONS_MAP = new Map();\r\nFORMULA_OPERATOR_OPTIONS_MAP.set(\r\n '=',\r\n new MenuOption({\r\n id: 'formula-operator-equal',\r\n title: '=',\r\n value: '=',\r\n isIntl: false,\r\n }),\r\n);\r\nFORMULA_OPERATOR_OPTIONS_MAP.set(\r\n '<',\r\n new MenuOption({\r\n id: 'formula-operator-less-than',\r\n title: '<',\r\n value: '<',\r\n isIntl: false,\r\n }),\r\n);\r\nFORMULA_OPERATOR_OPTIONS_MAP.set(\r\n '>',\r\n new MenuOption({\r\n id: 'formula-operator-greater-than',\r\n title: '>',\r\n value: '>',\r\n isIntl: false,\r\n }),\r\n);\r\nFORMULA_OPERATOR_OPTIONS_MAP.set(\r\n '<=',\r\n new MenuOption({\r\n id: 'formula-operator-less-than-equal',\r\n title: '<=',\r\n value: '<=',\r\n isIntl: false,\r\n }),\r\n);\r\nFORMULA_OPERATOR_OPTIONS_MAP.set(\r\n '>=',\r\n new MenuOption({\r\n id: 'formula-operator-greater-than-equal',\r\n title: '>=',\r\n value: '>=',\r\n isIntl: false,\r\n }),\r\n);\r\n\r\nexport const FORMULA_OPERATOR_TYPE_OPTIONS = Array.from(\r\n FORMULA_OPERATOR_OPTIONS_MAP.values(),\r\n);\r\n\r\nexport const FORMULA_CREATION_TYPES = {\r\n MANUAL: 'MANUAL',\r\n SYSTEM: 'SYSTEM', // TODO perhaps rename once we integrate with SYSTEM formulas\r\n AUTOMATION: 'AUTOMATION',\r\n UNKNOWN: 'UNKNOWN',\r\n};\r\n\r\nexport const FORMULA_TYPES = {\r\n F: 'f',\r\n CF: 'cf',\r\n RX: 'rx', //TODO: Refactor this once we more clearly defined what these types mean.\r\n};\r\n\r\nexport const FORMULA_TYPES_MAP = new Map();\r\nFORMULA_TYPES_MAP.set('f', FORMULA_TYPES.F);\r\nFORMULA_TYPES_MAP.set('cf', FORMULA_TYPES.CF);\r\nFORMULA_TYPES_MAP.set('rx', FORMULA_TYPES.RX);\r\n\r\nexport const FORMULA_ROW_TYPES = {\r\n NUMBER: 'NUMBER',\r\n ELEMENT: 'ELEMENT',\r\n OPERATOR: 'OPERATOR',\r\n};\r\n\r\nexport const FORMULA_ROW_TYPES_MAP = new Map();\r\nFORMULA_ROW_TYPES_MAP.set('NUMBER', FORMULA_ROW_TYPES.NUMBER);\r\nFORMULA_ROW_TYPES_MAP.set('ELEMENT', FORMULA_ROW_TYPES.ELEMENT);\r\nFORMULA_ROW_TYPES_MAP.set('OPERATOR', FORMULA_ROW_TYPES.OPERATOR);\r\n\r\nexport const FORMULA_ROW_OPERATOR_OPTIONS_MAP = new Map();\r\nFORMULA_ROW_OPERATOR_OPTIONS_MAP.set(\r\n '+',\r\n new MenuOption({\r\n id: 'formula-row-operator-addition',\r\n title: '+',\r\n value: '+',\r\n isIntl: false,\r\n }),\r\n);\r\nFORMULA_ROW_OPERATOR_OPTIONS_MAP.set(\r\n '-',\r\n new MenuOption({\r\n id: 'formula-row-operator-subtraction',\r\n title: '-',\r\n value: '-',\r\n isIntl: false,\r\n }),\r\n);\r\nFORMULA_ROW_OPERATOR_OPTIONS_MAP.set(\r\n '/',\r\n new MenuOption({\r\n id: 'formula-row-operator-division',\r\n title: '/',\r\n value: '/',\r\n isIntl: false,\r\n }),\r\n);\r\nFORMULA_ROW_OPERATOR_OPTIONS_MAP.set(\r\n '*',\r\n new MenuOption({\r\n id: 'formula-row-operator-multiplication',\r\n title: '*',\r\n value: '*',\r\n isIntl: false,\r\n }),\r\n);\r\nFORMULA_ROW_OPERATOR_OPTIONS_MAP.set(\r\n ')',\r\n new MenuOption({\r\n id: 'formula-row-operator-close-parenthesis',\r\n title: ')',\r\n value: ')',\r\n isIntl: false,\r\n }),\r\n);\r\nFORMULA_ROW_OPERATOR_OPTIONS_MAP.set(\r\n '(',\r\n new MenuOption({\r\n id: 'formula-row-operator-open-parenthesis',\r\n title: '(',\r\n value: '(',\r\n isIntl: false,\r\n }),\r\n);\r\n\r\nexport const FORMULA_ROW_OPERATOR_OPTIONS = Array.from(\r\n FORMULA_ROW_OPERATOR_OPTIONS_MAP.values(),\r\n);\r\n\r\nexport const getResultDisplay = ({ result, units, numberFormatId }) => {\r\n let numberIsInfinity = false;\r\n\r\n if (typeof result === 'number' && /e[+-]/.test(result.toString())) {\r\n numberIsInfinity = true;\r\n } else {\r\n numberIsInfinity = false;\r\n }\r\n const resultString = result.toString(); // result don't always come as str\r\n let unformattedResult = result;\r\n const isResultNegative = resultString[0] === '-';\r\n\r\n if (!numberIsInfinity && resultString.indexOf('.') !== -1) {\r\n /** Checking for negative number scenarios */\r\n const splitResultString = resultString.split('.');\r\n const decimalResultCount =\r\n splitResultString[0].length + splitResultString[1].length;\r\n if (decimalResultCount < SUPPORTED_NUMBER_LENGTH) {\r\n unformattedResult = result;\r\n } else if (isResultNegative) {\r\n // We want to return negative numbers with char count still 15\r\n unformattedResult = resultString.substr(0, SUPPORTED_NUMBER_LENGTH + 2);\r\n // We don't want the decimal displayed if it's the last char\r\n if (unformattedResult.slice(-1) === '.') {\r\n unformattedResult = resultString.substr(0, SUPPORTED_NUMBER_LENGTH + 1);\r\n }\r\n } else {\r\n unformattedResult = resultString.substr(0, SUPPORTED_NUMBER_LENGTH + 1);\r\n // We don't want the decimal displayed if it's the last char\r\n if (unformattedResult.slice(-1) === '.') {\r\n unformattedResult = resultString.substr(0, SUPPORTED_NUMBER_LENGTH);\r\n }\r\n }\r\n } else if (\r\n numberIsInfinity ||\r\n result === MATH_EXPRESSION_EVAL_INFINITY_RESULT ||\r\n (isResultNegative && resultString.length > SUPPORTED_NUMBER_LENGTH + 1) ||\r\n isNaN(result) ||\r\n (!isResultNegative && resultString.length > SUPPORTED_NUMBER_LENGTH)\r\n ) {\r\n return
{chunks}{' '}\r\n \r\n ),\r\n },\r\n },\r\n id: 'element-panel.annotation.comfort-letter.tooltip-id',\r\n position: 'top',\r\n }),\r\n }),\r\n};\r\n\r\nexport const getDynamicElementAnnotationsTabs = ({\r\n elementDetails,\r\n formulaList,\r\n internalReference,\r\n tickmarkList,\r\n workpaperList,\r\n comfortLetterList,\r\n}) => {\r\n return [\r\n new TabModel({\r\n ...ELEMENT_ANNOTATIONS_TABS.WORK_PAPER_REFERENCE,\r\n intlValues: {\r\n workpaperReferenceCount: workpaperList.getWorkpaperCount(),\r\n },\r\n }),\r\n new TabModel({\r\n ...ELEMENT_ANNOTATIONS_TABS.FORMULA,\r\n intlValues: { formulaCount: formulaList.getFormulaCount() },\r\n className: elementDetails.isFormulaFlagged(true)\r\n ? 'annotations-tabs__tab--flagged'\r\n : null,\r\n }),\r\n new TabModel({\r\n ...ELEMENT_ANNOTATIONS_TABS.INTERNAL_REFERENCE,\r\n intlValues: {\r\n internalReferenceCount: internalReference.getOtherElementsCount({\r\n elementId: elementDetails.id,\r\n }),\r\n },\r\n className: elementDetails.isInternalRefFlagged(true)\r\n ? 'annotations-tabs__tab--flagged'\r\n : null,\r\n }),\r\n new TabModel({\r\n ...ELEMENT_ANNOTATIONS_TABS.TICKMARK,\r\n intlValues: { tickmarkCount: tickmarkList.getTickmarkCount() },\r\n }),\r\n new TabModel({\r\n ...ELEMENT_ANNOTATIONS_TABS.COMFORT_LETTER,\r\n intlValues: {\r\n comfortLetterCount: comfortLetterList.getComfortLetterCount(),\r\n },\r\n }),\r\n ];\r\n};\r\n\r\nexport const getReviewTooltip = (elementDetails) => {\r\n if (!elementDetails.isVerified()) {\r\n return new TooltipOptions({\r\n text: 'element-panel.checkbox.disable-review-tooltip',\r\n id: 'element-panel.checkbox.disable-review-tooltip-id',\r\n position: 'left',\r\n });\r\n } else {\r\n return new TooltipOptions({\r\n text: 'element-panel.checkbox.review.tooltip',\r\n id: 'element-panel.checkbox.review-tooltip-id',\r\n position: 'bottom',\r\n });\r\n }\r\n};\r\n\r\nexport const getOverrideSystemFlagTooltip = (elementDetails) => {\r\n if (\r\n !(\r\n elementDetails.isFormulaFlagged() ||\r\n elementDetails.isInternalRefFlagged() ||\r\n elementDetails.isSystemOverrideFlagged()\r\n )\r\n ) {\r\n return new TooltipOptions({\r\n text: 'element-panel.checkbox.disable-override-system-tooltip',\r\n id: 'element-panel.checkbox.disable-override-system-tooltip-id',\r\n position: 'left',\r\n });\r\n }\r\n};\r\n\r\nexport const hoverVerifyTooltip = new TooltipOptions({\r\n text: 'element-panel.checkbox.verify.tooltip',\r\n id: 'element-panel.checkbox.verify-tooltip-id',\r\n position: 'bottom',\r\n});\r\n\r\nexport const disableComfortAssignTooltip = new TooltipOptions({\r\n text: 'element-panel.checkbox.disabled.comfortAssign.tooltip',\r\n id: 'element-panel.checkbox.disabled.comfortAssign-tooltip-id',\r\n position: 'bottom',\r\n});\r\nexport const reviewInfoButtonTooltip = (event) =>\r\n new TooltipOptions({\r\n text: 'element-panel.review.information',\r\n id: 'element-panel.info.button-review-tooltip-id',\r\n position: 'bottom',\r\n event: event,\r\n });\r\n\r\nexport const HISTORIC_ACTIONS = {\r\n VERIFIED: 'element-panel.history.description.verified',\r\n UNVERIFIED: 'element-panel.history.description.unverified',\r\n FLAGGED: 'element-panel.history.description.flagged',\r\n UNFLAGGED: 'element-panel.history.description.unflagged',\r\n USER_FLAGGED: 'element-panel.history.description.user_flagged',\r\n USER_UNFLAGGED: 'element-panel.history.description.user_unflagged',\r\n REVIEWED: 'element-panel.history.description.reviewed',\r\n UNREVIEWED: 'element-panel.history.description.unreviewed',\r\n FLAG_OVERRIDE: 'element-panel.history.description.flag_override',\r\n REMOVE_FLAG_OVERRIDE:\r\n 'element-panel.history.description.remove_flag_override',\r\n FORMULA_OVERRIDE: 'element-panel.history.description.formula_override',\r\n ANNOTATION_ATTACHED: 'element-panel.history.description.annotation_attached',\r\n ATTRIBUTE_MODIFIED: 'element-panel.history.description.attribute_modified',\r\n};\r\n\r\nexport const FORMULA_TYPES = {\r\n FLOATED_FORMULA: 'f',\r\n CROSS_FOOTED_FORMULA: 'cf',\r\n RECALCULATED_FORMULA: 'rx',\r\n};\r\n\r\nexport const FORMULA_OPTIONS_MAP = new Map();\r\nFORMULA_OPTIONS_MAP.set(\r\n FORMULA_TYPES.FLOATED_FORMULA,\r\n new MenuOption({\r\n id: FORMULA_TYPES.FLOATED_FORMULA,\r\n title: 'element-panel.amount-attribute.formula.option.footed_formula',\r\n value: FORMULA_TYPES.FLOATED_FORMULA,\r\n }),\r\n);\r\nFORMULA_OPTIONS_MAP.set(\r\n FORMULA_TYPES.CROSS_FOOTED_FORMULA,\r\n new MenuOption({\r\n id: FORMULA_TYPES.CROSS_FOOTED_FORMULA,\r\n title: 'element-panel.amount-attribute.formula.option.cross_footed_formula',\r\n value: FORMULA_TYPES.CROSS_FOOTED_FORMULA,\r\n }),\r\n);\r\nFORMULA_OPTIONS_MAP.set(\r\n FORMULA_TYPES.RECALCULATED_FORMULA,\r\n new MenuOption({\r\n id: FORMULA_TYPES.RECALCULATED_FORMULA,\r\n title: 'element-panel.amount-attribute.formula.option.recalculated_formula',\r\n value: FORMULA_TYPES.RECALCULATED_FORMULA,\r\n }),\r\n);\r\n\r\nexport const FORMULA_OPTIONS = Array.from(FORMULA_OPTIONS_MAP.values());\r\n\r\nexport const SelectedableElement = ({ elementDetails, isCftEnabled }) => {\r\n const customCSS = true;\r\n return (\r\n <>\r\n {isCftEnabled &&\r\n Array.isArray(elementDetails.comfortLetterLabelList) &&\r\n elementDetails.comfortLetterLabelList.length\r\n ? ANNOTATION_DISPLAY_FUNCTIONS.comfortLetter({\r\n elementDetails,\r\n customCSS,\r\n })\r\n : null}\r\n {!isNullOrUndefined(elementDetails.tickmarks)\r\n ? ANNOTATION_DISPLAY_FUNCTIONS.tickmarks({\r\n elementDetails,\r\n customCSS,\r\n })\r\n : null}\r\n {elementDetails.elementHasFormula\r\n ? ANNOTATION_DISPLAY_FUNCTIONS.elementFormula({\r\n elementDetails,\r\n customCSS,\r\n })\r\n : null}\r\n {!isNullOrUndefined(elementDetails.internalReferenceGroupName)\r\n ? ANNOTATION_DISPLAY_FUNCTIONS.internalRef({\r\n elementDetails,\r\n customCSS,\r\n })\r\n : null}\r\n {Array.isArray(elementDetails.workpaperReferenceNumberList) &&\r\n elementDetails.workpaperReferenceNumberList.length\r\n ? ANNOTATION_DISPLAY_FUNCTIONS.workpaper({\r\n elementDetails,\r\n customCSS,\r\n })\r\n : null}\r\n \r\n );\r\n};\r\n","import React from 'react';\r\nimport { MenuOption } from 'models/utils/common/menu/menu-option-model';\r\nimport moment from 'moment';\r\nimport { DATE_FORMATS } from 'constants/util/date-constants';\r\nimport DataGridColumn from 'models/utils/common/data-grid/data-grid-column-model';\r\nimport { DataGridCheckboxColumn } from 'components/common/data-grid/data-grid-component';\r\nimport MultilineEllipsis from '../../components/common/multi-line-ellipsis-text-component';\r\nimport { TooltipOptions } from 'models/utils/common/tooltip-options-model';\r\nimport { FormattedMessage } from 'react-intl';\r\n\r\nexport const MAX_STATEMENT_FILE_SIZE = 209715200;\r\nexport const MAX_STATEMENT_NAME_LENGTH = 100;\r\nexport const PDF_UPLOAD_ACCESS = 'application/pdf';\r\nexport const SUPPORTED_STATEMENT_FILE_TYPES = `text/htm, text/html, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, ${PDF_UPLOAD_ACCESS}`;\r\n\r\nexport const getStatementSupportedFileTypes = ({ pdfUploadEnabled }) => {\r\n if (!pdfUploadEnabled) {\r\n return SUPPORTED_STATEMENT_FILE_TYPES.replace(`, ${PDF_UPLOAD_ACCESS}`, '');\r\n }\r\n return SUPPORTED_STATEMENT_FILE_TYPES;\r\n};\r\n\r\nexport const LEGAL_HOLD_TOOLTIP = new TooltipOptions({\r\n text: 'project-creation.project-info.legal-hold-verbiage',\r\n id: 'project-creation-id-tooltip-legal-hold',\r\n position: 'right',\r\n});\r\n\r\nexport const ENABLE_COMFORT_LETTER_TOOLTIP = new TooltipOptions({\r\n text: 'project-creation.project-info.enable-comfort-letter-verbiage.tooltip',\r\n id: 'project-creation-id-enable-comfort-letter',\r\n position: 'right',\r\n});\r\n\r\nexport const AUTO_IR_TOOLTIP = new TooltipOptions({\r\n text: 'statement-create.statement-info.auto-ir-verbiage',\r\n id: 'statement-create-statement-info-auto-ir',\r\n position: 'right',\r\n});\r\n\r\nexport const STATEMENT_TYPE_ID_MAP = {\r\n TEN_K: 1, // 10-K\r\n TEN_Q: 2, // 10-Q\r\n SIX_K: 5, // 6-K\r\n PRESS_RELEASE: 6, // 8-K\r\n TWENTY_F: 7, // 20-F\r\n FORTY_F: 8, // 40-F\r\n NCSR: 9, // N-CSR\r\n PRIVATE_ANNUAL: 11, // Private Annual\r\n PRIVATE_QUARTERLY: 12, // Private Quarterly\r\n PROXY_STATEMENT: 13,\r\n COMFORT_LETTER: 14,\r\n REGISTRATION_STATEMENT: 15,\r\n INSURANCE_STATEMENT: 16,\r\n IM_FUND_REPORT: 17,\r\n AGENCY_REPORT: 18,\r\n OTHER: 999, // Other\r\n GLOBAL_ANNUAL: 19, // Global Annual\r\n GLOBAL_QUARTERLY: 20, // Global Quarterly\r\n Label_Non_US_Filers: 'Non-US Filers', // Non-US Filers label\r\n Label_US_Filers: 'US Filers', // US Filers label\r\n};\r\n\r\nconst DATE_FORMATS_TITLES_LIST = {\r\n 1: 'statement-create.statement-info.dateFormat.options.d-m-y',\r\n 2: 'statement-create.statement-info.dateFormat.options.m-d-y',\r\n 3: 'statement-create.statement-info.dateFormat.options.y-m-d',\r\n 4: 'statement-create.statement-info.dateFormat.options.y-d-m',\r\n};\r\n\r\nexport const STATEMENT_TYPE_OPTIONS_MAP = new Map();\r\nSTATEMENT_TYPE_OPTIONS_MAP.set(\r\n STATEMENT_TYPE_ID_MAP.Label_Non_US_Filers,\r\n new MenuOption({\r\n id: 'statement-type-label-non-US-filers',\r\n title: 'statement-create.statement-info.statement-type.label.non-us.filers',\r\n value: 'statement-type-label-non-US-filers',\r\n isIntl: true,\r\n isLabel: true,\r\n }),\r\n);\r\nSTATEMENT_TYPE_OPTIONS_MAP.set(\r\n STATEMENT_TYPE_ID_MAP.GLOBAL_ANNUAL,\r\n new MenuOption({\r\n id: 'statement-type-option-global-annual',\r\n title:\r\n 'statement-create.statement-info.statement-type.option.global-annual',\r\n value: STATEMENT_TYPE_ID_MAP.GLOBAL_ANNUAL,\r\n }),\r\n);\r\nSTATEMENT_TYPE_OPTIONS_MAP.set(\r\n STATEMENT_TYPE_ID_MAP.GLOBAL_QUARTERLY,\r\n new MenuOption({\r\n id: 'statement-type-option-global-quarterly',\r\n title:\r\n 'statement-create.statement-info.statement-type.option.global-quarterly',\r\n value: STATEMENT_TYPE_ID_MAP.GLOBAL_QUARTERLY,\r\n }),\r\n);\r\nSTATEMENT_TYPE_OPTIONS_MAP.set(\r\n STATEMENT_TYPE_ID_MAP.Label_US_Filers,\r\n new MenuOption({\r\n id: 'statement-type-label-US-filers',\r\n title: 'statement-create.statement-info.statement-type.label.us.filers',\r\n value: 'statement-type-label-US-filers',\r\n isIntl: true,\r\n isLabel: true,\r\n }),\r\n);\r\nSTATEMENT_TYPE_OPTIONS_MAP.set(\r\n STATEMENT_TYPE_ID_MAP.TEN_K,\r\n new MenuOption({\r\n id: 'statement-type-option-10-K',\r\n title: 'statement-create.statement-info.statement-type.option.10-K',\r\n value: STATEMENT_TYPE_ID_MAP.TEN_K,\r\n }),\r\n);\r\nSTATEMENT_TYPE_OPTIONS_MAP.set(\r\n STATEMENT_TYPE_ID_MAP.TEN_Q,\r\n new MenuOption({\r\n id: 'statement-type-option-10-Q',\r\n title: 'statement-create.statement-info.statement-type.option.10-Q',\r\n value: STATEMENT_TYPE_ID_MAP.TEN_Q,\r\n }),\r\n);\r\nSTATEMENT_TYPE_OPTIONS_MAP.set(\r\n STATEMENT_TYPE_ID_MAP.PRIVATE_ANNUAL,\r\n new MenuOption({\r\n id: 'statement-type-option-private-annual',\r\n title:\r\n 'statement-create.statement-info.statement-type.option.private-annual',\r\n value: STATEMENT_TYPE_ID_MAP.PRIVATE_ANNUAL,\r\n }),\r\n);\r\nSTATEMENT_TYPE_OPTIONS_MAP.set(\r\n STATEMENT_TYPE_ID_MAP.PRIVATE_QUARTERLY,\r\n new MenuOption({\r\n id: 'statement-type-option-private-quarterly',\r\n title:\r\n 'statement-create.statement-info.statement-type.option.private-quarterly',\r\n value: STATEMENT_TYPE_ID_MAP.PRIVATE_QUARTERLY,\r\n }),\r\n);\r\n\r\nSTATEMENT_TYPE_OPTIONS_MAP.set(\r\n STATEMENT_TYPE_ID_MAP.IM_FUND_REPORT,\r\n new MenuOption({\r\n id: 'statement-type-option-im-fund-report',\r\n title:\r\n 'statement-create.statement-info.statement-type.option.im-fund-report',\r\n value: STATEMENT_TYPE_ID_MAP.IM_FUND_REPORT,\r\n }),\r\n);\r\n\r\nSTATEMENT_TYPE_OPTIONS_MAP.set(\r\n STATEMENT_TYPE_ID_MAP.PRESS_RELEASE,\r\n new MenuOption({\r\n id: 'statement-type-option-press-release',\r\n title:\r\n 'statement-create.statement-info.statement-type.option.press-release',\r\n value: STATEMENT_TYPE_ID_MAP.PRESS_RELEASE,\r\n }),\r\n);\r\n\r\nSTATEMENT_TYPE_OPTIONS_MAP.set(\r\n STATEMENT_TYPE_ID_MAP.AGENCY_REPORT,\r\n new MenuOption({\r\n id: 'statement-type-option-agency-report',\r\n title:\r\n 'statement-create.statement-info.statement-type.option.agency-report',\r\n value: STATEMENT_TYPE_ID_MAP.AGENCY_REPORT,\r\n }),\r\n);\r\n\r\nSTATEMENT_TYPE_OPTIONS_MAP.set(\r\n STATEMENT_TYPE_ID_MAP.PROXY_STATEMENT,\r\n new MenuOption({\r\n id: 'statement-type-option-proxy-statement',\r\n title:\r\n 'statement-create.statement-info.statement-type.option.proxy-statement',\r\n value: STATEMENT_TYPE_ID_MAP.PROXY_STATEMENT,\r\n }),\r\n);\r\nSTATEMENT_TYPE_OPTIONS_MAP.set(\r\n STATEMENT_TYPE_ID_MAP.COMFORT_LETTER,\r\n new MenuOption({\r\n id: 'statement-type-option-comfort-letter',\r\n title:\r\n 'statement-create.statement-info.statement-type.option.comfort-letter',\r\n value: STATEMENT_TYPE_ID_MAP.COMFORT_LETTER,\r\n }),\r\n);\r\nSTATEMENT_TYPE_OPTIONS_MAP.set(\r\n STATEMENT_TYPE_ID_MAP.REGISTRATION_STATEMENT,\r\n new MenuOption({\r\n id: 'statement-type-option-registration-statement',\r\n title:\r\n 'statement-create.statement-info.statement-type.option.registration-statement',\r\n value: STATEMENT_TYPE_ID_MAP.REGISTRATION_STATEMENT,\r\n }),\r\n);\r\nSTATEMENT_TYPE_OPTIONS_MAP.set(\r\n STATEMENT_TYPE_ID_MAP.INSURANCE_STATEMENT,\r\n new MenuOption({\r\n id: 'statement-type-option-stat-audit-report',\r\n title:\r\n 'statement-create.statement-info.statement-type.option.insurance-statement',\r\n value: STATEMENT_TYPE_ID_MAP.INSURANCE_STATEMENT,\r\n }),\r\n);\r\nSTATEMENT_TYPE_OPTIONS_MAP.set(\r\n STATEMENT_TYPE_ID_MAP.SIX_K,\r\n new MenuOption({\r\n id: 'statement-type-option-6-K',\r\n title: 'statement-create.statement-info.statement-type.option.6-K',\r\n value: STATEMENT_TYPE_ID_MAP.SIX_K,\r\n }),\r\n);\r\nSTATEMENT_TYPE_OPTIONS_MAP.set(\r\n STATEMENT_TYPE_ID_MAP.TWENTY_F,\r\n new MenuOption({\r\n id: 'statement-type-option-20-F',\r\n title: 'statement-create.statement-info.statement-type.option.20-F',\r\n value: STATEMENT_TYPE_ID_MAP.TWENTY_F,\r\n }),\r\n);\r\nSTATEMENT_TYPE_OPTIONS_MAP.set(\r\n STATEMENT_TYPE_ID_MAP.FORTY_F,\r\n new MenuOption({\r\n id: 'statement-type-option-40-F',\r\n title: 'statement-create.statement-info.statement-type.option.40-F',\r\n value: STATEMENT_TYPE_ID_MAP.FORTY_F,\r\n }),\r\n);\r\nSTATEMENT_TYPE_OPTIONS_MAP.set(\r\n STATEMENT_TYPE_ID_MAP.NCSR,\r\n new MenuOption({\r\n id: 'statement-type-option-N-CSR',\r\n title: 'statement-create.statement-info.statement-type.option.N-CSR',\r\n value: STATEMENT_TYPE_ID_MAP.NCSR,\r\n }),\r\n);\r\n\r\nSTATEMENT_TYPE_OPTIONS_MAP.set(\r\n STATEMENT_TYPE_ID_MAP.OTHER,\r\n new MenuOption({\r\n id: 'statement-type-option-other',\r\n title: 'statement-create.statement-info.statement-type.option.other',\r\n value: STATEMENT_TYPE_ID_MAP.OTHER,\r\n }),\r\n);\r\n\r\nexport const STATEMENT_TYPE_OPTIONS = Array.from(\r\n STATEMENT_TYPE_OPTIONS_MAP.values(),\r\n);\r\n\r\nexport const QUARTER_OPTIONS_MAP = new Map();\r\nQUARTER_OPTIONS_MAP.set(\r\n 'Q1',\r\n new MenuOption({\r\n id: 'quarter-option-q1',\r\n title: 'statement-create.statement-info.quarter.option.q1',\r\n value: 1,\r\n }),\r\n);\r\nQUARTER_OPTIONS_MAP.set(\r\n 'Q2',\r\n new MenuOption({\r\n id: 'quarter-option-q2',\r\n title: 'statement-create.statement-info.quarter.option.q2',\r\n value: 2,\r\n }),\r\n);\r\nQUARTER_OPTIONS_MAP.set(\r\n 'Q3',\r\n new MenuOption({\r\n id: 'quarter-option-q3',\r\n title: 'statement-create.statement-info.quarter.option.q3',\r\n value: 3,\r\n }),\r\n);\r\n\r\nexport const QUARTER_OPTIONS = Array.from(QUARTER_OPTIONS_MAP.values());\r\n\r\nconst currentYear = moment().format(DATE_FORMATS.YEAR);\r\nconst minus5Years = moment().subtract(5, 'y').format(DATE_FORMATS.YEAR);\r\nconst minus4Years = moment().subtract(4, 'y').format(DATE_FORMATS.YEAR);\r\nconst minus3Years = moment().subtract(3, 'y').format(DATE_FORMATS.YEAR);\r\nconst minus2Years = moment().subtract(2, 'y').format(DATE_FORMATS.YEAR);\r\nconst minus1Years = moment().subtract(1, 'y').format(DATE_FORMATS.YEAR);\r\nconst plus1Years = moment().add(1, 'y').format(DATE_FORMATS.YEAR);\r\nconst plus2Years = moment().add(2, 'y').format(DATE_FORMATS.YEAR);\r\n\r\nexport const FISCAL_YEAR_OPTIONS_MAP = new Map();\r\nFISCAL_YEAR_OPTIONS_MAP.set(\r\n minus5Years,\r\n new MenuOption({\r\n id: 'fiscal-year-option-1',\r\n title: minus5Years,\r\n value: minus5Years,\r\n isIntl: false,\r\n }),\r\n);\r\nFISCAL_YEAR_OPTIONS_MAP.set(\r\n minus4Years,\r\n new MenuOption({\r\n id: 'fiscal-year-option-2',\r\n title: minus4Years,\r\n value: minus4Years,\r\n isIntl: false,\r\n }),\r\n);\r\nFISCAL_YEAR_OPTIONS_MAP.set(\r\n minus3Years,\r\n new MenuOption({\r\n id: 'fiscal-year-option-3',\r\n title: minus3Years,\r\n value: minus3Years,\r\n isIntl: false,\r\n }),\r\n);\r\nFISCAL_YEAR_OPTIONS_MAP.set(\r\n minus2Years,\r\n new MenuOption({\r\n id: 'fiscal-year-option-4',\r\n title: minus2Years,\r\n value: minus2Years,\r\n isIntl: false,\r\n }),\r\n);\r\nFISCAL_YEAR_OPTIONS_MAP.set(\r\n minus1Years,\r\n new MenuOption({\r\n id: 'fiscal-year-option-5',\r\n title: minus1Years,\r\n value: minus1Years,\r\n isIntl: false,\r\n }),\r\n);\r\nFISCAL_YEAR_OPTIONS_MAP.set(\r\n currentYear,\r\n new MenuOption({\r\n id: 'fiscal-year-option-6',\r\n title: currentYear,\r\n value: currentYear,\r\n isIntl: false,\r\n }),\r\n);\r\nFISCAL_YEAR_OPTIONS_MAP.set(\r\n plus1Years,\r\n new MenuOption({\r\n id: 'fiscal-year-option-7',\r\n title: plus1Years,\r\n value: plus1Years,\r\n isIntl: false,\r\n }),\r\n);\r\nFISCAL_YEAR_OPTIONS_MAP.set(\r\n plus2Years,\r\n new MenuOption({\r\n id: 'fiscal-year-option-8',\r\n title: plus2Years,\r\n value: plus2Years,\r\n isIntl: false,\r\n }),\r\n);\r\n\r\nexport const FISCAL_YEAR_OPTIONS = Array.from(FISCAL_YEAR_OPTIONS_MAP.values());\r\n\r\nconst ACCOUNTING_BASIS_TYPES = {\r\n GAAP: 'GAAP',\r\n IFRS: 'IFRS',\r\n STATUTORY: 'Statutory',\r\n NOT_APPLICABLE: 'Not applicable',\r\n};\r\n\r\nexport const ACCOUNTING_BASIS_OPTIONS_MAP = new Map(\r\n Object.entries({\r\n [ACCOUNTING_BASIS_TYPES.GAAP]: new MenuOption({\r\n id: 'accounting-basis-option-GAAP',\r\n title: 'statement-create.statement-info.accounting-basis.option.GAAP',\r\n value: ACCOUNTING_BASIS_TYPES.GAAP,\r\n }),\r\n [ACCOUNTING_BASIS_TYPES.IFRS]: new MenuOption({\r\n id: 'accounting-basis-option-IFRS',\r\n title: 'statement-create.statement-info.accounting-basis.option.IFRS',\r\n value: ACCOUNTING_BASIS_TYPES.IFRS,\r\n }),\r\n [ACCOUNTING_BASIS_TYPES.STATUTORY]: new MenuOption({\r\n id: 'accounting-basis-option-STATUTORY',\r\n title:\r\n 'statement-create.statement-info.accounting-basis.option.STATUTORY',\r\n value: ACCOUNTING_BASIS_TYPES.STATUTORY,\r\n }),\r\n [ACCOUNTING_BASIS_TYPES.NOT_APPLICABLE]: new MenuOption({\r\n id: 'accounting-basis-option-other',\r\n title: 'statement-create.statement-info.accounting-basis.option.NA',\r\n value: ACCOUNTING_BASIS_TYPES.NOT_APPLICABLE,\r\n }),\r\n }),\r\n);\r\n\r\nexport const ACCOUNTING_BASIS_OPTIONS = Array.from(\r\n ACCOUNTING_BASIS_OPTIONS_MAP.values(),\r\n);\r\n\r\nconst REGISTRANT_TYPES = {\r\n SEC: 'SEC',\r\n NAIC: 'NAIC',\r\n OTHER: 'Other',\r\n};\r\n\r\nexport const REGISTRANT_OPTIONS_MAP = new Map();\r\nREGISTRANT_OPTIONS_MAP.set(\r\n REGISTRANT_TYPES.SEC,\r\n new MenuOption({\r\n id: 'registrant-option-SEC',\r\n title: 'statement-create.statement-info.registrant.option.SEC',\r\n value: REGISTRANT_TYPES.SEC,\r\n }),\r\n);\r\nREGISTRANT_OPTIONS_MAP.set(\r\n REGISTRANT_TYPES.NAIC,\r\n new MenuOption({\r\n id: 'registrant-option-NAIC',\r\n title: 'statement-create.statement-info.registrant.option.NAIC',\r\n value: REGISTRANT_TYPES.NAIC,\r\n }),\r\n);\r\nREGISTRANT_OPTIONS_MAP.set(\r\n REGISTRANT_TYPES.OTHER,\r\n new MenuOption({\r\n id: 'registrant-option-other',\r\n title: 'statement-create.statement-info.registrant.option.other',\r\n value: REGISTRANT_TYPES.OTHER,\r\n }),\r\n);\r\n\r\nexport const REGISTRANT_OPTIONS = Array.from(REGISTRANT_OPTIONS_MAP.values());\r\n\r\nconst SCALING_TYPES = {\r\n THOUSAND: 2,\r\n ONES: 1,\r\n MILLION: 3,\r\n BILLION: 4,\r\n TRILLION: 5,\r\n OTHER: 6,\r\n};\r\n\r\nexport const SCALING_OPTIONS_MAP = new Map();\r\nSCALING_OPTIONS_MAP.set(\r\n SCALING_TYPES.THOUSAND,\r\n new MenuOption({\r\n id: 'scaling-option-thousand',\r\n title: 'statement-create.statement-info.scaling.option.thousand',\r\n value: SCALING_TYPES.THOUSAND,\r\n }),\r\n);\r\nSCALING_OPTIONS_MAP.set(\r\n SCALING_TYPES.ONES,\r\n new MenuOption({\r\n id: 'scaling-option-ones',\r\n title: 'statement-create.statement-info.scaling.option.ones',\r\n value: SCALING_TYPES.ONES,\r\n }),\r\n);\r\nSCALING_OPTIONS_MAP.set(\r\n SCALING_TYPES.MILLION,\r\n new MenuOption({\r\n id: 'scaling-option-million',\r\n title: 'statement-create.statement-info.scaling.option.million',\r\n value: SCALING_TYPES.MILLION,\r\n }),\r\n);\r\nSCALING_OPTIONS_MAP.set(\r\n SCALING_TYPES.BILLION,\r\n new MenuOption({\r\n id: 'scaling-option-billion',\r\n title: 'statement-create.statement-info.scaling.option.billion',\r\n value: SCALING_TYPES.BILLION,\r\n }),\r\n);\r\nSCALING_OPTIONS_MAP.set(\r\n SCALING_TYPES.TRILLION,\r\n new MenuOption({\r\n id: 'scaling-option-trillion',\r\n title: 'statement-create.statement-info.scaling.option.trillion',\r\n value: SCALING_TYPES.TRILLION,\r\n }),\r\n);\r\nSCALING_OPTIONS_MAP.set(\r\n SCALING_TYPES.OTHER,\r\n new MenuOption({\r\n id: 'scaling-option-other',\r\n title: 'statement-create.statement-info.scaling.option.other',\r\n value: SCALING_TYPES.OTHER,\r\n }),\r\n);\r\n\r\nexport const SCALING_OPTIONS = Array.from(SCALING_OPTIONS_MAP.values());\r\n\r\nconst UNIT_TYPES = {\r\n CURRENCY: 1,\r\n PERCENTAGE: 2,\r\n SHARES: 3,\r\n TEXT: 4,\r\n OTHER: 5,\r\n};\r\n\r\nexport const UNIT_OPTIONS_MAP = new Map();\r\nUNIT_OPTIONS_MAP.set(\r\n UNIT_TYPES.CURRENCY,\r\n new MenuOption({\r\n id: 'unit-option-currency',\r\n title: 'statement-create.statement-info.unit.option.currency',\r\n value: UNIT_TYPES.CURRENCY,\r\n }),\r\n);\r\nUNIT_OPTIONS_MAP.set(\r\n UNIT_TYPES.PERCENTAGE,\r\n new MenuOption({\r\n id: 'unit-option-percentage',\r\n title: 'statement-create.statement-info.unit.option.percentage',\r\n value: UNIT_TYPES.PERCENTAGE,\r\n }),\r\n);\r\nUNIT_OPTIONS_MAP.set(\r\n UNIT_TYPES.SHARES,\r\n new MenuOption({\r\n id: 'unit-option-shares',\r\n title: 'statement-create.statement-info.unit.option.shares',\r\n value: UNIT_TYPES.SHARES,\r\n }),\r\n);\r\nUNIT_OPTIONS_MAP.set(\r\n UNIT_TYPES.TEXT,\r\n new MenuOption({\r\n id: 'unit-option-text',\r\n title: 'statement-create.statement-info.unit.option.text',\r\n value: UNIT_TYPES.TEXT,\r\n }),\r\n);\r\nUNIT_OPTIONS_MAP.set(\r\n UNIT_TYPES.OTHER,\r\n new MenuOption({\r\n id: 'unit-option-other',\r\n title: 'statement-create.statement-info.unit.option.other',\r\n value: UNIT_TYPES.OTHER,\r\n }),\r\n);\r\n\r\nexport const UNIT_OPTIONS = Array.from(UNIT_OPTIONS_MAP.values());\r\n\r\nexport const getProjectNameMenuOptions = (projectList) => {\r\n return projectList.map(\r\n (project) =>\r\n new MenuOption({\r\n id: project.id,\r\n title: project.name,\r\n value: project,\r\n isIntl: false,\r\n }),\r\n );\r\n};\r\n\r\nconst filterLanguagesForLegacy = [\r\n 'sd-Arab', // Sindhi\r\n 'zgh-Tfng', // Standard Moroccan Tamazight (tamazightTfng)\r\n 'zgh-Tfng-MA', // Standard Moroccan Tamazight (tamazightTfngMA)\r\n 'nqo-GN', // N'Ko (nqo-GN)\r\n 'iu-Cans', // Inuktitut (iu-Cans) - inuktitutSyllabics\r\n 'iu-Cans-CA', // Inuktitut (iu-CansCA) - inuktitutSyllabicsCA\r\n 'ja-JP', // Japanese (ja-JP)\r\n 'km-KH', // Khmer (km-KH)\r\n 'ko-KR', // Korean (ko-KR)\r\n 'lo-LA', // Lao (lo-LA)\r\n 'my-MM', // Burmese (my-MM)\r\n 'tzm-Tfng-MA', // Central Atlas Tamazight (tzm-TfngMA)\r\n 'chr-Cher', // Cherokee (chr-Cher)\r\n 'zh-Hans', //'Chinese (Simplified)',\r\n 'zh-CHS', //'Chinese (Simplified) Legacy',\r\n 'zh-CN', //'Chinese (Simplified, China)',\r\n 'zh-SG', //'Chinese (Simplified, Singapore)',\r\n 'zh-Hant', //'Chinese (Traditional)',\r\n 'zh-CHT', //'Chinese (Traditional) Legacy',\r\n 'zh-HK', //'Chinese (Traditional, Hong Kong SAR)',\r\n 'zh-MO', //'Chinese (Traditional, Macao SAR)',\r\n 'zh-TW', //'Chinese (Traditional, Taiwan)',\r\n 'mn-Cyrl', //'Mongolian (Cyrillic)',\r\n 'mn-Cyrl-MN', //'Mongolian (Cyrillic, Mongolia)',\r\n 'mn-Mong', //'Mongolian (Traditional Mongolian)',\r\n 'mn-Mong-CN', //'Mongolian (Traditional Mongolian, China)',\r\n 'mn-Mong-MN', //'Mongolian (Traditional Mongolian, Mongolia)',\r\n 'tzm-Tfng-MA', //'Central Atlas Tamazight (Tifinagh, Morocco)'\r\n 'ti-ER', //'Tigrinya (Eritrea)'\r\n 'ti-ET', //'Tigrinya (Ethiopia)'\r\n 'bo-CN', //'Tibetan (China)'\r\n];\r\n\r\nexport const getLanguagesMenuOptions = (languages, isPdfSelected) => {\r\n const languageOptions = languages.reduce(\r\n (acc, lang) => {\r\n const option = new MenuOption({\r\n id: lang.languageCode,\r\n title: lang.languageName,\r\n value: lang.languageCode,\r\n isIntl: false,\r\n });\r\n lang.displayOrder >= 0\r\n ? acc.main.push(option)\r\n : !isPdfSelected &&\r\n !filterLanguagesForLegacy.includes(lang.languageCode)\r\n ? acc.other.push(option)\r\n : isPdfSelected && acc.other.push(option);\r\n return acc;\r\n },\r\n { main: [], other: [] },\r\n );\r\n\r\n languageOptions.main.push(getLanguageOtherOption());\r\n return [...languageOptions.main, ...languageOptions.other];\r\n};\r\n\r\nconst getLanguageOtherOption = () => {\r\n return new MenuOption({\r\n id: 'statement-create.statement-info.language-other-option',\r\n title: 'statement-create.statement-info.language-other-option.label',\r\n value: 'statement-create.statement-info.language-other-option',\r\n isIntl: true,\r\n isNotIntl: false,\r\n isLabel: true,\r\n });\r\n};\r\n\r\nexport const defaultSelectedProject = (selectedProject) => {\r\n return new MenuOption({\r\n id: selectedProject.id,\r\n title: selectedProject.name,\r\n value: selectedProject,\r\n isIntl: false,\r\n });\r\n};\r\n\r\nexport const CARRYFORWARD_COLUMNS = [\r\n new DataGridCheckboxColumn({\r\n id: 'carryforward-col-checkbox-id',\r\n }),\r\n new DataGridColumn({\r\n key: 'statementName',\r\n header: 'statement-list.column.statement-name',\r\n width: '40%',\r\n formatter: (statement, { rowKey }) => {\r\n const getStatementStatusSuffix = () => {\r\n if (statement.isPendingApproval()) {\r\n return (\r\n
\r\n \r\n \r\n
\r\n);\r\n\r\nconst PERCENT_VERIFIED_COLUMN = new DataGridColumn({\r\n key: STATEMENT_LIST_SORT_COLUMN_KEYS.percentageCompleted,\r\n header: 'statement-list.column.percentage-complete',\r\n sortable: true,\r\n width: '10%',\r\n formatter: (statement) => {\r\n return (\r\n <>\r\n {`${statement.percentageComplete}%`}
\r\n \r\n {statement.legalHold ? (\r\n
\r\n );\r\n } else if (\r\n statement.getStatementStatus() ===\r\n STATEMENT_STATUS_LABELS.APPROVAL_INITIATED\r\n ) {\r\n return (\r\n \r\n
\r\n ) : (\r\n renderName()\r\n )}\r\n \r\n
\r\n {renderName()}\r\n \r\n
\r\n \r\n {statement.legalHold ? (\r\n
\r\n );\r\n } else if (statement.legalHold) {\r\n return (\r\n \r\n
\r\n ) : (\r\n renderName()\r\n )}\r\n \r\n
\r\n {renderName()}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n return renderName();\r\n },\r\n });\r\n\r\nconst FISCAL_YEAR_COLUMN = new DataGridColumn({\r\n key: STATEMENT_LIST_SORT_COLUMN_KEYS.fiscalYear,\r\n sortable: true,\r\n header: 'statement-list.column.fiscal-year',\r\n width: '9%',\r\n formatter: (statement, { rowKey }) => {\r\n const colId = `statement-fiscal-col-${rowKey}`;\r\n const _userCanSeeDisplayValueOfModifiedStatement =\r\n Permissions.Statement.canSeeDisplayValueOfModifiedStatement();\r\n let displayText = `${statement.fiscalYear}`;\r\n let originalFiscalYearTooltip = new TooltipOptions({\r\n text: `${statement.originalFiscalYear}`,\r\n id: `statement-list-fiscal-year-tooltip-${rowKey}`,\r\n position: 'left',\r\n });\r\n if (\r\n _userCanSeeDisplayValueOfModifiedStatement &&\r\n statement.fiscalYear !== statement.originalFiscalYear\r\n ) {\r\n return EDITED_STATEMENT_ADMIN_DISPLAY(\r\n originalFiscalYearTooltip,\r\n displayText,\r\n colId,\r\n );\r\n }\r\n return displayText;\r\n },\r\n});\r\n\r\nconst PERIOD_ENDING_COLUMN = new DataGridColumn({\r\n key: STATEMENT_LIST_SORT_COLUMN_KEYS.periodEnding,\r\n sortable: true,\r\n header: 'statement-list.column.period-ending',\r\n width: '12%',\r\n formatter: (statement, { rowKey }) => {\r\n const colId = `statement-period-col-${rowKey}`;\r\n const _userCanSeeDisplayValueOfModifiedStatement =\r\n Permissions.Statement.canSeeDisplayValueOfModifiedStatement();\r\n let displayText = `${moment\r\n .utc(statement.periodEnding)\r\n .format(DATE_FORMATS.MONTH_DAY_YEAR)}`;\r\n const tooltipText = `${moment\r\n .utc(statement.originalPeriodEnding)\r\n .format(DATE_FORMATS.MONTH_DAY_YEAR)}`;\r\n let originalPeriodEndingTooltip = new TooltipOptions({\r\n text: tooltipText,\r\n id: `statement-list-period-ending-tooltip-${rowKey}`,\r\n position: 'left',\r\n });\r\n\r\n if (\r\n _userCanSeeDisplayValueOfModifiedStatement &&\r\n statement.periodEnding !== statement.originalPeriodEnding\r\n ) {\r\n return EDITED_STATEMENT_ADMIN_DISPLAY(\r\n originalPeriodEndingTooltip,\r\n displayText,\r\n colId,\r\n );\r\n }\r\n\r\n return displayText;\r\n },\r\n});\r\n\r\nconst STATEMENT_TYPE_COLUMN = new DataGridColumn({\r\n key: STATEMENT_LIST_SORT_COLUMN_KEYS.type,\r\n sortable: true,\r\n header: 'statement-list.column.type',\r\n width: '8%',\r\n formatter: (statement, { rowKey }) => {\r\n const colId = `statement-type-col-${rowKey}`;\r\n const _userCanSeeDisplayValueOfModifiedStatement =\r\n Permissions.Statement.canSeeDisplayValueOfModifiedStatement();\r\n let displayText = statement.type;\r\n let statementTypeTooltipText = statement.originalType;\r\n if (statement.originalType === STATEMENT_TYPE_MAP.TEN_Q) {\r\n statementTypeTooltipText = `${statement.originalType}${statement.originalQuarterNumber}`;\r\n } else if (\r\n statement.originalType === STATEMENT_TYPE_MAP.PRIVATE_QUARTERLY\r\n ) {\r\n statementTypeTooltipText = `${statement.originalType} Q${statement.originalQuarterNumber}`;\r\n }\r\n\r\n const originalStatementTypeTooltip = new TooltipOptions({\r\n text: statementTypeTooltipText,\r\n id: `statement-list-statement-type-tooltip-${rowKey}`,\r\n position: 'left',\r\n });\r\n\r\n if (\r\n _userCanSeeDisplayValueOfModifiedStatement &&\r\n (statement.type !== statement.originalType ||\r\n statement.quarter !== statement.originalQuarter)\r\n ) {\r\n if (statement.type === STATEMENT_TYPE_MAP.TEN_Q) {\r\n displayText = `${statement.type}${statement.quarterNumber}`; // e.g. 10-Q1\r\n return EDITED_STATEMENT_ADMIN_DISPLAY(\r\n originalStatementTypeTooltip,\r\n displayText,\r\n colId,\r\n );\r\n } else if (statement.type === STATEMENT_TYPE_MAP.PRIVATE_QUARTERLY) {\r\n displayText = `${statement.type} Q${statement.quarterNumber}`; // e.g. Private Quarterly Q1\r\n return EDITED_STATEMENT_ADMIN_DISPLAY(\r\n originalStatementTypeTooltip,\r\n displayText,\r\n colId,\r\n );\r\n }\r\n\r\n return EDITED_STATEMENT_ADMIN_DISPLAY(\r\n originalStatementTypeTooltip,\r\n displayText,\r\n colId,\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n {renderName()}\r\n \r\n {statement.revisionNumber}\r\n {displayIcon && (\r\n \r\n {\r\n e.stopPropagation();\r\n onRevisonClick(statement);\r\n }}\r\n />\r\n \r\n )}\r\n
\r\n ),\r\n });\r\n\r\nconst PIN_COLUMN = new DataGridColumn({\r\n key: STATEMENT_LIST_SORT_COLUMN_KEYS.pinnedStatement,\r\n header: '',\r\n width: '4%',\r\n formatter: (statement) => {\r\n if (!isNullOrUndefined(statement.pinnedDatetime)) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n },\r\n});\r\n\r\nconst TARGET_ARCHIVE_DATE_COLUMN = new DataGridColumn({\r\n key: STATEMENT_LIST_SORT_COLUMN_KEYS.archiveDate,\r\n sortable: true,\r\n header: 'statement-list.column.wrap-up-date-notifier',\r\n width: '14%',\r\n formatter: (statement) => {\r\n const currentDate = moment().utc().startOf('day');\r\n const archiveDate = moment.utc(statement.archiveDate);\r\n const diff = currentDate.diff(archiveDate, 'days');\r\n const renderRemainingDays = () => {\r\n if (diff > 0) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n {renderRemainingDays()}\r\n \r\n {diff > 0 && (\r\n \r\n
\r\n );\r\n },\r\n});\r\n\r\nconst OMNIA_EXPORT_COLUMN = new DataGridColumn({\r\n key: STATEMENT_LIST_SORT_COLUMN_KEYS.omExportStatus,\r\n header: 'statement-list.column.omnia-export',\r\n sortable: true,\r\n width: '7%',\r\n formatter: (statement, { rowKey }) => {\r\n if (statement.omExportStatus) {\r\n if (statement.omExportStatus === 1 || statement.omExportStatus === 2) {\r\n const documentState =\r\n statement.omExportStatus === 2 ? 'in progress' : 'initiated';\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n } else if (\r\n statement.omExportStatus === 3 ||\r\n statement.omExportStatus === 4\r\n ) {\r\n return (\r\n \r\n \r\n
\r\n );\r\n } else if (statement.omExportStatus === 5) {\r\n const documentState =\r\n statement.omDocumentState === 1 ? 'Draft' : 'Final';\r\n const sentDate = isNullOrUndefined(statement.sentDate)\r\n ? null\r\n : `${moment(statement.sentDate)\r\n .local()\r\n .format(DATE_FORMATS.MONTH_DAY_YEAR_TIME)}`;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n }\r\n return null;\r\n },\r\n});\r\n\r\nexport const getStatementListColumns = ({\r\n softDeleteAllRevisionsAction,\r\n softDeleteLatestRevisionAction,\r\n onRevisonClick,\r\n project,\r\n addRevisionAction,\r\n navigateToEditStatement,\r\n workflowsMap,\r\n currentUser,\r\n onSubmitWrapUpClick,\r\n onApproveWrapUpClick,\r\n copyStatement,\r\n containerRef,\r\n onPinClick,\r\n pinnedStatements,\r\n statementWorkflowSteps,\r\n}) => {\r\n let options = [\r\n PERCENT_VERIFIED_COLUMN,\r\n STATEMENT_NAME_COLUMN(project.data.linkStatus),\r\n FISCAL_YEAR_COLUMN,\r\n PERIOD_ENDING_COLUMN,\r\n STATEMENT_TYPE_COLUMN,\r\n REVISION_COLUMN({\r\n onRevisonClick,\r\n viewRevisionToolTip: VIEW_REVISIONS_MODAL_TOOLTIP,\r\n }),\r\n new DataGridColumn({\r\n key: STATEMENT_LIST_SORT_COLUMN_KEYS.lastModifiedDate,\r\n sortable: true,\r\n header: 'statement-list.column.last-modified',\r\n width: '12%',\r\n formatter: (statement) => (\r\n <>\r\n {moment(statement.lastModifiedDate).format(\r\n DATE_FORMATS.MONTH_DAY_YEAR,\r\n )}\r\n \r\n \r\n
\r\n \r\n {convertUTCTimeStampToLocalTime(\r\n statement.lastModifiedDate,\r\n DATE_FORMATS.HOURS_MINUTES,\r\n )}\r\n \r\n ),\r\n }),\r\n TARGET_ARCHIVE_DATE_COLUMN,\r\n PIN_COLUMN,\r\n ];\r\n if (!isNullOrUndefined(project.data.linkStatus)) {\r\n options.push(OMNIA_EXPORT_COLUMN);\r\n }\r\n options.push(\r\n new DataGridKebabColumn({\r\n options: getStatementListKebabOptions({\r\n softDeleteAllRevisionsAction: softDeleteAllRevisionsAction,\r\n softDeleteLatestRevisionAction: softDeleteLatestRevisionAction,\r\n project: project,\r\n addRevisionAction: addRevisionAction,\r\n navigateToEditStatement: navigateToEditStatement,\r\n workflowsMap,\r\n currentUser,\r\n onSubmitWrapUpClick,\r\n onApproveWrapUpClick,\r\n copyStatement,\r\n onPinClick,\r\n pinnedStatements,\r\n statementWorkflowSteps,\r\n }),\r\n dropdownId: 'statement-kebab-id',\r\n className: 'statement-list__kebab-menu',\r\n usePortalMenu: false,\r\n containerRef: containerRef,\r\n }),\r\n );\r\n\r\n return options;\r\n};\r\n\r\nexport const getArchivedStatementListColumns = ({\r\n project,\r\n copyStatement,\r\n workflowsMap,\r\n containerRef,\r\n statementWorkflowSteps,\r\n}) => {\r\n const _userCanEdit = Permissions.Statement.canEdit();\r\n const _statementHasProcessingRevisions = (statement) =>\r\n workflowsMap &&\r\n workflowsMap.statementHasProcessingRevision({\r\n statementId: statement.id,\r\n });\r\n\r\n const _statementIsPendingApproval = (statement) =>\r\n statement.getStatementStatus() === STATEMENT_STATUS_LABELS.PENDING_APPROVAL;\r\n\r\n const _statementHasFailedWorkflow = (statement) => {\r\n const workflowsList = workflowsMap.getWorkflowsByStatementId(statement.id);\r\n return workflowsList.some(\r\n (w) =>\r\n w.status ===\r\n statementWorkflowSteps.isFailedWorkflowStep(w.documentProcessTypeEnum)\r\n .status,\r\n );\r\n };\r\n\r\n const _userCanCopyStatement =\r\n RolesUtil.doesUserHaveEngagementOwnerRoleForProject(project.id) ||\r\n RolesUtil.doesUserHavePPMDRoleForProject(project.id) ||\r\n RolesUtil.doesUserHavePreparerReviewerRoleForProject(project.id) ||\r\n RolesUtil.doesUserHaveAdminSupportAccess(project.id);\r\n\r\n const _statementIsImported = (statement) => statement.isImported;\r\n\r\n let options = [\r\n PERCENT_VERIFIED_COLUMN,\r\n STATEMENT_NAME_COLUMN(project.data.linkStatus),\r\n FISCAL_YEAR_COLUMN,\r\n PERIOD_ENDING_COLUMN,\r\n STATEMENT_TYPE_COLUMN,\r\n REVISION_COLUMN({ displayIcon: false }),\r\n new DataGridColumn({\r\n key: STATEMENT_LIST_SORT_COLUMN_KEYS.lastModifiedDate,\r\n sortable: true,\r\n header: 'statement-list.column.wrap-up-date',\r\n width: '12%',\r\n formatter: (statement) => (\r\n <>\r\n {moment(statement.lastModifiedDate).format(\r\n DATE_FORMATS.MONTH_DAY_YEAR,\r\n )}\r\n
\r\n {convertUTCTimeStampToLocalTime(\r\n statement.lastModifiedDate,\r\n DATE_FORMATS.HOURS_MINUTES,\r\n )}\r\n \r\n ),\r\n }),\r\n ];\r\n\r\n if (!isNullOrUndefined(project.data.linkStatus)) {\r\n options.push(OMNIA_EXPORT_COLUMN);\r\n }\r\n options.push(\r\n new DataGridKebabColumn({\r\n options: [\r\n new KebabMenuOption({\r\n title: 'statement-list.kebab.copy-statement',\r\n disabled: (statement) => {\r\n return (\r\n !_userCanEdit ||\r\n !_userCanCopyStatement ||\r\n _statementIsPendingApproval(statement) ||\r\n _statementHasFailedWorkflow(statement) ||\r\n _statementHasProcessingRevisions(statement)\r\n );\r\n },\r\n shouldShowOption: (statement) => !_statementIsImported(statement),\r\n onSelectOption: (statement) => copyStatement(statement),\r\n tooltip: (statement) => {\r\n if (!_userCanCopyStatement) {\r\n return copyStatementNoPermissionTooltip;\r\n }\r\n if (_statementIsPendingApproval(statement)) {\r\n return copyStatementPendingApprovalTooltip;\r\n }\r\n if (_statementHasFailedWorkflow(statement)) {\r\n return copyStatementNoFailedWorkflow;\r\n }\r\n if (_statementHasProcessingRevisions(statement)) {\r\n return copyStatementRevisionUpload;\r\n }\r\n return null;\r\n },\r\n }),\r\n ],\r\n dropdownId: 'statement-kebab-id',\r\n className: 'statement-list__kebab-menu',\r\n usePortalMenu: false,\r\n containerRef: containerRef,\r\n }),\r\n );\r\n\r\n return options;\r\n};\r\n\r\nexport const getDeletedStatementListColumns = ({\r\n project,\r\n deleteAction,\r\n restoreAction,\r\n onRevisonClick,\r\n containerRef,\r\n}) => {\r\n const _canRestoreSoftDeleted = Permissions.Statement.canRestoreSoftDeleted();\r\n const _canPermanentlyDelete = Permissions.Statement.canPermanentlyDelete();\r\n let permanentlyDeleteTooltip, restoreSoftDeletedTooltip;\r\n if (!_canRestoreSoftDeleted) {\r\n restoreSoftDeletedTooltip = new TooltipOptions({\r\n text: 'permissions.delete.statement',\r\n id: 'delete-statement-tooltip-id',\r\n position: 'left',\r\n });\r\n }\r\n\r\n permanentlyDeleteTooltip = new TooltipOptions({\r\n text: 'permissions.delete.statement',\r\n id: 'delete-statement-tooltip-id',\r\n position: 'left',\r\n });\r\n\r\n let options = [\r\n PERCENT_VERIFIED_COLUMN,\r\n STATEMENT_NAME_COLUMN(project.data.linkStatus),\r\n FISCAL_YEAR_COLUMN,\r\n PERIOD_ENDING_COLUMN,\r\n STATEMENT_TYPE_COLUMN,\r\n REVISION_COLUMN({\r\n onRevisonClick,\r\n viewRevisionToolTip: VIEW_DELETED_REVISIONS_MODAL_TOOLTIP,\r\n }),\r\n new DataGridColumn({\r\n key: STATEMENT_LIST_SORT_COLUMN_KEYS.revisionDeletedDate,\r\n sortable: true,\r\n header: 'statement-list.column.deleted-date',\r\n width: '12%',\r\n formatter: (statement) => (\r\n <>\r\n {moment(statement.revisionLastModifiedDate)\r\n .local()\r\n .format(DATE_FORMATS.MONTH_DAY_YEAR)}\r\n
\r\n {convertUTCTimeStampToLocalTime(\r\n statement.revisionLastModifiedDate,\r\n DATE_FORMATS.HOURS_MINUTES,\r\n )}\r\n \r\n ),\r\n }),\r\n new DataGridColumn({\r\n key: STATEMENT_LIST_SORT_COLUMN_KEYS.deletedBy,\r\n header: 'statement-list.column.deleted-by',\r\n width: '15%',\r\n formatter: (statement, { rowKey }) => {\r\n const colId = `statement-deleted-by-col-${rowKey}`;\r\n return (\r\n
\r\n \r\n
\r\n \r\n ),\r\n);\r\n\r\nIconButton.propTypes = {\r\n /** custom string class */\r\n className: PropTypes.string,\r\n /** A boolean that determine if button should be disabled */\r\n disabled: PropTypes.bool,\r\n /** unigue string id */\r\n id: PropTypes.string.isRequired,\r\n /** Function for determing the behavior of button when clicked */\r\n onClick: PropTypes.func.isRequired,\r\n /** tooltip for button */\r\n tooltip: PropTypes.instanceOf(TooltipOptions),\r\n /**The Icon to be rendered in the IconButton,\r\n * it is fully customizable, but does require that its svg path propertyhave the class `.icon-path`\r\n * for proper-styling. By default uses the PlusCircleIcon if none is provided. */\r\n Icon: PropTypes.oneOfType([PropTypes.object, PropTypes.node]),\r\n /** tooltip position */\r\n position: PropTypes.string,\r\n /* function executedn when tooltip hides */\r\n tooltipOnHideFunction: PropTypes.func,\r\n};\r\n\r\nexport default IconButton;\r\n","import { createAction } from 'redux-actions';\r\n\r\nimport { getElementDetailsRequest } from 'api/element-api';\r\nimport ElementDetails from 'models/api/element-details-api-model';\r\nimport { isNullOrUndefined } from 'utils/object-utils';\r\n\r\nexport const updateMultipleElementsInCacheAction = createAction(\r\n 'UPDATE_MULTIPLE_CACHE_ELEMENTS',\r\n);\r\n\r\nexport const updateElementInCacheAction = createAction(\r\n 'UPDATE_SINGLE_CACHE_ELEMENT',\r\n);\r\n\r\nexport const updateElementCacheFromSocketPayloadAction = createAction(\r\n 'UPDATE_ELEMENT_CACHE_FROM_SOCKET_PAYLOAD',\r\n);\r\n\r\nexport const updateElementCacheByCalloutAction = createAction(\r\n 'UPDATE_ELEMENT_CACHE_BY_CALLOUT_ACTION',\r\n);\r\nexport const updateLeftElementCacheByCalloutAction = createAction(\r\n 'UPDATE_LEFT_ELEMENT_CACHE_BY_CALLOUT_ACTION',\r\n);\r\n\r\n/**\r\n * This wrapper function should be used when fetching elements from the cache.\r\n */\r\nexport const getElementFromCache =\r\n ({ elementId, sectionId, loadingAction }) =>\r\n async (dispatch, getStore) => {\r\n let elementData = getStore().data.statementContent.elementCache.getElement({\r\n sectionId,\r\n elementId,\r\n });\r\n if (isNullOrUndefined(elementData)) {\r\n dispatch(loadingAction());\r\n const { revision } = getStore().data;\r\n let elementDetails = new ElementDetails();\r\n // If we do not have a copy of this element in the cache, then we fetch the element to work with.\r\n const response = await getElementDetailsRequest({\r\n elementId,\r\n revisionId: revision.id,\r\n });\r\n elementData = elementDetails.setLoaded({ response });\r\n }\r\n return elementData;\r\n };\r\n\r\nexport const getMultipleElementsFromCache =\r\n ({ elements, loadingAction, isSideBySideView }) =>\r\n async (dispatch, getState) => {\r\n const dataState = getState().data;\r\n const { elementCache } = dataState.statementContent;\r\n const { revision } = dataState;\r\n let selectedElements = [];\r\n let initiatedRequest = false;\r\n elements.forEach(async ({ elementId, sectionId }) => {\r\n if (!isNullOrUndefined(elementId)) {\r\n let elementData = elementCache.getElement({ elementId, sectionId });\r\n if (isNullOrUndefined(elementData)) {\r\n if (!initiatedRequest) {\r\n initiatedRequest = true;\r\n !isSideBySideView && dispatch(loadingAction());\r\n }\r\n const response = await getElementDetailsRequest({\r\n elementId,\r\n revisionId: revision.id,\r\n });\r\n elementData = new ElementDetails().setLoaded({ response });\r\n }\r\n selectedElements.push(elementData);\r\n }\r\n });\r\n\r\n return selectedElements;\r\n };\r\n","import { createAction } from 'redux-actions';\r\nimport { ELEMENT_SELECT_MODES } from 'constants/feature/modes-constants';\r\nimport Permissions from 'permissions/permissions';\r\n\r\nexport const setElementSelectModeDefaultAction = createAction(\r\n 'DEFAULT_ELEMENT_SELECT_MODE',\r\n);\r\nexport const setElementSelectModeBatchAction = createAction(\r\n 'BATCH_ELEMENT_SELECT_MODE',\r\n);\r\nexport const setElementSelectModeSideBySideAction = createAction(\r\n 'SIDE_BY_SIDE_ELEMENT_SELECT_MODE',\r\n);\r\n\r\nexport const setElementSelectModeBatchWithBannerAction = createAction(\r\n 'SET_ELEMENT_SELECT_MODE_BATCH_WITH_BANNER_ACTION',\r\n);\r\n\r\nexport const setElementSelectModeRangeAction = createAction(\r\n 'RANGE_ELEMENT_SELECT_MODE',\r\n);\r\nexport const setElementSelectModeInternalReferenceAction = createAction(\r\n 'IR_ELEMENT_SELECT_MODE',\r\n);\r\nexport const setElementSelectModeFormulaAction = createAction(\r\n 'FORMULA_ELEMENT_SELECT_MODE',\r\n);\r\n\r\nexport const setContentHighlightModeDefault = createAction(\r\n 'DEFAULT_CONTENT_HIGHLIGHT_MODE',\r\n);\r\nexport const setContentHighlightModeNotes = createAction(\r\n 'NOTES_CONTENT_HIGHLIGHT_MODE',\r\n);\r\nexport const setContentHighlightModeAddElement = createAction(\r\n 'ADD_ELEMENT_CONTENT_HIGHLIGHT_MODE',\r\n);\r\nexport const setContentHighlightModeAddNavigation = createAction(\r\n 'ADD_NAVIGATION_CONTENT_HIGHLIGHT_MODE',\r\n);\r\nexport const clearSelectedElementRangeFromStore = createAction(\r\n 'ADD_NAVIGATION_CONTENT_HIGHLIGHT_MODE',\r\n);\r\n\r\nexport const setElementSelectModeCopyFormulaAction = createAction(\r\n 'COPY_FORMULA_ELEMENT_SELECT_MODE',\r\n);\r\nexport const setBatchModeSelected = createAction('SET_BATCH_MODE_SELCTED');\r\n\r\nexport const clearBatchModeSelected = createAction('CLEAR_BATCH_MODE_SELCTED');\r\n\r\nexport const setBatchModeSelectedIfPossible = () => (dispatch, getState) => {\r\n const {\r\n data: {\r\n selectedProject: { id: selectedProjectId },\r\n selectedStatement,\r\n },\r\n } = getState();\r\n const _userCanBatch = Permissions.Element.canEditElement(selectedProjectId);\r\n const readOnly = selectedStatement.isReadOnly();\r\n if (_userCanBatch && !readOnly) {\r\n dispatch(setBatchModeSelected());\r\n }\r\n};\r\n\r\nexport const setElementSelectModeBatchIfPossible =\r\n () => (dispatch, getState) => {\r\n const {\r\n data: {\r\n selectedProject: { id: selectedProjectId },\r\n },\r\n ui: {\r\n statementPage: {\r\n modes: { selectMode },\r\n },\r\n },\r\n } = getState();\r\n const _userCanBatch = Permissions.Element.canEditElement(selectedProjectId);\r\n if (_userCanBatch && selectMode === ELEMENT_SELECT_MODES.DEFAULT) {\r\n // only want to go to batch mode if in default mode\r\n dispatch(setElementSelectModeBatchAction());\r\n }\r\n };\r\n\r\nexport const setElementSelectModeSideBySideIfPossible =\r\n ({ isLeftStatementView }) =>\r\n (dispatch, getState) => {\r\n const {\r\n data: {\r\n selectedProject: { id: selectedProjectId },\r\n },\r\n ui: {\r\n sourceStatementParams: { projectId },\r\n statementPage: {\r\n modes: { selectMode },\r\n },\r\n },\r\n } = getState();\r\n const sideBySideProjectId = isLeftStatementView\r\n ? projectId\r\n : selectedProjectId;\r\n const _userCanBatch =\r\n Permissions.Element.canEditElement(sideBySideProjectId);\r\n if (_userCanBatch && selectMode === ELEMENT_SELECT_MODES.DEFAULT) {\r\n // only want to go to batch mode if in default mode\r\n dispatch(setElementSelectModeSideBySideAction());\r\n }\r\n };\r\n\r\nexport const setElementSelectModeRangeIfPossible =\r\n () => (dispatch, getState) => {\r\n const {\r\n data: {\r\n selectedProject: { id: selectedProjectId },\r\n },\r\n ui: {\r\n statementPage: {\r\n modes: { selectMode },\r\n },\r\n },\r\n } = getState();\r\n const _userCanBatch = Permissions.Element.canEditElement(selectedProjectId);\r\n if (_userCanBatch && selectMode === ELEMENT_SELECT_MODES.DEFAULT) {\r\n // only want to go to range mode if in default mode\r\n dispatch(setElementSelectModeRangeAction());\r\n }\r\n };\r\n\r\nexport const clearModeIfPossible = () => (dispatch, getState) => {\r\n const { selectMode } = getState().ui.statementPage.modes;\r\n if (\r\n selectMode === ELEMENT_SELECT_MODES.BATCH ||\r\n selectMode === ELEMENT_SELECT_MODES.BATCH_WITH_BANNER ||\r\n selectMode === ELEMENT_SELECT_MODES.RANGE ||\r\n selectMode === ELEMENT_SELECT_MODES.SIDE_BY_SIDE\r\n ) {\r\n // only want to go to default mode if in batch mode\r\n dispatch(setElementSelectModeDefaultAction());\r\n dispatch(clearSelectedElementRangeFromStore());\r\n }\r\n};\r\n\r\nexport const clearCopyFormulaModeIfPossible = () => (dispatch, getState) => {\r\n const { selectMode } = getState().ui.statementPage.modes;\r\n if (selectMode === ELEMENT_SELECT_MODES.COPY_FORMULA) {\r\n // only want to go to default mode if in batch mode\r\n dispatch(setElementSelectModeDefaultAction());\r\n dispatch(clearSelectedElementRangeFromStore());\r\n }\r\n};\r\n","import { createAction } from 'redux-actions';\r\nimport {\r\n setElementSelectModeFormulaAction,\r\n setElementSelectModeDefaultAction,\r\n} from 'store/actions/modes-actions';\r\nimport {\r\n replaceSelectedElementsContentPanel,\r\n selectElementContentPanel,\r\n deselectElementContentPanel,\r\n} from 'store/actions/statement-content-actions';\r\nimport {\r\n getElementFromCache,\r\n getMultipleElementsFromCache,\r\n} from 'store/actions/element-cache-actions';\r\nimport { fetchStatementSummaryElements } from 'store/actions/statement-summary/elements-summary-actions';\r\nimport {\r\n createNewFormulaRequest,\r\n getFormulaDetailsRequest,\r\n editFormulaRequest,\r\n} from 'api/formula-api';\r\nimport { updateElementsSearchByIds } from 'store/actions/statement-navigator/elements-search-panel-actions';\r\nimport { updateElementAnnotationDetails } from 'store/actions/element-panel-actions';\r\n\r\nexport const setLastElementSelectedFormula = createAction(\r\n 'SET_LAST_ELEMENT_SELECTED_FORMULA',\r\n);\r\n\r\nexport const setFormulaLoading = createAction('FORMULA_LOADING');\r\n\r\nexport const setFormulaLoaded = createAction('SET_FORMULA_LOADED');\r\n\r\nexport const setFormulaResult = createAction('SET_FORMULA_RESULT');\r\n\r\nexport const setFormulaError = createAction('FORMULA_ERROR');\r\n\r\nexport const setFormulaElementRowsLoaded = createAction(\r\n 'FORMULA_ELEMENT_ROWS_LOADED',\r\n);\r\n\r\nexport const initFormulaCreateAction = createAction('INIT_FORMULA_CREATE');\r\n\r\nexport const setFormulaOperator = createAction('SET_FORMULA_OPERATOR');\r\n\r\nexport const addManualFormulaRow = createAction('ADD_MANUAL_FORMULA_ROW');\r\n\r\nexport const updateRowOperator = createAction('UPDATE_FORMULA_ROW_OPERATOR');\r\nexport const setFormulaManualNumber = createAction('UPDATE_FORMULA_MANUAL_ROW');\r\n\r\nexport const removeFormulaRowAction = createAction('REMOVE_FORMULA_ROW');\r\nexport const addFormulaRowOperator = createAction('ADD_FORMULA_ROW_OPERATOR');\r\nexport const removeFormulaRowOperator = createAction(\r\n 'REMOVE_FORMULA_ROW_OPERATOR',\r\n);\r\nexport const removeAllRowsAction = createAction('REMOVE_ALL_FORMULA_ROWS');\r\n\r\nexport const clearFormulaAction = createAction('CLEAR_FORMULA');\r\n\r\nexport const setSelectedRowAction = createAction('SET_SELECTED_ROW_ACTION');\r\nexport const setRoundingResultAction = createAction(\r\n 'SET_COMPUTED_RESULT_ACTION',\r\n);\r\nexport const setNewFormulaAction = createAction('SET_NEW FORMULA_ACTION');\r\n\r\nexport const removeFormulaWithSocketPayloadAction = createAction(\r\n 'REMOVE_FORMULA_WITH_SOCKET_PAYLOAD_ACTION',\r\n);\r\n\r\nexport const initFormulaCreate = () => (dispatch, getState) => {\r\n const { elementDetails } = getState().data.elementPanel;\r\n dispatch(setElementSelectModeFormulaAction());\r\n dispatch(initFormulaCreateAction(elementDetails));\r\n};\r\n\r\nexport const removeAllFormulaRows = () => (dispatch, getState) => {\r\n const { formula } = getState().data.formulaPanel;\r\n dispatch(removeAllRowsAction());\r\n dispatch(\r\n replaceSelectedElementsContentPanel({ elementIds: [formula.elementId] }),\r\n );\r\n};\r\n\r\nexport const addElementFormulaRow =\r\n ({ elementId, sectionId }) =>\r\n async (dispatch, getState) => {\r\n dispatch(selectElementContentPanel({ elementIds: [elementId] }));\r\n let elementData = await dispatch(\r\n getElementFromCache({\r\n elementId,\r\n sectionId,\r\n loadingAction: setFormulaLoading,\r\n }),\r\n );\r\n dispatch(setFormulaElementRowsLoaded({ selectedElements: [elementData] }));\r\n };\r\n\r\nexport const removeFormulaRow =\r\n ({ formulaRow, formulaRowIndex }) =>\r\n (dispatch) => {\r\n dispatch(removeFormulaRowAction({ formulaRowIndex }));\r\n if (formulaRow.isElement()) {\r\n dispatch(\r\n deselectElementContentPanel({ elementId: formulaRow.elementId }),\r\n );\r\n }\r\n };\r\n\r\nexport const batchAddElementFormulaRows =\r\n ({ elements }) =>\r\n async (dispatch, getState) => {\r\n const selectedElements = await dispatch(\r\n getMultipleElementsFromCache({\r\n elements,\r\n loadingAction: setFormulaLoading,\r\n }),\r\n );\r\n dispatch(setFormulaElementRowsLoaded({ selectedElements }));\r\n };\r\n\r\nexport const clearFormula =\r\n ({ elementId }) =>\r\n (dispatch) => {\r\n dispatch(clearFormulaAction());\r\n //Replace the potential list of many selected elements in the content panel with the formula's base element only.\r\n dispatch(replaceSelectedElementsContentPanel({ elementIds: [elementId] }));\r\n dispatch(setElementSelectModeDefaultAction());\r\n };\r\n\r\nexport const _updateStatementSummaryElements = async (dispatch, getState) => {\r\n const revisionId = getState().data.revision.id;\r\n dispatch(fetchStatementSummaryElements({ revisionId }));\r\n};\r\n\r\nexport const requestCreateNewFormula = () => async (dispatch, getState) => {\r\n const { formula } = getState().data.formulaPanel;\r\n const { elementDetails } = getState().data.elementPanel;\r\n const socketModel = getState().sockets;\r\n const { socketHasBeenDisconnected } = socketModel.statementSocket;\r\n dispatch(setFormulaLoading());\r\n try {\r\n await createNewFormulaRequest({\r\n formulaModel: formula,\r\n });\r\n if (socketHasBeenDisconnected) {\r\n // no need to set loaded, if it is successful we will wind up closing this panel\r\n dispatch(clearFormula({ elementId: formula.elementId }));\r\n dispatch(_updateStatementSummaryElements);\r\n dispatch(updateElementsSearchByIds({ elementIds: [elementDetails.id] }));\r\n dispatch(updateElementAnnotationDetails());\r\n }\r\n } catch (error) {\r\n dispatch(setFormulaError(error));\r\n }\r\n};\r\n\r\nexport const requestUpdateFormula = () => async (dispatch, getState) => {\r\n const storeData = getState().data;\r\n const { formula } = storeData.formulaPanel;\r\n const socketModel = getState().sockets;\r\n const { socketHasBeenDisconnected } = socketModel.statementSocket;\r\n dispatch(setFormulaLoading());\r\n try {\r\n await editFormulaRequest({\r\n formulaModel: formula,\r\n });\r\n if (socketHasBeenDisconnected) {\r\n // no need to set loaded, if it is successful we will wind up closing this panel\r\n dispatch(clearFormula({ elementId: formula.elementId }));\r\n dispatch(_updateStatementSummaryElements);\r\n }\r\n } catch (error) {\r\n dispatch(setFormulaError(error));\r\n }\r\n};\r\n\r\nexport const fetchSelectedFormulaDetails =\r\n (formulaId) => async (dispatch, getState) => {\r\n dispatch(setFormulaLoading());\r\n try {\r\n const storeData = getState().data;\r\n const { revision } = storeData;\r\n const { elementDetails } = storeData.elementPanel;\r\n const response = await getFormulaDetailsRequest({\r\n revisionId: revision.id,\r\n elementId: elementDetails.id,\r\n formulaId,\r\n });\r\n dispatch(setFormulaLoaded({ response }));\r\n /* Triggering this below action to compute the result, computedResult \r\n and roundingResult to show the data on flyout out panel */\r\n dispatch(setFormulaResult());\r\n } catch (error) {\r\n dispatch(setFormulaError(error));\r\n }\r\n };\r\n","import { createAction } from 'redux-actions';\r\n\r\nimport {\r\n getTickmarksForRevisionRequest,\r\n deleteTickmarkRequest,\r\n} from 'api/tickmark-api';\r\nimport { LEFT_PANELS } from 'constants/feature/panel-constants';\r\nimport { updateCacheWithMostRecentElementChanges } from 'store/actions/element-changes-since-tracker-actions';\r\nimport { getElementTickmarksWithoutLoading } from 'store/actions/element-panel-actions';\r\nimport { getElementsByTickmark } from 'api/tickmark-api';\r\nimport { isNullOrUndefined } from 'utils/object-utils';\r\nexport const tickmarkListLoading = createAction('TICKMARK_LIST_LOADING');\r\nexport const tickmarkListLoaded = createAction('TICKMARK_LIST_LOADED');\r\nexport const tickmarkListError = createAction('TICKMARK_LIST_ERROR');\r\nexport const fetchElementsFromTickmarkAction = createAction(\r\n 'FETCH_ELEMENTS_FROM_TICKMARK',\r\n);\r\nexport const updateTickmarkElementsMapAction = createAction(\r\n 'UPDATE_TICKMARK_ELEMENTS_MAP_ACTION',\r\n);\r\n\r\nexport const updateTickmarkElementsMapFromArrayAction = createAction(\r\n 'UPDATE_TICKMARK_ELEMENTS_MAP_FROM_ARRAY_ACTION',\r\n);\r\nexport const clearTickmarkElementsAction = createAction(\r\n 'CLEAR_TICKMARK_ELEMENTS_ACTION',\r\n);\r\nexport const removeTickmarkFromElementsMapAction = createAction(\r\n 'REMOVE_TICKMARK_FROM_ELEMENTS_MAP_ACTION',\r\n);\r\nexport const removeElementFromTickmarkElementsMapWithSocketPayloadAction = createAction(\r\n 'REMOVE_ELEMENT_FROM_TICKMARK_ELEMENTS_MAP_WITH_SOCKET_PAYLOAD_ACTION',\r\n);\r\nexport const addTickmarkToDeletedArrayAction = createAction(\r\n 'ADD_TICKMARK_TO_DELETED_ARRAY_ACTION',\r\n);\r\nexport const excludeElementFromElementsMapAction = createAction(\r\n 'EXCLUDE_TICKMARK_FROM_ELEMENTS_MAP_ACTION',\r\n);\r\n\r\nexport const updateTickmarkWithSocketPayloadAction = createAction(\r\n 'UPDATE_TICKMARK_WITH_SOCKET_PAYLOAD_ACTION',\r\n);\r\n\r\nexport const addTickmarkToListAction = createAction(\r\n 'ADD_TICKMARK_TO_LIST_ACTION',\r\n);\r\n\r\nexport const unlinkTickmarkFromElementWithWebsocket = createAction(\r\n 'UNLINK_TICKMARK_FROM_TICKMARK_LIST_WITH_SOCKET',\r\n);\r\n\r\nexport const deleteTickmarkWithSocketPayloadAction = createAction(\r\n 'DELETE_TICKMARK_WITH_SOCKET_PAYLOAD_ACTION',\r\n);\r\nexport const fetchTickmarkListForRevisionWithoutLoading = ({\r\n revisionId,\r\n}) => async (dispatch, getState) => {\r\n if (getState().ui.statementPage.panels.left !== LEFT_PANELS.TICKMARK) return;\r\n try {\r\n const response = await getTickmarksForRevisionRequest({ revisionId });\r\n dispatch(tickmarkListLoaded({ response }));\r\n } catch (error) {\r\n dispatch(tickmarkListError(error));\r\n }\r\n};\r\n\r\nexport const fetchTickmarkListForRevision = ({ revisionId }) => async (\r\n dispatch,\r\n getState,\r\n) => {\r\n if (getState().ui.statementPage.panels.left !== LEFT_PANELS.TICKMARK) return;\r\n dispatch(tickmarkListLoading());\r\n await dispatch(fetchTickmarkListForRevisionWithoutLoading({ revisionId }));\r\n};\r\n\r\nexport const deleteTickmark = ({ tickmark }) => async (dispatch, getState) => {\r\n dispatch(addTickmarkToDeletedArrayAction(tickmark.tickmarkId));\r\n await deleteTickmarkRequest({ tickmark });\r\n const { id: revisionId } = getState().data.revision;\r\n const socketModel = getState().sockets;\r\n const { socketHasBeenDisconnected } = socketModel.statementSocket;\r\n if (socketHasBeenDisconnected) {\r\n dispatch(fetchTickmarkListForRevisionWithoutLoading({ revisionId }));\r\n const { id: elementId } = getState().data.elementPanel.elementDetails;\r\n if (!isNullOrUndefined(elementId)) {\r\n dispatch(getElementTickmarksWithoutLoading({ elementId }));\r\n }\r\n // We do not want to update summary (1st param -false). Since deleting of Tickmark should not result\r\n // in change of summary.\r\n dispatch(updateCacheWithMostRecentElementChanges(false, true));\r\n }\r\n};\r\n\r\nexport const fetchElementsFromTickmark = ({ revisionId, tickmarkId }) => async (\r\n dispatch,\r\n getState,\r\n) => {\r\n if (getState().ui.statementPage.panels.left !== LEFT_PANELS.TICKMARK) return;\r\n try {\r\n const response = await getElementsByTickmark({ revisionId, tickmarkId });\r\n dispatch(fetchElementsFromTickmarkAction({ response, tickmarkId }));\r\n } catch (error) {\r\n dispatch(tickmarkListError(error));\r\n }\r\n};\r\nexport const updateTickmarkElementsMap = ({ response }) => async (\r\n dispatch,\r\n getState,\r\n) => {\r\n if (getState().ui.statementPage.panels.left !== LEFT_PANELS.TICKMARK) return;\r\n const updatedElementsArray = response.data.result\r\n ? response.data.result.elementEntityList[0]\r\n : response;\r\n if (response && updatedElementsArray) {\r\n dispatch(updateTickmarkElementsMapAction(updatedElementsArray));\r\n }\r\n};\r\nexport const updateTickmarkElementsMapFromArray = ({ elementsArray }) => async (\r\n dispatch,\r\n getState,\r\n) => {\r\n if (getState().ui.statementPage.panels.left !== LEFT_PANELS.TICKMARK) return;\r\n if (elementsArray) {\r\n dispatch(updateTickmarkElementsMapFromArrayAction(elementsArray));\r\n }\r\n};\r\n\r\nexport const clearElementsFromTickmark = () => (dispatch) => {\r\n dispatch(clearTickmarkElementsAction());\r\n};\r\n\r\nexport const removeTickmarkFromElementsMapStore = ({ tickmarkId }) => (\r\n dispatch,\r\n) => {\r\n dispatch(removeTickmarkFromElementsMapAction(tickmarkId));\r\n};\r\n\r\nexport const excludeElementFromTickmarkElementsMap = ({ elementId }) => async (\r\n dispatch,\r\n getState,\r\n) => {\r\n if (getState().ui.statementPage.panels.left !== LEFT_PANELS.TICKMARK) return;\r\n const { id: revisionId } = getState().data.revision;\r\n\r\n try {\r\n await dispatch(fetchTickmarkListForRevisionWithoutLoading({ revisionId }));\r\n dispatch(excludeElementFromElementsMapAction(elementId));\r\n } catch (error) {\r\n dispatch(tickmarkListError(error));\r\n }\r\n};\r\n","//import { getAPI } from 'api/api-client';\r\nimport moment from 'moment-timezone';\r\nimport { getStatementIdUtil } from 'utils/statement-export-utils';\r\nimport {\r\n withDefaultContextAsSelectedProject,\r\n withDefaultContextAsProject,\r\n} from './api-default-context';\r\nimport { serializedProjectIdWithGeo } from 'utils/project-utils';\r\n\r\nexport const getStatementListRequest = ({\r\n projectId,\r\n status,\r\n sort,\r\n order,\r\n first,\r\n size,\r\n isAuditClient,\r\n contextKey,\r\n selectedProject,\r\n}) => {\r\n return withDefaultContextAsProject({ contextKey }, projectId)\r\n .get(`/tieout/clients/${parseInt(projectId)}/statements`, {\r\n params: {\r\n status,\r\n sort,\r\n order,\r\n first,\r\n size,\r\n isAuditClient,\r\n },\r\n })\r\n .then((response) => {\r\n response.data &&\r\n response.data.result &&\r\n Array.isArray(response.data.result.elements) &&\r\n response.data.result.elements.forEach((item) => {\r\n item.clientId = serializedProjectIdWithGeo(\r\n item.clientId,\r\n selectedProject.data.geoCode,\r\n );\r\n });\r\n return response;\r\n });\r\n};\r\n\r\n// TODO props may need to change when we add pagination and sorting integration\r\nexport const getStatementListForProjectRequest = ({\r\n projectId,\r\n sort,\r\n order,\r\n selectedProject,\r\n}) => {\r\n return getStatementListRequest({\r\n status: 'active, pending_approval, archived, approval_initiated',\r\n projectId,\r\n sort,\r\n order,\r\n selectedProject,\r\n });\r\n};\r\n\r\n// TODO props may need to change when we add pagination and sorting integration\r\nexport const getArchivedStatementListForProjectRequest = ({\r\n projectId,\r\n sort,\r\n order,\r\n selectedProject,\r\n}) =>\r\n getStatementListRequest({\r\n status: 'archived',\r\n projectId,\r\n sort,\r\n order,\r\n selectedProject,\r\n });\r\n\r\n// TODO props may need to change when we add pagination and sorting integration\r\nexport const getDeletedStatementListForProjectRequest = ({\r\n projectId,\r\n sort,\r\n order,\r\n selectedProject,\r\n}) =>\r\n getStatementListRequest({\r\n status: 'deleted',\r\n projectId,\r\n sort,\r\n order,\r\n selectedProject,\r\n });\r\n\r\nexport const sofDeleteCurrentRevisionRequest = ({ revisionId, statementId }) =>\r\n withDefaultContextAsSelectedProject()\r\n .post(`/tieout/revisions/${revisionId}/statement/${statementId}`, null, {\r\n params: { deleteAllRevisions: false },\r\n })\r\n .then((response) => {\r\n return response;\r\n });\r\n\r\nexport const softDeleteAllRevisionsRequest = (statementId) =>\r\n withDefaultContextAsSelectedProject()\r\n //this -1 in the route needs to get changed in a backend update.\r\n .post(`/tieout/revisions/-1/statement/${statementId}`, null, {\r\n params: { deleteAllRevisions: true },\r\n })\r\n .then((response) => {\r\n return response;\r\n });\r\n\r\nexport const permanentlyDeleteRevisionRequest = (revisionId, statementId) =>\r\n withDefaultContextAsSelectedProject()\r\n .post(`/tieout/statements/${statementId}/revisions/${revisionId}/delete`)\r\n .then((response) => {\r\n return response;\r\n });\r\n\r\nexport const permanentlyDeleteFailedRevisionRequest = (\r\n statementId,\r\n revisionId,\r\n) =>\r\n withDefaultContextAsSelectedProject()\r\n .delete(\r\n `/tieout/statements/${statementId}/revisions/${revisionId}/deletefailed`,\r\n )\r\n .then((response) => {\r\n return response;\r\n });\r\n\r\nexport const permanentlyDeleteAllSoftDeletedRevisionsForStatementRequest = (\r\n statementId,\r\n) =>\r\n withDefaultContextAsSelectedProject()\r\n .delete(`/tieout/statements/${statementId}`)\r\n .then((response) => {\r\n return response;\r\n });\r\n\r\nexport const getStatementWorkflowsRequest = (projectId) => {\r\n return withDefaultContextAsProject({}, projectId)\r\n .get(`/tieout/documentupload/${parseInt(projectId)}/workflows`)\r\n .then((response) => {\r\n return response;\r\n });\r\n};\r\n\r\nexport const retryFailedDocumentUploadRequest = (\r\n statementId,\r\n revisionId,\r\n clientId,\r\n) =>\r\n withDefaultContextAsSelectedProject()\r\n .post(\r\n `/tieout/documentupload/client/${parseInt(\r\n clientId,\r\n )}/statements/${statementId}/revisions/${revisionId}/retry`,\r\n )\r\n .then((response) => {\r\n return response;\r\n });\r\n\r\nexport const restoreDeletedRevisionRequest = (revisionId, statementId) =>\r\n withDefaultContextAsSelectedProject()\r\n .post(`/tieout/statements/${statementId}/revisions/${revisionId}/restore`)\r\n .then((response) => {\r\n return response;\r\n });\r\n\r\nexport const getStatementSubmitForWrapUpApprovalStatsRequest = ({\r\n statementId,\r\n}) =>\r\n withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${statementId}/submissionsynopsis`,\r\n );\r\n\r\nexport const getStatementApprovalStatsRequest = ({ statementId }) =>\r\n withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${statementId}/approvalsynopsis`,\r\n );\r\n\r\nexport const submitStatementForWrapUpApprovalRequest = ({ statementId }) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${statementId}/submit`,\r\n );\r\n\r\nexport const rejectStatementWrapUpRequest = ({ statementId }) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${statementId}/decline`,\r\n );\r\n\r\nexport const approveStatementWrapUpRequest = ({ statementId, signedDate }) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${statementId}/approve`,\r\n null,\r\n {\r\n params: {\r\n signedDate,\r\n },\r\n },\r\n );\r\n\r\nexport const exportWorkpaperStatementRequest = ({\r\n revisionId,\r\n pageSize,\r\n pageOrientation,\r\n options,\r\n}) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/export`,\r\n {\r\n pageSize,\r\n pageOrientation,\r\n ...options,\r\n reportType: 'Workpaper',\r\n reportFormat: 'PDF',\r\n timeZone: moment.tz.guess(),\r\n },\r\n );\r\n\r\nexport const exportElementReportRequest = ({ revisionId }) =>\r\n withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/elements/report`,\r\n );\r\n\r\nexport const exportAuditTrailRequest = ({\r\n revisionId,\r\n pageSize,\r\n pageOrientation,\r\n reportType,\r\n}) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/export`,\r\n {\r\n pageSize,\r\n pageOrientation,\r\n reportType,\r\n timeZone: moment.tz.guess(),\r\n },\r\n );\r\n\r\nexport const exportComfortLetterReportRequest = ({\r\n revisionId,\r\n pageSize,\r\n pageOrientation,\r\n reportType,\r\n}) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/export`,\r\n {\r\n pageSize,\r\n pageOrientation,\r\n reportType,\r\n timeZone: moment.tz.guess(),\r\n },\r\n );\r\n\r\nexport const exportClientNotesRequest = ({\r\n revisionId,\r\n pageSize,\r\n pageOrientation,\r\n}) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/export`,\r\n {\r\n pageSize,\r\n pageOrientation,\r\n reportType: 'ClientNotes',\r\n timeZone: moment.tz.guess(),\r\n },\r\n );\r\n\r\nexport const exportCustomReportRequest = ({\r\n revisionId,\r\n pageSize,\r\n pageOrientation,\r\n exportCustomParam,\r\n}) => {\r\n return withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/export`,\r\n {\r\n ...exportCustomParam,\r\n pageSize,\r\n pageOrientation,\r\n reportType: 'CustomReport',\r\n timeZone: moment.tz.guess(),\r\n },\r\n );\r\n};\r\n\r\n/**Api's to download report directly into local.\r\n * This shall be used when blob storage service is not actively running\r\n */\r\n\r\nexport const exportWorkpaperStatementRequestFallback = ({\r\n revisionId,\r\n pageSize,\r\n pageOrientation,\r\n options,\r\n}) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/export/fallback`,\r\n {\r\n pageSize,\r\n pageOrientation,\r\n ...options,\r\n reportType: 'Workpaper',\r\n reportFormat: 'PDF',\r\n timeZone: moment.tz.guess(),\r\n },\r\n {\r\n responseType: 'blob',\r\n },\r\n );\r\n\r\nexport const exportElementReportRequestFallback = ({ revisionId }) =>\r\n withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/elements/report/fallback`,\r\n {\r\n responseType: 'blob',\r\n },\r\n );\r\n\r\nexport const exportAuditTrailRequestFallback = ({\r\n revisionId,\r\n pageSize,\r\n pageOrientation,\r\n reportType,\r\n}) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/export/fallback`,\r\n {\r\n pageSize,\r\n pageOrientation,\r\n reportType,\r\n timeZone: moment.tz.guess(),\r\n },\r\n {\r\n responseType: 'blob',\r\n },\r\n );\r\n\r\nexport const exportComfortLetterReportRequestFallback = ({\r\n revisionId,\r\n pageSize,\r\n pageOrientation,\r\n reportType,\r\n}) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/export/fallback`,\r\n {\r\n pageSize,\r\n pageOrientation,\r\n reportType,\r\n timeZone: moment.tz.guess(),\r\n },\r\n {\r\n responseType: 'blob',\r\n },\r\n );\r\n\r\nexport const exportClientNotesRequestFallback = ({\r\n revisionId,\r\n pageSize,\r\n pageOrientation,\r\n}) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/export/fallback`,\r\n {\r\n pageSize,\r\n pageOrientation,\r\n reportType: 'ClientNotes',\r\n timeZone: moment.tz.guess(),\r\n },\r\n {\r\n responseType: 'blob',\r\n },\r\n );\r\n\r\nexport const exportCustomReportRequestFallback = ({\r\n revisionId,\r\n pageSize,\r\n pageOrientation,\r\n exportCustomParam,\r\n}) => {\r\n return withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/export/fallback`,\r\n {\r\n ...exportCustomParam,\r\n pageSize,\r\n pageOrientation,\r\n reportType: 'CustomReport',\r\n timeZone: moment.tz.guess(),\r\n },\r\n {\r\n responseType: 'blob',\r\n },\r\n );\r\n};\r\n\r\n/** END Of api call list for report download directly in local */\r\n\r\nexport const copyStatementRequest = ({ statementId, targetClientId }) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/copy/statement/${statementId}/to/client/${parseInt(\r\n targetClientId,\r\n )}`,\r\n );\r\n\r\nexport const downloadReportFromGuid = ({\r\n revisionId,\r\n fileName,\r\n storageGuid,\r\n userDownloadedReportStatus,\r\n}) => {\r\n return withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/export/download`,\r\n {\r\n fileName,\r\n storageGuid,\r\n downloadedStatus: userDownloadedReportStatus,\r\n },\r\n {\r\n responseType: 'blob',\r\n },\r\n );\r\n};\r\n\r\nexport const downloadElementReportFromGuid = ({\r\n revisionId,\r\n fileName,\r\n storageGuid,\r\n userDownloadedReportStatus,\r\n reportId,\r\n}) => {\r\n return withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/elements/download`,\r\n {\r\n fileName,\r\n storageGuid,\r\n downloadedStatus: userDownloadedReportStatus,\r\n reportId,\r\n },\r\n {\r\n responseType: 'blob',\r\n },\r\n );\r\n};\r\n\r\nexport const fetchToolkitReportList = ({ revisionId }) => {\r\n return withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/exportList`,\r\n );\r\n};\r\n\r\nexport const cancelReportIdProcessingRequest = ({\r\n revisionId,\r\n reportId,\r\n reportName,\r\n}) => {\r\n return withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/export/cancel`,\r\n {\r\n reportId,\r\n reportName,\r\n },\r\n );\r\n};\r\n\r\n// used to fetch source clientid which specific statement was imported\r\nexport const getSourceClientIdForCopyStatement = ({ statementId }) => {\r\n return withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/getSourceClient/${statementId}`,\r\n );\r\n};\r\n","import React from 'react';\r\nimport classnames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport IconButton from 'components/common/icon-button-component';\r\nimport { ReactComponent as CloseButton } from 'icons/close-button.svg';\r\nimport { isNullOrUndefined } from 'utils/object-utils';\r\n\r\nconst CHIP_BLOCK = 'chip';\r\n\r\nconst Chip = ({ children, id, onRemove, onClick, className }) => {\r\n return (\r\n {children}
\r\n {!isNullOrUndefined(onRemove) && (\r\n \r\n \r\n {ANNOTATION_DISPLAY_FUNCTIONS.comfortLetter({\r\n elementDetails,\r\n })}\r\n \r\n {ANNOTATION_DISPLAY_FUNCTIONS.tickmarks({\r\n elementDetails,\r\n })}\r\n {ANNOTATION_DISPLAY_FUNCTIONS.formula({\r\n elementDetails,\r\n })}\r\n {ANNOTATION_DISPLAY_FUNCTIONS.internalRef({\r\n elementDetails,\r\n })}\r\n {ANNOTATION_DISPLAY_FUNCTIONS.workpaper({\r\n elementDetails,\r\n })}\r\n
\r\n );\r\n};\r\n\r\nexport const getElementHighlightStatus = ({\r\n elementDetails,\r\n isElementSelected,\r\n isElementHighlighted,\r\n isPreviewPage = false,\r\n showElementStatusAndFlag = true,\r\n blacklineViewMode,\r\n}) => {\r\n if (isNullOrUndefined(elementDetails)) {\r\n return {\r\n isReviewed: false,\r\n isVerified: false,\r\n isUnverified: false,\r\n isSelected: false,\r\n };\r\n }\r\n isElementSelected =\r\n typeof isElementSelected === 'function'\r\n ? isElementSelected()\r\n : isElementSelected;\r\n let isReviewed =\r\n elementDetails.isReviewed() && !isElementSelected && !isElementHighlighted;\r\n let isVerified =\r\n elementDetails.isVerified() && !isElementSelected && !isElementHighlighted;\r\n let isUnverified = !(\r\n elementDetails.isReviewed() ||\r\n elementDetails.isVerified() ||\r\n isElementSelected ||\r\n isElementHighlighted\r\n );\r\n\r\n if (isPreviewPage || blacklineViewMode) {\r\n isReviewed = showElementStatusAndFlag ? isReviewed : false;\r\n isVerified = showElementStatusAndFlag ? isVerified : false;\r\n isUnverified = showElementStatusAndFlag ? isUnverified : false;\r\n return {\r\n isReviewed,\r\n isVerified,\r\n isUnverified,\r\n isSelected: isElementSelected,\r\n isHighlighted: isElementHighlighted,\r\n };\r\n } else {\r\n return {\r\n isReviewed,\r\n isVerified,\r\n isUnverified,\r\n isSelected: isElementSelected,\r\n isHighlighted: isElementHighlighted,\r\n };\r\n }\r\n};\r\n\r\nexport const getCssModifierForView = (\r\n url,\r\n blacklineViewMode,\r\n blacklineViewShowElementMode,\r\n) => {\r\n if (blacklineViewMode && blacklineViewShowElementMode) {\r\n return 'blackline-view';\r\n }\r\n if (isElementReportPreviewPage(url)) {\r\n return 'report-preview';\r\n }\r\n return 'default';\r\n};\r\n\r\nexport const getCalloutPosition = ({\r\n position,\r\n polygonInPixel,\r\n canvasHeight,\r\n canvasWidth,\r\n offsetHeight,\r\n offsetWidth,\r\n elementId,\r\n isPreviewPage,\r\n}) => {\r\n let callout = {};\r\n const [x1, y1, , , x3, y3] = polygonInPixel;\r\n const topLeftYCoordinate = y1;\r\n const topLeftXCoordinate = x1;\r\n const bottomLeftYCoordinate = y3;\r\n const bottomLeftXCoordinate = x3;\r\n const verticleMidPointOfElement = (y3 - y1) / 2;\r\n const horizontalMidPointOfElement = (x3 - x1) / 2;\r\n const arrowPadding = 3;\r\n const spacePadding = isPreviewPage ? -1.8 : 2;\r\n\r\n switch (position) {\r\n case 'left':\r\n callout = {\r\n bottom: `${\r\n canvasHeight -\r\n topLeftYCoordinate -\r\n (offsetHeight && Object.keys(offsetHeight).length > 0\r\n ? offsetHeight[elementId]\r\n : 0) /\r\n 2 -\r\n verticleMidPointOfElement\r\n }px`,\r\n right: `${\r\n canvasWidth - topLeftXCoordinate + arrowPadding + spacePadding\r\n }px`,\r\n };\r\n break;\r\n case 'right':\r\n callout = {\r\n bottom: `${\r\n canvasHeight -\r\n topLeftYCoordinate -\r\n (offsetHeight && Object.keys(offsetHeight).length > 0\r\n ? offsetHeight[elementId]\r\n : 0) /\r\n 2 -\r\n verticleMidPointOfElement\r\n }px`,\r\n right: `${canvasWidth - bottomLeftXCoordinate - arrowPadding - 2}px`,\r\n };\r\n break;\r\n case 'top':\r\n callout = {\r\n bottom: `${\r\n canvasHeight - topLeftYCoordinate + arrowPadding + spacePadding\r\n }px`,\r\n right: `${\r\n canvasWidth -\r\n topLeftXCoordinate -\r\n (offsetWidth && Object.keys(offsetWidth).length > 0\r\n ? offsetWidth[elementId]\r\n : 0) /\r\n 2 -\r\n horizontalMidPointOfElement\r\n }px`,\r\n };\r\n break;\r\n case 'bottom':\r\n callout = {\r\n bottom: `${\r\n canvasHeight -\r\n bottomLeftYCoordinate -\r\n offsetHeight[elementId] -\r\n arrowPadding -\r\n spacePadding\r\n }px`,\r\n right: `${\r\n canvasWidth -\r\n topLeftXCoordinate -\r\n (offsetWidth && Object.keys(offsetWidth).length > 0\r\n ? offsetWidth[elementId]\r\n : 0) /\r\n 2 -\r\n horizontalMidPointOfElement\r\n }px`,\r\n };\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n return callout;\r\n};\r\nexport const getShowCalloutValue = (elementData, annotationDisplayFilter) => {\r\n if (isNullOrUndefined(elementData)) {\r\n return true;\r\n }\r\n const annotationsConfig = {\r\n tickmarks: elementData.hasTickmarks(),\r\n formula: elementData.hasFormula(),\r\n internalRef: elementData.hasInternalReferenceGroup(),\r\n workpaper: elementData.hasWorkpapers(),\r\n comfortLetter: elementData.hasComfortLetters(),\r\n };\r\n const enabled = {};\r\n let disabledCount = 0;\r\n\r\n for (const [key, value] of Object.entries(annotationsConfig || {})) {\r\n if (value) {\r\n enabled[key] = value;\r\n }\r\n }\r\n const enabledKeys = Object.keys(enabled);\r\n\r\n enabledKeys.forEach((annotation) => {\r\n if (!annotationDisplayFilter[annotation]) {\r\n disabledCount += 1;\r\n }\r\n });\r\n return !(disabledCount === enabledKeys.length);\r\n};\r\n\r\nexport const getMarkerPosition = ({\r\n position,\r\n polygonInPixel,\r\n canvasHeight,\r\n}) => {\r\n let marker = {};\r\n const [x1, y1, , , x3, y3] = polygonInPixel;\r\n\r\n const topLeftYCoordinate = y1;\r\n const topLeftXCoordinate = x1;\r\n const bottomLeftYCoordinate = y3;\r\n const bottomLeftXCoordinate = x3;\r\n const verticleMidPointOfElement = (y3 - y1) / 2;\r\n const horizontalMidPointOfElement = (x3 - x1) / 2;\r\n const markerWidth = 7;\r\n const markerPadding = 3;\r\n const markerHeight = 2;\r\n const spacePadding = 3;\r\n\r\n switch (position) {\r\n case 'left':\r\n marker = {\r\n bottom: `${\r\n canvasHeight -\r\n topLeftYCoordinate -\r\n verticleMidPointOfElement -\r\n markerPadding\r\n }px`,\r\n left: `${topLeftXCoordinate - markerWidth - spacePadding}px`,\r\n };\r\n break;\r\n case 'top':\r\n marker = {\r\n bottom: `${canvasHeight - topLeftYCoordinate - markerHeight}px`,\r\n left: `${\r\n topLeftXCoordinate +\r\n horizontalMidPointOfElement -\r\n markerWidth / 2 -\r\n markerHeight\r\n }px`,\r\n };\r\n break;\r\n case 'right':\r\n marker = {\r\n bottom: `${\r\n canvasHeight -\r\n topLeftYCoordinate -\r\n verticleMidPointOfElement -\r\n markerPadding\r\n }px`,\r\n left: `${bottomLeftXCoordinate - markerHeight}px`,\r\n };\r\n break;\r\n case 'bottom':\r\n marker = {\r\n bottom: `${\r\n canvasHeight - bottomLeftYCoordinate - markerWidth - spacePadding\r\n }px`,\r\n left: `${\r\n topLeftXCoordinate +\r\n horizontalMidPointOfElement -\r\n markerWidth / 2 -\r\n markerHeight\r\n }px`,\r\n };\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n return marker;\r\n};\r\n\r\nexport const getInitialCalloutVisibilityDetails = (\r\n config,\r\n annotationDisplayFilter,\r\n) => {\r\n const displayMarker = annotationDisplayFilter.showAll ? false : config.marker;\r\n const displayCallout = annotationDisplayFilter.showAll\r\n ? true\r\n : config.callout;\r\n const displayAnnotation = annotationDisplayFilter.showAll\r\n ? true\r\n : config.display;\r\n\r\n return { displayMarker, displayCallout, displayAnnotation };\r\n};\r\n\r\nexport const getCalloutVisibilityDetails = (\r\n calloutVisibilityDetails,\r\n annotationsConfig,\r\n annotationDisplayFilter,\r\n) => {\r\n const enabled = {};\r\n let disabledCount = 0;\r\n let displayMarker = calloutVisibilityDetails.displayMarker;\r\n let displayCallout = calloutVisibilityDetails.displayCallout;\r\n let displayAnnotation = calloutVisibilityDetails.displayAnnotation;\r\n\r\n for (const [key, value] of Object.entries(annotationsConfig || {})) {\r\n if (value) {\r\n enabled[key] = value;\r\n }\r\n }\r\n\r\n const enabledKeys = Object.keys(enabled);\r\n\r\n enabledKeys.forEach((annotation) => {\r\n if (!annotationDisplayFilter[annotation]) {\r\n disabledCount += 1;\r\n }\r\n });\r\n\r\n if (disabledCount === enabledKeys.length) {\r\n displayMarker = true;\r\n displayCallout = false;\r\n displayAnnotation = false;\r\n }\r\n\r\n return {\r\n displayMarker,\r\n displayCallout,\r\n displayAnnotation,\r\n };\r\n};\r\n","import { getStatementIdUtil } from 'utils/statement-export-utils';\r\nimport { withDefaultContextAsProject } from 'api/api-default-context';\r\n\r\nexport const createProjectEntityRequest = ({\r\n projectId,\r\n revisionId,\r\n entity,\r\n contextKey,\r\n}) => {\r\n return withDefaultContextAsProject({ contextKey }, projectId)\r\n .post(\r\n `/tieout/client/${parseInt(\r\n projectId,\r\n )}/statements/${getStatementIdUtil()}/revision/${revisionId}/entity/${entity}`,\r\n )\r\n .then((response) => {\r\n return response;\r\n });\r\n};\r\n","import { createAction } from 'redux-actions';\r\nimport { getMultipleElementsFromCache } from './element-cache-actions';\r\nimport {\r\n clearSelectedElementsContentPanel,\r\n fetchClientEntityList,\r\n selectMultipleElementsContentPanel,\r\n} from './statement-content-actions';\r\nimport { updateCacheWithMostRecentElementChanges } from './element-changes-since-tracker-actions';\r\nimport {\r\n showBatchPanelAction,\r\n hideBatchPanelAction,\r\n} from './panel-controller-actions';\r\nimport { RIGHT_PANELS } from 'constants/feature/panel-constants';\r\nimport { fetchStatementSummaryElements } from 'store/actions/statement-summary/elements-summary-actions';\r\nimport { createProjectEntityRequest } from 'api/create-project-entity-api';\r\nimport {\r\n updateElementsSearchByIds,\r\n removeIdFromBatchSelectedItemsAction,\r\n addIdToBatchSelectedItemsAction,\r\n} from 'store/actions/statement-navigator/elements-search-panel-actions';\r\nimport { fetchSectionHTMLSegmentsStatementContent } from 'store/actions/statement-content-actions';\r\nimport { batchMaxAmountNotification } from 'constants/feature/batch-panel-constants';\r\nimport { clearBatchModeSelected } from './modes-actions';\r\nimport { getMaxElementForBatchUpdateLimit } from 'utils/statement-content-page-utils';\r\n\r\nexport const setBatchSelectedElementsLoading = createAction(\r\n 'BATCH_ELEMENTS_LOADING',\r\n);\r\n\r\nexport const appendBatchSelectedElementsLoaded = createAction(\r\n 'BATCH_APPEND_ELEMENTS_LOADED',\r\n);\r\nexport const setBatchSelectedElementsError = createAction(\r\n 'BATCH_ELEMENTS_ERROR',\r\n);\r\n\r\nexport const clearBatchSelectedElementsAction = createAction(\r\n 'BATCH_CLEAR_SELECTED_ELEMENTS',\r\n);\r\n\r\nexport const addElementToBatchSelectionAction = createAction(\r\n 'BATCH_ADD_ELEMENT_TO',\r\n);\r\n\r\nexport const removeElementFromBatchSelectionAction = createAction(\r\n 'BATCH_REMOVE_ELEMENT',\r\n);\r\n\r\nexport const batchElementUpdateSuccessAction = createAction(\r\n 'BATCH_ELEMENTS_UPDATE_SUCCESS',\r\n);\r\n\r\nexport const createProjectEntityError = createAction(\r\n 'CREATE_PROJECT_ENTITY_ERROR',\r\n);\r\n\r\nexport const createProjectEntityLoading = createAction(\r\n 'CREATE_PROJECT_ENTITY_LOADING',\r\n);\r\n\r\nexport const updateSelectedBatchElementsFromSocketAction = createAction(\r\n 'UPDATE_SELECTED_BATCH_ELEMENTS_FROM_SOCKET_ACTION',\r\n);\r\n\r\nexport const removeBatchElementsFromSocketPayloadAction = createAction(\r\n 'REMOVE_BATCH_ELEMENTS_FROM_SOCKET_PAYLOAD_ACTION',\r\n);\r\n\r\nconst _handleBatchAddWithElementAlreadySelected =\r\n () => (dispatch, getState) => {\r\n const {\r\n ui: {\r\n statementPage: {\r\n panels: { right },\r\n },\r\n },\r\n data: {\r\n statementContent: { elementCache },\r\n elementPanel: { elementDetails },\r\n },\r\n } = getState();\r\n if (right === RIGHT_PANELS.ELEMENT) {\r\n // with element panel open + batch click, switch to batch panel with that element selected\r\n let element =\r\n elementDetails &&\r\n // getElement method inside section-cache model mandatorily needs elementID to get element details.\r\n // if sectionId is null then it will search in all the sections present in the cache.\r\n elementDetails.id &&\r\n elementCache.getElement({\r\n elementId: elementDetails.id,\r\n sectionId: elementDetails.sectionId,\r\n });\r\n element &&\r\n dispatch(\r\n addElementToBatchSelectionAction({\r\n element,\r\n }),\r\n );\r\n }\r\n };\r\n\r\nexport const clickElementInContentWhileBatch =\r\n ({ elementId, sectionId }) =>\r\n (dispatch, getState) => {\r\n const {\r\n ui: {\r\n statementPage: {\r\n panels: { right },\r\n statementNavigatorPanel: { elementSearchResults },\r\n },\r\n },\r\n data: {\r\n statementContent: { elementCache },\r\n batchPanel: { batchElementList },\r\n },\r\n } = getState();\r\n const batchElementsAmount = batchElementList.selectedElementIds.length;\r\n if (batchElementsAmount + 1 <= getMaxElementForBatchUpdateLimit()) {\r\n dispatch(_handleBatchAddWithElementAlreadySelected());\r\n }\r\n\r\n if (right !== RIGHT_PANELS.BATCH) {\r\n dispatch(showBatchPanelAction());\r\n }\r\n if (batchElementList.hasElement(elementId)) {\r\n dispatch(removeElementFromBatchSelectionAction({ elementId }));\r\n //removes the id from the batch selected items from the filtered elements list\r\n dispatch(removeIdFromBatchSelectedItemsAction(elementId));\r\n } else {\r\n if (batchElementsAmount + 1 <= getMaxElementForBatchUpdateLimit()) {\r\n if (elementCache.getElement({ elementId })) {\r\n dispatch(\r\n addElementToBatchSelectionAction({\r\n element: elementCache.getElement({ elementId, sectionId }),\r\n }),\r\n );\r\n if (\r\n elementSearchResults.elements &&\r\n elementSearchResults.hasElement(\r\n typeof elementId === 'string' ? parseInt(elementId) : elementId,\r\n )\r\n ) {\r\n dispatch(addIdToBatchSelectedItemsAction(elementId));\r\n }\r\n } else {\r\n // Try and get this element from element search result if not in elementcache\r\n dispatch(\r\n addElementToBatchSelectionAction({\r\n element: elementSearchResults.getElement({ elementId }),\r\n }),\r\n );\r\n if (\r\n elementSearchResults.elements &&\r\n elementSearchResults.hasElement(\r\n typeof elementId === 'string' ? parseInt(elementId) : elementId,\r\n )\r\n ) {\r\n dispatch(addIdToBatchSelectedItemsAction(elementId));\r\n }\r\n }\r\n } else {\r\n batchMaxAmountNotification();\r\n }\r\n }\r\n };\r\n\r\nexport const clickElementSearchEntryWhileRange =\r\n ({ element }) =>\r\n async (dispatch, getState) => {\r\n const {\r\n data: {\r\n batchPanel: {\r\n batchElementList: { selectedElementIds },\r\n },\r\n },\r\n ui: {\r\n statementPage: {\r\n statementNavigatorPanel: { elementSearchResults },\r\n panels: { right },\r\n },\r\n },\r\n } = getState();\r\n\r\n if (!right !== RIGHT_PANELS.BATCH) {\r\n dispatch(showBatchPanelAction());\r\n }\r\n\r\n const firstElIndex = elementSearchResults.selectedIndex;\r\n const secondElIndex = elementSearchResults.elements.indexOf(element);\r\n let selectedElementRange = elementSearchResults.elements.slice(\r\n firstElIndex,\r\n secondElIndex + 1,\r\n );\r\n if (firstElIndex > secondElIndex) {\r\n selectedElementRange = elementSearchResults.elements.slice(\r\n secondElIndex,\r\n firstElIndex + 1,\r\n );\r\n }\r\n if (\r\n selectedElementIds.length + selectedElementRange.length <=\r\n getMaxElementForBatchUpdateLimit()\r\n ) {\r\n dispatch(\r\n selectMultipleElementsContentPanel({\r\n elementIds: selectedElementRange.map((el) => el.id),\r\n }),\r\n );\r\n\r\n dispatch(\r\n appendBatchSelectedElementsLoaded({\r\n selectedElements: selectedElementRange,\r\n }),\r\n );\r\n } else {\r\n batchMaxAmountNotification();\r\n }\r\n };\r\n\r\nexport const batchAddElementsToBatch =\r\n ({ elements }) =>\r\n async (dispatch, getState) => {\r\n const {\r\n data: {\r\n batchPanel: {\r\n batchElementList: { selectedElementIds },\r\n },\r\n },\r\n ui: {\r\n statementPage: {\r\n panels: { right },\r\n },\r\n },\r\n } = getState();\r\n if (selectedElementIds.length + 1 <= getMaxElementForBatchUpdateLimit()) {\r\n dispatch(_handleBatchAddWithElementAlreadySelected());\r\n }\r\n if (\r\n selectedElementIds.length + elements.length <=\r\n getMaxElementForBatchUpdateLimit()\r\n ) {\r\n // always select all the elements in the content panel\r\n dispatch(\r\n selectMultipleElementsContentPanel({\r\n elementIds: elements.map((el) => el.elementId),\r\n }),\r\n );\r\n if (!right !== RIGHT_PANELS.BATCH) {\r\n dispatch(showBatchPanelAction());\r\n }\r\n const selectedElements = await dispatch(\r\n getMultipleElementsFromCache({\r\n elements,\r\n loadingAction: setBatchSelectedElementsLoading,\r\n }),\r\n );\r\n dispatch(appendBatchSelectedElementsLoaded({ selectedElements }));\r\n } else {\r\n batchMaxAmountNotification();\r\n }\r\n };\r\n\r\nexport const addElementsToBatchFromElementsFilter =\r\n (elements) => async (dispatch, getState) => {\r\n const {\r\n ui: {\r\n statementPage: {\r\n panels: { right },\r\n },\r\n },\r\n } = getState();\r\n if (!right !== RIGHT_PANELS.BATCH) {\r\n dispatch(showBatchPanelAction());\r\n }\r\n dispatch(\r\n selectMultipleElementsContentPanel({\r\n elementIds: elements.map((el) => el.id),\r\n }),\r\n );\r\n dispatch(appendBatchSelectedElementsLoaded({ selectedElements: elements }));\r\n };\r\nexport const removeFilteredElementsFromBatch =\r\n (elements) => async (dispatch, getState) => {\r\n const {\r\n data: {\r\n batchPanel: { batchElementList },\r\n },\r\n ui: {\r\n statementPage: {\r\n statementNavigatorPanel: {\r\n elementSearchResults: { batchSelectedItemsIds },\r\n },\r\n panels: { right },\r\n },\r\n },\r\n } = getState();\r\n if (\r\n right === RIGHT_PANELS.BATCH &&\r\n Object.keys(batchSelectedItemsIds).length ===\r\n batchElementList.selectedElementIds.length\r\n ) {\r\n dispatch(hideBatchPanelAction());\r\n }\r\n dispatch(removeBatchElementsFromSocketPayloadAction(elements));\r\n };\r\n\r\nexport const cancelBatchUpdatePanel = () => (dispatch, getState) => {\r\n dispatch(clearBatchSelectedElementsAction());\r\n dispatch(hideBatchPanelAction());\r\n dispatch(clearSelectedElementsContentPanel());\r\n dispatch(clearBatchModeSelected());\r\n};\r\n\r\nexport const handleBatchUpdateSuccess =\r\n ({ elementIds, revisionId, updateModel }) =>\r\n (dispatch, getState) => {\r\n const storeData = getState().data;\r\n const {\r\n selectedProject: { project },\r\n selectedStatement,\r\n } = storeData;\r\n const { selectedElementsMap } = getState().data.batchPanel.batchElementList;\r\n const socketModel = getState().sockets;\r\n const { socketHasBeenDisconnected } = socketModel.statementSocket;\r\n // get updated elements for cache\r\n // rely on these methods of updaing the ui if the client fails to connect to signalr\r\n if (socketHasBeenDisconnected) {\r\n dispatch(updateCacheWithMostRecentElementChanges()); // calll this\r\n dispatch(updateElementsSearchByIds({ elementIds }));\r\n }\r\n\r\n //get updated entity list\r\n dispatch(fetchClientEntityList(project.id));\r\n\r\n // clean up batch panel redux state\r\n dispatch(clearBatchSelectedElementsAction());\r\n dispatch(hideBatchPanelAction());\r\n\r\n // initiate actions to highlight successfully batch updated elements\r\n dispatch(\r\n batchElementUpdateSuccessAction({\r\n elementIds,\r\n }),\r\n );\r\n\r\n // fire action to update statement summary if needed\r\n if (\r\n updateModel.shouldRefreshStatementSummary &&\r\n socketHasBeenDisconnected\r\n ) {\r\n dispatch(\r\n fetchStatementSummaryElements({ revisionId, withoutLoading: true }),\r\n );\r\n }\r\n\r\n /** We need the sectionIds of currently selected elements to reload statement content */\r\n const sectionIds = Object.values(selectedElementsMap).map(\r\n (element) => element.sectionId,\r\n );\r\n\r\n if (!selectedStatement.isOCR) {\r\n if (socketHasBeenDisconnected) {\r\n dispatch(\r\n fetchSectionHTMLSegmentsStatementContent({\r\n sectionIdList: Array.from(new Set(sectionIds)),\r\n }),\r\n );\r\n }\r\n\r\n /** Set one time click event listener to clear green selected elements after\r\n * successful batch update\r\n */\r\n document.addEventListener(\r\n 'click',\r\n (e) => {\r\n !e.ctrlKey && dispatch(clearSelectedElementsContentPanel());\r\n },\r\n {\r\n once: true,\r\n },\r\n );\r\n }\r\n };\r\n\r\nexport const createEntity = (entity) => async (dispatch, getState) => {\r\n const { project } = getState().data.selectedProject;\r\n dispatch(createProjectEntityLoading());\r\n try {\r\n await createProjectEntityRequest({\r\n projectId: project.id,\r\n revisionId: entity.revisionId,\r\n entity: entity.entitySearch,\r\n });\r\n dispatch(fetchClientEntityList(project.id));\r\n } catch (error) {\r\n dispatch(createProjectEntityError(project.id));\r\n }\r\n};\r\n","import { createAction } from 'redux-actions';\r\nimport {\r\n getWorkpapersForRevisionRequest,\r\n deleteWorkpaperRequest,\r\n detachElementWorkpaperRequest,\r\n} from 'api/workpaper-api';\r\nimport { LEFT_PANELS } from 'constants/feature/panel-constants';\r\nimport { updateCacheWithMostRecentElementChanges } from 'store/actions/element-changes-since-tracker-actions';\r\nimport { getElementsByWorkpaperReference } from 'api/element-api';\r\nimport {\r\n elementWorkpaperListLoading,\r\n getElementWorkpapersAndUpdateElementCacheWithParameters,\r\n} from 'store/actions/element-panel-actions';\r\n\r\nexport const workpaperToolkitListLoading = createAction(\r\n 'WORKPAPER_TOOLKIT_LIST_LOADING',\r\n);\r\nexport const workpaperToolkitListLoaded = createAction(\r\n 'WORKPAPER_TOOLKIT_LIST_LOADED',\r\n);\r\nexport const workpaperToolkitListError = createAction(\r\n 'WORKPAPER_TOOLKIT_LIST_ERROR',\r\n);\r\nexport const deleteWorkpaperError = createAction('DELETE_WORKPAPER_ERROR');\r\nexport const fetchElementsFromWorkpaperAction = createAction(\r\n 'FETCH_ELEMENTS_FROM_WORKPAPER',\r\n);\r\nexport const clearWorkpaperElementsAction = createAction(\r\n 'CLEAR_ELEMENTS_FROM_WORKPAPER',\r\n);\r\nexport const updateWorkpaperElementsMapAction = createAction(\r\n 'UPDATE_WORKPAPER_ELEMENTS_MAP_ACTION',\r\n);\r\nexport const updateWorkpaperElementsMapFromArrayAction = createAction(\r\n 'UPDATE_WORKPAPER_ELEMENTS_MAP_FROM_ARRAY_ACTION',\r\n);\r\n\r\nexport const removeWorkpaperFromElementsMapAction = createAction(\r\n 'REMOVE_WORKPAPER_FROM_ELEMENTS_MAP_ACTION',\r\n);\r\nexport const unlinkElementFromElementsMapAction = createAction(\r\n 'UNLINK_ELEMENT_FROM_ELEMENTS_MAP_ACTION',\r\n);\r\n\r\nexport const removeElementsFromElementsMapWithSocketPayloadAction = createAction(\r\n 'REMOVE_ELEMENTS_FROM_ELEMENTS_MAP_WITH_SOCKET_PAYLOAD_ACTION',\r\n);\r\nexport const addWorkpaperToDeletedArrayAction = createAction(\r\n 'ADD_TICKMARK_TO_DELETED_ARRAY_ACTION',\r\n);\r\nexport const removeElementFromElementsMapAction = createAction(\r\n 'REMOVE_ELEMENT_FROM_ELEMENTS_MAP_ACTION',\r\n);\r\nexport const addWorkpaperToListAction = createAction(\r\n 'ADD_WORKPAPER_TO_LIST_ACTION',\r\n);\r\nexport const unlinkWorkpaperFromElementWithWebsocketPayload = createAction(\r\n 'UNLINK_WORKPAPER_FROM_ELEMENT_WITH_WEBSOCKET_PAYLOAD',\r\n);\r\n\r\nexport const updateWorkpaperWithSocketPayloadAction = createAction(\r\n 'UPDATE_WORKPAPER_FROM_SOCKET_PAYLOAD_ACTION',\r\n);\r\n\r\nexport const deleteWorkpaperWithSocketPayloadAction = createAction(\r\n 'DELETE_WORKPAPER_FROM_SOCKET_PAYLOAD_ACTION',\r\n);\r\n\r\nexport const fetchWorkpaperListForRevisionWithoutLoading = ({\r\n revisionId,\r\n}) => async (dispatch, getState) => {\r\n if (getState().ui.statementPage.panels.left !== LEFT_PANELS.WORKPAPER) return;\r\n try {\r\n const response = await getWorkpapersForRevisionRequest({ revisionId });\r\n dispatch(workpaperToolkitListLoaded({ response }));\r\n } catch (error) {\r\n dispatch(workpaperToolkitListError(error));\r\n }\r\n};\r\n\r\nexport const fetchWorkpaperListForRevision = ({ revisionId }) => async (\r\n dispatch,\r\n getState,\r\n) => {\r\n if (getState().ui.statementPage.panels.left !== LEFT_PANELS.WORKPAPER) return;\r\n dispatch(workpaperToolkitListLoading());\r\n await dispatch(fetchWorkpaperListForRevisionWithoutLoading({ revisionId }));\r\n};\r\n\r\nexport const deleteWorkpaper = ({ workpaper }) => async (\r\n dispatch,\r\n getState,\r\n) => {\r\n const socketModel = getState().sockets;\r\n const { socketHasBeenDisconnected } = socketModel.statementSocket;\r\n\r\n dispatch(addWorkpaperToDeletedArrayAction(workpaper.workpaperRefId));\r\n await deleteWorkpaperRequest({ workpaper });\r\n const { id: revisionId } = getState().data.revision;\r\n if (socketHasBeenDisconnected) {\r\n dispatch(fetchWorkpaperListForRevisionWithoutLoading({ revisionId }));\r\n dispatch(updateCacheWithMostRecentElementChanges());\r\n }\r\n};\r\n\r\nexport const fetchElementsFromWorkpaper = ({ revisionId, wpRefId }) => async (\r\n dispatch,\r\n getState,\r\n) => {\r\n if (getState().ui.statementPage.panels.left !== LEFT_PANELS.WORKPAPER) return;\r\n try {\r\n const response = await getElementsByWorkpaperReference({\r\n revisionId,\r\n wpRefId,\r\n });\r\n dispatch(\r\n fetchElementsFromWorkpaperAction({\r\n response: response,\r\n wpRefId: wpRefId,\r\n }),\r\n );\r\n } catch (error) {\r\n dispatch(workpaperToolkitListError(error));\r\n }\r\n};\r\n\r\nexport const clearElementsFromWorkpaper = () => (dispatch) => {\r\n try {\r\n dispatch(clearWorkpaperElementsAction());\r\n } catch (error) {\r\n dispatch(workpaperToolkitListError(error));\r\n }\r\n};\r\n\r\nexport const removeElementFromElementsMap = ({ elementId }) => async (\r\n dispatch,\r\n getState,\r\n) => {\r\n if (getState().ui.statementPage.panels.left !== LEFT_PANELS.WORKPAPER) return;\r\n const { id: revisionId } = getState().data.revision;\r\n\r\n try {\r\n await dispatch(fetchWorkpaperListForRevisionWithoutLoading({ revisionId }));\r\n dispatch(removeElementFromElementsMapAction(elementId));\r\n } catch (error) {\r\n dispatch(workpaperToolkitListError(error));\r\n }\r\n};\r\n\r\nexport const unlinkElementFromWorkpaperElementsList = ({\r\n revisionId,\r\n wpRefId,\r\n elementId,\r\n sectionId,\r\n}) => async (dispatch, getState) => {\r\n const socketModel = getState().sockets;\r\n const { socketHasBeenDisconnected } = socketModel.statementSocket;\r\n\r\n try {\r\n dispatch(elementWorkpaperListLoading());\r\n await detachElementWorkpaperRequest({\r\n elementId,\r\n revisionId,\r\n workpaperId: wpRefId,\r\n });\r\n if (socketHasBeenDisconnected) {\r\n await dispatch(\r\n getElementWorkpapersAndUpdateElementCacheWithParameters({\r\n elementId,\r\n sectionId,\r\n }),\r\n );\r\n dispatch(\r\n fetchElementsFromWorkpaper({\r\n revisionId,\r\n wpRefId,\r\n }),\r\n );\r\n dispatch(fetchWorkpaperListForRevisionWithoutLoading({ revisionId }));\r\n }\r\n } catch (error) {\r\n dispatch(workpaperToolkitListError(error));\r\n }\r\n};\r\n\r\nexport const removeWorkpaperFromElementsMapStore = ({ wpRefId }) => (\r\n dispatch,\r\n) => {\r\n dispatch(removeWorkpaperFromElementsMapAction(wpRefId));\r\n};\r\n\r\nexport const updateWorkpaperElementsMap = ({ response }) => async (\r\n dispatch,\r\n getState,\r\n) => {\r\n if (getState().ui.statementPage.panels.left !== LEFT_PANELS.WORKPAPER) return;\r\n const updatedElementsArray = response.data.result\r\n ? response.data.result.elementEntityList[0]\r\n : response;\r\n if (response && updatedElementsArray) {\r\n dispatch(updateWorkpaperElementsMapAction(updatedElementsArray));\r\n }\r\n};\r\nexport const updateWorkpaperElementsMapFromArray = ({\r\n elementsArray,\r\n}) => async (dispatch, getState) => {\r\n if (getState().ui.statementPage.panels.left !== LEFT_PANELS.WORKPAPER) return;\r\n if (elementsArray) {\r\n dispatch(updateWorkpaperElementsMapFromArrayAction(elementsArray));\r\n }\r\n};\r\n\r\nexport const unlinkElementFromElementsMap = ({ elementId, wpRefId }) => async (\r\n dispatch,\r\n getState,\r\n) => {\r\n if (getState().ui.statementPage.panels.left !== LEFT_PANELS.WORKPAPER) return;\r\n const { id: revisionId } = getState().data.revision;\r\n try {\r\n await dispatch(fetchWorkpaperListForRevisionWithoutLoading({ revisionId }));\r\n dispatch(\r\n unlinkElementFromElementsMapAction({\r\n elementId: elementId,\r\n wpRefId: wpRefId,\r\n }),\r\n );\r\n } catch (error) {\r\n dispatch(workpaperToolkitListError(error));\r\n }\r\n};\r\n","import TabModel from 'models/utils/common/tab-model';\r\nimport { MenuOption } from 'models/utils/common/menu/menu-option-model';\r\nimport Permissions from 'permissions/permissions';\r\nimport RoleUtil from 'permissions/utils/roles';\r\nexport const CONTENT_MAX_SEARCH_RESULTS = 500;\r\n\r\nexport const STATEMENT_NAV_HEADING_ACTION_DROPDOWN_EDIT_OPTION = 'edit';\r\nexport const STATEMENT_NAV_HEADING_ACTION_DROPDOWN_BULK_ASSIGN_OPTION =\r\n 'bulk-assign';\r\n\r\nexport const STATEMENT_NAV_TABS = {\r\n pages: new TabModel({\r\n id: 'statement-nav-pages-tab',\r\n intlTitle: 'statement-nav-panel.tab.pages.title',\r\n }),\r\n headings: new TabModel({\r\n id: 'statement-nav-headings-tab',\r\n intlTitle: 'statement-nav-panel.tab.headings.title',\r\n }),\r\n elements: new TabModel({\r\n id: 'statement-nav-elements-tab',\r\n intlTitle: 'statement-nav-panel.tab.elements.title',\r\n }),\r\n content: new TabModel({\r\n id: 'statement-nav-content-tab',\r\n intlTitle: 'statement-nav-panel.tab.content.title',\r\n }),\r\n bookmarks: new TabModel({\r\n id: 'statement-nav-headings-tab',\r\n intlTitle: 'statement-nav-panel.tab.headings.title',\r\n }),\r\n};\r\n\r\nexport const getStatementNavHeadingActionDropdown = (\r\n selectedStatement,\r\n selectedProjectId,\r\n) => ({\r\n edit: new MenuOption({\r\n id: 'statement-nav-heading-dropdown-option-1',\r\n title: 'common.edit',\r\n value: STATEMENT_NAV_HEADING_ACTION_DROPDOWN_EDIT_OPTION,\r\n isIntl: true,\r\n disabled:\r\n RoleUtil.doesUserHaveObserverRoleForProject() ||\r\n RoleUtil.doesUserHaveCoeRoleForProject() ||\r\n RoleUtil.doesUserHaveAdminSupportAccess(),\r\n }),\r\n bulkAssign: new MenuOption({\r\n id: 'statement-nav-heading-dropdown-option-2',\r\n title: 'statement-nav-heading-action-dropdown.bulk.assign',\r\n value: STATEMENT_NAV_HEADING_ACTION_DROPDOWN_BULK_ASSIGN_OPTION,\r\n isIntl: true,\r\n disabled:\r\n (selectedStatement && selectedStatement.isReadOnly()) ||\r\n (selectedProjectId &&\r\n !Permissions.Section.canAssignSection(selectedProjectId)),\r\n }),\r\n});\r\n\r\nexport const getStatementNavHeadingActionDropdownValues = (\r\n selectedStatement,\r\n selectedProjectId,\r\n) =>\r\n Object.values(\r\n getStatementNavHeadingActionDropdown(selectedStatement, selectedProjectId),\r\n );\r\n\r\nexport const STATEMENT_NAV_TABS_ARRAY = Object.values(STATEMENT_NAV_TABS);\r\n\r\nexport const getOcrNavigationTabs = (isOcrStatement) => {\r\n const commonTabs = [STATEMENT_NAV_TABS.elements, STATEMENT_NAV_TABS.content];\r\n return isOcrStatement\r\n ? [STATEMENT_NAV_TABS.pages, ...commonTabs]\r\n : [STATEMENT_NAV_TABS.headings, ...commonTabs];\r\n};\r\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 =\n/*#__PURE__*/\nReact.createElement(\"desc\", null, \"Created with Sketch.\");\n\nvar _ref3 =\n/*#__PURE__*/\nReact.createElement(\"g\", {\n id: \"Starting-Components\",\n stroke: \"none\",\n strokeWidth: 1,\n fill: \"none\",\n fillRule: \"evenodd\"\n}, React.createElement(\"g\", {\n id: \"DG-TieOut-|-Starting-Components\",\n transform: \"translate(-2277.000000, -2367.000000)\",\n fill: \"#757575\",\n fillRule: \"nonzero\"\n}, React.createElement(\"path\", {\n d: \"M2304.75046,2393.28723 L2295.41066,2383.94743 C2298.91163,2379.66672 2298.44082,2373.39268 2294.3402,2369.68241 C2290.23957,2365.97214 2283.94985,2366.12921 2280.03953,2370.03953 C2276.12921,2373.94985 2275.97214,2380.23957 2279.68241,2384.3402 C2283.39268,2388.44082 2289.66672,2388.91163 2293.94743,2385.41066 L2303.28723,2394.75046 C2303.69897,2395.10307 2304.31273,2395.07936 2304.69604,2394.69604 C2305.07936,2394.31273 2305.10307,2393.69897 2304.75046,2393.28723 Z M2287.40957,2385.72199 C2282.82448,2385.72199 2279.10753,2382.00504 2279.10753,2377.41995 C2279.10753,2372.83486 2282.82448,2369.11791 2287.40957,2369.11791 C2291.99466,2369.11791 2295.71161,2372.83486 2295.71161,2377.41995 C2295.71161,2379.62179 2294.83694,2381.73344 2293.28,2383.29038 C2291.72307,2384.84731 2289.61141,2385.72199 2287.40957,2385.72199 Z\",\n id: \"search\"\n})));\n\nvar SvgSearch = function SvgSearch(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return React.createElement(\"svg\", _extends({\n width: \"28px\",\n height: \"28px\",\n viewBox: \"0 0 28 28\",\n ref: svgRef\n }, props), title ? React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgSearch, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/search.c9985944.svg\";\nexport { ForwardRef as ReactComponent };","import classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport React, { memo, useRef } from 'react';\r\nimport { injectIntl, FormattedMessage } from 'react-intl';\r\n\r\nimport FormItem from 'components/common/form-item-component';\r\nimport Menu, {\r\n ApiMenu,\r\n TableApiMenu,\r\n ApiMenuWithCreate,\r\n} from 'components/common/menu-component';\r\nimport { TooltipOptions } from 'models/utils/common/tooltip-options-model';\r\n\r\nimport { DrawerActionHandler } from 'components/util/drawer-action-handler-component';\r\n\r\nimport { ReactComponent as ClearButton } from 'icons/close-button.svg';\r\nimport { ReactComponent as SearchButton } from 'icons/search.svg';\r\nimport { ReactComponent as ArrowDown } from 'icons/arrow-simple-thick-down.svg';\r\n\r\nimport MenuApiData from 'models/utils/common/menu/menu-api-data-model';\r\nimport {\r\n DataGridDataApi,\r\n DataGridColumn,\r\n} from 'components/common/data-grid/data-grid-component';\r\nimport {\r\n ENTER_KEY_CODE,\r\n SPACEBAR_KEY_CODE,\r\n} from 'constants/util/key-code-constants';\r\nimport { isSearchCharLengthValid } from 'constants/util/search-utility';\r\nimport { isNullOrUndefined } from 'utils/object-utils';\r\nimport { useState } from 'react';\r\n\r\nconst SEARCH_BLOCK = 'search';\r\nconst NO_RESULT_FOUND_MESSAGE = 'common.search.no-results';\r\nconst SEARCH_CLOSE_ICON_SIZE = '28px';\r\nconst SEARCH_ICON_SIZE = '20px';\r\nconst ARROW_DOWN_SIZE = '18px';\r\n\r\nconst DefaultSearch = ({\r\n className,\r\n disabled,\r\n errorText,\r\n id,\r\n intl,\r\n isOpen,\r\n isValid,\r\n clearIconSize = SEARCH_CLOSE_ICON_SIZE,\r\n isSearchableDropdown = false,\r\n label,\r\n maxLength,\r\n onBlur,\r\n onKeyDown,\r\n onChange,\r\n onSearch,\r\n onClear,\r\n onFocus,\r\n placeholder,\r\n setWrapperRef,\r\n showSearchButton,\r\n toggleDrawer,\r\n tooltip,\r\n value,\r\n width,\r\n children, // NOTE: do not use externally, only used internally by SearchDropdown and SearchDropdownApi components\r\n disableAutoComplete,\r\n}) => {\r\n const searchInputRef = useRef();\r\n const _onSearch = () => onSearch(value);\r\n\r\n return (\r\n \r\n
\r\n )}\r\n />\r\n ) : (\r\n \r\n
\r\n )}\r\n />\r\n )\r\n ) : null}\r\n \r\n );\r\n};\r\nDefaultSearchDropdownApi.propTypes = {\r\n ...sharedPropTypes,\r\n /** class passed directly to the menu component */\r\n menuClassName: PropTypes.string,\r\n /**customized max height for dropdown menu */\r\n maxDropDownHeight: PropTypes.number,\r\n /**To customize clear icon size inside search bar */\r\n clearIconSize: PropTypes.string,\r\n /**boolean value for drop down arrow functionality */\r\n isSearchableDropdown: PropTypes.bool,\r\n /**No result found message for search drop down*/\r\n noResultMsg: PropTypes.string,\r\n /** Func fired on menu item selection */\r\n onSelectResult: PropTypes.func.isRequired,\r\n /** MenuApiData model with an apiModal property to handle loading when fetching data */\r\n resultsApiModel: PropTypes.instanceOf(MenuApiData).isRequired,\r\n /** HOC prop. Reference to this element, passed directly to the menu to help position it, since it is a portal */\r\n wrapperRef: PropTypes.instanceOf(Element),\r\n /** Boolean passed in to enable the create button or disable it */\r\n isCreate: PropTypes.bool,\r\n /** REQUIRED if isCreate is set, Function that fires when the create button is clicked */\r\n onCreateClick: PropTypes.func,\r\n /** Min char for search with create button is set to zero */\r\n minSearchCharLength: PropTypes.number.isRequired,\r\n /** Min number of rows to display for scroll */\r\n numberOfVisibleRows: PropTypes.number,\r\n /** Boolean for setting autocomplete on the input field */\r\n disableAutoComplete: PropTypes.bool,\r\n};\r\n\r\nconst DefaultSearchTableDropdownApi = ({\r\n columns,\r\n numberOfVisibleRows,\r\n className,\r\n menuClassName,\r\n disabled,\r\n errorText,\r\n id,\r\n intl,\r\n isOpen,\r\n isValid,\r\n label,\r\n maxLength,\r\n onBlur,\r\n onChange,\r\n onSearch,\r\n onClear,\r\n onKeyDown,\r\n onFocus,\r\n onSelectResult,\r\n placeholder,\r\n resultsApiModel,\r\n setWrapperRef,\r\n wrapperRef,\r\n showSearchButton,\r\n isOptionSelected,\r\n toggleDrawer,\r\n tooltip,\r\n value,\r\n width,\r\n usePortalMenu,\r\n shouldDisableMenuOption,\r\n}) => {\r\n // only open if focused and user has typed at least the acceptable number of characters\r\n const _shouldOpenMenu = isOpen && isSearchCharLengthValid(value);\r\n return (\r\n \r\n \r\n
,\r\n { autoClose: 15000 },\r\n );\r\n });\r\n\r\n responseForPopUp.failureMessageDto.length > 0 &&\r\n responseForPopUp.failureMessageDto.forEach((ele) =>\r\n toast.error(\r\n \r\n
,\r\n { autoClose: 15000 },\r\n ),\r\n );\r\n};\r\n\r\nexport const addElementForCopyFormula =\r\n ({ elementId }) =>\r\n (dispatch, getState) => {\r\n const {\r\n ui: {\r\n statementPage: {\r\n statementNavigatorPanel: { elementSearchResults },\r\n },\r\n },\r\n data: {\r\n statementContent: { elementCache },\r\n copyFormula: { tableMatrix },\r\n },\r\n } = getState();\r\n if (tableMatrix[elementId]) {\r\n if (elementCache.getElement({ elementId })) {\r\n dispatch(\r\n addElementToCopyFormulaSelectionAction({\r\n element: elementCache.getElement({ elementId }),\r\n }),\r\n );\r\n } else {\r\n // Try and get this element from element search result if not in elementcache\r\n dispatch(\r\n addElementToCopyFormulaSelectionAction({\r\n element: elementSearchResults.getElement({ elementId }),\r\n }),\r\n );\r\n }\r\n dispatch(\r\n selectElementContentPanel({\r\n elementIds: [elementId],\r\n color: ELEMENT_HIGHLIGHT_STATES.SELECTED_FOR_COPY_FORMULA,\r\n }),\r\n );\r\n }\r\n };\r\n\r\n//get the flattened structure of selected table, used for calculating new positions while pasting formula.\r\nexport const getTableMatrix = (table) => (dispatch, getstore) => {\r\n const elementCache = getstore().data.statementContent.elementCache;\r\n const dataTable = [];\r\n const rows = table.querySelectorAll('tr');\r\n let rowCounter = 0;\r\n let maxColumnValue = 0;\r\n rows.forEach((row) => {\r\n const tags = row.querySelectorAll(\"*[id*='CFTO_ELEMENT_']\"); //select tags which are elements\r\n if (tags.length > 0) {\r\n Array.from(tags).forEach((t) => {\r\n let columnValue =\r\n !isNullOrUndefined(elementCache[t.getAttribute('data-section-id')]) &&\r\n elementCache[t.getAttribute('data-section-id')].data.elements[\r\n t.getAttribute('data-element-id')\r\n ].data.columnNum;\r\n // I thought if I can calculate max column value here only, then I can simply pass this as\r\n // a parameter to 'removeUnwantedColumn' and this way I can skip additional computations\r\n // for calculating the total number of columns in a original table, inside 'removeUnwantedColumn'\r\n // function.\r\n maxColumnValue =\r\n maxColumnValue < columnValue ? columnValue : maxColumnValue;\r\n dataTable[t.getAttribute('data-element-id')] = {\r\n elementId: t.getAttribute('data-element-id'),\r\n value: t.innerText,\r\n row: rowCounter,\r\n column: columnValue,\r\n };\r\n });\r\n rowCounter++;\r\n }\r\n });\r\n return removeUnwantedColumn(dataTable, maxColumnValue);\r\n};\r\n\r\n// getting Table where selected element exist within the tables based on sectionId\r\nexport const getCurrentOCRTable = (elementDetails) => (dispatch, getState) => {\r\n const state = getState();\r\n const { ocrCache } = state.data.statementContent.sectionsCache;\r\n const { sectionId, coordinatesInInches } = elementDetails;\r\n const elementsTable =\r\n ocrCache.get(sectionId) &&\r\n ocrCache.get(sectionId).data &&\r\n ocrCache.get(sectionId).data.ocr &&\r\n ocrCache.get(sectionId).data.ocr.tables;\r\n\r\n // checking the whether element polygon is exist in table based on sectionId of Element if it is exist it will return respective table else return false\r\n const currentTableData = elementsTable.find((table) => {\r\n const [x1, y1, , , x3, y3] = JSON.parse(coordinatesInInches);\r\n const [tx1, ty1, , , tx3, ty3] = table.bounding_regions[0].polygon;\r\n const { innerRectangleLiesWithinOuterRectangle } =\r\n checkIfPolygonIsInsideAnotherPolygon(tx1, ty1, tx3, ty3, x1, y1, x3, y3);\r\n if (innerRectangleLiesWithinOuterRectangle) {\r\n return table;\r\n }\r\n });\r\n\r\n return { sectionId, currentTable: currentTableData };\r\n};\r\n\r\n// getting OCR table matrix data based selected elements Table\r\nexport const getOcrTableMatrix = (table) => (dispatch, getState) => {\r\n const { sectionId, currentTable } = table;\r\n const elementCache = getState().data.statementContent.elementCache;\r\n const currentTableBoundingRegion =\r\n currentTable &&\r\n currentTable.bounding_regions[0] &&\r\n currentTable.bounding_regions[0].polygon;\r\n // filtering table elements list by selected element id's sectionId\r\n const currentTablesSectionElements = Object.values(\r\n elementCache.getSection(sectionId).data.elements,\r\n );\r\n\r\n const elementsOnly = currentTablesSectionElements.filter((element) => {\r\n const { coordinatesInInches } = element;\r\n const [x1, y1, , , x3, y3] = JSON.parse(coordinatesInInches);\r\n const [tx1, ty1, , , tx3, ty3] = currentTableBoundingRegion;\r\n const { innerRectangleLiesWithinOuterRectangle } =\r\n checkIfPolygonIsInsideAnotherPolygon(tx1, ty1, tx3, ty3, x1, y1, x3, y3);\r\n if (innerRectangleLiesWithinOuterRectangle) {\r\n return element;\r\n }\r\n });\r\n\r\n // grouping the elements by column in wise the current table\r\n const groupingElementsByColumn = elementsOnly.reduce(\r\n (element, currentElement) => {\r\n const column = currentElement.columnNum;\r\n if (!element[column]) {\r\n element[column] = [];\r\n }\r\n element[column].push(currentElement);\r\n return element;\r\n },\r\n {},\r\n );\r\n\r\n // forming the tablematrix data based on grouped column data\r\n let tableMatrix = [];\r\n\r\n for (let key in groupingElementsByColumn) {\r\n let rowCount = 0;\r\n let entries = groupingElementsByColumn[key];\r\n entries.forEach((entry) => {\r\n let transformedObject = {\r\n elementId: entry.id.toString(),\r\n value: entry.display,\r\n row: rowCount,\r\n column: entry.columnNum,\r\n };\r\n tableMatrix[entry.id] = transformedObject;\r\n rowCount++;\r\n });\r\n }\r\n\r\n return tableMatrix;\r\n};\r\n","import ApiModel from 'models/api-model';\r\nimport { isNullOrUndefined } from 'utils/object-utils';\r\n\r\nexport const OCR_DOC_TYPE = 2;\r\nexport default class SelectedStatement extends ApiModel({\r\n data: {\r\n statement: null,\r\n readOnlyOverride: false,\r\n },\r\n}) {\r\n get statement() {\r\n if (!isNullOrUndefined(this.data)) {\r\n return this.data.statement;\r\n }\r\n return null;\r\n }\r\n\r\n get isOCR() {\r\n return (\r\n this.data.statement &&\r\n this.data.statement.documentProcessType === OCR_DOC_TYPE\r\n );\r\n }\r\n\r\n get isCftEnabled() {\r\n return this.data.statement && this.data.statement.isCftEnabled;\r\n }\r\n\r\n get dpi() {\r\n return this.data.statement && this.data.statement.dpi;\r\n }\r\n\r\n isInitialized() {\r\n return !isNullOrUndefined(this.data.statement);\r\n }\r\n\r\n processResponse(response) {\r\n return { data: response };\r\n }\r\n\r\n setReadOnlyOverride(readOnly) {\r\n this.readOnlyOverride = readOnly;\r\n }\r\n\r\n isPendingApproval() {\r\n try {\r\n return this.data.statement.isPendingApproval();\r\n } catch (error) {\r\n return false;\r\n }\r\n }\r\n\r\n isWrappedUp() {\r\n try {\r\n return this.data.statement.isWrappedUp();\r\n } catch (error) {\r\n return false;\r\n }\r\n }\r\n\r\n isSoftDeleted() {\r\n try {\r\n return this.data.statement.isSoftDeleted();\r\n } catch (error) {\r\n return false;\r\n }\r\n }\r\n\r\n statementIsOldRevisions() {\r\n try {\r\n return (\r\n this.data.statement.revisionNumber < this.data.statement.latestRevision\r\n );\r\n } catch (error) {\r\n return false;\r\n }\r\n }\r\n\r\n isReadOnly() {\r\n try {\r\n return (\r\n this.data.statement.isSoftDeleted() ||\r\n this.data.statement.isInArchivalFlow() ||\r\n this.data.readOnlyOverride\r\n );\r\n } catch (error) {\r\n return false;\r\n }\r\n }\r\n\r\n isSideBySideMenuDisabled() {\r\n try {\r\n return (\r\n this.data.statement.isPendingApproval() ||\r\n this.data.statement.isWrappedUp() ||\r\n this.isReadOnly()\r\n );\r\n } catch (error) {\r\n return false;\r\n }\r\n }\r\n}\r\n","import { withDefaultContextAsSelectedProject } from './api-default-context';\r\nimport { getStatementIdUtil } from 'utils/statement-export-utils';\r\n\r\nexport const getRevisionsSectionsRequest = ({\r\n statementId,\r\n revisionId,\r\n onlyBookmarkSection = true,\r\n asTreeList = false,\r\n\r\n // for pages like side by side, we want to fetch section values for different (other than selected project) project,\r\n // hence we can pass context key and context value to make api call in desired project geo.\r\n\r\n // If context key is not passed, then by default call will be made in selected project geo\r\n contextKeyForApiCall,\r\n contextValue,\r\n}) =>\r\n withDefaultContextAsSelectedProject({\r\n contextKey: contextKeyForApiCall,\r\n contextValue,\r\n }).get(\r\n `/tieout/statements/${getStatementIdUtil(\r\n statementId,\r\n )}/revisions/${revisionId}/sections`,\r\n {\r\n params: {\r\n bookmarkSection: onlyBookmarkSection ? 1 : 0,\r\n treeList: asTreeList ? 1 : 0,\r\n },\r\n },\r\n );\r\n\r\nexport const updateRevisionsSectionRequest = (\r\n revisionId,\r\n sectionId,\r\n sectionName,\r\n entity,\r\n) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/section`,\r\n {\r\n sectionId: sectionId,\r\n sectionName: sectionName,\r\n entity: entity,\r\n },\r\n );\r\n\r\nexport const deleteRevisionsSectionRequest = (\r\n revisionId,\r\n sectionId,\r\n sectionName,\r\n sectionReviewed,\r\n) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/section/delete`,\r\n {\r\n sectionId: sectionId,\r\n sectionName: sectionName,\r\n sectionReviewed: sectionReviewed,\r\n },\r\n );\r\n\r\nexport const reviewSectionRequest = (\r\n revisionId,\r\n sectionId,\r\n isSectionAlreadyReviewed,\r\n) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/sections/${sectionId}/reviews/add/reviewstatus/${\r\n isSectionAlreadyReviewed ? 1 : 0\r\n }`,\r\n );\r\n\r\nexport const deleteReviewSectionRequest = (\r\n revisionId,\r\n sectionId,\r\n isSectionAlreadyReviewed,\r\n) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/sections/${sectionId}/reviews/delete/reviewstatus/${\r\n isSectionAlreadyReviewed ? 1 : 0\r\n }`,\r\n );\r\n\r\nexport const getSectionReviewersRequest = ({\r\n revisionId,\r\n contextKey,\r\n contextValue,\r\n statementId,\r\n}) =>\r\n // for side by side page we want to make request in other project than currently selected project, so we need context key and value\r\n withDefaultContextAsSelectedProject({ contextKey, contextValue }).get(\r\n `/tieout/statements/${getStatementIdUtil(\r\n statementId,\r\n )}/revisions/${revisionId}/reviews`,\r\n );\r\n\r\nexport const getSectionHistoryRequest = ({ revisionId, sectionId }) => {\r\n return withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/sections/${sectionId}/history`,\r\n );\r\n};\r\n\r\nexport const getSectionAssignments = ({ revisionId, sectionId }) => {\r\n return withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/sections/${sectionId}/assignments`,\r\n );\r\n};\r\n\r\nexport const createRevisionSectionAssignment = ({\r\n revisionId,\r\n sectionId,\r\n userIds,\r\n}) => {\r\n return withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/assignments`,\r\n {\r\n revisionId: revisionId,\r\n sectionId: sectionId,\r\n userIds: userIds,\r\n },\r\n );\r\n};\r\n\r\nexport const getAllSectionAssignments = ({ revisionId, statementId }) => {\r\n return withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${getStatementIdUtil(\r\n statementId,\r\n )}/revisions/${revisionId}/assignments`,\r\n );\r\n};\r\n\r\nexport const getElementsCountBySectionID = ({ revisionId, sectionId }) => {\r\n return withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/sections/${sectionId}/summary/elements`,\r\n );\r\n};\r\n\r\nexport const getNotesCountBySectionID = ({ revisionId, sectionId }) => {\r\n return withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/sections/${sectionId}/summary/notes`,\r\n );\r\n};\r\n","import { createAction } from 'redux-actions';\r\n\r\nimport { getStatementRequest } from 'api/statement-api';\r\nimport { chatBotPushIndexRequest } from 'api/chatbot-api';\r\nimport Statement from 'models/data/statement-model';\r\nimport { fetchRevision } from 'store/actions/revision-actions';\r\nimport { FEATURE_NAMES } from 'constants/feature-flag-constants';\r\nimport { setIsComfortLetterEnabledAction } from './statement-summary/statement-summary-actions';\r\nimport { resetZoom } from './zoom-actions';\r\n\r\nexport const selectedStatementLoading = createAction(\r\n 'SELECTED_STATEMENT_LOADING',\r\n);\r\nexport const chatBotPushIndexLoading = createAction(\r\n 'CHAT_BOT_PUSH_INDEX_LOADING',\r\n);\r\nexport const selectedStatementLoaded = createAction(\r\n 'SELECTED_STATEMENT_LOADED',\r\n);\r\nexport const chatBotPushIndexLoaded = createAction(\r\n 'CHAT_BOT_PUSH_INDEX_LOADED',\r\n);\r\nexport const selectedStatementError = createAction('SELECTED_STATEMENT_ERROR');\r\nexport const chatBotPushIndexError = createAction('CHAT_BOT_PUSH_INDEX_ERROR');\r\nexport const clearSelectedStatement = createAction('CLEAR_SELECTED_STATEMENT');\r\n\r\nexport const fetchSelectedStatement =\r\n ({ revisionId, statementId }) =>\r\n async (dispatch, getState) => {\r\n try {\r\n dispatch(selectedStatementLoading());\r\n const { data: statementData } = await getStatementRequest(statementId);\r\n const statement = new Statement(statementData);\r\n await dispatch(fetchRevision(revisionId));\r\n dispatch(setIsComfortLetterEnabledAction(statement.isCftEnabled));\r\n const { revision } = getState().data;\r\n\r\n const isLatestRevision =\r\n revision.revisionNumber === statement.latestRevision;\r\n dispatch(\r\n selectedStatementLoaded({\r\n statement,\r\n readOnlyOverride: revision.readOnly || !isLatestRevision,\r\n }),\r\n );\r\n dispatch(resetZoom());\r\n } catch (error) {\r\n dispatch(selectedStatementError(error));\r\n }\r\n };\r\n\r\nexport const chatBotPushIndex =\r\n ({ revisionId, statementId }) =>\r\n async (dispatch, getState) => {\r\n try {\r\n dispatch(chatBotPushIndexLoading());\r\n const { name } = await chatBotPushIndexRequest();\r\n dispatch(\r\n chatBotPushIndexLoaded({\r\n name,\r\n }),\r\n );\r\n } catch (error) {\r\n dispatch(chatBotPushIndexError(error));\r\n }\r\n };\r\n\r\nexport const checkIfFeatureFlagEnabled =\r\n ({ featureName }) =>\r\n (dispatch, getState) => {\r\n const { selectedStatement, featureInfo, selectedProject } =\r\n getState().data || {};\r\n const selectedStatementData =\r\n selectedStatement &&\r\n selectedStatement.data &&\r\n selectedStatement.data.statement;\r\n const selectedProjectGeo =\r\n selectedProject &&\r\n selectedProject.project &&\r\n selectedProject.project.geoCode;\r\n switch (featureName) {\r\n case FEATURE_NAMES.CARRY_FORWARD_META_DATA_DISABLED:\r\n return !featureInfo.getCarryForwardMetaDataEnabled(selectedProjectGeo);\r\n case FEATURE_NAMES.TECH_SUPPORT_STATEMENT_ACCESS_ENABLED:\r\n return featureInfo.getTechSupportStatementAccessEnabled(\r\n selectedProjectGeo,\r\n );\r\n case FEATURE_NAMES.SIDE_BY_SIDE_STATEMENT_ELEMENTS_MAP:\r\n return (\r\n window.TIEOUT &&\r\n window.TIEOUT.ENV &&\r\n window.TIEOUT.ENV.FEATURE &&\r\n window.TIEOUT.ENV.FEATURE.ENABLE_SIDE_BY_SIDE_STATEMENT_ELEMENTS_MAP\r\n );\r\n case FEATURE_NAMES.COMFORT_ASSIGNED_FEATURE:\r\n case FEATURE_NAMES.COMFORT_LETTER_FEATURE:\r\n return selectedStatementData && selectedStatementData.comfortLetter; // We are maintaining a common flag to enable/disable comfort letter and comfort assigned(comfortAssign)\r\n case FEATURE_NAMES.STATEMENT_PDF_UPLOAD_ENABLED:\r\n return featureInfo.getOCREnabled(selectedProjectGeo);\r\n case FEATURE_NAMES.CHATBOT_ENABLED:\r\n return (\r\n featureInfo.getChatBotEnabled(selectedProjectGeo) &&\r\n selectedProject.project.chatbotEnabled\r\n );\r\n default:\r\n return true;\r\n }\r\n };\r\n","import { createAction } from 'redux-actions';\r\nimport { fetchAllSectionRenderingData } from './statement-content-actions';\r\nimport { isElementReportPreviewPage } from 'utils/ocr-annotation-utils';\r\nimport { fetchAllOCRSectionRenderingData } from './statement-content-actions-ocr';\r\n\r\nexport const showStatusAndFlagAction = createAction(\r\n 'SHOW_STATUS_AND_FLAG_ACTION',\r\n);\r\n\r\nexport const hideStatusAndFlagAction = createAction(\r\n 'HIDE_STATUS_AND_FLAG_ACTION',\r\n);\r\n\r\nexport const showElementIdAction = createAction(\r\n 'SHOW_ELEMENT_ID_FOR_PREVIEW_PAGE_ACTION',\r\n);\r\n\r\nexport const hideElementIdAction = createAction(\r\n 'HIDE_ELEMENT_ID_FOR_PREVIEW_PAGE_ACTION',\r\n);\r\n\r\nexport const enableRefreshIconAction = createAction(\r\n 'ENABLE_REFRESH_ICON_FOR_PREVIEW_PAGE_ACTION',\r\n);\r\n\r\nexport const disableRefreshIconAction = createAction(\r\n 'DISABLE_REFRESH_ICON_FOR_PREVIEW_PAGE_ACTION',\r\n);\r\n\r\nexport const setFirstElementVisibleInViewPort = createAction(\r\n 'SET_FIRST_ELEMENT_VISIBLE_IN_VIEW_PORT',\r\n);\r\n\r\nexport const resetFirstElementVisibleInViewPort = createAction(\r\n 'RESET_FIRST_ELEMENT_VISIBLE_IN_VIEW_PORT',\r\n);\r\n\r\nexport const toggleSyncScrolling = createAction('TOGGLE_SYNC_SCROLLING');\r\nexport const setSyncScrolling = createAction('SET_SYNC_SCROLLING');\r\nexport const resetSyncScrolling = createAction('RESET_SYNC_SCROLLING');\r\n\r\nexport const fetchSectionContent = (sectionsInView) => (dispatch, getState) => {\r\n const isReportPreviewPage = isElementReportPreviewPage(\r\n window.location.pathname,\r\n );\r\n Array.isArray(sectionsInView) &&\r\n sectionsInView.forEach((sectionId) =>\r\n dispatch(\r\n fetchAllSectionRenderingData({ sectionId, isReportPreviewPage }),\r\n ),\r\n );\r\n};\r\n\r\nexport const fetchOCRSectionContent =\r\n (sectionMetaDataList) => (dispatch, getState) => {\r\n Array.isArray(sectionMetaDataList) &&\r\n sectionMetaDataList.forEach((sectionMetaData) =>\r\n dispatch(fetchAllOCRSectionRenderingData({ sectionMetaData })),\r\n );\r\n };\r\n\r\nexport const setFirstElementVisibleInViewPortAction =\r\n (isOCRStatement) => (dispatch, getState) => {\r\n const allElementIds = [];\r\n const leftView = document.getElementById(\r\n 'report-preview-page-left-panel-id__left-preview-html',\r\n );\r\n const ocrLeftView = document.getElementById(\r\n 'statement-content-panel-ocr__document-id',\r\n );\r\n const { sectionsInView } = getState().ui && getState().ui.statementPage;\r\n const view = isOCRStatement ? ocrLeftView : leftView;\r\n const leftViewBoundary = view && view.getBoundingClientRect();\r\n const sectionName = isOCRStatement\r\n ? 'statement-content-panel-page-'\r\n : 'REACT_SECTION_';\r\n for (let i of sectionsInView.sectionIds) {\r\n const id = `${sectionName}${i}`;\r\n const section = document.getElementById(id);\r\n if (section) {\r\n const elements = section.querySelectorAll('[id^=CFTO_ELEMENT_]');\r\n allElementIds.push(...elements);\r\n }\r\n }\r\n const viewPortElement = allElementIds.filter((element) => {\r\n if (element) {\r\n const boundary = element.getBoundingClientRect();\r\n return (\r\n boundary.top >= leftViewBoundary.top &&\r\n boundary.bottom <= leftViewBoundary.bottom\r\n );\r\n }\r\n });\r\n\r\n if (viewPortElement.length) {\r\n if (isOCRStatement) {\r\n const sortedElement = viewPortElement.sort((a, b) => {\r\n const posA = a.getBoundingClientRect().top;\r\n const posB = b.getBoundingClientRect().top;\r\n return posA - posB;\r\n });\r\n const firstViewPortElementId = parseInt(\r\n sortedElement[0].id.replace(/\\D/g, ''),\r\n );\r\n dispatch(setFirstElementVisibleInViewPort(firstViewPortElementId));\r\n } else {\r\n const firstViewPortElementId = viewPortElement[0].dataset.elementId;\r\n dispatch(setFirstElementVisibleInViewPort(firstViewPortElementId));\r\n }\r\n }\r\n };\r\n\r\nexport const onToggleSyncScroll = () => (dispatch, getState) => {\r\n const { isSyncScrollingEnabled } = getState().ui.previewPage;\r\n if (isSyncScrollingEnabled) {\r\n dispatch(resetFirstElementVisibleInViewPort());\r\n }\r\n dispatch(toggleSyncScrolling());\r\n};\r\n","import { TooltipOptions } from 'models/utils/common/tooltip-options-model';\r\nimport { MenuOption } from 'models/utils/common/menu/menu-option-model';\r\nimport { getUserNameByUserData } from 'utils/statement-content-page-utils';\r\n\r\nexport const SIGN_OFF_HISTORY_OPTIONS = {\r\n REVIEW: 'REVIEW',\r\n UNREVIEW: 'UNREVIEW',\r\n LABEL_UPDATED: 'LABEL_UPDATED',\r\n ENTITY_UPDATED: 'ENTITY_UPDATED',\r\n CREATE: 'CREATE',\r\n ASSIGN_TO: 'ASSIGN_TO',\r\n ASSIGN_BY: 'ASSIGN_BY',\r\n UNASSIGN_TO: 'UNASSIGN_TO',\r\n UNASSIGN_BY: 'UNASSIGN_BY',\r\n UNASSIGN_ALL: 'UNASSIGN_ALL',\r\n};\r\n\r\nexport const reviewInfoButtonTooltip = (event) =>\r\n new TooltipOptions({\r\n text: 'section-details.status.review.information',\r\n id: 'section-details.info.button-verify-tooltip-id',\r\n position: 'bottom',\r\n event: event,\r\n });\r\nexport const hoverReviewTooltip = new TooltipOptions({\r\n text: 'section-details.status.review.checkbox.tooltip',\r\n id: 'section-details.checkbox.review-tooltip-id',\r\n position: 'left',\r\n});\r\nexport const SYSTEM_USER_NAME = 'System';\r\nexport const SECTION_HIGHLIGHT_STATES = {\r\n DEFAULT: 'default',\r\n CREATED_NAV: 'created-nav',\r\n PANEL_SELECTED: 'panel-selected',\r\n};\r\n\r\nexport const getUserMenuOptions = (users, assignedUsers) => {\r\n return users.map(\r\n (user) =>\r\n new MenuOption({\r\n id: user.id,\r\n title: getUserNameByUserData(user.id, users),\r\n value: user,\r\n isIntl: false,\r\n disabled: user.id in assignedUsers ? true : false,\r\n }),\r\n );\r\n};\r\n","import React from 'react';\r\n\r\nconst LOADING_BLOCK = 'loading';\r\n\r\nconst Loading = () => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Loading;\r\n","import { createAction } from 'redux-actions';\r\nimport {\r\n cancelReportIdProcessingRequest,\r\n fetchToolkitReportList,\r\n} from 'api/statement-list-api';\r\nimport { LEFT_PANELS } from 'constants/feature/panel-constants';\r\nimport {\r\n toggleExportPanel,\r\n toggleSubPanelWithinExport,\r\n} from './panel-controller-actions';\r\nimport {\r\n downloadReportFromGuidApiSelector,\r\n downloadReportNotification,\r\n getExportReportType,\r\n NOTIFICATION_TYPE,\r\n} from 'utils/statement-content-page-utils';\r\nimport {\r\n REPORT_DOWNLOAD_PROCESSING,\r\n REPORT_DOWNLOAD_PROCESSED,\r\n REPORT_DOWNLOAD_FAILED,\r\n} from '../../models/api/toolkit-export-download-list-model';\r\nimport { REPORT_TYPES } from 'store/actions/statement-list/statement-list-actions';\r\n\r\nexport const setDownloadData = createAction('SET_SINGLE_DOWNLOAD_DATA');\r\nexport const setDownloadListData = createAction('SET_DOWNLOAD_LIST_DATA');\r\nexport const updateDownloadStatus = createAction('UPDATE_DOWNLOAD_STATUS');\r\n\r\nexport const setDownloadDataLoading = createAction('DOWNLOAD_DATA_LOADING');\r\nexport const setDownloadDataLoaded = createAction('DOWNLOAD_DATA_LOADED');\r\nexport const setDownloadDataError = createAction('DOWNLOAD_DATA_ERROR');\r\nexport const clearDownloadData = createAction('CLEAR_DOWNLOAD_DATA');\r\n\r\n// To set loading, loaded, error for single reports\r\nexport const setReportIdLoading = createAction('REPORT_ID_LOADING_ACTION');\r\nexport const setReportIdLoaded = createAction('REPORT_ID_LOADED_ACTION');\r\nexport const setReportIdError = createAction('REPORT_ID_ERROR_ACTION');\r\nexport const updateFlagUserDownloadedReportStatus = createAction(\r\n 'UPDATE_FLAG_USER_DOWNLOADED_REPORT_STATUS',\r\n);\r\n\r\nexport const showDownloadTabInsideExport = () => (dispatch, getState) => {\r\n const {\r\n ui: {\r\n statementPage: {\r\n panels: { left },\r\n },\r\n },\r\n } = getState();\r\n if (left !== LEFT_PANELS.EXPORT && left !== LEFT_PANELS.DOWNLOAD) {\r\n dispatch(toggleExportPanel(LEFT_PANELS.DOWNLOAD));\r\n } else if (left === LEFT_PANELS.EXPORT) {\r\n dispatch(toggleSubPanelWithinExport());\r\n }\r\n};\r\n\r\nexport const updateToolkitReportWithLoading =\r\n () => async (dispatch, getState) => {\r\n dispatch(setDownloadDataLoading());\r\n dispatch(updateReportWithLatestRecordWithoutLoading());\r\n };\r\n\r\nexport const updateReportWithLatestRecordWithoutLoading =\r\n () => async (dispatch, getState) => {\r\n const stateData = getState().data;\r\n const {\r\n revision: { id },\r\n toolkitExportPanel: { downloadProgressData },\r\n } = stateData;\r\n\r\n fetchToolkitReportList({ revisionId: id })\r\n .then((response) => {\r\n if (response && response.data && response.data.length > 0) {\r\n dispatch(setDownloadListData(response.data));\r\n }\r\n // if response is empty then set loaded with empty list\r\n else {\r\n dispatch(setDownloadDataLoaded());\r\n }\r\n })\r\n .catch((e) =>\r\n // We do not intend to block users activity for reports which is already available\r\n !(downloadProgressData && downloadProgressData.hasReports())\r\n ? dispatch(setDownloadDataError(e))\r\n : dispatch(setDownloadDataLoaded()),\r\n );\r\n };\r\n\r\nexport const cancelReportWithLoading =\r\n (reportId, name) => async (dispatch, getState) => {\r\n dispatch(setReportIdLoading({ id: reportId }));\r\n dispatch(cancelReportProcessingAction(reportId, name));\r\n };\r\n\r\nexport const cancelReportWithoutLoading =\r\n (reportId) => async (dispatch, getState) => {\r\n dispatch(cancelReportProcessingAction(reportId));\r\n };\r\n\r\nexport const cancelReportProcessingAction =\r\n (reportId, name) => async (dispatch, getState) => {\r\n const stateData = getState().data;\r\n const { revision } = stateData;\r\n try {\r\n await cancelReportIdProcessingRequest({\r\n revisionId: revision.id,\r\n reportId,\r\n reportName: name,\r\n });\r\n dispatch(\r\n updateDownloadStatus({\r\n id: reportId,\r\n downloadStatus: REPORT_DOWNLOAD_FAILED,\r\n downloadResponse: null,\r\n storageGuid: null,\r\n }),\r\n );\r\n } catch (e) {\r\n dispatch(setReportIdError({ id: reportId, error: e }));\r\n }\r\n };\r\n\r\n// This action method is to be called when we make an api call to send processing request\r\nexport const reportProcessingRequestAction =\r\n (response) => async (dispatch, getState) => {\r\n if (response.data.status === REPORT_DOWNLOAD_PROCESSING) {\r\n const reportType =\r\n response.data.reportType === REPORT_TYPES.AUDIT_TRAIL_REPORT\r\n ? `${REPORT_TYPES.AUDIT_TRAIL_REPORT} Trail`\r\n : response.data.reportType;\r\n response.data.reportType &&\r\n downloadReportNotification(reportType, NOTIFICATION_TYPE.SUCCESS);\r\n } else if (response.data.status === REPORT_DOWNLOAD_PROCESSED) {\r\n downloadReportNotification(undefined, NOTIFICATION_TYPE.PROCESSED);\r\n }\r\n dispatch(setDownloadData(response.data));\r\n };\r\n\r\n// This action method is designed to do upsert operation and I have tried my best to cover\r\n// all scenarios to choose whether to update or insert\r\nexport const downloadReportAction =\r\n (response) => async (dispatch, getState) => {\r\n const stateData = getState().data;\r\n const {\r\n toolkitExportPanel: { downloadProgressData },\r\n } = stateData;\r\n\r\n let modifiedResponse = {\r\n reportType: getExportReportType(response.reportType),\r\n id: response.reportId,\r\n downloadStatus: response.status,\r\n downloadResponse: response.byteDocument,\r\n storageGuid: response.storageGuid,\r\n revisionId: response.revisionId,\r\n fileName: response.fileName,\r\n // This might be a bit confusing. For BE, the field downlaodStatus is what we call userDownloadedReportStatus\r\n // and the field status is what we call downloadStatus. We need to interpret it correctly at our end.\r\n userDownloadedReportStatus: response.downloadedStatus,\r\n };\r\n try {\r\n // If downloadResponse already exists or byteDocument (byte code for report) already exists then\r\n // we do not want to make unnecessary api call for getting blob.\r\n // And we must have storage guid, in case we are making api calls for getting blob\r\n if (\r\n response.storageGuid &&\r\n response.status === REPORT_DOWNLOAD_PROCESSED &&\r\n !(\r\n (downloadProgressData &&\r\n downloadProgressData.hasReportId(response.reportId) &&\r\n downloadProgressData.getReportById(response.reportId)\r\n .downloadResponse) ||\r\n response.byteDocument\r\n )\r\n ) {\r\n let blobResponse = await downloadReportFromGuidApiSelector(\r\n modifiedResponse,\r\n );\r\n // eslint-disable-next-line require-atomic-updates\r\n response.downloadResponse = blobResponse;\r\n modifiedResponse.downloadResponse = blobResponse;\r\n }\r\n } catch (e) {\r\n // we do not want to show error pop up message for programs attempt to download report internally.\r\n // They can attempt again manually.\r\n console.error('error occured while downloading report internally', e);\r\n } finally {\r\n // finally block is required, since irrespective of, if the report download in the try block\r\n // was successfull or not, we want to update the status of report. The updated status will enable the\r\n // download icon, using which user can fire api call for downloading report.\r\n\r\n // if report already exists then update else insert new record\r\n if (\r\n downloadProgressData &&\r\n downloadProgressData.hasReportId(response.reportId) &&\r\n // we want to update only processing report and not already processed one\r\n downloadProgressData.getReportById(response.reportId).downloadStatus ===\r\n REPORT_DOWNLOAD_PROCESSING\r\n ) {\r\n let reportType =\r\n downloadProgressData &&\r\n downloadProgressData.hasReportId(response.reportId) &&\r\n downloadProgressData.getReportById(response.reportId).reportType;\r\n\r\n // Here we expect status to change from the following :\r\n // Processing to Processed\r\n // OR, Processing to Processing\r\n // OR, Processing to Failed\r\n await dispatch(updateDownloadStatus(modifiedResponse));\r\n\r\n // send notification to user about succesfull processing/download of report.\r\n // We want to show notification for, updates for which the old staus is processing\r\n // Irrespective of any report, the success notification is same, hence first argument for report type is undefined\r\n downloadProgressData.getReportById(response.reportId).downloadStatus ===\r\n REPORT_DOWNLOAD_PROCESSED &&\r\n downloadReportNotification(undefined, NOTIFICATION_TYPE.PROCESSED);\r\n\r\n reportType &&\r\n downloadProgressData.getReportById(response.reportId)\r\n .downloadStatus === REPORT_DOWNLOAD_FAILED &&\r\n downloadReportNotification(reportType, NOTIFICATION_TYPE.FAILURE);\r\n } else if (\r\n !(\r\n downloadProgressData &&\r\n downloadProgressData.hasReportId(response.reportId)\r\n )\r\n ) {\r\n dispatch(setDownloadData(response));\r\n }\r\n }\r\n };\r\n","import { MenuOption } from 'models/utils/common/menu/menu-option-model';\r\n\r\nexport const JOB_TYPES = {\r\n PPMD: 'PPMD',\r\n ENGAGEMENT_OWNER: 'Engagement Owner',\r\n OBSERVER: 'Observer',\r\n PREPARER_REVIEWER: 'Preparer/Reviewer',\r\n ADMIN: 'ADMIN',\r\n COE: 'COE',\r\n};\r\n\r\nexport const USER_ROLE_OPTIONS_MAP = {\r\n [JOB_TYPES.PREPARER_REVIEWER]: new MenuOption({\r\n id: 'manage-users-preparer-reviewer-option',\r\n title: 'common.user-roles.preparer-reviewer',\r\n value: JOB_TYPES.PREPARER_REVIEWER,\r\n }),\r\n [JOB_TYPES.ENGAGEMENT_OWNER]: new MenuOption({\r\n id: 'manage-users-engagement-owner-option',\r\n title: 'common.user-roles.engagement-owner',\r\n value: JOB_TYPES.ENGAGEMENT_OWNER,\r\n }),\r\n [JOB_TYPES.OBSERVER]: new MenuOption({\r\n id: 'manage-users-observer-option',\r\n title: 'common.user-roles.observer',\r\n value: JOB_TYPES.OBSERVER,\r\n }),\r\n [JOB_TYPES.PPMD]: new MenuOption({\r\n id: 'manage-users-ppmd-option',\r\n title: 'common.user-roles.ppmd',\r\n value: JOB_TYPES.PPMD,\r\n }),\r\n};\r\n","import { createAction } from 'redux-actions';\r\nimport { setElementSelectModeDefaultAction } from 'store/actions/modes-actions';\r\nimport {\r\n replaceSelectedElementsContentPanel,\r\n selectElementContentPanel,\r\n deallocateItems,\r\n} from 'store/actions/statement-content-actions';\r\nimport {\r\n getInternalReferenceByRevisionAndElementId,\r\n createOrAddToInternalReferenceRequest,\r\n detachElementFromInternalReferenceRequest,\r\n} from 'api/internal-reference-api';\r\n\r\nimport { updateCacheWithMostRecentElementChanges } from './element-changes-since-tracker-actions';\r\nimport { getElementDetailsWithoutLoading } from './element-panel-actions';\r\nimport { updateElementsSearchByIds } from 'store/actions/statement-navigator/elements-search-panel-actions';\r\nimport { ELEMENT_HIGHLIGHT_STATES } from 'constants/feature/tieout-element-constants';\r\nimport { updateElementCacheByCalloutAction } from './element-cache-actions';\r\n\r\nexport const setInternalReferenceLoading = createAction(\r\n 'INTERNAL_REFERENCE_LOADING',\r\n);\r\nexport const setInternalReferenceLoaded = createAction(\r\n 'INTERNAL_REFERENCE_LOADED',\r\n);\r\nexport const setInternalReferenceLoadedWithoutPayload = createAction(\r\n 'INTERNAL_REFERENCE_LOADED_WITHOUT_PAYLOAD',\r\n);\r\nexport const setInternalReferenceError = createAction(\r\n 'INTERNAL_REFERENCE_ERROR',\r\n);\r\n\r\nexport const clearInternalReferenceAction = createAction(\r\n 'CLEAR_INTERNAL_REFERENCE',\r\n);\r\n\r\nexport const updateInternalReferenceElementsFromSocketAction = createAction(\r\n 'UPDATE_INTERNAL_REFERENCE_ELEMENTS_FROM_SOCKET_ACTION',\r\n);\r\n\r\nexport const updateInternalReferenceFromSocketAction = createAction(\r\n 'UPDATE_INTERNAL_REFERENCE_FROM_SOCKET_ACTION',\r\n);\r\n\r\nexport const getElementInternalReference = () => async (dispatch, getState) => {\r\n dispatch(setInternalReferenceLoading());\r\n dispatch(getInternalReferenceWithoutLoading());\r\n};\r\n\r\nexport const getInternalReferenceWithoutLoading =\r\n () => async (dispatch, getState) => {\r\n try {\r\n const { elementDetails } = getState().data.elementPanel;\r\n const response = await getInternalReferenceByRevisionAndElementId({\r\n revisionId: elementDetails.revisionId,\r\n elementId: elementDetails.id,\r\n });\r\n dispatch(setInternalReferenceLoaded({ response }));\r\n } catch (error) {\r\n dispatch(setInternalReferenceError(error));\r\n }\r\n };\r\n\r\nexport const addElementToInternalReference =\r\n ({ targetElementId, isFromSuggestion }) =>\r\n async (dispatch, getState) => {\r\n const stateData = getState().data;\r\n const socketModel = getState().sockets;\r\n const { socketHasBeenDisconnected } = socketModel.statementSocket;\r\n const { elementDetails, internalReference } = stateData.elementPanel;\r\n const _clickedElementAlreadyApartOfIR =\r\n targetElementId.toString() === elementDetails.id.toString() ||\r\n internalReference.hasElement(targetElementId);\r\n if (_clickedElementAlreadyApartOfIR) {\r\n // do nothing if clicked owning element\r\n return;\r\n }\r\n\r\n dispatch(setInternalReferenceLoading());\r\n\r\n try {\r\n const response = await createOrAddToInternalReferenceRequest({\r\n revisionId: elementDetails.revisionId,\r\n sourceElementId: elementDetails.id,\r\n targetElementId,\r\n isFromSuggestion,\r\n });\r\n if (socketHasBeenDisconnected) {\r\n dispatch(getElementDetailsWithoutLoading(elementDetails.id));\r\n dispatch(setInternalReferenceLoaded({ response }));\r\n dispatch(\r\n updateElementsSearchByIds({ elementIds: [elementDetails.id] }),\r\n );\r\n dispatch(updateCacheWithMostRecentElementChanges());\r\n } else {\r\n setTimeout(() => {\r\n dispatch(setInternalReferenceLoadedWithoutPayload());\r\n }, 5000);\r\n }\r\n dispatch(\r\n updateElementCacheByCalloutAction({\r\n elementIds: [elementDetails.id, targetElementId],\r\n showCallout: true,\r\n }),\r\n );\r\n } catch (error) {\r\n dispatch(setInternalReferenceError(error));\r\n }\r\n };\r\n\r\nexport const detachElementFromInternalReference =\r\n ({ revisionId, internalReferenceId, elementId }) =>\r\n async (dispatch, getState) => {\r\n const { elementDetails } = getState().data.elementPanel;\r\n const socketModel = getState().sockets;\r\n const { socketHasBeenDisconnected } = socketModel.statementSocket;\r\n\r\n dispatch(setInternalReferenceLoading());\r\n\r\n try {\r\n await detachElementFromInternalReferenceRequest({\r\n revisionId: elementDetails.revisionId,\r\n internalReferenceId: internalReferenceId,\r\n elementId: elementId,\r\n });\r\n /**\r\n * We have to fetch the element again as its flaggging display may have changed\r\n * after a internal reference is successfully detached.\r\n */\r\n if (socketHasBeenDisconnected) {\r\n dispatch(getElementDetailsWithoutLoading(elementDetails.id));\r\n // Update the appropriate elements in the cache to remove their annotation.\r\n dispatch(updateCacheWithMostRecentElementChanges());\r\n // Finally update the internal reference based on the element in the element panel.\r\n const response = await getInternalReferenceByRevisionAndElementId({\r\n revisionId: elementDetails.revisionId,\r\n elementId: elementDetails.id,\r\n });\r\n dispatch(setInternalReferenceLoaded({ response }));\r\n dispatch(\r\n updateElementsSearchByIds({ elementIds: [elementDetails.id] }),\r\n );\r\n } else {\r\n setTimeout(() => {\r\n dispatch(setInternalReferenceLoadedWithoutPayload());\r\n }, 5000);\r\n }\r\n\r\n // Then update the highlighted elements on detach.\r\n dispatch(_updateElementHighlighting({ elementId: elementId }));\r\n } catch (error) {\r\n dispatch(setInternalReferenceError(error));\r\n }\r\n };\r\nconst _updateElementHighlighting =\r\n ({ elementId }) =>\r\n (dispatch, getState) => {\r\n const { elementDetails } = getState().data.elementPanel;\r\n // If it is not the element panel element, check if the element was highlighted before removing the highlight.\r\n if (elementId !== elementDetails.id) {\r\n const { selectedElementsMap } = getState().ui.statementPage;\r\n if (selectedElementsMap.has(elementId)) {\r\n dispatch(\r\n replaceSelectedElementsContentPanel({\r\n elementIds: [elementDetails.id],\r\n }),\r\n );\r\n }\r\n } else {\r\n // If the element was in fact the element panel element, simply set it as the only highlighted element.\r\n dispatch(\r\n replaceSelectedElementsContentPanel({\r\n elementIds: [elementDetails.id],\r\n }),\r\n );\r\n }\r\n };\r\n\r\nexport const clearInternalReference = () => (dispatch, getState) => {\r\n dispatch(clearInternalReferenceAction());\r\n const { elementDetails } = getState().data.elementPanel;\r\n dispatch(\r\n replaceSelectedElementsContentPanel({\r\n elementIds: [elementDetails.id],\r\n }),\r\n );\r\n dispatch(setElementSelectModeDefaultAction());\r\n};\r\n\r\nexport const selectElementFromInternalReference =\r\n ({ elementId }) =>\r\n (dispatch, getState) => {\r\n const { elementDetails } = getState().data.elementPanel;\r\n dispatch(deallocateItems());\r\n dispatch(\r\n replaceSelectedElementsContentPanel({\r\n elementIds: [elementId],\r\n color: ELEMENT_HIGHLIGHT_STATES.PANEL_SELECTED,\r\n }),\r\n );\r\n dispatch(\r\n selectElementContentPanel({\r\n elementIds: [elementDetails.id],\r\n color: ELEMENT_HIGHLIGHT_STATES.DEFAULT,\r\n }),\r\n );\r\n };\r\n","import {\r\n LEFT_VIEW_DOCUMENT_ID,\r\n RIGHT_VIEW_DOCUMENT_ID,\r\n SIDE_BY_SIDE_VIEW_LEGACY_COMBINATION_STATEMENT,\r\n} from 'constants/feature/statement-content-constants';\r\nimport { SCALE_ALTERATION } from 'constants/feature/statement-content-constants';\r\nimport { isBothLegacyOrOCRInSideBySideView } from 'store/actions/side-by-side-statement/side-by-side-statement-actions';\r\nimport { getStore } from 'store/store';\r\n\r\nconst STATEMENT_PAGE_PADDING = 16;\r\nconst SYNC_SCROLL_TIMEOUT = 2000;\r\n\r\nexport const onSyncScroll = (isUserScrollingLeftView) => {\r\n const {\r\n syncScrollIds,\r\n modes: { blacklineViewMode },\r\n } = getStore().getState().ui.statementPage;\r\n let leftView = !blacklineViewMode\r\n ? document.getElementById(syncScrollIds.sourceId)\r\n : document.getElementById(LEFT_VIEW_DOCUMENT_ID);\r\n let rightView = !blacklineViewMode\r\n ? document.getElementById(syncScrollIds.targetId)\r\n : document.getElementById(RIGHT_VIEW_DOCUMENT_ID);\r\n\r\n if (isUserScrollingLeftView && leftView && rightView) {\r\n rightView.scrollTop = leftView.scrollTop;\r\n } else {\r\n leftView.scrollTop = rightView.scrollTop;\r\n }\r\n};\r\n\r\nconst onScrollRightStatementPage = () => onSyncScroll(false);\r\nconst onScrollLeftStatementPage = () => onSyncScroll(true);\r\n\r\nexport const registerLeftScrollListeners = (leftView) => {\r\n leftView && leftView.addEventListener('scroll', onScrollLeftStatementPage);\r\n};\r\n\r\nexport const registerRightScrollListeners = (rightView) => {\r\n rightView && rightView.addEventListener('scroll', onScrollRightStatementPage);\r\n};\r\n\r\nexport const deRegisterLeftScrollListeners = (leftView) => {\r\n leftView && leftView.removeEventListener('scroll', onScrollLeftStatementPage);\r\n};\r\n\r\nexport const deRegisterRightScrollListeners = (rightView) => {\r\n rightView &&\r\n rightView.removeEventListener('scroll', onScrollRightStatementPage);\r\n};\r\n\r\nconst getElementPositionOnPage = (dpi, zoom, elementDetails) => {\r\n const scale = SCALE_ALTERATION * (150 / dpi);\r\n const scaleWithZoom = scale * zoom.zoomRatio;\r\n const [x, y] = JSON.parse(elementDetails.polygonInPixel);\r\n const elementY = y * scaleWithZoom;\r\n const elementX = x * scaleWithZoom;\r\n return { elementX, elementY };\r\n};\r\n\r\nexport const getTotalSectionHeight = (\r\n sectionId,\r\n isLegacyStatementsSelected = false,\r\n documentId,\r\n) => {\r\n const canvas =\r\n isLegacyStatementsSelected && documentId\r\n ? document.getElementById(documentId)\r\n : document.getElementById('canvas-1');\r\n const { height } = canvas.getBoundingClientRect();\r\n const heightOfOnePage = height + STATEMENT_PAGE_PADDING * 2;\r\n const totalPageHeight = heightOfOnePage * (sectionId - 1);\r\n return totalPageHeight;\r\n};\r\n\r\nexport const syncScrollIntoView = ({\r\n isSyncScrollingMode,\r\n rowTitle,\r\n elementDetails,\r\n zoom,\r\n dpi,\r\n}) => {\r\n const rightView = document.getElementById(RIGHT_VIEW_DOCUMENT_ID);\r\n const leftView = document.getElementById(LEFT_VIEW_DOCUMENT_ID);\r\n\r\n const totalPageHeight = getTotalSectionHeight(elementDetails.sectionId);\r\n const { elementX, elementY } = getElementPositionOnPage(\r\n dpi,\r\n zoom,\r\n elementDetails,\r\n );\r\n\r\n const top = totalPageHeight + elementY;\r\n const left = elementX - STATEMENT_PAGE_PADDING * 2;\r\n const options = { top, left, behavior: 'smooth' };\r\n\r\n if (isSyncScrollingMode) {\r\n deRegisterLeftScrollListeners(leftView);\r\n deRegisterRightScrollListeners(rightView);\r\n\r\n if (leftView && rightView) {\r\n leftView.scrollTo(options);\r\n rightView.scrollTo(options);\r\n }\r\n\r\n setTimeout(() => {\r\n registerLeftScrollListeners(leftView);\r\n registerRightScrollListeners(rightView);\r\n }, SYNC_SCROLL_TIMEOUT);\r\n } else {\r\n const isLeftSectionScroll = rowTitle === 'Deleted';\r\n const view = isLeftSectionScroll ? leftView : rightView;\r\n view.scrollTo(options);\r\n }\r\n};\r\n\r\nexport const syncSideBySideScrollIntoView = async ({\r\n sectionId,\r\n isLeftView,\r\n}) => {\r\n const {\r\n syncScrollIds,\r\n modes: { sideBySideSyncScroll },\r\n } = getStore().getState().ui.statementPage;\r\n const leftView = document.getElementById(syncScrollIds.sourceId);\r\n const rightView = document.getElementById(syncScrollIds.targetId);\r\n const isLegacyStatementsSelected =\r\n isBothLegacyOrOCRInSideBySideView() ===\r\n SIDE_BY_SIDE_VIEW_LEGACY_COMBINATION_STATEMENT;\r\n\r\n const documentId = isLeftView\r\n ? syncScrollIds.sourceId\r\n : syncScrollIds.targetId;\r\n const totalPageHeight = getTotalSectionHeight(\r\n sectionId,\r\n isLegacyStatementsSelected,\r\n documentId,\r\n );\r\n\r\n const top = totalPageHeight;\r\n const options = { top, behavior: 'smooth' };\r\n\r\n if (sideBySideSyncScroll) {\r\n deRegisterLeftScrollListeners(leftView);\r\n deRegisterRightScrollListeners(rightView);\r\n\r\n if (leftView && rightView) {\r\n leftView.scrollTo(options);\r\n rightView.scrollTo(options);\r\n }\r\n\r\n setTimeout(() => {\r\n registerLeftScrollListeners(leftView);\r\n registerRightScrollListeners(rightView);\r\n }, SYNC_SCROLL_TIMEOUT);\r\n }\r\n};\r\n","import { isNullOrUndefined } from 'utils/object-utils';\r\nimport ElementSelection from 'models/data/element-selection-model';\r\n\r\nconst HighlightOptions = {\r\n padding: 1,\r\n color: 'rgba(255, 230, 127,0.5)',\r\n baseColor: 'rgba(160, 220, 255, 0.6)',\r\n bookends: '#00A3E0',\r\n};\r\n\r\nconst getMinDistance = (word, point) => {\r\n let dx = Math.max(word[0] - point.x, 0, point.x - word[4]);\r\n let dy = Math.max(word[1] - point.y, 0, point.y - word[5]);\r\n return Math.sqrt(dx * dx + dy * dy);\r\n};\r\n\r\nconst getClosestWord = (x, y, ocr, metadata) => {\r\n let closest = {\r\n min: null,\r\n content: null,\r\n polygon: null,\r\n span: null,\r\n page: null,\r\n };\r\n if (!ocr) {\r\n return;\r\n }\r\n ocr.forEach(({ content, polygon, span }) => {\r\n const isInside =\r\n polygon[0] < x && x < polygon[4] && polygon[1] < y && y < polygon[5];\r\n let distance = 0;\r\n if (!isInside) {\r\n distance = getMinDistance(polygon, { x, y });\r\n }\r\n if ((closest.min === null || distance < closest.min) && distance < 15) {\r\n closest = {\r\n min: distance,\r\n content: content,\r\n polygon: polygon,\r\n span: span,\r\n page: metadata.sectionId,\r\n };\r\n }\r\n });\r\n return closest;\r\n};\r\n\r\nconst getText = (start, end, ocr) => {\r\n let firstIndex = ocr.findIndex(({ span }) => span.offset === start);\r\n let secondIndex = ocr.findIndex(({ span }) => span.offset === end);\r\n let characterRange = ocr.slice(firstIndex, secondIndex + 1);\r\n let text = '';\r\n characterRange.forEach(({ content }) => {\r\n text += content + ' ';\r\n });\r\n return { text, characterRange };\r\n};\r\n\r\nconst textBlockEnds = (firstElement, lastElement, canvas) => {\r\n //Thickness of bookends is based on the height of the text on the appropriate element\r\n let w1 = (firstElement.y2 - firstElement.y1) / 5;\r\n let w2 = (lastElement.y2 - lastElement.y1) / 5;\r\n const padding = HighlightOptions.padding;\r\n let ctx = canvas.getContext('2d');\r\n ctx.beginPath();\r\n ctx.fillStyle = HighlightOptions.bookends;\r\n //First bookend\r\n ctx.fillRect(\r\n firstElement.x1 - w1,\r\n firstElement.y1 - padding,\r\n w1,\r\n firstElement.y2 - firstElement.y1 + padding * 2,\r\n );\r\n ctx.arc(\r\n firstElement.x1 - w1 + w1 / 2,\r\n firstElement.y1 - w1 * 1.5,\r\n w1 * 1.5,\r\n 0,\r\n 2 * Math.PI,\r\n );\r\n ctx.fill();\r\n //Last bookend\r\n ctx.fillRect(\r\n lastElement.x2,\r\n lastElement.y1 - padding,\r\n w2,\r\n lastElement.y2 - lastElement.y1 + padding * 2,\r\n );\r\n ctx.arc(\r\n lastElement.x2 + w2 / 2,\r\n lastElement.y2 + w2 * 1.5,\r\n w2 * 1.5,\r\n 0,\r\n 2 * Math.PI,\r\n );\r\n ctx.fill();\r\n ctx.closePath();\r\n};\r\n\r\nconst renderSelection = (lines, canvas) => {\r\n const context = canvas.getContext('2d');\r\n context.fillStyle = HighlightOptions.baseColor;\r\n lines.forEach((line) => {\r\n let { x1, x2, y1, y2 } = line;\r\n context.beginPath();\r\n context.fillRect(\r\n x1,\r\n y1 - HighlightOptions.padding,\r\n x2 - x1,\r\n y2 - y1 + 2 * HighlightOptions.padding,\r\n );\r\n context.stroke();\r\n });\r\n if (lines.length) textBlockEnds(lines[0], lines[lines.length - 1], canvas);\r\n};\r\n\r\nconst processCharacterRangeAsTextLines = (characterRange) => {\r\n if (characterRange && characterRange.length > 0) {\r\n let lines = [];\r\n let currentLine = {\r\n x1: characterRange[0].polygon[0],\r\n x2: characterRange[0].polygon[4],\r\n y1: characterRange[0].polygon[1],\r\n y2: characterRange[0].polygon[5],\r\n };\r\n characterRange.forEach(({ polygon }) => {\r\n let line_grouping_percentage = 0.5;\r\n let height = currentLine.y2 - currentLine.y1;\r\n if (\r\n polygon[1] >= currentLine.y1 - height * line_grouping_percentage &&\r\n polygon[5] <= currentLine.y2 + height * line_grouping_percentage\r\n ) {\r\n currentLine = {\r\n x1: currentLine.x1,\r\n x2: polygon[4],\r\n y1: currentLine.y1 <= polygon[1] ? currentLine.y1 : polygon[1],\r\n y2: currentLine.y2 >= polygon[5] ? currentLine.y2 : polygon[5],\r\n };\r\n } else {\r\n lines.push(currentLine);\r\n currentLine = {\r\n x1: polygon[0],\r\n x2: polygon[4],\r\n y1: polygon[1],\r\n y2: polygon[5],\r\n };\r\n }\r\n });\r\n lines.push(currentLine);\r\n return lines;\r\n }\r\n return [];\r\n};\r\n\r\nconst highlightElement = (context, boundary, style, padding) => {\r\n if (style) {\r\n context.fillStyle = style;\r\n }\r\n context.fillRect(\r\n boundary[0],\r\n boundary[1],\r\n boundary[2] - boundary[0] + padding,\r\n boundary[5] - boundary[3],\r\n );\r\n};\r\n\r\nconst checkIfPolygonIsInsideAnotherPolygon = (\r\n parentX1,\r\n parentY1,\r\n parentX3,\r\n parentY3,\r\n childX1,\r\n childY1,\r\n childX3,\r\n childY3,\r\n table = false,\r\n) => {\r\n const minX = Math.min(parentX1, parentX3);\r\n const maxX = Math.max(parentX1, parentX3);\r\n const minY = Math.min(parentY1, parentY3);\r\n const maxY = Math.max(parentY1, parentY3);\r\n\r\n let innerRectangleIntersectsOuterRectangle =\r\n (childX1 >= minX &&\r\n childX1 <= maxX &&\r\n childY1 >= minY &&\r\n childY1 <= maxY) ||\r\n (childX3 >= minX &&\r\n childX3 <= maxX &&\r\n childY3 >= minY &&\r\n childY3 <= maxY) ||\r\n (childX1 >= minX &&\r\n childX1 <= maxX &&\r\n childY3 >= minY &&\r\n childY3 <= maxY) ||\r\n (childX3 >= minX && childX3 <= maxX && childY1 >= minY && childY1 <= maxY);\r\n\r\n let outerRectangleIntersectsInnerRectangle =\r\n (minX >= childX1 &&\r\n minX <= childX3 &&\r\n minY >= childY1 &&\r\n minY <= childY3) ||\r\n (minX >= childX1 &&\r\n minX <= childX3 &&\r\n maxY >= childY1 &&\r\n maxY <= childY3) ||\r\n (maxX >= childX1 &&\r\n maxX <= childX3 &&\r\n minY >= childY1 &&\r\n minY <= childY3) ||\r\n (maxX >= childX1 && maxX <= childX3 && maxY >= childY1 && maxY <= childY3);\r\n\r\n let innerRectangleLiesWithinOuterRectangle;\r\n\r\n if (table) {\r\n const tolerance = 2;\r\n innerRectangleLiesWithinOuterRectangle =\r\n childX1 >= parentX1 - tolerance &&\r\n childY1 >= parentY1 - tolerance &&\r\n childX3 <= parentX3 + tolerance &&\r\n childY3 <= parentY3 + tolerance;\r\n } else {\r\n innerRectangleLiesWithinOuterRectangle =\r\n childX1 < maxX && childX3 > minX && childY1 < maxY && childY3 > minY;\r\n }\r\n\r\n return {\r\n innerRectangleIntersectsOuterRectangle,\r\n outerRectangleIntersectsInnerRectangle,\r\n innerRectangleLiesWithinOuterRectangle,\r\n };\r\n};\r\n\r\nexport const checkIsArrayOfArrays = (arr) => {\r\n if (!Array.isArray(arr)) {\r\n return false;\r\n }\r\n return arr.every((element) => Array.isArray(element));\r\n};\r\n\r\nconst selectedElementInBatch = ({\r\n context,\r\n elementDetails,\r\n scale,\r\n batchUpdateCoordinates = {},\r\n batchUpdateElements = [],\r\n}) => {\r\n if (isNullOrUndefined(elementDetails)) {\r\n return null;\r\n } else if (\r\n batchUpdateCoordinates &&\r\n batchUpdateCoordinates.starting &&\r\n batchUpdateCoordinates.starting.x &&\r\n batchUpdateCoordinates.ending.x &&\r\n batchUpdateCoordinates.starting.y &&\r\n batchUpdateCoordinates.ending.y\r\n ) {\r\n const { coordinatesInPixel } = elementDetails;\r\n\r\n if (coordinatesInPixel && checkIsArrayOfArrays(coordinatesInPixel)) {\r\n coordinatesInPixel.forEach((coord) => {\r\n let polygonInPixel = coord.map((childCoord) => {\r\n return parseFloat(childCoord) * scale;\r\n });\r\n const {\r\n innerRectangleIntersectsOuterRectangle,\r\n outerRectangleIntersectsInnerRectangle,\r\n innerRectangleLiesWithinOuterRectangle,\r\n } = checkIfPolygonIsInsideAnotherPolygon(\r\n batchUpdateCoordinates.starting.x,\r\n batchUpdateCoordinates.starting.y,\r\n batchUpdateCoordinates.ending.x,\r\n batchUpdateCoordinates.ending.y,\r\n polygonInPixel[0],\r\n polygonInPixel[1],\r\n polygonInPixel[4],\r\n polygonInPixel[5],\r\n );\r\n if (\r\n innerRectangleIntersectsOuterRectangle ||\r\n outerRectangleIntersectsInnerRectangle ||\r\n innerRectangleLiesWithinOuterRectangle\r\n ) {\r\n batchUpdateElements.push(\r\n new ElementSelection({\r\n elementId: Number.parseInt(elementDetails.id),\r\n sectionId: Number.parseInt(elementDetails.sectionId),\r\n }),\r\n );\r\n }\r\n });\r\n } else if (coordinatesInPixel && coordinatesInPixel.length) {\r\n let polygonInPixel = coordinatesInPixel.map((coord) => {\r\n return parseFloat(coord) * scale;\r\n });\r\n const {\r\n innerRectangleIntersectsOuterRectangle,\r\n outerRectangleIntersectsInnerRectangle,\r\n innerRectangleLiesWithinOuterRectangle,\r\n } = checkIfPolygonIsInsideAnotherPolygon(\r\n batchUpdateCoordinates.starting.x,\r\n batchUpdateCoordinates.starting.y,\r\n batchUpdateCoordinates.ending.x,\r\n batchUpdateCoordinates.ending.y,\r\n polygonInPixel[0],\r\n polygonInPixel[1],\r\n polygonInPixel[4],\r\n polygonInPixel[5],\r\n );\r\n if (\r\n innerRectangleIntersectsOuterRectangle ||\r\n outerRectangleIntersectsInnerRectangle ||\r\n innerRectangleLiesWithinOuterRectangle\r\n ) {\r\n batchUpdateElements.push(\r\n new ElementSelection({\r\n elementId: Number.parseInt(elementDetails.id),\r\n sectionId: Number.parseInt(elementDetails.sectionId),\r\n }),\r\n );\r\n }\r\n }\r\n }\r\n};\r\n\r\nconst clearCanvas = (canvas) => {\r\n canvas.getContext('2d').clearRect(0, 0, canvas.width, canvas.height);\r\n};\r\n\r\n//Function to get mouse coordinates on mouse event\r\nconst getMouseCoordinates = (e, overlayCanvas) => {\r\n const canvas = overlayCanvas.current;\r\n return {\r\n x: e.clientX - canvas.getBoundingClientRect().left,\r\n y: e.clientY - canvas.getBoundingClientRect().top,\r\n };\r\n};\r\n\r\nexport {\r\n getMouseCoordinates,\r\n checkIfPolygonIsInsideAnotherPolygon,\r\n clearCanvas,\r\n getText,\r\n getClosestWord,\r\n renderSelection,\r\n highlightElement,\r\n processCharacterRangeAsTextLines,\r\n selectedElementInBatch,\r\n};\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { checkIfFeatureFlagEnabled } from 'store/actions/selected-statement-actions';\r\n\r\nexport const FeatureFlagComponent = ({\r\n name,\r\n children,\r\n fallback,\r\n checkIfFeatureFlagEnabled,\r\n}) => {\r\n const show = checkIfFeatureFlagEnabled({ featureName: name });\r\n\r\n if (show) return <>{children};\r\n else if (fallback) return <>{fallback};\r\n else return null;\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n checkIfFeatureFlagEnabled,\r\n};\r\n\r\nFeatureFlagComponent.propTypes = {\r\n // name of the feature\r\n name: PropTypes.string.isRequired,\r\n // component to be rendered if feature with mentioned name is enabled\r\n children: PropTypes.node,\r\n // fallback component if feature is not enabled and we want to render different component for that case\r\n fallback: PropTypes.node,\r\n // action method to check if feature flag is enabled for the feature with mentioned name\r\n checkIfFeatureFlagEnabled: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default connect(null, mapDispatchToProps)(FeatureFlagComponent);\r\n","import { MenuOption } from 'models/utils/common/menu/menu-option-model';\r\n\r\n// Backend ENUM ids\r\nexport const SCALING_TYPES = {\r\n ONES: 1,\r\n THOUSANDS: 2,\r\n MILLIONS: 3,\r\n BILLIONS: 4,\r\n TRILLIONS: 5,\r\n OTHER: 6,\r\n};\r\n\r\nexport const SCALING_OPTIONS_MAP = new Map();\r\nSCALING_OPTIONS_MAP.set(\r\n SCALING_TYPES.ONES,\r\n new MenuOption({\r\n id: SCALING_TYPES.ONES,\r\n title: 'element-panel.amount-attribute.scaling.option.ONES',\r\n value: SCALING_TYPES.ONES,\r\n })\r\n);\r\nSCALING_OPTIONS_MAP.set(\r\n SCALING_TYPES.THOUSANDS,\r\n new MenuOption({\r\n id: SCALING_TYPES.THOUSANDS,\r\n title: 'element-panel.amount-attribute.scaling.option.THOUSANDS',\r\n value: SCALING_TYPES.THOUSANDS,\r\n })\r\n);\r\nSCALING_OPTIONS_MAP.set(\r\n SCALING_TYPES.MILLIONS,\r\n new MenuOption({\r\n id: SCALING_TYPES.MILLIONS,\r\n title: 'element-panel.amount-attribute.scaling.option.MILLIONS',\r\n value: SCALING_TYPES.MILLIONS,\r\n })\r\n);\r\nSCALING_OPTIONS_MAP.set(\r\n SCALING_TYPES.BILLIONS,\r\n new MenuOption({\r\n id: SCALING_TYPES.BILLIONS,\r\n title: 'element-panel.amount-attribute.scaling.option.BILLIONS',\r\n value: SCALING_TYPES.BILLIONS,\r\n })\r\n);\r\nSCALING_OPTIONS_MAP.set(\r\n SCALING_TYPES.TRILLIONS,\r\n new MenuOption({\r\n id: SCALING_TYPES.TRILLIONS,\r\n title: 'element-panel.amount-attribute.scaling.option.TRILLIONS',\r\n value: SCALING_TYPES.TRILLIONS,\r\n })\r\n);\r\nSCALING_OPTIONS_MAP.set(\r\n SCALING_TYPES.OTHER,\r\n new MenuOption({\r\n id: SCALING_TYPES.OTHER,\r\n title: 'element-panel.amount-attribute.scaling.option.OTHER',\r\n value: SCALING_TYPES.OTHER,\r\n })\r\n);\r\n\r\nexport const SCALING_OPTIONS = Array.from(SCALING_OPTIONS_MAP.values());\r\n\r\n// Backend ENUM ids\r\nexport const UNIT_TYPES = {\r\n CURRENCY: 1,\r\n PERCENTAGE: 2,\r\n SHARES: 3,\r\n TEXT: 4,\r\n OTHER: 5,\r\n};\r\n\r\nexport const UNIT_OPTIONS_MAP = new Map();\r\nUNIT_OPTIONS_MAP.set(\r\n UNIT_TYPES.CURRENCY,\r\n new MenuOption({\r\n id: UNIT_TYPES.CURRENCY,\r\n title: 'element-panel.amount-attribute.unit.option.CURRENCY',\r\n value: UNIT_TYPES.CURRENCY,\r\n })\r\n);\r\nUNIT_OPTIONS_MAP.set(\r\n UNIT_TYPES.PERCENTAGE,\r\n new MenuOption({\r\n id: UNIT_TYPES.PERCENTAGE,\r\n title: 'element-panel.amount-attribute.unit.option.PERCENTAGE',\r\n value: UNIT_TYPES.PERCENTAGE,\r\n })\r\n);\r\nUNIT_OPTIONS_MAP.set(\r\n UNIT_TYPES.SHARES,\r\n new MenuOption({\r\n id: UNIT_TYPES.SHARES,\r\n title: 'element-panel.amount-attribute.unit.option.SHARES',\r\n value: UNIT_TYPES.SHARES,\r\n })\r\n);\r\nUNIT_OPTIONS_MAP.set(\r\n UNIT_TYPES.TEXT,\r\n new MenuOption({\r\n id: UNIT_TYPES.TEXT,\r\n title: 'element-panel.amount-attribute.unit.option.TEXT',\r\n value: UNIT_TYPES.TEXT,\r\n })\r\n);\r\nUNIT_OPTIONS_MAP.set(\r\n UNIT_TYPES.OTHER,\r\n new MenuOption({\r\n id: UNIT_TYPES.OTHER,\r\n title: 'element-panel.amount-attribute.unit.option.OTHER',\r\n value: UNIT_TYPES.OTHER,\r\n })\r\n);\r\n\r\nexport const UNIT_OPTIONS = Array.from(UNIT_OPTIONS_MAP.values());\r\n","import BaseModel from 'models/base-model';\r\nimport {\r\n STATEMENT_STATUS_LABELS,\r\n STATEMENT_STATUS_ENUM,\r\n} from 'constants/feature/statement-list-constants';\r\n\r\nexport default class Statement extends BaseModel({\r\n accountingBasis: null,\r\n originalAccountingBasis: null,\r\n archiveDate: null,\r\n clientEntity: null,\r\n clientId: null,\r\n fiscalYear: null,\r\n originalFiscalYear: null,\r\n hasBeenOpenedByUser: false,\r\n id: null,\r\n statementDisplayId: null,\r\n lastModifiedBy: null,\r\n lastModifiedDate: null,\r\n revisionId: null,\r\n revisionLastModifiedBy: null,\r\n revisionLastModifiedByName: null,\r\n revisionLastModifiedDate: null,\r\n revisionNumber: null,\r\n legalHoldDisabled: null,\r\n numElements: null,\r\n numElementsCompleted: null,\r\n percentageCompleted: null,\r\n periodEnding: null,\r\n originalPeriodEnding: null,\r\n quarter: null,\r\n originalQuarter: null,\r\n registrant: null,\r\n originalRegistrant: null,\r\n signedDate: null,\r\n signedUser: null,\r\n statementName: null,\r\n statementTypeId: null,\r\n originalStatementTypeId: null,\r\n status: null,\r\n type: null,\r\n originalType: null,\r\n wrapUpSubmissionUserId: null, // id of user who submitted statement for wrap up approval\r\n activeRevisionsCount: 0,\r\n sentBy: null,\r\n sentDate: null,\r\n omDocumentState: null,\r\n omExportStatus: null,\r\n omExportErrorInfo: null,\r\n legalHold: null,\r\n comfortLetter: null,\r\n isImported: false,\r\n techSupportAccess: false,\r\n pinnedDatetime: null,\r\n}) {\r\n constructor(props) {\r\n super(props);\r\n // First setup the original fields which cannot be edited on the model.\r\n const {\r\n accountingBasis,\r\n fiscalYear,\r\n periodEnding,\r\n quarter,\r\n registrant,\r\n statementTypeId,\r\n type,\r\n legalHold,\r\n isCftEnabled,\r\n techSupportAccess,\r\n } = props;\r\n this.originalAccountingBasis = accountingBasis;\r\n this.originalFiscalYear = fiscalYear;\r\n this.originalPeriodEnding = periodEnding;\r\n this.originalQuarter = quarter;\r\n this.originalRegistrant = registrant;\r\n this.originalStatementTypeId = statementTypeId;\r\n this.originalType = type;\r\n this.legalHold = legalHold;\r\n this.comfortLetter = isCftEnabled;\r\n this.techSupportAccess = techSupportAccess;\r\n // Next map the editable and display fields to the model.\r\n if (props.statementDisplayEntity) {\r\n const { statementDisplayEntity } = props;\r\n this.statementDisplayId = statementDisplayEntity.id;\r\n this.accountingBasis = statementDisplayEntity.accountingBasis;\r\n this.fiscalYear = statementDisplayEntity.fiscalYear;\r\n this.periodEnding = statementDisplayEntity.periodEnding;\r\n this.quarter = statementDisplayEntity.quarter;\r\n this.registrant = statementDisplayEntity.registrant;\r\n this.statementTypeId = statementDisplayEntity.statementTypeId;\r\n this.type = statementDisplayEntity.type;\r\n }\r\n\r\n delete this.statementDisplayEntity;\r\n }\r\n\r\n toEditApiFormat() {\r\n return {\r\n ...this,\r\n clientId: parseInt(this.clientId),\r\n accountingBasis: this.originalAccountingBasis,\r\n fiscalYear: this.originalFiscalYear,\r\n periodEnding: this.originalPeriodEnding,\r\n quarter: this.orignalQuarter,\r\n registrant: this.originalRegistrant,\r\n statementTypeId: this.originalStatementTypeId,\r\n legalHold: this.legalHold,\r\n autoIdentifyIrs: this.autoIdentifyIrs,\r\n statementDisplayEntity: {\r\n accountingBasis: this.accountingBasis,\r\n fiscalYear: this.fiscalYear,\r\n id: this.statementDisplayId,\r\n periodEnding: this.periodEnding,\r\n quarter: this.quarter,\r\n registrant: this.registrant,\r\n statementId: this.statementId,\r\n statementTypeId: this.statementTypeId,\r\n },\r\n };\r\n }\r\n\r\n get percentageComplete() {\r\n return (\r\n //this equation gets the % verified to two decimal places. That is what multiplying by 100 a second time does.\r\n //if you wanted 3 decimal places you would multiply by 1000.\r\n Math.round(this.percentageCompleted * 100)\r\n );\r\n }\r\n\r\n get quarterNumber() {\r\n if (this.quarter && this.quarter !== 'NONE') {\r\n return this.quarter.slice(-1);\r\n }\r\n return 0;\r\n }\r\n\r\n get originalQuarterNumber() {\r\n if (this.originalQuarter && this.originalQuarter !== 'NONE') {\r\n return this.originalQuarter.slice(-1);\r\n }\r\n return 0;\r\n }\r\n\r\n getStatementRevisions() {\r\n return this.activeRevisionEntities\r\n .concat(this.deletedRevisionEntities)\r\n .sort((a, b) => {\r\n return parseInt(a.revisionNumber) < parseInt(b.revisionNumber) ? -1 : 1;\r\n });\r\n }\r\n\r\n statementHasMultipleRevisions() {\r\n return this.revisionNumber > 1;\r\n }\r\n\r\n isSoftDeleted() {\r\n return this.getStatementStatus().id === STATEMENT_STATUS_LABELS.DELETED.id;\r\n }\r\n\r\n getStatementStatus() {\r\n return STATEMENT_STATUS_LABELS[STATEMENT_STATUS_ENUM[this.status]];\r\n }\r\n\r\n setHasBeenOpenedByUser(hasBeenOpenedByUser) {\r\n return this.merge({ ...this, hasBeenOpenedByUser });\r\n }\r\n\r\n isInArchivalFlow() {\r\n const status = this.getStatementStatus();\r\n const { PENDING_APPROVAL, ARCHIVED, APPROVAL_INITIATED } =\r\n STATEMENT_STATUS_LABELS;\r\n return (\r\n status === PENDING_APPROVAL ||\r\n status === ARCHIVED ||\r\n status === APPROVAL_INITIATED\r\n );\r\n }\r\n isLegalHoldSet() {\r\n return this.legalHold;\r\n }\r\n isPendingApproval() {\r\n return (\r\n this.getStatementStatus() === STATEMENT_STATUS_LABELS.PENDING_APPROVAL\r\n );\r\n }\r\n\r\n hasApprovalInitiated() {\r\n return (\r\n this.getStatementStatus() === STATEMENT_STATUS_LABELS.APPROVAL_INITIATED\r\n );\r\n }\r\n\r\n isWrappedUp() {\r\n return this.getStatementStatus() === STATEMENT_STATUS_LABELS.ARCHIVED;\r\n }\r\n\r\n shouldShowRevertToPreviousRevisionOption() {\r\n return parseInt(this.activeRevisionsCount) >= 2;\r\n }\r\n}\r\n","import classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { useIntl } from 'react-intl';\r\nimport FormItem from 'components/common/form-item-component';\r\nimport { TooltipOptions } from 'models/utils/common/tooltip-options-model';\r\nimport { isNullOrUndefined } from '../../utils/object-utils';\r\n\r\nconst TEXT_INPUT_BLOCK = 'text-input';\r\n\r\nconst TextInput = React.forwardRef(\r\n (\r\n {\r\n className,\r\n disabled,\r\n errorText,\r\n id,\r\n isValid,\r\n label,\r\n maxLength,\r\n onChange,\r\n onBlur,\r\n placeholder,\r\n tooltip,\r\n type,\r\n value,\r\n width,\r\n onFocus,\r\n onPaste,\r\n pattern,\r\n },\r\n ref,\r\n ) => {\r\n const intl = useIntl();\r\n const handleOnChangeWithPattern = (event) => {\r\n const value = event.target.value;\r\n if (value === '' || pattern.test(value)) {\r\n onChange(value);\r\n } else {\r\n event.preventDefault();\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {intl.formatMessage({ id: label })}\r\n \r\n {iconConfig && (\r\n \r\n \r\n )}\r\n
\r\n ) : null}\r\n \r\n {_getErrorMessage()}\r\n
\r\n ) : null}\r\n \r\n );\r\n};\r\n\r\nFormItem.propTypes = {\r\n /** String custom class */\r\n className: PropTypes.string,\r\n /** Boolean representing if component should be disabled state */\r\n disabled: PropTypes.bool,\r\n /** String error copy intl id or object containing intl id and values object */\r\n errorText: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.shape({\r\n id: PropTypes.string.isRequired,\r\n values: PropTypes.object,\r\n }),\r\n ]),\r\n /** Unique string id for form item*/\r\n id: PropTypes.string.isRequired,\r\n /** Boolean representing if form item output is valid */\r\n isValid: PropTypes.bool,\r\n /**Internationalized Sting id */\r\n label: PropTypes.string,\r\n /** SHOULD RARELY BE USED. Individual form-item components should have their own onSelect, onCheck etc. functions. Function fired onClick of form item */\r\n onClickFormItem: PropTypes.func,\r\n /** Object with tool tip options passed to tool tip*/\r\n tooltip: PropTypes.instanceOf(TooltipOptions),\r\n /** String percentage representing width of component*/\r\n width: PropTypes.string,\r\n /** config to show the icon beside the lable of form elements*/\r\n iconConfig: PropTypes.shape({\r\n infoText: PropTypes.string.isRequired,\r\n tooltipInfoId: PropTypes.string.isRequired,\r\n iconComponent: PropTypes.oneOfType([PropTypes.element, PropTypes.object])\r\n .isRequired,\r\n }),\r\n};\r\n\r\nexport default memo(injectIntl(FormItem));\r\nexport { FORM_ITEM_BLOCK };\r\n","import { createAction } from 'redux-actions';\r\nimport {\r\n clearLeftOCRSectionContentWithIdsFromCache,\r\n clearLeftOCRSectionImageWithIdsFromCache,\r\n} from 'store/actions/statement-content-actions';\r\nimport { clearPreviousBlacklineContentWithIdsFromCache } from 'store/actions/blackline-view-actions';\r\n\r\nexport const setLeftSectionInViewStatementContent = createAction(\r\n 'SET_LEFT_SECTION_IN_VIEW_STATEMENT_CONTENT',\r\n);\r\nexport const clearLeftSectionInViewStatementContent = createAction(\r\n 'CLEAR_LEFT_SECTION_IN_VIEW_STATEMENT_CONTENT',\r\n);\r\nexport const clearLeftSectionContentWithIdsFromCache = createAction(\r\n 'CLEAR_LEFT_CONTENT_WITH_IDS_FROM_CACHE',\r\n);\r\nexport const updateLeftSectionViewedTimestamp = createAction(\r\n 'CACHE_UPDATE_LEFT_SECTION_VIEWED_TIMESTAMP',\r\n);\r\nexport const updateLeftPurgedCacheTracker = createAction(\r\n 'UPDATE_LEFT_PURGED_CACHE_TRACKER',\r\n);\r\n\r\n/**\r\n * Adds section to SectionInViewMap and updates it's viewed timestamp in the SectionCacheTracker for left statement of side by side view page\r\n * @param {int} param.sectionId\r\n */\r\nexport const setLeftSectionInView =\r\n ({ sectionId }) =>\r\n (dispatch) => {\r\n dispatch(setLeftSectionInViewStatementContent({ sectionId }));\r\n dispatch(updateLeftSectionViewedTimestamp({ sectionId }));\r\n };\r\n\r\n/**\r\n * Removes a section from the SectionInViewMap for left statement of side by side view page\r\n *\r\n * Sometimes the cache will still be too large if the transition between 2 large sections is within the viewport threshold\r\n * thus every time we clear a seciton in view, we should also check the cache and see if we can purge a section that is no longer\r\n * in view so we can get below the threshold\r\n * @param {int} param.sectionId\r\n */\r\nexport const clearLeftSectionInView =\r\n ({ sectionId }) =>\r\n async (dispatch, getStore) => {\r\n dispatch(clearLeftSectionInViewStatementContent({ sectionId }));\r\n const { leftTracker } =\r\n getStore().data.leftStatementContent.leftSectionsCache;\r\n const _cacheOverThreshold = leftTracker.cacheOverThreshold();\r\n if (_cacheOverThreshold) {\r\n dispatch(checkLeftCacheToPurge());\r\n }\r\n };\r\n\r\n//action used for left statement of side by side view page\r\nexport const checkLeftCacheToPurge = () => async (dispatch, getStore) => {\r\n const store = getStore();\r\n const {\r\n leftStatementContent,\r\n leftSelectedStatement: { isOCR },\r\n } = store.data;\r\n const { leftTracker } = leftStatementContent.leftSectionsCache;\r\n const {\r\n leftSectionsInView,\r\n modes: { blacklineViewMode },\r\n } = store.ui.statementPage;\r\n\r\n if (leftTracker.cacheOverThreshold()) {\r\n const {\r\n newViewedSectionMetricsMap,\r\n newViewedSectionQueue,\r\n reducedTotalSize,\r\n removedSectionIds,\r\n } = leftTracker.getPurgedCache({ sectionsInView: leftSectionsInView });\r\n dispatch(\r\n updateLeftPurgedCacheTracker({\r\n viewedSectionMetricsMap: newViewedSectionMetricsMap,\r\n viewedSectionQueue: newViewedSectionQueue,\r\n totalCacheMemorySize: reducedTotalSize,\r\n }),\r\n );\r\n if (isOCR) {\r\n dispatch(\r\n clearLeftOCRSectionContentWithIdsFromCache({ removedSectionIds }),\r\n );\r\n dispatch(clearLeftOCRSectionImageWithIdsFromCache({ removedSectionIds }));\r\n blacklineViewMode &&\r\n dispatch(\r\n clearPreviousBlacklineContentWithIdsFromCache({ removedSectionIds }),\r\n );\r\n } else {\r\n dispatch(clearLeftSectionContentWithIdsFromCache({ removedSectionIds }));\r\n }\r\n }\r\n};\r\n","import BaseModel from 'models/base-model';\r\n\r\nexport default class ToolkitDownloadData extends BaseModel({\r\n downloadId: null,\r\n name: null,\r\n dateTime: null,\r\n downloadStatus: false,\r\n userDownloadedReportStatus: true,\r\n downloadResponse: null,\r\n storageGuid: null,\r\n reportType: null,\r\n isLoading: true,\r\n isLoaded: false,\r\n error: null,\r\n}) {}\r\n","import ApiModel from 'models/api-model';\r\nimport ToolkitDownloadData from './toolkit-export-download-model';\r\nimport { isNullOrUndefined } from '../../utils/object-utils';\r\nimport moment from 'moment';\r\nimport { DATE_FORMATS } from 'constants/util/date-constants';\r\nimport cloneDeep from 'lodash.clonedeep';\r\nimport { getExportReportType } from 'utils/statement-content-page-utils';\r\n\r\nexport const REPORT_DOWNLOAD_PROCESSING = 'PROCESSING';\r\nexport const REPORT_DOWNLOAD_PROCESSED = 'PROCESSED';\r\nexport const REPORT_DOWNLOAD_FAILED = 'FAILED';\r\n\r\nexport default class ToolkitDownloadListData extends ApiModel({\r\n // structure\r\n data: new Map(),\r\n //[downloadId-1] : {instance of ToolkitDownloadData},\r\n //[downloadId-2] : {instance of ToolkitDownloadData},\r\n}) {\r\n /**\r\n * @param {Object} data : { downloadId: null, name: null, dateTime: null, downloadStatus: false }\r\n * @returns {ThisType}\r\n */\r\n setDownloadData(data) {\r\n if (\r\n data &&\r\n !isNullOrUndefined(data.reportId) &&\r\n !isNullOrUndefined(data.processedTime)\r\n ) {\r\n let downloadData = new ToolkitDownloadData({\r\n downloadId: data.reportId,\r\n name: data.fileName,\r\n dateTime: moment\r\n .utc(data.processedTime)\r\n .local()\r\n .format(DATE_FORMATS.MONTH_DAY_YEAR_TIME),\r\n downloadStatus: data.status,\r\n // This might be a bit confusing. For BE, the field downloadedStatus is what we call userDownloadedReportStatus\r\n // and the field status is what we call downloadStatus. We need to interpret it correctly at our end.\r\n userDownloadedReportStatus: data.downloadedStatus,\r\n downloadResponse: data.byteDocument,\r\n storageGuid: data.storageGuid,\r\n reportType: getExportReportType(data.reportType),\r\n // these values ensure this method acts as setLoaded function for single report when called to set data\r\n isLoading: false,\r\n isLoaded: true,\r\n error: null,\r\n });\r\n return this.mergeLoadedData(this.data.set(data.reportId, downloadData));\r\n }\r\n return this;\r\n }\r\n\r\n setReportIdLoading({ id }) {\r\n !isNullOrUndefined(id) &&\r\n this.data.has(id) &&\r\n this.data.set(\r\n id,\r\n new ToolkitDownloadData({\r\n ...this.data.get(id),\r\n isLoading: true,\r\n isLoaded: false,\r\n }),\r\n );\r\n return this.merge({ data: this.data });\r\n }\r\n\r\n setReportIdLoaded({ id }) {\r\n !isNullOrUndefined(id) &&\r\n this.data.has(id) &&\r\n this.data.set(\r\n id,\r\n new ToolkitDownloadData({\r\n ...this.data.get(id),\r\n isLoading: false,\r\n isLoaded: true,\r\n }),\r\n );\r\n return this.merge({ data: this.data });\r\n }\r\n\r\n setReportIdError({ id, error }) {\r\n !isNullOrUndefined(id) &&\r\n this.data.has(id) &&\r\n this.data.set(\r\n id,\r\n new ToolkitDownloadData({\r\n ...this.data.get(id),\r\n isLoading: false,\r\n isLoaded: false,\r\n error: error,\r\n }),\r\n );\r\n return this.merge({ data: this.data });\r\n }\r\n\r\n setLoaded() {\r\n return this.merge({\r\n data: this.data,\r\n isLoaded: true,\r\n isLoading: false,\r\n });\r\n }\r\n\r\n hasReports() {\r\n return this && this.data && this.data.size;\r\n }\r\n /**\r\n *\r\n * @param {Array} listData : array of object\r\n * @returns\r\n */\r\n setDownloadListData(listData) {\r\n let reportList = cloneDeep(this);\r\n for (let index = 0; index < listData.length; index++) {\r\n // if reportId is already processed then dont alter it\r\n !(\r\n reportList &&\r\n reportList.hasReportId(listData[index].reportId) &&\r\n reportList.getReportById(listData[index].reportId).downloadStatus ===\r\n REPORT_DOWNLOAD_PROCESSED\r\n ) && (reportList = reportList.setDownloadData(listData[index]));\r\n }\r\n return this.mergeLoadedData(reportList.data);\r\n }\r\n\r\n updateDownloadStatus({\r\n id,\r\n downloadStatus,\r\n downloadResponse,\r\n storageGuid,\r\n userDownloadedReportStatus = undefined,\r\n }) {\r\n !isNullOrUndefined(id) &&\r\n this.data.has(id) &&\r\n this.data.set(\r\n id,\r\n new ToolkitDownloadData({\r\n ...this.data.get(id),\r\n downloadStatus: downloadStatus,\r\n userDownloadedReportStatus: userDownloadedReportStatus,\r\n downloadResponse: downloadResponse,\r\n storageGuid: storageGuid,\r\n isLoading: false,\r\n isLoaded: true,\r\n error: null,\r\n }),\r\n );\r\n return this.mergeLoadedData(this.data);\r\n }\r\n\r\n updateFlagUserDownloadedReportStatus({ id, userDownloadedReportStatus }) {\r\n !isNullOrUndefined(id) &&\r\n this.data.has(id) &&\r\n this.data.set(\r\n id,\r\n new ToolkitDownloadData({\r\n ...this.data.get(id),\r\n userDownloadedReportStatus: userDownloadedReportStatus,\r\n isLoading: false,\r\n isLoaded: true,\r\n error: null,\r\n }),\r\n );\r\n return this.mergeLoadedData(this.data);\r\n }\r\n\r\n mergeLoadedData(reportData) {\r\n return this.merge({\r\n data: reportData,\r\n isLoaded: true,\r\n isLoading: false,\r\n error: null,\r\n });\r\n }\r\n\r\n getReportById(id) {\r\n return !isNullOrUndefined(id) && this && this.data && this.data.get(id);\r\n }\r\n\r\n hasReportTypeDownloadProcessing(reportType) {\r\n return this &&\r\n this.data &&\r\n this.data.size > 0 &&\r\n [...this.data.values()].findIndex(\r\n (downloadData) =>\r\n downloadData.reportType === reportType &&\r\n downloadData.downloadStatus === REPORT_DOWNLOAD_PROCESSING,\r\n ) !== -1\r\n ? true\r\n : false;\r\n }\r\n\r\n hasReportId(id) {\r\n return !isNullOrUndefined(id) && this && this.data && this.data.has(id);\r\n }\r\n\r\n clear() {\r\n return this.merge({\r\n data: new Map(),\r\n });\r\n }\r\n\r\n sortByTime() {\r\n return (\r\n this &&\r\n this.data &&\r\n this.data.size > 0 &&\r\n [...this.data.values()].sort((a, b) =>\r\n b.dateTime.localeCompare(a.dateTime),\r\n )\r\n );\r\n }\r\n}\r\n","import { createAction } from 'redux-actions';\r\nimport WorkpaperForm from 'models/form/workpaper-form-model';\r\nimport {\r\n updateElementCacheByCalloutAction,\r\n updateLeftElementCacheByCalloutAction,\r\n} from './element-cache-actions';\r\nimport { ROUTE_CONSTANTS } from 'constants/util/route-constants';\r\n\r\nexport const workpaper = createAction('WORKPAPER_CREATED');\r\nexport const tickmark = createAction('TICKMARK_CREATED');\r\nexport const formula = createAction('FORMULA_CREATED');\r\nexport const internalReference = createAction('INTERNAL_REFERENCE_CREATED');\r\nexport const comfortLetter = createAction('COMFORT_LETTER_CREATED');\r\n\r\nexport const workPaperElementIdsUpdatedOrDeleted =\r\n (workPaperToEditOrDeleted, isOCR) => async (dispatch, getStore) => {\r\n const {\r\n statementContent: { sectionIdList, elementCache },\r\n } = getStore().data;\r\n // optimisation work item required later. Need to get a list of all element IDs attached with the workpaper\r\n const workPaperToEditReferenceNumber = new WorkpaperForm().fromWorkpaper(\r\n workPaperToEditOrDeleted,\r\n ).referenceNumber;\r\n\r\n const workPaperUpdatedElementIds = [];\r\n sectionIdList.sectionIds.forEach((sectionItem) => {\r\n const sectionId = isOCR ? sectionItem.sectionId : sectionItem;\r\n const elementsData = elementCache.getSection(sectionId)\r\n ? elementCache.getSection(sectionId).elements\r\n : null;\r\n\r\n if (elementsData) {\r\n Object.keys(elementsData).forEach((elementId) => {\r\n const { workpaperReferenceNumberList, id } = elementsData[elementId];\r\n if (\r\n workpaperReferenceNumberList.includes(\r\n workPaperToEditReferenceNumber,\r\n )\r\n ) {\r\n workPaperUpdatedElementIds.push(id);\r\n }\r\n });\r\n }\r\n });\r\n dispatch(\r\n updateElementCacheByCalloutAction({\r\n elementIds: workPaperUpdatedElementIds,\r\n showCallout: true,\r\n }),\r\n );\r\n };\r\n\r\nexport const comfortLetterElementIdsUpdatedOrDeleted =\r\n (comfortLetterLabel, isOCR) => async (dispatch, getStore) => {\r\n const {\r\n statementContent: { sectionIdList, elementCache },\r\n } = getStore().data;\r\n\r\n // optimization work item required later. Need to get a list of all element IDs attached with the comfortLetter\r\n const comfortLetterUpdatedElementIds = [];\r\n sectionIdList.sectionIds.forEach((sectionItem) => {\r\n const sectionId = isOCR ? sectionItem.sectionId : sectionItem;\r\n const elementsData = elementCache.getSection(sectionId)\r\n ? elementCache.getSection(sectionId).elements\r\n : null;\r\n\r\n if (elementsData) {\r\n Object.keys(elementsData).forEach((elementId) => {\r\n const { comfortLetterLabelList, id } = elementsData[elementId];\r\n if (comfortLetterLabelList.includes(comfortLetterLabel)) {\r\n comfortLetterUpdatedElementIds.push(id);\r\n }\r\n });\r\n }\r\n });\r\n dispatch(\r\n updateElementCacheByCalloutAction({\r\n elementIds: comfortLetterUpdatedElementIds,\r\n showCallout: true,\r\n }),\r\n );\r\n };\r\n\r\nconst getElementsDataByLeftSideView = (elementsData) => {\r\n let elementIds = [];\r\n Object.keys(elementsData).forEach((section) => {\r\n Object.keys(elementsData[section]).forEach((item) => {\r\n if (elementsData[section][item])\r\n elementIds.push(elementsData[section][item].id);\r\n });\r\n });\r\n return elementIds;\r\n};\r\n\r\nexport const disableAllElementsCallout =\r\n({ showCallout }) =>\r\n async (dispatch, getStore) => {\r\n const {\r\n statementContent: { elementCache },\r\n } = getStore().data;\r\n\r\n const elementsData = elementCache.getAllSectionElements();\r\n\r\n let elementIds = [];\r\n elementIds = getElementsDataByLeftSideView(elementsData);\r\n\r\n if (elementIds.length) {\r\n dispatch(\r\n updateSideBySideElementCacheByCallouts({\r\n elementIds,\r\n showCallout: showCallout,\r\n }),\r\n );\r\n const isSideBySideView = window.location.pathname.includes(\r\n ROUTE_CONSTANTS.SIDE_BY_SIDE,\r\n );\r\n if (isSideBySideView) {\r\n const {\r\n leftStatementContent: { leftElementCache },\r\n leftSelectedStatement,\r\n } = getStore().data;\r\n\r\n const isleftSelectedStatement =\r\n leftSelectedStatement && leftSelectedStatement.isLoaded;\r\n\r\n if (isleftSelectedStatement) {\r\n const leftElementsData = leftElementCache.getAllSectionElements();\r\n\r\n let leftElementIds = getElementsDataByLeftSideView(leftElementsData);\r\n if (leftElementIds.length) {\r\n dispatch(\r\n updateSideBySideElementCacheByCallouts({\r\n elementIds: leftElementIds,\r\n showCallout: showCallout,\r\n isLeftSideView: true,\r\n }),\r\n );\r\n }\r\n }\r\n }\r\n }\r\n };\r\n\r\nexport const updateSideBySideElementCacheByCallouts =\r\n ({ elementIds, showCallout, isLeftSideView = false }) =>\r\n (dispatch) => {\r\n isLeftSideView\r\n ? dispatch(\r\n updateLeftElementCacheByCalloutAction({\r\n elementIds,\r\n showCallout: showCallout,\r\n }),\r\n )\r\n : dispatch(\r\n updateElementCacheByCalloutAction({\r\n elementIds,\r\n showCallout: showCallout,\r\n }),\r\n );\r\n };\r\n","import { withDefaultContextAsSelectedProject } from './api-default-context';\r\nimport { COMFORT_ANNOTATION_SORT_BY } from 'constants/feature/comfort-letter-constants';\r\nimport { getStatementIdUtil } from 'utils/statement-export-utils';\r\n\r\nexport const createElementComfortLetterRequest = ({ comfortLetterForm }) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revision/${\r\n comfortLetterForm.revisionId\r\n }/elements/${comfortLetterForm.elementId}/comfortletter`,\r\n comfortLetterForm.toApiFormat(),\r\n );\r\n\r\nexport const updateElementComfortLetterRequest = async ({\r\n revisionId,\r\n comfortLetter,\r\n}) => {\r\n await withDefaultContextAsSelectedProject().put(\r\n `/tieout/statements/${getStatementIdUtil()}/revision/${revisionId}/comfortletter/${\r\n comfortLetter.comfortLetterId\r\n }`,\r\n comfortLetter.toEditApiFormat(),\r\n );\r\n};\r\n\r\nexport const getComfortLetterForElementRequest = ({ elementId, revisionId }) =>\r\n withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${getStatementIdUtil()}/revision/${revisionId}/elements/${elementId}/cmftlrs`,\r\n );\r\n\r\nexport const createBulkComfortLetterRequest = ({ comfortLetterForm }) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revision/${\r\n comfortLetterForm.revisionId\r\n }/comfortletters`,\r\n comfortLetterForm.toApiFormat(),\r\n );\r\n\r\nexport const getMatchingComfortLettersForElementRequest = ({\r\n searchTerm,\r\n revisionId,\r\n elementId,\r\n}) =>\r\n withDefaultContextAsSelectedProject()\r\n .get(\r\n `/tieout/statements/${getStatementIdUtil()}/revision/${revisionId}/element/${elementId}/cmftltrs/suggestions`,\r\n {\r\n params: { searchText: encodeURIComponent(searchTerm) },\r\n },\r\n )\r\n .then((response) => {\r\n return response;\r\n });\r\n\r\nexport const getMatchingComfortLettersRequest = ({ searchTerm, revisionId }) =>\r\n withDefaultContextAsSelectedProject()\r\n .get(\r\n `/tieout/statements/${getStatementIdUtil()}/revision/${revisionId}/cmftltrs/suggestions`,\r\n {\r\n params: { searchText: encodeURIComponent(searchTerm) },\r\n },\r\n )\r\n .then((response) => {\r\n return response;\r\n });\r\n\r\nexport const attachComfortLetterToElementRequest = ({\r\n comfortLetterId,\r\n elementId,\r\n revisionId,\r\n}) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revision/${revisionId}/elements/${elementId}/comfortletter`,\r\n {\r\n comfortLetterId,\r\n elementId,\r\n revisionId,\r\n },\r\n );\r\n\r\nexport const detachComfortLetterToElementRequest = ({\r\n comfortLetterId,\r\n elementId,\r\n revisionId,\r\n}) =>\r\n withDefaultContextAsSelectedProject().delete(\r\n `/tieout/statements/${getStatementIdUtil()}/revision/${revisionId}/elements/${elementId}/comfortletter/${comfortLetterId}`,\r\n );\r\n\r\nexport const getComfortAnnotationsForRevisionRequest = ({\r\n revisionId,\r\n sortBy = COMFORT_ANNOTATION_SORT_BY.ordinal,\r\n sortDirection = 'asc',\r\n}) =>\r\n withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${getStatementIdUtil()}/revision/${revisionId}/comfortletters`,\r\n {\r\n params: {\r\n sortBy,\r\n sortDirection,\r\n },\r\n },\r\n );\r\n\r\nexport const getElementsByComfortAnnotation = ({\r\n revisionId,\r\n comfortLetterId,\r\n}) => {\r\n return withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${getStatementIdUtil()}/revision/${revisionId}/comfortletter/${comfortLetterId}/elements`,\r\n );\r\n};\r\n\r\nexport const deleteComfortLetterRequest = ({\r\n comfortAnnotation,\r\n revisionId,\r\n}) => {\r\n const { comfortLetterId } = comfortAnnotation;\r\n return withDefaultContextAsSelectedProject().delete(\r\n `/tieout/statements/${getStatementIdUtil()}/revision/${revisionId}/comfortletter/${comfortLetterId}`,\r\n );\r\n};\r\n","import { withDefaultContextAsSelectedProject } from './api-default-context';\r\nimport { getStatementIdUtil } from 'utils/statement-export-utils';\r\n\r\nconst getUpdateNoteApi = ({ revisionId, noteModel }) =>\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/sections/${\r\n noteModel.sectionId\r\n }/notes/${noteModel.noteId}`;\r\n\r\nexport const createNotesRequest = ({ revisionId, notesForm, selection }) =>\r\n withDefaultContextAsSelectedProject()\r\n .post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/sections/${\r\n selection.sectionId\r\n }/notes`,\r\n { ...notesForm.toApiFormat(), ...selection.toApiFormat() },\r\n )\r\n .then((response) => {\r\n return response;\r\n });\r\n\r\nexport const updateNoteRequest = ({ revisionId, noteModel }) =>\r\n withDefaultContextAsSelectedProject().put(\r\n getUpdateNoteApi({ revisionId, noteModel }),\r\n noteModel.toApiFormat(),\r\n );\r\n\r\nexport const updateNoteReplyRequest = ({ revisionId, noteModel }) =>\r\n withDefaultContextAsSelectedProject().put(\r\n getUpdateNoteApi({ revisionId, noteModel }),\r\n noteModel.toNoteReplyApiFormat(),\r\n );\r\n\r\nexport const EditNoteRequest = ({ revisionId, noteModel }) =>\r\n withDefaultContextAsSelectedProject().put(\r\n getUpdateNoteApi({ revisionId, noteModel }),\r\n noteModel.toEditNoteApiFormat(),\r\n );\r\n\r\nexport const getNoteByRevisionAndNoteIdRequest = ({ revisionId, noteId }) => {\r\n return withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/notes/${noteId}`,\r\n );\r\n};\r\n\r\nexport const getNoteByRevisionAndPseudoElementIdRequest = ({\r\n revisionId,\r\n pseudoElementId,\r\n}) => {\r\n return withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/pseudoelements/${pseudoElementId}/notes`,\r\n );\r\n};\r\n\r\nexport const getNoteByRevisionAndElementIdRequest = ({\r\n revisionId,\r\n elementId,\r\n}) =>\r\n withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/elements/${elementId}/notes`,\r\n );\r\n\r\nexport const getNotesByRevisionRequest = ({ revisionId }) => {\r\n return withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/notes`,\r\n );\r\n};\r\n\r\nexport const getNotesByRevisionAndSectionRequest = ({\r\n statementId,\r\n revisionId,\r\n sectionId,\r\n contextKey,\r\n contextValue,\r\n}) =>\r\n withDefaultContextAsSelectedProject({ contextKey, contextValue }).get(\r\n `/tieout/statements/${getStatementIdUtil(\r\n statementId,\r\n )}/revisions/${revisionId}/sections/${sectionId}/notes`,\r\n );\r\n\r\nexport const getNotesOCR = ({ statementId, revisionId, sectionId }) =>\r\n withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${getStatementIdUtil(\r\n statementId,\r\n )}/revisions/${revisionId}/sections/${sectionId}/notes`,\r\n );\r\n\r\nexport const deleteNoteRequest = ({ revisionId, note }) =>\r\n withDefaultContextAsSelectedProject().delete(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/sections/${\r\n note.sectionId\r\n }/notes/${note.noteId}`,\r\n { data: note.toDeleteApiFormat() },\r\n );\r\n\r\nexport const sendEmailToTaggedUsersRequest = ({\r\n revisionId,\r\n emailRequestBody,\r\n}) => {\r\n return withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/email`,\r\n emailRequestBody,\r\n );\r\n};\r\n","export default class RevisionStatusModel {\r\n id;\r\n status;\r\n statusDisplay;\r\n intlIdentifier;\r\n constructor({ id, status, statusDisplay, intlIdentifier }) {\r\n this.id = id;\r\n this.status = status;\r\n this.statusDisplay = statusDisplay;\r\n this.intlIdentifier = intlIdentifier;\r\n }\r\n}\r\n","import RevisionStatusModel from 'models/utils/common/revision-status-model';\r\n\r\nexport const REVISION_STATUS_DISPLAYS = {\r\n ACTIVE: 'ACTIVE',\r\n DELETED: 'DELETED',\r\n RESTORING: 'RESTORING',\r\n FROM_RESTORE: 'FROM_RESTORE',\r\n ERROR: 'ERROR',\r\n};\r\n\r\nexport const REVISION_STATUSES = {\r\n ACTIVE: new RevisionStatusModel({\r\n id: 0,\r\n status: 'ACTIVE',\r\n statusDisplay: 'Active',\r\n intlIdentifier: 'revision-status.active',\r\n }),\r\n DELETED: new RevisionStatusModel({\r\n id: 1,\r\n status: 'DELETED',\r\n statusDisplay: 'Deleted',\r\n intlIdentifier: 'revision-status.deleted',\r\n }),\r\n RESTORING: new RevisionStatusModel({\r\n id: 2,\r\n status: 'RESTORING',\r\n statusDisplay: 'Restoring',\r\n intlIdentifier: 'revision-status.restoring',\r\n }),\r\n FROM_RESTORE: new RevisionStatusModel({\r\n id: 3,\r\n status: 'FROM_RESTORE',\r\n statusDisplay: 'From Restore',\r\n intlIdentifier: 'revision-status.from-restore',\r\n }),\r\n ERROR: new RevisionStatusModel({\r\n id: 4,\r\n status: 'ERROR',\r\n statusDisplay: 'Error',\r\n intlIdentifier: 'revision-status.error',\r\n }),\r\n};\r\n","import ApiModel from 'models/api-model';\r\nimport {\r\n REVISION_STATUS_DISPLAYS,\r\n REVISION_STATUSES,\r\n} from 'constants/feature/revision-status-constants';\r\nimport { isNullOrUndefined } from 'utils/object-utils';\r\nexport default class Revision extends ApiModel({\r\n data: {\r\n id: null,\r\n statementId: null,\r\n revisionNumber: null,\r\n linkToDocx: null,\r\n linkToOrgXhtml: null,\r\n linktoXhtml: null,\r\n status: null,\r\n processedByUserEntity: null,\r\n processedDate: null,\r\n deleteDate: null,\r\n lastModifiedDate: null,\r\n lastModifiedBy: null,\r\n docChangedTimestamp: null,\r\n linkToChangesStatement: null,\r\n changesStatementTimestamp: null,\r\n clientId: null,\r\n hasSanitizedImage: null,\r\n statementName: null,\r\n },\r\n status: null,\r\n}) {\r\n get id() {\r\n return this.data.id;\r\n }\r\n get statementId() {\r\n return this.data.statementId;\r\n }\r\n get revisionNumber() {\r\n return this.data.revisionNumber;\r\n }\r\n get linkToDocx() {\r\n return this.data.linkToDocx;\r\n }\r\n get linkToOrgXhtml() {\r\n return this.data.linkToOrgXhtml;\r\n }\r\n get linktoXhtml() {\r\n return this.data.linktoXhtml;\r\n }\r\n get revisionStatus() {\r\n switch (this.data.revisionStatus) {\r\n case REVISION_STATUS_DISPLAYS.ACTIVE:\r\n return REVISION_STATUSES.ACTIVE;\r\n case REVISION_STATUS_DISPLAYS.DELETED:\r\n return REVISION_STATUSES.DELETED;\r\n case REVISION_STATUS_DISPLAYS.RESTORING:\r\n return REVISION_STATUSES.RESTORING;\r\n case REVISION_STATUS_DISPLAYS.FROM_RESTORE:\r\n return REVISION_STATUSES.FROM_RESTORE;\r\n case REVISION_STATUS_DISPLAYS.ERROR:\r\n return REVISION_STATUSES.ERROR;\r\n default:\r\n return null;\r\n }\r\n }\r\n get processedByUserEntity() {\r\n return this.data.processedByUserEntity;\r\n }\r\n get processedDate() {\r\n return this.data.processedDate;\r\n }\r\n get deleteDate() {\r\n return this.data.deleteDate;\r\n }\r\n get lastModifiedDate() {\r\n return this.data.lastModifiedDate;\r\n }\r\n get lastModifiedBy() {\r\n return this.data.lastModifiedBy;\r\n }\r\n get docChangedTimestamp() {\r\n return this.data.docChangedTimestamp;\r\n }\r\n get linkToChangesStatement() {\r\n return this.data.linkToChangesStatement;\r\n }\r\n get changesStatementTimestamp() {\r\n return this.data.changesStatementTimestamp;\r\n }\r\n get clientId() {\r\n return this.data.clientId;\r\n }\r\n get hasSanitizedImage() {\r\n return this.data.hasSanitizedImage;\r\n }\r\n get statementName() {\r\n return this.data.statementName;\r\n }\r\n\r\n get readOnly() {\r\n return this.revisionStatus === REVISION_STATUSES.DELETED;\r\n }\r\n\r\n processResponse({ response }) {\r\n return {\r\n data: response.data,\r\n status: response.status,\r\n };\r\n }\r\n\r\n isInitialized() {\r\n return !isNullOrUndefined(this.data) || !isNullOrUndefined(this.data.id);\r\n }\r\n\r\n getRevisionData() {\r\n if (this.data) {\r\n return this.data;\r\n }\r\n }\r\n}\r\n","import { createAction } from 'redux-actions';\r\n\r\nexport const setTOCExpandAll = createAction('SET_TOC_EXPAND_ALL');\r\nexport const setTOCRefresh = createAction('SET_TOC_REFRESH');\r\n","import { withDefaultContextAsSelectedProject } from './api-default-context';\r\nimport { getStatementIdUtil } from 'utils/statement-export-utils';\r\n\r\nexport const createOrUpdateElementWorkpaperRequest = ({ workpaperModel }) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${\r\n workpaperModel.revisionId\r\n }/elements/${workpaperModel.elementId}/wprefs`,\r\n workpaperModel.toApiFormat(),\r\n );\r\n\r\nexport const createWorkpaperRequest = ({ workpaperModel }) =>\r\n withDefaultContextAsSelectedProject().post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${\r\n workpaperModel.revisionId\r\n }/wprefs`,\r\n workpaperModel.toApiFormat(),\r\n );\r\n\r\nexport const getWorkpapersForElementRequest = ({ elementId, revisionId }) =>\r\n withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/elements/${elementId}/wprefs`,\r\n );\r\n\r\nexport const detachElementWorkpaperRequest = ({\r\n elementId,\r\n revisionId,\r\n workpaperId,\r\n}) =>\r\n withDefaultContextAsSelectedProject().delete(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/elements/${elementId}/wprefs/${workpaperId}`,\r\n );\r\n\r\nexport const getWorkpaperReferencesRequest = ({\r\n referenceNumber,\r\n revisionId,\r\n}) =>\r\n withDefaultContextAsSelectedProject()\r\n .get(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/wprefs`,\r\n {\r\n params: { refNumber: encodeURIComponent(referenceNumber) },\r\n },\r\n )\r\n .then((response) => {\r\n return response;\r\n });\r\n\r\nexport const getWorkpapersForRevisionRequest = ({ revisionId }) =>\r\n withDefaultContextAsSelectedProject()\r\n .get(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/wpreferences`,\r\n )\r\n .then((response) => {\r\n return response;\r\n });\r\n\r\nexport const updateWorkpaperRequest = ({ revisionId, workpaper }) =>\r\n withDefaultContextAsSelectedProject().put(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/wprefs/${\r\n workpaper.workpaperRefId\r\n }`,\r\n workpaper.toEditApiFormat(),\r\n );\r\n\r\nexport const deleteWorkpaperRequest = ({ workpaper }) => {\r\n const { revisionId, workpaperRefId } = workpaper;\r\n return withDefaultContextAsSelectedProject().delete(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/wprefs/${workpaperRefId}`,\r\n );\r\n};\r\n","export const NUMBER_WITH_COMMAS_REGEX = /\\B(?=(\\d{3})+(?!\\d))/g;\r\nexport const COMMA_REGEX = /,/g;\r\nexport const DUPLICATE_LEADING_ZERO_REGEX = /^0+(?=\\d)/g;\r\nexport const EMPTY_REGEX = /^$/g;\r\nexport const FLOATING_POINT_NUMBER_REGEX = /^[-+]?[0-9]*\\.?[0-9]+$/;\r\nexport const NUMBER_PATTERN_REGEX = /\\d+/g;\r\n\r\nconst _formatNumber = (number, regex, replacement) => {\r\n if (number) {\r\n number += '';\r\n const numberParts = number.split('.');\r\n let integerPart = numberParts[0];\r\n //We are only updating the integer part of the number (the part before the decimal)\r\n integerPart = integerPart.toString().replace(regex, replacement);\r\n const decimalPart =\r\n numberParts.length > 1\r\n ? '.' + numberParts.slice(1, numberParts.length).join('.')\r\n : '';\r\n\r\n return integerPart + decimalPart;\r\n } else if (number === 0) {\r\n return number;\r\n }\r\n return '';\r\n};\r\n\r\nexport const formatNumberWithCommas = (number) => {\r\n return _formatNumber(number, NUMBER_WITH_COMMAS_REGEX, ',');\r\n};\r\n\r\nexport const removeCommasFromNumber = (number) => {\r\n return _formatNumber(number, COMMA_REGEX, '');\r\n};\r\n\r\nexport const removeDuplicateLeadingZerosFromNumber = (number) => {\r\n if (number + '' === '0') {\r\n return '0';\r\n }\r\n return _formatNumber(number, DUPLICATE_LEADING_ZERO_REGEX, '');\r\n};\r\n\r\nexport const addLeadingZeroToEmptyDecimal = (number) => {\r\n return _formatNumber(number, EMPTY_REGEX, '0');\r\n};\r\n\r\nexport const formatManualInputFormulaRowNumber = (number) => {\r\n return formatNumberWithCommas(\r\n addLeadingZeroToEmptyDecimal(\r\n removeDuplicateLeadingZerosFromNumber(removeCommasFromNumber(number)),\r\n ),\r\n );\r\n};\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport { ModalButton } from 'models/utils/common/modal-button-model';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport Modal from 'components/common/modal-component';\r\nimport { isNullOrUndefined } from 'utils/object-utils';\r\nimport { EMPTY_STRING } from 'constants/common/feature-common-utils';\r\nimport { getContainerListOptionsMap } from 'constants/util/admin-module-utility';\r\nimport Dropdown from 'components/common/dropdown-component';\r\nimport TextInput from 'components/common/text-input-component';\r\nimport Chip from 'components/common/chip-component';\r\nimport { getCountryManagerDetailsByUserId } from 'api/admin-module-api';\r\nimport ConditionalRender from 'components/util/conditional-render-component';\r\n\r\nexport const SUPPORT_ID_INPUT_MODAL =\r\n 'manage-country-manager-access-support-id';\r\n\r\nexport const SUPPORT_ID_INPUT_MODAL_BLOCK =\r\n 'manage-country-manager-access-support-id-block';\r\n\r\nconst SupportIDInputModal = ({\r\n isEditMode,\r\n userId,\r\n toggleSupportIDModal,\r\n onSave,\r\n onCancel,\r\n}) => {\r\n const containerList = useSelector(\r\n (store) => store.data.countryManagerContainerList,\r\n );\r\n const [updatedSupportID, setUpdatedSupportID] = useState('');\r\n const [previouslySelectedCountries, setPreviouslySelectedCountries] =\r\n useState([]);\r\n const [selectedContainerOptions, setSelectedContainerOptions] = useState([]);\r\n const [containerOptions, setContainerOptions] = useState(\r\n getContainerListOptionsMap(containerList.containersList),\r\n );\r\n const [isLoading, setLoading] = useState(false);\r\n const [isLoaded, setLoaded] = useState(false);\r\n const [error, setError] = React.useState(null);\r\n\r\n const setDataLoaded = () => {\r\n setLoading(false);\r\n setLoaded(true);\r\n };\r\n\r\n const setDataLoading = () => {\r\n setLoading(true);\r\n setLoaded(false);\r\n };\r\n\r\n const _getCountryManagerAccessDetails = async () => {\r\n try {\r\n setDataLoading();\r\n const response = await getCountryManagerDetailsByUserId(userId);\r\n setDataLoaded();\r\n const { supportId, containers } = response.data;\r\n const selectedContainerOptions = [];\r\n containers.forEach((containerCode) => {\r\n if (containerOptions.has(containerCode)) {\r\n const option = containerOptions.get(containerCode);\r\n selectedContainerOptions.push(option);\r\n containerOptions.set(containerCode, { ...option, disabled: true });\r\n }\r\n });\r\n setPreviouslySelectedCountries(containers);\r\n setUpdatedSupportID(supportId);\r\n setSelectedContainerOptions(selectedContainerOptions);\r\n setContainerOptions(containerOptions);\r\n } catch (e) {\r\n setError(e);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (isEditMode) {\r\n _getCountryManagerAccessDetails();\r\n } else {\r\n setDataLoaded();\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n const onSelectOption = (option) => {\r\n setSelectedContainerOptions((prevOption) => {\r\n return prevOption.concat(option);\r\n });\r\n setContainerOptions((containerOption) => {\r\n const selectedOption = containerOption.get(option.id);\r\n containerOption.set(option.id, { ...selectedOption, disabled: true });\r\n return containerOption;\r\n });\r\n };\r\n\r\n const onRemoveChip = (option) => {\r\n const filteredData = selectedContainerOptions.filter((value) => {\r\n return value.id !== option.id;\r\n });\r\n setSelectedContainerOptions(filteredData);\r\n setContainerOptions((containerOption) => {\r\n const selectedOption = containerOption.get(option.id);\r\n containerOption.set(option.id, { ...selectedOption, disabled: false });\r\n return containerOption;\r\n });\r\n };\r\n\r\n const onSaveSupportIdDetails = (\r\n updatedSupportID,\r\n selectedContainerOptions,\r\n ) => {\r\n const countryCodeList = selectedContainerOptions.map((item) => item.value);\r\n onSave(updatedSupportID, countryCodeList);\r\n };\r\n\r\n const isSaveBtnDisabled = () => {\r\n if (isEditMode) {\r\n //During Edit, disabled when previously selected country length is same as\r\n //currently selected and data should also match.\r\n const currentlySelected = selectedContainerOptions\r\n .map((item) => item.id)\r\n .sort();\r\n const previouslySelected = previouslySelectedCountries.sort();\r\n return currentlySelected.length\r\n ? previouslySelected.length === currentlySelected.length &&\r\n currentlySelected.toString() === previouslySelected.toString()\r\n : true;\r\n }\r\n //During creation, disabled until both field has data present in it.\r\n return !(updatedSupportID && selectedContainerOptions.length);\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {selectedContainerOptions.map((key) => {\r\n return (\r\n onRemoveChip(key)}\r\n >\r\n {key.title}\r\n \r\n );\r\n })}\r\n
\r\n \r\n \r\n
\r\n {showSupportIDModal && (\r\n \r\n
\r\n \r\n {currentField === SWITCH_ADMIN && checked && (\r\n \r\n _toggleSupportIDModal(true)}\r\n className={`${ADMIN_MODULE_API_SWITCH}__pencil-icon`}\r\n />\r\n
\r\n )}\r\n \r\n {icon}\r\n {formatteTitle}\r\n
\r\n {formattedMessage && (\r\n {children}
\r\n )}\r\n \r\n );\r\n};\r\n\r\nToastNotification.propTypes = {\r\n /** Additional nodes to render */\r\n children: PropTypes.node,\r\n /** Icon to render */\r\n icon: PropTypes.node,\r\n /** Intl message or string for the toast message */\r\n message: PropTypes.oneOfType([\r\n PropTypes.shape({ id: PropTypes.string.isRequired }),\r\n PropTypes.string,\r\n ]),\r\n /** Intl message or string for the toast title */\r\n title: PropTypes.oneOfType([\r\n PropTypes.shape({ id: PropTypes.string.isRequired }),\r\n PropTypes.string,\r\n ]),\r\n /** Boolean to truncate message */\r\n truncateMessage: PropTypes.bool,\r\n};\r\n\r\nexport default injectIntl(ToastNotification);\r\n","import { MenuOption } from 'models/utils/common/menu/menu-option-model';\r\nimport { EMPTY_STRING } from 'constants/common/feature-common-utils';\r\n\r\nexport const GEO_NAMES = {};\r\nconst ALL_OPTION = 'ALL';\r\nconst geoCodes = Object.keys(window.TIEOUT.ENV.GEOS);\r\n\r\n//Created this function because in future if any other GEO is added in the list,\r\n//we need not to update it here, It will get picked automatically from env file.\r\nconst createGeoCodeMap = () => {\r\n geoCodes.unshift(ALL_OPTION);\r\n geoCodes.forEach((code) => {\r\n if (!GEO_NAMES[code])\r\n GEO_NAMES[code] = code === ALL_OPTION ? EMPTY_STRING : code;\r\n });\r\n};\r\n\r\ncreateGeoCodeMap();\r\n\r\nexport const GEO_OPTION_MAP = new Map();\r\ngeoCodes.forEach((code) => {\r\n GEO_OPTION_MAP.set(\r\n code,\r\n new MenuOption({\r\n id: code,\r\n title: `project-list.header.dropdown.option.${code}`,\r\n value: code === ALL_OPTION ? EMPTY_STRING : code,\r\n }),\r\n );\r\n});\r\n\r\nexport const GEO_OPTIONS = Array.from(GEO_OPTION_MAP.values());\r\n","import { createAction } from 'redux-actions';\r\nimport { getInternalReferenceSuggestionsByRevisionAndElementId } from 'api/internal-reference-api';\r\n\r\nexport const internalReferenceSuggestedListLoading = createAction(\r\n 'INTERNAL_REFERENCE_SUGGESTED_LIST_LOADING',\r\n);\r\nexport const internalReferenceSuggestedListLoaded = createAction(\r\n 'INTERNAL_REFERENCE_SUGGESTED_LIST_LOADED',\r\n);\r\nexport const internalReferenceSuggestedListError = createAction(\r\n 'INTERNAL_REFERENCE_SUGGESTED_LIST_ERROR',\r\n);\r\n\r\nexport const updateSuggestedIRElementsFromListFromSocketPayloadAction = createAction(\r\n 'UPDATE_SUGGESTED_LIST_ELEMENTS_FROM_SOCKET_PAYLOAD_ACTION',\r\n);\r\n\r\nexport const updateSuggestedIRListFromSocketPayloadAction = createAction(\r\n 'UPDATE_SUGGESTED_LIST_FROM_SOCKET_PAYLOAD_ACTION',\r\n);\r\n\r\nexport const removeSuggestedIRFromSocketPayloadAction = createAction(\r\n 'REMOVE_SUGGESTED_IR_FROM_SOCKET_PAYLOAD_ACTION',\r\n);\r\n\r\nexport const fetchSuggestedListed = ({ revisionId, elementId }) => async (\r\n dispatch,\r\n) => {\r\n dispatch(internalReferenceSuggestedListLoading());\r\n await dispatch(fetchSuggestedListedWithoutLoading({ revisionId, elementId }));\r\n};\r\n\r\nexport const fetchSuggestedListedWithoutLoading = ({\r\n revisionId,\r\n elementId,\r\n}) => async (dispatch) => {\r\n try {\r\n const response = await getInternalReferenceSuggestionsByRevisionAndElementId(\r\n { revisionId, elementId },\r\n );\r\n dispatch(internalReferenceSuggestedListLoaded(response));\r\n } catch (error) {\r\n dispatch(internalReferenceSuggestedListError(error));\r\n }\r\n};\r\n","import ApiModel from 'models/api-model';\r\nimport { isNullOrUndefined } from 'utils/object-utils';\r\n\r\nexport class ContentSectionMap extends ApiModel({\r\n data: {\r\n map: {},\r\n },\r\n}) {\r\n get map() {\r\n if (!isNullOrUndefined(this.data) && !isNullOrUndefined(this.data.map)) {\r\n return this.data.map;\r\n }\r\n return {};\r\n }\r\n processResponse({ response }) {\r\n const map = {};\r\n response.data.result.forEach(\r\n ({ parentId, name, id, is_technical, originalText }) => {\r\n map[id] = {\r\n parentId,\r\n name,\r\n id,\r\n isTechnical: is_technical,\r\n originalText,\r\n };\r\n },\r\n );\r\n return {\r\n data: {\r\n map,\r\n },\r\n };\r\n }\r\n\r\n has(id) {\r\n return (\r\n !isNullOrUndefined(id) &&\r\n !isNullOrUndefined(this.map) &&\r\n !isNullOrUndefined(this.map[id])\r\n );\r\n }\r\n\r\n get(id) {\r\n if (this.has(id)) {\r\n return this.map[id];\r\n }\r\n return null;\r\n }\r\n\r\n getClosestBookmarkSection({ sectionId }) {\r\n if (this.has(sectionId)) {\r\n const thisContent = this.get(sectionId);\r\n if (!thisContent.isTechnical) {\r\n return thisContent;\r\n }\r\n return this.getClosestBookmarkSection({\r\n sectionId: thisContent.parentId,\r\n });\r\n }\r\n return null;\r\n }\r\n\r\n hasSubsection({ sectionId }) {\r\n return (\r\n this.has(sectionId) &&\r\n Object.values(this.map).some((section) => section.parentId === sectionId)\r\n );\r\n }\r\n}\r\n","import ApiModel from 'models/api-model';\r\nimport { isNullOrUndefined } from 'utils/object-utils';\r\nimport Tickmark from 'models/data/tickmark-model';\r\nimport clonedeep from 'lodash.clonedeep';\r\nexport default class TickmarkList extends ApiModel({\r\n data: {\r\n tickmarks: [],\r\n elementsMap: {},\r\n deletedTickmarks: [],\r\n },\r\n}) {\r\n get tickmarks() {\r\n if (this.hasTickmarks()) {\r\n return this.data.tickmarks;\r\n }\r\n return [];\r\n }\r\n get elementsMap() {\r\n if (this.hasElementsMap()) {\r\n return this.data.elementsMap;\r\n }\r\n return {};\r\n }\r\n\r\n hasElementsMap() {\r\n return (\r\n !isNullOrUndefined(this.data) &&\r\n !isNullOrUndefined(this.data.elementsMap) &&\r\n Object.keys(this.data.elementsMap).length > 0\r\n );\r\n }\r\n\r\n processResponse({ response }) {\r\n return {\r\n data: {\r\n tickmarks: response.data.result.map(\r\n (tickmark) => new Tickmark(tickmark),\r\n ),\r\n elementsMap: this.data.elementsMap,\r\n deletedTickmarks: this.data.deletedTickmarks,\r\n },\r\n };\r\n }\r\n\r\n hasTickmarks() {\r\n return (\r\n !isNullOrUndefined(this.data) &&\r\n !isNullOrUndefined(this.data.tickmarks) &&\r\n this.data.tickmarks.length > 0\r\n );\r\n }\r\n\r\n setElementList({ response, tickmarkId }) {\r\n let updatedElementsMap = clonedeep(this.data.elementsMap);\r\n\r\n updatedElementsMap = {\r\n ...updatedElementsMap,\r\n [tickmarkId]: response.data,\r\n };\r\n\r\n return this.mergeData({ elementsMap: updatedElementsMap });\r\n }\r\n\r\n clearElementList() {\r\n return this.mergeData({ elementsMap: {} });\r\n }\r\n\r\n updateTickmarkElementsMap(payload) {\r\n const updatedElement = payload;\r\n let clonedElementsMap = clonedeep(this.data.elementsMap);\r\n const tickmarkIdArray = Object.keys(clonedElementsMap);\r\n\r\n for (let index = 0; index < tickmarkIdArray.length; index++) {\r\n const tickmarkId = tickmarkIdArray[index];\r\n const elementsArray = Object.values(clonedElementsMap[tickmarkId]);\r\n\r\n for (let j = 0; j < elementsArray.length; j++) {\r\n const elementId = elementsArray[j].id;\r\n if (elementId === updatedElement.id) {\r\n clonedElementsMap[tickmarkId][j] = updatedElement;\r\n break;\r\n }\r\n }\r\n }\r\n\r\n return this.mergeData({ elementsMap: clonedElementsMap });\r\n }\r\n\r\n updateTickmarkElementsMapFromArray(payload) {\r\n let updatedElementsMapObject = {};\r\n for (let i = 0; i < payload.length; i++) {\r\n updatedElementsMapObject = {\r\n ...updatedElementsMapObject,\r\n [payload[i].id]: payload[i],\r\n };\r\n }\r\n let clonedElementsMap = clonedeep(this.data.elementsMap);\r\n const tickmarkIdArray = Object.keys(clonedElementsMap);\r\n for (let index = 0; index < tickmarkIdArray.length; index++) {\r\n const tickmarkId = tickmarkIdArray[index];\r\n const elementsArray = Object.values(clonedElementsMap[tickmarkId]);\r\n\r\n for (let j = 0; j < elementsArray.length; j++) {\r\n const elementId = elementsArray[j].id;\r\n if (elementId in updatedElementsMapObject) {\r\n const element = updatedElementsMapObject[elementId];\r\n const elementToUpdate = clonedElementsMap[tickmarkId][j];\r\n clonedElementsMap[tickmarkId][j] = { ...elementToUpdate, ...element };\r\n }\r\n }\r\n }\r\n return this.mergeData({ elementsMap: clonedElementsMap });\r\n }\r\n\r\n removeElementFromTickmarkElementsMapWithSocketPayload(payload) {\r\n let elementsToRemoveSet = new Set();\r\n for (let i = 0; i < payload.length; i++) {\r\n const element = payload[i];\r\n elementsToRemoveSet.add(element.id);\r\n }\r\n let clonedElementsMap = clonedeep(this.data.elementsMap);\r\n const tickmarkIdArray = Object.keys(clonedElementsMap);\r\n\r\n // this part updates the elements map\r\n for (let index = 0; index < tickmarkIdArray.length; index++) {\r\n const tickmarkId = tickmarkIdArray[index];\r\n const elementsArray = Object.values(clonedElementsMap[tickmarkId]);\r\n\r\n for (let j = 0; j < elementsArray.length; j++) {\r\n const elementId = elementsArray[j].id;\r\n if (elementsToRemoveSet.has(elementId)) {\r\n clonedElementsMap[tickmarkId].splice(j, 1);\r\n }\r\n }\r\n }\r\n\r\n return this.mergeData({\r\n elementsMap: clonedElementsMap,\r\n });\r\n }\r\n\r\n removeElementFromElementsMap(payload) {\r\n const elementIdToRemove = payload;\r\n let clonedElementsMap = clonedeep(this.data.elementsMap);\r\n const tickmarkIdArray = Object.keys(clonedElementsMap);\r\n\r\n for (let index = 0; index < tickmarkIdArray.length; index++) {\r\n const tickmarkId = tickmarkIdArray[index];\r\n const elementsArray = Object.values(clonedElementsMap[tickmarkId]);\r\n\r\n for (let j = 0; j < elementsArray.length; j++) {\r\n const elementId = elementsArray[j].id;\r\n if (elementId === elementIdToRemove) {\r\n clonedElementsMap[tickmarkId].splice(j, 1);\r\n }\r\n }\r\n }\r\n\r\n return this.mergeData({ elementsMap: clonedElementsMap });\r\n }\r\n\r\n removeTickmarkFromElementsMap(tickmarkId) {\r\n let updatedElementsMap = clonedeep(this.data.elementsMap);\r\n if (tickmarkId in updatedElementsMap) {\r\n delete updatedElementsMap[tickmarkId];\r\n }\r\n return this.mergeData({ elementsMap: updatedElementsMap });\r\n }\r\n addTickmarkToDeletedArray(tickmarkId) {\r\n const deletedTickmarksCopy = this.data.deletedTickmarks;\r\n deletedTickmarksCopy.push(tickmarkId);\r\n return this.mergeData({ deletedTickmarks: deletedTickmarksCopy });\r\n }\r\n\r\n deleteTickmarkWithSocketPayload(payload) {\r\n let tickmarksCopy = [...this.data.tickmarks];\r\n tickmarksCopy = tickmarksCopy.filter(\r\n (tickmark) => tickmark.tickmarkId !== payload.tickmarkRefId,\r\n );\r\n\r\n let updatedElementsMap = clonedeep(this.data.elementsMap);\r\n if (payload.tickmarkRefId in updatedElementsMap) {\r\n delete updatedElementsMap[payload.tickmarkRefId];\r\n }\r\n\r\n return this.mergeData({\r\n tickmarks: tickmarksCopy.map((tickmark) => new Tickmark(tickmark)),\r\n elementsMap: updatedElementsMap,\r\n });\r\n }\r\n updateTickmarkWithSocketPayload(payload) {\r\n let tickmarksCopy = [...this.data.tickmarks];\r\n for (\r\n let currentTickmarkIndex = 0;\r\n currentTickmarkIndex < tickmarksCopy.length;\r\n currentTickmarkIndex++\r\n ) {\r\n if (\r\n payload.tickmarkRefId ===\r\n tickmarksCopy[currentTickmarkIndex].tickmarkId &&\r\n tickmarksCopy[currentTickmarkIndex].revisionId === payload.revisionId\r\n ) {\r\n tickmarksCopy[currentTickmarkIndex].text = payload.text;\r\n tickmarksCopy[currentTickmarkIndex].richText = payload.richText;\r\n tickmarksCopy[currentTickmarkIndex].creationType = payload.creationType;\r\n }\r\n }\r\n return this.mergeData({\r\n tickmarks: tickmarksCopy.map((tickmark) => new Tickmark(tickmark)),\r\n });\r\n }\r\n returnTopNTickmarks(noOfTickmarkToReturn) {\r\n return this.mergeData({\r\n tickmarks: this.tickmarks.slice(0, noOfTickmarkToReturn),\r\n });\r\n }\r\n\r\n /**\r\n * It adds new data to elementsMap and tickmarks and increases the elementsCount in tickmarks\r\n * for the new tickmarkId inserted.\r\n * @param {Array} payload.attachedTickmark - it contains the list of attached tickmark with elementId\r\n * @param {Array} payload.elementEntities - it contains the list of elements modified as a result of attaching tickmark\r\n * @returns {ThisParameterType}\r\n */\r\n addTickmarkToList(payload) {\r\n let clonedElementsMap = clonedeep(this.data.elementsMap);\r\n const tickmarksMap = this.tickmarks.reduce((elementMap, elementData) => {\r\n elementMap[elementData.tickmarkId] = elementData;\r\n return elementMap;\r\n }, {});\r\n const elements = payload.elementEntities.reduce(\r\n (elementMap, elementData) => {\r\n elementMap[elementData.id] = elementData;\r\n return elementMap;\r\n },\r\n {},\r\n );\r\n let modifiedTickmark = {};\r\n payload.attachedTickmark.forEach((tickmark) => {\r\n const tickmarkId = tickmark.tickmarkId;\r\n if (!(tickmarkId in tickmarksMap)) {\r\n tickmarksMap[tickmarkId] = tickmark;\r\n }\r\n const element = elements[tickmark.elementId];\r\n if (tickmarkId in clonedElementsMap) {\r\n // If there is already a tickmark and few elements already exists for that tickmark\r\n // then append this new element in the list.\r\n // Given : element is not null or undefined or any other falsy value.\r\n if (element) {\r\n modifiedTickmark[tickmarkId] = true;\r\n clonedElementsMap[tickmarkId].push(element);\r\n tickmarksMap[tickmarkId].elementCount++;\r\n }\r\n } else {\r\n //Else If there does not exist the particular tickmarkId\r\n // then create a new tickmark and store in the list.\r\n // Given : element is not null or undefined or any other falsy value.\r\n if (element) {\r\n clonedElementsMap[tickmarkId] = [element];\r\n tickmarksMap[tickmarkId].elementCount++;\r\n }\r\n }\r\n });\r\n const modifiedTickmarkKeys = Object.keys(modifiedTickmark);\r\n for (let i = 0; i < modifiedTickmarkKeys.length; i++) {\r\n //sort the element list by id to put the new element in the correct position\r\n clonedElementsMap[modifiedTickmarkKeys[i]] = clonedElementsMap[\r\n modifiedTickmarkKeys[i]\r\n ].sort((a, b) => a.id - b.id);\r\n }\r\n // sort the tickmarks by note ordinal\r\n const tickmarks = Object.values(tickmarksMap).sort(\r\n (a, b) => a.ordinal - b.ordinal,\r\n );\r\n return this.mergeData({\r\n tickmarks: tickmarks.map((tickmark) => new Tickmark(tickmark)),\r\n elementsMap: clonedElementsMap,\r\n });\r\n }\r\n /**\r\n * Removes data from elementsMap and modifies the count of tickmarks\r\n * @param {Array} payload - A particular object in an array consists revisionId, elementId, tickmarkId\r\n * @returns {ThisParameterType}\r\n */\r\n unlinkTickmarkFromElementWithWebsocket(payload) {\r\n let clonedElementsMap = clonedeep(this.data.elementsMap);\r\n let clonedTickmarks = clonedeep(this.data.tickmarks);\r\n\r\n let tickmarkToElementsMap = {};\r\n /** We are building a object which will contain all the new (in the payload) elementId mapped\r\n * to tickmarkId i.e. tickmarkId will be key which will contain collection of objects\r\n * of the form 'elementId: true'.\r\n * Example : [123] : {{1:true}, {2:true}}.\r\n * Here 123 is tickmarkId and 1,2 are respective elementId (in the payload) mapped to\r\n * that tickmarkId.\r\n */\r\n for (let i = 0; i < payload.length; i++) {\r\n const element = payload[i];\r\n /** for the element in payload with particular tickmarkId, if tickmarkId\r\n * already exists in tickmarkToElementsMap then append the data for new element\r\n * else create a new key with that tickmarkId and store the elementId\r\n */\r\n if (element.tickmarkId in tickmarkToElementsMap) {\r\n tickmarkToElementsMap[element.tickmarkId] = {\r\n ...tickmarkToElementsMap[element.tickmarkId],\r\n [element.elementId]: true,\r\n };\r\n } else {\r\n tickmarkToElementsMap[element.tickmarkId] = {\r\n [element.elementId]: true,\r\n };\r\n }\r\n }\r\n /** Modify the elementCount for each tickmarkId (condition: tickmarkId belongs to the set of tickmarkToElementsMap)\r\n * in tickmarks array and delete the elementIds from elementsMap\r\n */\r\n for (let i = 0; i < clonedTickmarks.length; i++) {\r\n let tickmark = clonedTickmarks[i];\r\n const tickmarkId = tickmark.tickmarkId;\r\n if (tickmarkId in tickmarkToElementsMap) {\r\n const elementsObject = tickmarkToElementsMap[tickmarkId];\r\n\r\n // subtract elementCount based on how many affected elements\r\n // are mapped to a specific tickmarkId\r\n const elementsToSubtract = Object.keys(elementsObject).length;\r\n tickmark.elementCount = tickmark.elementCount - elementsToSubtract;\r\n\r\n if (Object.keys(clonedElementsMap).length > 0) {\r\n let elements = clonedElementsMap[tickmarkId];\r\n const filteredElements = elements.filter(\r\n (element) => !(element.id in tickmarkToElementsMap[tickmarkId]),\r\n );\r\n clonedElementsMap[tickmarkId] = filteredElements;\r\n }\r\n }\r\n }\r\n\r\n return this.mergeData({\r\n tickmarks: clonedTickmarks,\r\n elementsMap: clonedElementsMap,\r\n });\r\n }\r\n}\r\n","import React from 'react';\r\nimport classnames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport ElementDetails from 'models/api/element-details-api-model';\r\nimport { FormattedMessage } from 'react-intl';\r\n\r\nconst AMOUNT_ATTRIBUTES_DETAILS_BLOCK = 'amount-attribute-details';\r\nconst AmountAttributesDetails = ({ elementDetails, className, flagMap }) => {\r\n if (elementDetails.isLoaded === false) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {elementDetails.period}\r\n \r\n \r\n {elementDetails.entity}\r\n \r\n
\r\n );\r\n};\r\n\r\nAmountAttributesDetails.propTypes = {\r\n /** Selected elements details object */\r\n elementDetails: PropTypes.oneOfType([\r\n PropTypes.instanceOf(ElementDetails),\r\n PropTypes.object,\r\n ]).isRequired,\r\n};\r\n\r\nexport default AmountAttributesDetails;\r\n","const SPECIAL_COLUMNS = {\r\n kebab: 'special-kebab-column',\r\n checkbox: 'special-checkbox-column',\r\n icon: 'special-icon-column',\r\n};\r\nconst CONSTANTS = {\r\n SPECIAL_COLUMNS,\r\n SPECIAL_COLUMNS_LIST: Object.values(SPECIAL_COLUMNS),\r\n DATA_GRID_ROW_HEIGHT: 3, // in rems\r\n DATA_GRID_ROW_HEIGHT_MAX: 6, // in rems\r\n ROWS_AMOUNT: 20,\r\n};\r\nexport default CONSTANTS;\r\n","import BaseModel from 'models/base-model';\r\n\r\nexport default class Tickmark extends BaseModel({\r\n revisionId: null,\r\n elementId: null,\r\n tickmarkId: null,\r\n ordinal: null,\r\n noteOrdinal: '',\r\n richText: '',\r\n text: '',\r\n elementCount: 0,\r\n}) {}\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { CALLOUT_MAX_WIDTH, ELEMENT_BLOCK } from '../tieout-element-component';\r\nimport { ANNOTATION_DISPLAY_FUNCTIONS } from 'constants/feature/tieout-element-constants';\r\nimport { getElementHighlightStatus } from 'utils/ocr-annotation-utils';\r\nimport { setSelectedElementDetails } from 'store/actions/report-preview-page-actions';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport AnnotationCalloutComponent from '../tieout-element-common/annotation-callout-component';\r\nimport ElementDetails from 'models/api/element-details-api-model';\r\nimport Zoom from 'models/data/zoom-model';\r\n\r\nconst ANNOTATION_ICON_SIZE = '10px';\r\nconst PREVIEW_REPORT_SELECTEDABLE_ELEMENT_BLOCK_ID =\r\n 'preview-report-selectedable-element-id';\r\n\r\nconst PREVIEW_REPORT_SELECTEDABLE_ELEMENT_BLOCK =\r\n 'preview-report-selectedable-element';\r\n\r\nconst CALLOUT_POINTER_WIDTH_AND_MARGIN = 12;\r\n\r\nconst PreviewReportSelectedableElement = ({\r\n elementDetails,\r\n href,\r\n id,\r\n elementId,\r\n sectionId,\r\n children,\r\n zoom,\r\n}) => {\r\n const elementRef = useRef(false);\r\n\r\n const elementSize =\r\n elementRef && elementRef.current\r\n ? parseFloat(window.getComputedStyle(elementRef.current).fontSize) - 3\r\n : 0;\r\n\r\n const {\r\n reportPreviewPage,\r\n previewPage: { shouldShowElementId, shouldShowStatusAndFlag },\r\n } = useSelector((store) => store.ui);\r\n\r\n const isElementSelected =\r\n reportPreviewPage.selectedElementId === parseInt(elementId);\r\n\r\n const [screenSize, setScreenSize] = useState(\r\n window.innerWidth * window.innerHeight,\r\n );\r\n const dispatch = useDispatch();\r\n useEffect(() => {\r\n window.addEventListener('resize', () => {\r\n setScreenSize(window.innerWidth * window.innerHeight);\r\n });\r\n return () => {\r\n window.removeEventListener('resize', () => {\r\n setScreenSize(window.innerWidth * window.innerHeight);\r\n });\r\n };\r\n }, []);\r\n\r\n const [calloutRightPosition, setCalloutRightPosition] = useState('0px');\r\n const [calloutTopPosition, setCalloutTopPosition] = useState('0px');\r\n\r\n const tieoutElement = document.getElementById(id);\r\n const tieoutElementBoundingInfo =\r\n tieoutElement && tieoutElement.getBoundingClientRect();\r\n const tieoutElementLeft =\r\n tieoutElementBoundingInfo && tieoutElementBoundingInfo.left;\r\n const tieoutElementTop =\r\n tieoutElementBoundingInfo && tieoutElementBoundingInfo.top;\r\n const tieoutElementHeight =\r\n tieoutElementBoundingInfo && tieoutElementBoundingInfo.height;\r\n\r\n useEffect(() => {\r\n const callOut = document.getElementById(\r\n `${PREVIEW_REPORT_SELECTEDABLE_ELEMENT_BLOCK_ID}__${id}`,\r\n );\r\n const calloutBoundingInfo =\r\n (callOut && callOut.getBoundingClientRect()) || {};\r\n const { height: calloutHeight, width: calloutWidth } = calloutBoundingInfo;\r\n const { left: parentLeftPosition } = document\r\n .getElementById('statement-content-panel-id')\r\n .getBoundingClientRect();\r\n const { top: parentTopPosition } = document\r\n .getElementById('statement-content-panel-zoom-id')\r\n .getBoundingClientRect();\r\n\r\n const elementCenter = tieoutElementHeight / 2;\r\n const calloutCenter = calloutHeight / 2;\r\n const calloutRight =\r\n tieoutElementLeft &&\r\n `${\r\n (tieoutElementLeft -\r\n parentLeftPosition -\r\n calloutWidth -\r\n CALLOUT_POINTER_WIDTH_AND_MARGIN) /\r\n zoom.zoomRatio\r\n }px`;\r\n const calloutTop = `${\r\n (tieoutElementTop - parentTopPosition - calloutCenter + elementCenter) /\r\n zoom.zoomRatio\r\n }px`;\r\n\r\n setCalloutTopPosition(calloutTop);\r\n setCalloutRightPosition((preVal) =>\r\n zoom.zoomRatio < 1 ? preVal : calloutRight,\r\n );\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [\r\n elementDetails,\r\n zoom.zoomRatio,\r\n screenSize,\r\n tieoutElementLeft,\r\n tieoutElementTop,\r\n tieoutElementHeight,\r\n shouldShowElementId,\r\n shouldShowStatusAndFlag,\r\n ]);\r\n\r\n const { isReviewed, isVerified, isUnverified } = getElementHighlightStatus({\r\n elementDetails,\r\n isElementHighlighted: false,\r\n isPreviewPage: true,\r\n showElementStatusAndFlag: shouldShowStatusAndFlag,\r\n });\r\n\r\n const getElementStatusColor = () =>\r\n isReviewed\r\n ? `${ELEMENT_BLOCK}--reviewed`\r\n : isVerified\r\n ? `${ELEMENT_BLOCK}--verified`\r\n : isUnverified && `${ELEMENT_BLOCK}--unverified`;\r\n\r\n const navigateToElementRow = () => {\r\n dispatch(\r\n setSelectedElementDetails({\r\n selectedElementId: parseInt(elementId),\r\n isClickedOnReport: false,\r\n }),\r\n );\r\n };\r\n\r\n return (\r\n <>\r\n {children}
\r\n \r\n )}\r\n {elementData.marker && (\r\n \r\n
,\r\n { autoClose: 15000 },\r\n );\r\n};\r\n\r\n// this function is used to segregate the source and current(target) elements from array of objects based on elementUpdateStatus property to identify success and failed mapped elements\r\nexport const seggregateSourceTargetElements = (elementsMapped) => {\r\n let successSourceElements = [];\r\n let failedSourceElements = [];\r\n let successTargetElements = [];\r\n let failedTargetElements = [];\r\n for (let i = 0; i < elementsMapped.length; i++) {\r\n if (elementsMapped[i].elementUpdateStatus) {\r\n successSourceElements.push(elementsMapped[i].sourceElementId);\r\n successTargetElements.push(elementsMapped[i].targetElementId);\r\n } else {\r\n failedSourceElements.push(elementsMapped[i].sourceElementId);\r\n failedTargetElements.push(elementsMapped[i].targetElementId);\r\n }\r\n }\r\n return {\r\n successSourceElements,\r\n failedSourceElements,\r\n successTargetElements,\r\n failedTargetElements,\r\n };\r\n};\r\n\r\n//common function used to seggregate source and current(target) elements based on the response from element map request in side by side view page.\r\nexport const highlightMappedElementsByResponse =\r\n ({ result, sourceElements, targetElements }) =>\r\n async (dispatch, getState) => {\r\n dispatch(\r\n replaceLeftSelectedElementWithoutRemovingOld({\r\n elementIds: sourceElements,\r\n color:\r\n result === mapElementsSuccessResult\r\n ? ELEMENT_HIGHLIGHT_STATES.ELEMENT_MAP_SUCCESS\r\n : ELEMENT_HIGHLIGHT_STATES.ELEMENT_MAP_FAILURE,\r\n }),\r\n );\r\n dispatch(\r\n replaceSelectedElementWithoutRemovingOld({\r\n elementIds: targetElements,\r\n color:\r\n result === mapElementsSuccessResult\r\n ? ELEMENT_HIGHLIGHT_STATES.ELEMENT_MAP_SUCCESS\r\n : ELEMENT_HIGHLIGHT_STATES.ELEMENT_MAP_FAILURE,\r\n }),\r\n );\r\n };\r\n\r\nexport const handleElementMappingFailure =\r\n (mapElementsFailureResult, sourceElements, targetElements) =>\r\n async (dispatch, getState) => {\r\n //if element mapping request failed it triggers below code\r\n dispatch(\r\n highlightMappedElementsByResponse({\r\n result: mapElementsFailureResult,\r\n sourceElements,\r\n targetElements,\r\n }),\r\n );\r\n dispatch(clearSideBySideElementsMap());\r\n // failed mapped elements notification\r\n failureElementMapNotification({ targetElements });\r\n };\r\n\r\n//successful notification for element(s) mapped\r\nexport const successElementMapNotification = ({ targetElements }) => {\r\n return toast.success(\r\n \r\n \r\n
\r\n \r\n
,\r\n { autoClose: 15000 },\r\n );\r\n};\r\n\r\n//failure notification for element(s) mapped\r\nexport const failureElementMapNotification = ({ targetElements }) => {\r\n return toast.error(\r\n \r\n \r\n
\r\n \r\n
,\r\n { autoClose: 15000 },\r\n );\r\n};\r\n\r\nexport const getCalloutPosition = ({\r\n position,\r\n calloutRef,\r\n id,\r\n zoom,\r\n leftSideView,\r\n}) => {\r\n const zoomPercentageSubtractionLR = 10;\r\n const zoomPercentageSubtractionTB = 8;\r\n const bodyPadding = 5;\r\n let calloutPosition = position;\r\n\r\n const calloutBoundingInfo =\r\n (calloutRef &&\r\n calloutRef.current &&\r\n calloutRef.current.getBoundingClientRect()) ||\r\n {};\r\n const { height: calloutHeight, width: calloutWidth } = calloutBoundingInfo;\r\n\r\n const div = calloutRef && calloutRef.current;\r\n const afterStyles = div && window.getComputedStyle(div, '::after');\r\n const afterContentWidth =\r\n afterStyles &&\r\n afterStyles.getPropertyValue('width') &&\r\n parseInt(afterStyles.getPropertyValue('width').split('p')[0]);\r\n\r\n const documentId = leftSideView\r\n ? STATEMENT_CONTENT_PANEL_ZOOM_LEFT_BLOCK\r\n : STATEMENT_CONTENT_PANEL_ZOOM_BLOCK;\r\n const parentElement = document && document.getElementById(documentId);\r\n\r\n const {\r\n left: parentLeftPosition,\r\n top: parentTopPosition,\r\n right: parentRightPosition,\r\n } = parentElement ? parentElement.getBoundingClientRect() : {};\r\n\r\n const tieoutElement = document.getElementById(id);\r\n const { right, top, height, left, width } = tieoutElement\r\n ? tieoutElement.getBoundingClientRect()\r\n : {};\r\n const elementCenter = height / 2;\r\n const calloutCenter = calloutHeight / 2;\r\n\r\n let value;\r\n if (position === 'left')\r\n value = left - parentLeftPosition - calloutWidth + bodyPadding;\r\n if (position === 'right')\r\n value = parentRightPosition - right - calloutWidth + bodyPadding;\r\n let callout = {};\r\n\r\n if (position === 'left' && value < 0) {\r\n calloutPosition = 'right';\r\n }\r\n if (position === 'right' && value < 0) {\r\n calloutPosition = 'left';\r\n }\r\n\r\n const customWidth = (width - calloutWidth) / 2;\r\n\r\n switch (calloutPosition) {\r\n case 'left':\r\n callout = {\r\n left:\r\n left &&\r\n afterContentWidth &&\r\n `${\r\n (left - parentLeftPosition - calloutWidth + bodyPadding) /\r\n zoom.zoomRatio -\r\n zoomPercentageSubtractionLR * zoom.zoomRatio\r\n }px`,\r\n top:\r\n top &&\r\n `${\r\n (top - parentTopPosition - calloutCenter + elementCenter) /\r\n zoom.zoomRatio\r\n }px`,\r\n };\r\n break;\r\n case 'right':\r\n callout = {\r\n right:\r\n right &&\r\n `${\r\n (parentRightPosition - right - calloutWidth + bodyPadding) /\r\n zoom.zoomRatio -\r\n zoomPercentageSubtractionLR * zoom.zoomRatio\r\n }px`,\r\n top:\r\n top &&\r\n `${\r\n (top - parentTopPosition - calloutCenter + elementCenter) /\r\n zoom.zoomRatio\r\n }px`,\r\n };\r\n break;\r\n case 'top':\r\n callout = {\r\n left:\r\n left &&\r\n `${(left - parentLeftPosition + customWidth) / zoom.zoomRatio}px`,\r\n top: `${\r\n (top - parentTopPosition - calloutHeight + bodyPadding) /\r\n zoom.zoomRatio -\r\n zoomPercentageSubtractionTB * zoom.zoomRatio\r\n }px`,\r\n };\r\n break;\r\n case 'bottom':\r\n callout = {\r\n left:\r\n left &&\r\n `${(left - parentLeftPosition + customWidth) / zoom.zoomRatio}px`,\r\n top: `${\r\n (top - parentTopPosition + height - bodyPadding) / zoom.zoomRatio +\r\n zoomPercentageSubtractionTB * zoom.zoomRatio\r\n }px`,\r\n };\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n\r\n return callout;\r\n};\r\n\r\nexport const getMarkerPosition = ({\r\n markerRef,\r\n position,\r\n id,\r\n zoom,\r\n leftSideView,\r\n}) => {\r\n const documentId = leftSideView\r\n ? STATEMENT_CONTENT_PANEL_ZOOM_LEFT_BLOCK\r\n : STATEMENT_CONTENT_PANEL_ZOOM_BLOCK;\r\n const parentElement = document && document.getElementById(documentId);\r\n const {\r\n left: parentLeftPosition,\r\n top: parentTopPosition,\r\n right: parentRightPosition,\r\n } = parentElement ? parentElement.getBoundingClientRect() : {};\r\n\r\n const tieoutElement = document.getElementById(id);\r\n\r\n const { right, top, left, width, height } = tieoutElement\r\n ? tieoutElement.getBoundingClientRect()\r\n : {};\r\n\r\n const annotationMarkerInfo =\r\n (markerRef &&\r\n markerRef.current &&\r\n markerRef.current.getBoundingClientRect()) ||\r\n {};\r\n const { width: annotationMarkerElementWidth } = annotationMarkerInfo;\r\n\r\n const elementHorizontalCenter = width / 2;\r\n\r\n const customHeight = (height - annotationMarkerElementWidth) / 2;\r\n\r\n let marker = {};\r\n\r\n switch (position) {\r\n case 'left':\r\n marker = {\r\n left:\r\n left &&\r\n `${\r\n (left - parentLeftPosition - annotationMarkerElementWidth) /\r\n zoom.zoomRatio\r\n }px`,\r\n top:\r\n top &&\r\n `${(top - parentTopPosition + customHeight) / zoom.zoomRatio}px`,\r\n };\r\n break;\r\n case 'right':\r\n marker = {\r\n right:\r\n right &&\r\n `${\r\n (parentRightPosition - right - annotationMarkerElementWidth) /\r\n zoom.zoomRatio\r\n }px`,\r\n top:\r\n top &&\r\n `${(top - parentTopPosition + customHeight) / zoom.zoomRatio}px`,\r\n };\r\n break;\r\n case 'top':\r\n marker = {\r\n left:\r\n left &&\r\n `${\r\n (left -\r\n parentLeftPosition +\r\n elementHorizontalCenter -\r\n annotationMarkerElementWidth / 2) /\r\n zoom.zoomRatio\r\n }px`,\r\n top: `${\r\n (top - parentTopPosition - annotationMarkerElementWidth) /\r\n zoom.zoomRatio\r\n }px`,\r\n };\r\n break;\r\n case 'bottom':\r\n marker = {\r\n left:\r\n left &&\r\n `${\r\n (left -\r\n parentLeftPosition +\r\n elementHorizontalCenter -\r\n annotationMarkerElementWidth / 2) /\r\n zoom.zoomRatio\r\n }px`,\r\n top: `${\r\n (top - parentTopPosition + annotationMarkerElementWidth) /\r\n zoom.zoomRatio\r\n }px`,\r\n };\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n\r\n return marker;\r\n};\r\n","import ApiModel from 'models/api-model';\r\nimport { isNullOrUndefined } from 'utils/object-utils';\r\nimport {\r\n STATEMENT_TYPE_ID_MAP,\r\n STATEMENT_TYPE_OPTIONS_MAP,\r\n FISCAL_YEAR_OPTIONS_MAP,\r\n ACCOUNTING_BASIS_OPTIONS_MAP,\r\n REGISTRANT_OPTIONS_MAP,\r\n MAX_STATEMENT_NAME_LENGTH,\r\n QUARTER_OPTIONS_MAP,\r\n SCALING_OPTIONS,\r\n SCALING_OPTIONS_MAP,\r\n UNIT_OPTIONS,\r\n UNIT_OPTIONS_MAP,\r\n} from 'constants/feature/statement-creation-constants';\r\nimport { DATE_FORMATS } from 'constants/util/date-constants';\r\nimport moment from 'moment';\r\n\r\nexport default class StatementForm extends ApiModel({\r\n data: {\r\n id: null,\r\n clientId: null,\r\n statementDisplayId: null,\r\n statementTypeId: null,\r\n languageType: null,\r\n originalStatementTypeId: null,\r\n periodEnding: null,\r\n originalPeriodEnding: null,\r\n fiscalYear: null,\r\n originalFiscalYear: null,\r\n registrant: null,\r\n originalRegistrant: null,\r\n accountingBasis: null,\r\n originalAccountingBasis: null,\r\n quarter: null,\r\n originalQuarter: null,\r\n archiveDate: null,\r\n files: [], //this is an array because a future enhancement is to upload multiple files at once.\r\n statementName: '',\r\n dateformatId: null,\r\n numberFormatId: null,\r\n activeRevisionEntities: [], // this needs to be included for it to work. needs to be removed.\r\n carryForwardStatementIds: {},\r\n carryForwardProject: null,\r\n carryForward: null,\r\n legalHold: 0,\r\n comfortLetter: 0,\r\n autoIdentifyIrs: 0,\r\n defaultScaling: SCALING_OPTIONS[0],\r\n defaultUnit: UNIT_OPTIONS[0],\r\n cfDetails: {\r\n workpapers: false,\r\n tickmarks: false,\r\n formulas: false,\r\n internalreferences: false,\r\n autotieout: false,\r\n comparemetadata: false,\r\n },\r\n },\r\n fileError: false,\r\n status: null,\r\n}) {\r\n get carryForwardDetails() {\r\n return this.data.cfDetails;\r\n }\r\n\r\n get statementName() {\r\n return this.data.statementName;\r\n }\r\n\r\n get dateformatId() {\r\n return this.data.dateformatId;\r\n }\r\n\r\n get numberFormatId() {\r\n return this.data.numberFormatId;\r\n }\r\n\r\n get statementTypeId() {\r\n return this.data.statementTypeId;\r\n }\r\n\r\n get languageType() {\r\n return this.data.languageType;\r\n }\r\n\r\n get periodEnding() {\r\n return this.data.periodEnding;\r\n }\r\n\r\n get fiscalYear() {\r\n return this.data.fiscalYear;\r\n }\r\n\r\n get registrant() {\r\n return this.data.registrant;\r\n }\r\n\r\n get defaultScaling() {\r\n return this.data.defaultScaling;\r\n }\r\n\r\n get defaultUnit() {\r\n return this.data.defaultUnit;\r\n }\r\n\r\n get accountingBasis() {\r\n return this.data.accountingBasis;\r\n }\r\n\r\n get quarter() {\r\n return this.data.quarter;\r\n }\r\n\r\n get archiveDate() {\r\n return this.data.archiveDate;\r\n }\r\n\r\n get files() {\r\n return this.data.files;\r\n }\r\n\r\n get carryForwardStatementIds() {\r\n return this.data.carryForwardStatementIds;\r\n }\r\n\r\n get carryForwardStatementIdsArray() {\r\n return Object.keys(this.data.carryForwardStatementIds);\r\n }\r\n\r\n get activeRevisionEntities() {\r\n return this.data.activeRevisionEntities;\r\n }\r\n\r\n get carryForwardProject() {\r\n return this.data.carryForwardProject;\r\n }\r\n\r\n get carryForward() {\r\n return this.data.carryForward;\r\n }\r\n\r\n get legalHold() {\r\n return this.data.legalHold;\r\n }\r\n\r\n get comfortLetter() {\r\n return this.data.comfortLetter;\r\n }\r\n\r\n get autoIdentifyIrs() {\r\n return this.data.autoIdentifyIrs;\r\n }\r\n\r\n processResponse({ response }) {\r\n const _isValidStatementEntityResponse =\r\n response.data && response.data.id && response.data.statementDisplayEntity;\r\n if (_isValidStatementEntityResponse) {\r\n /**\r\n * Get the display values off the nested display entity.\r\n * We will use these as the presented fields on the model\r\n * and mark the uneditable fields as \"original\" in the event\r\n * that we ever do need them for some reason.\r\n * */\r\n const {\r\n id,\r\n accountingBasis,\r\n fiscalYear,\r\n periodEnding,\r\n quarter,\r\n registrant,\r\n statementTypeId,\r\n } = response.data.statementDisplayEntity;\r\n return {\r\n data: {\r\n ...response.data,\r\n statementDisplayId: id,\r\n statementTypeId: STATEMENT_TYPE_OPTIONS_MAP.get(statementTypeId),\r\n dateformatId: response.data.dateformatId,\r\n numberFormatId: response.data.numberFormatId,\r\n originalStatementTypeId: response.data.statementTypeId,\r\n fiscalYear: FISCAL_YEAR_OPTIONS_MAP.get(fiscalYear.toString()),\r\n languageType: response.data.languageCode,\r\n originalFiscalYear: response.data.fiscalYear,\r\n quarter: QUARTER_OPTIONS_MAP.get(quarter),\r\n originalQuarter: response.data.quarter,\r\n periodEnding: periodEnding ? moment.utc(periodEnding) : null,\r\n originalPeriodEnding: moment.utc(response.data.periodEnding),\r\n accountingBasis: ACCOUNTING_BASIS_OPTIONS_MAP.get(accountingBasis),\r\n originalAccountingBasis: response.data.accountingBasis,\r\n registrant: REGISTRANT_OPTIONS_MAP.get(registrant),\r\n originalRegistrant: response.data.registrant,\r\n legalHold: response.data.legalHold,\r\n comfortLetter: response.data.isCftEnabled,\r\n archiveDate: response.data.archiveDate\r\n ? moment.utc(response.data.archiveDate)\r\n : null,\r\n defaultScaling: SCALING_OPTIONS_MAP.get(response.data.defaultScaling),\r\n defaultUnit: UNIT_OPTIONS_MAP.get(response.data.defaultUnit),\r\n },\r\n status: response.status,\r\n };\r\n }\r\n return {\r\n status: response.status,\r\n };\r\n }\r\n\r\n toCreationApiFormat() {\r\n if (this.data) {\r\n const clientDetails = {\r\n periodEnding: moment(this.data.periodEnding).format(\r\n DATE_FORMATS.YEAR_MONTH_DAY_TIME,\r\n ),\r\n archiveDate: moment(this.data.archiveDate).format(\r\n DATE_FORMATS.YEAR_MONTH_DAY_TIME,\r\n ),\r\n statementName: this.data.statementName,\r\n dateFormatId: this.getDropdownValue(this.data.dateformatId),\r\n numberFormatId: this.getDropdownValue(this.data.numberFormatId),\r\n languageType: this.getDropdownValue(this.data.languageType),\r\n statementTypeId: this.getDropdownValue(this.data.statementTypeId),\r\n quarter: this.getDropdownValue(this.data.quarter) || 0,\r\n fiscalYear: this.getDropdownValue(this.fiscalYear),\r\n accountingBasis: this.getDropdownValue(this.data.accountingBasis),\r\n registrant: this.getDropdownValue(this.data.registrant),\r\n defaultScaling: this.getDropdownValue(this.data.defaultScaling),\r\n defaultUnit: this.getDropdownValue(this.data.defaultUnit),\r\n activeRevisionEntities: [{}], // this needs to be included for it to work. needs to be removed.,\r\n cfDetails: this.data.cfDetails,\r\n legalHold: this.data.legalHold ? 1 : 0,\r\n isCftEnabled: this.data.comfortLetter ? 1 : 0,\r\n autoIdentifyIrs: this.data.autoIdentifyIrs ? 1 : 0,\r\n };\r\n return this._createFormData(this.files, clientDetails);\r\n }\r\n }\r\n\r\n toEditApiFormat() {\r\n /**\r\n * When editing a statement, we are tracking the field changes on two different pojos as follows:\r\n *\r\n * StatementEntity {\r\n * statementName: string,\r\n * archiveDate: Date,\r\n * statementDisplayEntity: {\r\n * fiscalYear: int,\r\n * statementTypeId: int,\r\n * periodEnding: Date,\r\n * registrant: String,\r\n * accountingBasis: String,\r\n * quarter: QuarterEnum,\r\n * },\r\n * }\r\n *\r\n * consequently, only the statement name and the archiveDate are being tracked on the actual statement entity, while\r\n * all other editable fields are being tracked on a nested statement display object. When we receive this data from the back-end\r\n * we are mapping it in a way that it is easiest for us to display the necessary information. When we send it\r\n * back in an edit request, we have to map it back in a way that the back-end can properly update the fields.\r\n * It should also be noted that we are maintaining a reference to the original values on the parent pojo with an\r\n * `original` prefix (e.g. `originalPeriodEnding`), but those are not used for general display purposes, only for reporting and\r\n * admin views.\r\n *\r\n */\r\n if (this.data) {\r\n return {\r\n id: this.data.id,\r\n clientId: parseInt(this.data.clientId),\r\n archiveDate: moment(this.data.archiveDate).format(\r\n DATE_FORMATS.YEAR_MONTH_DAY_TIME,\r\n ), //editable on the statement entity\r\n statementName: this.data.statementName, // editable on the statement entity\r\n accountingBasis: this.data.originalAccountingBasis,\r\n fiscalYear: this.data.originalFiscalYear,\r\n periodEnding: moment(this.data.originalPeriodEnding).format(\r\n DATE_FORMATS.YEAR_MONTH_DAY_TIME,\r\n ),\r\n quarter: this.getDropdownValue(this.data.orignalQuarter) || 0,\r\n registrant: this.data.originalRegistrant,\r\n statementTypeId: this.data.originalStatementTypeId,\r\n legalHold: this.data.legalHold,\r\n isCftEnabled: this.data.comfortLetter,\r\n autoIdentifyIrs: this.data.autoIdentifyIrs,\r\n statementDisplayEntity: {\r\n // All fields in here are editable and used for display purposes to the end-user.\r\n // Not tracked for reporting or on the original statement entity pojo however.\r\n accountingBasis: this.getDropdownValue(this.data.accountingBasis),\r\n fiscalYear: this.getDropdownValue(this.data.fiscalYear),\r\n id: this.data.statementDisplayId,\r\n periodEnding: moment(this.data.periodEnding).format(\r\n DATE_FORMATS.YEAR_MONTH_DAY_TIME,\r\n ),\r\n quarter: this.getDropdownValue(this.data.quarter) || 0,\r\n registrant: this.getDropdownValue(this.data.registrant),\r\n statementId: this.getDropdownValue(this.data.id),\r\n statementTypeId: this.getDropdownValue(this.data.statementTypeId),\r\n languageType: this.getDropdownValue(this.data.languageType),\r\n dateformatId: this.getDropdownValue(this.data.dateformatId),\r\n numberFormatId: this.getDropdownValue(this.data.numberFormatId),\r\n defaultScaling: this.getDropdownValue(this.data.defaultScaling),\r\n defaultUnit: this.getDropdownValue(this.data.defaultUnit),\r\n },\r\n };\r\n }\r\n }\r\n\r\n revisionToApiFormat(statement) {\r\n let fiscalYear;\r\n if (statement) {\r\n fiscalYear = moment(statement.fiscalYear);\r\n const clientDetails = {\r\n periodEnding: moment(statement.periodEnding).format(\r\n DATE_FORMATS.YEAR_MONTH_DAY_TIME,\r\n ),\r\n archiveDate: moment(statement.archiveDate).format(\r\n DATE_FORMATS.YEAR_MONTH_DAY_TIME,\r\n ),\r\n statementName: statement.statementName,\r\n statementTypeId: statement.statementTypeId,\r\n languageType: statement.languageType,\r\n dateFormatId: statement.dateformatId,\r\n numberFormatId: statement.numberFormatId,\r\n quarter: statement.quarter,\r\n fiscalYear: moment(fiscalYear).format(DATE_FORMATS.YEAR),\r\n accountingBasis: statement.accountingBasis,\r\n registrant: statement.registrant,\r\n activeRevisionEntities: [{}], // this needs to be included for it to work. needs to be removed.\r\n legalHold: statement.legalHold ? 1 : 0,\r\n comfortLetter: statement.comfortLetter ? 1 : 0,\r\n autoIdentifyIrs: statement.autoIdentifyIrs ? 1 : 0,\r\n };\r\n return this._createFormData(this.files, clientDetails);\r\n }\r\n }\r\n\r\n _createFormData(files, clientDetails) {\r\n // the current api end point for statement-creation only accepts form data objects for the whole request\r\n // hence why clientDetails (statement details) are appended to the form data\r\n const formData = new FormData();\r\n formData.append('file', files[0]);\r\n formData.append(\r\n 'clientDetails',\r\n new Blob([JSON.stringify(clientDetails)], {\r\n type: 'application/json',\r\n }),\r\n );\r\n return formData;\r\n }\r\n\r\n isInitialized() {\r\n return !isNullOrUndefined(this.data.id);\r\n }\r\n\r\n getStatementData() {\r\n if (this.data) {\r\n return this.data;\r\n }\r\n }\r\n\r\n setFileError(files) {\r\n if (files) {\r\n return this.merge({\r\n data: {\r\n ...new this.constructor().data,\r\n files,\r\n statementName: files[0].name.split('.')[0], //removes file extention\r\n },\r\n fileError: true,\r\n });\r\n }\r\n }\r\n\r\n setFile(files) {\r\n if (files) {\r\n return this.merge({\r\n data: {\r\n ...new this.constructor().data,\r\n files,\r\n statementName: files[0].name.split('.')[0], //removes file extention\r\n },\r\n fileError: false,\r\n });\r\n } else {\r\n return this.merge({\r\n data: {\r\n ...new this.constructor().data,\r\n files: [],\r\n statementName: '',\r\n },\r\n fileError: false,\r\n });\r\n }\r\n }\r\n\r\n hasFileError() {\r\n if (this.fileError) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n hasUploadedFiles() {\r\n if (this.data.files.length) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n setStatementName(statementName) {\r\n return this.merge({\r\n data: {\r\n ...this.data,\r\n statementName,\r\n },\r\n });\r\n }\r\n\r\n setDateFormat(dateformatId) {\r\n return this.merge({\r\n data: {\r\n ...this.data,\r\n dateformatId,\r\n },\r\n });\r\n }\r\n\r\n setNumberFormat(numberFormatId) {\r\n return this.merge({\r\n data: {\r\n ...this.data,\r\n numberFormatId,\r\n },\r\n });\r\n }\r\n\r\n setStatementType(statementTypeId) {\r\n return this.merge({\r\n data: {\r\n ...this.data,\r\n statementTypeId,\r\n },\r\n });\r\n }\r\n setLanguageType(languageType) {\r\n return this.merge({\r\n data: {\r\n ...this.data,\r\n languageType,\r\n },\r\n });\r\n }\r\n\r\n setQuarter(quarter) {\r\n return this.merge({\r\n data: {\r\n ...this.data,\r\n quarter,\r\n },\r\n });\r\n }\r\n\r\n setFiscalYear(fiscalYear) {\r\n return this.merge({\r\n data: {\r\n ...this.data,\r\n fiscalYear,\r\n },\r\n });\r\n }\r\n setLegalHold(legalHold) {\r\n return this.merge({\r\n data: {\r\n ...this.data,\r\n legalHold,\r\n },\r\n });\r\n }\r\n\r\n setComfortLetter(comfortLetter) {\r\n return this.merge({\r\n data: {\r\n ...this.data,\r\n comfortLetter,\r\n },\r\n });\r\n }\r\n\r\n setAutoIdentifyIrs(autoIdentifyIrs) {\r\n return this.merge({\r\n data: {\r\n ...this.data,\r\n autoIdentifyIrs,\r\n },\r\n });\r\n }\r\n\r\n setPeriodEndingDate(periodEnding) {\r\n return this.merge({\r\n data: {\r\n ...this.data,\r\n periodEnding,\r\n },\r\n });\r\n }\r\n\r\n setAccountingBasis(accountingBasis) {\r\n return this.merge({\r\n data: {\r\n ...this.data,\r\n accountingBasis,\r\n },\r\n });\r\n }\r\n\r\n setRegistrant(registrant) {\r\n return this.merge({\r\n data: {\r\n ...this.data,\r\n registrant,\r\n },\r\n });\r\n }\r\n\r\n setDefaultScaling(defaultScaling) {\r\n return this.merge({\r\n data: {\r\n ...this.data,\r\n defaultScaling,\r\n },\r\n });\r\n }\r\n\r\n setDefaultUnit(defaultUnit) {\r\n return this.merge({\r\n data: {\r\n ...this.data,\r\n defaultUnit,\r\n },\r\n });\r\n }\r\n\r\n setCarryForwardProject(carryForwardProject) {\r\n return this.merge({\r\n data: {\r\n ...this.data,\r\n carryForwardProject,\r\n },\r\n });\r\n }\r\n\r\n setCarryForwardStatementIds(carryForwardStatementIds) {\r\n return this.merge({\r\n data: {\r\n ...this.data,\r\n carryForwardStatementIds,\r\n },\r\n });\r\n }\r\n\r\n setCarryForward(carryForward) {\r\n return this.merge({\r\n data: {\r\n ...this.data,\r\n carryForward,\r\n },\r\n });\r\n }\r\n\r\n setCarryForwardDetails(carryForwardDetails) {\r\n return this.merge({\r\n data: {\r\n ...this.data,\r\n cfDetails: {\r\n ...this.data.cfDetails,\r\n ...carryForwardDetails,\r\n },\r\n },\r\n });\r\n }\r\n setWrapUpDate(wrapUpDate) {\r\n return this.merge({\r\n data: {\r\n ...this.data,\r\n archiveDate: wrapUpDate,\r\n },\r\n });\r\n }\r\n\r\n isQuarterRequired() {\r\n return (\r\n this.data &&\r\n this.data.statementTypeId &&\r\n (this.data.statementTypeId.value === STATEMENT_TYPE_ID_MAP.TEN_Q ||\r\n this.data.statementTypeId.value ===\r\n STATEMENT_TYPE_ID_MAP.PRIVATE_QUARTERLY ||\r\n this.data.statementTypeId.value ===\r\n STATEMENT_TYPE_ID_MAP.GLOBAL_QUARTERLY)\r\n );\r\n }\r\n\r\n doesStatementNameExist() {\r\n return (\r\n this.data && this.data.statementName && this.data.statementName.length > 0\r\n );\r\n }\r\n\r\n isStatementNameValid() {\r\n return (\r\n this.doesStatementNameExist() &&\r\n this.data.statementName.length <= MAX_STATEMENT_NAME_LENGTH\r\n );\r\n }\r\n\r\n isDateFormatIdValid() {\r\n return this.data && !isNullOrUndefined(this.data.dateformatId);\r\n }\r\n\r\n isNumberFormatIdValid() {\r\n return this.data && !isNullOrUndefined(this.data.numberFormatId);\r\n }\r\n\r\n isStatementTypeValid() {\r\n return this.data && !isNullOrUndefined(this.data.statementTypeId);\r\n }\r\n islanguageTypeValid() {\r\n return (\r\n this.data &&\r\n this.data.languageType &&\r\n !isNullOrUndefined(this.data.languageType)\r\n );\r\n }\r\n\r\n isQuarterValid() {\r\n if (this.isQuarterRequired()) {\r\n return !isNullOrUndefined(this.data.quarter);\r\n }\r\n return true;\r\n }\r\n\r\n isPeriodEndingValid() {\r\n // react-dates returns null for dates that are not formatted properly\r\n // so we don't need to do a regex here since invalid typed dates will always just be null\r\n return this.data && !isNullOrUndefined(this.data.periodEnding);\r\n }\r\n\r\n isWrapUpValid() {\r\n // react-dates returns null for dates that are not formatted properly\r\n // so we don't need to do a regex here since invalid typed dates will always just be null\r\n return this.data && !isNullOrUndefined(this.data.archiveDate);\r\n }\r\n\r\n isAccountingBasisValid() {\r\n return this.data && !isNullOrUndefined(this.data.accountingBasis);\r\n }\r\n\r\n isDefaultScalingValid() {\r\n return this.data && !isNullOrUndefined(this.data.defaultScaling);\r\n }\r\n\r\n isDefaultUnitValid() {\r\n return this.data && !isNullOrUndefined(this.data.defaultUnit);\r\n }\r\n\r\n isFiscalYearValid() {\r\n return this.data && !isNullOrUndefined(this.data.fiscalYear);\r\n }\r\n\r\n isStepOneValid() {\r\n return this.hasUploadedFiles() && !this.hasFileError();\r\n }\r\n\r\n isStepTwoValid() {\r\n if (\r\n this.isStatementNameValid() &&\r\n this.isDateFormatIdValid() &&\r\n this.isNumberFormatIdValid() &&\r\n this.isStatementTypeValid() &&\r\n this.islanguageTypeValid() &&\r\n this.isQuarterValid() &&\r\n this.isPeriodEndingValid() &&\r\n this.isWrapUpValid() &&\r\n this.isAccountingBasisValid() &&\r\n this.isFiscalYearValid() &&\r\n this.isDefaultScalingValid() &&\r\n this.isDefaultUnitValid()\r\n ) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n isStepThreeValid() {\r\n if (\r\n this.carryForwardStatementIdsArray.length ||\r\n this.carryForward === false\r\n ) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n isStatementValid() {\r\n return (\r\n this.isStepOneValid() && this.isStepTwoValid() && this.isStepThreeValid()\r\n );\r\n }\r\n\r\n hasNewFileBeenUploaded(oldStatementModel) {\r\n return this.files[0] !== oldStatementModel.files[0];\r\n }\r\n\r\n hasStatementBeenModified(oldStatementModel) {\r\n return (\r\n this.statementName !== oldStatementModel.statementName ||\r\n this.dateformatId !== oldStatementModel.dateformatId ||\r\n this.numberFormatId !== oldStatementModel.numberFormatId ||\r\n this.statementTypeId !== oldStatementModel.statementTypeId ||\r\n this.quarter !== oldStatementModel.quarter ||\r\n this.fiscalYear !== oldStatementModel.fiscalYear ||\r\n this.languageType !== oldStatementModel.languageType ||\r\n this.periodEnding !== oldStatementModel.periodEnding ||\r\n this.accountingBasis !== oldStatementModel.accountingBasis ||\r\n this.registrant !== oldStatementModel.registrant ||\r\n this.archiveDate !== oldStatementModel.archiveDate ||\r\n this.legalHold !== oldStatementModel.legalHold ||\r\n this.comfortLetter !== oldStatementModel.comfortLetter ||\r\n this.autoIdentifyIrs !== oldStatementModel.autoIdentifyIrs\r\n );\r\n }\r\n}\r\n","import { withDefaultContextAsHomeGeo } from 'api/api-default-context';\r\nimport { EMPTY_STRING } from 'constants/common/feature-common-utils';\r\n\r\nexport const postMaintenanceBannerRequest = (\r\n isActive,\r\n id,\r\n text,\r\n startDate,\r\n endDate,\r\n) =>\r\n withDefaultContextAsHomeGeo().post('/tieout/maintenance-banner', {\r\n status: isActive,\r\n text: text,\r\n startDate: startDate,\r\n endDate: endDate,\r\n id,\r\n });\r\n\r\n//We had an initial design concept where users can edit multiple banners in admin module page.\r\n// Hence, this api was intended for that purpose.\r\nexport const getAllMaintenancePageBannerData = () =>\r\n withDefaultContextAsHomeGeo()\r\n .get('/tieout/maintenance-banner/all')\r\n .then((response) => response.data.result);\r\n\r\nexport const getCurrentMaintenanceBanner = () =>\r\n withDefaultContextAsHomeGeo()\r\n .get('/tieout/maintenance-banner')\r\n .then((response) => {\r\n if (\r\n response &&\r\n response.data &&\r\n response.data.result &&\r\n response.data.result[0] &&\r\n response.data.result[0].text\r\n )\r\n return response.data.result[0].text;\r\n else return EMPTY_STRING;\r\n });\r\n\r\nexport const getSummaryOfKeyChanges = () =>\r\n withDefaultContextAsHomeGeo()\r\n .get('/tieout/summarykeyChange')\r\n .then((response) => {\r\n if (\r\n response &&\r\n response.data &&\r\n response.data.result &&\r\n response.data.result\r\n )\r\n return {\r\n text: response.data.result.text,\r\n status: response.data.result.status,\r\n };\r\n else return null;\r\n });\r\n\r\nexport const postSummaryKeyChanges = (text, status) =>\r\n withDefaultContextAsHomeGeo().post('/tieout/summarykeyChange', {\r\n text,\r\n status,\r\n });\r\n\r\nexport const postRoleStateRequest = (\r\n user,\r\n roleState,\r\n isRoleUpdate,\r\n enabledDate,\r\n disabledDate,\r\n) => {\r\n const payload = {\r\n id: user.id,\r\n admin: user.admin,\r\n coe: user.coe,\r\n enabled: user.enabled,\r\n enabledDate: enabledDate,\r\n disabledDate: disabledDate,\r\n };\r\n if (roleState === 'admin') {\r\n payload.supportId = isRoleUpdate ? user.supportId : null;\r\n payload.containers = isRoleUpdate ? user.countries : [];\r\n }\r\n return withDefaultContextAsHomeGeo().post(\r\n `/tieout/user/${roleState}`,\r\n payload,\r\n { params: { active: isRoleUpdate } },\r\n );\r\n};\r\n\r\nexport const getCountryManagerDetailsByUserId = (userId) => {\r\n return withDefaultContextAsHomeGeo()\r\n .get(`/tieout/country-manager/user/${userId}`)\r\n .then((response) => {\r\n return response;\r\n });\r\n};\r\n","import { createAction } from 'redux-actions';\r\n\r\nexport const setAnnotationDisplayOption = createAction(\r\n 'SET_ANNOTATION_DISPLAY_OPTION',\r\n);\r\n\r\nexport const resetAnnotationDisplayAndPositionOption = createAction(\r\n 'RESET_ANNOTATION_DISPLAY_AND_POSITION_OPTION',\r\n);\r\n","import { createAction } from 'redux-actions';\r\n\r\nexport const clearApiErrorDataAction = createAction(\r\n 'CLEAR_API_ERROR_DATA_ACTION',\r\n);\r\n\r\nexport const createApiErrorDataAction = createAction(\r\n 'CREATE_API_ERROR_DATA_ACTION',\r\n);\r\n\r\nexport const createErrorStackTraceAction = createAction(\r\n 'CREATE_ERROR_STACK_TRACE_ACTION',\r\n);\r\n\r\nexport const createCatchedErrorJsonAction = createAction(\r\n 'CREATE_CATCHED_ERROR_JSON_ACTION',\r\n);\r\n","import merge from 'lodash/merge';\r\nimport { pathToRegexp } from 'path-to-regexp';\r\nimport { ROUTE_CONSTANTS } from 'constants/util/route-constants';\r\nimport { matchPath } from 'react-router-dom';\r\nimport { isNullOrUndefined } from './object-utils';\r\n\r\nconst ADOBE_APP_NAME = 'Tie-Out';\r\n\r\n// Adobe direct call rule queue\r\nlet _ADOBE_DCR_QUEUE = [];\r\n// Adobe satellite ready\r\nlet _ADOBE_SAT_READY = false;\r\n\r\n// Analytics data layer is a window-bound object\r\nwindow.analyticsDataLayer = {\r\n pageInfo: {\r\n appName: ADOBE_APP_NAME,\r\n pageName: '',\r\n userID: null,\r\n projectName: null,\r\n projectID: null,\r\n statementName: null,\r\n statementID: null,\r\n statementType: null,\r\n statementRevision: null,\r\n },\r\n};\r\n\r\nconst LIST_OF_PAGES_WITH_STATEMENT_DATA = [\r\n `${ROUTE_CONSTANTS.STATEMENT_CONTENT_PAGE}${ROUTE_CONSTANTS.SIDE_BY_SIDE}`,\r\n ROUTE_CONSTANTS.STATEMENT_CONTENT_PAGE,\r\n];\r\n\r\nconst LIST_OF_PAGES_WITH_PROJECT_DATA = [\r\n ROUTE_CONSTANTS.HOME_PAGE,\r\n ROUTE_CONSTANTS.PROJECT_EDIT_PAGE,\r\n ROUTE_CONSTANTS.SIDE_BY_SIDE,\r\n ROUTE_CONSTANTS.STATEMENT_CONTENT_PAGE,\r\n ROUTE_CONSTANTS.STATEMENT_EDIT_PAGE,\r\n];\r\n\r\nconst doesAnalyticsDataObjectContainsProjectInfo = () =>\r\n window.analyticsDataLayer &&\r\n window.analyticsDataLayer.pageInfo &&\r\n window.analyticsDataLayer.pageInfo.projectID &&\r\n window.analyticsDataLayer.pageInfo.projectName;\r\n\r\nconst doesAnalyticsDataObjectContainsStatementInfo = () =>\r\n window.analyticsDataLayer &&\r\n window.analyticsDataLayer.pageInfo &&\r\n window.analyticsDataLayer.pageInfo.statementName &&\r\n window.analyticsDataLayer.pageInfo.statementID &&\r\n window.analyticsDataLayer.pageInfo.statementType &&\r\n window.analyticsDataLayer.pageInfo.statementRevision;\r\n\r\nconst doesPageRequiresProjectInfo = () =>\r\n LIST_OF_PAGES_WITH_PROJECT_DATA.some((routePath) =>\r\n matchPath(window.location.pathname, {\r\n path: routePath,\r\n strict: true,\r\n exact: true,\r\n }),\r\n );\r\n\r\nconst doesPageRequiresStatementInfo = () =>\r\n LIST_OF_PAGES_WITH_STATEMENT_DATA.some((routePath) =>\r\n matchPath(window.location.pathname, {\r\n path: routePath,\r\n strict: true,\r\n exact: true,\r\n }),\r\n );\r\n\r\n// Check if Adobe satellite is ready\r\nexport function isSatelliteReady() {\r\n if (_ADOBE_SAT_READY) {\r\n return true;\r\n }\r\n if (window._satellite) {\r\n if (window._satellite.domReady) {\r\n window._satellite.domReady(() => {\r\n _ADOBE_SAT_READY = true;\r\n });\r\n } else {\r\n _ADOBE_SAT_READY = true;\r\n }\r\n }\r\n return _ADOBE_SAT_READY;\r\n}\r\n\r\n// Check if required variables are set in analytics data layer\r\nexport function isDataLayerReady() {\r\n const dataLayer = getDataLayer();\r\n\r\n // null user id indicates that data layer is not yet ready\r\n if (isNullOrUndefined(dataLayer.pageInfo.userID)) return false;\r\n\r\n //project-info related pages not containing project data indicates that data layer is not yet ready\r\n if (\r\n doesPageRequiresProjectInfo() &&\r\n !doesAnalyticsDataObjectContainsProjectInfo()\r\n )\r\n return false;\r\n\r\n //statement-info related pages not containing project or statement data indicates that data layer is not yet ready\r\n if (\r\n doesPageRequiresStatementInfo() &&\r\n (!doesAnalyticsDataObjectContainsProjectInfo() ||\r\n !doesAnalyticsDataObjectContainsStatementInfo())\r\n )\r\n return false;\r\n // else return true\r\n return true;\r\n}\r\n\r\n// Get analytics data layer object\r\nexport function getDataLayer() {\r\n return window.analyticsDataLayer;\r\n}\r\n\r\n// Set analytics data layer (deep merge)\r\nexport function setDataLayer(dataLayer) {\r\n merge(window.analyticsDataLayer, dataLayer);\r\n}\r\n\r\n// Append direct call rule to end of queue\r\nexport function appendDCRQueue(dcr) {\r\n _ADOBE_DCR_QUEUE.push(dcr);\r\n}\r\n\r\n// Get direct call rule queue\r\nexport function getDCRQueue() {\r\n return _ADOBE_DCR_QUEUE;\r\n}\r\n\r\n// Set direct call rule queue\r\nexport function setDCRQueue(queue) {\r\n _ADOBE_DCR_QUEUE = queue;\r\n}\r\n\r\n// Track direct call rule and add to queue if not ready\r\nexport function trackDCR(dcr, addToQueue = true) {\r\n if (isDataLayerReady() && isSatelliteReady()) {\r\n dcr.dataLayer && setDataLayer(dcr.dataLayer);\r\n // console.log('analytics_data:', JSON.stringify(window.analyticsDataLayer));\r\n window._satellite.track(dcr.ruleName);\r\n } else if (addToQueue) {\r\n appendDCRQueue(dcr);\r\n }\r\n}\r\n\r\n// Get user id from email\r\nexport function getUserIDFromEmail(email) {\r\n const matches = email.match(/^([^@]*)@/);\r\n return matches.length > 1 ? matches[1] : '';\r\n}\r\n\r\n// Get page name from route pathname\r\nexport function getRoutePageName(pathName) {\r\n let pageName = '';\r\n Object.keys(ROUTE_CONSTANTS).some((routeName) => {\r\n // Check if the route is a relative path (ignores URLs)\r\n if (ROUTE_CONSTANTS[routeName].startsWith('/')) {\r\n try {\r\n // This is somewhat special case to determine side-by-side page.\r\n // Since route constant for side-by-side is a combination of route constant for STATEMENT_CONTENT_PAGE and SIDE_BY_SIDE.\r\n // Hence regex for route SIDE_BY_SIDE might not match with pathname.\r\n if (\r\n pathName &&\r\n pathName.includes(ROUTE_CONSTANTS.SIDE_BY_SIDE) &&\r\n ROUTE_CONSTANTS[routeName] === ROUTE_CONSTANTS.SIDE_BY_SIDE\r\n ) {\r\n pageName = routeName;\r\n return true;\r\n }\r\n\r\n // Generate regex for route constant. Then use that regex to check if path is valid.\r\n const re = pathToRegexp(ROUTE_CONSTANTS[routeName]);\r\n if (re.exec(pathName)) {\r\n pageName = routeName;\r\n return true;\r\n }\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n }\r\n return false;\r\n });\r\n return pageName;\r\n}\r\n","import ApiModel from 'models/api-model';\r\nimport ElementDetails from './element-details-api-model';\r\nimport { isNullOrUndefined } from 'utils/object-utils';\r\nexport default class InternalReference extends ApiModel({\r\n data: {\r\n id: null,\r\n revisionId: null,\r\n name: null,\r\n created: null, //The timestamp at which this internal reference was created.\r\n updated: null, //The timestamp at which the internal reference was last updated.\r\n number: null,\r\n elements: [],\r\n internalReferenceElements: [],\r\n },\r\n status: null,\r\n}) {\r\n get id() {\r\n return this.data.id;\r\n }\r\n get revisionId() {\r\n return this.data.revisionId;\r\n }\r\n get name() {\r\n return this.data.name;\r\n }\r\n get created() {\r\n return this.data.created;\r\n }\r\n get updated() {\r\n return this.data.updated;\r\n }\r\n get number() {\r\n return this.data.number;\r\n }\r\n\r\n get elements() {\r\n if (!isNullOrUndefined(this.data) && this.data.elements.length > 0) {\r\n return this.data.elements;\r\n }\r\n return [];\r\n }\r\n\r\n get internalReferenceElements() {\r\n if (\r\n !isNullOrUndefined(this.data) &&\r\n this.data.internalReferenceElements.length > 0\r\n ) {\r\n return this.data.internalReferenceElements;\r\n }\r\n return [];\r\n }\r\n\r\n processResponse({ response }) {\r\n if (response && response.data) {\r\n return {\r\n data: {\r\n ...response.data,\r\n elements: response.data.internalReferenceElements.map(\r\n (internalReferenceElement) => {\r\n const elementDetailsEntry = new ElementDetails({\r\n dateCreated: internalReferenceElement.dateCreated,\r\n dateUpdated: internalReferenceElement.dateUpdated,\r\n });\r\n return elementDetailsEntry.convertElementDetailsEntityToElementDetailsModel(\r\n {\r\n elementDetails: internalReferenceElement.elementEntity,\r\n sectionFullName: internalReferenceElement.sectionFullname,\r\n },\r\n );\r\n },\r\n ),\r\n },\r\n status: response.status,\r\n };\r\n }\r\n }\r\n\r\n isIntialized() {\r\n return !isNullOrUndefined(this.data);\r\n }\r\n\r\n hasElements() {\r\n return this.data && this.data.elements && this.data.elements.length > 0;\r\n }\r\n\r\n hasElement(elementId) {\r\n return !isNullOrUndefined(\r\n this.elements.find(\r\n (element) => parseInt(element.id) === parseInt(elementId),\r\n ),\r\n );\r\n }\r\n\r\n getOtherElements({ elementId }) {\r\n if (this.hasElements()) {\r\n return this.data.elements.filter((element) => {\r\n return element.id !== elementId && element.data.included === 1;\r\n });\r\n }\r\n return [];\r\n }\r\n\r\n getInternalReferencesSortedById({ elementId }) {\r\n return this.getOtherElements({ elementId }).sort((iR1, iR2) =>\r\n iR1.id < iR2.id ? -1 : 1,\r\n );\r\n }\r\n\r\n getInternalReferencesByTimeCreated({ elementId }) {\r\n return this.getOtherElements({ elementId }).sort(\r\n (iR1, iR2) => iR1.dateCreated < iR2.dateCreated,\r\n );\r\n }\r\n\r\n getOtherElementsCount({ elementId }) {\r\n return this.getOtherElements({ elementId: elementId }).length;\r\n }\r\n\r\n updateInternalReferenceElementsFromSocket(payload) {\r\n let elementsCopy = [...this.data.elements];\r\n\r\n for (let i = 0; i < elementsCopy.length; i++) {\r\n const element = elementsCopy[i];\r\n if (element.data.id in payload) {\r\n elementsCopy[i] = payload[element.data.id];\r\n }\r\n }\r\n return this.mergeData({ elements: elementsCopy });\r\n }\r\n updateInternalReferenceFromSocket(payload) {\r\n if (payload) {\r\n return this.mergeData({\r\n ...payload,\r\n elements: payload.internalReferenceElements.map(\r\n (internalReferenceElement) => {\r\n const elementDetailsEntry = new ElementDetails({\r\n dateCreated: internalReferenceElement.dateCreated,\r\n dateUpdated: internalReferenceElement.dateUpdated,\r\n });\r\n return elementDetailsEntry.convertElementDetailsEntityToElementDetailsModel(\r\n {\r\n elementDetails: internalReferenceElement.elementEntity,\r\n sectionFullName: internalReferenceElement.sectionFullname,\r\n },\r\n );\r\n },\r\n ),\r\n });\r\n } else {\r\n return this.mergeData({\r\n id: 0,\r\n revisionId: 0,\r\n name: null,\r\n created: null,\r\n updated: null,\r\n number: 0,\r\n elements: [],\r\n });\r\n }\r\n }\r\n}\r\n","import ApiModel from 'models/api-model';\r\n\r\nexport class SectionReviewList extends ApiModel({\r\n data: {\r\n sectionReviews: [],\r\n sectionReviewsMap: {},\r\n },\r\n}) {\r\n get sectionReviews() {\r\n if (this.data && this.data.sectionReviews) {\r\n return this.data.sectionReviews;\r\n }\r\n return null;\r\n }\r\n\r\n get sectionReviewsMap() {\r\n if (this.data && this.data.sectionReviewsMap) {\r\n return this.data.sectionReviewsMap;\r\n }\r\n return {};\r\n }\r\n\r\n processResponse({ response }) {\r\n let sectionsMap = {};\r\n for (let i = 0; i < response.data.length; i++) {\r\n const review = response.data[i];\r\n if (!(review.sectionId in sectionsMap)) {\r\n sectionsMap[review.sectionId] = {\r\n [review.appUserId]: true,\r\n };\r\n } else {\r\n sectionsMap[review.sectionId][review.appUserId] = true;\r\n }\r\n }\r\n\r\n return {\r\n data: {\r\n sectionReviews: response.data,\r\n sectionReviewsMap: sectionsMap,\r\n },\r\n };\r\n }\r\n\r\n appendSectionReview(review) {\r\n let sectionReviewsMapCopy = { ...this.data.sectionReviewsMap };\r\n const sectionReviewsCopy = [...this.sectionReviews];\r\n\r\n sectionReviewsCopy.push(review);\r\n sectionReviewsCopy.sort(\r\n (a, b) => a.sectionId - b.sectionId || b.updatedDate - a.updatedDate,\r\n );\r\n\r\n if (review.sectionId in sectionReviewsMapCopy) {\r\n sectionReviewsMapCopy[review.sectionId][review.appUserId] = true;\r\n } else {\r\n sectionReviewsMapCopy[review.sectionId] = {\r\n [review.appUserId]: true,\r\n };\r\n }\r\n\r\n return this.merge({\r\n isLoaded: true,\r\n isLoading: false,\r\n error: null,\r\n data: {\r\n sectionReviews: sectionReviewsCopy,\r\n sectionReviewsMap: sectionReviewsMapCopy,\r\n },\r\n });\r\n }\r\n\r\n mergeSectionsReviewList(reviewList) {\r\n const sectionReviewsMapCopy = { ...this.data.sectionReviewsMap };\r\n const sectionReviewsCopy = [...this.sectionReviews];\r\n\r\n reviewList.forEach((review) => {\r\n const index = sectionReviewsCopy\r\n .map((item) => item.sectionId)\r\n .indexOf(review.sectionId);\r\n if (index >= 0) {\r\n sectionReviewsCopy[index] = review;\r\n } else {\r\n sectionReviewsCopy.push(review);\r\n }\r\n\r\n if (review.sectionId in sectionReviewsMapCopy) {\r\n sectionReviewsMapCopy[review.sectionId][review.appUserId] = true;\r\n } else {\r\n sectionReviewsMapCopy[review.sectionId] = {\r\n [review.appUserId]: true,\r\n };\r\n }\r\n });\r\n\r\n sectionReviewsCopy.sort(\r\n (a, b) => a.sectionId - b.sectionId || b.updatedDate - a.updatedDate,\r\n );\r\n\r\n return this.merge({\r\n isLoaded: true,\r\n isLoading: false,\r\n error: null,\r\n data: {\r\n sectionReviews: sectionReviewsCopy,\r\n sectionReviewsMap: sectionReviewsMapCopy,\r\n },\r\n });\r\n }\r\n\r\n removeBulkSectionReview(payload) {\r\n let sectionReviewsMapCopy = { ...this.data.sectionReviewsMap };\r\n payload.forEach((item) => {\r\n if (item.sectionId in sectionReviewsMapCopy) {\r\n delete sectionReviewsMapCopy[item.sectionId];\r\n }\r\n });\r\n\r\n const sectionReviewedCopy = this.sectionReviews.filter((entry) => {\r\n const removeSection = payload.find(\r\n (item2) => entry.sectionId === item2.sectionId,\r\n );\r\n return !removeSection;\r\n });\r\n\r\n return this.merge({\r\n isLoaded: true,\r\n isLoading: false,\r\n error: null,\r\n data: {\r\n sectionReviews: sectionReviewedCopy,\r\n sectionReviewsMap: sectionReviewsMapCopy,\r\n },\r\n });\r\n }\r\n\r\n removeSectionReview(payload) {\r\n const { sectionId, userId } = payload;\r\n let sectionReviewsMapCopy = { ...this.data.sectionReviewsMap };\r\n if (\r\n sectionId in sectionReviewsMapCopy &&\r\n userId in sectionReviewsMapCopy[sectionId]\r\n ) {\r\n delete sectionReviewsMapCopy[sectionId][userId];\r\n if (Object.values(sectionReviewsMapCopy[sectionId]).length === 0) {\r\n delete sectionReviewsMapCopy[sectionId];\r\n }\r\n }\r\n\r\n return this.merge({\r\n isLoaded: true,\r\n isLoading: false,\r\n error: null,\r\n data: {\r\n sectionReviews: this.sectionReviews.filter(\r\n (entry) =>\r\n !(entry.sectionId === sectionId && entry.appUserId === userId),\r\n ),\r\n sectionReviewsMap: sectionReviewsMapCopy,\r\n },\r\n });\r\n }\r\n\r\n checkIfReviewAlreadyExist(currentVal, accumulator) {\r\n return accumulator.some((item) => {\r\n return (\r\n item.appUserId === currentVal.appUserId &&\r\n item.sectionId === currentVal.sectionId\r\n );\r\n });\r\n }\r\n\r\n hasSectionBeenReviewed(sectionId) {\r\n return this.sectionReviews.some((review) => review.sectionId === sectionId);\r\n }\r\n\r\n hasSectionBeenReviewedByOtherUser(currUserId, sectionId) {\r\n return this.sectionReviews.some(\r\n (review) =>\r\n review.sectionId === sectionId && review.appUserId !== currUserId,\r\n );\r\n }\r\n\r\n userAlreadyReviewed(currUserId, sectionId) {\r\n return this.sectionReviews.some(\r\n (review) =>\r\n review.appUserId === currUserId && review.sectionId === sectionId,\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport classNames from 'classnames';\r\nimport Dropdown, { KebabDropdown } from 'components/common/dropdown-component';\r\nimport DATA_GRID_CONSTANTS from 'constants/common/data-grid-constants';\r\nimport { KebabMenuOption } from 'models/utils/common/menu/menu-option-model';\r\nimport { isNullOrUndefined } from 'utils/object-utils';\r\nconst ACCEPTABLE_WIDTH_UNITS = ['%', 'rem', 'px'];\r\n\r\nconst INTERACTIVE_COLUMN_WIDTH = '5%';\r\n\r\nconst { SPECIAL_COLUMNS } = DATA_GRID_CONSTANTS;\r\nconst stopRowClickPropagation = (e) => {\r\n // IMPORTANT prevents DataGrid onRowClick from firing for dropdown selections\r\n e.stopPropagation();\r\n};\r\n\r\nclass DataGridColumn {\r\n /* column key to sort the table by */\r\n key;\r\n /* Column header, should be an intl id*/\r\n header;\r\n /* [optional] is column sortable? */\r\n sortable;\r\n /* [optional] is column filterable? */\r\n filterable;\r\n /* Css width string, preferably in % */\r\n width;\r\n /* [optional] Special class for this column*/\r\n className;\r\n /** [optional] Icon for the column header */\r\n Icon;\r\n /* [optional] Function that accepts the value of the row and returns jsx for what to display in a cell\r\n default to row data with key, arguments (rowData, options) options are data-grid level data that may be useful\r\n to a columns formatter function, they are passed from the data-grid -> data-grid-row -> formatter\r\n options can be, \r\n - index,\r\n - onSelect,\r\n - rowKey,\r\n - isRowSelected,\r\n - onDropdownColumnSelect,\r\n */\r\n formatter;\r\n constructor({\r\n key,\r\n header,\r\n sortable,\r\n filterable,\r\n width,\r\n formatter,\r\n className,\r\n Icon,\r\n }) {\r\n if (\r\n !width ||\r\n !ACCEPTABLE_WIDTH_UNITS.some((unit) => width.includes(unit))\r\n ) {\r\n console.error(\r\n `DataGridColumn with key: ${key} width needs to be one of `,\r\n ...ACCEPTABLE_WIDTH_UNITS,\r\n `\\n you specified ${width}`,\r\n );\r\n }\r\n\r\n this.key = key;\r\n this.header = header;\r\n this.sortable = sortable;\r\n this.filterable = filterable;\r\n this.width = width;\r\n this.className = className;\r\n this.Icon = Icon;\r\n this.formatter = formatter ? formatter : (rowData) => rowData[this.key];\r\n }\r\n}\r\n\r\n/**\r\n * A special column type if your row column needs a kebab menu\r\n * @param {[MenuOption]} props.options Array for simple options, or conditionally assign options based on row data by passing a function that returns an options array\r\n * @param {string} props.dropdownId unique string to build the dropdowns id attribute from\r\n */\r\nexport class DataGridKebabColumn extends DataGridColumn {\r\n constructor({\r\n options,\r\n dropdownId,\r\n className,\r\n usePortalMenu = true,\r\n containerRef,\r\n }) {\r\n super({\r\n key: SPECIAL_COLUMNS.kebab,\r\n header: null,\r\n width: INTERACTIVE_COLUMN_WIDTH,\r\n sortable: false,\r\n className: className,\r\n formatter: (rowData, { index }) => (\r\n \r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n
\r\n \r\n - \r\n
\r\n \r\n
\r\n {chunks},\r\n lineBreak: (\r\n
\r\n {_isFileError ? (\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n ) : null}\r\n \r\n {\r\n e.stopPropagation(); //nessarry because all clicks inside the dropzone trigger upload\r\n setUploadedFilesAddRevision(null);\r\n setSelectRevisionButtonDisabled(false);\r\n setFilePDFError(false);\r\n }}\r\n />\r\n
\r\n ))}\r\n \r\n
\r\n \r\n
\r\n {revisionInProgress.hasUploadedFiles() ? (\r\n \r\n {revisionInProgress.files.map((file, i) => (\r\n \r\n \r\n {file.name}\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nRestoreRevisionErrorModal.propTypes = {\r\n /** Method to provided to modal to show and hide modal */\r\n toggleRestoreModal: PropTypes.func.isRequired,\r\n /** Method that handles what happens when the okay button is clicked */\r\n onOkay: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default RestoreRevisionErrorModal;\r\n","import React, { memo, Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport DeletedHistoryModal from 'components/feature/statement-list/_deleted-revision-history-modal';\r\nimport ConfirmDeleteRevisionModal from 'components/feature/statement-list/permanently-delete-single-revision-modal';\r\nimport SelectedStatement from 'models/api/selected-statement-model';\r\nimport RestoreRevisionErrorModal from './restore-deleted-revision-error-modal';\r\nimport { restoreDeletedRevisionRequest } from 'api/statement-list-api';\r\nimport { BAD_REQUEST } from 'http-status-codes';\r\nimport ProjectApi from 'models/api/project-api-model';\r\n\r\n/**\r\n * This wrapper encapsulates the state and logic for actions that can be committed from the Deleted Revision History Modal (DRHM)\r\n * instead of cluttering the statement-list-component with state variables that are only scoped for the DRHM.\r\n *\r\n * The overall display of this wrapper is controlled like a normal modal in the statement-list component, this allows actions\r\n * in higher scopes to cancel this flow (by changing the boolean variable that controls this wrappers display in the parent).\r\n *\r\n * The display of the DRHM is also controlled locally with `showHistoryModalLocally`, since some actions require separate\r\n * confirmation modals to appear, we need a way to hide the DRHM but store some state about it\r\n */\r\nclass DeletedRevisionHistoryStateWrapper extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n selectedRevisionId: null,\r\n isLastRevisionInHistory: false,\r\n showHistoryModalLocally: true, // handles the showing and hiding of the history modal within this scope\r\n showDeleteConfirmationModal: false,\r\n showRestoreRevisionErrorModal: false,\r\n };\r\n }\r\n\r\n _onHistoryDeleteSelected = ({ revisionId, lastRevision }) => {\r\n this.setState({\r\n selectedRevisionId: revisionId,\r\n isLastRevisionInHistory: lastRevision,\r\n showHistoryModalLocally: false,\r\n showDeleteConfirmationModal: true,\r\n });\r\n };\r\n\r\n _onHistoryRestoreSelected = async ({ revisionId }) => {\r\n const {\r\n refreshStatementList,\r\n closeWholeFlowFromParent,\r\n selectedStatement,\r\n } = this.props;\r\n try {\r\n await restoreDeletedRevisionRequest(revisionId, selectedStatement.id);\r\n\r\n this.setState({ showHistoryModalLocally: false });\r\n refreshStatementList();\r\n closeWholeFlowFromParent();\r\n } catch (error) {\r\n const statusCode = error.response.status;\r\n /** Failed response returns with 2 errors for now: server error (500) and bad request; action not allowed(400) We need to deferenciate these so we can display appropriate error message. We need to handle error status 400*/\r\n if (statusCode === BAD_REQUEST) {\r\n this.setState({\r\n showHistoryModalLocally: false,\r\n showRestoreRevisionErrorModal: true,\r\n });\r\n }\r\n }\r\n };\r\n\r\n _onDeleteConfirmation = async () => {\r\n const {\r\n closeWholeFlowFromParent,\r\n refreshStatementList,\r\n permanentlyDeleteRevision,\r\n selectedStatement,\r\n } = this.props;\r\n const { isLastRevisionInHistory, selectedRevisionId } = this.state;\r\n // TODO error handling for failed request\r\n await permanentlyDeleteRevision(selectedRevisionId, selectedStatement.id);\r\n\r\n if (isLastRevisionInHistory) {\r\n // if the last revision was deleted, we need to close the modal completely (from the parent)\r\n this.setState({ showDeleteConfirmationModal: false });\r\n refreshStatementList();\r\n closeWholeFlowFromParent(); // closes from parent, thus clearing all react state\r\n } else {\r\n this.setState({\r\n showDeleteConfirmationModal: false,\r\n showHistoryModalLocally: true,\r\n });\r\n }\r\n };\r\n\r\n _onCancelDelete = () => {\r\n this.setState({\r\n showDeleteConfirmationModal: false,\r\n showHistoryModalLocally: true,\r\n });\r\n };\r\n\r\n _onCloseRestoreModal = () => {\r\n this.setState({\r\n showRestoreRevisionErrorModal: false,\r\n showHistoryModalLocally: false,\r\n });\r\n };\r\n\r\n _onOkayConfirm = () => {\r\n this.setState({\r\n showRestoreRevisionErrorModal: false,\r\n showHistoryModalLocally: true,\r\n });\r\n };\r\n\r\n render() {\r\n const { project, selectedStatement, closeWholeFlowFromParent } = this.props;\r\n const {\r\n showHistoryModalLocally,\r\n showDeleteConfirmationModal,\r\n showRestoreRevisionErrorModal,\r\n } = this.state;\r\n\r\n return (\r\n <>\r\n {showHistoryModalLocally && (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nSoftDeleteAllRevisionsModal.propTypes = {\r\n /** Statement model holding the revisions that can be deleted */\r\n statementToDelete: PropTypes.instanceOf(Statement).isRequired,\r\n /** function fired for cancel and close of modal */\r\n onClose: PropTypes.func.isRequired,\r\n /** primary function fired when deletion is confirmed */\r\n onDelete: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default memo(SoftDeleteAllRevisionsModal);\r\n","import React, { memo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { FormattedMessage } from 'react-intl';\r\n\r\nimport Modal from 'components/common/modal-component';\r\nimport { ModalButton } from 'models/utils/common/modal-button-model';\r\n\r\nimport Statement from 'models/data/statement-model';\r\n\r\nconst SOFT_DELETE_ACTIVE_REVISION_ID_BLOCK =\r\n 'id-soft-delete-active-revision-modal';\r\n\r\nconst SoftDeleteLatestRevisionModal = ({\r\n statementToDelete,\r\n onClose,\r\n onDelete,\r\n}) => {\r\n return (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nSoftDeleteLatestRevisionModal.propTypes = {\r\n /** Statement model holding the revisions that can be deleted */\r\n statementToDelete: PropTypes.instanceOf(Statement).isRequired,\r\n /** function fired for cancel and close of modal */\r\n onClose: PropTypes.func.isRequired,\r\n /** primary function fired when deletion is confirmed */\r\n onDelete: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default memo(SoftDeleteLatestRevisionModal);\r\n","import React, { memo, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { FormattedMessage } from 'react-intl';\r\n\r\nimport Modal from 'components/common/modal-component';\r\nimport { ModalButton } from 'models/utils/common/modal-button-model';\r\nimport Radio from 'components/common/radio-component';\r\nimport { RadioOption } from 'models/utils/common/radio-options-model';\r\n\r\nimport { DELETE_STATEMENT_OPTIONS } from 'constants/feature/statement-list-constants';\r\nimport Statement from 'models/data/statement-model';\r\nimport { isNullOrUndefined } from 'utils/object-utils';\r\n\r\nconst PERMANENTLY_DELETE_REVISION_ID_BLOCK =\r\n 'id-permanently-delete-revision-modal';\r\nconst PERMANENTLY_DELETE_REVISION_BLOCK = 'permanently-delete-revision-modal';\r\n\r\nconst PermanentlyDeleteRevisionsModal = ({\r\n statementToDelete,\r\n onClose,\r\n onDeleteTop,\r\n onDeleteAll,\r\n}) => {\r\n const [revisionDeleteSelection, setRevisionDeleteSelection] = useState(null);\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nPermanentlyDeleteRevisionsModal.propTypes = {\r\n /** Statement model holding the revisions that can be deleted */\r\n statementToDelete: PropTypes.instanceOf(Statement).isRequired,\r\n /** function fired for cancel and close of modal */\r\n onClose: PropTypes.func.isRequired,\r\n /** Function fired when user chooses to delete most recent */\r\n onDeleteTop: PropTypes.func.isRequired,\r\n /** Function fired when user chooses to delete all */\r\n onDeleteAll: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default memo(PermanentlyDeleteRevisionsModal);\r\n","import ApiModel from 'models/api-model';\r\nexport default class StatementWrapUpStats extends ApiModel({\r\n data: {\r\n totalElements: 0,\r\n verifiedElements: 0,\r\n reviewedElements: 0,\r\n totalNotes: 0,\r\n },\r\n}) {\r\n get totalElements() {\r\n if (this.data) {\r\n return this.data.totalElements;\r\n }\r\n return 0;\r\n }\r\n get verifiedElements() {\r\n if (this.data) {\r\n return this.data.verifiedElements;\r\n }\r\n return 0;\r\n }\r\n get reviewedElements() {\r\n if (this.data) {\r\n return this.data.reviewedElements;\r\n }\r\n return 0;\r\n }\r\n get totalNotes() {\r\n if (this.data) {\r\n return this.data.totalNotes;\r\n }\r\n return 0;\r\n }\r\n get verifiedPercentage() {\r\n return Math.round((this.verifiedElements * 100) / this.totalElements);\r\n }\r\n get reviewedPercentage() {\r\n return ((this.reviewedElements * 100) / this.totalElements).toFixed(2);\r\n }\r\n\r\n processResponse({ response }) {\r\n return {\r\n data: response.data,\r\n };\r\n }\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\n\r\nimport { FormattedMessage } from 'react-intl';\r\nimport StatementWrapUpStatsModel from 'models/api/statement-wrap-up/statement-wrap-up-stats-api-model';\r\n\r\nexport const WRAP_UP_STATS_BLOCK = 'statement-wrap-up-stats';\r\n\r\nconst StatementWrapUpStats = ({ stats, className, notAllElementsVerified }) => {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {project.name}\r\n \r\n \r\n {statement.statementName}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {project.name}\r\n \r\n \r\n {statement.statementName}\r\n \r\n
\r\n \r\n
\r\n \r\n setSignedDate((curDate) =>\r\n isNullOrUndefined(curDate) ? Date.now() : null,\r\n )\r\n }\r\n />\r\n \r\n {`${_currentUser.preferredFullName}`} ({_currentUser.email})\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {`${statement.percentageComplete}%`}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {statement.fiscalYear}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {moment\r\n .utc(statement.periodEnding)\r\n .format(DATE_FORMATS.MONTH_DAY_YEAR)}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {statement.type}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {statement.revisionNumber}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {moment\r\n .utc(statement.archiveDate)\r\n .format(DATE_FORMATS.MONTH_DAY_YEAR)}\r\n
\r\n \r\n {\r\n setSelectedProject(project);\r\n }}\r\n required={true}\r\n isValid={true}\r\n options={getProjectNameMenuOptions(eligibleProjectList)}\r\n value={selectedProject}\r\n disabled={statement.legalHold}\r\n tooltip={\r\n statement.legalHold ? COPY_STATEMENT_DISABLED_TOOLTIP : null\r\n }\r\n />\r\n
\r\n \r\n selectTabAndGetStatements({ tab })}\r\n rightHeaderButton={\r\n \r\n {showESCRequestButton && (\r\n {\r\n window.open(ROUTE_CONSTANTS.ESC_SUPPORT);\r\n }}\r\n tooltip={\r\n new TooltipOptions({\r\n text: 'statement-list.esc-button-tooltip',\r\n id: `${STATEMENT_LIST_ID_BLOCK}-esc-support-tooltip`,\r\n position: 'top',\r\n })\r\n }\r\n >\r\n \r\n push(\r\n parseRoute(ROUTE_CONSTANTS.STATEMENT_CREATION, {\r\n params: { projectId: project.id },\r\n }),\r\n )\r\n }\r\n className={`${STATEMENT_LIST_BLOCK}__create-statement-button`}\r\n disabled={!Permissions.Statement.canCreate(project.id)}\r\n >\r\n
\r\n }\r\n isIconButtonDisabled={!Permissions.Statement.canCreate(project.id)}\r\n onIconButtonClick={() =>\r\n push(\r\n parseRoute(ROUTE_CONSTANTS.STATEMENT_CREATION, {\r\n params: { projectId: project.id },\r\n }),\r\n )\r\n }\r\n iconButtonIcon={PlusIcon}\r\n iconButtonMessage={'statement-list.create-statement'}\r\n />\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AutomaticallyIdentifiedAnnotations;\r\n","import { useEffect, useRef } from 'react';\r\n\r\nfunction useOutsideClick(callback) {\r\n const ref = useRef(null);\r\n\r\n useEffect(() => {\r\n function handleClickOutside(event) {\r\n if (ref.current && !ref.current.contains(event.target)) {\r\n callback();\r\n }\r\n }\r\n\r\n document.addEventListener('mousedown', handleClickOutside);\r\n return () => {\r\n document.removeEventListener('mousedown', handleClickOutside);\r\n };\r\n }, [callback, ref]);\r\n\r\n return [ref];\r\n}\r\n\r\nexport default useOutsideClick;\r\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n d: \"M2.36497 1.36431C2.31601 0.905113 1.94826 0.5 1.43527 0.5C0.883666 0.5 0.5 0.968383 0.5 1.46875V2.25V7.8457V8.8125V10.5312C0.5 11.0316 0.883666 11.5 1.43527 11.5C1.98687 11.5 2.37054 11.0316 2.37054 10.5312V8.96119L3.45701 8.66831L3.45715 8.66828C4.07717 8.50094 4.73482 8.57796 5.3115 8.8875C6.24281 9.38898 7.32871 9.45149 8.30585 9.05535C8.30602 9.05528 8.3062 9.05521 8.30637 9.05514L8.93484 8.80157L8.93543 8.80134C9.36578 8.62708 9.625 8.20083 9.625 7.75195V2.29102C9.625 1.52863 8.83788 0.899223 8.07545 1.30976L7.90134 1.40351L7.90095 1.40373C7.20948 1.77686 6.39962 1.77688 5.70814 1.4038L2.36497 1.36431ZM2.36497 1.36431L3.28184 1.11688L3.28244 1.11672C4.09775 0.897786 4.95991 0.999798 5.70801 1.40373L2.36497 1.36431Z\",\n fill: \"#D67D00\",\n stroke: \"white\"\n});\n\nvar SvgFlagIcon = function SvgFlagIcon(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return React.createElement(\"svg\", _extends({\n width: 11,\n height: 12,\n viewBox: \"0 0 11 12\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgFlagIcon, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/flag-icon.f290796a.svg\";\nexport { ForwardRef as ReactComponent };","import React, { memo, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport Button, { BUTTON_TYPES } from 'components/common/button-component';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { isNullOrUndefined } from 'utils/object-utils';\r\nimport { shouldShowMoreButton } from 'constants/feature/tickmark-constants';\r\nimport { AUTOMATION_CREATION_TYPE } from 'constants/feature/element-panel-constants';\r\nimport AutomaticallyIdentifiedAnnotations from 'components/common/automatically-identified-annotations';\r\nimport { shouldRestrictAutomaticIdentifier } from 'utils/statement-content-page-utils';\r\n\r\nexport const TICKMARK_ENTRY_BLOCK = 'tickmark-entry';\r\nexport const TICKMARK_ENTRY_ID_BLOCK = 'tickmark-entry-id';\r\nexport const TICKMARK_TEXT_CHAR_LENGTH = 150;\r\nexport const TICKMARK_TEXT_LINES_LENGTH = 3;\r\n\r\nconst TickmarkEntry = ({\r\n tickmark,\r\n rightComponent,\r\n bottomComponent,\r\n absoluteTopRightComponent,\r\n className,\r\n currentlyExpandedTickmarkID,\r\n updateExpandedTickmarkID,\r\n shouldShowAutomatedTag = true,\r\n}) => {\r\n const [toggleShowMore, setToggleShowMore] = React.useState(true);\r\n const [isShowLessBtnVisible, setShowLessBtnVisible] = React.useState(false);\r\n const [refValue, setRefValue] = React.useState(null);\r\n const [clamped, setClamped] = React.useState(false);\r\n\r\n const tickmarkTextRef = React.useRef(null);\r\n\r\n const toggleShowMoreClicked = (toggleStatus) => {\r\n setToggleShowMore(toggleStatus);\r\n updateExpandedTickmarkID &&\r\n updateExpandedTickmarkID(\r\n toggleStatus,\r\n tickmark.tickmarkId,\r\n tickmarkTextRef,\r\n );\r\n };\r\n\r\n /**based on toggleShowMore value it will trigger updateExpandedTickmarkID callback method send latest reference element to \r\n Parent class to get clientHeight or offSetHeight value of selected element, so that the value can be used to update height \r\n in virtualized list component div elements to extended scroll bar and to view complete description of selected tickmarsk*/\r\n useEffect(() => {\r\n if (toggleShowMore === false) {\r\n updateExpandedTickmarkID &&\r\n updateExpandedTickmarkID(\r\n toggleShowMore,\r\n tickmark.tickmarkId,\r\n tickmarkTextRef,\r\n );\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [toggleShowMore]);\r\n\r\n useEffect(() => {\r\n if (\r\n Number.isInteger(currentlyExpandedTickmarkID) &&\r\n !toggleShowMore &&\r\n currentlyExpandedTickmarkID !== tickmark.tickmarkId\r\n ) {\r\n setToggleShowMore(true);\r\n setShowLessBtnVisible(false);\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [tickmark.tickmarkId, currentlyExpandedTickmarkID]);\r\n\r\n useEffect(() => {\r\n if (\r\n Number.isInteger(currentlyExpandedTickmarkID) &&\r\n toggleShowMore &&\r\n currentlyExpandedTickmarkID === tickmark.tickmarkId\r\n ) {\r\n setToggleShowMore(false);\r\n setShowLessBtnVisible(true);\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [tickmark.tickmarkId, currentlyExpandedTickmarkID]);\r\n\r\n useEffect(() => {\r\n setRefValue(tickmarkTextRef);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (\r\n shouldShowMoreButton({\r\n textRef: refValue && refValue.current,\r\n })\r\n ) {\r\n setClamped(true);\r\n } else {\r\n if (!isShowLessBtnVisible) {\r\n setClamped(false);\r\n }\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [refValue, tickmark]);\r\n\r\n const onShowMoreBtnClick = () => {\r\n toggleShowMoreClicked(false);\r\n setShowLessBtnVisible(true);\r\n };\r\n\r\n const onShowLessBtnClick = () => {\r\n toggleShowMoreClicked(true);\r\n setShowLessBtnVisible(false);\r\n };\r\n\r\n return (\r\n \r\n \r\n {rightComponent}\r\n
\r\n )}\r\n \r\n {!isNullOrUndefined(bottomComponent) && (\r\n \r\n {shouldShowAutomatedTag &&\r\n !shouldRestrictAutomaticIdentifier() &&\r\n Object.values(AUTOMATION_CREATION_TYPE).includes(\r\n tickmark.creationType,\r\n ) && (\r\n
\r\n {!isNullOrUndefined(rightComponent) && (\r\n \r\n \r\n {`{${tickmark.noteOrdinal}}`}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {rightComponent}\r\n
\r\n )}\r\n \r\n {!isNullOrUndefined(bottomComponent) && (\r\n \r\n \r\n {`[${comfortLetter.customLabel}]`}\r\n \r\n \r\n \r\n
\r\n {!isNullOrUndefined(rightComponent) && (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n copyToClipBoard(window.btoa(apiError.getDetailsToCopyToClipboard()))\r\n }\r\n disabled={messageIsCopied}\r\n >\r\n {messageIsCopied ? (\r\n
\r\n \r\n {apiError.getReadOnlyErrorMessageToDisplay()}\r\n
\r\n\r\n
\r\n ) : null}\r\n - */\r\n className: PropTypes.string,\r\n /** Reference to drawer triggering element (needed to calculate menu position since implemented with portals) */\r\n wrapperRef: PropTypes.instanceOf(Element),\r\n};\r\n\r\nDefaultApiMenu.propTypes = {\r\n /** Sometimes the individual options have their own individual function handlers */\r\n /** Array of menu items */\r\n dataModel: PropTypes.instanceOf(MenuApiData).isRequired,\r\n /** Function fired when menu item is selected passing the value of that item */\r\n onSelectOption: PropTypes.func,\r\n /** HOC Function fired to toggle drop down menu */\r\n toggleDrawer: PropTypes.func.isRequired,\r\n /** Flag for non internationalized menu options */\r\n isNotIntl: PropTypes.bool,\r\n /** Value of current selection, needs to be one of the values defined in the options.value constructor */\r\n selection: PropTypes.string,\r\n /** custom className applied to the
- \r\n
\r\n \r\n - \r\n
- \r\n
\r\n \r\n - \r\n
- \r\n
\r\n \r\n - \r\n
- \r\n
\r\n \r\n - \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n \r\n \r\n )}\r\n {canCreateNotes &&\r\n !containsNotes &&\r\n !containsSectionAnchor &&\r\n !multipleSectionsSelected &&\r\n selectedCellsCount <= 1 &&\r\n selectedParagraphCount <= 1 && (\r\n
- \r\n \r\n \r\n )}\r\n {_permissionToEdit &&\r\n !containsNotes &&\r\n !containsElement &&\r\n !containsSection &&\r\n !containsSectionAnchor &&\r\n !containsTableCell &&\r\n selectedCellsCount === 0 && (\r\n
- \r\n \r\n \r\n )}\r\n
- \r\n
- \r\n
- \r\n
- */\r\n className: PropTypes.string,\r\n /** Reference to drawer triggering element (needed to calculate menu position since implemented with portals) */\r\n wrapperRef: PropTypes.instanceOf(Element),\r\n /**customized max height for dropdown menu */\r\n maxDropDownHeight: PropTypes.number,\r\n /** indicates if menu should use a react portal or normal child element implementation */\r\n usePortal: PropTypes.bool,\r\n /** indicates if the menu should hide the checkmark next to selected values. */\r\n hideCheckmarks: PropTypes.bool,\r\n /** indicates if the menu should be centered */\r\n centerMenuDisplay: PropTypes.bool,\r\n};\r\n\r\nconst DefaultTableApiMenu = (props) => {\r\n const {\r\n columns,\r\n dataModel,\r\n onSelectOption,\r\n tableId,\r\n toggleDrawer,\r\n NoResultsComponent,\r\n isOptionSelected,\r\n shouldDisableMenuOption,\r\n } = props;\r\n const _rowClassnames = (rowData) =>\r\n isOptionSelected && isOptionSelected(rowData)\r\n ? `${MENU_BLOCK}__option--selected`\r\n : null;\r\n\r\n const _numVisibleRows = getNumVisibleRows({\r\n dataModel: dataModel.apiModel,\r\n options: dataModel.rowItems,\r\n visibleRowsWhileLoading: NUM_VISIBLE_ROWS_WHILE_LOADING,\r\n visibleRowsForScroll: MIN_NUM_VISIBLE_ROWS_FOR_SCROLL,\r\n });\r\n return (\r\n
- */\r\n className: PropTypes.string,\r\n /** Reference to drawer triggering element (needed to calculate menu position since implemented with portals) */\r\n wrapperRef: PropTypes.instanceOf(Element),\r\n /** Function to determine if a specific option is already selected, func should look like (rowData) => someFunction(rowData)\r\n * And evaluate to a boolean\r\n */\r\n isOptionSelected: PropTypes.func,\r\n /** indicates if menu should use a react portal or normal child element implementation */\r\n usePortal: PropTypes.bool,\r\n /** Function that determines if a particular row should be disabled based on if the user has already been selected */\r\n shouldDisableMenuOption: PropTypes.func,\r\n};\r\n\r\nconst Menu = (props) => (\r\n
\r\n {tabsArray.map((tabModel, index) => (\r\n \r\n \r\n {\r\n onSelectTab(tabModel);\r\n }}\r\n >\r\n \r\n {React.isValidElement(\r\n rightIcon.get(tabModel.id).iconComponent,\r\n ) && rightIcon.get(tabModel.id).iconComponent}\r\n
\r\n )}\r\n \r\n \r\n \r\n ))}\r\n \r\n );\r\n};\r\n\r\nTabsGroup.propTypes = {\r\n /** array of tab model objects containing internationalized ids and onClick handlers */\r\n tabsArray: PropTypes.arrayOf(PropTypes.instanceOf(TabModel)).isRequired,\r\n /** Custom classname applied to block level element */\r\n className: PropTypes.string,\r\n /** Unique id for this group of tabsArrayModels */\r\n id: PropTypes.string.isRequired,\r\n /** Model representing the currently selected tab */\r\n selectedTab: PropTypes.instanceOf(TabModel).isRequired,\r\n /** Function fired on tab selection */\r\n onSelectTab: PropTypes.func.isRequired,\r\n /** Boolean indicating if tab buttons spread out to take up the full width of the container or not.*/\r\n fullWidth: PropTypes.bool,\r\n /**Any icon to be displayed at right side of tab button*/\r\n rightIcon: PropTypes.object,\r\n};\r\n\r\nexport default memo(TabsGroup);\r\n","export const isProjectHasReservedClientName = (project) => {\r\n const { engagementEntity } = project;\r\n const RESERVED_CLIENT_NAME = 'Tie out support';\r\n\r\n if (engagementEntity && engagementEntity.clientName) {\r\n return (\r\n engagementEntity.clientName\r\n .toLowerCase()\r\n .indexOf(RESERVED_CLIENT_NAME.toLowerCase()) >= 0\r\n );\r\n }\r\n return false;\r\n};\r\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n d: \"M7.93739 0C3.55379 0 0 3.55379 0 7.93759C0 12.3212 3.55379 15.8751 7.93739 15.8751C12.321 15.8751 15.8748 12.3212 15.8748 7.93759C15.8748 3.55379 12.321 0 7.93739 0Z\",\n fill: \"#0076A8\"\n});\n\nvar _ref3 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n d: \"M12.3762 4.66283C12.2544 4.54098 12.0577 4.54098 11.936 4.66283L5.92222 10.6761L3.96102 8.71485C3.83926 8.593 3.64165 8.593 3.51989 8.71485C3.39813 8.83651 3.39813 9.03375 3.51989 9.1556L5.70212 11.3374C5.763 11.3981 5.84261 11.4286 5.92222 11.4286C6.00183 11.4286 6.08237 11.3981 6.14325 11.3374L12.3762 5.10349C12.4979 4.98173 12.4979 4.78458 12.3762 4.66283Z\",\n fill: \"white\",\n stroke: \"white\"\n});\n\nvar SvgVerified = function SvgVerified(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return React.createElement(\"svg\", _extends({\n width: 16,\n height: 16,\n viewBox: \"0 0 16 16\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgVerified, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/verified.64c5e20e.svg\";\nexport { ForwardRef as ReactComponent };","import { withDefaultContextAsSelectedProject } from './api-default-context';\r\nimport { getStatementIdUtil } from 'utils/statement-export-utils';\r\n\r\nexport const getStatementSummaryNotesRequest = ({ revisionId }) =>\r\n withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/summary/notes`,\r\n );\r\n\r\nexport const getStatementSummaryElementsRequest = ({ revisionId }) =>\r\n withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/summary/elements`,\r\n );\r\n\r\nexport const getStatementSummarySectionsRequest = ({ revisionId }) =>\r\n withDefaultContextAsSelectedProject().get(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/summary/sectionreviews`,\r\n );\r\n","import BaseModel from 'models/base-model';\r\nimport shortid from 'shortid';\r\n\r\nimport { FORMULA_ROW_TYPES } from 'constants/feature/formula-constants';\r\n/**\r\n * Abstract class for different FormulaRow types (Number, Element, Operator).\r\n *\r\n * Should not be instantied by itself, it is meant to be extended by the above models.\r\n */\r\nexport default class FormulaRow extends BaseModel({\r\n key: null,\r\n value: '',\r\n type: null, //FormulaRowType\r\n rowError: false,\r\n}) {\r\n constructor(props) {\r\n super(props);\r\n this.key = shortid.generate();\r\n if (props) {\r\n this.value = props.value;\r\n }\r\n }\r\n hasRowError() {\r\n return this.rowError;\r\n }\r\n\r\n isManual() {\r\n return this.type === FORMULA_ROW_TYPES.NUMBER;\r\n }\r\n\r\n isElement() {\r\n return this.type === FORMULA_ROW_TYPES.ELEMENT;\r\n }\r\n\r\n isOperator() {\r\n return this.type === FORMULA_ROW_TYPES.OPERATOR;\r\n }\r\n}\r\n","const useHoverEffect = (classPrefix, ID) => {\r\n const handleMouseEnter = () => {\r\n const className = `${classPrefix}-${ID}`;\r\n const elements = document.querySelectorAll(`.${className}`);\r\n elements.forEach((element) =>\r\n element.classList.add(`${classPrefix}__hover-effect`),\r\n );\r\n };\r\n\r\n const handleMouseLeave = () => {\r\n const className = `${classPrefix}-${ID}`;\r\n const elements = document.querySelectorAll(`.${className}`);\r\n elements.forEach((element) =>\r\n element.classList.remove(`${classPrefix}__hover-effect`),\r\n );\r\n };\r\n\r\n return { handleMouseEnter, handleMouseLeave };\r\n};\r\n\r\nexport default useHoverEffect;\r\n","import { withDefaultContextAsSelectedProject } from './api-default-context';\r\nimport { getStatementIdUtil } from 'utils/statement-export-utils';\r\n\r\nexport const addNavigationRequest = ({ revisionId, elementDetails }) =>\r\n withDefaultContextAsSelectedProject()\r\n .post(\r\n `/tieout/statements/${getStatementIdUtil()}/revisions/${revisionId}/addnavigation`,\r\n elementDetails,\r\n {\r\n params: {\r\n since: Date.now().toString(),\r\n },\r\n },\r\n )\r\n .then((response) => {\r\n return response;\r\n });\r\n\r\nexport const getStatementNavigationData = (projectId, revisionId) =>\r\n withDefaultContextAsSelectedProject()\r\n .get(\r\n `/tieout/clients/${parseInt(\r\n projectId,\r\n )}/revisions/${revisionId}/images/thumbnails`,\r\n )\r\n .then((response) => {\r\n return response;\r\n });\r\n\r\nexport const getThumbnailBySectionId = ({ projectId, section }) => {\r\n return withDefaultContextAsSelectedProject()\r\n .get(\r\n `/tieout/clients/${parseInt(projectId)}/revisions/${\r\n section.revisionId\r\n }/guids/${section.storageGuid}/keyVersions/${\r\n section.keyVersion\r\n }/contentTypes/png`,\r\n {\r\n responseType: 'arraybuffer',\r\n },\r\n )\r\n .then((response) => {\r\n return response.data;\r\n });\r\n};\r\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n d: \"M12.25 1.16667H9.33333V0.583333C9.33333 0.233333 9.1 0 8.75 0H4.08333C3.73333 0 3.5 0.233333 3.5 0.583333V1.16667H0.583333C0.233333 1.16667 0 1.4 0 1.75V16.9167C0 17.2667 0.233333 17.5 0.583333 17.5H12.25C12.6 17.5 12.8333 17.2667 12.8333 16.9167V1.75C12.8333 1.4 12.6 1.16667 12.25 1.16667ZM4.66667 1.16667H8.16667V2.33333H4.66667V1.16667Z\",\n fill: \"#43B02A\"\n});\n\nvar _ref3 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n d: \"M9.50834 7.5442C9.74168 7.31087 10.0917 7.31087 10.325 7.5442C10.5583 7.77753 10.5583 8.12753 10.325 8.36087L5.65834 13.0275C5.54168 13.1442 5.42501 13.2025 5.25001 13.2025C5.07501 13.2025 4.95834 13.1442 4.84168 13.0275L2.50834 10.6942C2.27501 10.4609 2.27501 10.1109 2.50834 9.87753C2.74168 9.6442 3.09168 9.6442 3.32501 9.87753L5.25001 11.8025L9.50834 7.5442Z\",\n fill: \"white\"\n});\n\nvar SvgTaskReviewed = function SvgTaskReviewed(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return React.createElement(\"svg\", _extends({\n width: 13,\n height: 18,\n viewBox: \"0 0 13 18\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgTaskReviewed, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/task-reviewed.cd2159f2.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n fillRule: \"evenodd\",\n clipRule: \"evenodd\",\n d: \"M9.91683 1.41667H12.8335C13.1835 1.41667 13.4168 1.65 13.4168 2V17.1667C13.4168 17.5167 13.1835 17.75 12.8335 17.75H1.16683C0.816829 17.75 0.583496 17.5167 0.583496 17.1667V2C0.583496 1.65 0.816829 1.41667 1.16683 1.41667H4.0835V0.833333C4.0835 0.483333 4.31683 0.25 4.66683 0.25H9.3335C9.6835 0.25 9.91683 0.483333 9.91683 0.833333V1.41667ZM8.75024 1.41406H5.25024V2.58073H8.75024V1.41406ZM12.2502 16.5859H1.75024V2.58594H4.08358V3.16927C4.08358 3.51927 4.31691 3.7526 4.66691 3.7526H9.33358C9.68358 3.7526 9.91691 3.51927 9.91691 3.16927V2.58594H12.2502V16.5859ZM10.9087 8.60885C11.142 8.37552 11.142 8.02552 10.9087 7.79219C10.6753 7.55885 10.3253 7.55885 10.092 7.79219L5.83366 12.0505L3.90866 10.1255C3.67533 9.89219 3.32533 9.89219 3.09199 10.1255C2.85866 10.3589 2.85866 10.7089 3.09199 10.9422L5.42533 13.2755C5.54199 13.3922 5.65866 13.4505 5.83366 13.4505C6.00866 13.4505 6.12533 13.3922 6.24199 13.2755L10.9087 8.60885Z\",\n fill: \"#0076A8\"\n});\n\nvar SvgTask = function SvgTask(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return React.createElement(\"svg\", _extends({\n width: 14,\n height: 18,\n viewBox: \"0 0 14 18\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgTask, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/task.69dd578d.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n d: \"M6.335 12.085H9.50769L11.4227 14L9.50768 15.915H6.335V12.085Z\",\n stroke: \"black\",\n strokeWidth: 1.17\n});\n\nvar _ref3 =\n/*#__PURE__*/\nReact.createElement(\"path\", {\n d: \"M13.75 14H23.75\",\n stroke: \"black\",\n strokeWidth: 1.17\n});\n\nvar SvgCalloutsDirectionSetterLeft = function SvgCalloutsDirectionSetterLeft(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return React.createElement(\"svg\", _extends({\n width: 29,\n height: 29,\n viewBox: \"0 0 29 29\",\n fill: \"none\",\n ref: svgRef\n }, props), title ? React.createElement(\"title\", null, title) : null, _ref2, _ref3);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgCalloutsDirectionSetterLeft, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/callouts-direction-setter-left.8b398572.svg\";\nexport { ForwardRef as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from \"react\";\n\nvar _ref2 =\n/*#__PURE__*/\nReact.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n}, React.createElement(\"path\", {\n d: \"M0 0h28v28H0z\"\n}), React.createElement(\"path\", {\n className: \"icon-path filter\",\n fill: \"#000\",\n d: \"M13.938 1.223c7.02 0 12.732 5.71 12.732 12.732 0 7.02-5.712 12.734-12.732 12.734-7.021 0-12.733-5.713-12.733-12.734S6.917 1.223 13.938 1.223zm0-1.159C6.266.064.047 6.284.047 13.954c0 7.672 6.22 13.891 13.89 13.891 7.672 0 13.89-6.219 13.89-13.89 0-7.672-6.218-13.89-13.89-13.89zm-1.159 22.573a.58.58 0 0 1-.577-.58v-7.83L5.464 8.611a.58.58 0 0 1 .37-1.024H22.04a.58.58 0 0 1 .37 1.024l-6.737 5.614v6.096a.577.577 0 0 1-.231.462l-2.315 1.738a.579.579 0 0 1-.348.115zM7.433 8.747l5.717 4.763a.581.581 0 0 1 .208.445V20.9l1.159-.868v-6.078c0-.172.076-.334.208-.445l5.717-4.764H7.433z\"\n}));\n\nvar SvgFilter = function SvgFilter(_ref) {\n var svgRef = _ref.svgRef,\n title = _ref.title,\n props = _objectWithoutProperties(_ref, [\"svgRef\", \"title\"]);\n\n return React.createElement(\"svg\", _extends({\n width: 28,\n height: 28,\n viewBox: \"0 0 28 28\",\n ref: svgRef\n }, props), title ? React.createElement(\"title\", null, title) : null, _ref2);\n};\n\nvar ForwardRef = React.forwardRef(function (props, ref) {\n return React.createElement(SvgFilter, _extends({\n svgRef: ref\n }, props));\n});\nexport default __webpack_public_path__ + \"static/media/filter.f3993336.svg\";\nexport { ForwardRef as ReactComponent };","import React, { memo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport TabsGroup from 'components/common/tabs-group-component';\r\nimport TabModel from 'models/utils/common/tab-model';\r\n\r\nimport { DATA_GRID_BLOCK } from './data-grid-component';\r\nimport { DataGridFilter } from './data-grid-component';\r\nimport { isNullOrUndefined } from 'utils/object-utils';\r\n\r\nimport { ReactComponent as FilterIcon } from 'icons/filter.svg';\r\nimport classNames from 'classnames';\r\n\r\nconst FILTER_ICON_SIZE = '28px';\r\n\r\nconst DataGridHeader = ({\r\n tableId,\r\n filters,\r\n title,\r\n rightHeaderButton,\r\n tabsArray,\r\n selectedTab,\r\n onSelectTab,\r\n className,\r\n rightIcon,\r\n}) => {\r\n const HEADER_BLOCK = `${DATA_GRID_BLOCK}__header`;\r\n const _shouldDisplayFilters = () => filters && filters.length > 0;\r\n const _shouldDisplayTabs = () =>\r\n !isNullOrUndefined(tabsArray) && tabsArray.length > 0;\r\n return (\r\n \r\n {title && (\r\n \r\n
\r\n )}\r\n {_shouldDisplayTabs() && (\r\n
\r\n );\r\n};\r\n\r\nDataGridHeader.propTypes = {\r\n /** Unique key string for each table, should be same value as tableId passed to sibling DataGrid */\r\n tableId: PropTypes.string.isRequired,\r\n /** Array of TabModels if tabs are desired */\r\n tabsArray: PropTypes.arrayOf(PropTypes.instanceOf(TabModel)),\r\n /** Array of filter model definitions, passing an array causes the filter icon to be displayed */\r\n filters: PropTypes.arrayOf(PropTypes.instanceOf(DataGridFilter)),\r\n /** Table header */\r\n title: PropTypes.string,\r\n /** An optional right header button for the data grid header */\r\n rightHeaderButton: PropTypes.instanceOf(Object),\r\n /** Model representing the currently selected tab */\r\n selectedTab: PropTypes.instanceOf(TabModel).isRequired,\r\n /** Function fired on tab selection */\r\n onSelectTab: PropTypes.func.isRequired,\r\n /**Will be used apply external classname over this component */\r\n className: PropTypes.string,\r\n /**Any icon to be displayed at right side of tab button*/\r\n rightIcon: PropTypes.object,\r\n};\r\n\r\nexport default memo(DataGridHeader);\r\n","import BaseModel from 'models/base-model';\r\n\r\nexport default class Country extends BaseModel({\r\n geoCode: '',\r\n description: null,\r\n memberFirmCode: '',\r\n countryCode: '',\r\n countryName: '',\r\n containerId: null,\r\n containerCode: '',\r\n containerName: '',\r\n}) {}\r\n","import ApiModel from 'models/api-model';\r\nimport Country from 'models/data/country-model';\r\nimport { isNullOrUndefined } from 'utils/object-utils';\r\nimport { MenuOption } from '../utils/common/menu/menu-option-model';\r\nimport { isArray } from 'lodash';\r\nexport default class CountryForm extends ApiModel({\r\n data: {\r\n countriesList: [],\r\n countriesOptions: [],\r\n },\r\n}) {\r\n get countriesList() {\r\n if (isArray(this.data.countriesList)) {\r\n return this.data.countriesList;\r\n }\r\n return [];\r\n }\r\n get countriesOptions() {\r\n if (!isNullOrUndefined(this.data.countriesOptions)) {\r\n return this.data.countriesOptions;\r\n }\r\n return [];\r\n }\r\n\r\n getCountryMenuOptionByGeoCode(geoCode) {\r\n const geoSpecificCountries = this.countriesList.filter(\r\n (value) => value.geoCode === geoCode,\r\n );\r\n return geoSpecificCountries.length\r\n ? geoSpecificCountries.map((item) => {\r\n return new MenuOption({\r\n id: item.countryCode,\r\n title: item.countryName,\r\n value: `${item.containerCode}-${item.countryCode}`,\r\n isIntl: false,\r\n });\r\n })\r\n : [];\r\n }\r\n\r\n processResponse(response) {\r\n const countries = response.data;\r\n return {\r\n data: {\r\n countriesList: countries.map((country) => {\r\n return new Country(country);\r\n }),\r\n countriesOptions: countries.map((item) => {\r\n return new MenuOption({\r\n id: item.countryCode,\r\n title: item.countryName,\r\n value: `${item.containerCode}-${item.countryCode}`,\r\n isIntl: false,\r\n });\r\n }),\r\n },\r\n };\r\n }\r\n\r\n getCountryDetailsByCountryCode(countryCode) {\r\n return this.countriesList.find(\r\n (country) => country.countryCode === countryCode,\r\n );\r\n }\r\n}\r\n","import { getAPIClient } from 'api/api-client';\r\nimport axios from 'axios';\r\n\r\nexport const urlForUndeterminedGeoKey =\r\n 'http://tieout.aaps.deloitte.com/fail-this-request-for-undetermined-geo';\r\n\r\nexport const isInvalidUrl = (url) =>\r\n url\r\n .split('/')\r\n .some((urlParam) => ['null', 'NaN', 'undefined'].includes(urlParam));\r\n\r\nexport const globalApiRequestValidator = (geoKey) => {\r\n const apiClient = getAPIClient(geoKey);\r\n apiClient.api.interceptors.request.use((requestConfig) => {\r\n console.debug('going to make api call for geo:', geoKey);\r\n if (isInvalidUrl(requestConfig.url)) {\r\n console.warn(\r\n 'null or NaN data detected in url path. Hence aborting the request:',\r\n requestConfig.url,\r\n );\r\n console.trace();\r\n return Promise.reject(requestConfig);\r\n } else if (requestConfig.baseURL === urlForUndeterminedGeoKey) {\r\n return Promise.reject(requestConfig).catch((err) => {\r\n console.warn(\r\n 'invalid axios instance as geoKey could not be determined from project id',\r\n err,\r\n );\r\n console.trace();\r\n });\r\n }\r\n return requestConfig;\r\n });\r\n};\r\n\r\n// creating temporary geokey instance when geokey is not determined from project id\r\nexport const getAxiosInstance = () => {\r\n let axiosInstance = {};\r\n axiosInstance['api'] = axios.create({\r\n baseURL: urlForUndeterminedGeoKey,\r\n });\r\n return axiosInstance;\r\n};\r\n","import { createAction } from 'redux-actions';\r\nimport { getFeatureInfoForAllGeos } from 'api/tieout-info-api';\r\n\r\nexport const featureInfoLoading = createAction('FEATURE_INFO_LOADING');\r\nexport const featureInfoError = createAction('FEATURE_INFO_ERROR');\r\nexport const featureInfoLoaded = createAction('FEATURE_INFO_LOADED');\r\n\r\nexport const fetchFeatureInfoForAllGeos = () => async (dispatch) => {\r\n dispatch(featureInfoLoading());\r\n try {\r\n const response = await getFeatureInfoForAllGeos();\r\n const geoToFeatureFlagMap = {};\r\n response.forEach((buildInfoDetails) => {\r\n const { data: { springProfiles = '', featureConfig } = {} } =\r\n buildInfoDetails;\r\n //we are getting springProfiles value as 'geo-env' i.e 'ame-qa'.\r\n // I am extracting geo information to create geoToFeatureFlagMap.\r\n const [geoCodeValue] = springProfiles.split('-');\r\n const geoCodeInUpperCase = geoCodeValue.toUpperCase();\r\n geoToFeatureFlagMap[geoCodeInUpperCase] = featureConfig;\r\n });\r\n await dispatch(\r\n featureInfoLoaded({\r\n response: geoToFeatureFlagMap,\r\n }),\r\n );\r\n } catch (error) {\r\n dispatch(featureInfoError(error));\r\n }\r\n};\r\n","import { getStatementWorkflowStepsMetaData } from 'api/statement-api';\r\nimport { createAction } from 'redux-actions';\r\n\r\nexport const setStatementWorkflowStepsLoading = createAction(\r\n 'SET_STATEMENT_WORKFLOWS_STEPS_LOADING',\r\n);\r\nexport const setStatementWorkflowStepsLoaded = createAction(\r\n 'SET_STATEMENT_WORKFLOWS_STEPS_LOADED',\r\n);\r\nexport const setStatementWorkflowStepsError = createAction(\r\n 'SET_STATEMENT_WORKFLOWS_STEPS_ERROR',\r\n);\r\n\r\nexport const getStatementWorkflowStepsRequest =\r\n () => async (dispatch, getState) => {\r\n dispatch(setStatementWorkflowStepsLoading());\r\n try {\r\n const response = await getStatementWorkflowStepsMetaData();\r\n dispatch(setStatementWorkflowStepsLoaded(response));\r\n } catch (e) {\r\n dispatch(setStatementWorkflowStepsError(e));\r\n }\r\n };\r\n","import FormulaRowElement from 'models/data/formula/formula-row-element-model';\r\nimport FormulaRowNumber from 'models/data/formula/formula-row-number-model';\r\nimport { FORMULA_ROW_TYPES } from 'constants/feature/formula-constants';\r\nimport {\r\n COPY_SUCCESS,\r\n COPY_FAILED,\r\n} from '../store/actions/copy-formula-actions';\r\n\r\n//Calculate positions and gew new formula rows for the target element.\r\nexport const _getNewRowsForTargetElement = (\r\n srcElement,\r\n targetElement,\r\n copiedRows,\r\n tableMatrix,\r\n) => {\r\n try {\r\n let firstNonUndefinedIndex = tableMatrix.findIndex(\r\n (el) => el !== undefined,\r\n );\r\n let isAtleastOneElementFound = false; // if no elements or numbers found, we should see the error.\r\n //loop through copied rows and change only elements with new positions and retain operators and numbers\r\n const newRows = copiedRows.map((row) => {\r\n // find the difference in row wise and column wise postions between source and target elements.\r\n let rowIndexDiff =\r\n tableMatrix[targetElement].row - tableMatrix[srcElement].row;\r\n let columnIndexDiff =\r\n tableMatrix[targetElement].column - tableMatrix[srcElement].column;\r\n switch (row.type) {\r\n case FORMULA_ROW_TYPES.ELEMENT: {\r\n let targetRowElement;\r\n let targetRowElementPos;\r\n try {\r\n let targetRowElementRowColumn = [\r\n tableMatrix[row.elementData.id].row + rowIndexDiff,\r\n tableMatrix[row.elementData.id].column + columnIndexDiff,\r\n ];\r\n targetRowElementPos =\r\n tableMatrix\r\n // Since the array can consist of lot of undefined values behind,\r\n // so I choose to start from first non-undefined index.\r\n // Pardon me for calling it 'non-undefined'.\r\n // I choose to call it that way since 'undefined' is a keyword here.\r\n .slice(firstNonUndefinedIndex)\r\n .findIndex(\r\n (ele) =>\r\n ele &&\r\n ele.row === targetRowElementRowColumn[0] &&\r\n ele.column === targetRowElementRowColumn[1],\r\n ) + firstNonUndefinedIndex;\r\n\r\n targetRowElement = tableMatrix[targetRowElementPos];\r\n } catch (e) {\r\n //incase if there is any exception while trying to get the targetRowElement, ignore it since we are validating targetRowElement below.\r\n }\r\n if (targetRowElement) {\r\n isAtleastOneElementFound = true;\r\n return new FormulaRowElement({\r\n elementData: {\r\n id: targetRowElementPos,\r\n },\r\n });\r\n } else {\r\n //if element not found , add 0 to the formula.\r\n return new FormulaRowNumber({\r\n value: 0,\r\n });\r\n }\r\n }\r\n case FORMULA_ROW_TYPES.NUMBER: {\r\n isAtleastOneElementFound = true;\r\n return row;\r\n }\r\n default:\r\n return row;\r\n }\r\n });\r\n return isAtleastOneElementFound ? newRows : null;\r\n } catch (e) {\r\n return null;\r\n //TODO: can set error in copyFormula state in the store.\r\n }\r\n};\r\n\r\n//get table from the selected element.\r\nexport const getCurrentTable = (elementId) => {\r\n // If ElementId is null, return null and don't initiate copy formula\r\n let tag =\r\n elementId &&\r\n document.getElementById(`CFTO_ELEMENT_${elementId}`) &&\r\n document.getElementById(`CFTO_ELEMENT_${elementId}`).parentNode;\r\n while (tag && tag.tagName !== 'TABLE') {\r\n tag = tag.parentNode;\r\n }\r\n return tag;\r\n};\r\n\r\nexport const removeUnwantedColumn = (dataTable, maxColumnValue) => {\r\n let emptyColumns = [];\r\n let firstNonUndefinedIndex = dataTable.findIndex((ele) => ele !== undefined);\r\n for (let i = 0; i < maxColumnValue; i++) {\r\n if (dataTable.findIndex((ele) => ele && ele.column === i) === -1)\r\n emptyColumns.push(i);\r\n }\r\n dataTable.slice(firstNonUndefinedIndex).forEach((elementData) => {\r\n elementData &&\r\n (dataTable[elementData.elementId] = {\r\n elementId: elementData.elementId,\r\n value: elementData.value,\r\n row: elementData.row,\r\n column:\r\n elementData.column -\r\n emptyColumns.reduce(\r\n (prevValue, currentValue) =>\r\n currentValue < elementData.column ? prevValue + 1 : prevValue,\r\n 0,\r\n ),\r\n });\r\n });\r\n return dataTable;\r\n};\r\n\r\nexport const triggerPopUpStatusForCopyFormula = (\r\n copyFormulaResult,\r\n elementIds,\r\n) => {\r\n let elementWiseStats = [];\r\n let successMessageDto = [];\r\n let failureMessageDto = [];\r\n\r\n // I intend to create the below structure in elementWiseStats\r\n /**ElementID |\tFormula Pasted |\tFormula Did not pasted\r\n * -------------------------------------------------\r\n 1\t 1 2\r\n 2\t 3\t 2\r\n 3\t 2\t 1\r\n 4\t 3\t 3\r\n 5\t 1\t 3\r\n */\r\n elementIds.forEach((id, index) => {\r\n elementWiseStats.push({\r\n elementId: id,\r\n numberOfSuccessfulPaste: copyFormulaResult.filter(\r\n (ele) => ele.elementId === id && ele.copyFormulaStatus === COPY_SUCCESS,\r\n ).length,\r\n numberOfFailedPaste: copyFormulaResult.filter(\r\n (ele) => ele.elementId === id && ele.copyFormulaStatus === COPY_FAILED,\r\n ).length,\r\n });\r\n });\r\n\r\n // I intend to create the below structure in successMessageDto.\r\n // This is derived from elementWiseStats\r\n /**NumberOfElements |\t NumberOfFormulaSuccesfullyPasted\r\n * -------------------------------------------------\r\n 2 1\r\n 2 3\r\n 1 2\r\n */\r\n /** It can be interpreted as :\r\n * There is 2 elements for which 1 formula is succesfully pasted\r\n * There is 1 element for which 3 formula is successfully pasted\r\n * There is 1 element for which 2 formula is successfully pasted\r\n */\r\n /**The similar kind of structure is there in failureMessageDto*/\r\n elementWiseStats.forEach((stats, index) => {\r\n /**numberOfSameSuccessElements - Number of elements for which same amount of formula is successfully pasted */\r\n let numberOfSameSuccessElements = elementWiseStats.filter(\r\n (ele) => ele.numberOfSuccessfulPaste === stats.numberOfSuccessfulPaste,\r\n ).length;\r\n /**numberOfSameFailedElements - Number of elements for which same amount of formula has been failed to paste */\r\n let numberOfSameFailedElements = elementWiseStats.filter(\r\n (ele) => ele.numberOfFailedPaste === stats.numberOfFailedPaste,\r\n ).length;\r\n if (\r\n successMessageDto.findIndex(\r\n (ele) =>\r\n stats.numberOfSuccessfulPaste === ele.numberOfSuccessfulPaste &&\r\n numberOfSameSuccessElements === ele.numberOfElements,\r\n ) === -1 &&\r\n stats.numberOfSuccessfulPaste > 0\r\n ) {\r\n successMessageDto.push({\r\n numberOfSuccessfulPaste: stats.numberOfSuccessfulPaste,\r\n numberOfElements: numberOfSameSuccessElements,\r\n });\r\n }\r\n if (\r\n failureMessageDto.findIndex(\r\n (ele) =>\r\n stats.numberOfFailedPaste === ele.numberOfFailedPaste &&\r\n numberOfSameFailedElements === ele.numberOfElements,\r\n ) === -1 &&\r\n stats.numberOfFailedPaste > 0\r\n ) {\r\n failureMessageDto.push({\r\n numberOfFailedPaste: stats.numberOfFailedPaste,\r\n numberOfElements: numberOfSameFailedElements,\r\n });\r\n }\r\n });\r\n return { successMessageDto, failureMessageDto };\r\n};\r\n","import BaseModel from 'models/base-model';\r\nimport { isNullOrUndefined } from 'utils/object-utils';\r\nimport { REACT_SECTION_ID_PREFIX } from 'constants/feature/statement-content-constants';\r\n\r\nexport default class ContentCSSSelector extends BaseModel({\r\n sectionId: null,\r\n selector: null,\r\n isElementHighlight: null,\r\n}) {\r\n get fullSelctor() {\r\n if (this.hasValidSelector()) {\r\n return `#${REACT_SECTION_ID_PREFIX}${this.sectionId} ${this.selector}`;\r\n }\r\n\r\n return null;\r\n }\r\n\r\n hasValidSelector() {\r\n return (\r\n !isNullOrUndefined(this.sectionId) && !isNullOrUndefined(this.selector)\r\n );\r\n }\r\n isElementHighlight() {\r\n return !isNullOrUndefined(this.isElementHighlight);\r\n }\r\n}\r\n","import { createAction } from 'redux-actions';\r\n\r\nimport { getAllRevisionElementsRequest } from 'api/element-api.js';\r\nimport { LEFT_PANELS } from 'constants/feature/panel-constants';\r\n\r\nexport const comparePanelLoading = createAction('COMPARE_STATS_LOADING');\r\nexport const comparePanelLoaded = createAction('COMPARE_STATS_LOADED');\r\nexport const comparePanelError = createAction('COMPARE_STATS_ERROR');\r\n\r\nexport const fetchComparePanelForRevision = ({ revisionId }) => async (\r\n dispatch,\r\n getState,\r\n) => {\r\n if (getState().ui.statementPage.panels.left !== LEFT_PANELS.COMPARE) return;\r\n dispatch(comparePanelLoading());\r\n try {\r\n const response = await getAllRevisionElementsRequest({ revisionId });\r\n dispatch(comparePanelLoaded({ response }));\r\n } catch (error) {\r\n dispatch(comparePanelError(error));\r\n }\r\n};\r\n","import { isNullOrUndefined } from './object-utils';\r\n\r\nexport const getArrayWithNewSection = (\r\n tree,\r\n section,\r\n parentId,\r\n inline,\r\n isSectionAlreadyInTree,\r\n) => {\r\n let isSectionAdded = false;\r\n if (tree.children) {\r\n tree.children.forEach((children, index) => {\r\n //case one: section is already in tree, wee need to add a child to the existing node with the same section id.\r\n if (isSectionAlreadyInTree) {\r\n // if current children has the same section id\r\n if (children.id === section.id && !children.isNew) {\r\n if (children.children) {\r\n if (inline) {\r\n tree.children.splice(index + 1, 0, section);\r\n } else {\r\n children.children.unshift(section);\r\n }\r\n } else {\r\n if (inline) {\r\n tree.children.splice(index + 1, 0, section);\r\n } else {\r\n children.children = [section];\r\n }\r\n }\r\n isSectionAdded = true;\r\n return isSectionAdded;\r\n } else {\r\n //if not, it calls himself with the new tree data\r\n if (!isSectionAdded) {\r\n isSectionAdded = getArrayWithNewSection(\r\n children,\r\n section,\r\n parentId,\r\n inline,\r\n isSectionAlreadyInTree,\r\n );\r\n }\r\n }\r\n } else {\r\n //case 2 the section id does not exist in the tree so we need to append the new section to a node\r\n if (children.id === parentId) {\r\n if (inline) {\r\n tree.children.splice(index + 1, 0, section);\r\n } else {\r\n const indentParent = tree.children[index];\r\n if (indentParent.children) {\r\n indentParent.children.push(section);\r\n } else {\r\n indentParent.children = [section];\r\n }\r\n }\r\n isSectionAdded = true;\r\n return isSectionAdded;\r\n } else {\r\n if (!isSectionAdded) {\r\n isSectionAdded = getArrayWithNewSection(\r\n children,\r\n section,\r\n parentId,\r\n inline,\r\n isSectionAlreadyInTree,\r\n );\r\n }\r\n }\r\n }\r\n });\r\n }\r\n return isSectionAdded;\r\n};\r\n//function to delete section added when the modal opened and when the modal closes\r\nexport const deleteNewSection = (tree, sectionId) => {\r\n let isSectionDeleted = false;\r\n if (tree.children) {\r\n tree.children.forEach((children, index) => {\r\n if (children.id === sectionId && children.isNew) {\r\n if (tree.children.length === 1) {\r\n tree.children = null;\r\n } else {\r\n tree.children.splice(index, 1);\r\n }\r\n isSectionDeleted = true;\r\n return isSectionDeleted;\r\n } else {\r\n if (!isSectionDeleted) {\r\n isSectionDeleted = deleteNewSection(children, sectionId);\r\n }\r\n }\r\n });\r\n }\r\n return isSectionDeleted;\r\n};\r\n//function to verify if a section is already in the tree\r\nexport const isSectionInTree = (tree, parentId) => {\r\n let isSection = false;\r\n if (tree.id === parentId) {\r\n isSection = true;\r\n return isSection;\r\n } else {\r\n if (tree.children) {\r\n tree.children.forEach((children) => {\r\n if (!isSection) {\r\n isSection = isSectionInTree(children, parentId);\r\n }\r\n });\r\n }\r\n }\r\n return isSection;\r\n};\r\n\r\n//function to get tree in section\r\nexport const getTreeBySectionId = (tree, sectionId) => {\r\n let selectedTree = null;\r\n if (tree.id === sectionId) {\r\n selectedTree = tree;\r\n return selectedTree;\r\n } else {\r\n if (tree.children) {\r\n tree.children.forEach((children) => {\r\n if (!selectedTree) {\r\n selectedTree = getTreeBySectionId(children, sectionId);\r\n }\r\n });\r\n }\r\n }\r\n return selectedTree;\r\n};\r\n\r\nexport const isRootLevelSection = (tree, parentId) => {\r\n let parentSection = getTreeBySectionId({ children: tree }, parentId);\r\n\r\n return (\r\n isNullOrUndefined(parentSection) ||\r\n isNullOrUndefined(parentSection.parentId)\r\n );\r\n};\r\n","import React from 'react';\r\nimport classnames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport { ReactComponent as TaskReviewedIcon } from 'icons/task-reviewed.svg';\r\nimport { ReactComponent as TaskIcon } from 'icons/task.svg';\r\nimport { SectionReviewList } from 'models/api/section-review-list-api-model';\r\nimport ToolTip from 'components/common/tool-tip-component';\r\nimport moment from 'moment';\r\nimport { DATE_FORMATS } from 'constants/util/date-constants';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport SectionAssignmentsList from 'models/api/section-assignments-list-api-model';\r\nimport { getUserNameByUserId } from 'utils/statement-content-page-utils';\r\nimport { isNullOrUndefined } from 'utils/object-utils';\r\n\r\nexport const SECTION_ANCHOR_BLOCK = 'section-anchor';\r\nexport const SECTION_ANCHOR_BLOCK_ID = 'section-anchor-id';\r\nexport const REVIEW_ICON_SIZE = '16px';\r\n\r\nexport const getInitials = (string) => {\r\n if (isNullOrUndefined(string)) return;\r\n const initials = string.replace(/[^a-zA-Z- ]/g, '').match(/\\b\\w/g);\r\n return initials[0] + initials[1];\r\n};\r\n\r\nconst SectionAnchor = ({\r\n id,\r\n name,\r\n children,\r\n sectionId,\r\n sectionReview,\r\n shouldRenderIcon,\r\n sectionAssignments,\r\n handleElementClick,\r\n sectionReviewTooltip,\r\n isCursorAlias,\r\n shouldSectionAnchorDisabled,\r\n isSectionSelected,\r\n section,\r\n color,\r\n displayElementDetailsOnStatementPage,\r\n}) => {\r\n const renderIcon = () => {\r\n if (!shouldRenderIcon) {\r\n return null;\r\n }\r\n const hasBeenReviewed = sectionReview.hasSectionBeenReviewed(sectionId);\r\n if (hasBeenReviewed) {\r\n return (\r\n \r\n
\r\n )}\r\n {_shouldDisplayTabs() && (\r\n \r\n {rightHeaderButton}\r\n
\r\n ) : null}\r\n \r\n {sectionReviewTooltip()}\r\n
\r\n \r\n {sectionAssignments.sectionAssignments\r\n .filter(\r\n (assignments) =>\r\n assignments.sectionId === sectionId &&\r\n shouldAssignmentInitialsBeRendered(\r\n assignments.userId,\r\n assignments.sectionId,\r\n ),\r\n )\r\n .map((assignment, index) => (\r\n \r\n {getInitials(getUserNameByUserId(assignment.userId))}\r\n
\r\n \r\n ))}\r\n \r\n \r\n )}\r\n {children}\r\n \r\n ) : null;\r\n};\r\n\r\nSectionAnchor.defaultProps = {\r\n shouldRenderIcon: true,\r\n};\r\n\r\nSectionAnchor.propTypes = {\r\n /** unique html id for this section anchor (should be CFTO_SECTION_XXXXXXX) */\r\n id: PropTypes.string.isRequired,\r\n /** Unique number id for this section */\r\n sectionId: PropTypes.number.isRequired,\r\n /** name attribute for section anchor, NOTE: probably can be filtered/deleted if we decide we don't need it */\r\n name: PropTypes.string,\r\n /** contains list of section reviews */\r\n sectionReview: PropTypes.instanceOf(SectionReviewList).isRequired,\r\n /** boolean to render section anchor icon */\r\n shouldRenderIcon: PropTypes.bool,\r\n /** A reference to the assignments of the selected section */\r\n sectionAssignments: PropTypes.instanceOf(SectionAssignmentsList).isRequired,\r\n /** this function is used mediator to have handle API call triggering in side by side view */\r\n sectionReviewTooltip: PropTypes.func,\r\n /** this function is used mediator to have handle API call triggering in side by side view */\r\n handleElementClick: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default SectionAnchor;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { SectionReviewList } from 'models/api/section-review-list-api-model';\r\nimport ToolTip from 'components/common/tool-tip-component';\r\nimport moment from 'moment';\r\nimport { DATE_FORMATS } from 'constants/util/date-constants';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport {\r\n SECTION_ANCHOR_BLOCK_ID,\r\n SECTION_ANCHOR_BLOCK,\r\n getInitials,\r\n} from 'components/feature/statement-content-panel/section-anchor-component';\r\n\r\nexport const SectionReview = (props) => {\r\n const { sectionReview, sectionId } = props;\r\n return (\r\n <>\r\n {Array.isArray(sectionReview.sectionReviews) &&\r\n sectionReview.sectionReviews\r\n .filter((review) => review.sectionId === sectionId)\r\n .map((review, index) => (\r\n \r\n {getInitials(review.appUserName)}\r\n
\r\n \r\n ))}\r\n \r\n );\r\n};\r\n\r\nSectionReview.propTypes = {\r\n sectionReview: PropTypes.instanceOf(SectionReviewList).isRequired,\r\n};\r\n","import React from 'react';\r\nimport { connect, useSelector } from 'react-redux';\r\nimport { useLocation } from 'react-router-dom';\r\nimport { onSectionClick } from 'store/actions/statement-content-actions';\r\nimport SectionAnchor from 'components/feature/statement-content-panel/section-anchor-component';\r\nimport { SectionReview } from 'components/feature/statement-content-panel/_section-Review-Tooltip';\r\nimport { ROUTE_CONSTANTS } from 'constants/util/route-constants';\r\nimport { ELEMENT_SELECT_MODES } from 'constants/feature/modes-constants';\r\nimport {\r\n toggleFormulaCancelModal,\r\n openSectionPanelAfterCancelConfirmAction,\r\n storeSelectedSectionIdAction,\r\n toggleInternalReferenceCancelModal,\r\n} from 'store/actions/panel-cancel-modal-actions';\r\n\r\nexport const SectionAnchorHOC = (props) => {\r\n const {\r\n sectionReview,\r\n leftSideView,\r\n sectionId,\r\n leftSectionReview,\r\n onSectionClick,\r\n toggleFormulaCancelModal,\r\n openSectionPanelAfterCancelConfirmAction,\r\n storeSelectedSectionIdAction,\r\n toggleInternalReferenceCancelModal,\r\n selectModeId,\r\n } = props;\r\n const pathName = useLocation().pathname;\r\n\r\n const { isSectionSelected, section, color } = useSelector((store) => {\r\n const selectedSection =\r\n pathName.includes(ROUTE_CONSTANTS.SIDE_BY_SIDE) && leftSideView\r\n ? store.data.leftStatementContent.leftSelectedSection[sectionId]\r\n : store.ui.statementPage.selectedSectionsMap[sectionId];\r\n\r\n const contentSectionMap =\r\n pathName.includes(ROUTE_CONSTANTS.SIDE_BY_SIDE) && leftSideView\r\n ? store.data.leftStatementContent.leftSectionsCache\r\n .leftContentSectionMap\r\n : store.data.statementContent.sectionsCache.contentSectionMap;\r\n return {\r\n isSectionSelected: !!selectedSection,\r\n color: selectedSection ? selectedSection.color : null,\r\n section: Object.values(contentSectionMap.map).find(\r\n (entry) => entry.id === sectionId,\r\n ),\r\n };\r\n });\r\n\r\n const handleElementClick = (sectionId, color) => {\r\n if (pathName.includes(ROUTE_CONSTANTS.SIDE_BY_SIDE)) {\r\n return () => {};\r\n } else {\r\n if (selectModeId === ELEMENT_SELECT_MODES.FORMULA.id) {\r\n toggleFormulaCancelModal(true);\r\n storeSelectedSectionIdAction(sectionId);\r\n openSectionPanelAfterCancelConfirmAction(true);\r\n } else if (selectModeId === ELEMENT_SELECT_MODES.INTERNAL_REFERENCE.id) {\r\n toggleInternalReferenceCancelModal(true);\r\n storeSelectedSectionIdAction(sectionId);\r\n openSectionPanelAfterCancelConfirmAction(true);\r\n } else {\r\n onSectionClick({ sectionId, color: color, sectionClick: true });\r\n }\r\n }\r\n };\r\n\r\n return (\r\n ,
etc.\r\n * This function returns void elements with no children\r\n * @param {Node} param.node node to render\r\n */\r\nconst _childlessElement = ({ sectionId, node }) => {\r\n return React.createElement(node.name, {\r\n key: `${sectionId}-${shortid.generate()}`,\r\n ..._attributesToPropsEx(node.attribs),\r\n });\r\n};\r\n\r\n/**\r\n * Some elements like