\n {visibleItems.map(({ isSelf, isVisible, key, userId }, ix) =>\n userId ? (\n setExpanded(true) : null}\n clickable={canExpand}>\n \n {`+${surplus}`}\n \n )}\n
\n );\n}\n\nexport default ConnectedAvatarList;\n","import ConnectedAvatarList from './ConnectedAvatarList';\n\nexport default ConnectedAvatarList;\n","import PropTypes from 'prop-types';\nimport React, { cloneElement } from 'react';\nimport isString from 'lodash/isString';\nimport Collapse from '../Collapse';\nimport classNames from 'classnames';\nimport './Panel.css';\n\nfunction Panel({\n bodyClass,\n bordered,\n canExpand,\n children,\n className,\n collapsible,\n expanded,\n header,\n headerClass,\n headerRole,\n headerTag: HeaderTag,\n onExpand,\n onExpanded,\n panelRole,\n rounded,\n smoked,\n spacing,\n shadowed,\n ...rest\n}) {\n const handleClick =\n collapsible && canExpand && onExpand && !expanded ? onExpand : null;\n const headerClasses = classNames('Panel__Header', headerClass, { expanded });\n const bodyClasses = classNames('Panel__Body', bodyClass);\n const classes = classNames('Panel', className, {\n 'Panel--bordered': bordered,\n 'Panel--rounded': rounded,\n 'Panel--smoked': smoked,\n 'Panel--shadowed': shadowed,\n 'Panel--clickable': !!handleClick,\n [`Panel--spacing-${spacing}`]: !!spacing\n });\n\n return (\n \n {header && isString(header) && (\n {header} \n )}\n {header &&\n !isString(header) &&\n cloneElement(header, {\n role: headerRole,\n active: collapsible && expanded\n })}\n {collapsible && (\n \n
\n );\n}\n\nPanel.propTypes = {\n bordered: PropTypes.bool,\n collapsible: PropTypes.bool,\n expanded: PropTypes.bool,\n header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n headerRole: PropTypes.string,\n headerTag: PropTypes.string,\n panelRole: PropTypes.string,\n smoked: PropTypes.bool,\n shadowed: PropTypes.bool,\n spacing: PropTypes.oneOf(['md', 'lg', false])\n};\n\nPanel.defaultProps = {\n bordered: false,\n canExpand: true,\n collapsible: false,\n expanded: false,\n headerTag: 'h2',\n smoked: false,\n shadowed: true,\n spacing: 'md'\n};\n\nexport default Panel;\n","import Panel from './Panel';\n\nexport default Panel;\n","module.exports = __webpack_public_path__ + \"static/media/sprite.symbol.567ffbe1.svg\";","import { createAction } from 'redux-actions';\nimport {\n MODAL_OPEN,\n MODAL_CLOSE,\n CommonModalTypes,\n ImageTypes\n} from '../../constants';\nimport { getFullPath } from '../../utils/location';\n\nexport const MODAL_CLOSE_ALL = 'MODAL_CLOSE_ALL';\n\n/**\n * @function\n * @param {Object} modalSettings\n * @param {string} modalSettings.modalType - Unique ID for the modal dialog\n * @param {Object} modalSettings.modalProps - Props forwarded to the modal child component\n */\nexport const openModal = createAction(MODAL_OPEN);\nexport const closeModal = createAction(MODAL_CLOSE);\nexport const closeAllModals = createAction(MODAL_CLOSE_ALL);\n\nexport const openShareUrlModal = (\n url = getFullPath(),\n props = {\n title: null,\n subtitle: null\n }\n) => dispatch => {\n const { title, subtitle } = props;\n\n dispatch(\n openModal({\n modalType: CommonModalTypes.SHARE_URL_MODAL,\n modalProps: {\n url,\n title,\n subtitle\n }\n })\n );\n};\n\nexport const openImagePickerModal = (options = {}) => {\n const defaultOptions = {\n availableTypes: [ImageTypes.PRESET, ImageTypes.GOOGLE, ImageTypes.UPLOADED],\n crop: {},\n defaultActiveType: ImageTypes.PRESET,\n isCloseButtonShown: true,\n onImageSelect: () => {},\n size: 'large'\n };\n\n return openModal({\n modalType: CommonModalTypes.IMAGE_PICKER,\n modalProps: { ...defaultOptions, ...options }\n });\n};\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Wrapper\":\"LinkifiedSafeHtml_Wrapper__OjeQx\"};","module.exports = __webpack_public_path__ + \"static/media/Hummingbird.6f4ff915.png\";","module.exports = \"data:image/png;base64,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\"","import React, { memo } from 'react';\nimport values from 'lodash/values';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Image from 'react-graceful-image';\nimport { Size } from '../../../constants';\nimport { getContentDataUrl, getUrl } from '../../selectors/images';\nimport useTooltip from '../../hooks/useTooltip';\nimport { imageDetailsType } from '../../types';\nimport Icon from '../Icon';\nimport { convertToRandomBackgroundId, getInitials } from './_utils';\nimport scss from './Avatar.module.scss';\n\nAvatar.propTypes = {\n blurred: PropTypes.bool,\n image: imageDetailsType,\n name: PropTypes.string,\n size: PropTypes.oneOf(values(Size)),\n transparent: PropTypes.bool\n};\nfunction Avatar({\n blurred,\n bgClassName,\n className,\n image,\n name,\n showTooltip = true,\n size = Size.md,\n transparent,\n tooltipPosition,\n ...rest\n}) {\n const imgUrl = getUrl(image) || getContentDataUrl(image);\n const initials = name && getInitials(name);\n const showPlaceholder = !imgUrl && !initials;\n const tooltipProps = useTooltip(name, tooltipPosition);\n const tooltip = showTooltip ? tooltipProps : {};\n\n const wrapperClasses = classNames(\n scss.Wrapper,\n className,\n scss[`size-${size}`],\n {\n [scss.withInitials]: !imgUrl && initials\n }\n );\n const bgClasses = classNames(\n scss.Bg,\n bgClassName,\n scss[`bg-${convertToRandomBackgroundId(initials)}`],\n {\n [scss.blurred]: blurred,\n [scss.transparent]: transparent\n }\n );\n\n return (\n \n
\n \n )}\n {!collapsible && (\n {children}
\n \n {children}\n
\n )}\n \n {imgUrl && (\n
\n \n {userName} \n {isAdmin && (\n \n )}\n
\n {position &&{position}
}\n {workplace &&{workplace}
}\n {country && (\n\n
\n {websiteUrl && (\n
\n
\n
\n
{t('profile/editorForm/fields/aboutMe/label')}
\n\n{t('profile/Activity Graph')}
\n\n
\n );\n}\n\nexport default ImageInput;\n","import ImageInput from './ImageInput';\n\nexport default ImageInput;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { translate } from 'react-i18next';\nimport { useDispatch } from 'react-redux';\nimport { Panel, Callout, Button, Heading } from '../../../common/components';\nimport { resetPassword } from '../../actions';\n\nconst PENDING = 'PENDING';\nconst SUCCESS = 'SUCCESS';\nconst FAIL = 'FAIL';\n\nPasswordResetHelp.propTypes = {\n t: PropTypes.func.isRequired\n};\nexport function PasswordResetHelp({ t, ...rest }) {\n const [requestStatus, setRequestStatus] = useState();\n const dispatch = useDispatch();\n\n const handleRequestClick = async () => {\n setRequestStatus(PENDING);\n\n try {\n await dispatch(resetPassword());\n setRequestStatus(SUCCESS);\n } catch (error) {\n setRequestStatus(FAIL);\n }\n };\n\n return (\n {t('profile/passwordReset/body')}
\n\n {requestStatus !== SUCCESS && (\n\n {activeGroup && (\n
\n );\n}\n\nexport default withRouter(SecondaryNavigation);\n","import React from 'react';\nimport './SecondaryNavigationGroup.css';\n\nfunction SecondaryNavigationGroup({ children, title }) {\n return (\n \n {activeGroup.props.title}\n
\n )}\n- {children}
\n {title}\n
\n - \n {children}\n
\n {resetToken\n ? t('profile/changePasswordForm/title/reset')\n : t('profile/changePasswordForm/title/update')}\n
\n \n );\n }}\n \n{t('profile/Language Settings')}
\n{t('profile/privacyForm/title')}
\n{t('profile/privacyForm/description')}
\n \n{t('profile/exportOwnProfile/title')}
\n{t('profile/exportOwnProfile/description')}
\n{t('profile/exportOwnProfile/prompt')}
\n\n
{t('profile/deleteAccount/title')}
\n{t('profile/deleteAccount/subtitle')}
\n\n
{t('profile/deleteAccount/infoSection/title')}
\n{t('profile/deleteAccount/infoSection/info1')}
\n{t('profile/deleteAccount/infoSection/info2')}
\n{t('profile/deleteAccount/actionTitle')}
\n\n
\n
\n );\n}\n\nNonIdealState.defaultProps = {\n theme: {\n container: 'NonIdealState',\n visual: 'NonIdealState__Visual'\n }\n};\n\nexport default NonIdealState;\n","import React from 'react';\nimport NonIdealState from './NonIdealState';\nimport defaultImageUrl from './Hummingbird.png';\nimport listImageUrl from './HummingbirdList.png';\nimport hiddenImageUrl from './HummingbirdHidden.gif';\n\nNonIdealState.HUMMINGBIRD = {visual}
\n {title}
\n{description}
\n{action}
\n {children(t)}
\n\n \n
\n);\n\nconst LoadingComponent = ({ loadingComponent, ...props }) => {\n const LoadingComponent = loadingComponent;\n LoadingComponent.displayName = 'LoadingComponent';\n return \n {cloneElement(children, { onClose })}\n
\n \n {action}\n {showFooterStripe && }\n
\n \n {children}\n
\n );\n}\n\nFullScreen.propTypes = {\n type: PropTypes.oneOf(['default', 'overview', 'form', 'result', 'light']),\n padding: PropTypes.oneOf(['none'])\n};\n\nFullScreen.defaultProps = {\n type: 'default'\n};\n\nexport default FullScreen;\n","import FullScreen from './FullScreen';\n\nexport default FullScreen;\n","import get from 'lodash/get';\n\n// eslint-disable-rule no-useless-escape\nconst ieRegex = [\n /Trident\\/7\\.0.*rv:([0-9.]+).*\\).*Gecko$/,\n /MSIE\\s([0-9.]+);.*Trident\\/[4-7].0/,\n /MSIE\\s(7\\.0)/\n];\n\nexport const isIE = () => {\n const browser = get(window, 'navigator.userAgent', '');\n return ieRegex.some(regex => regex.test(browser));\n};\n\nexport default {\n isIE\n};\n","import flow from 'lodash/flow';\nimport isEqual from 'lodash/isEqual';\nimport getFp from 'lodash/fp/get';\nimport mapFp from 'lodash/fp/map';\nimport { getIdeaId, getParentGroupId } from '../../common/selectors/ideas';\nimport { SOCKET_MSG, S_ID } from '../constants';\nimport {\n addCanvasIdeaMsg,\n deleteCanvasIdeaMsg,\n linkChallengeIdeaMsg,\n normaliseIdeaEditedMsg\n} from '../utils/socketMsg/ideas';\nimport { getCanvasIdeaById } from '../selectors/ideas';\nimport { getIdeasByGroupId } from '../selectors/groups';\nimport { hideGroup } from './groups';\nimport forceArray from '../../utils/forceArray';\nimport {\n mapOwnerIdFromMsg,\n mapPositionFromMsg\n} from '../utils/socketMsg/_mappers';\nimport { storeCanvasItemPosition } from './movement';\nimport { sendSocketMessage } from '../../common/actions/socket';\nimport { getCanvasItemPosition } from '../selectors/movement';\n\nexport const STORE_IDEAS = 'canvas/idea/store';\n/**\n * Stores one or more items as canvas ideas in Redux\n * @param {ConceptCanvasIdea|ConceptCanvasIdea[]} payload\n * @returns {import('redux').Action}\n */\nexport const storeCanvasIdeas = payload => ({\n type: STORE_IDEAS,\n payload: forceArray(payload),\n meta: { canvasId: S_ID }\n});\n\nexport const addCanvasIdea = (ideaText, posX, posY) => dispatch =>\n dispatch(addCanvasIdeaMsg(ideaText, posX, posY));\n\nexport const linkChallengeIdea = (ideaId, posX, posY) => dispatch =>\n dispatch(linkChallengeIdeaMsg(ideaId, posX, posY));\n\nexport const CANVAS_IDEA_ADDED = 'canvas/idea/add';\nexport const canvasIdeaAdded = response => dispatch => {\n const ideaLike = flow(\n mapPositionFromMsg,\n mapOwnerIdFromMsg\n )(response);\n dispatch({\n type: CANVAS_IDEA_ADDED,\n payload: ideaLike,\n meta: { canvasId: S_ID }\n });\n dispatch(\n storeCanvasItemPosition(\n { id: getIdeaId(ideaLike), posX: ideaLike.posX, posY: ideaLike.posY },\n 'external'\n )\n );\n};\n\nexport const editCanvasIdea = (ideaId, ideaText) => (dispatch, getState) => {\n const existingMergedIdeaIds = flow(\n state => getCanvasIdeaById(state, ideaId),\n getFp('mergedIdeas'),\n mapFp(getIdeaId)\n )(getState());\n dispatch(\n sendSocketMessage(S_ID, SOCKET_MSG.EDIT_IDEA_REQ, [\n ideaId,\n ideaText,\n existingMergedIdeaIds\n ])\n );\n};\n\nexport const CANVAS_IDEA_EDITED = 'canvas/idea/edit';\nexport const canvasIdeaEdited = (response, messageType) => {\n const { ideaId, text } = normaliseIdeaEditedMsg(response);\n return {\n type: CANVAS_IDEA_EDITED,\n payload: text,\n // TODO stop using meta.id\n meta: { messageType, id: ideaId, canvasId: S_ID }\n };\n};\n\n/**\n * Initiates merging 2 or more canvas ideas. The API will create a new idea\n * with the merge parent and merge child included as merged variations.\n * @param {string|number} mergeParentId - ID of the idea into which another idea will be merged\n * @param {string} ideaText - Edited text of the newly merged idea\n * @param {(string|number)[]} mergedIdeaIds - IDs of merge child ideas. This should include both the merge parent and the merge children.\n * @returns {import('redux-thunk').ThunkAction}\n */\nexport const mergeCanvasIdeas = (mergeParentId, ideaText, mergedIdeaIds) => (\n dispatch,\n getState\n) => {\n const section = null;\n const [x, y] = getCanvasItemPosition(getState(), mergeParentId);\n dispatch(\n sendSocketMessage(S_ID, SOCKET_MSG.IDEA_MERGE_REQ, [\n ideaText,\n section,\n { x, y },\n [mergeParentId].concat(mergedIdeaIds)\n ])\n );\n};\n\nexport const CANVAS_IDEAS_MERGED = 'canvas/idea/merge';\nexport const canvasIdeaMerged = (response, messageType) => {\n const [ideaId, ideaText, mergedIdeaIds] = response;\n return {\n type: CANVAS_IDEAS_MERGED,\n payload: { ideaText, mergedIdeaIds },\n meta: { id: ideaId, canvasId: S_ID, messageType }\n };\n};\n\nexport const deleteCanvasIdea = ideaId => dispatch =>\n dispatch(deleteCanvasIdeaMsg(ideaId));\n\nexport const CANVAS_IDEA_DELETED = 'canvas/idea/delete';\nexport const canvasIdeaDeleted = (ideaId, messageType) => (\n dispatch,\n getState\n) => {\n const ideaLike = getCanvasIdeaById(getState(), ideaId);\n const parentGroupId = getParentGroupId(ideaLike);\n const siblingIdeaIds = getIdeasByGroupId(getState(), parentGroupId).map(\n getIdeaId\n );\n const isLastGroupItem = isEqual(siblingIdeaIds, [ideaId]);\n if (isLastGroupItem) {\n dispatch(hideGroup(parentGroupId));\n }\n return dispatch({\n type: CANVAS_IDEA_DELETED,\n payload: null,\n meta: { messageType, id: ideaId, canvasId: S_ID }\n });\n};\n","import { sendSocketMessage } from '../../../common/actions/socket';\nimport { S_ID, SOCKET_MSG as MSG } from '../../constants';\n\n// Requests\n\nexport const addCanvasIdeaMsg = (ideaText, posX, posY, section = null) =>\n sendSocketMessage(S_ID, MSG.ADD_IDEA_REQ, [\n ideaText,\n section,\n { x: posX, y: posY }\n ]);\n\nexport const deleteCanvasIdeaMsg = ideaId =>\n sendSocketMessage(S_ID, MSG.DELETE_IDEA_REQ, ideaId);\n\nexport const linkChallengeIdeaMsg = (ideaId, posX, posY, section = null) =>\n sendSocketMessage(S_ID, MSG.LINK_CHALLENGE_IDEA, [\n ideaId,\n section,\n { x: posX, y: posY }\n ]);\n\n// Responses\n\nexport const normaliseIdeaEditedMsg = (msg = []) => {\n const [ideaId, text] = msg;\n return { ideaId, text };\n};\n","/* eslint-disable */\n(function(e, t) {\n var n = e.amplitude || { _q: [], _iq: {} };\n var r = t.createElement('script');\n r.type = 'text/javascript';\n r.async = true;\n r.src = 'https://cdn.amplitude.com/libs/amplitude-4.5.2-min.gz.js';\n r.onload = function() {\n if (e.amplitude.runQueuedFunctions) {\n e.amplitude.runQueuedFunctions();\n } else {\n console.log('[Amplitude] Error: could not load SDK');\n }\n };\n var i = t.getElementsByTagName('script')[0];\n i.parentNode.insertBefore(r, i);\n function s(e, t) {\n e.prototype[t] = function() {\n this._q.push([t].concat(Array.prototype.slice.call(arguments, 0)));\n return this;\n };\n }\n var o = function() {\n this._q = [];\n return this;\n };\n var a = ['add', 'append', 'clearAll', 'prepend', 'set', 'setOnce', 'unset'];\n for (var u = 0; u < a.length; u++) {\n s(o, a[u]);\n }\n n.Identify = o;\n var c = function() {\n this._q = [];\n return this;\n };\n var l = [\n 'setProductId',\n 'setQuantity',\n 'setPrice',\n 'setRevenueType',\n 'setEventProperties'\n ];\n for (var p = 0; p < l.length; p++) {\n s(c, l[p]);\n }\n n.Revenue = c;\n var d = [\n 'init',\n 'logEvent',\n 'logRevenue',\n 'setUserId',\n 'setUserProperties',\n 'setOptOut',\n 'setVersionName',\n 'setDomain',\n 'setDeviceId',\n 'setGlobalUserProperties',\n 'identify',\n 'clearUserProperties',\n 'setGroup',\n 'logRevenueV2',\n 'regenerateDeviceId',\n 'groupIdentify',\n 'logEventWithTimestamp',\n 'logEventWithGroups',\n 'setSessionId',\n 'resetSessionId'\n ];\n function v(e) {\n function t(t) {\n e[t] = function() {\n e._q.push([t].concat(Array.prototype.slice.call(arguments, 0)));\n };\n }\n for (var n = 0; n < d.length; n++) {\n t(d[n]);\n }\n }\n v(n);\n n.getInstance = function(e) {\n e = (!e || e.length === 0 ? '$default_instance' : e).toLowerCase();\n if (!n._iq.hasOwnProperty(e)) {\n n._iq[e] = { _q: [] };\n v(n._iq[e]);\n }\n return n._iq[e];\n };\n e.amplitude = n;\n})(window, document);\nwindow.amplitude.getInstance().init('38cbd2fcf8de8533693547b7c9646940');\n","/* eslint-disable */\n(function(i, s, o, g, r, a, m) {\n i['GoogleAnalyticsObject'] = r;\n (i[r] =\n i[r] ||\n function() {\n (i[r].q = i[r].q || []).push(arguments);\n }),\n (i[r].l = 1 * new Date());\n (a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);\n a.async = 1;\n a.src = g;\n m.parentNode.insertBefore(a, m);\n})(\n window,\n document,\n 'script',\n 'https://www.google-analytics.com/analytics.js',\n 'ga'\n);\n\nwindow.ga('create', 'UA-36527710-4', 'auto');\n","import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport classNames from 'classnames';\nimport './Close.css';\n\nclass Close extends Component {\n static propTypes = {\n className: PropTypes.string,\n inverse: PropTypes.bool,\n onClick: PropTypes.func.isRequired\n };\n\n static defaultProps = {\n inverse: false\n };\n\n render() {\n const { children, className, iconClassName, inverse, onClick } = this.props;\n const classes = classNames(className, 'Close', {\n 'Close--inverse': inverse\n });\n const iconClasses = classNames(iconClassName, 'Close__Icon');\n\n return (\n - {children}
\n \n {({ xPosition }) => {\n const translate = `translateX(${xPosition}px)`;\n return (\n
\n );\n }}\n \n \n );\n}\n\nDrawer.propTypes = {\n children: PropTypes.node,\n onCloseClick: PropTypes.func,\n opened: PropTypes.bool\n};\n\nexport default Drawer;\n","import Drawer from './Drawer';\nexport default Drawer;\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport Avatar from '../Avatar';\nimport { Size } from '../../../constants';\nimport { imageDetailsType } from '../../types';\nimport { getUrl } from '../../selectors/images';\nimport './ProfileCard.css';\n\nfunction ProfileCard({ image, name, children }) {\n let backgroundImage =\n 'linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7))';\n\n if (getUrl(image)) {\n backgroundImage += `, url(${getUrl(image)})`;\n }\n\n return (\n \n \n
\n \n
\n );\n}\n\nProfileCard.propTypes = {\n image: imageDetailsType,\n name: PropTypes.string\n};\n\nexport default ProfileCard;\n","import ProfileCard from './ProfileCard';\nexport default ProfileCard;\n","import React, { useCallback, useContext } from 'react';\nimport { connect } from 'react-redux';\nimport { translate } from 'react-i18next';\nimport { compose } from 'redux';\nimport {\n SUPPORTED_UI_LANGUAGES,\n SUPPORTED_UI_LANGUAGES_NATIVE\n} from '../../constants';\nimport paths from '../../paths';\nimport { resetOnboarding, changeLanguage, closeSidenav } from '../actions';\nimport { onboardingTipsSelector } from '../reducers/onboarding';\nimport { getCurrentLanguage } from '../selectors/language';\nimport Menu, { MenuItem, SubmenuItem } from '../components/Menu';\nimport Drawer from '../components/Drawer';\nimport Progress from '../components/Progress';\nimport ProfileCard from '../components/ProfileCard';\nimport { renderWhenAuthenticated, renderWhenAdmin } from './authorization';\nimport localiseUserName from '../../utils/localiseUserName';\nimport { getWorkPosition } from '../../profile/getters';\nimport { ownProfileSelector } from '../../profile/state/profile';\nimport { getUserAvatar } from '../getters/users';\nimport { AuthContext } from '../../authentication/components/AuthProvider';\n\nconst AdminMenuItem = renderWhenAdmin(MenuItem);\n\nfunction Sidenav({\n avatar,\n changeLanguage,\n closeSidenav,\n currentLanguage,\n opened,\n resetOnboarding,\n t,\n tips,\n title,\n userName\n}) {\n const authCtx = useContext(AuthContext);\n\n const handleLanguageClick = useCallback(\n lang => {\n changeLanguage(lang);\n closeSidenav();\n },\n [changeLanguage, closeSidenav]\n );\n\n return (\n \n
\n {children && {children}
}\n \n \n {evalCount}{' '}\n {t('ideaConcept/evaluation/collection', { count: evalCount })}\n \n \n )}\n \n ) : (\n EMPTY_NUMBER\n );\n };\n\n renderStatus = ({ rowData }) => (\n
\n \n {evalCount}{' '}\n {t('ideaConcept/evaluation/collection', { count: evalCount })}\n \n \n ) : (\n {EMPTY_NUMBER}\n )}\n
\n \n {0 < size(evaluation.scores) ? (\n {label}\n ) : (\n {EMPTY_NUMBER}\n )}\n \n
\n );\n })}\n \n );\n }\n};\n\nexport default averageScore;\n","import React from 'react';\nimport truncate from 'lodash/truncate';\nimport { Link } from 'react-router-dom';\nimport Spinner from '@bit/be-novative.kit.spinner';\nimport Avatar from '../../../../common/components/Avatar';\nimport Ellipsis from '../../../../common/components/Ellipsis';\nimport Icon from '../../../../common/components/Icon';\nimport { getUserId } from '../../../../common/getters/users';\nimport { Size } from '../../../../constants';\nimport { conceptSubpage } from '../../../paths';\nimport { getTitle, getIdeaConceptId } from '../../../selectors/ideaConcepts';\nimport { AlignedCellContent } from '../ConceptTable.styled';\nimport getUserEvals from './getUserEvals';\n\nconst conceptTitle = {\n main: (t, concept, onExpand, expandState = 'closed') => (\n \n \n \n
\n );\n}\n\nexport default translate()(CommentDisplay);\n","import React from 'react';\nimport { getIdeaConceptId } from '../../../selectors/ideaConcepts';\nimport { AlignedCellContent } from '../ConceptTable.styled';\nimport getUserEvals from './getUserEvals';\n\nexport default function ExpandedCommentCell({ as: DisplayComponent, concept }) {\n return (\n <>\n {/* Whitespace for \"Reviewed by\" label in row header cell */}\n \n {getUserEvals(concept)\n .map(evaluation => evaluation.user.userId)\n .map(authorId => (\n \n {status === AsyncStatus.Loading && (\n \n {stripHTML(text) ? (\n {stripHTML(text)}\n ) : (\n \n {t('common/Empty', { context: 'parens' })}\n \n )}\n \n )}\n {status === AsyncStatus.Failed && (\n \n {t('ideaConcept/evaluation/comment/loadFailed')}\n
\n \n \n )}\n
\n \n \n \n )}\n
\n \n {getTitle(challenge)}\n \n
\n );\n}\n\nexport default ChallengeRow;\n","import React from 'react';\nimport includes from 'lodash/includes';\nimport PropTypes from 'prop-types';\nimport ChallengeRow from './ChallengeRow';\n\nChallengeList.propTypes = {\n items: PropTypes.arrayOf(PropTypes.string),\n onSelect: PropTypes.func.isRequired,\n selections: PropTypes.arrayOf(PropTypes.string)\n};\nChallengeList.defaultProps = {\n items: [],\n selections: []\n};\nfunction ChallengeList({ items, onSelect, selections }) {\n return items.map(challengeId => (\n \n {t('challenge/filterForm/search/empty')}\n
\n )}\n\n \n {chosenChallengeCount > 0 && (\n \n )}\n
\n );\n}\n\nexport default translate()(FilterStatus);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { translate } from 'react-i18next';\nimport useCanReviewConcepts from '../../hooks/useCanReviewConcepts';\nimport { conceptEvalPage } from '../../paths';\nimport Button from '@bit/be-novative.kit.button';\nimport StageTabRow from './StageTabRow';\nimport FilterControls from './FilterControls';\nimport FilterStatus from './FilterStatus';\nimport scss from './ConceptListToolbar.module.scss';\n\nConceptListToolbar.propTypes = {\n hasContent: PropTypes.bool\n};\nfunction ConceptListToolbar({ hasContent, t }) {\n const showReviewButton = useCanReviewConcepts();\n const disableReview = !hasContent;\n\n return (\n <>\n \n \n {t('ideaConcepts/listPage/reviewConceptsCTA')}\n \n )}\n
\n \n
\n )}\n {!hasContent && !loading && (\n \n \n
\n )}\n {description}
}\n\n
\n
\n
\n \n );\n}\n\nexport default compose(\n withModal(),\n translate()\n)(CommentDisplayModal);\n","import React, { useCallback } from 'react';\nimport { translate } from 'react-i18next';\nimport { useDispatch } from 'react-redux';\nimport { useHistory } from 'react-router-dom';\nimport FeatureFlag from '../../../featureFlags/constants';\nimport { getPlatformName } from '../../../utils/platform';\nimport { inlineHelpViewed } from '../../../common/actions/metrics';\nimport { openConceptEditor, openQuickConceptFormMetrics } from '../../actions';\nimport ModalRoot from '../../../common/containers/ModalRoot';\nimport SideOverlay from '../../../common/containers/SideOverlay';\nimport ConceptPreview from '../../containers/ConceptPreview';\nimport QuickConceptForm, {\n QuickConceptFormAmdocs\n} from '../../containers/QuickConceptForm';\nimport Button from '@bit/be-novative.kit.button';\nimport BranchByFeature from '../../../common/components/BranchByFeature';\nimport FullScreen from '../../../common/components/FullScreen';\nimport Grid from '../../../common/components/Grid';\nimport Heading from '../../../common/components/Heading';\nimport HelpIcon from '../../../common/components/HelpIcon';\nimport GlobalPageHeader from '../../../common/components/GlobalPageHeader';\nimport Paragraph from '../../../common/components/Paragraph';\nimport ConceptList from '../../components/ConceptList';\nimport ConceptTeamEditor from '../../components/ConceptTeamEditor';\nimport {\n DESCRIBE_IDEA_CONCEPT_FORM,\n CONCEPT_PREVIEW,\n TEAM_EDITOR,\n IdeaConceptImplementationStatus,\n CONCEPT_COMMENT_EDITOR,\n CONCEPT_COMMENT_DISPLAY\n} from '../../constants';\nimport { conceptListPage } from '../../paths';\nimport ConceptReviewerCommentModal from '../../containers/ConceptTable/ConceptReviewerCommentModal';\nimport CommentDisplayModal from '../../containers/ConceptTable/CommentDisplayModal';\nimport './IdeaConceptListPage.css';\nimport { isAmdocsVariant } from '../../../utils/variants';\n\nconst HELP_ID = 'ideaConcepts__concept_definition';\n\nfunction IdeaConceptListPage({ t }) {\n const dispatch = useDispatch();\n const history = useHistory();\n const onInfoClick = useCallback(() => dispatch(inlineHelpViewed(HELP_ID)), [\n dispatch\n ]);\n const handleConceptSubmitSuccess = useCallback(\n function handleConceptSubmitSuccess() {\n history.push(conceptListPage(IdeaConceptImplementationStatus.ACTIVE));\n },\n [history]\n );\n const openNewConceptModal = useCallback(() => {\n dispatch(\n openConceptEditor(null, {\n formTitle: t('ideaConcepts/create/form/title'),\n formSubmitLabel: t('ideaConcepts/create/form/submitCTA'),\n onSubmit: handleConceptSubmitSuccess\n })\n );\n dispatch(openQuickConceptFormMetrics());\n }, [dispatch, t, handleConceptSubmitSuccess]);\n\n return (\n {text}
\n {action}
\n We are very happy to have you on board!
\n\n With Be-novative you can create challenges, ideate on various\n topics, vote on the best suggestions, and source creative\n ideas in minutes. Efficiently tackle complex tasks, just like\n thousands of others globally.\n
\n\n To help you learn the ropes, we created a short guided tour\n for you.\n
\n\n \n \n
\n );\n }\n\n renderLegacyAuth = () => {\n return this.context.loggedIn ? (\n \n {children}\n
\n );\n}\n\nBackdrop.propTypes = {\n onClick: PropTypes.func,\n type: PropTypes.oneOf(['dark', 'light', 'brainstorming']),\n visible: PropTypes.bool\n};\n\nexport default Backdrop;\n","import flow from 'lodash/flow';\nimport get from 'lodash/get';\nimport isEmpty from 'lodash/isEmpty';\nimport { stringify } from 'qs';\nimport client from '../../api';\nimport { CommonException } from '../../api/constants';\nimport { getApiResponseData } from '../../api/utils/apiResponse';\nimport logRequestFailure from '../../api/utils/logRequestFailure';\nimport addBreadcrumb, { Severity } from '../../telemetry/addBreadcrumb';\nimport { mapEvaluationModelToPayload } from '../utils/conceptEvaluation';\nimport validateConceptFilterQuery from '../utils/validateConceptFilterQuery';\n\nfunction getCurrentConcept(payload) {\n return get(payload, 'ideaConcept');\n}\n\n/**\n * Initialises a concept review session by fetching the first item from the API.\n * @param {Object- {children}
\n {BLOCK_TYPES.map(type =>\n
\n );\n};\n\nexport default BlockStyleControls;\n","import React from 'react';\nimport Icon from '../Icon';\nimport StyleButton from './StyleButton';\n\nconst INLINE_STYLES = [\n { label: \n {INLINE_STYLES.map(type =>\n
\n );\n};\n\nexport default InlineStyleControls;\n","import React, { Component } from 'react';\nimport get from 'lodash/get';\nimport noop from 'lodash/noop';\nimport isObject from 'lodash/fp/isObject';\nimport PropTypes from 'prop-types';\nimport { RichUtils, Editor, EditorState } from 'draft-js';\nimport classNames from 'classnames';\nimport { markOverflow } from '@bit/be-novative.kit.richtext-utils';\nimport BlockStyleControls from './BlockStyleControls';\nimport InlineStyleControls from './InlineStyleControls';\nimport './RichText.css';\n\nconst CUSTOM_STYLE_MAP = {\n OVERFLOW: {\n background: '#f7d7d7'\n }\n};\n\nclass RichText extends Component {\n static propTypes = {\n autoFocus: PropTypes.bool,\n editorClassName: PropTypes.string,\n maxLength: PropTypes.number,\n maxTabDepth: PropTypes.number,\n placeholder: PropTypes.string,\n readOnly: PropTypes.bool,\n showToolbar: PropTypes.bool,\n input: PropTypes.shape({\n onChange: PropTypes.func,\n value: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n onFocus: PropTypes.func,\n onBlur: PropTypes.func\n })\n };\n\n static defaultProps = {\n input: { onChange: noop },\n maxTabDepth: 4,\n minHeight: 125,\n showToolbar: true\n };\n\n componentDidMount() {\n if (this.props.autoFocus) {\n this.focus();\n }\n }\n\n setEditorRef = el => {\n this.editor = el;\n };\n\n focus = () => {\n this.editor.focus();\n };\n\n handleKeyCommand = command => {\n const { value, onChange } = this.props.input;\n const newState = RichUtils.handleKeyCommand(value, command);\n if (newState) {\n onChange(newState);\n return true;\n }\n return false;\n };\n\n handleTab = event => {\n const { maxTabDepth, input } = this.props;\n const { value, onChange } = input;\n onChange(RichUtils.onTab(event, value, maxTabDepth));\n };\n\n toggleBlockType = blockType => {\n const { value, onChange } = this.props.input;\n onChange(RichUtils.toggleBlockType(value, blockType));\n };\n\n toggleInlineStyle = inlineStyle => {\n const { value, onChange } = this.props.input;\n onChange(RichUtils.toggleInlineStyle(value, inlineStyle));\n };\n\n handleChange = editorState => {\n const { input, maxLength } = this.props;\n const newState = maxLength\n ? markOverflow(editorState, maxLength, 'OVERFLOW')\n : editorState;\n input.onChange(newState);\n };\n\n render() {\n const {\n placeholder,\n readOnly,\n input,\n meta,\n minHeight,\n className,\n editorClassName,\n children,\n showToolbar\n } = this.props;\n\n const { value, onFocus, onBlur } = input;\n\n let editorState = isObject(value) ? value : EditorState.createEmpty();\n\n const contentState = editorState.getCurrentContent();\n const renderPlaceholder = !contentState.hasText();\n const renderToolbar = showToolbar && !readOnly;\n\n const classes = classNames('RichText', className);\n const editorClasses = classNames('RichText__Editor', editorClassName, {\n 'RichText__Editor--readonly': readOnly,\n 'RichText__Editor--active': get(meta, 'active'),\n 'RichText__Editor--error': get(meta, 'submitFailed') && get(meta, 'error')\n });\n\n return (\n \n {renderToolbar && (\n \n
\n {children}\n \n );\n }\n}\n\nexport default RichText;\n","import RichText from './RichText';\n\nexport default RichText;\n","import random from 'lodash/fp/random';\nimport { VOYAGER_API } from '../../api/constants';\nimport { openModal } from '../../common/actions/modal';\nimport { getContent } from '../../common/selectors/images';\nimport { asyncActionType } from '../../utils';\nimport forceArray from '../../utils/forceArray';\nimport { getImageId } from '../selectors/images';\nimport { IMAGE_SELECTOR_MODAL, S_ID } from '../constants';\nimport {\n normaliseImageReceivedMsg,\n submitImgMsg\n} from '../utils/socketMsg/images';\nimport { storeCanvasItemPosition } from './movement';\n\nexport const sendImage = image => dispatch => {\n const { posX, posY, ...restOfImg } = image;\n const newPosX = image.posX || random(0, 100);\n const newPosY = image.posY || random(0, 100);\n\n return dispatch(submitImgMsg(restOfImg, newPosX, newPosY));\n};\n\nconst UPLOAD_CANVAS_IMAGE = asyncActionType('UPLOAD_CANVAS_IMAGE');\nexport const uploadCanvasImage = (conceptId, canvasType, image) => dispatch =>\n dispatch({\n [VOYAGER_API]: {\n url: `/ideaconcepts/${conceptId}/canvases/${canvasType}/images`,\n method: 'POST',\n data: getContent(image),\n type: UPLOAD_CANVAS_IMAGE\n }\n });\n\nexport const STORE_IMAGES = 'canvas/image/store';\n/**\n * Stores one or more items as canvas images in Redux\n * @param {CanvasImage|CanvasImage[]} payload\n * @returns {import('redux').Action}\n */\nexport const storeImages = payload => ({\n type: STORE_IMAGES,\n payload: forceArray(payload),\n meta: { canvasId: S_ID }\n});\n\nexport const IMAGE_RECEIVED = 'IMAGE_RECEIVED';\nexport const imageReceived = (response, messageType) => dispatch => {\n const image = normaliseImageReceivedMsg(response);\n dispatch({\n type: IMAGE_RECEIVED,\n payload: image,\n meta: { messageType, id: image.imageId, canvasId: S_ID }\n });\n dispatch(\n storeCanvasItemPosition(\n { id: getImageId(image), posX: image.posX, posY: image.posY },\n 'external'\n )\n );\n};\n\nconst DELETE_CANVAS_IMAGE = asyncActionType('DELETE_CANVAS_IMAGE');\nexport const deleteImage = (conceptId, canvasType, imageId) => dispatch =>\n dispatch({\n [VOYAGER_API]: {\n url: `/ideaconcepts/${conceptId}/canvases/${canvasType}/images/${imageId}`,\n method: 'DELETE',\n type: DELETE_CANVAS_IMAGE\n }\n });\n\nexport const IMAGE_DELETED = 'IMAGE_DELETED';\nexport const imageDeleted = (response, messageType) => ({\n type: IMAGE_DELETED,\n payload: response,\n meta: { messageType, canvasId: S_ID }\n});\n\nexport const openImageSelectorModal = onSelect => dispatch => {\n dispatch(\n openModal({\n modalType: IMAGE_SELECTOR_MODAL,\n modalProps: {\n size: 'large',\n isCloseButtonShown: false,\n onImageSelect: onSelect,\n uploadImageType: 'blob'\n }\n })\n );\n};\n","import flow from 'lodash/flow';\nimport { SOCKET_MSG as MSG, S_ID } from '../../constants';\nimport { sendSocketMessage } from '../../../common/actions/socket';\nimport {\n mapPositionToMsg,\n mapPositionFromMsg,\n mapOwnerIdFromMsg\n} from './_mappers';\n\n// Requests\n\nexport const deleteImageMsg = imageId =>\n sendSocketMessage(S_ID, MSG.IMAGE_DELETE_REQ, imageId);\n\nexport const submitImgMsg = (image, posX, posY, posZ, section = null) => {\n const payload = [image, mapPositionToMsg({ posX, posY, posZ }), section];\n return sendSocketMessage(S_ID, MSG.IMAGE_SUBMIT, payload);\n};\n\n// Responses\n\nexport const normaliseImageReceivedMsg = (msg = []) =>\n flow(\n mapPositionFromMsg,\n mapOwnerIdFromMsg\n )(msg);\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport './Progress.css';\n\nfunction Progress({ animate, thickness }) {\n const classes = classNames({\n Progress: true,\n 'Progress--animate': animate,\n [`Progress--${thickness}`]: !!thickness\n });\n return ;\n}\n\nProgress.propTypes = {\n animate: PropTypes.bool,\n thickness: PropTypes.oneOf(['thin', 'thick'])\n};\n\nProgress.defaultProps = {\n animate: false\n};\n\nexport default Progress;\n","import Progress from './Progress';\nexport default Progress;\n","import { SeverityLevel } from '@microsoft/applicationinsights-web';\nimport { Severity } from '../constants';\nexport const AZURE_ROLE_NAME = 'app-web';\n\nexport const MonitoringSeverity = {\n [Severity.Verbose]: SeverityLevel.Verbose,\n [Severity.Info]: SeverityLevel.Information,\n [Severity.Warning]: SeverityLevel.Warning,\n [Severity.Error]: SeverityLevel.Error,\n [Severity.Critical]: SeverityLevel.Critical\n};\n","import forceArray from '../../utils/forceArray';\n\nexport const FILTER_ITEMS_BY = 'FILTER_ITEMS_BY';\nexport const REMOVE_FILTER = 'REMOVE_FILTER';\nexport const REMOVE_FILTER_TYPE = 'REMOVE_FILTER_TYPE';\n\nexport const filterItemsBy = reducerId => (\n key,\n value,\n overwriteExisting = false\n) => ({\n type: FILTER_ITEMS_BY,\n payload: { key, value },\n meta: { reducerId, overwrite: overwriteExisting }\n});\n\nexport const removeAllFiltersWithKey = reducerId => key => ({\n type: REMOVE_FILTER_TYPE,\n payload: key,\n meta: { reducerId }\n});\n\nexport const removeFilter = reducerId => (key, value) => {\n if (!value) {\n return removeAllFiltersWithKey(reducerId)(key);\n }\n\n return {\n type: REMOVE_FILTER,\n payload: { key, value: forceArray(value) },\n meta: { reducerId }\n };\n};\n","import React from 'react';\nimport { Field } from 'redux-form';\nimport { Trans, translate } from 'react-i18next';\nimport { required } from '../../../utils/validation';\nimport { CheckboxFormControl } from '..';\nimport { userConsentKeys } from '../../../constants';\n\nfunction AcceptCheckboxField({ t, name }) {\n return (\n \n {choiceItems}\n
\n );\n }\n}\n\nexport default CheckboxButtonGroup;\n","import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport classNames from 'classnames';\nimport './DumbTextarea.css';\n\nclass DumbTextarea extends Component {\n static propTypes = {\n type: PropTypes.string.isRequired,\n input: PropTypes.object,\n meta: PropTypes.object,\n placeholder: PropTypes.string,\n marked: PropTypes.bool,\n rows: PropTypes.number,\n resizable: PropTypes.bool\n };\n\n static defaultProps = {\n input: { value: '' },\n marked: false,\n type: 'text',\n readOnly: false,\n disabled: false,\n defaultValue: '',\n meta: {},\n rows: 3\n };\n\n focus() {\n if (this.el) {\n this.el.focus();\n }\n }\n\n render() {\n const {\n input,\n meta,\n placeholder,\n marked,\n readOnly,\n disabled,\n defaultValue,\n rounded,\n rows,\n resizable\n } = this.props;\n const { active, touched, error, warning, submitFailed, submitting } = meta;\n\n const classes = classNames('Textarea', {\n 'Textarea--error': (touched || submitFailed || submitting) && error,\n 'Textarea--warning': (touched || submitFailed || submitting) && warning,\n 'Textarea--marked': marked,\n 'Textarea--active': active,\n 'Textarea--rounded': rounded,\n 'Textarea--resizable': resizable\n });\n\n return (\n \n {value && (\n
\n );\n}\n\nexport default ImagePreview;\n","import ImagePreview from './ImagePreview';\n\nexport default ImagePreview;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { CSSTransition } from 'react-transition-group';\nimport './RightSlideTransition.css';\n\nconst ANIM_MS = 300;\n\nRightSlideTransition.propTypes = {\n speed: PropTypes.number\n};\nRightSlideTransition.defaultProps = {\n speed: ANIM_MS\n};\nexport default function RightSlideTransition({ speed, ...props }) {\n return (\n \n {this.state.expanded ? this.renderExpanded() : this.renderTruncated()}\n {isTruncateNecessary && (\n
\n );\n }\n\n renderExpanded = () => this.props.children;\n\n renderTruncated = () => {\n const { children, length } = this.props;\n return truncate(children, { length });\n };\n}\n","import TruncatedText from './TruncatedText';\n\nexport default TruncatedText;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Grid from '../Grid';\n\nTwoColumnLayout.propTypes = {\n main: PropTypes.element.isRequired,\n side: PropTypes.element,\n mainBreakpoints: PropTypes.object,\n sideBreakpoints: PropTypes.object\n};\nTwoColumnLayout.defaultProps = {\n side: null,\n mainBreakpoints: {\n xsGutter: 2,\n md: 10,\n lg: 8,\n xl: 7,\n mdOffset: 1,\n lgOffset: 0,\n xlOffset: 1\n },\n sideBreakpoints: {\n xsGutter: 2,\n lg: 4,\n xl: 3,\n mediaHiddenDown: 'lg'\n }\n};\nfunction TwoColumnLayout({ main, side, mainBreakpoints, sideBreakpoints }) {\n return (\n {cloneElement(triggerComponent, this.getButtonProps())}
\n )}\n \n \n \n {t(\n 'legalUpdate/Please read and accept our updated terms and conditions.'\n )}\n \n \n \n {t('legalUpdate/I have read and agree to the terms and conditions')}\n \n
\n );\n };\n\n renderPrivacyUpdate = () => {\n const { t } = this.props;\n const { checkboxes } = this.state;\n return (\n \n {t(\n 'legalUpdate/Our terms and conditions have changed since your last login. We want you to know exactly how our services works.'\n )}\n
\n\n \n \n {t(\n 'legalUpdate/Please read and accept our updated privacy policy.'\n )}\n \n \n \n {t('legalUpdate/I have read and agree to the privacy policy')}\n \n
\n );\n };\n\n renderDataMgmtUpdate = () => {\n const { t } = this.props;\n const { checkboxes } = this.state;\n return (\n \n {t(\n 'legalUpdate/We want to ensure that your personal information is safe and secure.'\n )}\n
\n{t('legalUpdate/Some changes for you to review!')}
\n\n {shouldShowTermsPrivacyUpdate && this.renderTermsUpdate()}\n {shouldShowTermsPrivacyUpdate && this.renderPrivacyUpdate()}\n\n {shouldShowAccMgmtUpdate && (\n\n \n \n\n {shouldShowDataMgmtUpdate && this.renderDataMgmtUpdate()}\n {shouldShowCookieUpdate && this.renderCookieUpdate()}\n
\n )}\n\n \n {t(\n 'legalUpdate/We would like to make sure you allow us to process your personal information for account management.'\n )}\n
\n{mediaObject}
}\n {children}
\n {align === 'right' && {mediaObject}
}\n - \n {Children.map(children, child => (\n
- {child} \n ))}\n
\n
\n \n
\n \n );\n}\n\nexport default translate()(TutorialButton);\n","import React, { useState, useCallback } from 'react';\nimport get from 'lodash/get';\nimport PropTypes from 'prop-types';\nimport { translate } from 'react-i18next';\nimport { useSelector, useDispatch } from 'react-redux';\nimport { Link, NavLink } from 'react-router-dom';\nimport cn from 'classnames';\nimport EmailConfirmationCallout from '../../containers/EmailConfirmationCallout';\nimport Progress from '../Progress';\nimport NotificationsPopover from '../../../notifications/containers/NotificationsPopover';\nimport NetworkErrorCallout from '../../containers/NetworkErrorCallout';\nimport Avatar from '../Avatar';\nimport Badge from '../Badge';\nimport Button from '@bit/be-novative.kit.button';\nimport Icon from '../Icon';\nimport PageHeader, { Section, Item } from '../PageHeader';\nimport PlatformLogo from '../PlatformLogo';\nimport Popover from '../Popover';\nimport Responsive from '../Responsive';\nimport TutorialButton from '../TutorialButton';\nimport { openSidenav } from '../../actions';\nimport { unreadNotificationCountSelector } from '../../reducers/latestNotifications';\nimport { ownProfileSelector } from '../../../profile/state/profile';\nimport { getUserAvatar } from '../../getters/users';\nimport useTooltip from '../../hooks/useTooltip';\nimport useWindowSize from '../../hooks/useWindowSize';\nimport paths from '../../../paths';\nimport { conceptListPage } from '../../../ideaConcept/paths';\nimport { BREAKPOINTS, Size } from '../../../constants';\nimport { ColorVariantHex } from '../../styled/colors.styled';\nimport localiseUserName from '../../../utils/localiseUserName';\nimport { getPlatformName } from '../../../utils/platform';\nimport scss from './GlobalPageHeader.module.scss';\n\nGlobalPageHeader.propTypes = {\n cta: PropTypes.node,\n lastChild: PropTypes.bool\n};\nGlobalPageHeader.defaultProps = {\n lastChild: true\n};\nfunction GlobalPageHeader({ cta, lastChild, t }) {\n const dispatch = useDispatch();\n const profile = useSelector(ownProfileSelector);\n const avatar = getUserAvatar(profile);\n const userName = localiseUserName(t, profile);\n const avatarTooltipProps = useTooltip(t('common/Profile'), 'down');\n const isConfirmed = get(profile, 'confirmed');\n\n const [showNotifications, setShowNotifications] = useState(false);\n const openNotifMenu = useCallback(() => {\n setShowNotifications(true);\n }, []);\n const closeNotifMenu = useCallback(() => {\n setShowNotifications(false);\n }, []);\n const unreadCount = useSelector(unreadNotificationCountSelector);\n\n const openDrawer = useCallback(() => {\n dispatch(openSidenav());\n }, [dispatch]);\n\n const { width } = useWindowSize();\n const showCompactLogo = width < BREAKPOINTS.SM;\n const logoClasses = cn({\n [scss.alignWithMenu]: !showCompactLogo\n });\n\n return (\n {cta}
\n \n {choices.map(choice => {\n return (\n
\n );\n}\n\nRadioGroup.propTypes = {\n choices: PropTypes.arrayOf(\n PropTypes.shape({\n value: PropTypes.any.isRequired,\n disabled: PropTypes.bool,\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.node])\n })\n ).isRequired,\n initialValue: PropTypes.any,\n name: PropTypes.string.isRequired,\n theme: PropTypes.shape({\n wrapper: PropTypes.string,\n radio: PropTypes.string,\n radioChecked: PropTypes.string,\n radioDisabled: PropTypes.string\n })\n};\n\nexport default RadioGroup;\n","import RadioGroup from './RadioGroup';\nimport Radio from './Radio';\n\nexport { Radio };\nexport default RadioGroup;\n","import get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\n\nexport const isOwn = get('own');\n\nexport const getPosX = getOr(0, 'posX');\n\nexport const getPosY = getOr(0, 'posY');\n\nexport const getZIndex = getOr(1, 'posZ');\n","import React, { Suspense } from 'react';\nimport Spinner from '@bit/be-novative.kit.spinner';\n\nfunction LazyComponent({ children, fallback }) {\n return (\n \n \n {({ input }) => {\n const classes = cn(theme.radio, {\n [theme.radioChecked]: input.checked,\n [theme.radioDisabled]: input.disabled\n });\n return (\n
\n );\n })}\n \n
\n );\n}\n\nAlert.defaultProps = {\n kind: 'info'\n};\n\nAlert.propTypes = {\n actionLabel: PropTypes.string,\n id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n kind: PropTypes.oneOf(['success', 'info', 'warning', 'danger']).isRequired,\n message: PropTypes.string.isRequired,\n onActionClick: PropTypes.func\n};\n\nexport default Alert;\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport groupBy from 'lodash/groupBy';\nimport { useSelector } from 'react-redux';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport { ALERT_TOAST } from '../../../constants/e2e';\nimport Alert from './Alert';\nimport './Alerts.css';\n\nfunction Alerts({\n transitionEnterTimeout = 600,\n transitionLeaveTimeout = 600\n}) {\n const alerts = useSelector(state =>\n state.alerts.map(alert => ({\n ...alert,\n position: alert.position || 'top'\n }))\n );\n const groupedAlerts = groupBy(alerts, 'position');\n\n return (\n {message}
\n {actionLabel &&\n \n \n }\n {status &&\n \n {statusIcon &&
}\n \n {groupedAlerts[position].map(alert => (\n
\n \n \n \n ))}\n ${t('legalCookieBar/title')}
` +\n t('legalCookieBar/description'),\n allow: t('legalCookieBar/accept'),\n deny: t('legalCookieBar/decline'),\n link: t('legalCookieBar/policyLink')\n },\n revokable: false\n };\n }\n\n render() {\n return null;\n }\n}\n\nconst mapStateToProps = state => ({\n language: getCurrentLanguage(state)\n});\n\nexport default compose(\n translate(),\n connect(mapStateToProps)\n)(CookieConsent);\n","import CookieConsent from './CookieConsent';\n\nexport default CookieConsent;\n","import React from 'react';\nimport isEmpty from 'lodash/isEmpty';\nimport { branch, compose, renderNothing } from 'recompose';\nimport Intercom from 'react-intercom';\nimport { connect } from 'react-redux';\nimport { ownProfileSelector } from '../../../profile/state/profile';\nimport { isCookieConsentDenied } from '../../../utils/cookieConsent';\nimport { intercomDimensions } from '../../styled/variables.styled';\n\nconst APP_ID = process.env.REACT_APP_INTERCOM_APP_ID;\nconst { vPadding, hPadding } = intercomDimensions;\n\nIntercomClient.defaultProps = {\n userProfile: {}\n};\nexport function IntercomClient({ userProfile }) {\n const userData = {};\n\n if (!isEmpty(userProfile)) {\n const { firstName, lastName, userId } = userProfile;\n userData.user_id = userId;\n userData.name = `${firstName} ${lastName}`;\n }\n\n return (\n\n {children}\n
\n );\n}\n\nexport default DropdownContent;\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { getDisplayName } from '../../../utils';\n\nconst renderOnCondition = (condition, component = null) => WrappedComponent => {\n function RenderOnCondition({ isVisible, ...rest }) {\n return isVisible ? - \n {choices.map(choice => (\n
- \n
\n
\n );\n }\n}\n\nTimeInput.propTypes = {\n value: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n locale: PropTypes.string\n};\n\nTimeInput.defaultProps = {\n locale: 'en'\n};\n\nexport default TimeInput;\n","import TimeInput from './TimeInput';\n\nexport default TimeInput;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Radio\":\"Radio_Radio__349Iq\",\"checked\":\"Radio_checked__2D1Ut\",\"disabled\":\"Radio_disabled__25cSr\",\"Icon\":\"Radio_Icon__jxiIm\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Wrapper\":\"RadioButtonGroup_Wrapper__38CX2\",\"Item\":\"RadioButtonGroup_Item__1RLgj\",\"checked\":\"RadioButtonGroup_checked__3MgfD\",\"disabled\":\"RadioButtonGroup_disabled__3SrEA\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"PageHeader\":\"PageHeader_PageHeader__26oil\",\"Section\":\"PageHeader_Section__3ADno\",\"last-child\":\"PageHeader_last-child__2_L8Z\",\"Item\":\"PageHeader_Item__39dcQ\"};","import flow from 'lodash/flow';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport { handleActions } from 'redux-actions';\nimport { combineReducers } from 'redux';\nimport { CHALLENGE_PERMISSIONS, FETCH_HASHTAGS } from '../../constants';\n\nconst sendEmailToEveryone = handleActions(\n {\n [CHALLENGE_PERMISSIONS.SUCCESS]: (state, { payload }) =>\n payload.sendEmailToEveryone\n },\n false\n);\n\nconst featuredChallengeCanBeSet = handleActions(\n {\n [CHALLENGE_PERMISSIONS.SUCCESS]: (state, { payload }) =>\n payload.featuredChallengeCanBeSet\n },\n false\n);\n\nconst companyWideChallengeCanBePublished = handleActions(\n {\n [CHALLENGE_PERMISSIONS.SUCCESS]: (state, { payload }) =>\n payload.companyWideChallengeCanBePublished\n },\n true\n);\n\nconst customCreatorCanBeSet = handleActions(\n {\n [CHALLENGE_PERMISSIONS.SUCCESS]: (state, { payload }) =>\n payload.customCreatorCanBeSet\n },\n false\n);\n\nconst hashtags = handleActions(\n {\n [FETCH_HASHTAGS.SUCCESS]: (state, { payload }) => payload\n },\n []\n);\n\nexport default combineReducers({\n sendEmailToEveryone,\n featuredChallengeCanBeSet,\n companyWideChallengeCanBePublished,\n customCreatorCanBeSet,\n hashtags\n});\n\nexport const getChallengeRoot = get('challengeSettings');\nexport const hashtagsSelector = state =>\n flow(\n getChallengeRoot,\n getOr([], 'hashtags')\n )(state);\nexport const isAllSendAllowedSelector = state =>\n flow(\n getChallengeRoot,\n get('sendEmailToEveryone')\n )(state);\nexport const isFeaturedAllowedSelector = state =>\n flow(\n getChallengeRoot,\n get('featuredChallengeCanBeSet')\n )(state);\nexport const isPublicAllowedSelector = state =>\n flow(\n getChallengeRoot,\n get('companyWideChallengeCanBePublished')\n )(state);\nexport const isCreatorEditableSelector = state =>\n flow(\n getChallengeRoot,\n get('customCreatorCanBeSet')\n )(state);\n","import { useState } from 'react';\nimport throttle from 'lodash/throttle';\nimport useMountEffect from './useMountEffect';\n\n// Based on\n// Added `useMountEffect` and throttling options\n/**\n * Returns the viewport width and height.\n * Based on https://usehooks.com/useWindowSize/,\n * but added internal `useMountEffect` hook\n * and throttling options.\n * @param {Object} options\n * @param {number} [options.throttleMs] - Optional sampling interval in milliseconds. Defaults to `150`.\n * @returns {{ width: number, height: number }} The current viewport size\n */\nexport default function useWindowSize(options = { throttleMs: 100 }) {\n const isClient = typeof window === 'object';\n\n function getSize() {\n return {\n width: isClient ? window.innerWidth : undefined,\n height: isClient ? window.innerHeight : undefined\n };\n }\n\n const [windowSize, setWindowSize] = useState(getSize);\n\n useMountEffect(() => {\n if (!isClient) {\n return false;\n }\n\n const handleResize = throttle(() => {\n setWindowSize(getSize());\n }, options.throttleMs);\n\n function maybeResize() {\n handleResize();\n }\n\n window.addEventListener('resize', maybeResize);\n return function cleanUp() {\n window.removeEventListener('resize', maybeResize);\n };\n }, []);\n\n return windowSize;\n}\n","import find from 'lodash/find';\nimport findIndex from 'lodash/findIndex';\nimport flow from 'lodash/flow';\nimport getFp from 'lodash/fp/get';\nimport isEqualFp from 'lodash/fp/isEqual';\nimport {\n createAsyncThunk,\n createSlice,\n createSelector\n} from '@reduxjs/toolkit';\nimport { JOIN_CHALLENGE } from '../../constants';\nimport addBreadcrumb from '../../telemetry/addBreadcrumb';\nimport {\n normalisePhaseChangedWithConfigMsg,\n reqPhaseChangeMsg\n} from '../utils/socketMsg/phases';\n\nconst initialState = {\n canUserChangePhase: false,\n currentPhaseId: null,\n configs: []\n};\n\nconst phasesSlice = createSlice({\n name: 'phases',\n initialState,\n reducers: {\n phaseChangedWithConfig: (state, action) => {\n const { currentPhaseId, phases } = normalisePhaseChangedWithConfigMsg(\n action.payload\n );\n if (!Array.isArray(phases)) {\n throw new Error('phases must be an array, got ' + typeof phases);\n }\n state.currentPhaseId = currentPhaseId;\n state.configs = phases;\n },\n toggleManualChange: (state, action) => {\n state.canUserChangePhase = Boolean(action.payload);\n }\n },\n extraReducers: builder => {\n builder.addCase(JOIN_CHALLENGE.SUCCESS, (state, action) => {\n const { ideationPhaseId, ideationPhases } = action.payload;\n if (!Array.isArray(ideationPhases)) {\n throw new Error('phases must be an array, got ' + typeof phases);\n }\n state.currentPhaseId = ideationPhaseId;\n state.configs = ideationPhases;\n });\n builder.addCase('RESET_IDEATION', () => initialState);\n }\n});\n\nconst rootSelector = getFp(['ideation', 'phases']);\nconst idMatches = (phase, targetId) =>\n flow(\n getFp('id'),\n isEqualFp(targetId)\n )(phase);\nconst getCurrentPhaseId = createSelector(\n rootSelector,\n state => state.currentPhaseId\n);\nconst getAllPhaseConfigs = createSelector(\n rootSelector,\n state => state.configs\n);\nconst getPhaseById = createSelector(\n getAllPhaseConfigs,\n (_, targetId) => targetId,\n (phases, targetId) => find(phases, phase => idMatches(phase, targetId))\n);\nconst getCurrentPhase = createSelector(\n getAllPhaseConfigs,\n getCurrentPhaseId,\n (phases, currentId) => find(phases, phase => idMatches(phase, currentId))\n);\nconst getCurrentPhaseType = createSelector(\n getCurrentPhase,\n getFp('type')\n);\nconst getCanUserChangePhase = createSelector(\n rootSelector,\n state => state.canUserChangePhase\n);\nconst getNextPhaseId = createSelector(\n getAllPhaseConfigs,\n getCurrentPhaseId,\n (phases, currentId) => {\n const currentIx = findIndex(\n phases,\n flow(\n getFp('id'),\n isEqualFp(currentId)\n )\n );\n if (currentIx === phases.length) {\n addBreadcrumb(\n new Error('Range error: Trying to go past final ideation phase', {\n category: 'ideation'\n })\n );\n }\n const nextIx = Math.min(currentIx + 1, phases.length - 1);\n return phases[nextIx].id;\n }\n);\n\nconst selectors = {\n getAllPhaseConfigs,\n getPhaseById,\n getNextPhaseId,\n getCurrentPhase,\n getCurrentPhaseId,\n getCurrentPhaseType,\n getCanUserChangePhase\n};\n\nconst advancePhase = createAsyncThunk('phases/goToNext', (_, thunkApi) => {\n const nextPhaseId = getNextPhaseId(thunkApi.getState());\n // Socket messages don't have replies (apart from successfully delivering the message),\n // so no need for handling an async response.\n thunkApi.dispatch(reqPhaseChangeMsg(nextPhaseId));\n});\n// TODO is there an idiomatic way for augmenting the state slice actions?\nphasesSlice.actions.advancePhase = advancePhase;\n\nexport { initialState, selectors };\nexport default phasesSlice;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { compose } from 'redux';\nimport { closeModal } from '../../../common/actions';\nimport withModal from '../../containers/withModal';\nimport { Button, Panel } from '../';\nimport './ConfirmDialog.css';\n\nexport class ConfirmDialog extends Component {\n static propTypes = {\n title: PropTypes.string.isRequired,\n text: PropTypes.string.isRequired,\n okLabel: PropTypes.string.isRequired,\n cancelLabel: PropTypes.string.isRequired,\n okCallback: PropTypes.func,\n cancelCallback: PropTypes.func,\n autoClose: PropTypes.bool,\n isLoading: PropTypes.bool,\n variant: PropTypes.string\n };\n\n static defaultProps = {\n okCallback: () => {},\n cancelCallback: () => {},\n variant: 'primary',\n autoClose: true\n };\n\n onConfirm = () => {\n const { autoClose, closeModal, okCallback } = this.props;\n\n okCallback();\n\n if (autoClose) {\n closeModal();\n }\n };\n\n onCancel = () => {\n const { closeModal, cancelCallback } = this.props;\n\n cancelCallback();\n closeModal();\n };\n\n render() {\n const className = 'ConfirmDialog';\n const {\n title,\n text,\n children,\n okLabel,\n cancelLabel,\n variant,\n isLoading\n } = this.props;\n\n return (\n {title}
\n\n
\n \n {text}
\n {children}\n\n \n \n {shouldShowNavToDefaultTab && (\n tabs.setType(defaultType)}>\n \n {t(`common/imagePicker/${defaultType}/navButton`)}\n \n \n )}\n \n \n tabs.setType(GOOGLE)}\n style={{ marginLeft: 5 }}>\n tabs.setType(UPLOADED)}\n style={{ marginLeft: 5 }}>\n \n \n
\n );\n}\n\nexport default withModal()(ImageSearchModal);\n","import GoogleImagesTab from './GoogleImagesTab';\nimport ImageSearchModal from './ImageSearchModal';\nimport PresetTab from './PresetTab';\nimport UploadImageTab from './UploadImageTab';\nimport useActiveImagePicker from './useActiveImagePicker';\n\nexport default ImageSearchModal;\nexport { GoogleImagesTab, PresetTab, UploadImageTab, useActiveImagePicker };\n","import { openModal } from '../../common/actions';\nimport { BASIC_CONCEPT_EDITOR } from '../../challengeResults/constants';\nimport {\n ACTIVITIES_EDITOR,\n BENEFITS_EDITOR,\n CONCEPT_FIELD_EDITOR,\n CONCEPT_MAP_PREVIEW,\n CONCEPT_PREVIEW,\n CONCEPT_OWNER_FORM,\n COSTS_EDITOR,\n DESCRIBE_IDEA_CONCEPT_FORM,\n TEAM_EDITOR\n} from '../constants';\nimport { CanvasBackgroundType } from '../../ideaConceptCanvas/constants';\n\nexport const openConceptEditor = (\n ideaConceptId,\n props = {\n customFormPayload: null,\n expanded: false,\n focusedField: null,\n formTitle: null,\n formSubmitLabel: null,\n onSuccess: undefined\n }\n) => dispatch =>\n dispatch(\n openModal({\n modalType: DESCRIBE_IDEA_CONCEPT_FORM,\n modalProps: {\n customFormPayload: props.customFormPayload,\n expanded: props.expanded,\n focusedField: props.focusedField,\n formTitle: props.formTitle,\n formSubmitLabel: props.formSubmitLabel,\n ideaConceptId,\n itsATrap: true,\n onSuccess: props.onSuccess,\n size: 'large'\n }\n })\n );\n\nexport const openConceptPreview = ideaConceptId => dispatch =>\n dispatch(\n openModal({\n modalType: CONCEPT_PREVIEW,\n modalProps: {\n ideaConceptId\n }\n })\n );\n\nexport const openConceptOwnerForm = (\n ideaConceptId,\n props = {\n onSubmit: undefined\n }\n) => dispatch =>\n dispatch(\n openModal({\n modalType: CONCEPT_OWNER_FORM,\n modalProps: {\n ideaConceptId,\n itsATrap: true,\n onSubmit: props.onSubmit\n }\n })\n );\n\nexport const openBasicConceptEditorModal = (\n ideaConceptId,\n props = {\n onSubmit: undefined\n }\n) => dispatch =>\n dispatch(\n openModal({\n modalType: BASIC_CONCEPT_EDITOR,\n modalProps: {\n ideaConceptId,\n itsATrap: true,\n onSubmitSuccess: props.onSubmit,\n size: 'large'\n }\n })\n );\n\nexport const openConceptFieldEditorModal = (\n ideaConceptId,\n fieldName,\n props = {\n onSubmit: undefined,\n isRequired: false,\n title: ''\n }\n) => dispatch =>\n dispatch(\n openModal({\n modalType: CONCEPT_FIELD_EDITOR,\n modalProps: {\n ideaConceptId,\n fieldName,\n itsATrap: true,\n onSubmitSuccess: props.onSubmit,\n isRequired: props.isRequired,\n size: 'large',\n title: props.title\n }\n })\n );\n\nexport const openActivitiesEditorModal = (\n ideaConceptId,\n props = {\n onSubmit: undefined,\n isRequired: false\n }\n) =>\n openModal({\n modalType: ACTIVITIES_EDITOR,\n modalProps: {\n ideaConceptId,\n itsATrap: true,\n onSubmitSuccess: props.onSubmit,\n isRequired: props.isRequired,\n size: 'large'\n }\n });\n\nexport const openBenefitsEditorModal = (\n ideaConceptId,\n props = {\n onSubmit: undefined,\n isRequired: false\n }\n) =>\n openModal({\n modalType: BENEFITS_EDITOR,\n modalProps: {\n ideaConceptId,\n isRequired: props.isRequired,\n itsATrap: true,\n onSubmitSuccess: props.onSubmit,\n size: 'large'\n }\n });\n\nexport const openCostsEditorModal = (\n ideaConceptId,\n props = {\n onSubmit: undefined,\n isRequired: false\n }\n) =>\n openModal({\n modalType: COSTS_EDITOR,\n modalProps: {\n ideaConceptId,\n isRequired: props.isRequired,\n itsATrap: true,\n onSubmitSuccess: props.onSubmit,\n size: 'large'\n }\n });\n\nexport const openTeamEditorModal = (\n ideaConceptId,\n props = {\n onSubmit: undefined\n }\n) =>\n openModal({\n modalType: TEAM_EDITOR,\n modalProps: {\n ideaConceptId,\n itsATrap: true,\n onSubmitSuccess: props.onSubmit,\n size: 'large'\n }\n });\n\nexport const openConceptMapModal = (ideaConceptId, ideas, title) =>\n openModal({\n modalType: CONCEPT_MAP_PREVIEW,\n modalProps: {\n backdropType: 'light',\n canvasType: CanvasBackgroundType.ConceptMap,\n ideaConceptId,\n ideas,\n title,\n size: 'full'\n }\n });\n","import React from 'react';\nimport classNames from 'classnames';\nimport './MutedText.css';\n\nMutedText.defaultProps = {\n tag: 'div'\n};\n\nfunction MutedText({ children, className, tag: Tag, ...rest }) {\n const classes = classNames(className, 'MutedText');\n return (\n \n \n {t('common/userAction/close')} \n \n
\n \n \n {({ measureRef, contentRect }) => (\n \n {headerRowRenderer({\n className: 'Table__HeaderRow',\n columns: this.getHeaderColumns([fixedColumn]),\n dimensions: contentRect.bounds,\n width: '100%'\n })}\n {times(rowCount, index =>\n this.createRow({\n rowIndex: index,\n key: `Row${index}`,\n columns: [\n this.createColumn({\n column: fixedColumn,\n columnIndex: 0,\n rowData: rowGetter({ index }),\n rowIndex: index\n })\n ]\n })\n )}\n
\n )}\n \n \n {headerRowRenderer({\n className: 'Table__HeaderRow',\n columns: this.getHeaderColumns(fluidColumns),\n dimensions: contentRect.bounds,\n width: fluidColumns.reduce(\n (acc, column) => acc + column.props.width,\n 0\n )\n })}\n {times(rowCount, index =>\n this.createRow({\n rowIndex: index,\n key: `Row${index}`,\n columns: fluidColumns.map((column, columnIndex) =>\n this.createColumn({\n column,\n columnIndex: columnIndex + 1,\n rowData: rowGetter({ index }),\n rowIndex: index\n })\n )\n })\n )}\n
\n )}\n \n {children}\n {isComponent ? (\n \n {visible ? value : null}\n
\n ) : (\n \n {children}\n {isCloseButtonShown &&
\n \n );\n }\n}\n\nModal.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n isCloseButtonShown: PropTypes.bool,\n isOpen: PropTypes.bool.isRequired,\n itsATrap: PropTypes.bool, // @see https://gph.to/2GUc0wy\n onClose: PropTypes.func,\n overlay: PropTypes.oneOf(['brainstorming', 'dark', 'light']),\n size: PropTypes.oneOf(['small', 'medium', 'large', 'full'])\n};\n\nModal.defaultProps = {\n isCloseButtonShown: false,\n itsATrap: false,\n overlay: 'dark',\n rounded: false,\n size: 'medium'\n};\n\nexport default Modal;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\nimport Button from '@bit/be-novative.kit.button';\nimport Modal from './Modal';\nimport Panel from '../Panel';\n\nfunction Alert({\n isOpen,\n confirmButtonText,\n cancelButtonText,\n onCancel,\n onConfirm,\n children\n}) {\n const footerClasses = cn('modal__footer', {\n 'modal__footer--confirm': onCancel\n });\n\n return (\n \n {onCancel && (\n \n )}\n \n
\n \n \n
\n );\n }\n\n if (shouldShowPicker) {\n return (\n \n
\n );\n }\n\n const url = value.url || prependBase64Content(value.content);\n\n return (\n \n
\n );\n}\n\nexport default translate()(ConceptImageInput);\n","import React, { cloneElement } from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\nimport './Embed.css';\n\nfunction Embed(props) {\n const { children, ratio } = props;\n return (\n \n 
\n
\n \n \n \n
\n \n {cloneElement(children, { className: 'Embed__Item' })}\n
\n );\n}\n\nEmbed.propTypes = {\n ratio: PropTypes.oneOf(['16by9'])\n};\n\nEmbed.defaultProps = {\n ratio: '16by9'\n};\n\nexport default Embed;\n","import Embed from './Embed';\n\nexport default Embed;\n","import PropTypes from 'prop-types';\nimport useFeatureFlag from '../../hooks/useFeatureFlag';\n\nBranchByFeature.propTypes = {\n fallbackComponent: PropTypes.node,\n feature: PropTypes.string.isRequired\n};\nfunction BranchByFeature({ children, fallbackComponent, feature }) {\n const isFeatureEnabled = useFeatureFlag(feature);\n\n if (isFeatureEnabled) {\n return children;\n } else if (fallbackComponent) {\n return fallbackComponent;\n } else {\n return null;\n }\n}\n\nexport default BranchByFeature;\n","import BranchByFeature from './BranchByFeature';\n\nexport default BranchByFeature;\n","import React from 'react';\nimport './Dot.css';\n\nfunction Dot(props) {\n return (\n \n •\n \n );\n}\n\nexport default Dot;\n","import Dot from './Dot';\n\nexport default Dot;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { translate } from 'react-i18next';\nimport cn from 'classnames';\nimport Backdrop from '../Backdrop';\nimport Button from '@bit/be-novative.kit.button';\nimport Icon, { ICON_SIZES } from '../Icon';\nimport Heading from '../Heading';\nimport Popover from '../Popover';\nimport './HelpIcon.css';\n\nconst baseClass = 'HelpIcon';\n\nexport const Tip = ({ title, description }) => (\n \n \n {title}\n \n
\n);\n\nexport const FooterButton = ({ onClick, t }) => (\n {description}
\n\n \n {t('common/helpIconCloseActionLabel')}\n \n
\n);\n\nconst TranslatedFooterButton = translate()(FooterButton);\n\nHelpIcon.propTypes = {\n iconClass: PropTypes.string,\n iconSize: PropTypes.oneOf(ICON_SIZES)\n};\nHelpIcon.defaultProps = {\n iconSize: 'md'\n};\nexport function HelpIcon({\n children,\n className,\n description,\n iconClass,\n iconSize,\n title\n}) {\n const [isOpen, setIsOpen] = useState(false);\n\n const handleOpen = () => setIsOpen(true);\n const handleClose = () => setIsOpen(false);\n\n return (\n \n \n {t('common/imagePicker/preset/title')}\n
\n{t('common/imagePicker/uploaded/title')}
\n{t('common/imagePicker/uploaded/help')}
}\n {error && (\n\n {t('common/imagePicker/error/imageUploadFailed')}\n
\n {t('common/imagePicker/error/uploadedImageInvalid', {\n types: ACCEPT_TYPES.join(', '),\n size: `${MB_MAX_SIZE}Mb`\n })}\n
\n
\n )}\n {renderInline(value)}
;\n }\n\n return (\n \n {!edit && (\n \n {renderInline(value)}{' '}\n \n \n \n
\n )}\n \n );\n }\n }\n\n InlineEditable.displayName = `inlineEditable(${getDisplayName(\n WrappedComponent\n )})`;\n\n return compose(\n translate(),\n withHandleClickOutside\n )(InlineEditable);\n}\n","import React, { Component } from 'react';\nimport cn from 'classnames';\nimport './CircleSpinner.css';\n\nlet id = 0;\n\nclass CircleSpinner extends Component {\n instanceId = ++id;\n circles = [160, 150, 135];\n\n render() {\n const gradientId = `CircleSpinner__LinearGradient${this.instanceId}`;\n return (\n \n \n {meta.error || t('common/saveFailed')}\n
\n )}\n \n \n {t('common/imagePicker/external/title')}\n
\n\n \n {t('common/imagePicker/external/help')}\n \n
\n\n
\n \n );\n }\n}\n\nexport default DateTimeInput;\n","import DateTimeInput from './DateTimeInput';\n\nexport default DateTimeInput;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { TransitionGroup } from 'react-transition-group';\nimport Button from '@bit/be-novative.kit.button';\nimport Dropdown, { DropdownContent } from '../Dropdown';\nimport Icon from '../Icon';\nimport FadeTransition from '../FadeTransition';\nimport Responsive from '../Responsive';\nimport { SUPPORTED_UI_LANGUAGES_NATIVE } from '../../../constants';\n\nLanguageDropdown.propTypes = {\n currentLanguage: PropTypes.string.isRequired,\n availableLanguages: PropTypes.array.isRequired,\n onChange: PropTypes.func.isRequired\n};\nexport default function LanguageDropdown({\n currentLanguage,\n availableLanguages,\n onChange\n}) {\n const currentLang = SUPPORTED_UI_LANGUAGES_NATIVE[currentLanguage];\n\n return (\n \n \n
\n )}\n \n \n \n \n \n \n {currentLang}\n \n\n \n {isActive && (\n \n \n {availableLanguages.map(lang => (\n handleSelect(lang)}\n variant=\"secondary\"\n fillParent>\n {SUPPORTED_UI_LANGUAGES_NATIVE[lang]}\n \n ))}\n \n \n )}\n \n
\n )}\n \n \n \n \n )}\n {isLoading && \n {t('common/imagePicker/error/imageLoadFailed')}\n \n )}\n
\n );\n}\n\nexport default translate()(ImageGallery);\n","import { useCallback, useMemo, useState } from 'react';\n\nexport default function useImageFetch(resource) {\n if (typeof resource.fetch !== 'function') {\n throw new Error('resource.fetch must be a function');\n }\n const [images, setImages] = useState([]);\n const [pageIx, setPageIx] = useState(0);\n const [isLoading, setIsLoading] = useState(false);\n const [hasError, setHasError] = useState(false);\n const handleFetch = useCallback(async () => {\n try {\n setIsLoading(true);\n setHasError(false);\n const result = await resource.fetch(pageIx);\n setImages(prevImages => prevImages.concat(result));\n setIsLoading(false);\n setPageIx(ix => ix + 1);\n } catch (error) {\n setIsLoading(false);\n setHasError(true);\n }\n }, [pageIx, resource]);\n\n return useMemo(\n () => ({\n images,\n pageIx,\n isLoading,\n hasError,\n fetch: handleFetch,\n reset: () => setImages([])\n }),\n [images, pageIx, isLoading, hasError, handleFetch]\n );\n}\n","/* eslint-disable */\nimport React, { useState, useCallback, useEffect, useRef } from 'react';\nimport get from 'lodash/get';\nimport isEqual from 'lodash/isEqual';\nimport size from 'lodash/size';\nimport zipObject from 'lodash/zipObject';\nimport * as Sentry from '@sentry/browser';\nimport useInterval from '../../../common/hooks/useInterval';\nimport { getPlatformName } from '../../../utils/platform';\nimport addBreadcrumb, { Severity } from '../../../telemetry/addBreadcrumb';\nimport {\n FEATURE_FLAG_FIRST_LOAD_ERROR_TIMEOUT_MS,\n FEATURE_FLAG_FIRST_LOAD_TIMEOUT_MS,\n FEATURE_FLAG_UPDATE_INTERVAL_MS\n} from '../../config';\nimport { getAllFeatureFlagKeys, getFeatureFlagAsync } from '../../client';\nimport BootstrapSpinner from '../../../common/components/BootstrapSpinner';\n\nconst targetingData = { custom: { platformName: getPlatformName() } };\n\nfunction FeatureFlagProvider({ children }) {\n const [isLoadingSlowly, setIsLoadingSlowly] = useState(false);\n const slowErrorReportTimerRef = useRef();\n\n const [hasReportedError, setHasReportedError] = useState(false);\n const slowLoadTimerRef = useRef();\n const reportLoadError = useCallback(\n function reportLoadError() {\n if (hasReportedError) {\n addBreadcrumb('Feature flags not loaded within time limit', {\n category: 'bootstrap',\n level: Severity.Critical\n });\n Sentry.captureException();\n setHasReportedError(true);\n }\n },\n [hasReportedError]\n );\n\n const [flagKeys, setFlagKeys] = useState([]);\n const [flags, setFlags] = useState({});\n const hasLoadedFlags = size(flags) > 0;\n const getFlagKeys = useCallback(() => getAllFeatureFlagKeys(setFlagKeys), []);\n\n useEffect(\n function beginInitialLoad() {\n const isLoadingForFirstTime = !hasLoadedFlags;\n\n if (isLoadingForFirstTime) {\n slowLoadTimerRef.current = setTimeout(() => {\n setIsLoadingSlowly(true);\n }, FEATURE_FLAG_FIRST_LOAD_TIMEOUT_MS);\n\n slowErrorReportTimerRef.current = setTimeout(\n reportLoadError,\n FEATURE_FLAG_FIRST_LOAD_ERROR_TIMEOUT_MS\n );\n\n getFlagKeys();\n } else {\n clearTimeout(slowLoadTimerRef.current);\n clearTimeout(slowErrorReportTimerRef.current);\n }\n },\n [hasLoadedFlags, flagKeys, getFlagKeys, reportLoadError]\n );\n\n useInterval(getFlagKeys, FEATURE_FLAG_UPDATE_INTERVAL_MS);\n\n useEffect(\n function syncFlags() {\n async function sync() {\n const latestValues = await Promise.all(\n flagKeys.map(key => getFeatureFlagAsync(key, null, targetingData), {})\n );\n const latestFlags = zipObject(flagKeys, latestValues);\n\n if (!isEqual(flags, latestFlags)) {\n setFlags(latestFlags);\n }\n }\n sync();\n },\n [flags, flagKeys]\n );\n\n const getter = useCallback(flagId => get(flags, flagId, null), [flags]);\n\n const showSpinner = !hasLoadedFlags && isLoadingSlowly;\n\n return (\n \n {/* Google search results have identical URLs that can't be used as keys */}\n {images.map((image, ix) => (\n \n ))}\n
\n {images.length > 0 && (\n \n \n \n )}\n
\n {t('bootstrap/warning')}
\n\n
{description}
\n \n\n {validationError} \n )}\n
\n );\n };\n\n renderTag = props => {\n const { input, renderTag, getTagClassName, label } = this.props;\n const {\n tag,\n key,\n className,\n classNameRemove,\n disabled,\n onRemove,\n getTagDisplayValue,\n ...other\n } = props;\n const getDisplayVal = isFunction(this.props.getTagDisplayValue)\n ? this.props.getTagDisplayValue\n : getTagDisplayValue;\n const tagClasses = classNames(className, getTagClassName(tag));\n const showDeleteBtn = !disabled && !input.disableDelete;\n\n return (\n \n {renderTag(getDisplayVal(tag))}\n {showDeleteBtn && (\n - \n {map(items, (item, index) => (\n
- \n
{item}\n \n ))}\n
\n {disablePrevBtn ? (\n \n ) : (\n \n \n
\n );\n}\n","import { Field } from 'react-final-form';\nimport withManualDiff from '../withManualDiff';\n\nconst FieldWithManualDiff = withManualDiff()(Field);\n\nexport default FieldWithManualDiff;\n","import FieldWithManualDiff from './FieldWithManualDiff';\n\nexport default FieldWithManualDiff;\n","import PropTypes from 'prop-types';\nimport React, { Component } from 'react';\nimport CopyToClipboard from 'react-copy-to-clipboard';\nimport { compose } from 'redux';\nimport { translate } from 'react-i18next';\nimport { connect } from 'react-redux';\nimport * as actions from '../../../common/actions';\nimport { Button, Modal, Panel, Grid, Icon } from '../../../common/components';\n\nclass ShareModal extends Component {\n static propTypes = {\n closeModal: PropTypes.func.isRequired,\n opts: PropTypes.object,\n sendAlert: PropTypes.func.isRequired,\n shareButtonClick: PropTypes.func,\n showLinkCopy: PropTypes.bool,\n subtitle: PropTypes.string,\n title: PropTypes.string,\n url: PropTypes.string.isRequired\n };\n\n static defaultProps = {\n shareButtonClick: () => {},\n showLinkCopy: true\n };\n\n copyToClipboard = () => {\n const { sendAlert, copyToClipboardClicked, url, t } = this.props;\n\n copyToClipboardClicked();\n\n this.inputEl.focus();\n this.inputEl.setSelectionRange(0, url.length);\n\n sendAlert({\n message: t('common/Link copied to clipboard'),\n kind: 'success'\n });\n };\n\n setInputRef = el => {\n this.inputEl = el;\n };\n\n render() {\n const { t, url, title, subtitle, showLinkCopy, closeModal } = this.props;\n\n return (\n {title || t('common/Share this')}
\n\n {subtitle}\n
\n\n
\n {closeButton}
\n \n );\n }\n}\n\nDateTimeRangePicker.propTypes = {\n closeButton: PropTypes.element,\n locale: PropTypes.string,\n onBlur: PropTypes.func,\n onChange: PropTypes.func.isRequired,\n onFocus: PropTypes.func,\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string)\n ])\n};\n\nDateTimeRangePicker.defaultProps = {\n locale: 'en',\n onChange: () => {}\n};\n\nexport default DateTimeRangePicker;\n","import DateTimeRangePicker from './DateTimeRangePicker';\n\nexport default DateTimeRangePicker;\n","import React from 'react';\nimport get from 'lodash/get';\nimport PropTypes from 'prop-types';\nimport { useSelector } from 'react-redux';\nimport { platformDataSelector } from '../../../common/state/platform';\nimport { getAllowedEmailDomains } from '../../../common/getters/platform';\nimport { conceptEditorFormFields } from '../../constants';\nimport {\n getConceptFormModelById,\n isQuickIdeaConcept\n} from '../../selectors/ideaConcepts';\nimport useIdeaConcept from '../../hooks/useIdeaConcept';\nimport formConfig from '../../utils/formConfig';\nimport ConceptEditorForm from '../../containers/ConceptEditorForm';\nimport TeamInput from '../TeamInput';\n\nconst { TEAM } = conceptEditorFormFields;\n\nConceptTeamEditor.propTypes = {\n ideaConceptId: PropTypes.string.isRequired,\n t: PropTypes.func.isRequired,\n values: PropTypes.object\n};\nexport function ConceptTeamEditor({ ideaConceptId }) {\n const platformData = useSelector(platformDataSelector);\n const emailRegex = getAllowedEmailDomains(platformData);\n const [concept] = useIdeaConcept(ideaConceptId);\n const isInsight = isQuickIdeaConcept(concept);\n const config = formConfig.getFormConfig({ insightForm: isInsight });\n const formModel = useSelector(getConceptFormModelById(ideaConceptId));\n const values = {\n [TEAM]: get(formModel, TEAM, [])\n };\n\n return (\n \n
\n \n
\n );\n}\n\nNavbar.propTypes = {\n children: PropTypes.node.isRequired,\n right: PropTypes.node,\n fixed: PropTypes.oneOf(['bottom']),\n layout: PropTypes.oneOf(['default', 'feed', 'login']),\n className: PropTypes.string\n};\n\nNavbar.defaultProps = {\n layout: 'default'\n};\n\nexport { Navbar };\nexport default withResponsive(Navbar);\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { withResponsive } from '../Responsive';\nimport './NavbarItem.css';\n\nfunction NavbarItem({ children, push = false, ...rest }) {\n const className = classNames(rest.className, 'NavbarItem', {\n 'NavbarItem--push': push\n });\n\n return (\n - {children}
- {right}
- \n {prev &&\n
{closeButton}
\n \n );\n }\n}\n\nDateTimePicker.propTypes = {\n closeButton: PropTypes.element,\n value: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n locale: PropTypes.string,\n labels: PropTypes.shape({\n nextMonth: PropTypes.string,\n previousMonth: PropTypes.string\n })\n};\n\nDateTimePicker.defaultProps = {\n onChange: () => {},\n locale: 'en',\n labels: {\n nextMonth: 'Next Month',\n previousMonth: 'Previouse Month'\n }\n};\n\nexport default DateTimePicker;\n","import DateTimePicker from './DateTimePicker';\n\nexport default DateTimePicker;\n","import PropTypes from 'prop-types';\nimport React, { Component, cloneElement } from 'react';\nimport classNames from 'classnames';\nimport Popover from '../Popover';\nimport Icon from '../Icon';\nimport Button from '@bit/be-novative.kit.button';\nimport {\n formatLocalDateToUTCISOString as formatDate,\n formatUTCISOStringToLocalDate as formatLocal,\n parseLocalDateString as parseLocal\n} from '../../../utils/date';\nimport './DateTimeRangeInput.css';\n\nclass DateTimeRangeInput extends Component {\n static propTypes = {\n picker: PropTypes.node.isRequired,\n fromPlaceholder: PropTypes.string,\n toPlaceholder: PropTypes.string,\n input: PropTypes.shape({\n onBlur: PropTypes.func,\n onChange: PropTypes.func,\n onFocus: PropTypes.func,\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(PropTypes.string)\n ])\n }),\n meta: PropTypes.shape({\n active: PropTypes.bool\n })\n };\n\n constructor(props) {\n super(props);\n const { value = [] } = props.input;\n const [from, to] = value;\n this.state = {\n fromInputValue: formatLocal(from),\n toInputValue: formatLocal(to),\n open: false\n };\n }\n\n componentWillReceiveProps(nextProps) {\n const { value: nextValue } = nextProps.input;\n const { value: prevValue } = this.props.input;\n\n if (!Array.isArray(nextValue)) {\n this.setState(() => ({\n fromInputValue: '',\n toInputValue: ''\n }));\n } else if (nextValue !== prevValue) {\n const [from, to] = nextValue;\n this.setState(() => ({\n fromInputValue: formatLocal(from),\n toInputValue: formatLocal(to)\n }));\n }\n\n if (\n this.props.meta.active !== nextProps.meta.active &&\n nextProps.meta.active &&\n !this.state.open\n ) {\n this.setState(() => ({\n open: nextProps.meta.active\n }));\n }\n }\n\n setFromInputRef = el => {\n this.fromInput = el;\n };\n\n setToInputRef = el => {\n this.toInput = el;\n };\n\n handleFromInputChange = e => {\n const { onChange, value = [] } = this.props.input;\n const [, to] = value;\n const fromLocalDate = parseLocal(e.target.value);\n\n if (fromLocalDate) {\n onChange([formatDate(fromLocalDate), to]);\n } else {\n onChange(null);\n }\n\n this.setState({\n fromInputValue: e.target.value\n });\n };\n\n handleToInputChange = e => {\n const { onChange, value = [] } = this.props.input;\n const [from] = value;\n const toLocalDate = parseLocal(e.target.value);\n\n if (toLocalDate) {\n onChange([from, formatDate(toLocalDate)]);\n } else {\n onChange(null);\n }\n\n this.setState({\n toInputValue: e.target.value\n });\n };\n\n handleBlur = e => {\n const { onBlur, value } = this.props.input;\n onBlur(value);\n };\n\n handleClose = () => {\n this.setState(() => ({\n open: false\n }));\n };\n\n handleIconClick = () => {\n if (this.fromInput) {\n this.fromInput.focus();\n }\n };\n\n render() {\n const { input, meta, picker, fromPlaceholder, toPlaceholder } = this.props;\n const { value, onChange, onFocus } = input;\n const { active, touched, error, warning, submitFailed, submitting } = meta;\n const { fromInputValue, toInputValue, open } = this.state;\n\n const popover = cloneElement(picker, {\n ref: el => (this.picker = el),\n onBlur: this.handleBlur,\n value,\n onChange,\n onFocus,\n closeButton: picker.props.closeButton\n ? cloneElement(picker.props.closeButton, {\n onClick: this.handleClose\n })\n : null\n });\n\n const classes = classNames('DateTimeRangeInput', {\n 'DateTimeRangeInput--error':\n (touched || submitFailed || submitting) && error,\n 'DateTimeRangeInput--warning':\n (touched || submitFailed || submitting) && warning,\n 'DateTimeRangeInput--active': active\n });\n\n return (\n \n
\n \n );\n }\n}\n\nexport default DateTimeRangeInput;\n","import DateTimeRangeInput from './DateTimeRangeInput';\n\nexport default DateTimeRangeInput;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport './Notice.css';\n\nNotice.propTypes = {\n rounded: PropTypes.bool,\n variant: PropTypes.string\n};\nNotice.defaultProps = {\n rounded: true,\n variant: 'notice'\n};\nexport default function Notice({\n children,\n className,\n rounded,\n style,\n variant\n}) {\n const classes = classNames(`NoticePanel--${variant}`, className, {\n 'NoticePanel--isRounded': rounded\n });\n\n return (\n \n \n
\n \n {children}\n
\n );\n}\n","import Notice from './Notice';\n\nexport default Notice;\n","import React from 'react';\nimport './OverlayAction.css';\n\nfunction OverlayAction({ children, action, disabled }) {\n return (\n \n {children}\n {!disabled &&
\n );\n}\n\nexport default OverlayAction;\n","import OverlayAction from './OverlayAction';\n\nexport default OverlayAction;\n","import React from 'react';\nimport './Separator.css';\n\nfunction Separator({ children }) {\n return (\n {action}
}\n \n {children}\n
\n );\n}\n\nexport default Separator;\n","export const CONCEPT_ROOT = 'ideaconcepts';\nexport const CONCEPT_LIST = 'list';\nexport const CONCEPT_SUBPAGE = 'concept';\nexport const CONCEPT_EVALUATION = 'review';\n\nexport function conceptListPage(conceptStage = '') {\n return `/${CONCEPT_ROOT}/${CONCEPT_LIST}/${conceptStage}`;\n}\n\nexport function conceptSubpage(conceptId, bookmark) {\n let path = `/${CONCEPT_ROOT}/${CONCEPT_SUBPAGE}/${conceptId}`;\n if (bookmark) {\n path += `#${bookmark}`;\n }\n return path;\n}\n\n/**\n * Returns the path for the concept evaluation page.\n * @param {IdeaConceptEvaluationFilterKey} filterKey - Specifies what type of filter will be used for fetching concepts for review.\n * @param {string} filterValue - Specifies which concepts will be fetched for review.\n * @param {(\"subpage\" | undefined)} [redirectTo] - Sets where to redirect after a successful review was submitted.\n * @returns {string} The page path with correct query params\n */\nexport function conceptEvalPage(filterKey, filterValue, redirectTo) {\n if (!filterKey || (filterKey !== 'conceptList' && !filterValue)) {\n throw new Error(\n `filterKey and filterValue must be specified. filterKey = ${filterKey}, filterValue = ${filterValue}`\n );\n }\n switch (filterKey) {\n case 'conceptId':\n const target = redirectTo ? `target=${redirectTo}` : '';\n return `/${CONCEPT_ROOT}/${CONCEPT_EVALUATION}?conceptId=${filterValue}&${target}`;\n case 'challengeId':\n return `/${CONCEPT_ROOT}/${CONCEPT_EVALUATION}?challengeId=${filterValue}`;\n case 'conceptList':\n return `/${CONCEPT_ROOT}/${CONCEPT_EVALUATION}?conceptList=true`;\n default:\n throw new Error(`filterKey is invalid: ${filterKey}`);\n }\n}\n\nexport function conceptEvalById(ideaConceptId) {\n return `${conceptSubpage(ideaConceptId)}/review`;\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useSelector } from 'react-redux';\nimport { translate } from 'react-i18next';\nimport { Size } from '../../../constants';\nimport localiseUserName from '../../../utils/localiseUserName';\nimport { getUserEntity } from '../../selectors/users';\nimport { getUserAvatar } from '../../getters/users';\nimport Avatar from '../Avatar';\nimport Media from '../Media';\n\nUserItem.propTypes = {\n userId: PropTypes.string.isRequired\n};\nexport function UserItem({ t, userId }) {\n const user = useSelector(getUserEntity(userId));\n const avatar = getUserAvatar(user);\n const name = localiseUserName(t, user);\n\n return (\n