{"version":3,"sources":["../node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2.js","external/packages/eos-notifications/components/notifications/index.js","external/packages/eos-notifications/actions/index.js","external/packages/eos-notifications/reducers/index.js","external/packages/eos-notifications/components/notifications/styles/StyledNotifications.js","external/packages/eos-notifications/components/notifications/styles/StyledNotification.js","external/packages/eos-notifications/reducers/notifications.js"],"names":["__webpack_require__","d","__webpack_exports__","_objectSpread2","_defineProperty__WEBPACK_IMPORTED_MODULE_0__","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","target","i","arguments","length","source","forEach","key","getOwnPropertyDescriptors","defineProperties","defineProperty","isValidDate","date","Date","isNaN","Components","notifications","removeNotification","t","removeAllNotifications","deviceType","DynamicIcon","Avatar","TimeRelative","_useState","useState","_useState2","C_agent_work_1_s_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__","hiddenNotifications","setHiddenNotifications","onClose","notification","id","setTimeout","hiddenNotification","getTopOffset","index","getCardStyle","notificationsArray","marginLeft","concat","marginTop","react__WEBPACK_IMPORTED_MODULE_1___default","a","createElement","_styles_StyledNotifications__WEBPACK_IMPORTED_MODULE_2__","className","classNames","mobile","startsWith","tablet","messages","Fragment","onClick","sort","b","firstDate","createdAt","secondDate","getTime","map","timeoutValue","_styles_StyledNotification__WEBPACK_IMPORTED_MODULE_3__","topOffset","zIndex","event","type","clickable","style","iconComponent","iconName","initials","imageUrl","translationKeyTitle","title","react_show_more_text__WEBPACK_IMPORTED_MODULE_4___default","lines","anchorClass","more","less","expanded","translationKeyMessage","message","value","stopPropagation","fileName","size","withNamespaces","store","mapStateToProps","state","mapDispatchToProps","adaptive","r","clearNotifications","addNotification","payload","_notifications__WEBPACK_IMPORTED_MODULE_0__","notificationsReducer","StyledNotifications","styled","div","withConfig","displayName","componentId","theme","general","gutter","normal","styled_components__WEBPACK_IMPORTED_MODULE_0__","getColor","props","colors","primary","error","warn","info","okay","backgrounds","StyledNotification","yOffset","css","small","height","width","borders","radius","helpers","toRgba","shadows","color","opacity","grayscale","accent","default","fonts","weights","semibold","sizes","sm","neutral","regular","xs","xxs","xxxs","action","_payload$expanded","_payload$expanded2","C_agent_work_1_s_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_0__","findIndex","wasAlreadyNotified","x"],"mappings":"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","file":"static/js/95.f0d087fc.chunk.js","sourcesContent":["import defineProperty from \"./defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nexport default function _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}","import React, { useState } from \"react\"\nimport StyledNotifications from \"./styles/StyledNotifications\"\nimport StyledNotification from \"./styles/StyledNotification\"\nimport ShowMoreText from \"react-show-more-text\"\nimport classNames from \"classnames\"\n\nconst isValidDate = (date) => {\n return date instanceof Date && !isNaN(date)\n}\n\nconst Notifications = ({ Components, notifications, removeNotification, t, removeAllNotifications, deviceType }) => {\n const { DynamicIcon, Avatar, TimeRelative } = Components\n const [hiddenNotifications, setHiddenNotifications] = useState([])\n\n const onClose = (notification) => {\n setHiddenNotifications([...hiddenNotifications, notification.id])\n setTimeout(() => {\n setHiddenNotifications(\n hiddenNotifications.filter((hiddenNotification) => hiddenNotification.id === notification.id)\n )\n removeNotification(notification)\n }, 200)\n }\n\n const sortChronologically = (a, b) => {\n const firstDate = new Date(a.createdAt)\n const secondDate = new Date(b.createdAt)\n const datesAreValid = isValidDate(firstDate) && isValidDate(secondDate)\n if (datesAreValid) {\n if (firstDate.getTime() > secondDate.getTime()) {\n return -1\n } else {\n return 1\n }\n }\n return 0\n }\n\n const getTopOffset = (index) => (index > 2 ? 90 + (index - 2) : null)\n\n const getCardStyle = (notificationsArray, index) => ({\n marginLeft: notificationsArray.length > 2 ? (index > 2 ? `-${(index - 2) * 4}px` : 0) : 0,\n marginTop: notificationsArray.length > 2 ? (index > 2 ? `${(index - 2) * 4}px` : 0) : 0,\n })\n\n return (\n \n {notifications && notifications?.messages.length > 0 ? (\n <>\n
\n
\n {t(\"core:clear_all_notifications\")}\n
\n
\n {notifications.messages.sort(sortChronologically).map((notification, index, notificationsArray) => {\n if (notification.timeoutValue && notification.timeoutValue > 0) {\n setTimeout(() => {\n onClose(notification)\n }, notification.timeoutValue)\n }\n\n return (\n {\n if (notification.onClick) {\n notification.onClick(() => onClose(notification))\n }\n }}\n key={\"notification\" + notification.id}\n type={notification.type}\n className={classNames({\n clickable: notification.onClick,\n mobile: deviceType.startsWith(\"phone\"),\n tablet: deviceType.startsWith(\"tablet\"),\n })}\n >\n
\n
\n {notification.iconComponent ? (\n notification.iconComponent\n ) : (\n \n )}\n
\n \n {notification.translationKeyTitle\n ? t(notification.translationKeyTitle)\n : notification.title\n ? notification.title\n : null}\n \n \n \n {notification.translationKeyMessage\n ? t(notification.translationKeyMessage)\n : notification.message\n ? notification.message\n : null}\n \n \n {notification.createdAt ? (\n
{}
\n ) : null}\n
\n
\n {\n if (event) event.stopPropagation()\n\n if (notification.onClose) {\n notification.onClose(() => onClose(notification))\n } else {\n onClose(notification)\n }\n }}\n className=\"close-button-container\"\n >\n \n \n
\n
\n
\n \n )\n })}\n \n ) : null}\n \n )\n}\n\nexport default [\n Notifications,\n {\n withNamespaces: [\"core\"],\n store: {\n mapStateToProps: (state) => {\n return {\n notifications: state.notifications,\n }\n },\n mapDispatchToProps: [\"removeNotification\", \"removeAllNotifications\"],\n },\n adaptive: true,\n },\n]\n","export const clearNotifications = () => ({\n type: \"CLEAR_NOTIFICATIONS\",\n})\n\nexport const addNotification = (payload) => ({\n type: \"ADD_NOTIFICATION\",\n payload,\n})\n\nexport const removeNotification = (payload) => ({\n type: \"REMOVE_NOTIFICATION\",\n payload,\n})\n\nexport const removeAllNotifications = (payload) => ({\n type: \"REMOVE_ALL_NOTIFICATIONS\",\n payload,\n})\n","import notificationsReducer from \"./notifications\"\n\nexport default {\n notifications: notificationsReducer,\n}\n","import styled from \"styled-components\"\n\nconst StyledNotifications = styled.div`\n position: fixed;\n bottom: 0;\n z-index: 9999;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n left: 0;\n width: 100%;\n pointer-events: none;\n transition: 0.5s;\n height: 100%;\n padding-left: ${({ theme }) => theme.general.gutter.normal};\n padding-bottom: ${({ theme }) => theme.general.gutter.normal};\n\n .clear-notifications-button-container {\n display: flex;\n align-items: flex-start;\n margin-bottom: 10px;\n\n .clear-notifications-button {\n width: 370px;\n text-align: center;\n padding: 20px 0;\n margin: -20px 0;\n cursor: pointer;\n pointer-events: all;\n }\n }\n\n &.mobile {\n padding: 0 10px;\n }\n`\n\nexport default StyledNotifications\n","import styled, { css } from \"styled-components\"\n\nconst getColor = (type, props) => {\n switch (type) {\n case \"error\":\n return props.theme.colors.primary.error\n case \"warning\":\n return props.theme.colors.primary.warn\n case \"info\":\n return props.theme.colors.primary.info\n case \"okay\":\n return props.theme.colors.primary.okay\n\n default:\n return props.theme.backgrounds.colors.primary\n }\n}\n\nconst StyledNotification = styled.div`\n animation: slide-fwd-top 0.5s;\n z-index: ${(props) => (props.zIndex ? props.zIndex : 999)};\n width: 100%;\n margin-bottom: 10px;\n transition: 0.2s;\n opacity: 1;\n\n &:nth-of-type(${(props) => props.index}) {\n .card {\n margin-left: calc(2px - ${(props) => `${props.yOffset}px`});\n }\n }\n &.clickable {\n cursor: pointer;\n }\n\n ${(props) => {\n if (props.topOffset)\n return css`\n top: ${props.topOffset}%;\n `\n }}\n ${(props) => {\n if (props.index > 2)\n return css`\n position: absolute;\n `\n }}\n\n &.hidden {\n opacity: 0;\n }\n\n .inner-container {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: flex-start;\n\n transition: 0.5s;\n }\n\n .middle-container {\n flex: 1 1 auto;\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding-left: ${(props) => props.theme.general.gutter.small};\n overflow: hidden;\n }\n .card {\n background-color: ${({ theme }) => theme.backgrounds.colors.primary};\n border: 5px solid ${(props) => getColor(props.type, props)};\n border-top: none;\n border-bottom: none;\n border-right: none;\n line-height: 1;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n min-height: ${({ theme }) => theme.notifications.height};\n width: ${({ theme }) => theme.notifications.width};\n padding: ${(props) => props.theme.general.gutter.small};\n border-radius: ${(props) => props.theme.borders.radius.size};\n box-shadow: 0 0px 20px ${({ theme }) => theme.helpers.toRgba(theme.shadows.color, theme.shadows.opacity)};\n\n pointer-events: all;\n\n .avatar {\n flex: 0 0 auto;\n .StyledDynamicIcon {\n height: 28px;\n width: 28px;\n }\n svg {\n height: 28px;\n width: 28px;\n fill: ${(props) => getColor(props.type, props)};\n stroke: ${(props) => getColor(props.type, props)};\n\n #Done {\n fill: ${(props) => getColor(props.type, props)};\n path {\n stroke: #fff;\n }\n }\n }\n }\n }\n\n h3,\n p {\n margin: 0;\n color: ${(props) =>\n props.type === \"error\" ? props.theme.grayscale.primary.accent : props.theme.grayscale.primary.default};\n font-weight: ${(props) => props.theme.fonts.weights.semibold};\n margin-left: 8px;\n font-size: ${(props) => props.theme.fonts.sizes.sm};\n }\n .timestamp {\n color: ${(props) => props.theme.grayscale.primary.neutral};\n opacity: 0.75;\n }\n .title {\n font-weight: ${(props) => props.theme.fonts.weights.regular};\n font-size: ${(props) => props.theme.fonts.sizes.xs};\n opacity: 0.69;\n line-height: 1.4;\n display: block;\n }\n .message {\n overflow-wrap: break-word;\n overflow: hidden;\n font-size: ${(props) => props.theme.fonts.sizes.xs};\n margin-top: 3px;\n font-weight: 600;\n span {\n white-space: pre-line;\n }\n\n .show-more {\n user-select: none;\n color: ${(props) => props.theme.grayscale.primary.default};\n opacity: 0.69;\n text-decoration: underline;\n }\n }\n\n .small {\n font-size: ${(props) => props.theme.fonts.sizes.xs};\n margin-top: 8px;\n font-weight: ${(props) => props.theme.fonts.weights.regular};\n }\n .initials {\n text-transform: uppercase;\n font-size: ${(props) => props.theme.fonts.sizes.xs};\n }\n .close-button-wrapper {\n width: 10%;\n display: flex;\n justify-content: center;\n\n .close-button-container {\n cursor: pointer;\n outline: none;\n background-color: transparent;\n border: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 20px;\n margin: -20px;\n margin-left: -4px;\n\n svg {\n height: 24px;\n width: 24px;\n fill: ${(props) => props.theme.grayscale.primary.neutral};\n opacity: 0.69;\n }\n }\n }\n /* ----------------------------------------------\n * Generated by Animista on 2020-1-30 12:54:35\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info.\n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n @keyframes slide-fwd-top {\n 0% {\n transform: translateY(24px);\n max-height: 0%;\n }\n 100% {\n transform: translateY(0px);\n max-height: 100%;\n }\n }\n\n @media not all and (pointer: coarse) {\n .message {\n .show-more:hover {\n opacity: 1;\n }\n }\n\n .close-button-container:hover {\n svg {\n opacity: 1;\n }\n }\n }\n\n &.mobile {\n width: 100%;\n }\n\n @media only screen and (pointer: coarse) {\n .card {\n padding: 10px 15px;\n }\n\n .title {\n font-weight: ${(props) => props.theme.fonts.weights.regular};\n font-size: ${(props) => props.theme.fonts.sizes.xxs};\n opacity: 0.69;\n line-height: 1.4;\n }\n .small {\n color: ${(props) => props.theme.grayscale.primary.neutral};\n font-size: ${(props) => props.theme.fonts.sizes.xxxs};\n margin-top: 8px;\n font-weight: ${(props) => props.theme.fonts.weights.regular};\n }\n .initials {\n text-transform: uppercase;\n font-size: ${(props) => props.theme.fonts.sizes.xxxs};\n }\n }\n`\n\nexport default StyledNotification\n","const notificationsReducer = (\n notifications = {\n /**\n * Unofficial model for msgs\n * {\n * id: string,\n * message: string,\n * createdAt: date,\n * iconName?: string,\n * imageUrl?: string,\n * initials?: string,\n * title?: string,\n * \ttype?: string,\n * onClick?: func, // Extends the default onClick (which just closes the notification) with a function that receives the default onClose as a callback\n * onClose?: func // Extends the default onClose with a function that receives the default onClose as a callback\n * }\n */\n messages: [],\n },\n action\n) => {\n const wasAlreadyNotified = (notifications, payload) => {\n const { id, title, message } = payload\n if (!notifications.messages.length) return false\n const notificationIndex = notifications.messages.findIndex(\n (notification) => notification.id === id && notification.title === title && notification.message === message\n )\n return notificationIndex >= 0\n }\n\n const { payload, type } = action\n switch (type) {\n case \"CLEAR_NOTIFICATIONS\":\n return { ...notifications, messages: [] }\n case \"ADD_NOTIFICATION\":\n switch (payload.type) {\n case \"error\":\n payload.iconName = \"wrong\"\n break\n\n case \"warning\":\n payload.iconName = \"warning\"\n break\n\n default:\n break\n }\n\n return wasAlreadyNotified(notifications, payload)\n ? {\n ...notifications,\n expanded: payload.expanded ?? false,\n }\n : {\n ...notifications,\n messages: notifications.messages.concat([payload]),\n expanded: payload.expanded ?? false,\n }\n\n case \"REMOVE_NOTIFICATION\":\n return {\n ...notifications,\n messages: notifications.messages.filter((x) => x.id !== payload.id),\n }\n case \"REMOVE_ALL_NOTIFICATIONS\":\n return {\n ...notifications,\n messages: [],\n }\n default:\n return notifications\n }\n}\n\nexport default notificationsReducer\n"],"sourceRoot":""}