{header}
\n\n
\n \n \n
\n
\n {!isNil(accountId) && !isNil(contactId) && (\n \n contacts:consent.header \n
\n \n {\n event.preventDefault()\n\n if (isNil(accountId) || isNil(contactId)) {\n return\n }\n\n try {\n baseApi.post(`accounts/${accountId}/contacts/${contactId}/consent-request`)\n\n handleEnqueueSnackbar(\n \n contacts:contact.edit.consent.message\n ,\n { variant: 'success' },\n )\n } catch (err) {\n handleEnqueueSnackbar(\n \n translation:pushNotifications.error.internalServerError.message\n ,\n { variant: 'error' },\n )\n }\n }}\n >\n contacts:contact.edit.buttons.requestConsent \n \n
\n )}\n \n {map(data.consent, (value, key) => (\n
\n \n
\n ))}\n \n {`contacts:contact.consent.status.${key}.header`} \n
\n \n \n {\n evt.preventDefault()\n\n dispatch({\n type: 'setConsent',\n value: { name: key, value: true },\n })\n }}\n >\n contacts:contact.consent.status.yes.title \n \n {\n evt.preventDefault()\n\n dispatch({\n type: 'setConsent',\n value: { name: key, value: false },\n })\n }}\n >\n contacts:contact.consent.status.no.title \n \n {\n evt.preventDefault()\n\n dispatch({\n type: 'setConsent',\n value: { name: key, value: null },\n })\n }}\n >\n contacts:contact.sections.consent.noAnswer \n \n \n
\n \n
\n \n {children}\n
\n )\n }\n}\n","import React, { PureComponent } from 'react'\nimport {\n bool,\n func,\n node,\n string,\n} from 'prop-types'\nimport styled from 'styled-components'\nimport { variables } from 'Assets/Styles'\n\nconst TabItem = styled.li`\n border-bottom: 1px solid ${variables.color.grayLight};\n cursor: pointer;\n display: table-cell;\n list-style: none;\n width: 100px;\n text-align: center;\n user-select: none;\n\n &.active {\n border-bottom: 4px solid ${variables.color.grayLight};\n }\n`\n\nTabItem.propTypes = {\n className: string,\n}\n\nTabItem.defaultProps = {\n className: '',\n}\n\nclass TabLabel extends PureComponent {\n static propTypes = {\n active: bool,\n className: string,\n label: node.isRequired,\n onClick: func,\n }\n\n static defaultProps = {\n active: false,\n className: '',\n onClick: null,\n }\n\n render() {\n const {\n props: {\n active,\n className,\n label,\n onClick,\n },\n } = this\n return (\n \n No tab with key\n {activeKey}\n
\n )\n }\n\n return activeTab\n }\n\n onClick = (activeKey) => {\n this.setState({ activeKey })\n }\n\n renderTabLabels() {\n const {\n props: {\n children,\n labelComponent: LabelCompoment,\n },\n state: {\n activeKey,\n },\n } = this\n\n return children.map(child => (\n \n \n
\n )\n }\n\n render() {\n const {\n account,\n children,\n contact,\n type,\n } = this.props\n\n if (type === CONTACT_TYPE_LIST) {\n return (\n \n {internalTabs}\n
\n \n
\n )\n }\n\n return (\n \n \n \n \n
\n {children}
\n \n
\n )\n }\n}\n","import React from 'react'\nimport { node } from 'prop-types'\nimport styled from 'styled-components'\n\nconst Title = styled.span`\n display: block;\n font-weight: bold;\n font-size: ${props => props.theme.typography.baseFontSize};\n`\n\nconst Value = styled.span`\n display: block;\n font-size: ${props => props.theme.typography.baseFontSize};\n`\n\nconst FieldItem = ({\n title,\n value,\n ...rest\n}) => (\n \n \n {title}\n \n \n {value}\n \n
\n)\n\nFieldItem.propTypes = {\n title: node.isRequired,\n value: node,\n}\n\nFieldItem.defaultProps = {\n value: null,\n}\n\nexport default FieldItem\n","import { get } from 'lodash'\nimport { shape, string } from 'prop-types'\nimport React, { PureComponent } from 'react'\nimport styled from 'styled-components'\nimport { variables } from 'Assets/Styles'\nimport Accordion from 'Components/Accordion'\nimport FieldItem from 'Components/FieldItem'\nimport Panel from 'Components/Panel'\nimport ExternalLink, { getContactUrl } from 'Foundation/ExternalLink'\nimport moment from 'Foundation/Moment'\nimport { Translate } from 'Foundation/Translations'\n\nconst Fields = styled(Panel)`\n > div:not(:last-child) {\n margin-bottom: ${variables.spacing.default};\n }\n`\n\nconst StyledExternalLink = styled(ExternalLink)`\n color: #000;\n cursor: pointer;\n text-decoration: none;\n`\n\nexport default class AboutAccordion extends PureComponent {\n static propTypes = {\n accountId: string.isRequired,\n contactId: string.isRequired,\n fixedFields: shape({}).isRequired,\n }\n\n renderBirthday() {\n const { fixedFields: { dateOfBirth } } = this.props\n\n if (!dateOfBirth) {\n return null\n }\n\n const date = moment.utc(dateOfBirth)\n\n const age = (\n \n {name}\n
\n \n \n \n \n \n {text}\n \n
\n)\n\nActivity.propTypes = {\n className: string,\n color: string.isRequired,\n icon: string.isRequired,\n text: node.isRequired,\n}\n\nActivity.defaultProps = {\n className: '',\n}\n\nexport default Activity\n","import {\n bool,\n number,\n shape,\n string,\n} from 'prop-types'\n\nexport const fixedFieldsPropTypes = shape({\n firstName: string,\n lastName: string,\n email: string,\n landlinePhoneNumber: string,\n mobilePhoneNumber: string,\n})\n\nexport const responsibleUserPropTypes = shape({\n firstName: string,\n lastName: string,\n})\n\nexport const teamPropTypes = shape({\n id: number,\n name: string,\n})\n\nexport const accountPropTypes = shape({\n id: string,\n name: string,\n})\n\nexport const relationsPathPropTypes = shape({\n id: string,\n name: string,\n})\n\nexport const latestActivityPropTypes = shape({\n createdAt: string,\n name: string,\n})\n\nexport const nextTaskPropTypes = shape({\n startAt: string,\n type: string,\n})\n\nexport const casesPropTypes = shape({\n id: string,\n caseNumber: number,\n relationsPath: relationsPathPropTypes,\n latestActivity: latestActivityPropTypes,\n nextTask: nextTaskPropTypes,\n})\n\nexport const taskPropTypes = shape({\n caseNumber: number,\n id: string,\n nextActivityName: string,\n startAt: string,\n type: string,\n})\n\nexport const activityPropTypes = shape({\n activityTypes: shape(),\n communicationChannel: string,\n hasTask: bool,\n hasCorrespondence: bool,\n hasEmailCorrespondence: bool,\n hasLetterCorrespondence: bool,\n hasNote: bool,\n})\n\nexport const campaignPropTypes = shape({\n type: string,\n name: string,\n})\n\nexport const emailPropTypes = shape({\n id: string,\n name: string,\n})\n\nexport const contactTimelinePropTypes = shape({\n activity: activityPropTypes,\n campaign: campaignPropTypes,\n createdAt: string,\n description: string,\n email: emailPropTypes,\n fixedFields: fixedFieldsPropTypes,\n id: string,\n interest: string,\n leadTypeName: string,\n status: string,\n title: string,\n type: string,\n user: responsibleUserPropTypes,\n})\n","import Tooltip from '@material-ui/core/Tooltip'\nimport {\n camelCase,\n find,\n get,\n isEmpty,\n isNull,\n join,\n map,\n upperFirst,\n} from 'lodash'\nimport { instanceOf } from 'prop-types'\nimport React, { Component } from 'react'\nimport styled from 'styled-components'\nimport { variables } from 'Assets/Styles'\nimport Activity from 'Components/Activity'\nimport ActivityHeader from 'Components/ActivityHeader'\nimport moment from 'Foundation/Moment'\nimport {\n activityPropTypes,\n fixedFieldsPropTypes,\n responsibleUserPropTypes,\n} from 'Foundation/PropTypes'\nimport { Translate } from 'Foundation/Translations'\n\nconst TaskWrapper = styled.div`\n padding-top: 8px;\n`\n\nconst ActivityTypeBox = styled.div`\n background-color: ${variables.color.grayLighter};\n border-radius: 5px 5px;\n padding: 5px 5px 0 5px;\n margin-top: 10px;\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: flex-start;\n flex-wrap: wrap;\n`\n\nconst ActivityType = styled.div`\n background-color: #ffffff;\n border-radius: 5px 5px;\n display: flex;\n padding: 4px 6px;\n font-size: 12px;\n font-weight: 600;\n margin-right: 5px;\n margin-bottom: 5px;\n flex-wrap: nowrap;\n\n .name {\n flex: 1;\n padding: 2px 0;\n line-height: 18px;\n }\n`\n\nconst ExtraStep = styled.div`\n background-color: ${variables.color.grayLightest};\n padding: 2px 6px;\n line-height: 18px;\n font-size: 11px;\n border-radius: 2px;\n margin-left: 4px;\n`\n\nconst communicationChannelIcons = {\n call: 'phone',\n email: 'email',\n letter: 'offer',\n meeting: 'contacts',\n none: 'notes',\n}\n\nconst activityTypeTranslations = {\n call: 'callPlanned',\n email: 'emailPlanned',\n letter: 'letterPlanned',\n meeting: 'meetingPlanned',\n remind_me: 'reminderPlanned',\n}\n\nconst activityTypeIcons = {\n call: 'phone',\n email: 'email',\n letter: 'envelope-open',\n meeting: 'contacts',\n remind_me: 'calendar',\n}\n\nexport default class ItemWithActivity extends Component {\n static propTypes = {\n activity: activityPropTypes,\n fixedFields: fixedFieldsPropTypes.isRequired,\n user: responsibleUserPropTypes,\n createdAt: instanceOf(moment).isRequired,\n }\n\n static defaultProps = {\n activity: null,\n user: null,\n }\n\n getActivityType = () => {\n const { activity } = this.props\n const activityTypes = get(activity, 'activityTypesRaw', [])\n const extraSteps = get(activity, 'extraSteps', [])\n\n if (isEmpty(activityTypes)) {\n return null\n }\n\n return map(activityTypes, ({ id, name }) => {\n const items = get(\n find(extraSteps, { activity_id: id }),\n 'extra_steps',\n null,\n )\n\n return (\n \n {name}\n
\n {!isNull(items) && (\n \n \n {name}\n \n
\n )\n}\n\nNoteHeader.propTypes = {\n className: string,\n user: responsibleUserPropTypes.isRequired,\n date: instanceOf(moment).isRequired,\n}\n\nNoteHeader.defaultProps = {\n className: '',\n}\n\nexport default NoteHeader\n","import {\n instanceOf,\n node,\n number,\n string,\n} from 'prop-types'\nimport React, { PureComponent } from 'react'\nimport styled from 'styled-components'\nimport { responsibleUserPropTypes } from 'Foundation/PropTypes'\nimport { variables } from 'Assets/Styles'\nimport TitleBox from 'Components/Boxes/TitleBox'\nimport { NoteHeader } from 'Components/Notes'\nimport moment from 'Foundation/Moment'\nimport { Translate } from 'Foundation/Translations'\n\nconst ListItem = styled.div`\n border: 1px solid ${variables.color.grayLighter};\n border-radius: 5px 5px;\n padding: 10px;\n`\n\nexport default class NotesListItem extends PureComponent {\n static propTypes = {\n caseNumber: number,\n className: string,\n createdAt: instanceOf(moment).isRequired,\n note: node.isRequired,\n user: responsibleUserPropTypes.isRequired,\n }\n\n static defaultProps = {\n caseNumber: 0,\n className: '',\n }\n\n render() {\n const {\n className,\n createdAt,\n note,\n user,\n caseNumber,\n } = this.props\n\n if (caseNumber === 0) {\n return (\n \n setExpanded({ ...expanded, about: !expanded.about })}\n dark\n />\n setExpanded({\n ...expanded,\n upcomingActivities: !expanded.upcomingActivities,\n })}\n dark\n />\n setExpanded({ ...expanded, activityHistory: !expanded.activityHistory })}\n dark\n />\n setExpanded({ ...expanded, notes: !expanded.notes })}\n dark\n />\n
\n )\n}\n\nContactTab.propTypes = {\n contactData: shape().isRequired,\n contactAutoCommsData: arrayOf(shape()).isRequired,\n contactNotesData: arrayOf(shape()).isRequired,\n contactTasksData: arrayOf(shape()).isRequired,\n contactTimelineData: arrayOf(shape()).isRequired,\n}\n\nexport default ContactTab\n","import { useState } from 'react'\nimport { log } from 'Foundation/Debug'\n\nexport function useLocalStorage(key, initialValue) {\n const [storedValue, setStoredValue] = useState(() => {\n try {\n const item = window.localStorage.getItem(key)\n return item ? JSON.parse(item) : initialValue\n } catch (err) {\n log({ message: 'failed to parse state', err })\n return initialValue\n }\n })\n\n const setValue = (value) => {\n try {\n const valueToStore = value instanceof Function ? value(storedValue) : value\n setStoredValue(valueToStore)\n window.localStorage.setItem(key, JSON.stringify(valueToStore))\n } catch (err) {\n log({ message: 'failed to store state', err })\n }\n }\n\n return [storedValue, setValue]\n}\n","import SnackbarContext from 'notistack/build/SnackbarContext'\nimport { captureException, withScope } from '@sentry/react'\nimport { isEmpty, map, noop } from 'lodash'\nimport { func, string } from 'prop-types'\nimport React, { useContext, useEffect } from 'react'\nimport { AuthContext } from 'Foundation/Auth'\nimport { MetadataContext } from 'Foundation/Metadata'\nimport { log } from 'Foundation/Debug'\nimport { Translate } from 'Foundation/Translations'\n\nconst CaseDialog = ({\n activityType,\n callback,\n children,\n contactId,\n}) => {\n const {\n apis: { case: caseApi },\n user: {\n id: userId,\n },\n } = useContext(AuthContext)\n const [{\n driver,\n eventEmitter,\n }] = useContext(MetadataContext)\n const { handleEnqueueSnackbar } = useContext(SnackbarContext)\n\n const handleDialogMessage = async (message) => {\n if (message.activityType !== activityType) {\n return\n }\n\n switch (message.type) {\n case 'create-case':\n log({ message: 'creating case', data: message })\n\n try {\n const result = await caseApi.post(\n 'cases',\n {\n contact_id: contactId,\n relations_path_id: message.case.relationsPathId,\n title: message.case.title,\n user_id: userId,\n },\n )\n\n if (isEmpty(message.stockVehicles) && !isEmpty(message.products)) {\n await caseApi.post(\n `cases/${result.id}/products`,\n {\n products: map(message.products, ({ id, quantity, label }) => ({\n id,\n quantity,\n name: label,\n })),\n },\n )\n }\n\n if (isEmpty(message.products) && !isEmpty(message.stockVehicles)) {\n await caseApi.post(\n `cases/${result.id}/stock-vehicles`,\n {\n stock_vehicle_ids: message.stockVehicles,\n },\n )\n }\n\n callback()\n\n // eslint-disable-next-line no-use-before-define\n stop()\n } catch (err) {\n log({ message: 'could not create case', err, data: message })\n\n withScope((scope) => {\n scope.setExtra('message', message)\n captureException(err)\n })\n\n handleEnqueueSnackbar(\n {message}
)\n : ( // eslint-disable-next-line react/no-danger\n \n )\n\n const time = moment.utc().diff(createdAt, 'days') < 24\n ? createdAt.local().fromNow()\n : createdAt.local().format('MMM. DD, HH:mm').toLowerCase()\n\n const redirectUrl = getRedirectUrl({ data, type })\n const NotificationElement = redirectUrl\n ? notificationElement\n : defaultNotificationElement\n\n const getNotificationKey = () => {\n if (type === 'stock_vehicle_sold') {\n return 'translation:notifications.types.carSold.label'\n }\n\n return `translation:notifications.types.${camelCase(type)}.label`\n }\n\n return (\n \n {getNotificationKey()} \n \n {time}\n \n
\n \n
\n \n
\n {content}\n \n \n \n \n \n \n \n \n \n
\n )\n}\n\nNotifications.propTypes = {\n actionElement: oneOfType([func, node]),\n data: arrayOf(shape()).isRequired,\n notificationElement: oneOfType([func, node]),\n onClick: func,\n open: bool,\n unread: number,\n}\n\nNotifications.defaultProps = {\n actionElement: Fragment,\n notificationElement: defaultNotificationElement,\n onClick: noop,\n open: false,\n unread: 0,\n}\n\nexport default Notifications\n","import {\n camelCase,\n get,\n noop,\n orderBy,\n} from 'lodash'\nimport SnackbarContext from 'notistack/build/SnackbarContext'\nimport React, {\n Fragment,\n useContext,\n useEffect,\n useReducer,\n} from 'react'\nimport styled from 'styled-components'\nimport Notifications from 'Components/Notifications'\nimport { AuthContext } from 'Foundation/Auth'\nimport ExternalLink from 'Foundation/ExternalLink'\nimport { MetadataContext } from 'Foundation/Metadata'\nimport { normalizeNotification, normalizeNotifications } from 'Foundation/Normalizers'\nimport { Translate } from 'Foundation/Translations'\nimport Query from 'Foundation/Query'\nimport { WEBAPP_URL } from 'Utils/Constants'\n\nconst StyledExternalLink = styled(ExternalLink)`\n display: block;\n text-decoration: none;\n width: 100%;\n`\n\nconst orderByCreatedAtDesc = items => orderBy(items, ['createdAt'], ['desc'])\n\nconst notificationsReducer = (state, action) => {\n switch (action.type) {\n case 'toggleOpen':\n return {\n ...state,\n open: !state.open,\n unread: state.open ? state.unread : 0,\n }\n case 'pusher':\n return {\n ...state,\n notifications: orderByCreatedAtDesc([\n ...state.notifications,\n action.notification,\n ]),\n unread: state.unread + 1,\n }\n case 'updateChildQuery':\n if (action.name !== 'notifications') {\n return state\n }\n\n return {\n ...state,\n fetchData: get(action, 'result.fetchData'),\n notifications: orderByCreatedAtDesc(get(action, 'result.data.data', [])),\n unread: get(action, 'result.data.unread', 0),\n }\n default:\n return state\n }\n}\n\nconst initialValue = {\n fetchData: noop,\n notifications: [],\n open: false,\n unread: 0,\n}\n\nexport default () => {\n const { apis: { base: baseApi } } = useContext(AuthContext)\n const [{ eventEmitter }] = useContext(MetadataContext)\n const { handleEnqueueSnackbar } = useContext(SnackbarContext)\n const reducer = useReducer(notificationsReducer, initialValue)\n const [\n {\n fetchData,\n notifications,\n open,\n unread,\n },\n dispatch,\n ] = reducer\n\n // Handle pusher events from eventEmitter\n useEffect(() => {\n let cancelled = false\n\n const handlePusherEvent = ({ bind, data }) => {\n if (cancelled) {\n return\n }\n\n if (bind !== 'notification') {\n return\n }\n\n const notification = normalizeNotification(data)\n dispatch({ type: 'pusher', notification })\n handleEnqueueSnackbar(\n (\n ${content}
`)\n }}\n relationsPathId={caseData.relationsPath.id}\n >\n {({ start }) => (\n \n )}\n \n )\n}\n\nTemplatesDialogRenderer.propTypes = {\n accountId: string.isRequired,\n contactId: string.isRequired,\n caseData: shape().isRequired,\n}\n\nconst FileManagerDialogRenderer = ({ caseId }) => {\n const { apis: { base: baseApi } } = useContext(AuthContext)\n const [{ driver }] = useContext(MetadataContext)\n\n return (\n
\n translation:outlook.compose.attachments \n
\n {!isEmpty(breadcrumbTypography) && (\n Status: OK
\n)\n","import SnackbarContext from 'notistack/build/SnackbarContext'\nimport {\n chunk,\n compact,\n dropRight,\n first,\n forEach,\n get,\n indexOf,\n isEmpty,\n isNil,\n join,\n last,\n map,\n split,\n} from 'lodash'\nimport {\n arrayOf,\n func,\n oneOfType,\n shape,\n} from 'prop-types'\nimport React, {\n Fragment,\n useContext,\n useEffect,\n useState,\n} from 'react'\nimport styled from 'styled-components'\nimport { variables } from 'Assets/Styles'\nimport Button from 'Components/Button'\nimport Loading from 'Components/Loading'\nimport MissingCase from 'Containers/Contact/Actions/MissingCase'\nimport Contact from 'Containers/Contact/ContactByEmail'\nimport { AuthConsumer } from 'Foundation/Auth'\nimport { mailItemPropType, MetadataConsumer, MetadataContext } from 'Foundation/Metadata'\nimport { Translate } from 'Foundation/Translations'\n\nconst MAXIMUM_FILE_ATTACHMENTS = 25\n\nconst StyledButton = styled(Button)`\n color: #fff;\n margin: ${variables.spacing.top} 0;\n text-decoration: none;\n width: 100%;\n`\n\nconst Text = styled.div`\n text-align: center;\n`\n\nconst parseFullName = (fullName) => {\n if (isEmpty(fullName)) {\n return { firstName: null, lastName: null }\n }\n\n const chunks = split(fullName, ' ')\n if (chunks.length === 1) {\n return { firstName: first(chunks), lastName: null }\n }\n\n return {\n firstName: join(dropRight(chunks), ' '),\n lastName: last(chunks),\n }\n}\n\n// TODO: Add translations\nconst ArchiveEmail = ({ mailItem, reducer }) => {\n const [result] = reducer\n const [status, setStatus] = useState('init')\n const [{ driver }] = useContext(MetadataContext)\n const { handleEnqueueSnackbar } = useContext(SnackbarContext)\n\n // Reset status, when mail hash changes\n useEffect(() => setStatus('init'), [mailItem.hash])\n\n const caseId = get(result, 'case.data.id')\n const contactId = get(result, 'contact.data.contactId')\n const caseEmailByHashRefreshing = get(result, 'caseEmailByHash.refreshing')\n const caseEmailByHashStatus = get(result, 'caseEmailByHash.status')\n const hasBeenArchived = get(result, 'caseEmailByHash.httpStatus', 404) === 200\n\n if (status === 'loading'\n || (indexOf(['init', 'loading'], caseEmailByHashStatus) !== -1 && !caseEmailByHashRefreshing)\n ) {\n return (\n - \n {this.renderActivityTypes()}\n
\n translation:outlook.compose.templates \n
\n - \n