\n
\n );\n}\n\nSearchHeaderDesktop.propTypes = {\n filters: filtersShape.isRequired,\n setFilter: PropTypes.func.isRequired,\n selectCards: PropTypes.func.isRequired,\n unselectCards: PropTypes.func.isRequired,\n cards: PropTypes.arrayOf(cardShape).isRequired,\n selectedCardIds: PropTypes.arrayOf(PropTypes.number).isRequired,\n submitExport: PropTypes.func.isRequired,\n resetSelectedCards: PropTypes.func.isRequired,\n customFields: PropTypes.arrayOf(customFieldShape),\n isExportOpen: PropTypes.bool.isRequired,\n};\n\nexport default reduxConnect(SearchHeaderDesktop);\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport SearchBox from 'components/core/SearchBox';\nimport Button from 'components/core/Button';\nimport reduxConnect from 'components/Grm2/reduxConnect';\nimport { filtersShape } from 'components/Grm2/shapes';\n\nimport styles from './styles.module.scss';\n\nfunction SearchButton({\n showSearchBox,\n setShowSearchBox,\n filters,\n setFilter,\n}) {\n const [keywordLookup, setKeywordLookup] = useState(filters.keywordLookup);\n\n const handleChange = event => setKeywordLookup(event.target.value);\n\n const handleSubmit = () => {\n setFilter('keywordLookup', keywordLookup);\n setShowSearchBox(false);\n };\n\n const handleClick = () => setShowSearchBox(true);\n\n if (showSearchBox) {\n return (\n \n
\n\n \n
\n \n
\n );\n }\n\n return (\n \n
\n );\n}\n\nSearchHeaderMobile.propTypes = {\n filters: filtersShape.isRequired,\n cards: PropTypes.arrayOf(cardShape).isRequired,\n submitExport: PropTypes.func.isRequired,\n customFields: PropTypes.arrayOf(customFieldShape),\n};\n\nexport default reduxConnect(SearchHeaderMobile);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport useMediaQuery from 'utils/breakpoints/useMediaQuery';\n\nimport SearchHeaderDesktop from '../SearchHeaderDesktop';\nimport SearchHeaderMobile from '../SearchHeaderMobile';\n\nfunction SearchHeader({ isExportOpen }) {\n const { isMobile } = useMediaQuery();\n\n return isMobile\n ? \n
\n\n {showFilters && (\n \n
\n );\n}\n\nTasksSearchHeader.propTypes = {\n setFilter: PropTypes.func.isRequired,\n filters: filtersShape.isRequired,\n boardUrl: PropTypes.string.isRequired,\n listUrl: PropTypes.string.isRequired,\n};\n\nexport default reduxConnect(TasksSearchHeader);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { isFunction } from 'lodash';\n\nimport PageHeader from 'components/core/PageHeader';\nimport titles from 'components/Grm2/titles';\nimport useElementById from 'utils/useElementById';\n\nimport TasksSearchHeader from '../TasksSearchHeader';\nimport styles from './styles.module.scss';\n\nfunction TasksHeader({ boardUrl, listUrl }) {\n const { ref } = useElementById('navigation');\n const { bottom: top } = isFunction(ref.getBoundingClientRect) && ref.getBoundingClientRect();\n\n const pageHeaderProps = {\n applyExtraMargin: false,\n headerClassName: styles.pageHeader,\n titleClassName: styles.subProductTitle,\n ...titles.tasks,\n };\n\n return (\n \n
\n \n
\n \n
\n );\n}\n\nTasksHeader.propTypes = {\n boardUrl: PropTypes.string.isRequired,\n listUrl: PropTypes.string.isRequired,\n};\n\nexport default TasksHeader;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport PageHeader, { BackToHeaderBar } from 'components/core/PageHeader';\nimport titles from 'components/Grm2/titles';\n\nimport SearchHeader from './components/SearchHeader';\nimport styles from './styles.module.scss';\n\nfunction Header({ haveActions, isExportOpen }) {\n const pageHeaderProps = {\n applyExtraMargin: false,\n headerClassName: styles.pageHeader,\n titleClassName: styles.subProductTitle,\n ...titles.grm,\n };\n\n return (\n \n
\n \n
\n );\n}\n\nHeader.defaultProps = {\n haveActions: true,\n};\n\nHeader.propTypes = {\n haveActions: PropTypes.bool,\n isExportOpen: PropTypes.bool.isRequired,\n};\n\nexport default Header;\nexport { default as TasksHeader } from './components/TasksHeader';\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Card from 'components/core/Card';\n\nimport styles from './styles.module.scss';\n\nfunction DesktopView({ children }) {\n return (\n \n
\n {!haveActions && \n
\n );\n}\n\nMobileView.propTypes = {\n children: PropTypes.node.isRequired,\n onClearFilters: PropTypes.func.isRequired,\n onApplyFilters: PropTypes.func.isRequired,\n};\n\nexport default MobileView;\n","import { useEffect } from 'react';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { useAccordionState } from 'components/core/Accordion';\n\nfunction useAccordion({ filters }) {\n const { isOpen, handleToggle } = useAccordionState({}, true);\n\n useEffect(() => {\n if (!isOpen.creator && !isEmpty(filters.creator)) {\n handleToggle('creator');\n }\n }, [filters.creator]);\n\n useEffect(() => {\n if (!isOpen.tags && !isEmpty(filters.tags)) {\n handleToggle('tags');\n }\n }, [filters.tags]);\n\n return {\n isOpen,\n handleToggle,\n };\n}\n\nexport default useAccordion;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Tooltip from '@tippyjs/react';\n\nimport reduxConnect from 'components/Grm2/reduxConnect';\nimport useMediaQuery from 'utils/breakpoints/useMediaQuery';\nimport Accordion, { Item, Caret } from 'components/core/Accordion';\nimport { QuestionMark } from 'components/core/Icons';\nimport { TOOLTIP_OFFSET } from 'utils/constants';\nimport { filtersShape } from 'components/Grm2/shapes';\nimport { getCurrentUserTag } from 'components/Grm2/utils';\n\nimport DesktopView from './components/DesktopView';\nimport MobileView from './components/MobileView';\nimport { FIELDS } from './constants';\nimport useFilters from './useFilters';\nimport useAccordion from './useAccordion';\nimport styles from './styles.module.scss';\n\nfunction Filters({\n onClose,\n filters,\n setFilter,\n resetFilters,\n resetSelectedCards,\n isDisabled,\n}) {\n const {\n badges,\n handleChange,\n values: fieldValues,\n } = useFilters({\n filters,\n setFilter,\n resetSelectedCards,\n });\n const { isMobile } = useMediaQuery();\n\n const currentUserTag = getCurrentUserTag();\n const defaultSearchText = {\n label: 'Type to search',\n isDisabled: true,\n showIcon: false,\n optionClassName: styles.optionClassname,\n };\n\n const defaultOptions = [currentUserTag, defaultSearchText];\n\n const renderBadge = (field) => {\n if (!badges[field]) {\n return null;\n }\n\n return ` (${badges[field]})`;\n };\n\n const renderTooltip = (tooltipContent) => {\n if (!tooltipContent) {\n return null;\n }\n\n return (\n \n
\n \n {children}\n
\n \n \n Apply filters\n \n \n Clear filters\n \n
\n \n \n
\n );\n };\n\n const renderTitle = ({ field, isOpen, toggle, isVisible = true }) => (isVisible ? (\n // eslint-disable-next-line\n \n
\n ) : null);\n\n // eslint-disable-next-line\n const renderContent = ({ field, isVisible = true, ...restProps }) => {\n const fieldValue = fieldValues[field];\n const FieldComponent = FIELDS[field].component;\n\n if (!isVisible) {\n return null;\n }\n\n return (\n \n
\n );\n };\n\n const handleClearFilters = () => {\n resetFilters();\n onClose && onClose();\n };\n\n const handleApplyFilters = () => {\n onClose && onClose();\n };\n\n const View = isMobile ? MobileView : DesktopView;\n const { isOpen, handleToggle } = useAccordion({ filters });\n\n return (\n FILTERS
\n \n
\n );\n}\n\nItem.propTypes = {\n label: PropTypes.string.isRequired,\n color: PropTypes.string.isRequired,\n iconName: PropTypes.string.isRequired,\n isChecked: PropTypes.bool.isRequired,\n};\n\nexport default Item;\n","export const handleCheckboxChange = (selectedValues = [], changeEvent) => {\n const { value, checked } = changeEvent.target;\n\n if (checked) {\n return [value, ...selectedValues];\n }\n\n return selectedValues.filter(selectedValue => selectedValue !== value);\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport Checkbox from 'components/core/Checkbox';\nimport LabelGroup from 'components/core/LabelGroup';\nimport { CARD_TYPES } from 'components/Grm2/constants';\n\nimport Item from './Item';\nimport { handleCheckboxChange } from '../../utils';\nimport styles from './styles.module.scss';\nimport filterComponentStyles from '../styles.module.scss';\n\nfunction ActivityTypes({ value, onChange }) {\n const handleChange = (event) => {\n const newValues = handleCheckboxChange(value, event);\n\n onChange('activityTypes', newValues);\n };\n\n // eslint-disable-next-line\n const renderLabel = (props) => (\n \n 
\n
\n {label}
\n \n
\n );\n}\n\nItem.propTypes = {\n label: PropTypes.string.isRequired,\n color: PropTypes.string.isRequired,\n icon: PropTypes.string.isRequired,\n isChecked: PropTypes.bool.isRequired,\n};\n\nexport default Item;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport Checkbox from 'components/core/Checkbox';\nimport LabelGroup from 'components/core/LabelGroup';\nimport { PRIORITY_TYPES } from 'components/Grm2/constants';\n\nimport Item from './Item';\nimport { handleCheckboxChange } from '../../utils';\nimport styles from './styles.module.scss';\nimport filterComponentStyles from '../styles.module.scss';\n\nfunction PriorityTypes({ value, onChange }) {\n const handleChange = (event) => {\n const newValues = handleCheckboxChange(value, event);\n\n onChange('priorityTypes', newValues);\n };\n\n const renderLabel = props => (\n \n \n
\n {label}
\n \n
\n );\n}\n\nItem.propTypes = {\n label: PropTypes.string.isRequired,\n color: PropTypes.string.isRequired,\n icon: PropTypes.string.isRequired,\n isChecked: PropTypes.bool.isRequired,\n};\n\nexport default Item;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport Checkbox from 'components/core/Checkbox';\nimport LabelGroup from 'components/core/LabelGroup';\nimport { STATUS_TYPES } from 'components/Grm2/constants';\n\nimport Item from './Item';\nimport { handleCheckboxChange } from '../../utils';\nimport styles from './styles.module.scss';\nimport filterComponentStyles from '../styles.module.scss';\n\nfunction StatusTypes({ value, onChange }) {\n const handleChange = (event) => {\n const newValues = handleCheckboxChange(value, event);\n\n onChange('statusTypes', newValues);\n };\n\n // eslint-disable-next-line\n const renderLabel = (props) => (\n \n \n
\n {label}
\n You haven’t created/enabled any custom fields yet. When you do, they will be shown here.
\n\n
\n )}\n \n {map(Array(cardsToDisplay).fill(0), (_, index) => (\n
\n );\n}\n\nLoadingPlaceholder.defaultProps = {\n isSingleCard: false,\n isMobile: false,\n showCheckbox: true,\n cardsLength: 10,\n withReversedAnimation: false,\n};\n\nLoadingPlaceholder.propTypes = {\n isSingleCard: PropTypes.bool,\n showCheckbox: PropTypes.bool,\n isMobile: PropTypes.bool,\n className: PropTypes.string,\n contentClassName: PropTypes.string,\n cardsLength: PropTypes.number,\n withReversedAnimation: PropTypes.bool,\n};\n\nexport default LoadingPlaceholder;\n","import { useState } from 'react';\n\nfunction useCommentsDrawer() {\n const [cardId, setCardId] = useState(null);\n const [isOpen, setIsOpen] = useState(false);\n\n const onShowCommentsInDrawerClick = (newCardId) => {\n setCardId(newCardId);\n setIsOpen(true);\n };\n\n const onCommentsDrawerClose = () => {\n setIsOpen(false);\n setCardId(null);\n };\n\n return {\n commentsDrawerCardId: cardId,\n onCommentsDrawerClose,\n isCommentsDrawerOpen: isOpen,\n onShowCommentsInDrawerClick,\n };\n}\n\nexport default useCommentsDrawer;\n","import { useState, useEffect } from 'react';\n\nimport { getSystemFields, findPage } from 'components/Grm2/NewNoteForNavigation/utils';\nimport { isGrmEnabled } from 'components/Grm2/utils';\nimport { getCardLinkType } from 'redux/grm2/transformers/toBE/cardLinks';\n\nexport function getTimelineDefaultFilters(recordId) {\n const { page, id } = findPage();\n const { recordType } = page || {};\n\n const timelineFilters = [{ type: getCardLinkType(recordType), id: recordId || id }];\n\n return timelineFilters;\n}\n\nfunction useActivityButton({ pagination, setTimelineDefaultFilters, recordId = '' }) {\n const [isDrawerOpen, setIsDrawerOpen] = useState(false);\n const [isNewNoteModalOpen, setIsNewNoteModalOpen] = useState(false);\n\n useEffect(() => {\n const timelineDefaultFilters = getTimelineDefaultFilters(recordId);\n\n setTimelineDefaultFilters(timelineDefaultFilters);\n }, [recordId]);\n\n const toggleDrawer = () => {\n setIsDrawerOpen(!isDrawerOpen);\n };\n\n const toggleNewNoteModalOpen = () => {\n setIsNewNoteModalOpen(!isNewNoteModalOpen);\n };\n\n const handleNewNoteClick = () => {\n setIsDrawerOpen(false);\n setIsNewNoteModalOpen(true);\n };\n\n const showFeed = isGrmEnabled;\n const showFooter = isGrmEnabled;\n const showContactCSX = !isGrmEnabled;\n const numberOfActivities = pagination.totalCount;\n const showBadge = isGrmEnabled && !!numberOfActivities;\n\n const initialValues = {\n ...getSystemFields(recordId),\n };\n\n return {\n isDrawerOpen,\n toggleDrawer,\n isNewNoteModalOpen,\n toggleNewNoteModalOpen,\n showBadge,\n showFeed,\n showContactCSX,\n showFooter,\n numberOfActivities,\n initialValues,\n handleNewNoteClick,\n };\n}\n\nexport default useActivityButton;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"board\":\"styles-module__board___18g4h\",\"emptyPlaceholderButton\":\"styles-module__emptyPlaceholderButton___2kUyk\"};","import { useState } from 'react';\nimport { size, isEmpty } from 'lodash';\n\nimport useModal from 'components/core/Modal/useModal';\nimport { updateTaskCards } from 'components/Grm2/api';\nimport notifications from 'components/Grm2/notifications';\n\nfunction usePriorityModalButton({\n onSave,\n ids,\n}) {\n const { isOpenModal, toggleModal } = useModal();\n const [isLoading, setIsLoading] = useState(false);\n const [priority, setPriority] = useState('');\n\n const confirmable = !isEmpty(priority) && !isLoading;\n\n const handleChange = ({ target: { value } }) => {\n setPriority(value);\n };\n\n const resetToggleModal = () => {\n toggleModal();\n setPriority('');\n };\n\n const successNotify = () => (\n size(ids) === 1\n ? notifications.updateTaskPrioritySuccess()\n : notifications.updateTasksPrioritySuccess()\n );\n\n const handleSave = () => {\n setIsLoading(true);\n\n updateTaskCards({\n ids,\n priority,\n }).then((response) => {\n onSave(response);\n successNotify();\n }).catch(notifications.generalFailNotification)\n .finally(() => {\n setIsLoading(false);\n resetToggleModal();\n });\n };\n\n return {\n handleSave,\n resetToggleModal,\n isOpenModal,\n isLoading,\n confirmable,\n toggleModal,\n handleChange,\n };\n}\n\nexport default usePriorityModalButton;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { map, keys } from 'lodash';\nimport classNames from 'classnames';\n\nimport { getPriority } from 'components/core/PriorityTooltip/components/PriorityButton';\nimport { priorities } from 'components/core/PriorityTooltip/constants';\nimport LabelGroup from 'components/core/LabelGroup';\nimport Button from 'components/core/Button';\nimport Modal from 'components/core/Modal';\nimport RadioBox from 'components/core/RadioBox';\n\nimport usePriorityModalButton from './usePriorityModalButton';\nimport styles from './styles.module.scss';\n\nfunction PriorityModalButton({\n ids,\n className,\n onSave,\n ...restProps\n}) {\n const {\n handleSave,\n resetToggleModal,\n isOpenModal,\n isLoading,\n confirmable,\n toggleModal,\n handleChange,\n } = usePriorityModalButton({ ids, onSave });\n\n const renderPriorities = map(keys(priorities), (priority) => {\n const { label, icon, iconColor } = getPriority(priority);\n\n return (\n \n \n {renderPriorities}\n \n
\n \n \n );\n}\n\nPriorityModalButton.propTypes = {\n ids: PropTypes.arrayOf(PropTypes.number),\n className: PropTypes.string,\n onSave: PropTypes.func,\n};\n\nexport default PriorityModalButton;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from 'components/core/Button';\nimport Modal from 'components/core/Modal';\nimport { pluralize } from 'utils/string';\n\nfunction RemoveButton({\n count,\n className,\n onSave,\n isLoading,\n toggleModal,\n isOpenModal,\n ...restProps\n}) {\n const text = `Are you sure you would like to delete ${pluralize('this', 'these', count)} ${count} ${pluralize('activity', 'activities', count)}?`;\n\n const modalActions = (\n <>\n \n
\n );\n}\n\nexport default CommentsDrawer;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport Drawer, { Header, Body } from 'components/core/Drawer';\n\nimport Comments from '../Comments';\nimport useCommentsDrawer from './useCommentsDrawer';\nimport CommentsPlaceholder from './components/CommentsPlaceholder';\nimport styles from './styles.module.scss';\n\nfunction CommentsDrawer({\n cardId,\n onClose,\n isOpen,\n updateCard,\n updateCommentsCount,\n}) {\n const {\n handleSetShowLoader,\n showComments,\n isLoading,\n } = useCommentsDrawer({ cardId });\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n );\n}\n\nToggleButton.propTypes = {\n boardUrl: PropTypes.string.isRequired,\n listUrl: PropTypes.string.isRequired,\n match: PropTypes.shape({\n url: PropTypes.string.isRequired,\n }).isRequired,\n};\n\nexport default withRouter(ToggleButton);\n","export const BANNER_CSX_MESSAGE = 'Contact our Customer Success team to enable collaboration with your team across the app.';\n","import { includes } from 'lodash';\n\nimport useActivityEffect from 'components/Grm2/events/useActivityEffect';\nimport {\n CARD_UPDATED,\n CARDS_UPDATED,\n CARD_CREATED,\n ACTIVITIES_DRAWER_NAMESPACE,\n} from 'components/Grm2/events/constants';\nimport { isAlreadyUpdated, isLinkedWithThePage, mergeCards } from 'components/Grm2/utils';\n\nfunction shouldUpdateCard(cards, uiCard, reduxCard) {\n if (isAlreadyUpdated(cards, uiCard)) {\n return false;\n }\n\n if (isLinkedWithThePage(reduxCard)) {\n return true;\n }\n\n return false;\n}\n\nfunction useUpdateActivity({ cards, updateCard }) {\n useActivityEffect((event, namespace, payload) => {\n const isNew = event === CARD_CREATED;\n const cardsUpdated = includes([CARD_UPDATED, CARD_CREATED], event)\n ? [payload]\n : mergeCards(payload); // CARDS_UPDATED\n\n cardsUpdated.forEach(({ reduxCard, uiCard }) => {\n setTimeout(() => {\n shouldUpdateCard(cards, uiCard, reduxCard) && updateCard(reduxCard, isNew, false);\n }, 0);\n });\n }, [CARD_UPDATED, CARDS_UPDATED, CARD_CREATED], [ACTIVITIES_DRAWER_NAMESPACE]);\n}\n\nexport default useUpdateActivity;\n","import { useEffect } from 'react';\n\nimport { ACTIVITIES_DRAWER_NAMESPACE } from 'components/Grm2/events/constants';\n\nfunction useSetupActivity({ setNamespace }) {\n useEffect(() => {\n setNamespace(ACTIVITIES_DRAWER_NAMESPACE);\n }, []);\n}\n\nexport default useSetupActivity;\n","import { formatGlobalDate } from 'utils/date';\n\nfunction useFormatValue(startDate, endDate) {\n if (startDate && endDate) {\n return `${formatGlobalDate(startDate)} - ${formatGlobalDate(endDate)}`;\n }\n\n if (startDate) {\n return `from ${formatGlobalDate(startDate)}`;\n }\n\n if (endDate) {\n return `until ${formatGlobalDate(endDate)}`;\n }\n\n return 'All dates';\n}\n\nexport default useFormatValue;\n","import moment from 'moment';\nimport { useRef, useEffect } from 'react';\n\nimport { formatDate } from 'utils/date';\n\nfunction useDateFilter({ onChange, startDate: initialStartDate, endDate: initialEndDate }) {\n const startDate = initialStartDate ? moment(initialStartDate).toDate() : null;\n const endDate = initialEndDate ? moment(initialEndDate).toDate() : null;\n const datePickerRef = useRef();\n\n const isSelectingEndDate = startDate && !endDate;\n\n const openDatePicker = () => {\n datePickerRef.current.setOpen(true);\n };\n\n const handleChange = (date) => {\n isSelectingEndDate\n ? onChange(formatDate(startDate), formatDate(date))\n : onChange(formatDate(date), null);\n };\n\n useEffect(() => {\n isSelectingEndDate && openDatePicker();\n }, [isSelectingEndDate]);\n\n const startProps = {\n selectsStart: true,\n selected: startDate,\n };\n\n const endProps = {\n selectsEnd: true,\n selected: endDate,\n minDate: startDate,\n };\n\n const datePickerProps = isSelectingEndDate\n ? endProps\n : startProps;\n\n return {\n onChange: handleChange,\n forwardRef: datePickerRef,\n startDate,\n endDate,\n ...datePickerProps,\n };\n}\n\nexport default useDateFilter;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport DatePicker from 'components/core/DatePicker';\n\nimport useFormatValue from './useFormatValue';\nimport useDateFilter from './useDateFilter';\nimport styles from './styles.module.scss';\n\nfunction DateFilter({ onChange, startDate, endDate }) {\n const datePickerProps = useDateFilter({ onChange, startDate, endDate });\n\n const value = useFormatValue(startDate, endDate);\n\n const customInput = () => (\n \n \n Date of creation: \n {value}\n \n \n \n );\n\n return (\n \n
\n );\n}\n\nDateFilter.propTypes = {\n onChange: PropTypes.func.isRequired,\n startDate: PropTypes.string,\n endDate: PropTypes.string,\n};\n\nexport default DateFilter;\n","function useFilters({ setFilters }) {\n const handleDateFilterChange = (startDate, endDate) => {\n setFilters({ creationDate: { startDate, endDate } });\n };\n\n return {\n handleDateFilterChange,\n };\n}\n\nexport default useFilters;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { dateRangeShape } from 'utils/shapes/dateRange';\n\nimport DateFilter from './components/DateFilter';\nimport useFilters from './useFilters';\nimport styles from './styles.module.scss';\n\nfunction Filters({ setFilters, creationDate }) {\n const {\n handleDateFilterChange,\n } = useFilters({ setFilters });\n\n return (\n \n
\n );\n}\n\nFilters.propTypes = {\n setFilters: PropTypes.func.isRequired,\n creationDate: dateRangeShape,\n};\n\nexport default Filters;\n","import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport Button from 'components/core/Button';\n\nimport styles from './styles.module.scss';\n\nfunction LabelButton({ onClick, className }) {\n return (\n \n { hasArrowBack && !isFederalRegulations && isMobileV2 && (\n \n \n \n )}\n\n {buttonComponent}\n {showBadge && (\n \n {numberOfActivities}\n \n )}\n
\n\n \n
\n );\n\n const renderModalContent = () => {\n if (isLoading) {\n return renderLoader();\n }\n\n return (\n \n
\n );\n\n const renderModalContent = () => {\n if (isLoading) {\n return renderLoader();\n }\n\n return (\n \n
\n \n );\n}\n\nTasks.propTypes = {\n boardUrl: PropTypes.string.isRequired,\n listUrl: PropTypes.string.isRequired,\n cards: PropTypes.arrayOf(cardShape).isRequired,\n ui: uiShape.isRequired,\n filters: filtersShape.isRequired,\n resetFilters: PropTypes.func.isRequired,\n};\n\nexport default Tasks;\n","import reduxConnect from 'components/Grm2/reduxConnect';\n\nimport Container from './components/Container';\n\nexport default reduxConnect(Container);\n","import PropTypes from 'prop-types';\n\nimport { workspaceShape } from 'redux/events/utils/shapes';\nimport { dateRangeShape } from 'utils/shapes/dateRange';\n\nimport { userShape, uploadShape } from './common/Card/shapes';\nimport {\n committeesShape,\n billsShape,\n documentsShape,\n interactionTypesShape,\n peopleShape,\n regulationsShape,\n} from './common/Filters/shapes';\n\nexport const linkShape = PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.arrayOf(PropTypes.shape({\n label: PropTypes.string.isRequired,\n value: PropTypes.string,\n id: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]).isRequired,\n })),\n});\n\nexport const tagShape = PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n});\n\nexport const customFieldDataShape = PropTypes.shape({\n label: PropTypes.string,\n token: PropTypes.string,\n value: PropTypes.arrayOf(PropTypes.string),\n});\n\nexport const customFieldShape = PropTypes.shape({\n action: PropTypes.shape({\n enabled: PropTypes.bool,\n token: PropTypes.string,\n editable: PropTypes.bool,\n }),\n createdAt: PropTypes.string,\n description: PropTypes.string,\n enabled: PropTypes.bool,\n fieldType: PropTypes.string,\n isEditable: PropTypes.bool,\n name: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.string),\n product_slugs: PropTypes.arrayOf(PropTypes.string),\n required: PropTypes.bool,\n token: PropTypes.string,\n});\n\nexport const filtersShape = PropTypes.shape({\n activityTypes: PropTypes.arrayOf(PropTypes.string),\n attachments: PropTypes.bool,\n bills: PropTypes.arrayOf(billsShape),\n committees: PropTypes.arrayOf(committeesShape),\n documents: PropTypes.arrayOf(documentsShape),\n creationDate: dateRangeShape,\n creator: PropTypes.arrayOf(tagShape),\n eventDate: dateRangeShape,\n interactionTypes: PropTypes.arrayOf(interactionTypesShape),\n keywordLookup: PropTypes.string,\n people: PropTypes.arrayOf(peopleShape),\n regulations: PropTypes.arrayOf(regulationsShape),\n tags: PropTypes.arrayOf(tagShape),\n});\n\nexport const cardShape = PropTypes.shape({\n cardType: PropTypes.string,\n commentsCount: PropTypes.number,\n createdBy: PropTypes.string,\n creationDate: PropTypes.string,\n customFieldsAnswers: PropTypes.arrayOf(customFieldShape),\n description: PropTypes.string.isRequired,\n eventDate: PropTypes.string,\n id: PropTypes.number.isRequired,\n interactionType: PropTypes.string,\n links: PropTypes.arrayOf(linkShape),\n tags: PropTypes.arrayOf(tagShape),\n title: PropTypes.string.isRequired,\n uploads: PropTypes.arrayOf(uploadShape),\n user: userShape.isRequired,\n documentType: PropTypes.string.isRequired,\n sharings: PropTypes.arrayOf(workspaceShape),\n});\n\nexport const uiShape = PropTypes.shape({\n isDeletingComment: PropTypes.bool,\n isLoading: PropTypes.bool,\n isLoadingCustomFields: PropTypes.bool,\n isLoadingMyFeedDocuments: PropTypes.bool.isRequired,\n});\n\nexport const paginationShape = PropTypes.shape({\n currentPage: PropTypes.number,\n perPage: PropTypes.number,\n totalCount: PropTypes.number,\n totalPages: PropTypes.number,\n});\n\nexport const linksPreviewShape = PropTypes.shape({\n [PropTypes.string]: linkShape,\n});\n\nexport const analyticsShape = PropTypes.shape({\n ui: PropTypes.shape({\n showDashboard: PropTypes.bool.isRequired,\n }),\n});\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"item\":\"styles-module__item___24lIQ\"};","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { withRouter } from 'react-router-dom';\n\nimport reduxConnect from 'components/Grm2/reduxConnect';\nimport Filters from 'components/Grm2/common/Filters';\nimport FooterActions from 'components/Grm2/common/FooterActions';\nimport useMediaQuery from 'utils/breakpoints/useMediaQuery';\nimport Header from 'components/Grm2/common/Header';\nimport Feed from 'components/Grm2/common/Feed';\n\nimport styles from './styles.module.scss';\n\nconst SingleCardView = ({ fetchSingleCard, className, match, history }) => {\n const { id: cardId } = match.params;\n const { isMobile } = useMediaQuery();\n\n useEffect(() => {\n fetchSingleCard(cardId);\n }, []);\n\n const handleSetFilterInCard = () => history.push('/grm');\n\n return (\n \n
\n );\n};\n\nSingleCardView.propTypes = {\n fetchSingleCard: PropTypes.func.isRequired,\n match: PropTypes.shape({\n params: PropTypes.shape({\n id: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]),\n }),\n }).isRequired,\n className: PropTypes.string,\n history: PropTypes.shape({\n push: PropTypes.func,\n }),\n};\n\nexport default withRouter(reduxConnect(SingleCardView));\n","import isEmpty from 'lodash/isEmpty';\n\nconst makeGradient = ({ canvas, colors }) => {\n const ctx = canvas.getContext('2d');\n const gradient = ctx.createLinearGradient(0, 0, 0, canvas.height);\n gradient.addColorStop(0, colors.top);\n gradient.addColorStop(1, colors.bottom);\n\n return gradient;\n};\n\nexport const addGradient = ({ datasets, ...restProps }, colors) => canvas => ({\n ...restProps,\n datasets: datasets.map(dataset => ({\n ...dataset,\n fill: true,\n backgroundColor: makeGradient({ canvas, colors }),\n borderColor: colors.border,\n borderWidth: colors.border ? 1 : 0,\n })),\n});\n\nconst breakStringIntoLines = (processedLines, currentLine, remainingWords, charsPerLine = 30) => {\n if (isEmpty(remainingWords)) {\n return [\n ...processedLines,\n currentLine,\n ];\n }\n\n const nextWord = remainingWords[0];\n\n if (currentLine.length + nextWord.length + 1 > charsPerLine) {\n return breakStringIntoLines(\n [\n ...processedLines,\n currentLine,\n ],\n nextWord,\n remainingWords.slice(1),\n charsPerLine\n );\n }\n\n return breakStringIntoLines(\n processedLines,\n [currentLine, nextWord].join(' ').trim(),\n remainingWords.slice(1),\n charsPerLine\n );\n};\n\nconst limitLines = (lines, nrLines = 3) => {\n if (lines.length <= nrLines) {\n return lines;\n }\n\n const newLines = lines.slice(0, nrLines);\n const lastLine = newLines.slice(-1)[0];\n\n return [\n ...newLines.slice(0, nrLines - 1),\n `${lastLine}...`,\n ];\n};\n\nexport const transformBigStrings = (string, charsPerLine) => {\n const tokens = string.split(' ');\n const lines = breakStringIntoLines([], '', tokens, charsPerLine);\n\n return limitLines(lines);\n};\n\nexport const getSuggestedMax = values => (\n Math.max(...values) + 1\n);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Bar as BarChart } from 'react-chartjs-2';\nimport { isEmpty } from 'lodash';\n\nimport {\n BASE_GRID_LINES,\n BASE_TICK,\n} from 'utils/constants/charts';\n\nimport {\n addGradient,\n transformBigStrings,\n getSuggestedMax,\n} from './utils';\n\nfunction Bar({ data, colors, tooltip }) {\n const chartData = {\n labels: data.labels,\n datasets: [{\n data: data.values,\n }],\n };\n\n return (\n \n
\n \n
\n {!isMobile && \n {renderChart()}\n
\n );\n}\n\nconst tagShape = PropTypes.shape({\n text: PropTypes.string.isRequired,\n value: PropTypes.number.isRequired,\n});\n\nWordCloud.propTypes = {\n data: PropTypes.arrayOf(tagShape),\n width: PropTypes.number,\n};\n\nexport default withResizeDetector(WordCloud);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport DataCard from 'components/core/Profile/components/DataCard';\nimport { LoadingPlaceholder } from 'components/core/Profile/components/Placeholders';\n\nimport styles from './styles.module.scss';\n\nfunction ChartContainer({ isLoading, isEmpty, title, children, questionText }) {\n const emptyDescription = `\n You have no related activity, or you filtered out all results.\n Create a new note or select the clear all button to remove any filters.`;\n\n if (isLoading) {\n return (\n \n
\n \n );\n}\n\nChartContainer.propTypes = {\n isLoading: PropTypes.bool.isRequired,\n isEmpty: PropTypes.bool.isRequired,\n title: PropTypes.string.isRequired,\n children: PropTypes.node.isRequired,\n questionText: PropTypes.string,\n};\n\nexport default ChartContainer;\n","import { pluralize } from 'utils/string';\n\nconst activity = value => pluralize('activity', 'activities', Number(value));\n\nexport const ACTIVITY_OVER_TIME = {\n colors: {\n top: '#FF00007F',\n bottom: '#FFFFFF00',\n border: '#FF0000',\n },\n tooltip: {\n title: ({ label }) => label,\n label: ({ value }) => `${value} ${activity(value)}`,\n },\n title: 'Activity over time',\n questionText: 'GRM activity over time, based on the event date where possible, and creation date where not.',\n};\n\nexport const MOST_LOBBIED_BILLS = {\n colors: {\n top: '#FCAE72',\n bottom: '#F3F11F',\n border: '#E6B566',\n },\n tooltip: {\n title: ({ value }) => `${value} ${activity(value)} reference`,\n label: ({ label }) => label,\n },\n title: 'Most lobbied bills',\n};\n\nexport const MOST_LOBBIED_REGULATIONS = {\n colors: {\n top: '#59CCEC',\n bottom: '#2DBED5',\n border: '#0EAFD6',\n },\n tooltip: {\n title: ({ value }) => `${value} ${activity(value)} reference`,\n label: ({ label }) => label,\n },\n title: 'Most lobbied regulations',\n};\n\nexport const ACTIVITY_TYPE_BREAKDOWN = {\n colors: {\n background: '#1992FFB2',\n border: '#0080F4',\n },\n tooltip: {\n title: ({ value, label }) => `${value} ${label}`,\n label: () => null,\n },\n title: 'Activity type breakdown',\n};\n\nexport const MOST_ACTIVE_COLLEAGUES = {\n colors: {\n top: '#B581F6',\n bottom: '#7F4AEA',\n border: '#723AE6',\n },\n tooltip: {\n title: ({ value }) => `${value} ${activity(value)} by`,\n label: ({ label }) => label,\n },\n title: 'Most active colleagues',\n};\n\nexport const MOST_ENGAGED_LEGISLATORS = {\n colors: {\n top: '#1992FF',\n bottom: '#0080F4',\n border: '#005AAD',\n },\n tooltip: {\n title: ({ value }) => `${value} ${activity(value)} w/`,\n label: ({ label }) => label,\n },\n title: 'Most engaged legislators',\n};\n\nexport const MOST_ENGAGED_STAFFERS = {\n colors: {\n top: '#59ECCA',\n bottom: '#2DD599',\n border: '#29C38D',\n },\n tooltip: {\n title: ({ value }) => `${value} ${activity(value)} w/`,\n label: ({ label }) => label,\n },\n title: 'Most engaged staffers',\n};\n\nexport const MOST_REFERENCED_COMMITTEES = {\n colors: {\n top: '#FF7231',\n bottom: '#F8390E',\n border: '#FF0000',\n },\n tooltip: {\n title: ({ value }) => `${value} ${activity(value)} reference`,\n label: ({ label }) => label,\n },\n title: 'Most referenced committees',\n};\n\nexport const MOST_USED_TAGS = {\n colors: {\n top: '#FFC379',\n bottom: '#FFE3B1',\n border: '#FE9F29',\n },\n tooltip: {\n title: ({ value }) => `${value} ${activity(value)} tagged w/`,\n label: ({ label }) => label,\n },\n title: 'Most used tags',\n};\n\nconst emptyData = {\n labels: [],\n values: [],\n isEmpty: true,\n};\n\nconst emptyTags = {\n isEmpty: true,\n data: [],\n};\n\nexport const initialDataState = {\n activityOverTime: emptyData,\n mostLobbiedBills: emptyData,\n mostLobbiedRegulations: emptyData,\n activityTypeBreakdown: emptyData,\n mostActiveColleagues: emptyData,\n mostEngagedLegislators: emptyData,\n mostEngagedStaffers: emptyData,\n mostReferencedCommittees: emptyData,\n mostUsedTags: emptyTags,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport {\n Bar,\n Line,\n Radar,\n WordCloud,\n} from '../Charts';\nimport ChartContainer from '../ChartContainer';\nimport {\n ACTIVITY_OVER_TIME,\n MOST_LOBBIED_BILLS,\n MOST_LOBBIED_REGULATIONS,\n ACTIVITY_TYPE_BREAKDOWN,\n MOST_ACTIVE_COLLEAGUES,\n MOST_ENGAGED_LEGISLATORS,\n MOST_ENGAGED_STAFFERS,\n MOST_REFERENCED_COMMITTEES,\n MOST_USED_TAGS,\n} from '../../constants';\nimport styles from './styles.module.scss';\n\nfunction Container({ showDashboard, isLoading, data }) {\n if (!showDashboard) {\n return null;\n }\n\n return (\n \n {children}\n
\n \n
\n );\n}\n\nconst dataShape = PropTypes.shape({\n labels: PropTypes.arrayOf(PropTypes.string).isRequired,\n values: PropTypes.arrayOf(PropTypes.number).isRequired,\n isEmpty: PropTypes.bool.isRequired,\n});\n\nconst tagShape = PropTypes.shape({\n text: PropTypes.string.isRequired,\n value: PropTypes.number.isRequired,\n});\n\nContainer.propTypes = {\n showDashboard: PropTypes.bool.isRequired,\n isLoading: PropTypes.bool.isRequired,\n data: PropTypes.shape({\n activityOverTime: dataShape,\n mostLobbiedBills: dataShape,\n mostLobbiedRegulations: dataShape,\n activityTypeBreakdown: dataShape,\n mostActiveColleagues: dataShape,\n mostEngagedLegislators: dataShape,\n mostEngagedStaffers: dataShape,\n mostReferencedCommittees: dataShape,\n mostUsedTags: PropTypes.shape({\n isEmpty: PropTypes.bool.isRequired,\n data: PropTypes.arrayOf(tagShape),\n }),\n }),\n};\n\nexport default Container;\n","import moment from 'moment';\nimport { map, find, times, isEmpty } from 'lodash';\n\nimport { CALENDAR_DATE_FORMAT } from 'utils/constants/date';\n\nconst barTransformer = (data = [], urlMapper) => ({\n labels: map(data, ({ label }) => label),\n values: map(data, ({ count }) => count),\n isEmpty: isEmpty(data),\n urls: urlMapper ? map(data, urlMapper) : undefined,\n});\n\nconst NUMBER_OF_MONTHS = 14;\n\nconst makeLineDates = () => {\n const firstMonth = moment().subtract(NUMBER_OF_MONTHS, 'months');\n\n return map(times(NUMBER_OF_MONTHS, null), () => (\n firstMonth.add(1, 'months').format(CALENDAR_DATE_FORMAT)\n ));\n};\n\nexport const getActivityOverTimeValue = (date, data) => {\n const month = find(data, ({ date: dataDate }) => moment(dataDate).isSame(date, 'month')) || { count: 0 };\n\n return month.count;\n};\n\nconst transformActivityOverTime = (data) => {\n const dates = makeLineDates();\n\n return {\n labels: dates,\n values: dates.map(date => getActivityOverTimeValue(date, data)),\n isEmpty: false,\n };\n};\n\nconst billUrl = ({ type, id }) => {\n const baseUrl = {\n federal_bill: '/federal/bills',\n state_bill: '/state/bills',\n }[type];\n\n if (!baseUrl) {\n return null;\n }\n\n return `${baseUrl}/${id}`;\n};\n\nconst regulationUrl = ({ type, id }) => {\n const baseUrl = {\n state_regulation: '/state/regulations',\n }[type];\n\n if (!baseUrl) {\n return null;\n }\n\n return `${baseUrl}/${id}`;\n};\n\nconst legislatorUrl = ({ type, id }) => {\n const baseUrl = {\n federal_legislator: '/federal/legislators',\n state_legislator: '/state/legislators',\n }[type];\n\n if (!baseUrl) {\n return null;\n }\n\n return `${baseUrl}/${id}`;\n};\n\nconst stafferUrl = ({ type, id }) => {\n const baseUrl = {\n federal_staffer: '/federal/congressional_staffers',\n }[type];\n\n if (!baseUrl) {\n return null;\n }\n\n return `${baseUrl}/${id}`;\n};\n\nconst committeeUrl = ({ type, id }) => {\n const baseUrl = {\n federal_committee: '/federal/committees',\n state_committee: '/state/committees',\n }[type];\n\n if (!baseUrl) {\n return null;\n }\n\n return `${baseUrl}/${id}`;\n};\n\nconst transformMostLobbiedBills = data => barTransformer(data, billUrl);\nconst transformMostLobbiedRegulations = data => barTransformer(data, regulationUrl);\nconst transformMostActiveColleagues = data => barTransformer(data);\nconst transformMostEngagedLegislators = data => barTransformer(data, legislatorUrl);\nconst transformMostEngagedStaffers = data => barTransformer(data, stafferUrl);\nconst transformMostReferencedCommittees = data => barTransformer(data, committeeUrl);\n\nconst getActivityValue = (activityType, data) => {\n const activity = data.find(({ type }) => type === activityType) || { count: 0 };\n\n return activity.count;\n};\n\nexport const transformActivityTypeBreakdown = (data) => {\n const activities = {\n hill_day_attendance: 'HD Attendance',\n hill_day_meeting_attendance: 'HD Meetings',\n grassroots_legislation: 'GR Legislation',\n hill_day_note: 'HD Notes',\n note: 'Notes',\n task: 'Tasks',\n };\n\n return {\n labels: Object.values(activities),\n values: Object.keys(activities).map(activityType => getActivityValue(activityType, data)),\n isEmpty: data.reduce((acc, curr) => acc + curr.count, 0) === 0,\n };\n};\n\nconst transformMostUsedTags = data => ({\n isEmpty: isEmpty(data),\n data: data.map(({ name, count }) => ({\n text: name,\n value: count,\n })),\n});\n\nexport const transformAnalyticsToFE = data => ({\n activityOverTime: transformActivityOverTime(data.activity_over_time),\n mostLobbiedBills: transformMostLobbiedBills(data.top_linked_bills),\n mostLobbiedRegulations: transformMostLobbiedRegulations(data.top_linked_regulations),\n activityTypeBreakdown: transformActivityTypeBreakdown(data.top_activity_types),\n mostActiveColleagues: transformMostActiveColleagues(data.top_active_colleagues),\n mostEngagedLegislators: transformMostEngagedLegislators(data.top_linked_legislators),\n mostEngagedStaffers: transformMostEngagedStaffers(data.top_linked_staffers),\n mostReferencedCommittees: transformMostReferencedCommittees(data.top_linked_committees),\n mostUsedTags: transformMostUsedTags(data.top_tags),\n});\n","import { transformFiltersForBE } from 'redux/grm2/transformers';\nimport { transformAnalyticsToFE } from './transformers';\n\nconst fetchData = (filters) => {\n const url = '/api_web/grm_v2/analytics';\n const method = 'POST';\n const data = {\n search_form: transformFiltersForBE(filters),\n };\n\n const ajax = $.ajax({\n url,\n method,\n data: JSON.stringify(data),\n contentType: 'application/json',\n });\n\n return Promise.resolve(ajax)\n .then(transformAnalyticsToFE);\n};\n\nexport default {\n fetchData,\n};\n","import { useState, useEffect } from 'react';\n\nimport api from './api';\nimport { initialDataState } from './constants';\n\nfunction useDashboard({ filters, showDashboard }) {\n const [isLoading, setIsLoading] = useState(false);\n const [data, setData] = useState(initialDataState);\n\n const fetchData = () => {\n setIsLoading(true);\n\n api.fetchData(filters)\n .then(setData)\n .finally(() => setIsLoading(false));\n };\n\n useEffect(() => {\n showDashboard && fetchData();\n }, [filters, showDashboard]);\n\n return {\n data,\n isLoading,\n };\n}\n\nexport default useDashboard;\n","import React from 'react';\n\nimport reduxConnect from 'components/Grm2/reduxConnect';\nimport { filtersShape, analyticsShape } from 'components/Grm2/shapes';\n\nimport Container from './components/Container';\nimport useDashboard from './useDashboard';\n\nfunction Dashboard({ filters, analytics }) {\n const { showDashboard } = analytics.ui;\n const {\n data,\n isLoading,\n } = useDashboard({ filters, showDashboard });\n\n return (\n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n \n \n
\n \n
\n );\n};\n\nContainer.propTypes = {\n ui: uiShape.isRequired,\n filters: filtersShape.isRequired,\n resetFilters: PropTypes.func.isRequired,\n fetchCards: PropTypes.func.isRequired,\n updateDataItem: PropTypes.func.isRequired,\n className: PropTypes.string,\n updateCard: PropTypes.func.isRequired,\n cards: PropTypes.arrayOf(cardShape),\n setAdvancedSearch: PropTypes.func.isRequired,\n pagination: paginationShape.isRequired,\n advancedSearch: PropTypes.shape({\n lastSearchId: PropTypes.number,\n }).isRequired,\n setFilters: PropTypes.func.isRequired,\n location: locationShape.isRequired,\n};\n\nexport default Container;\n","import reduxConnect from 'components/Grm2/reduxConnect';\n\nimport Container from './components/Container';\n\nexport default reduxConnect(Container);\n","import { getCurrentUser } from 'utils/currentUser';\nimport { transformTaskStatusForBE } from 'redux/grm2/transformers';\n\nexport function updateTaskCard({ id, status, ...task }) {\n const url = `/api_web/grm_v2/tasks/${id}`;\n\n const data = {\n task: {\n ...(status && { status: transformTaskStatusForBE(status) }),\n ...task,\n },\n };\n\n const ajax = $.ajax({\n method: 'PUT',\n url,\n data,\n });\n\n return Promise.resolve(ajax);\n}\n\nexport function updateTaskCards(state) {\n const url = '/api_web/grm_v2/tasks/bulk_update';\n const { companyId } = getCurrentUser();\n\n const data = {\n ...state,\n company_id: companyId,\n };\n\n const ajax = $.ajax({\n method: 'POST',\n url,\n data,\n });\n\n return Promise.resolve(ajax);\n}\n\nexport function fetchCard(id) {\n const ajax = $.get(`/api_web/grm_v2/cards/${id}`);\n\n return Promise.resolve(ajax);\n}\n\nexport function removeCard(id) {\n const url = `/api_web/grm_v2/cards/${id}/disable`;\n\n const ajax = $.ajax({\n method: 'POST',\n url,\n });\n\n return Promise.resolve(ajax);\n}\n\nexport function removeCards(ids) {\n const url = '/api_web/grm_v2/cards/bulk_disable';\n const data = {\n card_ids: ids,\n };\n\n const ajax = $.ajax({\n method: 'POST',\n url,\n data,\n });\n\n return Promise.resolve(ajax);\n}\n\nexport function undoCard(id) {\n const url = `/api_web/grm_v2/cards/${id}/enable`;\n\n const ajax = $.ajax({\n method: 'POST',\n url,\n });\n\n return Promise.resolve(ajax);\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"title\":\"styles-module__title____qaWH\",\"item\":\"styles-module__item___3CZGA\",\"itemTitle\":\"styles-module__itemTitle___1WIAU\",\"contentContainer\":\"styles-module__contentContainer___39qKd\",\"contentPlaceholder\":\"styles-module__contentPlaceholder___2yCv8\",\"tooltip\":\"styles-module__tooltip___2Xcla\",\"tooltipIcon\":\"styles-module__tooltipIcon___DqL9W\",\"optionClassname\":\"styles-module__optionClassname___2zifP\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Tooltip from '@tippyjs/react';\n\nimport { QuestionMark } from 'components/core/Icons';\nimport { TOOLTIP_OFFSET } from 'utils/constants';\nimport { tooltipZIndex } from 'style/global/_variables.scss';\n\nimport styles from './styles.module.scss';\n\nfunction TooltipComponent({ content }) {\n if (!content) {\n return null;\n }\n\n return (\n \n
\n \n
\n {!isMobile && \n \n
\n );\n}\n\nTooltipComponent.propTypes = {\n content: PropTypes.string,\n};\n\nexport default TooltipComponent;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Field } from 'formik';\nimport classNames from 'classnames';\n\nimport Input from 'components/core/Input';\nimport Label from 'components/core/Label';\nimport Asterisk from 'components/core/Asterisk';\nimport { getError } from 'utils/forms';\n\nimport Tooltip from './Tooltip';\nimport styles from './styles.module.scss';\n\nfunction InputField({\n name,\n title,\n testClassName,\n placeholder,\n isRequired,\n}) {\n return (\n \n
\n )}\n \n \n\n
\n \n
\n );\n }}\n \n \n\n
\n \n
\n );\n }}\n \n \n\n
\n \n
\n );\n }}\n \n \n\n
\n \n
\n )}\n \n \n\n \n Hold on there, partner! We’ve just introduced “@mentions” and “#billreferences”.\n Just type “@“ followed by the name of a stakeholder legislator, staffer, or colleague\n to automatically append their profile to the note. Likewise, type “#” followed by a bill\n name (e.g., “#HR1”) to auto-append a link to that bill!\n \n\n
\n \n
\n \n
\n )}\n \n
\n );\n }}\n \n \n\n
\n \n \n {label}\n
\n);\n\nCustomSelectValue.propTypes = {\n data: PropTypes.shape({\n icon: PropTypes.string,\n value: PropTypes.string,\n label: PropTypes.string,\n }),\n};\nexport default CustomSelectValue;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Field } from 'formik';\n\nimport Label from 'components/core/Label';\nimport TagInput from 'components/core/TagInput';\nimport Asterisk from 'components/core/Asterisk';\nimport { getError } from 'utils/forms';\n\nimport styles from './styles.module.scss';\n\nfunction AssigneeField({\n name,\n title,\n testClassName,\n isRequired,\n strategy,\n}) {\n return (\n \n \n
\n );\n }}\n \n
\n );\n }}\n \n \n\n
\n \n
\n );\n}\n\nFieldsGroup.propTypes = {\n children: PropTypes.node,\n};\n\nexport default FieldsGroup;\n","export { default as InputField } from './InputField';\nexport { default as DateField } from './DateField';\nexport { default as TagInputField } from './TagInputField';\nexport { default as TagManagerField } from './TagManagerField';\nexport { default as TextareaField } from './TextareaField';\nexport { default as CustomFields } from './CustomFields';\nexport { default as AttachmentField } from './AttachmentField';\nexport { default as SelectField } from './SelectField';\nexport { default as CustomSelectOption } from './CustomSelectOption';\nexport { default as CustomSelectValue } from './CustomSelectValue';\nexport { default as AssigneeField } from './AssigneeField';\nexport { default as TimeField } from './TimeField';\nexport { default as FieldsGroup } from './FieldsGroup';\n","import { size, filter, includes } from 'lodash';\n\nimport { STATUS_TYPES } from 'components/Grm2/constants';\n\nfunction useBadge({ cards }) {\n const statusOnDrawer = [\n STATUS_TYPES.open.value,\n STATUS_TYPES.inProgress.value,\n ];\n\n const tasksCount = size(filter(cards, card => includes(statusOnDrawer, card.task.status)));\n\n const numberOfTasks = tasksCount >= 100 ? '99+' : tasksCount;\n\n const showBadge = !!numberOfTasks;\n\n return {\n showBadge,\n numberOfTasks,\n };\n}\n\nexport default useBadge;\n","import { useEffect } from 'react';\n\nimport { getCurrentUser } from 'utils/currentUser';\nimport { STATUS_TYPES, OPEN, IN_PROGRESS, TASK_CARD_TYPE } from 'components/Grm2/constants';\nimport { getSystemFields } from 'components/Grm2/NewNoteForNavigation/utils';\nimport sortDirections from 'utils/constants/sortDirections';\nimport { isGrmEnabled } from 'components/Grm2/utils';\nimport { ACITIVITY_FOR_NAVIGATION_NAMESPACE } from 'components/Grm2/events/constants';\n\nfunction useSetupTasks({\n setFilters,\n setPerPage,\n setIsTasksContext,\n fetchCards,\n setSort,\n setNamespace,\n}) {\n const { userId, fullName, email } = getCurrentUser();\n\n const tasksLimit = 100;\n\n const defaultFilters = {\n assignee: [\n { value: userId },\n ],\n activityTypes: [\n TASK_CARD_TYPE,\n ],\n statusTypes: [\n STATUS_TYPES.open.value,\n STATUS_TYPES.inProgress.value,\n ],\n };\n\n const defaultSort = {\n sort: 'task.priority_created_at',\n direction: sortDirections.DESC,\n };\n\n useEffect(() => {\n if (!isGrmEnabled) {\n return;\n }\n\n setIsTasksContext();\n setSort(defaultSort);\n setPerPage(tasksLimit);\n setFilters(defaultFilters, { avoidDispatchFetch: true });\n fetchCards({ statuses: [OPEN, IN_PROGRESS] });\n }, []);\n\n useEffect(() => {\n setNamespace(ACITIVITY_FOR_NAVIGATION_NAMESPACE);\n }, []);\n\n const assignee = {\n value: userId,\n label: `${fullName} (${email})`,\n };\n\n const newTaskInitialValues = {\n ...getSystemFields(),\n assignee,\n };\n\n return {\n newTaskInitialValues,\n };\n}\n\nexport default useSetupTasks;\n","import { useState } from 'react';\n\nimport { isGrmEnabled } from 'components/Grm2/utils';\n\nfunction useTasksButton(onClick) {\n const [isDrawerOpen, setIsDrawerOpen] = useState(false);\n const [isNewTaskModalOpen, setIsNewTaskModalOpen] = useState(false);\n\n const toggleNewTaskModalOpen = () => {\n setIsNewTaskModalOpen(!isNewTaskModalOpen);\n };\n\n const handleNewTaskClick = () => {\n setIsDrawerOpen(false);\n setIsNewTaskModalOpen(true);\n };\n\n const toggleDrawer = () => {\n setIsDrawerOpen(!isDrawerOpen);\n };\n\n const isBannerEnabled = !isGrmEnabled;\n\n const onTasksButtonClick = () => {\n toggleDrawer();\n onClick && onClick();\n };\n\n return {\n isDrawerOpen,\n toggleDrawer,\n isNewTaskModalOpen,\n toggleNewTaskModalOpen,\n onNewTaskClick: handleNewTaskClick,\n isBannerEnabled,\n onTasksButtonClick,\n };\n}\n\nexport default useTasksButton;\n","import { useState } from 'react';\n\nimport { STATUS_TYPES } from 'components/Grm2/constants';\n\nfunction useTasksContent() {\n const [status, setStatus] = useState(STATUS_TYPES.open.value);\n\n const handleStatusChange = (newStatus) => {\n setStatus(newStatus);\n };\n\n const filterCardsBy = card => (\n card.task.status === status\n );\n\n return {\n status,\n onStatusChange: handleStatusChange,\n filterCardsBy,\n };\n}\n\nexport default useTasksContent;\n","import { STATUS_TYPES } from 'components/Grm2/constants';\n\nfunction useEmptyMessage(status) {\n const openEmptyMessage = (\n `You have no open tasks currently assigned to you, good job!\n Create a new task or check the in-progress tab.`\n );\n\n const inProgressEmptyMessage = (\n `You have no in-progress tasks currently assigned to you.\n Check the open tab or create a new task.`\n );\n\n const defaultEmptyMessage = (\n 'You have no tasks currently assigned to you.'\n );\n\n const emptyMessage = {\n [STATUS_TYPES.open.value]: openEmptyMessage,\n [STATUS_TYPES.inProgress.value]: inProgressEmptyMessage,\n }[status] || defaultEmptyMessage;\n\n return emptyMessage;\n}\n\nexport default useEmptyMessage;\n","import { includes, isEqual } from 'lodash';\n\nimport useActivityEffect from 'components/Grm2/events/useActivityEffect';\nimport {\n CARD_UPDATED,\n CARDS_UPDATED,\n CARD_CREATED,\n DATA_ITEM_UPDATED,\n} from 'components/Grm2/events/constants';\nimport {\n isAlreadyUpdated,\n isCardPresent,\n isUserTask,\n mergeCards,\n} from 'components/Grm2/utils';\n\nfunction shouldUpdateCard(uiCards, uiCard) {\n if (isAlreadyUpdated(uiCards, uiCard)) {\n return false;\n }\n\n if (isUserTask(uiCard)) {\n return true;\n }\n\n return false;\n}\n\nfunction shouldRemoveCard(uiCards, uiCard) {\n const isUserTaskReassignedToAnotherUser = isCardPresent(uiCards, uiCard) && !isUserTask(uiCard);\n\n if (isUserTaskReassignedToAnotherUser) {\n return true;\n }\n\n return false;\n}\n\nfunction useUpdateTasks({ cards, updateCard, removeCardById, updateDataItem }) {\n const handleUpdateCards = (event, namespace, payload) => {\n const isNew = event === CARD_CREATED;\n const cardsUpdated = includes([CARD_UPDATED, CARD_CREATED], event)\n ? [payload]\n : mergeCards(payload); // CARDS_UPDATED\n\n cardsUpdated.forEach(({ reduxCard, uiCard }) => {\n setTimeout(() => {\n shouldUpdateCard(cards, uiCard) && updateCard(reduxCard, isNew, false);\n shouldRemoveCard(cards, uiCard) && removeCardById(reduxCard.id, false);\n }, 0);\n });\n };\n\n const handleUpdateDataItem = (namespace, payload) => {\n updateDataItem(payload, false);\n };\n\n useActivityEffect((event, namespace, payload) => {\n if (includes([CARD_UPDATED, CARD_CREATED, CARDS_UPDATED], event)) {\n handleUpdateCards(event, namespace, payload);\n return;\n }\n\n if (isEqual(event, DATA_ITEM_UPDATED)) {\n handleUpdateDataItem(namespace, payload);\n }\n }, [CARD_UPDATED, CARDS_UPDATED, CARD_CREATED, DATA_ITEM_UPDATED]);\n}\n\nexport default useUpdateTasks;\n","import { useState, useEffect } from 'react';\n\nfunction useTaskFilters({ filters, setFilters, initialState, cards, status }) {\n const resetTaskFilters = () => (\n setFilters({\n ...initialState.filters,\n assignee: filters.assignee,\n activityTypes: filters.activityTypes,\n statusTypes: filters.statusTypes,\n })\n );\n\n const [searchFilters, setSearchFilters] = useState({\n ...initialState.filters,\n creator: filters.creator,\n tags: filters.tags,\n });\n\n useEffect(() => {\n setSearchFilters(previousState => ({\n ...previousState,\n creator: filters.creator,\n tags: filters.tags,\n }));\n }, [filters]);\n\n const resultsCount = cards.reduce((acc, card) => (\n acc + (card.task.status === status ? 1 : 0)\n ), 0);\n\n return {\n resetTaskFilters,\n searchFilters,\n resultsCount,\n };\n}\n\nexport default useTaskFilters;\n","import { STATUS_TYPES } from 'components/Grm2/constants';\n\nfunction useFilters({ status, onStatusChange }) {\n const statusOpen = STATUS_TYPES.open.value;\n const statusInProgress = STATUS_TYPES.inProgress.value;\n\n const isOpenActive = status === statusOpen;\n const isInProgressActive = status === statusInProgress;\n\n const handleOpenClick = () => {\n onStatusChange(statusOpen);\n };\n\n const handleInProgressClick = () => {\n onStatusChange(statusInProgress);\n };\n\n return {\n onOpenClick: handleOpenClick,\n isOpenActive,\n onInProgressClick: handleInProgressClick,\n isInProgressActive,\n };\n}\n\nexport default useFilters;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport ButtonGroup from 'components/core/ButtonGroup';\nimport Button from 'components/core/Button';\nimport { STATUS_TYPES } from 'components/Grm2/constants';\n\nimport useFilters from './useFilters';\nimport styles from './styles.module.scss';\n\nfunction Filters({ status, onStatusChange }) {\n const {\n onOpenClick,\n isOpenActive,\n onInProgressClick,\n isInProgressActive,\n } = useFilters({ status, onStatusChange });\n\n const getButtonStyle = isActive => (\n classNames(styles.button, isActive && styles.isActive)\n );\n\n return (\n \n {children}\n
\n \n \n Undo\n \n
\n );\n}\n\nUndo.propTypes = {\n onClick: PropTypes.func.isRequired,\n message: PropTypes.string.isRequired,\n disabled: PropTypes.bool.isRequired,\n};\n\nexport default Undo;\n\nexport { default as useUndo } from './useUndo';\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { ButtonBadge } from 'components/core/Badge';\nimport { NewTask } from 'components/Grm2/common/NewCard';\nimport { cardShape, filtersShape, uiShape } from 'components/Grm2/shapes';\nimport { CARD_SIZES } from 'components/Grm2/constants';\nimport Button from 'components/core/Button';\nimport Drawer, { Header, Body, Footer } from 'components/core/Drawer';\nimport Feed from 'components/Grm2/common/Feed';\nimport LockBanner from 'components/Grm2/common/LockBanner';\nimport reduxConnect from 'components/Grm2/reduxConnect';\nimport AppliedFiltersLabel from 'components/Grm2/common/AppliedFiltersLabel';\nimport { taskCompareFunction } from 'components/Grm2/utils';\nimport initialState from 'redux/grm2/initialState';\n\nimport useBadge from '../../useBadge';\nimport useSetupTasks from '../../useSetupTasks';\nimport useTasksButton from '../../useTasksButton';\nimport useTasksContent from '../../useTasksContent';\nimport useEmptyMessage from '../../useEmptyMessage';\nimport useUpdateTasks from '../../useUpdateTasks';\nimport useTaskFilters from '../../useTaskFilters';\nimport Filters from '../Filters';\nimport TaskBoardLink from '../TaskBoardLink';\nimport Transition from '../Transition';\nimport Undo, { useUndo } from '../Undo';\nimport styles from './styles.module.scss';\n\nfunction Container({\n cards,\n ui,\n filters,\n className,\n setFilters,\n setPerPage,\n setIsTasksContext,\n fetchCards,\n setSort,\n setNamespace,\n updateCard,\n updateDataItem,\n removeCardById,\n onClick,\n}) {\n const {\n newTaskInitialValues,\n } = useSetupTasks({\n setFilters,\n setPerPage,\n setIsTasksContext,\n fetchCards,\n setSort,\n setNamespace,\n });\n\n const {\n showBadge,\n numberOfTasks,\n } = useBadge({ cards });\n\n const {\n filterCardsBy,\n onStatusChange,\n status,\n } = useTasksContent();\n\n const {\n onNewTaskClick,\n toggleDrawer,\n isDrawerOpen,\n toggleNewTaskModalOpen,\n isNewTaskModalOpen,\n isBannerEnabled,\n onTasksButtonClick,\n } = useTasksButton(onClick);\n\n const emptyMessage = useEmptyMessage(status);\n\n useUpdateTasks({\n cards,\n fetchCards,\n updateCard,\n removeCardById,\n updateDataItem,\n });\n\n const {\n showUndo,\n undoDisabled,\n onUndoClick,\n undoMessage,\n } = useUndo({ updateCard });\n const {\n resetTaskFilters,\n searchFilters,\n resultsCount,\n } = useTaskFilters({ filters, setFilters, initialState, cards, status });\n const { isLoading } = ui;\n\n const showV2NavigationTasksButton = gon.isNavigationV2Enabled;\n\n return (\n <>\n \n {message}\n
\n \n \n \n {showV2NavigationTasksButton ? (\n \n ) : (\n Tasks\n )}\n \n \n {showBadge && (\n \n {numberOfTasks}\n \n )}\n
\n\n \n
\n );\n}\n\nPaginator.propTypes = {\n pagination: paginationShape.isRequired,\n ui: uiShape.isRequired,\n setPage: PropTypes.func.isRequired,\n};\n\nexport default reduxConnect(Paginator);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/isEmpty';\nimport classNames from 'classnames';\nimport { TransitionGroup } from 'react-transition-group';\n\nimport reduxConnect from 'components/Grm2/reduxConnect';\nimport { uiShape, cardShape, linksPreviewShape } from 'components/Grm2/shapes';\nimport CommentsDrawer from 'components/Grm2/common/CommentsDrawer';\nimport { sortCardsByFunction } from 'components/Grm2/utils';\n\nimport Card, { CardTransition } from '../Card';\nimport LoadingPlaceholder from './components/LoadingPlaceholder';\nimport EmptyPlaceholder from './components/EmptyPlaceholder';\nimport Paginator from './components/Paginator';\nimport useCommentsDrawer from './useCommentsDrawer';\nimport styles from './styles.module.scss';\n\nfunction Feed({\n cards,\n cardsLinkPreview,\n className,\n filterCardsBy,\n cardsCompareFunction,\n isSingleCard,\n priorityIconOnly,\n showCheckbox,\n ui,\n isMobile,\n onSetFilterInCard,\n emptyMessage,\n showCommentsInDrawer,\n updateCard,\n updateCommentsCount,\n cardSize,\n withReversedLoadingAnimation,\n}) {\n const { isLoading } = ui;\n\n const {\n commentsDrawerCardId,\n onCommentsDrawerClose,\n isCommentsDrawerOpen,\n onShowCommentsInDrawerClick,\n } = useCommentsDrawer();\n\n const renderCards = () => {\n if (isLoading) {\n return (\n \n {renderCards()}\n
\n );\n}\n\nFeed.defaultProps = {\n isSingleCard: false,\n isMobile: false,\n priorityIconOnly: false,\n showCheckbox: true,\n filterCardsBy: () => true,\n showCommentsInDrawer: false,\n withReversedLoadingAnimation: false,\n};\n\nFeed.propTypes = {\n isSingleCard: PropTypes.bool,\n priorityIconOnly: PropTypes.bool,\n cards: PropTypes.arrayOf(cardShape).isRequired,\n cardsLinkPreview: linksPreviewShape.isRequired,\n ui: uiShape.isRequired,\n className: PropTypes.string,\n showCheckbox: PropTypes.bool,\n isMobile: PropTypes.bool,\n cardSize: PropTypes.string,\n filterCardsBy: PropTypes.func,\n onSetFilterInCard: PropTypes.func,\n emptyMessage: PropTypes.node,\n cardsCompareFunction: PropTypes.func,\n showCommentsInDrawer: PropTypes.bool,\n updateCard: PropTypes.func.isRequired,\n updateCommentsCount: PropTypes.func.isRequired,\n withReversedLoadingAnimation: PropTypes.bool,\n};\n\nexport default reduxConnect(Feed);\n","export const BANNER_CSX_MESSAGE = 'Contact our Customer Success team to enable collaboration with your team across the app.';\n","import { useState } from 'react';\n\nfunction useLockBanner() {\n const [visible, setVisible] = useState(false);\n\n const handleClickOutside = () => {\n setVisible(false);\n };\n\n const handleWrapperClickCapture = (event) => {\n event.stopPropagation();\n event.preventDefault();\n setVisible(true);\n };\n\n return {\n visible,\n onClickOutside: handleClickOutside,\n onWrapperClickCapture: handleWrapperClickCapture,\n };\n}\n\nexport default useLockBanner;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport TippyTooltip from '@tippyjs/react';\n\nimport Banner from 'components/core/Banner';\n\nimport { BANNER_CSX_MESSAGE } from './constants';\nimport useLockBanner from './useLockBanner';\nimport styles from './styles.module.scss';\n\nfunction LockBanner({ children, enabled, wrapperClassName }) {\n const {\n visible,\n onClickOutside,\n onWrapperClickCapture,\n } = useLockBanner();\n\n if (!enabled) {\n return children;\n }\n\n return (\n \n
\n );\n}\n\nAppliedFiltersLabel.defaultProps = {\n defaultFilters: {},\n singularActivityWord: 'activity',\n pluralActivitiesWord: 'activities',\n};\n\nAppliedFiltersLabel.propTypes = {\n isLoading: PropTypes.bool.isRequired,\n totalCount: PropTypes.number.isRequired,\n singularActivityWord: PropTypes.string,\n pluralActivitiesWord: PropTypes.string,\n currentPage: PropTypes.number,\n filters: filtersShape.isRequired,\n defaultFilters: filtersShape,\n resetFilters: PropTypes.func.isRequired,\n wrapperClassName: PropTypes.string,\n};\n\nexport default AppliedFiltersLabel;\n","import { useState } from 'react';\nimport { includes } from 'lodash';\n\nimport useMediaQuery from 'utils/breakpoints/useMediaQuery';\n\nfunction useCard({\n id,\n selectedCardIds,\n setFilter,\n selectCard,\n unselectCard,\n onSaveTags,\n updateCard,\n showCheckbox,\n onSetFilterInCard,\n}) {\n const [showLinks, setShowLinks] = useState(false);\n const [showEditModal, setShowEditModal] = useState(false);\n const { isMobile } = useMediaQuery();\n const isCheckboxPresent = !isMobile && showCheckbox;\n const isChecked = includes(selectedCardIds, id);\n\n const handleAvatarClick = ({ name, id: userId, email }) => {\n onSetFilterInCard && onSetFilterInCard();\n setFilter('creator', [{\n value: userId,\n label: `${name} (${email})`,\n }]);\n };\n\n const handleTagClick = (tag) => {\n onSetFilterInCard && onSetFilterInCard();\n setFilter('tags', [tag]);\n };\n\n const handleShowLinksClick = () => {\n setShowLinks(!showLinks);\n };\n\n const handleEditClick = () => {\n setShowEditModal(true);\n };\n\n const handleCloseNewNoteModal = () => {\n setShowEditModal(false);\n };\n\n const handleToggleCheckbox = ({ target = {} } = {}) => {\n const { checked } = target;\n\n checked ? selectCard(id) : unselectCard(id);\n };\n\n const handleUpdateCard = card => updateCard(card, false);\n\n return {\n showLinks,\n showEditModal,\n isCheckboxPresent,\n isChecked,\n onAvatarClick: handleAvatarClick,\n onTagClick: handleTagClick,\n onShowLinksClick: handleShowLinksClick,\n onEditClick: handleEditClick,\n onCloseNewNoteModal: handleCloseNewNoteModal,\n onSaveTagsModal: onSaveTags,\n onToggleCheckbox: handleToggleCheckbox,\n updateCard: handleUpdateCard,\n };\n}\n\nexport default useCard;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport styles from './styles.module.scss';\n\nfunction ActionPrompt({ isOpen, children }) {\n return (\n \n {children}\n
\n );\n}\n\nActionPrompt.propTypes = {\n isOpen: PropTypes.bool.isRequired,\n children: PropTypes.node.isRequired,\n};\n\nexport default ActionPrompt;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport Card from 'components/core/Card';\nimport Button from 'components/core/Button';\nimport { CARD_TYPES } from 'components/Grm2/constants';\n\nimport styles from './styles.module.scss';\n\nconst sizeThemes = {\n large: styles.large,\n small: styles.small,\n medium: styles.medium,\n};\n\nfunction Undo({ onUndo, cardType, isLoading, size }) {\n const typeLabel = CARD_TYPES[cardType].label;\n const text = `${typeLabel} deleted.`;\n\n return (\n \n {text}\n
\n\n {text}\n
\n\n
\n );\n}\n\nActionBar.propTypes = {\n isShowingLinks: PropTypes.bool.isRequired,\n isEditable: PropTypes.bool.isRequired,\n isRemovable: PropTypes.bool.isRequired,\n isTask: PropTypes.bool.isRequired,\n onShowLinksClick: PropTypes.func.isRequired,\n priority: PropTypes.string,\n assignee: assigneeShape,\n tags: PropTypes.arrayOf(tagShape),\n updateCard: PropTypes.func,\n onEditClick: PropTypes.func.isRequired,\n showCommentAction: PropTypes.bool,\n onCommentClick: PropTypes.func.isRequired,\n id: PropTypes.number.isRequired,\n cardType: PropTypes.string.isRequired,\n taskID: PropTypes.number,\n commentsCount: PropTypes.number,\n priorityIconOnly: PropTypes.bool,\n showCommentLoader: PropTypes.bool,\n onSaveTags: PropTypes.func,\n documentType: PropTypes.string.isRequired,\n updateDataItem: PropTypes.func.isRequired,\n onRemoveClick: PropTypes.func.isRequired,\n size: cardSizeShape,\n};\n\nActionBar.defaultProps = {\n size: CARD_SIZES.large,\n};\n\nexport default ActionBar;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { CARD_SIZES } from 'components/Grm2/constants';\nimport { cardSizeShape } from 'components/Grm2/common/Card/shapes';\n\nimport styles from './styles.module.scss';\n\nconst sizeThemes = {\n large: styles.large,\n small: styles.small,\n medium: styles.medium,\n};\n\nfunction CreatedBy({ createdBy, size }) {\n if (isEmpty(createdBy)) {\n return null;\n }\n\n return (\n \n \n {showLinksLabel}\n \n \n EDIT\n \n )}\n \n RE-ASSIGN\n \n )}\n
\n \n {isTask && (\n
\n \n
\n );\n}\n\nCreatedBy.propTypes = {\n createdBy: PropTypes.string,\n size: cardSizeShape,\n};\n\nCreatedBy.defaultProps = {\n size: CARD_SIZES.large,\n};\n\nexport default CreatedBy;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Avatar from 'components/core/Avatar';\n\nimport styles from './styles.module.scss';\n\nfunction AssignContent({ fullName, photoUrl }) {\n return (\n <>\n {fullName}\n Created by:
\n {createdBy}\n\n
\n );\n}\n\nTaskFields.propTypes = {\n dueDateTime: PropTypes.string,\n assignee: assigneeShape.isRequired,\n assigner: assigneeShape.isRequired,\n size: cardSizeShape,\n};\n\nTaskFields.defaultProps = {\n size: CARD_SIZES.large,\n};\n\nexport default TaskFields;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { CARD_SIZES } from 'components/Grm2/constants';\n\nimport { cardSizeShape } from '../../shapes';\nimport styles from './styles.module.scss';\n\nconst sizeThemes = {\n large: styles.large,\n small: styles.small,\n medium: styles.medium,\n};\n\nfunction CreationDate({ children, size }) {\n return (\n \n {children}\n
\n );\n}\n\nCreationDate.propTypes = {\n children: PropTypes.node.isRequired,\n size: cardSizeShape,\n};\n\nCreationDate.defaultProps = {\n size: CARD_SIZES.large,\n};\n\nexport default CreationDate;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { map, concat, join } from 'lodash';\n\nimport LabelGroup from 'components/core/LabelGroup';\nimport { CARD_SIZES } from 'components/Grm2/constants';\n\nimport { cardSizeShape } from '../../shapes';\nimport styles from './styles.module.scss';\n\nconst sizeThemes = {\n large: styles.large,\n small: styles.small,\n medium: styles.medium,\n};\n\nfunction CustomFields({ customFields, size }) {\n return (\n \n
\n ))}\n \n {concat(label, ' ')}\n
\n \n {join(value, ', ')}\n \n\n {children}\n
\n );\n}\n\nDescription.propTypes = {\n children: PropTypes.node.isRequired,\n size: cardSizeShape,\n};\n\nDescription.defaultProps = {\n size: CARD_SIZES.large,\n};\n\nexport default Description;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { CARD_SIZES } from 'components/Grm2/constants';\nimport { cardSizeShape } from 'components/Grm2/common/Card/shapes';\n\nimport styles from './styles.module.scss';\n\nconst sizeThemes = {\n large: styles.large,\n small: styles.small,\n medium: styles.medium,\n};\n\nfunction EventDate({ eventDate, size }) {\n if (isEmpty(eventDate)) {\n return null;\n }\n\n return (\n \n
\n );\n}\n\nEventDate.propTypes = {\n eventDate: PropTypes.string,\n size: cardSizeShape,\n};\n\nEventDate.defaultProps = {\n size: CARD_SIZES.large,\n};\n\nexport default EventDate;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { INTERACTION_TYPES, CARD_SIZES } from 'components/Grm2/constants';\n\nimport { cardSizeShape } from '../../shapes';\nimport styles from './styles.module.scss';\n\nconst sizeThemes = {\n large: styles.large,\n small: styles.small,\n medium: styles.medium,\n};\n\nfunction InteractionType({ interactionType, size }) {\n if (isEmpty(interactionType)) {\n return null;\n }\n\n const { label } = INTERACTION_TYPES.find(({ value }) => interactionType === value);\n\n return (\n Date of event:
\n {eventDate}\n\n
\n );\n}\n\nInteractionType.propTypes = {\n interactionType: PropTypes.oneOf(INTERACTION_TYPES.map(({ value }) => value)),\n size: cardSizeShape,\n};\n\nInteractionType.defaultProps = {\n size: CARD_SIZES.large,\n};\n\nexport default InteractionType;\n","import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { isEmpty, map } from 'lodash';\n\nimport Link from 'components/core/Link';\nimport joinComponents from 'utils/joinComponents';\nimport { RECORD_TYPES } from 'redux/grm2/recordTypes';\nimport { CARD_SIZES } from 'components/Grm2/constants';\nimport { cardSizeShape } from 'components/Grm2/common/Card/shapes';\n\nimport styles from './styles.module.scss';\n\nconst sizeThemes = {\n large: styles.large,\n small: styles.small,\n medium: styles.medium,\n};\n\nfunction ListLinks({ label, value, size }) {\n const { colleague } = RECORD_TYPES;\n\n const renderLink = ({\n label: linkLabel,\n value: linkValue,\n id,\n externalUrl,\n }) => {\n const isClickableLink = linkValue !== colleague.path() && !isEmpty(linkValue);\n const isOpenInNewTab = !isEmpty(externalUrl);\n const linkTarget = isOpenInNewTab ? '_blank' : '_self';\n\n if (!isClickableLink) {\n return (\n \n {linkLabel}\n \n );\n }\n\n return (\n Interaction type:
\n {label}\n\n
\n );\n}\n\nListLinks.propTypes = {\n label: PropTypes.string.isRequired,\n value: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired,\n value: PropTypes.string,\n externalUrl: PropTypes.string,\n id: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]).isRequired,\n })\n ),\n size: cardSizeShape,\n};\n\nListLinks.defualtProps = {\n size: CARD_SIZES.large,\n};\n\nexport default ListLinks;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport ListLinks from './components/ListLinks';\n\nfunction Links({ links, size }) {\n return (\n links.map(({ label, value }) => (\n {label}:
\n {joinComponents(map(value, renderLink))}\n\n {children}\n
\n );\n}\n\nTitle.propTypes = {\n children: PropTypes.node.isRequired,\n size: cardSizeShape,\n};\n\nTitle.defaultProps = {\n size: CARD_SIZES.large,\n};\n\nexport default Title;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { formatBytes } from 'components/core/FileUpload/utils';\nimport { uploadShape } from 'components/Grm2/common/Card/shapes';\n\nimport styles from './styles.module.scss';\n\nfunction Attachments({ uploads }) {\n if (isEmpty(uploads)) {\n return null;\n }\n\n return (\n \n {uploads.map(({ file_upload_id: id, file_upload_url: url, name, size }) => (\n
\n );\n}\n\nAttachments.propTypes = {\n uploads: PropTypes.arrayOf(uploadShape),\n};\n\nexport default Attachments;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport ButtonSlideGroup from 'components/core/ButtonSlideGroup';\nimport { STATUS_TYPES, DEFAULT_STATUS } from 'components/Grm2/constants';\nimport { updateTaskCard } from 'components/Grm2/api';\nimport notifications from 'components/Grm2/notifications';\n\nimport styles from './styles.module.scss';\n\nfunction StatusButton({\n id,\n defaultOption,\n onClick,\n isVisible,\n}) {\n function handleUpdateStatus({\n currentOption,\n baseParams,\n setIsLoading,\n rollbackOption,\n }) {\n setIsLoading(true);\n\n return updateTaskCard({ ...baseParams, status: currentOption })\n .then((response) => {\n onClick(response);\n notifications.updateTaskStatusSuccess();\n\n return response;\n })\n .catch(notifications.generalFailNotification)\n .catch(rollbackOption)\n .finally(() => setIsLoading(false));\n }\n\n const buttonProps = {\n baseParams: { id },\n initialOption: defaultOption,\n options: STATUS_TYPES,\n handleUpdateOption: handleUpdateStatus,\n };\n\n if (!isVisible) {\n return null;\n }\n\n return (\n \n
\n )).reverse()}\n \n \n {name}\n \n
\n \n ({formatBytes(size)})\n
\n \n
\n );\n}\n\nStatusButton.defaultProps = {\n isVisible: true,\n defaultOption: DEFAULT_STATUS,\n};\n\nStatusButton.propTypes = {\n id: PropTypes.number,\n defaultOption: PropTypes.string,\n onClick: PropTypes.func,\n isVisible: PropTypes.bool,\n};\n\nexport default StatusButton;\n","import { useState } from 'react';\n\nimport { removeCard, undoCard } from 'components/Grm2/api';\nimport notifications from 'components/Grm2/notifications';\nimport { CARD_TYPES } from 'components/Grm2/constants';\nimport useLoader from 'utils/useLoader';\n\nfunction useRemoveCard({\n updateCardById,\n id,\n type,\n}) {\n const [isRemovePrompt, setIsRemovePrompt] = useState(false);\n const { label } = CARD_TYPES[type];\n\n const {\n isLoading: isLoadingUndo,\n startLoading: startLoadingUndo,\n stopLoading: stopLoadingUndo,\n } = useLoader();\n\n const {\n isLoading: isLoadingRemove,\n startLoading: startLoadingRemove,\n stopLoading: stopLoadingRemove,\n } = useLoader();\n\n const toggleRemovePrompt = () => {\n setIsRemovePrompt(prevState => !prevState);\n };\n\n const closeRemovePrompt = () => {\n setIsRemovePrompt(false);\n };\n\n const handleRemove = () => {\n startLoadingRemove();\n removeCard(id).then(() => {\n updateCardById(id, { disabled: true });\n notifications.deleteSuccess(label);\n stopLoadingRemove();\n closeRemovePrompt();\n }).catch(notifications.generalFailNotification);\n };\n\n const handleUndo = () => {\n startLoadingUndo();\n undoCard(id).then(() => {\n updateCardById(id, { disabled: false });\n notifications.undoSuccess(label);\n stopLoadingUndo();\n }).catch(notifications.generalFailNotification);\n };\n\n return {\n toggleRemovePrompt,\n handleRemove,\n handleUndo,\n closeRemovePrompt,\n isRemovePrompt,\n isLoadingUndo,\n isLoadingRemove,\n };\n}\n\nexport default useRemoveCard;\n","import { useState } from 'react';\n\nimport { fetchCard } from 'components/Grm2/api';\n\nfunction useComments({\n cardId,\n isNote,\n isTask,\n isSingleCard,\n onShowCommentsInDrawerClick,\n showCommentsInDrawer,\n updateCard,\n}) {\n const [showComments, setShowComments] = useState(isSingleCard);\n const [showCommentLoader, setShowCommentLoad] = useState(false);\n const showCommentAction = isNote || isTask;\n\n const onCommentClick = () => {\n if (showCommentsInDrawer) {\n onShowCommentsInDrawerClick(cardId);\n return;\n }\n\n fetchCard(cardId).then(updateCard);\n setShowCommentLoad(!showComments);\n setShowComments(!showComments);\n };\n\n return {\n showComments,\n showCommentLoader,\n showCommentAction,\n onCommentClick,\n setShowCommentLoad,\n };\n}\n\nexport default useComments;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { isEmpty } from 'lodash';\n\nimport CardGroup from 'components/core/CardGroup';\nimport Avatar from 'components/core/Avatar';\nimport { CARD_MODAL_COMPONENTS } from 'components/Grm2/common/NewCard/constants';\nimport { CARD_TYPES, CARD_SIZES } from 'components/Grm2/constants';\nimport {\n createSrcForIcon,\n isCardEditable,\n isCardTypeNote,\n isCardTypeTask,\n isCardRemovable,\n} from 'components/Grm2/utils';\nimport { TextWithMentions } from 'components/core/TextareaWithMentions';\nimport { getUrlParam } from 'utils/browser-history';\nimport ViewTags from 'components/core/ViewTags';\nimport { tagShape, customFieldDataShape, linkShape } from 'components/Grm2/shapes';\nimport RemoveCard, { Undo } from 'components/Grm2/common/RemoveCard';\nimport Comments from 'components/Grm2/common/Comments';\nimport LinkPreview from 'components/Grm2/common/LinkPreview';\nimport extractUrls from 'utils/extract-urls';\nimport { workspaceShape } from 'redux/events/utils/shapes';\n\nimport {\n userShape,\n uploadShape,\n assigneeShape,\n cardSizeShape,\n linkPreviewShape,\n} from '../../shapes';\nimport ActionBar from '../ActionBar';\nimport CreatedBy from '../CreatedBy';\nimport TaskFields from '../TaskFields';\nimport CreationDate from '../CreationDate';\nimport CustomFields from '../CustomFields';\nimport Description from '../Description';\nimport EventDate from '../EventDate';\nimport InteractionType from '../InteractionType';\nimport Links from '../Links';\nimport Title from '../Title';\nimport Attachments from '../Attachments';\nimport StatusButton from '../StatusButton';\nimport useRemoveCard from '../../useRemoveCard';\nimport useComments from './useComments';\nimport styles from './styles.module.scss';\n\nconst sizeThemes = {\n large: styles.large,\n small: styles.small,\n medium: styles.medium,\n};\n\nfunction Card({\n id,\n title,\n eventDate,\n interactionType,\n createdBy,\n creationDate,\n description,\n task,\n user,\n tags,\n links,\n commentsCount,\n customFieldsAnswers,\n cardType,\n updateCard,\n updateCardById,\n updateCommentsCount,\n uploads,\n onCloseNewNoteModal,\n onEditClick,\n onShowLinksClick,\n onTagClick,\n onToggleCheckbox,\n onSaveTagsModal,\n onAvatarClick,\n isSingleCard,\n isChecked,\n isCheckboxPresent,\n shouldFilterOnAvatarClick,\n shouldFilterOnTagClick,\n priorityIconOnly,\n showStatusButton,\n showLinks,\n showEditModal,\n documentType,\n updateDataItem,\n isLoadingLinksPreview,\n showCommentsInDrawer,\n onShowCommentsInDrawerClick,\n size,\n linkPreview,\n isMobile,\n disabled,\n sharings,\n}) {\n const highlightedCommentId = getUrlParam('comment_id');\n const highlightedParentId = getUrlParam('parent_id');\n const isEditable = isCardEditable(cardType, user);\n const isRemovable = isCardRemovable({ cardType, user });\n const isTask = isCardTypeTask(cardType);\n const isNote = isCardTypeNote(cardType);\n\n const EditModal = CARD_MODAL_COMPONENTS[cardType];\n\n const { assignee, assigner, dueDateTime, priority, status, id: taskID } = task;\n const hasLinkToPreview = !isEmpty(extractUrls(description));\n const isLoadingLinkPreview = hasLinkToPreview && isLoadingLinksPreview && isEmpty(linkPreview);\n\n const {\n toggleRemovePrompt,\n handleRemove,\n handleUndo,\n closeRemovePrompt,\n isRemovePrompt,\n isLoadingUndo,\n isLoadingRemove,\n } = useRemoveCard({\n id,\n updateCardById,\n type: cardType,\n });\n\n const {\n showComments,\n showCommentLoader,\n showCommentAction,\n onCommentClick,\n setShowCommentLoad,\n } = useComments({\n isNote,\n isTask,\n isSingleCard,\n updateCard,\n cardId: id,\n showCommentsInDrawer,\n onShowCommentsInDrawerClick,\n });\n\n if (disabled) {\n return (\n \n \n
\n );\n}\n\nCard.defaultProps = {\n priorityIconOnly: false,\n shouldFilterOnAvatarClick: true,\n shouldFilterOnTagClick: true,\n showStatusButton: true,\n showCommentsInDrawer: false,\n size: CARD_SIZES.large,\n disabled: false,\n};\n\nCard.propTypes = {\n id: PropTypes.number.isRequired,\n title: PropTypes.string.isRequired,\n eventDate: PropTypes.string,\n size: cardSizeShape,\n interactionType: PropTypes.string,\n createdBy: PropTypes.string.isRequired,\n creationDate: PropTypes.string.isRequired,\n description: PropTypes.string.isRequired,\n task: PropTypes.shape({\n assignee: assigneeShape,\n assigner: assigneeShape,\n dueDateTime: PropTypes.string,\n priority: PropTypes.string,\n status: PropTypes.string,\n id: PropTypes.number,\n }),\n user: userShape.isRequired,\n tags: PropTypes.arrayOf(tagShape).isRequired,\n links: PropTypes.arrayOf(linkShape).isRequired,\n linkPreview: linkPreviewShape,\n commentsCount: PropTypes.number,\n customFieldsAnswers: PropTypes.arrayOf(customFieldDataShape).isRequired,\n cardType: PropTypes.oneOf(Object.keys(CARD_TYPES)),\n uploads: PropTypes.arrayOf(uploadShape).isRequired,\n updateCard: PropTypes.func.isRequired,\n updateCardById: PropTypes.func.isRequired,\n updateCommentsCount: PropTypes.func.isRequired,\n onCloseNewNoteModal: PropTypes.func.isRequired,\n onEditClick: PropTypes.func.isRequired,\n onShowLinksClick: PropTypes.func.isRequired,\n onTagClick: PropTypes.func.isRequired,\n onToggleCheckbox: PropTypes.func.isRequired,\n onSaveTagsModal: PropTypes.func.isRequired,\n onAvatarClick: PropTypes.func.isRequired,\n isSingleCard: PropTypes.bool.isRequired,\n isChecked: PropTypes.bool.isRequired,\n isCheckboxPresent: PropTypes.bool.isRequired,\n priorityIconOnly: PropTypes.bool,\n shouldFilterOnAvatarClick: PropTypes.bool,\n shouldFilterOnTagClick: PropTypes.bool,\n showStatusButton: PropTypes.bool,\n showLinks: PropTypes.bool.isRequired,\n showEditModal: PropTypes.bool.isRequired,\n documentType: PropTypes.string.isRequired,\n updateDataItem: PropTypes.func.isRequired,\n isLoadingLinksPreview: PropTypes.bool.isRequired,\n showCommentsInDrawer: PropTypes.bool,\n isMobile: PropTypes.bool,\n disabled: PropTypes.bool,\n onShowCommentsInDrawerClick: PropTypes.func,\n sharings: PropTypes.arrayOf(workspaceShape),\n};\n\nexport default Card;\n","import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport { TextPlaceholder, TagsPlaceholder } from 'components/core/Placeholder';\nimport CardGroup from 'components/core/CardGroup';\n\nimport styles from './styles.module.scss';\n\nfunction CardPlaceholder({ className, contentClassName, isCheckboxPresent }) {\n const emptyFunction = () => {};\n\n return (\n \n \n {description} \n \n
\n \n
\n \n {title} \n {creationDate} \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n